https://ship.shipfare.com/static/js/2487.79de5e00.chunk.js

1"use strict";(self.webpackChunk_vndr_ship_client=self.webpackChunk_vndr_ship_client||[]).push([[2487],{17275(e,t,l){l.d(t,{A:()=>d});var s=l(84489),r=l(91028),i=l(18743),n=l(46559),a=l(94292),o=l(71288),c=l(28872);const d=e=>{var t;let l=e.carriers,d=e.serviceMap,u=e.selectedServices,m=e.onServiceChange,w=e.usePreferredServicesOnly,v=void 0!==w&&w,p=e.additionalServices,h=void 0===p?{}:p;const g=(0,o.useSelector)(e=>{var t,l;return(null===e||void 0===e||null===(t=e.auth)||void 0===t||null===(l=t.user)||void 0===l?void 0:l.preferredCarrierServices)||[]});let f={};return v?null===g||void 0===g||g.forEach(e=>{var t;const l=null===(t=d[null===e||void 0===e?void 0:e.carrierValue])||void 0===t?void 0:t.find(t=>(null===t||void 0===t?void 0:t.serviceValue)===(null===e||void 0===e?void 0:e.serviceValue));l&&(f[e.carrierValue]?f[e.carrierValue].push(l):f[e.carrierValue]=[l])}):f=d,Object.keys(h).forEach(e=>{f[e]=[...f[e]||[],...h[e]]}),null!==l&&void 0!==l&&l.length?(0,c.jsx)("div",{className:"tw-flex tw-w-full tw-flex-col tw-rounded tw-overflow-hidden tw-border tw-border-solid tw-border-gray-100",children:(0,c.jsx)(s.nD,{triggerClassName:"tw-w-full tw-border tw-pl-4 !tw-py-2 !tw-bg-lavender",defaultValue:null===(t=l[0])||void 0===t?void 0:t.carrierValue,items:l.map((e,t)=>{var o,d,w,v;return{value:e.carrierValue,hide:!(null!==(o=f)&&void 0!==o&&null!==(d=o[e.carrierValue])&&void 0!==d&&d.length),renderTrigger:()=>(0,c.jsx)("div",{children:e.carrierLabel},e.carrierValue),content:(0,c.jsx)("div",{className:(0,r.cn)("tw-grid tw-grid-cols-2 tw-gap-2 tw-max-h-32 tw-overflow-y-auto tw-p-4",t===l.length-1?"!tw-pb-0":""),children:null===(w=f)||void 0===w||null===(v=w[e.carrierValue])||void 0===v?void 0:v.map((t,l)=>{const r=!!u({carrier:e,service:t});return(0,c.jsx)(s.m_,{className:"flex",title:(0,i.UX)({service:t.serviceValue}),children:(0,c.jsx)(s.Sc,{labelPlacement:"end",fullWidth:!1,label:(0,c.jsxs)(c.Fragment,{children:[t.serviceLabel,i.AS.includes(t.serviceValue)?(0,c.jsx)(n.A,{information:a.A.SURE_POST}):null]}),checked:r,onChange:()=>{m({carrier:e,service:t,selected:r})}},t.serviceValue)},l)})})}})})}):(0,c.jsx)("div",{children:"Add a Carrier Account to enable Shipping Services"})}},78561(e,t,l){l.d(t,{A:()=>E});var s=l(98477),r=l(39698),i=l(84489),n=l(80763),a=l.n(n),o=l(73459),c=l(67252),d=l(94292),u=l(68870),m=l(46559),w=l(19776),v=l(28872);const p=e=>{let t=e.state,l=e.selectedZones,s=e.alreadySelected,r=e.setFieldValue;const n=l.includes(t),a=!(s&&!n)&&n;return(0,v.jsx)("div",{className:"tw-w-full tw-text-black",children:(0,v.jsx)(i.Sc,{label:t,disabled:!n&&s,checked:a,labelPlacement:"end",labelClassName:!n&&s?"tw-line-through":"",fullWidth:!1,onChange:()=>{const e=a?l.filter(e=>e!==t):[...l,t];r("countries",e)}})})},h=e=>{let t=e.countries,l=e.countryNameKeys,s=e.selectedZones,r=e.selectedInOtherZones,n=e.setFieldValue;return(0,v.jsx)("div",{className:"tw-flex tw-w-full tw-flex-col",children:(0,v.jsx)(i.nD,{triggerClassName:"tw-w-full tw-border tw-pl-4 tw-py-2 !tw-bg-lavender",defaultValue:Object.keys(t)[0],items:Object.keys(t).map(e=>{const a=w.Ay[e].filter(e=>!(null!==r&&void 0!==r&&r.includes(e.name))),o=a.length>0&&a.every(e=>s.includes(e.name));return{value:e,hide:!t[e].length,renderTrigger:()=>(0,v.jsx)("div",{onClick:e=>{e.preventDefault(),e.stopPropagation()},className:"tw-flex tw-w-full",children:(0,v.jsx)(i.Sc,{color:"primary",checked:o,onChange:()=>{let e=[...s];if(o){const t=a.map(e=>e.name);e=e.filter(e=>!t.includes(e))}else a.forEach(t=>{e.includes(t.name)||e.push(t.name)});n("countries",e)},label:l[e]})}),content:(0,v.jsx)("div",{className:"tw-max-h-[70vh] tw-overflow-y-auto tw-p-4",children:(0,v.jsx)("div",{className:"tw-columns-2 lg:tw-columns-3 tw-gap-2",children:t[e].map(t=>(0,v.jsx)("div",{className:"tw-break-inside-avoid tw-mb-2",children:(0,v.jsx)(p,{alreadySelected:null===r||void 0===r?void 0:r.includes(t.name),state:t.name,selectedZones:s,setFieldValue:n})},e+t.name))})})}})})})};var g=l(16536),f=l(45851),x=l(67973),y=l(26600),j=l(55031),b=l(71824),C=l(9715);const S={width:"100%",height:"400px"},N={lat:39.8283,lng:-98.5795},k="https://raw.githubusercontent.com/ndrezn/zip-code-geojson/main/usa_zip_codes_geo_15m.json",A=["geometry","places"],P=e=>{let t=e.zipCodes,l=void 0===t?[]:t,s=e.onZipCodesChange;

1e.regionAlignment;const n=(0,c.useRef)(null),a=(0,c.useRef)(l),o=(0,c.useState)(""),d=(0,r.A)(o,2),u=d[0],m=d[1],w=(0,c.useState)(null),p=(0,r.A)(w,2),h=p[0],g=p[1];(0,c.useEffect)(()=>{a.current=l},[l]);const P=(0,x.tj)({apiKey:y.Pt,options:{componentRestrictions:{country:["us"]},types:["(cities)"]},debounce:700}),z=P.placePredictions,Z=void 0===z?[]:z,_=P.getPlacePredictions,O=P.isPlacePredictionsLoading,E=P.placesService,V=(0,b.RH)({googleMapsApiKey:y.Pt,libraries:A,id:"google-maps-script"}),T=V.isLoaded,I=V.loadError,L=(0,c.useState)(!1),F=(0,r.A)(L,2),R=F[0],W=F[1];(0,c.useEffect)(()=>{n.current&&R&&n.current.data.forEach(e=>{const t=e.getProperty("ZCTA5CE10")||e.getProperty("GEOID10")||e.getProperty("postal_code");t&&j.Sy.test(t)&&(l.includes(t)?n.current.data.overrideStyle(e,{fillColor:"#34d399",fillOpacity:.6,strokeColor:"#059669",strokeWeight:2}):n.current.data.overrideStyle(e,{fillColor:"#4285f4",fillOpacity:.2,strokeColor:"#1976d2",strokeWeight:1}))})},[R,l]),(0,c.useEffect)(()=>{navigator.geolocation&&n.current&&T&&navigator.geolocation.getCurrentPosition(e=>{const t=e.coords,l=t.latitude,s=t.longitude;n.current.setCenter({lat:l,lng:s}),n.current.setZoom(10)},()=>{fetch("https://ipapi.co/json/").then(e=>e.json()).then(e=>{e.latitude&&e.longitude&&n.current&&(n.current.setCenter({lat:e.latitude,lng:e.longitude}),n.current.setZoom(8))}).catch(()=>{})})},[T]);const D=(0,c.useCallback)(function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(!l.includes(e)){const r=[...l,e];s(r),t&&n.current&&n.current.data.overrideStyle(t,{fillColor:"#34d399",fillOpacity:.6,strokeColor:"#059669",strokeWeight:2})}},[l,s]),G=(0,c.useCallback)(e=>{const t=l.filter(t=>t!==e);s(t)},[l,s]),M=(0,c.useCallback)(e=>{n.current=e;const t=(0,C.oj)();t?(e.data.addGeoJson(t),W(!0)):e.data.loadGeoJson(k,{},e=>{W(!0)}),e.data.setStyle({fillColor:"#4285f4",strokeColor:"#1976d2",strokeWeight:1,fillOpacity:.2,clickable:!0}),e.data.addListener("click",e=>{const t=e.feature.getProperty("ZCTA5CE10")||e.feature.getProperty("GEOID10")||e.feature.getProperty("postal_code");if(console.log("Clicked zipCode: ".concat(t)),t&&j.Sy.test(t))if(a.current.includes(t)){console.log("Removing zipCode: ".concat(t));const l=a.current.filter(e=>e!==t);if(s(l),n.current){const t=e.feature;n.current.data.overrideStyle(t,{fillColor:"#4285f4",fillOpacity:.2,strokeColor:"#1976d2",strokeWeight:1})}g("Removed ZIP: ".concat(t)),setTimeout(()=>g(null),2e3)}else{console.log("Adding zipCode: ".concat(t));const l=[...a.current,t];if(s(l),n.current){const t=e.feature;n.current.data.overrideStyle(t,{fillColor:"#34d399",fillOpacity:.6,strokeColor:"#059669",strokeWeight:2})}g("Added ZIP: ".concat(t)),setTimeout(()=>g(null),2e3)}});let l=!1,r=null;e.data.addListener("mousedown",e=>{l=!0,r=setTimeout(()=>{if(l){const t=e.feature.getProperty("ZCTA5CE10")||e.feature.getProperty("GEOID10")||e.feature.getProperty("postal_code");if(t&&j.Sy.test(t)&&!a.current.includes(t)){const e=[...a.current,t];s(e),g("Added ZIP: ".concat(t)),setTimeout(()=>g(null),2e3)}}},500)}),e.data.addListener("mouseup",()=>{l=!1,r&&(clearTimeout(r),r=null)}),e.data.addListener("mouseover",e=>{if(l){const t=e.feature.getProperty("ZCTA5CE10")||e.feature.getProperty("GEOID10")||e.feature.getProperty("postal_code");if(t&&j.Sy.test(t)&&!a.current.includes(t)){const e=[...a.current,t];s(e)}}})},[s]);return I?(0,v.jsxs)("div",{className:"tw-p-4 tw-text-center tw-text-red-600",children:[(0,v.jsxs)("p",{children:["Error loading map: ",I.message]}),(0,v.jsx)("p",{className:"tw-text-sm tw-mt-2",children:"Please check your internet connection and try again."})]}):(0,v.jsxs)("div",{className:"tw-w-full",children:[(0,v.jsxs)("div",{className:"tw-mb-4",children:[(0,v.jsx)(i.A_,{variant:"outlined",size:"small",placeholder:"Search for cities...",value:u,onChange:e=>(e=>{if(m(e),e.length>2)try{_({input:e})}catch(t){console.error("Search prediction error:",t),g("Search temporarily unavailable. Please try again."),setTimeout(()=>g(null),3e3)}})(e.target.value),startAdornment:(0,v.jsx)(f.vji,{}),endAdornment:O?(0,v.jsx)(i.P,{size:"1em"}):null,className:"tw-w-full"}),Z.length>0&&u&&(0,v.jsx)("div",{className:"tw-mt-2 tw-border tw-border-gray-300 tw-rounded tw-bg-white tw-shadow-lg tw-max-h-48 tw-overflow-y-auto",children:Z.map((e,t)=>(0,v.jsx)("div",{className:"tw-p-2 tw-cursor-pointer hover:tw-bg-gray-100 tw-border-b tw-border-gray-200 last:tw-border-b-0",onClick:()=>(e=>{if(E){const t=setTimeout(()=>{g("Search request timed out. Please try again."),setTimeout(()=>g(null),3e3)},1e4);E.getDetails({placeId:e.place_id,fields:["address_components","geometry","types"]},(s,r)=>{if(clearTimeout(t),"OK"!==r)return g("Search failed. Please try again."),void setTimeout(()=>g(null),3e3);var i,a;if(s&&s.geometry&&s.geometry.location&&n.current){if(null===(i=s.types)||void 0===i?void 0:i.some(e=>["locality","administrative_area_level_3","sublocality"].includes(e)))n.current.setCenter(s.geometry.location),n.current.setZoom(11),m(""),g("Centered map on ".concat((null===(a=e.structured_formatting)||void 0===a?void 0:a.main_text)||e.description)),setTimeout(()=>g(null),2e3);else if(s.address_components){var o;const e=null===(o=s.address_components.find(e=>e.types.includes("postal_code")))||void 0===o?void 0:o.long_name;e&&j.Sy.test(e)&&(l.includes(e)?(m(""),g("ZIP ".concat(e," already selected")),setTimeout(()=>g(null),2e3)):(D(e),m(""),n.current.setCenter(s.geometry.location),n.current.setZoom(12)))}}else g("Location not found. Please try a different search."),setTimeout(()=>g(null),3e3)})}})(e),children:(0,v.jsxs)("div",{className:"tw-flex tw-items-center",children:[(0,v.jsx)(f.WvM,{className:"tw-mr-2 tw-text-gray-500",fontSize:"small"}),(0,v.jsx)("span",{className:"tw-text-sm",children:e.description})]})},t))})]}),(0,v.jsx)("div",{className:"tw-mb-4 tw-relative",children:T?(0,v.jsx)(b.u6,{mapContainerStyle:S,center:N,zoom:4,onLoad:M,children:h&&(0,v.jsx)("div",{style:{position:"absolute",top:10,left:10,backgroundColor:"white",padding:"6px 12px",borderRadius:4,boxShadow:"0 2px 4px rgba(0,0,0,0.2)",fontWeight:600,zIndex:1e3},children:h})}):(0,v.jsx)("div",{className:"tw-flex tw-items-center tw-justify-center tw-h-96 tw-bg-gray-100 tw-rounded",children:(0,v.jsxs)("div",{className:"tw-text-center",children:[(0,v.jsx)(i.P,{size:"2em"}),(0,v.jsx)("div",{className:"tw-mt-2 tw-text-sm tw-text-gray-600",children:"Loading map..."})]})})}),(0,v.jsxs)("div",{className:"tw-text-sm tw-text-gray-600 tw-mb-2",children:["Click on ZIP code boundaries to select/deselect them (green = selected), hold and drag to select multiple zones, or use the search above. Selected zip codes (",l.length,"):"]}),(0,v.jsx)("div",{className:"tw-flex tw-flex-wrap tw-gap-2",children:l.map(e=>(0,v.jsxs)("div",{className:"tw-inline-flex tw-items-center tw-bg-blue-100 tw-text-blue-800 tw-px-2 tw-py-1 tw-rounded tw-text-sm",children:[(0,v.jsx)("span",{children:e}),(0,v.jsx)(i.$n,{size:"small",iconButton:!0,onClick:()=>G(e),className:"tw-ml-1 tw-p-0 tw-min-w-0 tw-w-4 tw-h-4",children:(0,v.jsx)(f.epd,{fontSize:"small"})})]},e))})]})};var z=l(14618),Z=l(84980),_=l(91028);const O=e=>{var t;let l=e.cityZipCodeList,r=e.selectedZips,n=e.parentChecked,a=e.setParentChecked,o=e.setFieldValue;return(0,v.jsx)("div",{className:"tw-flex tw-w-full tw-flex-col tw-rounded tw-overflow-hidden tw-border tw-border-solid tw-border-gray-100",children:(0,v.jsx)(i.nD,{triggerClassName:"tw-w-full tw-border tw-pl-4 !tw-bg-lavender",defaultValue:null===(t=l[0])||void 0===t?void 0:t.city,items:l.map((e,t)=>{const c=e.city;return{value:c,hide:!e.zipCodes.length,renderTrigger:()=>(0,v.jsx)("div",{onClick:e=>{e.preventDefault(),e.stopPropagation()},className:"tw-flex tw-w-full",children:(0,v.jsx)(i.Sc,{color:"primary",checked:n[c],onChange:()=>{var t;const l=(0,s.A)((0,s.A)({},n),{},{[c]:!n[c]}),i=(null===r||void 0===r||null===(t=r.split(","))||void 0===t?void 0:t.map(e=>e.trim()))||[];

1l[c]?e.zipCodes.forEach(e=>{i.includes(e)||i.push(e)}):e.zipCodes.forEach(e=>{const t=i.indexOf(e);t>-1&&i.splice(t,1)}),o("regions",i.join(",")),a(l)},label:(0,Z.startCase)(c)})}),content:(0,v.jsx)("div",{className:(0,_.cn)("tw-grid tw-grid-cols-2 tw-gap-2 tw-max-h-32 tw-overflow-y-auto tw-p-4",t===l.length-1?"!tw-pb-0":""),children:e.zipCodes.map(e=>{const t=!(null===r||void 0===r||!r.includes(e));return(0,v.jsx)(i.Sc,{labelPlacement:"end",fullWidth:!1,label:e,checked:t,onChange:()=>{var l;const s=(null===r||void 0===r||null===(l=r.split(","))||void 0===l?void 0:l.map(e=>e.trim()))||[];if(t){const t=s.indexOf(e);s.splice(t,1)}else s.push(e);o("regions",s.join(","))}},e)})})}})})})},E=e=>{let t=e.open,l=e.handleClose,n=e.onSubmit,p=e.fetching,x=void 0!==p&&p,j=e.selectedInOtherZones,b=e.editingValues,S=void 0===b?null:b,N=e.formRef;const k=S&&S.countries?[...S.countries]:[],A=(0,c.useState)((0,s.A)({},w.Ay)),_=(0,r.A)(A,2),E=_[0],V=_[1],T=(0,c.useState)({}),I=(0,r.A)(T,2),L=I[0],F=I[1],R=(0,c.useState)("state"),W=(0,r.A)(R,2),D=W[0],G=W[1],M=(0,c.useState)(!0),B=(0,r.A)(M,2),K=B[0],$=B[1],q=(0,c.useState)("text"),J=(0,r.A)(q,2),U=J[0],H=J[1],X=(0,c.useState)([]),Y=(0,r.A)(X,2),Q=Y[0],ee=Y[1],te=(0,c.useState)(!1),le=(0,r.A)(te,2),se=le[0],re=le[1],ie=(0,c.useState)(""),ne=(0,r.A)(ie,2),ae=ne[0],oe=ne[1],ce=(0,c.useRef)((0,Z.debounce)(async function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;re(!0);try{const t=(await z.Km.get("".concat(y.aY,"/api/v1/search/collections/city-zipcodes"),{timeout:15e3,params:{search:JSON.stringify({term:e})},paramsSerializer:e=>a().stringify(e,{arrayFormat:"brackets"})})).data;ee(t)}catch(t){console.log(t)}re(!1)},700)).current;(0,c.useEffect)(()=>{var e;t&&(null===N||void 0===N||null===(e=N.current)||void 0===e||e.resetForm(),V((0,s.A)({},w.Ay)),G("state"),H("text"),(0,C.preloadZoneMappingResources)(),oe(""),F({}),$(!0),ee([]))},[t,S]);const de=e=>{const t=e.target.value.toLowerCase();if(!t)return void V((0,s.A)({},w.Ay));const l={};Object.keys(w.Ay).forEach(e=>{const s=w.S5[e].toLowerCase().includes(t);l[e]=s?w.Ay[e]:w.Ay[e].filter(e=>e.name.toLowerCase().includes(t))}),V(l)},ue=e=>{const t=e.target.value;oe(t),t?(re(!0),ce(t)):(ce.cancel(),re(!1),ee([]))},me={zone:"",regions:"",countries:k},we=()=>{$(!0),G("state"),H("text"),l()};return(0,v.jsx)(o.l1,{enableReinitialize:!0,validationSchema:g.wf,initialValues:S||me,onSubmit:n,innerRef:N,children:e=>{var l,s,r;let n=e.isSubmitting,a=e.submitForm,c=e.setFieldValue,p=e.values;return(0,v.jsx)(o.lV,{children:(0,v.jsx)(i.aF,{maxWidth:"sm",open:t,actionOverrideClasses:"tw-mt-2",handleClose:we,title:S?"Edit Zone":"Create Zone",actionMessage:K?(0,v.jsx)("div",{className:"tw-text-sm tw-text-secondary",children:"*States and Zip Codes cannot be used in more than one Zone."}):"",actions:[{onClick:()=>{$(!1)},label:"Next",hide:!K,variant:"outlined",color:"primary",disabled:n||x,loading:n||x},{isPrimary:!0,onClick:()=>{a()},label:"Save",hide:K,disabled:n||x,loading:n||x}],children:K?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)("div",{className:"tw-flex tw-gap-1 tw-w-full tw-justify-center",children:(0,v.jsxs)(i.z6,{className:"!tw-flex !tw-flex-row tw-gap-4","aria-labelledby":"demo-row-radio-buttons",name:"row-radio-buttons",value:D,onChange:G,children:[(0,v.jsx)(i.pO,{value:"state",label:"State",labelPlacement:"end",fullWidth:!1,checked:"state"===D}),(0,v.jsx)(i.pO,{value:"zip",label:"Zip Code",labelPlacement:"end",fullWidth:!1,checked:"zip"===D})]})}),(0,v.jsxs)("div",{className:"tw-mt-2",children:["zip"===D&&(0,v.jsxs)(v.Fragment,{children:[(0,v.jsxs)("div",{className:"tw-flex tw-gap-2 tw-mb-4",children:[(0,v.jsx)(i.$n,{variant:"text"===U?"contained":"outlined",size:"small",onClick:()=>H("text"),children:"Text Input"}),(0,v.jsx)(i.$n,{variant:"map"===U?"contained":"outlined",size:"small",onClick:()=>H("map"),children:"Map View"})]}),"text"===U?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(o.D0,{name:"regions",component:u.A,multiline:!0,rows:4,label:"Add Zip Codes",placeholder:"Enter one zip code per line or separate with commas"}),(0,v.jsxs)("div",{className:"tw-mt-4",children:[(0,v.jsxs)("div",{className:"tw-mb-2",children:[(0,v.jsx)("span",{className:"tw-text-sm tw-font-medium tw-text-gray-700",children:"City-Based Bulk Search"}),(0,v.jsx)("div",{className:"tw-text-xs tw-text-gray-500 tw-mt-1",children:"Search for cities to quickly add all ZIP codes within that city"})]}),(0,v.jsx)(i.A_,{variant:"outlined",style:{width:"100%"},size:"small",placeholder:"Search cities to add ZIP codes in bulk",startAdornment:se?(0,v.jsx)(i.P,{size:20}):(0,v.jsx)(f.vji,{}),onChange:ue,value:ae})]}),(0,v.jsx)("div",{className:"tw-w-full tw-mt-2 tw-rounded tw-overflow-hidden",children:(0,v.jsx)(O,{cityZipCodeList:Q,selectedZips:(null===p||void 0===p?void 0:p.regions)||"",parentChecked:L,setParentChecked:F,setFieldValue:c})})]}):(0,v.jsx)(P,{zipCodes:(null===(l=p.regions)||void 0===l?void 0:l.split(/[\r\n,]+/).map(e=>

1e.trim()).filter(Boolean).filter(e=>/^\d{5}$/.test(e)))||[],onZipCodesChange:e=>{var t;const l=[...((null===(t=p.regions)||void 0===t?void 0:t.split(/[\r\n,]+/).map(e=>e.trim()).filter(Boolean))||[]).filter(e=>!/^\d{5}$/.test(e)),...e];c("regions",l.join(",")),setTimeout(()=>{console.log("Updated values.regions:",p.regions)},100)},regionAlignment:D})]}),"state"===D?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)("div",{className:"tw-mt-4",children:(0,v.jsx)(i.A_,{variant:"outlined",style:{width:"100%"},size:"small",placeholder:"Search",startAdornment:(0,v.jsx)(f.vji,{}),onChange:de})}),(0,v.jsx)("div",{className:"tw-w-full tw-mt-2 tw-rounded tw-overflow-hidden",children:(0,v.jsx)(h,{selectedInOtherZones:j,countries:E,countryNameKeys:w.S5,selectedZones:p.countries||[],setFieldValue:c})})]}):null]})]}):(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(o.D0,{name:"zone",component:u.A,required:!0,label:"Name"}),(0,v.jsxs)("div",{className:"tw-mt-4",children:[(0,v.jsxs)("div",{className:"tw-flex tw-w-full tw-justify-between tw-items-center",children:[(0,v.jsxs)("div",{children:["Regions",(0,v.jsx)("span",{className:"tw-text-red-600 tw-pl-1",children:"*"}),"zip"===D?(0,v.jsx)(m.A,{information:d.A.ZONE_REGION,style:{marginLeft:5},disableHoverListener:!1}):null]}),(0,v.jsxs)(i.$n,{variant:"contained",color:"secondary",size:"small",className:"tw-gap-1",onClick:()=>$(!0),children:[(0,v.jsx)(f.OMN,{})," Add"]})]}),(0,v.jsxs)("div",{className:"tw-flex tw-gap-2 tw-mt-2 tw-flex-wrap",children:[null===(s=p.countries)||void 0===s?void 0:s.map(e=>(0,v.jsx)(i.Ex,{label:e,onRemove:()=>{var t;return c("countries",null===(t=p.countries)||void 0===t?void 0:t.filter(t=>t!==e))}},e)),null===(r=p.regions)||void 0===r?void 0:r.split(/[\r\n,]+/).map(e=>e.trim()).filter(Boolean).map(e=>(0,v.jsx)(i.Ex,{label:e,onRemove:()=>{const t=p.regions.split(/[\r\n,]+/).map(e=>e.trim()).filter(t=>t&&t!==e);c("regions",t.join(","))}},e))]})]})]})})})}})}}}]);