https://concept-print-frontend-prod-49aoz.ondigitalocean.app/_next…/account/addresses-c4b4a29c4a49e62d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3246],{18367:function(e,n,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/account/addresses",function(){return i(25444)}])},56558:function(e,n,i){"use strict";i.d(n,{C9:function(){return s},IK:function(){return u},K3:function(){return l},Pv:function(){return r},au:function(){return d},hO:function(){return c},lv:function(){return o}});var t=i(60607),a=i(2005);let l=(0,a.ZP)(t.Z)({backgroundColor:"#2196F3",color:"#FFFFFF","&:hover":{backgroundColor:"#0069d9"}});(0,a.ZP)(t.Z)({backgroundColor:"#680BC5",color:"#FFFFFF","&:hover":{backgroundColor:"#53089D"}}),(0,a.ZP)(t.Z)({backgroundColor:"#F2FF5B33",color:"#000000","&:hover":{backgroundColor:"#F2FF5B80"}});let d=(0,a.ZP)(t.Z)({backgroundColor:"#FFD630",color:"#000000",textTransform:"uppercase",fontWeight:500,fontSize:"13px",padding:"4px 10px","&:disabled":{backgroundColor:"#D1D3D4"},"&:hover":{backgroundColor:"#DCAE12"}}),r=(0,a.ZP)(t.Z)({backgroundColor:"#2e7d32",color:"#FFFFFF",textTransform:"uppercase",fontWeight:500,fontSize:"13px",padding:"4px 10px","&:hover":{backgroundColor:"#1b5e20"}}),o=(0,a.ZP)(t.Z)({backgroundColor:"#D32F2F",color:"#FFFFFF",textTransform:"uppercase",fontWeight:500,fontSize:"13px",padding:"4px 10px","&:hover":{backgroundColor:"#CC3333"}});(0,a.ZP)(t.Z)({fontSize:16,fontWeight:500,padding:"8px 16px",lineHeight:"24px",backgroundColor:"#FFFFFF",color:"#2196F3",boxShadow:"0px 3px 1px -2px rgba(0,0,0,0.2)",borderRadius:"2px","&:hover":{backgroundColor:"#FFFFFF",boxShadow:"0px 1px 5px 0px rgba(0,0,0,0.14)"}});let s=(0,a.ZP)(t.Z)({fontWeight:500,fontSize:"13px",padding:"3px 9px",backgroundColor:"#F2F2F2",color:"#000000",boxShadow:"0px 3px 1px -2px rgba(0,0,0,0.2)","&:hover":{backgroundColor:"#FFFFFF",boxShadow:"0px 1px 5px 0px rgba(0,0,0,0.14)"}}),u=(0,a.ZP)(t.Z)({fontWeight:500,fontSize:"13px",padding:"3px 9px",borderColor:"#000000",backgroundColor:"#FFFFFF",color:"#000000",boxShadow:"0px 3px 1px -2px rgba(0,0,0,0.2)","&:hover":{backgroundColor:"#F2F2F2",boxShadow:"0px 1px 5px 0px rgba(0,0,0,0.14)",borderColor:"#000000"}}),c=(0,a.ZP)(t.Z)({fontWeight:500,fontSize:"13px",padding:"3px 9px",borderColor:"#000000",backgroundColor:"#000000",color:"#FFFFFF",boxShadow:"0px 3px 1px -2px rgba(0,0,0,0.2)","&:hover":{backgroundColor:"#2F2F2F",boxShadow:"0px 1px 5px 0px rgba(0,0,0,0.14)",borderColor:"#2F2F2F"}})},54762:function(e,n,i){"use strict";i.d(n,{d:function(){return r}});var t=i(35944),a=i(31625),l=i(4361),d=i(8771);function r(e){let{form:n,readOnly:i,required:r,isFullWidth:o,noPadding:s,columnDisplay:u=!1,className:c}=e;(0,a.od)(n);let{formState:m,register:p,valid:x}=n;return(0,t.BX)("div",{className:`flex w-full flex-col gap-x-5 ${u?"gap-y-6":"gap-y-5 md:flex-row"} ${c}`,children:[(0,t.tZ)(d.$,{label:(0,t.tZ)(l.cC,{id:"First Name"}),variant:"outlined",disabled:i,error:!!m.errors.firstname,required:r,...p("firstname",{required:!0}),className:"min-w-[260px]",size:"small",sx:{width:"260px",minWidth:"260px"}}),(0,t.tZ)(d.$,{label:(0,t.tZ)(l.cC,{id:"Last Name"}),variant:"outlined",disabled:i,required:r,error:!!m.errors.lastname,...p("lastname",{required:!0}),className:"min-w-[260px]",size:"small",sx:{width:"260px",minWidth:"260px"}})]})}},2798:function(e,n,i){"use strict";i.d(n,{d:function(){return u}});var t=i(35944),a=i(43056),l=i(8570),d=i(2005),r=i(38483);let o=(0,d.ZP)(r.Z)(e=>({lineHeight:"24px",height:"40px","&.MuiFormLabel-root &.MuiInputLabel-root":{fontSize:"14px"}})),s=(0,d.ZP)(r.Z)(e=>({lineHeight:"24px",height:"40px","& .MuiSelect-select.MuiInputBase-input.MuiOutlinedInput-input":{display:"flex",justifyContent:"space-between",marginRight:"20px"}}));function u(e){for(var n=arguments.length,i=Array(n>1?n-1:0),d=1;d<n;d++)i[d-1]=arguments[d];let{value:r,label:u,required:c,options:m,onChange:p,error:x,className:f,twoColumns:h,placeholder:g,sx:b,fullWidth:k}=e;return(0,t.BX)(a.Z,{fullWidth:k,size:"small",children:[(0,t.tZ)(l.Z,{className:"flex items-center justify-center text-[14px]",children:u}),h?(0,t.tZ)(s,{...i,value:r,label:u,required:c,error:x,onChange:p,size:"small",className:f,placeholder:g,sx:b,children:m}):(0,t.tZ)(o,{...i,value:r,label:u,required:c,error:x,onChange:p,size:"small",className:f,placeholder:g,sx:b,children:m})]})}},58115:function(e,n,i){"use strict";i.d(n,{J:function(){return a}});var t=i(35944);let a=e=>{let{name:n,className:i="",...a}=e;return(0,t.tZ)("span",{className:`material-symbols-outlined ${i}`,...a,children:n})}},42480:function(e,n,i){"use strict";i.d(n,{o:function(){return d}});var t=i(35944),a=i(4361),l=i(58115);function d(e){let{title:n,subText:i,icon:d,onClose:r,className:o,titleClassName:s,withHorizontalMargin:u,withLeftPadding:c}=e;return(0,t.BX)("div",{className:`mx-5 flex flex-col gap-2 ${c?"mt-[10px]":"my-5 "} ${o}`,children:[(0,t.BX)("div",{className:"sticky top-0 z-20 flex items-center justify-between text-60-grey",children:[(0,t.BX)("span",{className:`Type-XXL-Bold flex items-center gap-[10px] ${c?"pl-3":""} ${s}`,children:[d&&(0,t.tZ)(l.J,{name:d,className:"text-[32px]"}),(0,t.tZ)(a.cC,{id:n}),(0,t.tZ)("span",{className:"Type-XXL-Bold text-",children:i})]}),r&&(0,t.tZ)("button",{type:"button",className:"flex cursor-pointer items-center justify-center",onClick:()=>r(),children:(0,t.tZ)(l.J,{name:"close",className:"text-[24px] text-tight-black"})})]}),u&&(0,t.tZ)("hr",{className:"text-20-grey"})]})}},50511:function(e,n,i){"use strict";i.d(n,{E:function(){return s}});var t=i(35944),a=i(89555),l=i(56776),d=i(87301),r=i(56558),o=i(42480);function s(e){let{title:n,message:i,isDisplayed:s,setIsDisplayed:u,setResponse:c,callback:m,callbackArgs:p}=e,x=()=>u(!1),f=e=>{c(e),m&&(p instanceof Array?m(e,...p):p?m(e,p):m(e)),x()};return(0,t.tZ)(l.Z,{className:"z-100",open:s,onClose:x,children:(0,t.BX)("div",{className:"z-100 absolute left-[5vw] top-[20vh] flex h-auto w-[90vw] flex-col items-center rounded-[4px] bg-pure-white shadow-md md:left-[30vw] md:w-[40vw]",children:[(0,t.tZ)(o.o,{title:n,className:"mb-[20px] w-full rounded-t-[4px]",titleClassName:"Type-XXL-Bold",withLeftPadding:!0,withHorizontalMargin:!0}),(0,t.tZ)("p",{className:"mb-[40px] px-[20px]",children:i}),(0,t.BX)("div",{className:"mb-[40px] flex w-[90%] max-w-[350px] flex-col items-center justify-center gap-y-5 md:w-[35%] md:max-w-none md:flex-row md:justify-between",children:[(0,t.tZ)(d.Z,{color:"primary",className:"w-full bg-pure-white uppercase md:w-auto",variant:"outlined",onClick:()=>f(!1),size:"small",children:a.ag._("No")}),(0,t.tZ)(r.K3,{type:"button",variant:"contained",size:"small",className:"w-full bg-material-ui-blue uppercase md:w-auto ",onClick:()=>f(!0),children:a.ag._("Yes")})]})]})})}},39476:function(e,n,i){"use strict";i.d(n,{$:function(){return l}});var t=i(35944),a=i(32561);

1function l(e){let{color:n="purple",className:i="",size:l=19}=e;return(0,t.tZ)(a.Z,{style:{color:n},size:l,className:i})}},8771:function(e,n,i){"use strict";i.d(n,{$:function(){return l}});var t=i(2005),a=i(65592);let l=(0,t.ZP)(a.Z)(e=>({fontSize:16,"&.MuiTextField-root":{outline:"none","& fieldset":{borderColor:"rgba(0,0,0,0.3)"},height:"40px"},"& .MuiFormLabel-root":{fontSize:"14px",color:"#656565"},"& .MuiOutlinedInput-input":{height:"40px",paddingTop:0,paddingBottom:0,backgroundColor:"none"},"MuiOutlinedInput-root":{outline:"none",fontSize:"14px"},"& .MuiInputLabel-outlined.Mui-focused":{outline:"none"},"& .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-input":{outline:"none"},"& .MuiOutlinedInput-notchedOutline":{paddingLeft:"4px"}}))},18930:function(e,n,i){"use strict";i.d(n,{I:function(){return t}});let t={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"AccountDashboardAddresses"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"customer"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"addresses"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"prefix"}},{kind:"Field",name:{kind:"Name",value:"firstname"}},{kind:"Field",name:{kind:"Name",value:"middlename"}},{kind:"Field",name:{kind:"Name",value:"lastname"}},{kind:"Field",name:{kind:"Name",value:"suffix"}},{kind:"Field",name:{kind:"Name",value:"city"}},{kind:"Field",name:{kind:"Name",value:"company"}},{kind:"Field",name:{kind:"Name",value:"country_code"}},{kind:"Field",name:{kind:"Name",value:"postcode"}},{kind:"Field",name:{kind:"Name",value:"region"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"region"}},{kind:"Field",name:{kind:"Name",value:"region_code"}},{kind:"Field",name:{kind:"Name",value:"region_id"}}]}},{kind:"Field",name:{kind:"Name",value:"street"}},{kind:"Field",name:{kind:"Name",value:"telephone"}},{kind:"Field",name:{kind:"Name",value:"vat_id"}},{kind:"Field",name:{kind:"Name",value:"default_shipping"}},{kind:"Field",name:{kind:"Name",value:"default_billing"}},{kind:"Field",name:{kind:"Name",value:"is_freight_address"}},{kind:"Field",name:{kind:"Name",value:"appointment_required"}},{kind:"Field",name:{kind:"Name",value:"residential_delivery"}},{kind:"Field",name:{kind:"Name",value:"loading_dock"}},{kind:"Field",name:{kind:"Name",value:"delivery_to_door"}},{kind:"Field",name:{kind:"Name",value:"limited_access_delivery"}},{kind:"Field",name:{kind:"Name",value:"days_hours_delivery"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"label"}},{kind:"Field",name:{kind:"Name",value:"available"}},{kind:"Field",name:{kind:"Name",value:"from"}},{kind:"Field",name:{kind:"Name",value:"to"}}]}}]}}]}}]}}]}},25444:function(e,n,i){"use strict";i.r(n),i.d(n,{default:function(){return Z}});var t=i(35944),a=i(24901),l=i(64160),d=i(89555),r=i(66252),o=i(11957),s=i(4361),u=i(6284),c=i(56776),m=i(67294),p=i(56558),x=i(84440),f=i(50511),h=i(21851);function g(){return(0,t.tZ)("div",{className:"flex w-full flex-col items-center justify-center",children:(0,t.BX)("div",{className:"flex w-[80%] flex-col gap-y-5",children:[(0,t.tZ)(h.Z,{variant:"rounded",height:60,sx:{width:"100%",borderRadius:"6px"},animation:"pulse"}),(0,t.tZ)(h.Z,{variant:"rounded",height:60,sx:{width:"100%",borderRadius:"6px"},animation:"pulse"}),(0,t.tZ)(h.Z,{variant:"rounded",height:60,sx:{width:"100%",borderRadius:"6px"},animation:"pulse"})]})})}var b=i(4101),k=i(71415),F=i(96729);function v(e){let{addresses:n=[],loading:i,refetch:a}=e,l=(0,r.x)(),h=n.filter(e=>e&&!e.is_freight_address),v=n.filter(e=>e&&e.is_freight_address),[N,Z]=(0,m.useState)(h?.at(0)?.id),[w,y]=(0,m.useState)(v?.at(0)?.id),[C,S]=(0,m.useState)(!1),[_,X]=(0,m.useState)(!1),[B,z]=(0,m.useState)(!1),[D,P]=(0,m.useState)(!1),[A,M]=(0,m.useState)(!1),[I,E]=(0,m.useState)(!1),[L,T]=(0,m.useState)(),$=(0,m.useCallback)(async(e,n)=>{if(e)try{P(n),await l.mutate({mutation:o.K,variables:{id:n}}),P(!1),a()}catch(e){console.log("error",e),P(!1)}},[l,a]),O=()=>{M(!0)};return i?(0,t.tZ)("div",{className:"w-full",children:(0,t.BX)(u.Z,{elevation:3,className:"md:px-15 p-10 md:py-8",children:[(0,t.tZ)("span",{className:"Type-XXL-Regular w-full ",children:"Shipping address"}),(0,t.tZ)("hr",{className:"mb-7 mt-2 text-20-grey"}),(0,t.tZ)(g,{})]})}):(0,t.BX)("div",{className:"w-full",children:[(0,t.BX)(u.Z,{elevation:3,className:"md:px-15 p-10 md:py-8",children:[(0,t.tZ)("span",{className:"Type-XXL-Regular w-full ",children:"Shipping address"}),(0,t.tZ)("hr",{className:"mb-7 mt-2 text-20-grey"}),(0,t.BX)("div",{className:"mb-11",children:[(n&&0===n.length||!n)&&(0,t.tZ)("div",{children:(0,t.tZ)(s.cC,{id:"You have no addresses saved yet"})}),n&&n.length>=1&&(0,t.tZ)("div",{className:"flex w-fit flex-col gap-5",children:n?.map(e=>e&&e.id?t.tZ("button",{type:"button",onClick:()=>Z(Number(e.id)),className:`block min-h-[56px] w-full rounded-[4px] p-[12px] pr-[20px] ${e.id===N?"border-[3px] border-material-ui-blue":"border-[1px] border-70-grey"}`,children:t.tZ(b.k,{...e,loading:!!D&&D===e.id},e?.id)},e.id):null)})]}),(0,t.BX)("div",{className:"flex w-full flex-col items-center justify-center gap-[30px] md:flex-row md:justify-start",children:[(0,t.tZ)(p.K3,{type:"button",className:"w-full max-w-[350px] bg-material-ui-blue uppercase md:w-auto",variant:"contained",onClick:()=>{Z(null),X(!0),z(!1),S("shipping")},children:d.ag._("Add Address")}),(0,t.tZ)(p.K3,{type:"button",className:"w-full max-w-[350px] bg-material-ui-blue uppercase md:w-auto",variant:"contained",disabled:!N,onClick:()=>{X(!0),z(!1),S("shipping")},children:d.ag._("Edit")}),(0,t.tZ)(p.K3,{type:"button",className:"w-full max-w-[350px] bg-material-ui-blue uppercase md:w-auto",variant:"contained",disabled:!N,onClick:()=>O(),children:d.ag._("Delete")})]})]}),(0,t.tZ)(c.Z,{className:"z-10 ",open:!!C,onClose:()=>S(!1),children:(0,t.BX)("div",{className:"absolute left-[5vw] top-[5vh] max-h-[600px] w-[90vw] overflow-auto rounded-md border-solid  bg-pure-white md:left-[10vw] md:w-[80vw] lg:left-[20vw] lg:w-[60vw] xl:left-[25vw] xl:w-[50vw]",children:[_&&N&&n&&n.find(e=>e?.id===N)?(0,t.BX)("div",{className:"mx-10 my-4",children:[(0,t.tZ)(x.N,{title:"Edit Address",className:"mx-0"}),(0,t.tZ)(F.b,{address:n.find(e=>e?.id===N),onSuccess:()=>{S(!1),a()},onCancel:()=>S(!1)})]}):null,_&&!N&&(0,t.BX)("div",{className:"mx-10 my-4",children:[(0,t.tZ)(x.N,{title:"Add shipping address",className:"mx-0"}),(0,t.tZ)(k.h,{onSuccess:()=>{S(!1),a()},onComplete:()=>{},isFreight:"freight"===C,onCancel:()=>S(!1)})]}),B&&w&&n&&n.find(e=>e?.id===w)?(0,t.BX)("div",{className:"mx-10 my-4",children:[(0,t.tZ)(x.N,{title:"Edit Address",className:"mx-0"}),(0,t.tZ)(F.b,{address:n.find(e=>e?.id===w),onSuccess:()=>{S(!1),a()},onCancel:()=>S(!1)})]}):null,B&&!w&&(0,t.BX)("div",{className:"mx-10 my-4",children:[(0,t.tZ)(x.N,{title:"Add shipping address",className:"mx-0"}),(0,t.tZ)(k.h,{onSuccess:()=>{S(!1),a()},onComplete:()=>{},isFreight:"freight"===C,onCancel:()=>S(!1)})]})]})}),(0,t.tZ)(f.E,{title:d.ag._("Delete Address"),message:d.ag._("Do you want to delete this address from your account?"),isDisplayed:A,setIsDisplayed:M,setResponse:T,callback:$,callbackArgs:N}),(0,t.tZ)(f.E,{title:d.ag._("Delete Address"),message:d.ag._("Do you want to delete this address from your account?"),isDisplayed:I,setIsDisplayed:E,setResponse:T,callback:$,callbackArgs:w})]})}var N=i(18930),Z=function(){let e=(0,a.k)(N.I,{fetchPolicy:"cache-and-network"}),{data:n,refetch:i}=e,r=n?.customer;return(0,t.BX)("div",{className:"w-full",children:[(0,t.tZ)(l.V,{title:d.ag._("Addresses"),metaRobots:["noindex"]}),(0,t.tZ)("div",{className:"w-full",children:(0,t.tZ)(v,{...n,loading:!n,addresses:r?.addresses||[],refetch:i})})]})}}},function(e){e.O(0,[7671,3197,1291,7536,3636,8954,6709,9187,2537,7340,1753,9518,7686,5214,9774,2888,179],function(){return e(e.s=18367)}),_N_E=e.O()}]);
2//# sourceMappingURL=addresses-c4b4a29c4a49e62d.js.map