https://app.locoomo.com/_next/static/chunks/443-ca5abd99f7d4b404.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[443],{18119:(e,t,s)=>{"use strict";s.d(t,{m:()=>i});var a=s(12115);let l={lat:6.5244,lng:3.3792};function r(){return"geolocation"in navigator}function i(){let[e,t]=(0,a.useState)(()=>r()?{position:null,isLoading:!0,permissionGranted:null,error:null}:{position:l,isLoading:!1,permissionGranted:!1,error:"Geolocation isn't supported on this device."});return(0,a.useEffect)(()=>{r()&&navigator.geolocation.getCurrentPosition(e=>{t({position:{lat:e.coords.latitude,lng:e.coords.longitude},isLoading:!1,permissionGranted:!0,error:null})},()=>{t({position:l,isLoading:!1,permissionGranted:!1,error:"Location access denied — showing Lagos by default."})},{enableHighAccuracy:!0,timeout:8e3,maximumAge:6e4})},[]),e}},24183:(e,t,s)=>{"use strict";s.d(t,{NodeListItem:()=>i});var a=s(95155),l=s(64269),r=s(74464);function i(e){let{node:t,isSelected:s,onSelect:i}=e;return(0,a.jsxs)("button",{type:"button",onClick:()=>i(t.id),"aria-pressed":s,className:(0,l.cn)("w-full flex items-center gap-3 p-3.5 rounded-[14px] border-2 text-left transition-all duration-150",s?"border-brand-blue bg-status-info-bg":"border-border-default bg-bg-card"),children:[(0,a.jsx)("span",{className:(0,l.cn)("w-9 h-9 rounded-[10px] flex items-center justify-center shrink-0",s?"bg-brand-blue text-white":"bg-bg-subtle text-text-muted"),children:(0,a.jsx)(r.Tb,{size:16})}),(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsx)("p",{className:"text-[14px] font-semibold text-text-primary truncate",children:t.name}),(0,a.jsxs)("p",{className:"text-[12px] text-text-muted truncate",children:[void 0!==t.distanceKm?"".concat(t.distanceKm.toFixed(1),"km away \xb7 "):"",t.city,", ",t.state,t.operatingHours?" \xb7 ".concat(t.operatingHours):""]})]})]})}},42365:(e,t,s)=>{"use strict";s.d(t,{DeliveryMethodScreen:()=>u});var a=s(95155),l=s(12115),r=s(20063),i=s(75100),n=s(55928),d=s(64269),o=s(74464),c=s(42871),x=s(60004);let m=[{value:"drop_and_pick",title:"Drop & Pick",description:"Drop at a node near you. Most affordable for flexible schedules.",recommended:!0,icon:(0,a.jsx)(o.qD,{size:20})}];function u(){let e=(0,r.useRouter)(),t=(0,c.a)(e=>e.setMethod),s=(0,c.a)(e=>e.method),[o,u]=(0,l.useState)(null!=s?s:"drop_and_pick");return(0,a.jsxs)("div",{className:"min-h-screen bg-bg-canvas",children:[(0,a.jsx)(n.Vs,{title:"Delivery Method",showBack:!0}),(0,a.jsxs)("div",{className:"px-4 md:px-6 pt-2 md:pt-6 pb-8 max-w-[520px] mx-auto",children:[(0,a.jsx)("div",{className:"hidden md:block mb-6",children:(0,a.jsx)("h1",{className:"font-display text-[22px] font-bold text-text-primary",children:"How should we deliver?"})}),(0,a.jsx)(i.Jc,{total:4,current:3,className:"mb-6"}),(0,a.jsx)("h2",{className:"md:hidden font-display text-[20px] font-bold text-text-primary mb-1",children:"How should we deliver?"}),(0,a.jsx)("p",{className:"text-[14px] text-text-secondary mb-6",children:"Choose the method that fits your schedule & budget."}),(0,a.jsx)("div",{className:"flex flex-col gap-3",role:"radiogroup","aria-label":"Delivery method",children:m.map(e=>{let t=o===e.value;return(0,a.jsxs)("button",{type:"button",role:"radio","aria-checked":t,onClick:()=>u(e.value),className:(0,d.cn)("flex items-start gap-4 p-4 rounded-[16px] border-2 text-left transition-all duration-150",t?"border-brand-blue bg-status-info-bg":"border-border-default bg-bg-card"),children:[(0,a.jsx)("span",{className:(0,d.cn)("w-11 h-11 rounded-[12px] flex items-center justify-center shrink-0",t?"bg-brand-blue text-white":"bg-bg-subtle text-text-secondary"),children:e.icon}),(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 flex-wrap",children:[(0,a.jsx)("span",{className:"font-semibold text-[15px] text-text-primary",children:e.title}),e.recommended&&(0,a.jsx)("span",{className:"text-[10px] font-semibold uppercase tracking-wide text-status-success bg-status-success-bg px-2 py-0.5 rounded-full",children:"Recommended"})]}),(0,a.jsx)("p",{className:"text-[13px] text-text-secondary leading-[1.5] mt-1",children:e.description})]})]},e.value)})}),(0,a.jsx)(i.$n,{fullWidth:!0,size:"lg",onClick:()=>{t(o),e.push(x.bw.checkout)},className:"mt-8",children:"Next →"})]})]})}},42871:(e,t,s)=>{"use strict";s.d(t,{a:()=>r});var a=s(25959);let l={receiver:null,parcel:null,originNodeId:null,destinationNodeId:null,method:null},r=(0,a.v)(e=>({...l,setReceiverAndParcel:(t,s)=>e({receiver:t,parcel:s}),setOriginNode:t=>e({originNodeId:t}),setDestinationNode:t=>e({destinationNodeId:t}),setMethod:t=>e({method:t}),reset:()=>e(l)}))},48449:(e,t,s)=>{"use strict";s.d(t,{MockMapView:()=>i});var a=s(95155),l=s(64269);let r={node_vi_hub:{top:"62%",left:"58%"},node_ikeja_central:{top:"22%",left:"32%"},node_ikoyi_city_superama:{top:"48%",left:"74%"},node_lekki_phase1:{top:"78%",left:"80%"},node_yaba_tech:{top:"15%",left:"60%"}};function i(e){let{nodes:t,selectedNodeId:s,onSelectNode:i}=e;return(0,a.jsxs)("div",{className:"relative w-full h-[280px] rounded-[18px] overflow-hidden bg-[#E8EEF7] border border-border-default",children:[(0,a.jsxs)("svg",{className:"absolute inset-0 w-full h-full opacity-40",viewBox:"0 0 400 280",preserveAspectRatio:"none","aria-hidden":"true",children:[(0,a.jsx)("path",{d:"M0 70 H400 M0 150 H400 M0 220 H400",stroke:"#C5D4E8",strokeWidth:"2"}),(0,a.jsx)("path",{d:"M70 0 V280 M180 0 V280 M300 0 V280",stroke:"#C5D4E8",strokeWidth:"2"}),(0,a.jsx)("path",{d:"M0 0 L400 280 M400 0 L0 280",stroke:"#D5E0EF",strokeWidth:"1.5"})]}),(0,a.jsx)("span",{className:"absolute top-3 left-3 text-[11px] font-semibold text-text-muted bg-white/80 px-2 py-1 rounded-full",children:"Lagos"}),t.map(e=>{var t;let n=null!=(t=r[e.id])?t:{top:"50%",left:"50%"},d=s===e.id;return(0,a.jsxs)("button",{type:"button",onClick:()=>

1i(e.id),style:{top:n.top,left:n.left},className:"absolute -translate-x-1/2 -translate-y-1/2 flex flex-col items-center group","aria-label":"Select ".concat(e.name),"aria-pressed":d,children:[(0,a.jsx)("span",{className:(0,l.cn)("flex items-center justify-center rounded-full border-2 border-white shadow-md transition-all duration-200",d?"w-9 h-9 bg-brand-blue scale-110":"w-7 h-7 bg-brand-blue-light"),children:(0,a.jsx)("span",{className:"w-2 h-2 rounded-full bg-white"})}),d&&(0,a.jsx)("span",{className:"mt-1 text-[10px] font-semibold text-white bg-brand-navy px-2 py-0.5 rounded-full whitespace-nowrap shadow-md",children:e.name})]},e.id)})]})}},52051:(e,t,s)=>{"use strict";s.d(t,{SelectNodesScreen:()=>w});var a=s(95155),l=s(12115),r=s(20063),i=s(75100),n=s(52485),d=s(55928),o=s(74464),c=s(78522),x=s(18119),m=s(42871),u=s(60004),p=s(94806),h=s(71540);function b(e,t){let s=f(t.lat-e.lat),a=f(t.lng-e.lng),l=Math.sin(s/2),r=Math.sin(a/2),i=l*l+Math.cos(f(e.lat))*Math.cos(f(t.lat))*r*r;return 2*Math.atan2(Math.sqrt(i),Math.sqrt(1-i))*6371}function f(e){return e*Math.PI/180}var g=s(59399);function j(e){let{label:t,placeholder:s,node:l,onClick:r}=e;return(0,a.jsxs)("button",{type:"button",onClick:r,className:"w-full flex items-center gap-3 p-3.5 rounded-[14px] border-2 border-border-default bg-bg-card text-left transition-colors hover:border-border-strong",children:[(0,a.jsx)("span",{className:"w-9 h-9 rounded-[10px] bg-bg-subtle text-text-muted flex items-center justify-center shrink-0",children:(0,a.jsx)(o.Tb,{size:16})}),(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsx)("p",{className:"text-[11px] text-text-muted",children:t}),l?(0,a.jsxs)("p",{className:"text-[14px] font-semibold text-text-primary truncate",children:[l.name,void 0!==l.distanceKm&&(0,a.jsxs)("span",{className:"font-normal text-text-muted",children:[" \xb7 ",l.distanceKm.toFixed(1),"km away"]})]}):(0,a.jsx)("p",{className:"text-[14px] text-text-muted truncate",children:s})]}),(0,a.jsx)(o.D3,{size:18,className:"text-text-muted shrink-0"})]})}var v=s(24183);function N(e){let{title:t,nodes:s,isLoading:l,selectedNodeId:r,onSelect:n,onClose:d,searchValue:c,onSearchChange:x,addressSearchAvailable:m,onSearchAddress:u,isSearchingAddress:p,searchAddressError:h,searchedAddressLabel:b,onClearAddressSearch:f}=e;return(0,a.jsxs)("div",{className:"fixed inset-0 z-50 flex flex-col justify-end",role:"dialog","aria-modal":"true","aria-label":t,children:[(0,a.jsx)("button",{className:"absolute inset-0 bg-black/50","aria-label":"Dismiss",onClick:d}),(0,a.jsxs)("div",{className:"relative bg-bg-card rounded-t-[24px] pt-3 max-w-[560px] w-full mx-auto flex flex-col",style:{maxHeight:"85vh"},children:[(0,a.jsx)("div",{className:"w-10 h-1 rounded-full bg-border-strong mx-auto mb-3 shrink-0"}),(0,a.jsxs)("div",{className:"flex items-center justify-between px-4 pb-3 shrink-0",children:[(0,a.jsx)("h2",{className:"font-display text-[16px] font-bold text-text-primary",children:t}),(0,a.jsx)("button",{type:"button",onClick:d,"aria-label":"Close",className:"w-8 h-8 rounded-full flex items-center justify-center text-text-muted hover:bg-bg-subtle transition-colors",children:(0,a.jsx)(o.uv,{size:18})})]}),(0,a.jsxs)("div",{className:"px-4 pb-3 shrink-0",children:[(0,a.jsx)(i.pd,{autoFocus:!0,placeholder:"Search by station name, or type an address",leftElement:(0,a.jsx)(o.WI,{size:16}),value:c,onChange:e=>x(e.target.value),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),u())},rightElement:m?(0,a.jsx)("button",{type:"button",onClick:u,disabled:p||!c.trim(),"aria-label":"Find stations near this address",className:"pointer-events-auto w-7 h-7 rounded-full flex items-center justify-center text-brand-blue disabled:opacity-40 disabled:cursor-not-allowed",children:p?(0,a.jsx)("span",{className:"w-3.5 h-3.5 rounded-full border-2 border-brand-blue/30 border-t-brand-blue animate-spin"}):(0,a.jsx)(o._Z,{size:15})}):void 0}),m&&!b&&(0,a.jsxs)("p",{className:"text-[11px] text-text-muted mt-1.5",children:["Type a station name to filter, or an address and tap"," ",(0,a.jsx)(o._Z,{size:11,className:"inline -mt-0.5"})," to find stations nearby."]}),h&&(0,a.jsx)("p",{className:"text-[11px] text-status-danger mt-1.5",children:h}),b&&(0,a.jsxs)("div",{className:"flex items-center justify-between gap-2 mt-2 px-3 py-2 rounded-[10px] bg-status-info-bg",children:[(0,a.jsxs)("p",{className:"text-[12px] text-brand-blue truncate min-w-0",children:[(0,a.jsx)(o.Tb,{size:12,className:"inline -mt-0.5 mr-1"}),"Showing stations near ",(0,a.jsx)("span",{className:"font-semibold",children:b})]}),(0,a.jsx)("button",{type:"button",onClick:f,className:"text-[11px] font-semibold text-brand-blue shrink-0",children:"Clear"})]})]}),(0,a.jsx)("div",{className:"flex-1 overflow-y-auto px-4 pb-6 flex flex-col gap-2.5",children:l?(0,a.jsx)("p",{className:"text-[13px] text-text-muted text-center py-6",children:"Loading nodes…"}):0===s.length?(0,a.jsx)("p",{className:"text-[13px] text-text-muted text-center py-6",children:c.trim()&&!b?'No stations match "'.concat(c,'"'):"No stations available yet."}):s.map(e=>(0,a.jsx)(v.NodeListItem,{node:e,isSelected:r===e.id,onSelect:e=>{n(e),d()}},e.id))})]})]})}let y={point:null,label:null,isSearching:!1,error:null};function w(){let e=(0,r.useRouter)(),{nodes:t,isLoading:s,isError:f,error:v}=(0,c.p)(),{position:w,permissionGranted:S}=(0,x.m)(),C=(0,m.a)(e=>e.setOriginNode),D=(0,m.a)(e=>e.setDestinationNode),z=(0,m.a)(e=>e.originNodeId),M=(0,m.a)(e=>e.destinationNodeId),[E,P]=(0,l.useState)(z),[A,L]=(0,l.useState)(M),[_,I]=(0,l.useState)(null),[F,K]=(0,l.useState)(""),[V,H]=(0,l.useState)(""),[W,R]=(0,l.useState)(y),[q,G]=(0,l.useState)(y),B=h.t.isConfigured(),J=(0,l.useMemo)(()=>w?t.map(e=>({...e,distanceKm:b(w,e.location)})).sort((e,t)=>

1{var s,a;return(null!=(s=e.distanceKm)?s:0)-(null!=(a=t.distanceKm)?a:0)}):t,[t,w]),T=(0,l.useMemo)(()=>{var e;return null!=(e=J.find(e=>e.id===E))?e:null},[J,E]),$=(0,l.useMemo)(()=>{var e;return null!=(e=J.find(e=>e.id===A))?e:null},[J,A]),Y=k({nodes:t,userPosition:w,excludeNodeId:null,search:F,addressSearch:W}),Z=k({nodes:t,userPosition:w,excludeNodeId:E,search:V,addressSearch:q}),O=!!E&&!!A&&E!==A,Q=e=>{P(e),A===e&&L(null)},X=async(e,t)=>{if(e.trim()){t(e=>({...e,isSearching:!0,error:null}));try{let s=await h.t.geocodeAddress({address:e,city:"",state:""});t({point:{lat:s.lat,lng:s.lng},label:s.formatted,isSearching:!1,error:null})}catch(e){t(t=>({...t,isSearching:!1,error:(0,p.u1)(e)}))}}};return(0,a.jsxs)("div",{className:"min-h-screen bg-bg-canvas",children:[(0,a.jsx)(d.Vs,{title:"Pickup & Destination",showBack:!0}),(0,a.jsxs)("div",{className:"px-4 md:px-6 pt-2 md:pt-6 pb-28 max-w-[560px] mx-auto",children:[(0,a.jsxs)("div",{className:"hidden md:block mb-6",children:[(0,a.jsx)("h1",{className:"font-display text-[22px] font-bold text-text-primary",children:"Select Pickup Station"}),(0,a.jsx)("p",{className:"text-[14px] text-text-secondary mt-1",children:"Choose a drop-off Station and a destination Station"})]}),(0,a.jsx)(i.Jc,{total:4,current:2,className:"mb-5"}),(0,a.jsx)(g.NodeMapView,{nodes:J,selectedNodeId:E,onSelectNode:Q,userPosition:w}),!1===S&&(0,a.jsxs)("p",{className:"flex items-start gap-1 text-[11px] text-text-muted mt-2",children:[(0,a.jsx)(o.Tb,{size:12,className:"shrink-0 mt-0.5"}),"Location access denied; showing Lagos by default. Distances may be approximate."]}),f&&(0,a.jsx)(n.$,{...(0,p.kQ)(v)}),(0,a.jsxs)("div",{className:"mt-5 flex flex-col gap-3",children:[(0,a.jsx)(j,{label:"Dropoff Station",placeholder:"Choose a dropoff station",node:T,onClick:()=>I("origin")}),(0,a.jsx)(j,{label:"Destination Station",placeholder:"Choose a destination station",node:$,onClick:()=>I("destination")})]}),(0,a.jsx)("p",{className:"text-[11px] text-text-muted mt-4 leading-[1.6]",children:"Parcel must be under ₦100,000 in value and 8kg in weight for drop & pick."})]}),(0,a.jsx)("div",{className:"fixed bottom-[var(--bottom-nav-height)] md:bottom-0 left-0 right-0 md:left-[260px] p-4 bg-bg-canvas border-t border-border-default",children:(0,a.jsx)("div",{className:"max-w-[560px] mx-auto",children:(0,a.jsx)(i.$n,{fullWidth:!0,size:"lg",disabled:!O,onClick:()=>{O&&(C(E),D(A),e.push(u.bw.deliveryMethod))},children:"Next step →"})})}),"origin"===_&&(0,a.jsx)(N,{title:"Select Pickup Station",nodes:Y,isLoading:s,selectedNodeId:E,onSelect:Q,onClose:()=>I(null),searchValue:F,onSearchChange:K,addressSearchAvailable:B,onSearchAddress:()=>X(F,R),isSearchingAddress:W.isSearching,searchAddressError:W.error,searchedAddressLabel:W.label,onClearAddressSearch:()=>R(y)}),"destination"===_&&(0,a.jsx)(N,{title:"Select Destination Station",nodes:Z,isLoading:s,selectedNodeId:A,onSelect:L,onClose:()=>I(null),searchValue:V,onSearchChange:H,addressSearchAvailable:B,onSearchAddress:()=>X(V,G),isSearchingAddress:q.isSearching,searchAddressError:q.error,searchedAddressLabel:q.label,onClearAddressSearch:()=>G(y)})]})}function k(e){let{nodes:t,userPosition:s,excludeNodeId:a,search:r,addressSearch:i}=e;return(0,l.useMemo)(()=>{var e;let l=a?t.filter(e=>e.id!==a):t,n=null!=(e=i.point)?e:s,d=n?l.map(e=>({...e,distanceKm:b(n,e.location)})).sort((e,t)=>{var s,a;return(null!=(s=e.distanceKm)?s:0)-(null!=(a=t.distanceKm)?a:0)}):l;if(i.point||!r.trim())return d;let o=r.toLowerCase();return d.filter(e=>e.name.toLowerCase().includes(o)||e.city.toLowerCase().includes(o))},[t,s,a,r,i.point])}},52485:(e,t,s)=>{"use strict";s.d(t,{$:()=>n});var a=s(95155),l=s(44105),r=s(28215),i=s(59046);function n(e){let{title:t,message:s,action:n,success:d=!1}=e;return(0,a.jsx)("div",{className:"rounded-xl border p-4 mt-4 ".concat(d?"border-green-300 bg-green-50":"border-red-300 bg-red-50"),children:(0,a.jsxs)("div",{className:"flex gap-3",children:[d?(0,a.jsx)(l.A,{className:"text-green-600"}):(0,a.jsx)(r.A,{className:"text-red-600"}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"font-semibold text-sm ".concat(d?"text-green-700":"text-red-700"),children:t}),(0,a.jsx)("p",{className:"text-sm mt-1 text-gray-700",children:s}),n&&(0,a.jsxs)("p",{className:"text-xs mt-2 font-medium text-gray-600 flex items-center gap-1",children:[(0,a.jsx)(i.A,{className:"w-3 h-3 shrink-0"}),n]})]})]})})}},59399:(e,t,s)=>{"use strict";s.d(t,{NodeMapView:()=>o});var a=s(95155),l=s(12115),r=s(57535),i=s(55623),n=s(60886);let d={lat:6.5244,lng:3.3792};function o(e){let{nodes:t,selectedNodeId:s,onSelectNode:o,userPosition:c}=e,x=(0,l.useMemo)(()=>t.map(e=>({id:e.id,position:e.location,title:e.name,color:s===e.id?"#006CDF":"#3D93E0",isSelected:s===e.id,subtitle:[void 0!==e.distanceKm?"".concat(e.distanceKm.toFixed(1),"km away"):null,"".concat(e.city,", ").concat(e.state)].filter(

1Boolean).join(" \xb7 ")})),[t,s]);return n._K.geoapifyApiKey?(0,a.jsx)("div",{className:"relative w-full h-[280px] rounded-[18px] overflow-hidden border border-border-default",children:(0,a.jsx)(r.l,{markers:x,center:null!=c?c:d,zoom:13,userPosition:c,onMarkerClick:o})}):(0,a.jsx)("div",{className:"w-full h-[280px] z-10",children:(0,a.jsx)(i.P,{children:(0,a.jsx)("div",{className:"sr-only",children:t.map(e=>(0,a.jsx)("button",{onClick:()=>o(e.id),"aria-pressed":s===e.id,children:e.name},e.id))})})})}},67013:(e,t,s)=>{"use strict";s.d(t,{ParcelSizeSelector:()=>x});var a=s(95155),l=s(8731),r=s(22768),i=s(1711),n=s(51092),d=s(74464),o=s(64269);let c=[{value:"small",label:"Small",hint:"Fits in an envelope",icon:l.A},{value:"medium",label:"Medium",hint:"Fits in a backpack",icon:r.A},{value:"large",label:"Large",hint:"Fits in a basket",icon:i.A},{value:"xl",label:"XL",hint:"Moving box size",icon:n.A}];function x(e){let{value:t,onChange:s}=e;return(0,a.jsx)("div",{className:"grid grid-cols-2 gap-3",role:"radiogroup","aria-label":"Parcel size",children:c.map(e=>{let l=t===e.value;return(0,a.jsxs)("button",{type:"button",role:"radio","aria-checked":l,onClick:()=>s(e.value),className:(0,o.cn)("tap-shrink relative flex flex-col items-start gap-1 p-4 rounded-[14px] border-2 text-left transition-all duration-150",l?"border-brand-blue bg-status-info-bg shadow-[var(--shadow-raised)]":"border-border-default bg-bg-card hover:border-border-strong"),children:[l&&(0,a.jsx)(d.C1,{size:16,className:"absolute top-2.5 right-2.5 text-brand-blue"}),(0,a.jsx)(e.icon,{size:20}),(0,a.jsx)("span",{className:"font-semibold text-[14px] text-text-primary",children:e.label}),(0,a.jsx)("span",{className:"text-[11px] text-text-muted leading-tight",children:e.hint})]},e.value)})})}},78522:(e,t,s)=>{"use strict";s.d(t,{p:()=>n});var a=s(14625),l=s(55432),r=s(60004),i=s(18119);function n(){var e;let{position:t,isLoading:s}=(0,i.m)(),n=(0,a.I)({queryKey:[...r.es.nodes,null==t?void 0:t.lat,null==t?void 0:t.lng],queryFn:()=>l.JG.listNearby(t),enabled:!!t});return{nodes:null!=(e=n.data)?e:[],isLoading:s||n.isLoading,isError:n.isError,error:n.error}}},80443:(e,t,s)=>{Promise.resolve().then(s.bind(s,42365)),Promise.resolve().then(s.bind(s,48449)),Promise.resolve().then(s.bind(s,82942)),Promise.resolve().then(s.bind(s,24183)),Promise.resolve().then(s.bind(s,59399)),Promise.resolve().then(s.bind(s,67013)),Promise.resolve().then(s.bind(s,52051))},82942:(e,t,s)=>{"use strict";s.d(t,{NewDeliveryScreen:()=>h});var a=s(95155),l=s(20063),r=s(22544),i=s(66942),n=s(75100),d=s(55928),o=s(74464),c=s(54879);let x=c.Ik({receiverFullName:c.Yj().min(2,"Enter the receiver's full name"),receiver

1Email:c.Yj().email("Enter a valid email address"),receiverPhone:c.Yj().min(7,"Enter a valid phone number"),parcelDescription:c.Yj().min(2,"Describe what you're sending"),parcelSize:c.k5(["small","medium","large","xl"])});var m=s(42871),u=s(60004),p=s(67013);function h(){var e,t,s,c;let h=(0,l.useRouter)(),b=(0,m.a)(e=>e.setReceiverAndParcel),{register:f,handleSubmit:g,control:j,formState:{errors:v}}=(0,r.mN)({resolver:(0,i.u)(x),defaultValues:{parcelSize:"medium"}});return(0,a.jsxs)("div",{className:"min-h-screen bg-bg-canvas",children:[(0,a.jsx)(d.Vs,{title:"New Delivery",showBack:!0}),(0,a.jsxs)("div",{className:"px-4 md:px-6 pt-2 md:pt-6 pb-8 max-w-[520px] mx-auto",children:[(0,a.jsxs)("div",{className:"hidden md:block mb-6",children:[(0,a.jsx)("h1",{className:"font-display text-[22px] font-bold text-text-primary",children:"New Delivery"}),(0,a.jsx)("p",{className:"text-[14px] text-text-secondary mt-1",children:"Give us the details of your delivery"})]}),(0,a.jsx)(n.Jc,{total:4,current:1,className:"mb-6"}),(0,a.jsxs)("form",{onSubmit:g(e=>{b({fullName:e.receiverFullName,email:e.receiverEmail,phone:e.receiverPhone},{description:e.parcelDescription,size:e.parcelSize}),h.push(u.bw.selectNodes)}),className:"flex flex-col gap-5",noValidate:!0,children:[(0,a.jsxs)(n.Zp,{padding:"lg",className:"animate-locoomo-fade-up",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2.5 mb-4",children:[(0,a.jsx)("span",{className:"w-9 h-9 rounded-[10px] bg-status-info-bg text-brand-blue flex items-center justify-center shrink-0",children:(0,a.jsx)(o.ny,{size:17})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h2",{className:"font-semibold text-[15px] text-text-primary leading-tight",children:"Receiver details"}),(0,a.jsx)("p",{className:"text-[12px] text-text-muted",children:"Who's picking this up?"})]})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-3.5",children:[(0,a.jsx)(n.pd,{label:"Full Name",placeholder:"Jane Doe",leftElement:(0,a.jsx)(o.ny,{size:16}),error:null==(e=v.receiverFullName)?void 0:e.message,...f("receiverFullName")}),(0,a.jsxs)("div",{children:[(0,a.jsx)(n.pd,{label:"Email Address",type:"email",placeholder:"[email protected]",leftElement:(0,a.jsx)(o.r4,{size:16}),error:null==(t=v.receiverEmail)?void 0:t.message,...f("receiverEmail")}),(0,a.jsxs)("div",{className:"flex items-start gap-2 mt-2 px-1",children:[(0,a.jsx)(o.r4,{size:13,className:"text-brand-blue shrink-0 mt-0.5"}),(0,a.jsxs)("p",{className:"text-[11.5px] text-text-secondary leading-snug",children:["Make sure this is the ",(0,a.jsx)("span",{className:"font-semibold text-red-700",children:"receiver's own email"}),", it's where we'll send their collection code once the package arrives at the destination station."]})]})]}),(0,a.jsx)(n.pd,{label:"Phone Number",type:"tel",placeholder:"+234 801 234 5678",leftElement:(0,a.jsx)(o.Es,{size:16}),error:null==(s=v.receiverPhone)?void 0:s.message,...f("receiverPhone")})]})]}),(0,a.jsxs)(n.Zp,{padding:"lg",className:"animate-locoomo-fade-up",style:{animationDelay:"80ms"},children:[(0,a.jsxs)("div",{className:"flex items-center gap-2.5 mb-4",children:[(0,a.jsx)("span",{className:"w-9 h-9 rounded-[10px] bg-status-info-bg text-brand-blue flex items-center justify-center shrink-0",children:(0,a.jsx)(o.qD,{size:17})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h2",{className:"font-semibold text-[15px] text-text-primary leading-tight",children:"Parcel details"}),(0,a.jsx)("p",{className:"text-[12px] text-text-muted",children:"What are you sending?"})]})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,a.jsx)(n.pd,{label:"Description",placeholder:"e.g. Documents, Electronics",leftElement:(0,a.jsx)(o.qD,{size:16}),error:null==(c=v.parcelDescription)?void 0:c.message,...f("parcelDescription")}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-[13px] font-medium text-text-secondary mb-2",children:"Select Size"}),(0,a.jsx)(r.xI,{control:j,name:"parcelSize",render:e=>{let{field:t}=e;return(0,a.jsx)(p.ParcelSizeSelector,{value:t.value,onChange:t.onChange})}})]})]})]}),(0,a.jsx)(n.$n,{type:"submit",fullWidth:!0,size:"lg",className:"mt-1",children:"Next step →"})]})]})]})}}}]);