@dropins/storefront-account 0.1.0-alpha11 → 0.1.0-alpha13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,3 +1,3 @@
1
1
  export declare const GET_ATTRIBUTES_FORM = "\n query GET_ATTRIBUTES_FORM($formCode: String!) {\n attributesForm(formCode: $formCode) {\n items {\n code\n default_value\n entity_type\n frontend_class\n frontend_input\n is_required\n is_unique\n label\n options {\n is_default\n label\n value\n }\n ... on CustomerAttributeMetadata {\n multiline_count\n sort_order\n validate_rules {\n name\n value\n }\n }\n }\n errors {\n type\n message\n }\n }\n }\n";
2
- export declare const GET_ATTRIBUTES_FORM_SHORT = "\n query GET_ATTRIBUTES_FORM_SHORT {\n attributesForm(formCode: customer_register_address) {\n items {\n frontend_input\n label\n code\n ... on CustomerAttributeMetadata {\n multiline_count\n sort_order\n }\n }\n }\n }\n";
2
+ export declare const GET_ATTRIBUTES_FORM_SHORT = "\n query GET_ATTRIBUTES_FORM_SHORT {\n attributesForm(formCode: \"customer_register_address\") {\n items {\n frontend_input\n label\n code\n ... on CustomerAttributeMetadata {\n multiline_count\n sort_order\n }\n }\n }\n }\n";
3
3
  //# sourceMappingURL=getAttributesForm.graphql.d.ts.map
@@ -1 +1 @@
1
- import{jsx as d,Fragment as ae,jsxs as U}from"@dropins/tools/preact-jsx-runtime.js";import{classes as J,Slot as be}from"@dropins/tools/lib.js";import{Field as ie,Picker as ze,Input as ke,InputDate as Ue,Checkbox as we,TextArea as qe,Card as he,Skeleton as Fe,SkeletonRow as W,Button as de,Tag as pe,Icon as Ie,Modal as Pe,ProgressSpinner as We,IllustratedMessage as je,Header as Ge,InLineAlert as Ke}from"@dropins/tools/components.js";import{useRef as Je,useState as Z,useEffect as Q,useCallback as z,useMemo as Xe}from"@dropins/tools/preact-hooks.js";import{m as De,u as ge,d as Oe,i as Ye,n as Qe,l as e1,j as t1,k as r1,e as s1}from"./removeCustomerAddress.js";import{useText as te}from"@dropins/tools/i18n.js";import*as K from"@dropins/tools/preact-compat.js";import{memo as ve,useCallback as se,forwardRef as n1,useImperativeHandle as a1,useMemo as Ce}from"@dropins/tools/preact-compat.js";import{Fragment as Ee}from"@dropins/tools/preact.js";import"@dropins/tools/event-bus.js";const fe=({formName:e,showFormLoader:s,showSaveCheckBox:n,saveCheckBoxValue:t,forwardFormRef:a,slots:o,addressesFormTitle:i,className:l,addressFormId:c,inputsDefaultValueSet:f,billingCheckBoxValue:L,shippingCheckBoxValue:A,showBillingCheckBox:v,showShippingCheckBox:x,isOpen:r,onSubmit:g,onCloseBtnClick:h,onSuccess:$,onError:T,onChange:E})=>d("div",{className:J(["dropin-address-form"]),children:d(q1,{formName:e,showFormLoader:s,slots:o,addressesFormTitle:i,className:l,addressFormId:c,inputsDefaultValueSet:f,shippingCheckBoxValue:A,billingCheckBoxValue:L,showShippingCheckBox:x,showBillingCheckBox:v,isOpen:r,onSubmit:g,onCloseBtnClick:h,onSuccess:$,onError:T,onChange:E,forwardFormRef:a,showSaveCheckBox:n,saveCheckBoxValue:t})}),d1=e=>e.reduce((s,n)=>({...s,[n.name]:n.value}),{}),o1=e=>/^\d+$/.test(e),i1=e=>/^[a-zA-Z0-9\s]+$/.test(e),l1=e=>/^[a-zA-Z0-9]+$/.test(e),c1=e=>/^[a-zA-Z]+$/.test(e),u1=e=>/^[a-z0-9,!\#\$%&'\*\+\/=\?\^_`\{\|\}~-]+(\.[a-z0-9,!\#\$%&'\*\+\/=\?\^_`\{\|\}~-]+)*@([a-z0-9-]+\.)+[a-z]{2,}$/i.test(e),p1=e=>/^\d{4}-\d{2}-\d{2}$/.test(e)&&!isNaN(Date.parse(e)),f1=(e,s,n)=>{const t=new Date(e).getTime()/1e3;return isNaN(t)||t<0?!1:t>=s&&t<=n},_e=e=>new Date(parseInt(e,10)*1e3).toISOString().split("T")[0],m1=e=>/^(https?|ftp):\/\/(([A-Z0-9]([A-Z0-9_-]*[A-Z0-9]|))(\.[A-Z0-9]([A-Z0-9_-]*[A-Z0-9]|))*)(:(\d+))?(\/[A-Z0-9~](([A-Z0-9_~-]|\.)*[A-Z0-9~]|))*\/?(.*)?$/i.test(e),h1=(e,s,n)=>{const t=e.length;return t>=s&&t<=n},Ae=(e,s,n,t)=>{var B,V;const{requiredFieldError:a,lengthTextError:o,numericError:i,alphaNumWithSpacesError:l,alphaNumericError:c,alphaError:f,emailError:L,dateError:A,urlError:v,dateLengthError:x}=n,r=s==null?void 0:s.customUpperCode,g={[r]:""};if(t[r]&&delete t[r],s!=null&&s.required&&!e)return{[r]:a};if(!(s!=null&&s.required)&&!e||!((B=s==null?void 0:s.validateRules)!=null&&B.length))return g;const h=d1(s==null?void 0:s.validateRules),$=h.MIN_TEXT_LENGTH??1,T=h.MAX_TEXT_LENGTH??255,E=h.DATE_RANGE_MIN,F=h.DATE_RANGE_MAX;if(!h1(e,+$,+T)&&!(E||F))return{[r]:o.replace("{min}",$).replace("{max}",T)};if(!f1(e,+E,+F)&&(E||F))return{[r]:x.replace("{min}",_e(E)).replace("{max}",_e(F))};const I={numeric:{validate:o1,error:i},"alphanum-with-spaces":{validate:i1,error:l},alphanumeric:{validate:l1,error:c},alpha:{validate:c1,error:f},email:{validate:u1,error:L},date:{validate:p1,error:A},url:{validate:m1,error:v}}[h.INPUT_VALIDATION];return I&&!I.validate(e)&&!((V=t[r])!=null&&V.length)?{[r]:I.error}:g},Se=e=>{switch(e){case"on":case"true":case 1:case"1":return!0;case"0":case"off":case"false":case 0:return!1;default:return!1}},A1=["true","false","yes","on","off"],L1={firstName:"",lastName:"",city:"",company:"",countryCode:"",region:"",regionCode:"",regionId:"",id:"",telephone:"",vatId:"",postcode:"",defaultShipping:"",defaultBilling:"",street:"",saveAddressBook:""},g1=e=>{const s={},n={};for(const t in e)if(Object.prototype.hasOwnProperty.call(e,t)){const a=e[t],o=t.match(/^(.*)Multiline_(\d+)$/);if(o){const i=o[1],l=parseInt(o[2],10);n[i]||(n[i]=[]),n[i].push({index:l,value:a})}else Object.keys(e).filter(l=>l.startsWith(`${t}Multiline_`)).length>0?n[t]=[{index:1,value:a}]:s[t]=a}for(const t in n)if(Object.prototype.hasOwnProperty.call(n,t)){const a=n[t];a.sort((o,i)=>o.index-i.index),s[t]=a.map(o=>o.value)}return s},C1=e=>{const s={},n={};for(const t in e){const a=A1.includes(e[t])?Se(e[t]):e[t];Object.prototype.hasOwnProperty.call(e,t)&&(Object.prototype.hasOwnProperty.call(L1,t)?s[t]=a:n[t]=a)}return{...s,customAttributes:n}},ne=(e,s=!1)=>{const n=De(e,"camelCase",{firstname:"firstName",lastname:"lastName"}),t=C1(g1(n));if(!s)return t;const[a,o]=t.region?t.region.split(","):[];return{...t,region:{regionCode:a,...o&&{regionId:+o}}}},me=e=>{if(!e.current)return{};const s=e.current.elements;return Array.from(s).reduce((t,a)=>(a.name&&(t[a.name]=a.type==="checkbox"?a.checked:a.value),t),{})},Le=(e,s)=>Object.keys(e).every(t=>t in s&&s[t]!==""),xe=e=>typeof e=="function",y1=e=>e.reduce((s,{customUpperCode:n,required:t,defaultValue:a})=>(t&&n&&(s.initialData[n]=a||"",s.errorList[n]=""),s),{initialData:{},errorList:{}}),Ne=e=>Object.keys(e).length>0,M1=["countryCode"],b1=({fieldsConfig:e,onSubmit:s,onChange:n,setInputChange:t,formName:a})=>{const o=te({requiredFieldError:"Account.FormText.requiredFieldError",lengthTextError:"Account.FormText.lengthTextError",numericError:"Account.FormText.numericError",alphaNumWithSpacesError:"Account.FormText.alphaNumWithSpacesError",alphaNumericError:"Account.FormText.alphaNumericError",alphaError:"Account.FormText.alphaError",emailError:"Account.FormText.emailError",dateError:"Account.FormText.dateError",dateLengthError:"Account.FormText.dateLengthError",urlError:"Account.FormText.urlError"}),i=Je(null),[l,c]=Z({}),[f,L]=Z({}),[A,v]=Z({}),[x,r]=Z(!0),[g,h]=Z(!1),[$,T]=Z(!1),[E,F]=Z(!0);Q(()=>{const u=()=>{if(i.current){const y=window.getComputedStyle(i.current).getPropertyValue("grid-template-rows").split(" ").length,w=i.current.querySelector(".dropin-address-form--saveAddressBook");w&&(w.style.gridRow=String(y-1))}};return u(),window.addEventListener("resize",u),()=>{window.removeEventListener("resize",u)}},[e.length]);const N=z((u=!1)=>{let p=!0;const y={...f};let w=null;for(const[O,S]of Object.entries(l)){const m=e.find(M=>M.customUpperCode.includes(O)),R=Ae(S.toString(),m,o,y);R[O]&&(Object.assign(y,R),p=!1),w||(w=Object.keys(y).find(M=>y[M])||null)}if(u||L(y),w&&i.current&&!u){const O=i.current.elements.namedItem(w);O==null||O.focus()}return p},[f,e,l,o]),I=z((u,p,y,w,O)=>{const S={...me(i),[p]:u,...p.includes("countryCode")?{region:""}:{}},m={data:ne(S,!0),isDataValid:O??Le(y,S)};N(!0),["selectedShippingAddress","selectedBillingAddress"].includes(a)&&sessionStorage.setItem(`${a}_addressData`,JSON.stringify(m)),n==null||n(m,{},w)},[N,a,n]);Q(()=>{if(e!=null&&e.length){const{initialData:u,errorList:p}=y1(e);c(y=>({...u,...y})),L(p),v(p)}},[JSON.stringify(e)]),Q(()=>{if($)return;const u=me(i),p=sessionStorage.getItem(`${a}_addressData`);if(Ne(l)&&Ne(A)){let y={};const w=Le(A,l);p?y=JSON.parse(p).data:y=ne(u,!0)??{},n==null||n({data:y,isDataValid:w},{},null),T(!0)}},[l,A]),Q(()=>{var m,R;if(!E)return;const u=me(i),p=e.find(M=>(M==null?void 0:M.code)==="region"),y=p==null?void 0:p.required,w=!!(u!=null&&u.countryCode),O=!!((m=u==null?void 0:u.region)!=null&&m.length);if(w&&!O&&xe(n)){const M=p&&((R=p==null?void 0:p.options)==null?void 0:R.length)>0;if(!x&&M&&!g)y&&I(u==null?void 0:u.region,"region",A,null,O);else if(!M&&!y){const H=Le(A,l);I(u==null?void 0:u.region,"region",A,null,H),r(!1)}}},[E,x,e,i,n,I,A,g]);const B=z(u=>{const{name:p,value:y,type:w,checked:O}=u==null?void 0:u.target,S=w==="checkbox"?O:y;c(M=>{const H={...M,[p]:S};return p==="countryCode"&&(H.region="",r(!0),h(!1)),H}),t==null||t({[p]:S}),T(!0);const m=e==null?void 0:e.find(M=>M.customUpperCode.includes(p));let R={...f};if(m){const M=Ae(S.toString(),m,o,R);M&&Object.assign(R,M),L(R)}M1.includes(p)||I(S,p,A,u),p==="region"&&I(S,p,A,u,!0)},[t,e,f,o,I,A]),V=z(u=>{const{name:p}=u==null?void 0:u.target,y=e.find(w=>w.customUpperCode===p);p==="region"&&(y!=null&&y.options.length)&&F(!1),F(p==="countryCode")},[]),b=z(u=>{const{name:p,value:y,type:w,checked:O}=u==null?void 0:u.target,S=w==="checkbox"?O:y,m=e.find(R=>R.customUpperCode===p);if(m){const R={...f},M=Ae(S.toString(),m,o,R);M&&Object.assign(R,M),L(R)}},[f,e,o]),k=z(u=>{u.preventDefault();const p=N();s==null||s(u,p)},[N,s]);return{formData:l,errors:f,formRef:i,handleInputChange:B,onFocus:V,handleBlur:b,handleSubmit:k,handleValidationSubmit:N}};var ee=(e=>(e.BOOLEAN="BOOLEAN",e.DATE="DATE",e.DATETIME="DATETIME",e.DROPDOWN="DROPDOWN",e.FILE="FILE",e.GALLERY="GALLERY",e.HIDDEN="HIDDEN",e.IMAGE="IMAGE",e.MEDIA_IMAGE="MEDIA_IMAGE",e.MULTILINE="MULTILINE",e.MULTISELECT="MULTISELECT",e.PRICE="PRICE",e.SELECT="SELECT",e.TEXT="TEXT",e.TEXTAREA="TEXTAREA",e.UNDEFINED="UNDEFINED",e.VISUAL="VISUAL",e.WEIGHT="WEIGHT",e.EMPTY="",e))(ee||{});const v1=ve(({loading:e,values:s,fields:n=[],errors:t,className:a="",onChange:o,onBlur:i,onFocus:l})=>{const c=`${a}__field`,f=se((r,g,h)=>{var T;const $=(T=r.options.find(E=>E.isDefault))==null?void 0:T.value;return d(ie,{error:h,className:J([c,`${c}--${r.id}`,[`${c}--${r.id}-hidden`,r.isHidden],r.className]),"data-testid":`${a}--${r.id}`,disabled:e||r.disabled,children:d(ze,{name:r.customUpperCode,floatingLabel:`${r.label} ${r.required?"*":""}`,placeholder:r.label,"aria-label":r.label,options:r.options,onBlur:i,onFocus:l,handleSelect:o,value:$||g||r.defaultValue})},r.id)},[a,e,c,i,o,l]),L=se((r,g,h)=>d(ie,{error:h,className:J([c,`${c}--${r.id}`,[`${c}--${r.id}-hidden`,r.isHidden],r.className]),"data-testid":`${a}--${r.id}`,disabled:e,children:d(ke,{type:"text",name:r.customUpperCode,value:g??r.defaultValue,placeholder:r.label,floatingLabel:`${r.label} ${r.required?"*":""}`,onBlur:i,onFocus:l,onChange:o})},r.id),[a,e,c,i,o,l]),A=se((r,g,h)=>d(ie,{error:h,className:J([c,`${c}--${r.id}`,[`${c}--${r.id}-hidden`,r.isHidden],r.className]),"data-testid":`${a}--${r.id}`,disabled:e,children:d(Ue,{type:"text",name:r.customUpperCode,value:g||r.defaultValue,placeholder:r.label,floatingLabel:`${r.label} ${r.required?"*":""}`,onBlur:i,onChange:o})},r.id),[a,e,c,i,o]),v=se((r,g,h)=>d(ie,{error:h,className:J([c,`${c}--${r.id}`,[`${c}--${r.id}-hidden`,r.isHidden],r.className]),"data-testid":`${a}--${r.id}`,disabled:e,children:d(we,{name:r.customUpperCode,checked:g||r.defaultValue,placeholder:r.label,label:`${r.label} ${r.required?"*":""}`,onBlur:i,onChange:o})},r.id),[a,e,c,i,o]),x=se((r,g,h)=>d(ie,{error:h,className:J([c,`${c}--${r.id}`,[`${c}--${r.id}-hidden`,r.isHidden],r.className]),"data-testid":`${a}--${r.id}`,disabled:e,children:d(qe,{type:"text",name:r.customUpperCode,value:g??r.defaultValue,label:`${r.label} ${r.required?"*":""}`,onBlur:i,onChange:o})},r.id),[a,e,c,i,o]);return n.length?d(ae,{children:n.map(r=>{const g=t==null?void 0:t[r.customUpperCode],h=s==null?void 0:s[r.customUpperCode];switch(r.fieldType){case ee.TEXT:return r.options.length?f(r,h,g):L(r,h,g);case ee.MULTILINE:return L(r,h,g);case ee.SELECT:return f(r,h,g);case ee.DATE:return A(r,h,g);case ee.BOOLEAN:return v(r,h,g);case ee.TEXTAREA:return x(r,h,g);default:return null}})}):null}),Re=({testId:e,withCard:s=!0})=>{const n=U(Fe,{"data-testid":e||"skeletonLoader",children:[d(W,{variant:"heading",size:"xlarge",fullWidth:!1,lines:1}),d(W,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),d(W,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1})]});return s?n:d(he,{variant:"secondary",className:J(["dropin-account-loaders","dropin-account-loaders--card-loader"]),children:n})},E1=()=>U(Fe,{"data-testid":"addressFormLoader",children:[d(W,{variant:"heading",size:"medium"}),d(W,{variant:"empty",size:"medium"}),d(W,{size:"large"}),d(W,{size:"large"}),d(W,{size:"large",fullWidth:!0}),d(W,{size:"large",fullWidth:!0,lines:3}),d(W,{size:"large"}),d(W,{size:"large"}),d(W,{size:"large"}),d(W,{size:"large"}),d(W,{size:"large"}),d(W,{size:"large"}),d(W,{size:"large",fullWidth:!0})]}),_1=ve(n1(({setInputChange:e,showFormLoader:s,slots:n,name:t,loading:a,children:o,className:i="defaultForm",fieldsConfig:l,onSubmit:c,onChange:f,forwardFormRef:L,regionOptions:A,showSaveCheckBox:v,handleSaveCheckBoxAddress:x,saveCheckBoxAddress:r})=>{const g=te({saveAddressBook:"Account.AddressForm.formText.saveAddressBook"}),{formData:h,errors:$,formRef:T,handleInputChange:E,handleBlur:F,handleSubmit:N,handleValidationSubmit:I,onFocus:B}=b1({fieldsConfig:l,onSubmit:c,onChange:f,setInputChange:e,regionOptions:A,formName:t});return a1(L,()=>{const V=me(T);return{handleValidationSubmit:I,formData:ne(V,!0)}}),s||!(l!=null&&l.length)?d(E1,{}):U("form",{className:J(["dropin-form",i]),onSubmit:N,name:t,ref:T,children:[d(v1,{className:i,loading:a,fields:l,onChange:E,onBlur:F,errors:$,values:h,onFocus:B}),n!=null&&n.AddressFormInputs?d(be,{"data-testid":"addressFormInputs",name:"AddressFormInputs",slot:n.AddressFormInputs,context:{formActions:{handleChange:E}}}):null,v?d("div",{className:"dropin-address-form--saveAddressBook",children:d(we,{name:"saveAddressBook",label:g.saveAddressBook,checked:r,onChange:V=>{E(V),x(V)}})}):null,o]})})),ye=({slots:e,selectable:s,selectShipping:n,selectBilling:t,variant:a="secondary",minifiedView:o,keysSortOrder:i,addressData:l,loading:c,setAddressId:f,handleRenderModal:L,handleRenderForm:A})=>{const v=o?"minifiedView":"fullSizeView",x=te({actionRemove:`Account.${v}.Addresses.addressCard.actionRemove`,actionEdit:`Account.${v}.Addresses.addressCard.actionEdit`,cardLabelShipping:`Account.${v}.Addresses.addressCard.cardLabelShipping`,cardLabelBilling:`Account.${v}.Addresses.addressCard.cardLabelBilling`,defaultLabelText:`Account.${v}.Addresses.addressCard.defaultLabelText`}),r=x.cardLabelBilling.toLocaleUpperCase(),g=x.cardLabelShipping.toLocaleUpperCase(),h=x.defaultLabelText.toLocaleUpperCase(),$=Ce(()=>{const b={shippingLabel:g,billingLabel:r,hideShipping:!1,hideBilling:!1};return s?n&&!t?{shippingLabel:h,billingLabel:h,hideShipping:!1,hideBilling:!0}:t&&!n?{shippingLabel:h,billingLabel:h,hideShipping:!0,hideBilling:!1}:b:b},[r,h,g,t,n,s]),T=se(()=>{f==null||f(l==null?void 0:l.id),L==null||L()},[L,l==null?void 0:l.id,f]),E=se(()=>{f==null||f(l==null?void 0:l.id),A==null||A()},[A,l==null?void 0:l.id,f]),F=Ce(()=>{if(!i)return[];const{region:b,...k}=l,u={...k,...b};return i.filter(({name:p})=>u[p]).map(p=>({name:p.name,orderNumber:p.orderNumber,value:u[p.name],label:p.label}))},[l,i]),{shippingLabel:N,billingLabel:I,hideShipping:B,hideBilling:V}=$;return d(he,{variant:a,className:"dropin-address-card","data-testid":"addressCard",children:c?d(Re,{}):U(ae,{children:[U("div",{className:"dropin-address-card__action",children:[L?d(de,{type:"button",variant:"tertiary",onClick:T,"data-testid":"removeButton",children:x.actionRemove}):null,A?d(de,{type:"button",variant:"tertiary",onClick:E,className:"dropin-address-card__action--editbutton","data-testid":"editButton",children:x.actionEdit}):null]}),d("div",{className:"dropin-address-card__description",children:e!=null&&e.AddressCard?d(be,{name:"AddressCard",slot:e==null?void 0:e.AddressCard,context:{addressData:F}}):d(ae,{children:F.map((b,k)=>{const u=b.label?`${b.label}: ${b==null?void 0:b.value}`:b==null?void 0:b.value;return d("p",{"data-testid":`${b.name}_${k}`,children:u},k)})})}),(l!=null&&l.defaultShipping||l!=null&&l.defaultBilling)&&!s?U("div",{className:"dropin-address-card__labels",children:[l!=null&&l.defaultShipping?d(pe,{label:g}):null,l!=null&&l.defaultBilling?d(pe,{label:r}):null]}):null,s?U("div",{className:"dropin-address-card__labels",children:[!B&&(l!=null&&l.defaultShipping)?d(pe,{label:N}):null,!V&&(l!=null&&l.defaultBilling)?d(pe,{label:I}):null]}):null]})})},N1=e=>K.createElement("svg",{id:"Icon_Add_Base","data-name":"Icon \\u2013 Add \\u2013 Base",xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...e},K.createElement("g",{id:"Large"},K.createElement("rect",{id:"Placement_area","data-name":"Placement area",width:24,height:24,fill:"#fff",opacity:0}),K.createElement("g",{id:"Add_icon","data-name":"Add icon",transform:"translate(9.734 9.737)"},K.createElement("line",{vectorEffect:"non-scaling-stroke",id:"Line_579","data-name":"Line 579",y2:12.7,transform:"translate(2.216 -4.087)",fill:"none",stroke:"currentColor"}),K.createElement("line",{vectorEffect:"non-scaling-stroke",id:"Line_580","data-name":"Line 580",x2:12.7,transform:"translate(-4.079 2.263)",fill:"none",stroke:"currentColor"})))),T1=e=>K.createElement("svg",{id:"Icon_Chevron_right_Base","data-name":"Icon \\u2013 Chevron right \\u2013 Base",xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...e},K.createElement("g",{id:"Large"},K.createElement("rect",{id:"Placement_area","data-name":"Placement area",width:24,height:24,fill:"#fff",opacity:0}),K.createElement("g",{id:"Chevron_right_icon","data-name":"Chevron right icon"},K.createElement("path",{vectorEffect:"non-scaling-stroke",id:"chevron",d:"M199.75,367.5l4.255,-4.255-4.255,-4.255",transform:"translate(-189.25 -351.0)",fill:"none",stroke:"currentColor"})))),Z1=e=>K.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},K.createElement("path",{d:"M3.375 7.38672C3.09886 7.38672 2.875 7.61058 2.875 7.88672C2.875 8.16286 3.09886 8.38672 3.375 8.38672V7.38672ZM5.88409 8.38672C6.16023 8.38672 6.38409 8.16286 6.38409 7.88672C6.38409 7.61058 6.16023 7.38672 5.88409 7.38672V8.38672ZM3.375 11.1836C3.09886 11.1836 2.875 11.4075 2.875 11.6836C2.875 11.9597 3.09886 12.1836 3.375 12.1836V11.1836ZM5.88409 12.1836C6.16023 12.1836 6.38409 11.9597 6.38409 11.6836C6.38409 11.4075 6.16023 11.1836 5.88409 11.1836V12.1836ZM3.375 15.6133C3.09886 15.6133 2.875 15.8371 2.875 16.1133C2.875 16.3894 3.09886 16.6133 3.375 16.6133V15.6133ZM5.88409 16.6133C6.16023 16.6133 6.38409 16.3894 6.38409 16.1133C6.38409 15.8371 6.16023 15.6133 5.88409 15.6133V16.6133ZM8.52059 16.4182C8.51422 16.6942 8.73286 16.9232 9.00893 16.9296C9.285 16.9359 9.51396 16.7173 9.52032 16.4412L8.52059 16.4182ZM9.19302 14.8261L8.70612 14.7124C8.70434 14.72 8.70274 14.7277 8.70132 14.7354L9.19302 14.8261ZM11.2762 13.3887L11.4404 13.8611L11.4499 13.8576L11.2762 13.3887ZM12.3195 13.1013C12.4035 12.8382 12.2583 12.5569 11.9953 12.4729C11.7322 12.3889 11.4509 12.5341 11.3669 12.7971L12.3195 13.1013ZM15.7342 16.4412C15.7406 16.7173 15.9695 16.9359 16.2456 16.9296C16.5217 16.9232 16.7403 16.6942 16.734 16.4182L15.7342 16.4412ZM16.0615 14.8261L16.5532 14.7354C16.5518 14.7277 16.5502 14.72 16.5484 14.7124L16.0615 14.8261ZM13.9784 13.3887L13.8046 13.8577L13.8142 13.861L13.9784 13.3887ZM13.8877 12.7971C13.8037 12.5341 13.5223 12.3889 13.2593 12.4729C12.9962 12.5569 12.8511 12.8382 12.9351 13.1013L13.8877 12.7971ZM10.9023 10.418L11.4023 10.418V10.418H10.9023ZM11.2309 8.60993L11.6861 8.81678L11.6861 8.81678L11.2309 8.60993ZM12.0518 12.7684L11.7218 13.1441L11.7682 13.1848L11.823 13.213L12.0518 12.7684ZM13.202 12.7684L13.4308 13.213L13.4787 13.1884L13.5203 13.1541L13.202 12.7684ZM3.375 8.38672H5.88409V7.38672H3.375V8.38672ZM3.375 12.1836H5.88409V11.1836H3.375V12.1836ZM3.375 16.6133H5.88409V15.6133H3.375V16.6133ZM6.41058 2.375H18.844V1.375H6.41058V2.375ZM18.844 2.375C19.4866 2.375 20.125 2.99614 20.125 3.9225H21.125C21.125 2.57636 20.1627 1.375 18.844 1.375V2.375ZM20.125 3.9225V20.0775H21.125V3.9225H20.125ZM20.125 20.0775C20.125 20.9945 19.485 21.625 18.844 21.625V22.625C20.1643 22.625 21.125 21.4105 21.125 20.0775H20.125ZM18.844 21.625H6.41058V22.625H18.844V21.625ZM6.41058 21.625C5.76792 21.625 5.12955 21.0039 5.12955 20.0775H4.12955C4.12955 21.4236 5.09185 22.625 6.41058 22.625V21.625ZM5.12955 20.0775V3.9225H4.12955V20.0775H5.12955ZM5.12955 3.9225C5.12955 3.0055 5.76956 2.375 6.41058 2.375V1.375C5.0902 1.375 4.12955 2.5895 4.12955 3.9225H5.12955ZM9.52032 16.4412C9.53194 15.9373 9.59014 15.4295 9.68473 14.9168L8.70132 14.7354C8.59869 15.2917 8.53362 15.853 8.52059 16.4182L9.52032 16.4412ZM9.67993 14.9397C9.69157 14.8899 9.78099 14.7261 10.1128 14.496C10.4223 14.2813 10.8711 14.0589 11.4404 13.861L11.112 12.9165C10.4856 13.1343 9.94827 13.3931 9.54284 13.6743C9.15974 13.94 8.80542 14.2871 8.70612 14.7124L9.67993 14.9397ZM11.4499 13.8576C11.5852 13.8074 11.7547 13.7102 11.8933 13.6105C11.9656 13.5584 12.0441 13.4954 12.1133 13.4247C12.1723 13.3646 12.2709 13.2534 12.3195 13.1013L11.3669 12.7971C11.3809 12.7532 11.3985 12.7277 11.4022 12.7225C11.407 12.7157 11.4073 12.7164 11.3993 12.7246C11.3827 12.7416 11.3525 12.7676 11.3092 12.7988C11.2674 12.8288 11.222 12.8575 11.1805 12.8808C11.1363 12.9057 11.1089 12.9175 11.1024 12.9199L11.4499 13.8576ZM16.734 16.4182C16.7209 15.853 16.6559 15.2917 16.5532 14.7354L15.5698 14.9168C15.6644 15.4295 15.7226 15.9373 15.7342 16.4412L16.734 16.4182ZM16.5484 14.7124C16.4491 14.2871 16.0948 13.94 15.7117 13.6743C15.3063 13.3931 14.769 13.1343 14.1426 12.9165L13.8142 13.861C14.3834 14.0589 14.8322 14.2813 15.1417 14.496C15.4736 14.7261 15.563 14.8899 15.5746 14.9397L16.5484 14.7124ZM14.1521 12.9199C14.1456 12.9175 14.1183 12.9057 14.074 12.8808C14.0325 12.8575 13.9871 12.8288 13.9453 12.7988C13.9021 12.7676 13.8719 12.7416 13.8552 12.7246C13.8472 12.7164 13.8476 12.7157 13.8524 12.7225C13.856 12.7277 13.8736 12.7532 13.8877 12.7971L12.9351 13.1013C12.9836 13.2534 13.0823 13.3646 13.1412 13.4247C13.2105 13.4954 13.2889 13.5584 13.3612 13.6105C13.4999 13.7102 13.6694 13.8074 13.8046 13.8576L14.1521 12.9199ZM11.4023 10.418C11.4023 9.83385 11.4811 9.26803 11.6861 8.81678L10.7757 8.40309C10.4878 9.03666 10.4023 9.76284 10.4023 10.418H11.4023ZM11.6861 8.81678C11.8053 8.55448 12.0796 8.38672 12.5813 8.38672V7.38672C11.8704 7.38672 11.1213 7.6426 10.7757 8.40309L11.6861 8.81678ZM12.5813 8.38672C13.087 8.38672 13.4614 8.60522 13.5777 8.83539L14.4703 8.38448C14.1169 7.685 13.2884 7.38672 12.5813 7.38672V8.38672ZM13.5777 8.83539C13.7606 9.19738 13.8523 9.72518 13.8523 10.418H14.8523C14.8523 9.66433 14.757 8.95213 14.4703 8.38448L13.5777 8.83539ZM12.5813 12.4492C12.5364 12.4492 12.5158 12.4464 12.5087 12.4451C12.5046 12.4444 12.5042 12.4442 12.5008 12.4428C12.4922 12.4391 12.4782 12.4321 12.438 12.4096C12.4018 12.3893 12.3471 12.358 12.2805 12.3238L11.823 13.213C11.8698 13.2371 11.9055 13.2576 11.9494 13.2821C11.9893 13.3045 12.0449 13.3354 12.1079 13.3623C12.2569 13.426 12.403 13.4492 12.5813 13.4492V12.4492ZM12.3817 12.3927C11.8273 11.9058 11.4022 11.3083 11.4023 10.418L10.4023 10.4179C10.4022 11.6973 11.0412 12.5462 11.7218 13.1441L12.3817 12.3927ZM13.8523 10.418C13.8523 11.3319 13.4575 11.9093 12.8838 12.3828L13.5203 13.1541C14.2611 12.5427 14.8523 11.7035 14.8523 10.418H13.8523ZM12.9733 12.3238C12.7638 12.4316 12.717 12.4492 12.5813 12.4492V13.4492C12.9639 13.4492 13.1869 13.3385 13.4308 13.213L12.9733 12.3238Z",fill:"#3D3D3D"})),$1=e=>K.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},K.createElement("path",{d:"M12.002 21L11.8275 21.4686C11.981 21.5257 12.1528 21.5041 12.2873 21.4106C12.4218 21.3172 12.502 21.1638 12.502 21H12.002ZM3.89502 17.9823H3.39502C3.39502 18.1912 3.52485 18.378 3.72059 18.4509L3.89502 17.9823ZM3.89502 8.06421L4.07193 7.59655C3.91831 7.53844 3.74595 7.55948 3.61082 7.65284C3.47568 7.74619 3.39502 7.89997 3.39502 8.06421H3.89502ZM12.0007 21H11.5007C11.5007 21.1638 11.5809 21.3172 11.7154 21.4106C11.8499 21.5041 12.0216 21.5257 12.1751 21.4686L12.0007 21ZM20.1076 17.9823L20.282 18.4509C20.4778 18.378 20.6076 18.1912 20.6076 17.9823H20.1076ZM20.1076 8.06421H20.6076C20.6076 7.89997 20.527 7.74619 20.3918 7.65284C20.2567 7.55948 20.0843 7.53844 19.9307 7.59655L20.1076 8.06421ZM12.0007 11.1311L11.8238 10.6634C11.6293 10.737 11.5007 10.9232 11.5007 11.1311H12.0007ZM20.2858 8.53191C20.5441 8.43421 20.6743 8.14562 20.5766 7.88734C20.4789 7.62906 20.1903 7.49889 19.932 7.5966L20.2858 8.53191ZM12.002 4.94826L12.1775 4.48008C12.0605 4.43623 11.9314 4.43775 11.8154 4.48436L12.002 4.94826ZM5.87955 6.87106C5.62334 6.97407 5.49915 7.26528 5.60217 7.52149C5.70518 7.77769 5.99639 7.90188 6.2526 7.79887L5.87955 6.87106ZM18.1932 7.80315C18.4518 7.90008 18.74 7.76904 18.8369 7.51047C18.9338 7.2519 18.8028 6.96371 18.5442 6.86678L18.1932 7.80315ZM12 4.94827L11.5879 5.23148C11.6812 5.36719 11.8353 5.44827 12 5.44827C12.1647 5.44827 12.3188 5.36719 12.4121 5.23148L12 4.94827ZM14.0263 2L14.2028 1.53218C13.9875 1.45097 13.7446 1.52717 13.6143 1.71679L14.0263 2ZM21.8421 4.94827L22.2673 5.2113C22.3459 5.08422 22.3636 4.92863 22.3154 4.78717C22.2673 4.64571 22.1584 4.53319 22.0186 4.48045L21.8421 4.94827ZM9.97368 2L10.3857 1.71679C10.2554 1.52717 10.0125 1.45097 9.79721 1.53218L9.97368 2ZM2.15789 4.94827L1.98142 4.48045C1.84161 4.53319 1.73271 4.64571 1.68456 4.78717C1.63641 4.92863 1.65406 5.08422 1.73267 5.2113L2.15789 4.94827ZM12 11.1256L11.6702 11.5014C11.8589 11.667 12.1411 11.667 12.3298 11.5014L12 11.1256ZM15.0395 8.45812L14.8732 7.98659C14.8131 8.00779 14.7576 8.04028 14.7097 8.08232L15.0395 8.45812ZM23 5.65024L23.3288 6.0269C23.5095 5.86916 23.5527 5.60532 23.4318 5.39817C23.3109 5.19102 23.0599 5.09893 22.8337 5.17871L23 5.65024ZM8.96053 8.45812L9.29034 8.08232C9.24244 8.04028 9.18695 8.00779 9.12685 7.98659L8.96053 8.45812ZM1 5.65024L1.16632 5.17871C0.940115 5.09893 0.689119 5.19102 0.568192 5.39817C0.447264 5.60532 0.49048 5.86916 0.671176 6.0269L1 5.65024ZM12.1764 20.5314L4.06945 17.5137L3.72059 18.4509L11.8275 21.4686L12.1764 20.5314ZM4.39502 17.9823V8.06421H3.39502V17.9823H4.39502ZM3.71811 8.53187L11.8251 11.5987L12.1789 10.6634L4.07193 7.59655L3.71811 8.53187ZM11.502 11.1311V21H12.502V11.1311H11.502ZM12.1751 21.4686L20.282 18.4509L19.9332 17.5137L11.8262 20.5314L12.1751 21.4686ZM20.6076 17.9823V8.06421H19.6076V17.9823H20.6076ZM19.9307 7.59655L11.8238 10.6634L12.1776 11.5987L20.2845 8.53187L19.9307 7.59655ZM11.5007 11.1311V21H12.5007V11.1311H11.5007ZM19.932 7.5966L11.8251 10.6634L12.1789 11.5987L20.2858 8.53191L19.932 7.5966ZM11.8154 4.48436L5.87955 6.87106L6.2526 7.79887L12.1885 5.41217L11.8154 4.48436ZM11.8265 5.41645L18.1932 7.80315L18.5442 6.86678L12.1775 4.48008L11.8265 5.41645ZM11.502 4.94826V11.1311H12.502V4.94826H11.502ZM12.4121 5.23148L14.4384 2.28321L13.6143 1.71679L11.5879 4.66507L12.4121 5.23148ZM13.8498 2.46782L21.6656 5.4161L22.0186 4.48045L14.2028 1.53218L13.8498 2.46782ZM21.4169 4.68525L20.5485 6.08919L21.3989 6.61524L22.2673 5.2113L21.4169 4.68525ZM12.4121 4.66507L10.3857 1.71679L9.56162 2.28321L11.5879 5.23148L12.4121 4.66507ZM9.79721 1.53218L1.98142 4.48045L2.33437 5.4161L10.1502 2.46782L9.79721 1.53218ZM1.73267 5.2113L2.60109 6.61524L3.45154 6.08919L2.58312 4.68525L1.73267 5.2113ZM12.3298 11.5014L15.3693 8.83392L14.7097 8.08232L11.6702 10.7498L12.3298 11.5014ZM15.2058 8.92965L23.1663 6.12177L22.8337 5.17871L14.8732 7.98659L15.2058 8.92965ZM22.6712 5.27358L19.7764 7.80067L20.4341 8.554L23.3288 6.0269L22.6712 5.27358ZM12.3298 10.7498L9.29034 8.08232L8.63072 8.83392L11.6702 11.5014L12.3298 10.7498ZM9.12685 7.98659L1.16632 5.17871L0.83368 6.12177L8.79421 8.92965L9.12685 7.98659ZM0.671176 6.0269L3.56591 8.554L4.22356 7.80067L1.32882 5.27358L0.671176 6.0269Z",fill:"#D6D6D6"})),Te=({selectable:e,className:s,addNewAddress:n,minifiedView:t,routeAddressesPage:a})=>{const o=t?"minifiedView":"fullSizeView",i=te({viewAllAddressesButton:`Account.${o}.Addresses.viewAllAddressesButton`,addNewAddressButton:`Account.${o}.Addresses.addNewAddressButton`,differentAddressButton:`Account.${o}.Addresses.differentAddressButton`}),l=t&&!n?i.viewAllAddressesButton:i.addNewAddressButton,c=e?i.differentAddressButton:l;return U("button",{type:"button",className:J(["dropin-actions-address",["dropin-actions-address--viewall",t],["dropin-actions-address--address",!t],s]),"data-testid":"showRouteFullAddress",onClick:a,children:[d("span",{className:"dropin-actions-address--title","data-testid":"addressActionsText",children:c}),d(Ie,{source:t&&!n?T1:N1,size:"32"})]})},w1=({minifiedView:e,keysSortOrder:s,addressData:n,open:t,submitLoading:a,onRemoveAddress:o,closeModal:i})=>{const l=e?"minifiedView":"fullSizeView",c=te({title:`Account.${l}.Addresses.removeAddressModal.title`,description:`Account.${l}.Addresses.removeAddressModal.description`,actionCancel:`Account.${l}.Addresses.removeAddressModal.actionCancel`,actionConfirm:`Account.${l}.Addresses.removeAddressModal.actionConfirm`});return t?U(Pe,{title:d("h3",{children:c.title}),className:"dropin-address-modal",size:"full","data-testid":"addressModal",showCloseButton:!0,onClose:i,children:[a?d("div",{className:"dropin-address-modal__spinner","data-testid":"progressSpinner",children:d(We,{stroke:"4",size:"large"})}):null,d("p",{children:c.description}),d(ye,{minifiedView:e,addressData:n,keysSortOrder:s}),U("div",{className:"dropin-address-modal__wrapper--buttons",children:[d(de,{type:"button",onClick:i,variant:"secondary",disabled:a,children:c.actionCancel}),d(de,{disabled:a,onClick:o,children:c.actionConfirm})]})]}):null},F1=({typeList:e,isEmpty:s,minifiedView:n,className:t})=>{const a=n?"minifiedView":"fullSizeView",o=te({addressesMessage:`Account.${a}.EmptyList.Addresses.message`,ordersListMessage:`Account.${a}.EmptyList.OrdersList.message`}),i=Ce(()=>{switch(e){case"address":return{icon:Z1,text:d("p",{children:o.addressesMessage})};case"orders":return{icon:$1,text:d("p",{children:o.ordersListMessage})};default:return{icon:"",text:""}}},[e,o]);return!s||!e||!i.text?null:d(je,{className:J(["dropin-empty-list",n?"dropin-empty-list--minified":"",t]),message:i.text,icon:d(Ie,{source:i.icon}),"data-testid":"emptyList"})},I1=async(e,s)=>{if(s.length===1){const i=s[0],c=Object.values(i.region).every(L=>!!L)?{}:{region:{...i.region,regionId:0}};return!!await ge({addressId:Number(i==null?void 0:i.id),defaultShipping:!1,defaultBilling:!1,...c})}const n=s.filter(i=>i.id!==e&&(i.defaultBilling||i.defaultShipping)||i.id!==e),t=s[s.length-1],a=n[0]||((t==null?void 0:t.id)!==e?t:null);return!a||!a.id?!1:!!await ge({addressId:+a.id,defaultShipping:!0,defaultBilling:!0})},O1=["firstname","lastname","city","company","country_code","region","region_code","region_id","telephone","id","vat_id","postcode","street","street_multiline_2","default_shipping","default_billing"],He=(e,s,n)=>{if(s&&n||!s&&!n)return e;const t=e.slice();return s?t.sort((a,o)=>Number(o.defaultShipping)-Number(a.defaultShipping)):n?t.sort((a,o)=>Number(o.defaultBilling)-Number(a.defaultBilling)):e},Me=e=>e==null?!0:typeof e!="object"?!1:Object.keys(e).length===0||Object.values(e).every(Me),S1=({selectShipping:e,selectBilling:s,defaultSelectAddressId:n,onAddressData:t,minifiedView:a,routeAddressesPage:o,onSuccess:i})=>{const[l,c]=Z(""),[f,L]=Z(!1),[A,v]=Z(!1),[x,r]=Z(!1),[g,h]=Z(!1),[$,T]=Z(!1),[E,F]=Z(""),[N,I]=Z([]),[B,V]=Z([]),b=z(async()=>{r(!0),Promise.all([Oe("shortRequest"),Ye()]).then(M=>{const[H,j]=M;if(H){const X=H.map(({name:D,orderNumber:oe,label:re})=>({name:Qe(D),orderNumber:oe,label:O1.includes(D)?null:re}));V(X)}if(j)if(a){const X=j.filter(D=>!!D.defaultShipping||!!D.defaultBilling);I(X)}else I(j)}).finally(()=>{r(!1)})},[a]);Q(()=>{b()},[b]),Q(()=>{var M;if(N.length)if(n===0)T(!0),c("0");else{const H=N.find(X=>+X.id===n)||He(N,e,s)[0],j={data:ne(H),isDataValid:!Me(H)};c(n.toString()||((M=H==null?void 0:H.id)==null?void 0:M.toString())),t==null||t(j)}},[N,n,t,s,e]);const k=z(M=>{F(M),T(!1)},[]),u=z((M,H)=>{const j=(M==null?void 0:M.target).value;c(j);const X={data:ne(H),isDataValid:!Me(ne(H))};t==null||t(X),j!=="0"&&T(!1)},[t]),p=z(()=>{v(!0)},[]),y=z(()=>{F(""),v(!1),L(!1)},[]),w=z(()=>{L(!0)},[]),O=z(async()=>{h(!0),await I1(E,N),e1(+E).then(()=>{b(),y()}).finally(()=>{h(!1)})},[N,E,y,b]),S=z(()=>{T(!1)},[]),m=z(()=>{xe(o)&&a&&!$?window.location.href=o():(T(!0),F(""))},[$,o,a]),R=z(async()=>{await b(),await(i==null?void 0:i())},[b,i]);return{keysSortOrder:B,submitLoading:g,isModalRendered:f,isFormRendered:A,loading:x,addNewAddress:$,addressesList:N,addressId:E,handleRenderForm:p,handleRenderModal:w,removeAddress:O,onCloseBtnClick:y,setEditingAddressId:k,closeNewAddressForm:S,redirectToAddressesRoute:m,handleOnSuccess:R,handleSelectAddressOption:u,selectedAddressOption:l}},Q1=ve(({slots:e,title:s="",addressFormTitle:n="",defaultSelectAddressId:t="",showFormLoader:a=!1,onAddressData:o,forwardFormRef:i,className:l,showSaveCheckBox:c=!1,saveCheckBoxValue:f=!1,selectShipping:L=!1,selectBilling:A=!1,selectable:v=!1,withHeader:x=!0,minifiedView:r=!1,withActionsInMinifiedView:g=!1,withActionsInFullSizeView:h=!0,inputsDefaultValueSet:$,showShippingCheckBox:T=!0,showBillingCheckBox:E=!0,shippingCheckBoxValue:F=!0,billingCheckBoxValue:N=!0,routeAddressesPage:I,onSuccess:B,onError:V})=>{var P;const b=r?"minifiedView":"fullSizeView",k=te({containerTitle:`Account.${b}.Addresses.containerTitle`,differentAddressFormTitle:`Account.${b}.Addresses.differentAddressFormTitle`,editAddressFormTitle:`Account.${b}.Addresses.editAddressFormTitle`,viewAllAddressesButton:`Account.${b}.Addresses.viewAllAddressesButton`,newAddressFormTitle:`Account.${b}.Addresses.newAddressFormTitle`}),{keysSortOrder:u,submitLoading:p,isModalRendered:y,isFormRendered:w,loading:O,addNewAddress:S,addressesList:m,addressId:R,handleRenderForm:M,handleRenderModal:H,removeAddress:j,onCloseBtnClick:X,handleOnSuccess:D,setEditingAddressId:oe,closeNewAddressForm:re,redirectToAddressesRoute:le,handleSelectAddressOption:ce,selectedAddressOption:ue}=S1({defaultSelectAddressId:t,minifiedView:r,routeAddressesPage:I,onSuccess:B,onAddressData:o,selectShipping:L,selectBilling:A}),C=L&&A?"selectedAddress":L?"selectedShippingAddress":A?"selectedBillingAddress":"default",q=v?U("div",{className:"dropin-addresses-wrapper--select-view",children:[(P=He(m,L,A))==null?void 0:P.map((_,G)=>U(Ee,{children:[d("input",{"data-testid":`radio-${G+1}`,type:"radio",name:C,id:`${C}_${_.id}`,value:_.id,checked:ue===(_==null?void 0:_.id.toString()),onChange:Y=>ce(Y,_)}),d("label",{htmlFor:`${C}_${_.id}`,className:"dropin-addresses-wrapper--label",children:d(ye,{slots:e,selectable:v,selectShipping:L,selectBilling:A,minifiedView:r,addressData:_,keysSortOrder:u,loading:O})})]},_.id)),d("input",{"data-testid":"radio-0",type:"radio",name:C,id:`${C}_addressActions`,value:"0",checked:ue==="0",onChange:_=>ce(_,{})}),d("label",{htmlFor:`${C}_addressActions`,className:"dropin-addresses-wrapper--label",children:S?d("div",{className:J(["dropin-addresses-form__footer__wrapper",["dropin-addresses-form__footer__wrapper-show",S]]),children:d(fe,{formName:C,showFormLoader:a,isOpen:S,forwardFormRef:i,showSaveCheckBox:c,saveCheckBoxValue:f,shippingCheckBoxValue:F,billingCheckBoxValue:N,addressesFormTitle:n||k.differentAddressFormTitle,inputsDefaultValueSet:$,showShippingCheckBox:T,showBillingCheckBox:E,onCloseBtnClick:re,onSuccess:D,onError:V,onChange:o})}):m!=null&&m.length?d(Te,{selectable:v,minifiedView:r,addNewAddress:S,routeAddressesPage:le}):null})]}):U(ae,{children:[m.map(_=>d(Ee,{children:R===_.id&&w?d(he,{variant:"secondary",style:{marginBottom:20},children:d(fe,{isOpen:R===_.id&&w,addressFormId:R,inputsDefaultValueSet:_,addressesFormTitle:k.editAddressFormTitle,showShippingCheckBox:T,showBillingCheckBox:E,shippingCheckBoxValue:F,billingCheckBoxValue:N,onCloseBtnClick:X,onSuccess:D,onError:V})}):d(ye,{slots:e,minifiedView:r,addressData:_,keysSortOrder:u,loading:O,setAddressId:oe,handleRenderModal:r&&g||!r&&h?H:void 0,handleRenderForm:r&&g||!r&&h?M:void 0},_.id)},_.id)),d("div",{className:"dropin-addresses__footer",children:S?d("div",{className:J(["dropin-addresses-form__footer__wrapper",["dropin-addresses-form__footer__wrapper-show",S]]),children:d(he,{variant:"secondary",children:d(fe,{isOpen:S,addressesFormTitle:k.newAddressFormTitle,inputsDefaultValueSet:$,showShippingCheckBox:!!(m!=null&&m.length),showBillingCheckBox:!!(m!=null&&m.length),shippingCheckBoxValue:F,billingCheckBoxValue:N,onCloseBtnClick:re,onSuccess:D,onError:V})})}):d(Te,{minifiedView:r,addNewAddress:S,routeAddressesPage:le})})]});return U("div",{children:[d("div",{children:x?d(Ge,{title:s||k.containerTitle,divider:!r,className:r?"dropin-addresses-header":""}):null}),U("div",{className:J(["dropin-addresses-wrapper",l]),"data-testid":"addressesIdWrapper",children:[d(w1,{minifiedView:r,addressData:m==null?void 0:m.find(_=>_.id===R),keysSortOrder:u,submitLoading:p,open:y,closeModal:X,onRemoveAddress:j}),O?d(Re,{testId:"addressSkeletonLoader",withCard:!1}):v?d("div",{className:J(["dropin-addresses-form__footer__wrapper",["dropin-addresses-form__footer__wrapper-show",!(m!=null&&m.length)]]),children:d(fe,{formName:C,isOpen:!(m!=null&&m.length),forwardFormRef:i,showSaveCheckBox:c,saveCheckBoxValue:f,shippingCheckBoxValue:F,billingCheckBoxValue:N,addressesFormTitle:n||k.differentAddressFormTitle,inputsDefaultValueSet:$,showShippingCheckBox:T,showBillingCheckBox:E,onCloseBtnClick:re,onSuccess:D,onError:V,onChange:o})}):d(F1,{isEmpty:!(m!=null&&m.length),typeList:"address",minifiedView:r}),q]})]})}),Ve={entityType:"CUSTOMER_ADDRESS",isUnique:!1,options:[],multilineCount:0,validateRules:[],defaultValue:!1,fieldType:ee.BOOLEAN,className:"",required:!1,orderNumber:90,isHidden:!1},x1={...Ve,label:"Set as default shipping address",name:"default_shipping",id:"default_shipping",code:"default_shipping",customUpperCode:"defaultShipping"},R1={...Ve,label:"Set as default billing address",name:"default_billing",id:"default_billing",code:"default_billing",customUpperCode:"defaultBilling"},H1=(e,s)=>s==null?void 0:s.map(n=>{const t={...e,firstName:e.firstname??e.firstName,lastName:e.lastname??e.lastName},a=JSON.parse(JSON.stringify(n));if(Object.hasOwn(t,n.customUpperCode)){const o=t[n.customUpperCode];n.customUpperCode==="region"&&typeof o=="object"?a.defaultValue=o.regionCode&&o.regionId?`${o.regionCode},${o.regionId}`:o.region??o.regionCode:a.defaultValue=o}return a}),Ze=e=>{if(!e)return null;const s=new FormData(e);if(e.querySelectorAll('input[type="checkbox"]').forEach(t=>{s.has(t.name)||s.set(t.name,"false"),t.checked&&s.set(t.name,"true")}),s&&typeof s.entries=="function"){const t=s.entries();if(t&&typeof t[Symbol.iterator]=="function")return JSON.parse(JSON.stringify(Object.fromEntries(t)))||{}}return{}},V1=({fields:e,addressId:s,countryOptions:n,disableField:t,regionOptions:a,isRequiredRegion:o,isRequiredPostCode:i})=>e.filter(c=>!(s&&(c.customUpperCode==="defaultShipping"||c.customUpperCode==="defaultBilling")&&c.defaultValue)).map(c=>c.customUpperCode==="countryCode"?{...c,options:n,disabled:t}:c.customUpperCode==="postcode"?{...c,required:i}:c.customUpperCode==="region"?{...c,options:a,required:o,disabled:t}:c),B1=e=>{const s=["region","city","company","countryCode","countryId","defaultBilling","defaultShipping","fax","firstName","lastName","middleName","postcode","prefix","street","suffix","telephone","vatId","addressId"],n={},t=[];return Object.keys(e).forEach(a=>{s.includes(a)?n[a]=e[a]:t.push({attribute_code:a,value:e[a]})}),t.length>0&&(n.custom_attributesV2=t),n},$e=e=>{const s=["street","streetMultiline_1","streetMultiline_2"],n=["on","off","true","false"],t=[],a={};for(const r in e){const g=e[r];n.includes(g)&&(a[r]=Se(g)),s.includes(r)&&t.push(g)}const{street:o,streetMultiline_2:i,streetMultiline_1:l,region:c,...f}=e,[L,A]=c?c.split(","):[void 0,void 0],v=A&&L?{regionId:+A,regionCode:L}:{region:L};return B1({...f,...a,region:{...v},street:t})},z1=(e,s)=>{const n={};for(const t in e)if(Object.prototype.hasOwnProperty.call(e,t)){const a=e[t];if(t==="region"&&a.regionId){const o=s.find(i=>(i==null?void 0:i.id)===a.regionId);o?n[t]={...a,text:o.text}:n[t]=a}else Array.isArray(a)?(n[t]=a[0]||"",a.slice(1).forEach((o,i)=>{n[`${t}Multiline_${i+2}`]=o})):n[t]=a}return n},k1=(e,s)=>e&&Object.keys(e).length>0?e:s&&Object.keys(s).length>0?s:{},U1=({showFormLoader:e,showSaveCheckBox:s,saveCheckBoxValue:n,addressFormId:t,billingCheckBoxValue:a,shippingCheckBoxValue:o,showShippingCheckBox:i,showBillingCheckBox:l,inputsDefaultValueSet:c,onCloseBtnClick:f,onSuccess:L,onError:A,formName:v})=>{const[x,r]=Z({text:"",type:"success"}),[g,h]=Z(e??!1),[$,T]=Z(t||""),[E,F]=Z([]),[N,I]=Z([]),[B,V]=Z([]),[b,k]=Z([]),[u,p]=Z([]),[y,w]=Z(!1),[O,S]=Z(!1),[m,R]=Z(()=>{var q,P;const C=sessionStorage.getItem(`${v}_addressData`);return C?{countryCode:(P=(q=JSON.parse(C))==null?void 0:q.data)==null?void 0:P.countryCode}:c}),[M,H]=Z(!1),[j,X]=Z(()=>{var P,_;const C=sessionStorage.getItem(`${v}_addressData`);return C?(_=(P=JSON.parse(C))==null?void 0:P.data)==null?void 0:_.saveAddressBook:n}),D=z(C=>{X(C.target.checked)},[]);Q(()=>{Oe($?"customer_address_edit":"customer_register_address").then(C=>{F(C)})},[$]),Q(()=>{H(!0),t1().then(({availableCountries:C,countriesWithRequiredRegion:q,optionalZipCountries:P})=>{I(C),k(q),p(P),H(!1)})},[]),Q(()=>{if(m!=null&&m.countryCode){H(!0);const C=m==null?void 0:m.countryCode;r1(C).then(q=>{V(q);const P=b.find(G=>G===C),_=u.find(G=>G===C);w(!!P),S(!_),H(!1)})}},[m==null?void 0:m.countryCode,b,u]);const oe=z(()=>{r({text:"",type:"success"}),f==null||f()},[f]),re=z(async(C,q)=>{if(!q)return null;h(!0);const P=Ze(C.target),_=$e(P);await ge(_).then(()=>{var G;L==null||L(),f==null||f(),(G=C==null?void 0:C.target)==null||G.reset()}).catch(G=>{r(Y=>({...Y,text:G.message,type:"error"})),A==null||A(G)}).finally(()=>{T(""),h(!1)})},[f,A,L]),le=z(async(C,q)=>{if(!q)return;h(!0);const{saveAddressBook:P,..._}=Ze(C.target),G=$e(_);await s1(G).then(()=>{var Y;L==null||L(),f==null||f(),(Y=C==null?void 0:C.target)==null||Y.reset()}).catch(Y=>{r(Be=>({...Be,text:Y.message,type:"error"})),A==null||A(Y)}).finally(()=>{T(""),h(!1)})},[f,A,L]),ce=Xe(()=>{if(!E.length)return[];const C={...x1,defaultValue:o,isHidden:s&&!j?!0:!i},q={...R1,defaultValue:a,isHidden:s&&!j?!0:!l},P=[...E,C,q],_=sessionStorage.getItem(`${v}_addressData`),G=_?z1(JSON.parse(_).data,B):{},Y=H1(k1(G,c),P);return V1({fields:Y,addressId:$,countryOptions:N,disableField:M,regionOptions:B,isRequiredRegion:y,isRequiredPostCode:O})},[E,o,s,j,i,a,l,v,B,c,$,N,M,y,O]),ue=z(C=>{R(q=>({...q,...C}))},[]);return{regionOptions:B,saveCheckBoxAddress:j,inLineAlert:x,addressId:$,submitLoading:g,normalizeFieldsConfig:ce,handleSaveCheckBoxAddress:D,handleUpdateAddress:re,handleCreateAddress:le,handleOnCloseForm:oe,handleInputChange:ue}},q1=({formName:e="",showFormLoader:s=!1,showSaveCheckBox:n=!1,saveCheckBoxValue:t=!1,forwardFormRef:a,slots:o,addressesFormTitle:i,className:l,addressFormId:c,inputsDefaultValueSet:f,showShippingCheckBox:L=!0,showBillingCheckBox:A=!0,shippingCheckBoxValue:v=!0,billingCheckBoxValue:x=!0,isOpen:r,onSubmit:g,onCloseBtnClick:h,onSuccess:$,onError:T,onChange:E})=>{const F=te({secondaryButton:"Account.AddressForm.formText.secondaryButton",primaryButton:"Account.AddressForm.formText.primaryButton",saveAddressBook:"Account.AddressForm.formText.saveAddressBook"}),{inLineAlert:N,addressId:I,submitLoading:B,normalizeFieldsConfig:V,handleUpdateAddress:b,handleCreateAddress:k,handleOnCloseForm:u,handleSaveCheckBoxAddress:p,saveCheckBoxAddress:y,handleInputChange:w,regionOptions:O}=U1({showFormLoader:s,addressFormId:c,inputsDefaultValueSet:f,shippingCheckBoxValue:v,billingCheckBoxValue:x,showShippingCheckBox:L,showBillingCheckBox:A,saveCheckBoxValue:t,showSaveCheckBox:n,onSuccess:$,onError:T,onCloseBtnClick:h,formName:e});return r?U("div",{className:J(["dropin-address-form-wrapper",l]),children:[d("div",{className:"dropin-address-form-wrapper--title","data-testid":"addressesFormTitle",children:i}),N.text?d(Ke,{"data-testid":"inLineAlert",className:"dropin-address-form-wrapper--notification",type:N.type,variant:"secondary",heading:N.text,icon:N.icon}):null,U(_1,{regionOptions:O,forwardFormRef:a,slots:o,className:"dropin-address-form",name:e||"addressesForm",fieldsConfig:V,onSubmit:g||(I?b:k),setInputChange:w,loading:B,showFormLoader:s,showSaveCheckBox:n,handleSaveCheckBoxAddress:p,saveCheckBoxAddress:y,onChange:E,children:[I?d("input",{type:"hidden",name:"addressId",value:I,"data-testid":"hidden_test_id"}):null,d("div",{className:"dropin-field dropin-address-form-wrapper--buttons",children:o!=null&&o.AddressFormActions?d(be,{"data-testid":"addressFormActions",name:"AddressFormActions",slot:o.AddressFormActions,context:{handleUpdateAddress:b,handleCreateAddress:k,addressId:I}}):d(ae,{children:n?null:U(ae,{children:[d(de,{type:"button",onClick:u,variant:"secondary",disabled:B,children:F.secondaryButton}),d(de,{disabled:B,children:F.primaryButton})]})})})]})]}):null};export{fe as A,Re as C,F1 as E,T1 as S,Q1 as a,xe as c};
1
+ import{jsx as o,Fragment as oe,jsxs as k}from"@dropins/tools/preact-jsx-runtime.js";import{classes as J,Slot as Ee}from"@dropins/tools/lib.js";import{Field as ie,Picker as qe,Input as Pe,InputDate as We,Checkbox as we,TextArea as je,Card as Le,Skeleton as Se,SkeletonRow as W,Button as de,Tag as fe,Icon as Re,Modal as Ge,ProgressSpinner as Ke,IllustratedMessage as Je,Header as Xe,InLineAlert as De}from"@dropins/tools/components.js";import{useRef as Ye,useState as N,useEffect as Q,useCallback as V,useMemo as Qe}from"@dropins/tools/preact-hooks.js";import{m as et,n as xe,u as Ce,d as He,i as tt,o as rt,l as st,j as nt,k as at,e as ot}from"./removeCustomerAddress.js";import{useText as re}from"@dropins/tools/i18n.js";import*as G from"@dropins/tools/preact-compat.js";import{memo as _e,useCallback as se,forwardRef as dt,useImperativeHandle as lt,useMemo as Me}from"@dropins/tools/preact-compat.js";import{Fragment as Ne}from"@dropins/tools/preact.js";import"@dropins/tools/event-bus.js";const me=({hideActionFormButtons:e,formName:s,showFormLoader:n,showSaveCheckBox:t,saveCheckBoxValue:a,forwardFormRef:d,slots:l,addressesFormTitle:i,className:c,addressFormId:h,inputsDefaultValueSet:m,billingCheckBoxValue:C,shippingCheckBoxValue:g,showBillingCheckBox:Z,showShippingCheckBox:r,isOpen:L,onSubmit:u,onCloseBtnClick:$,onSuccess:O,onError:E,onChange:F})=>o("div",{className:J(["account-address-form"]),children:o(Wt,{hideActionFormButtons:e,formName:s,showFormLoader:n,slots:l,addressesFormTitle:i,className:c,addressFormId:h,inputsDefaultValueSet:m,shippingCheckBoxValue:g,billingCheckBoxValue:C,showShippingCheckBox:r,showBillingCheckBox:Z,isOpen:L,onSubmit:u,onCloseBtnClick:$,onSuccess:O,onError:E,onChange:F,forwardFormRef:d,showSaveCheckBox:t,saveCheckBoxValue:a})}),it=e=>e.reduce((s,n)=>({...s,[n.name]:n.value}),{}),ct=e=>/^\d+$/.test(e),ut=e=>/^[a-zA-Z0-9\s]+$/.test(e),pt=e=>/^[a-zA-Z0-9]+$/.test(e),ft=e=>/^[a-zA-Z]+$/.test(e),mt=e=>/^[a-z0-9,!\#\$%&'\*\+\/=\?\^_`\{\|\}~-]+(\.[a-z0-9,!\#\$%&'\*\+\/=\?\^_`\{\|\}~-]+)*@([a-z0-9-]+\.)+[a-z]{2,}$/i.test(e),ht=e=>/^\d{4}-\d{2}-\d{2}$/.test(e)&&!isNaN(Date.parse(e)),Lt=(e,s,n)=>{const t=new Date(e).getTime()/1e3;return isNaN(t)||t<0?!1:t>=s&&t<=n},Te=e=>new Date(parseInt(e,10)*1e3).toISOString().split("T")[0],At=e=>/^(https?|ftp):\/\/(([A-Z0-9]([A-Z0-9_-]*[A-Z0-9]|))(\.[A-Z0-9]([A-Z0-9_-]*[A-Z0-9]|))*)(:(\d+))?(\/[A-Z0-9~](([A-Z0-9_~-]|\.)*[A-Z0-9~]|))*\/?(.*)?$/i.test(e),gt=(e,s,n)=>{const t=e.length;return t>=s&&t<=n},ye=(e,s,n,t)=>{var I,B;const{requiredFieldError:a,lengthTextError:d,numericError:l,alphaNumWithSpacesError:i,alphaNumericError:c,alphaError:h,emailError:m,dateError:C,urlError:g,dateLengthError:Z}=n,r=s==null?void 0:s.customUpperCode,L={[r]:""};if(t[r]&&delete t[r],s!=null&&s.required&&!e)return{[r]:a};if(!(s!=null&&s.required)&&!e||!((I=s==null?void 0:s.validateRules)!=null&&I.length))return L;const u=it(s==null?void 0:s.validateRules),$=u.MIN_TEXT_LENGTH??1,O=u.MAX_TEXT_LENGTH??255,E=u.DATE_RANGE_MIN,F=u.DATE_RANGE_MAX;if(!gt(e,+$,+O)&&!(E||F))return{[r]:d.replace("{min}",$).replace("{max}",O)};if(!Lt(e,+E,+F)&&(E||F))return{[r]:Z.replace("{min}",Te(E)).replace("{max}",Te(F))};const R={numeric:{validate:ct,error:l},"alphanum-with-spaces":{validate:ut,error:i},alphanumeric:{validate:pt,error:c},alpha:{validate:ft,error:h},email:{validate:mt,error:m},date:{validate:ht,error:C},url:{validate:At,error:g}}[u.INPUT_VALIDATION];return R&&!R.validate(e)&&!((B=t[r])!=null&&B.length)?{[r]:R.error}:L},Ve=e=>{switch(e){case"on":case"true":case 1:case"1":return!0;case"0":case"off":case"false":case 0:return!1;default:return!1}},yt=["true","false","yes","on","off"],Ct={firstName:"",lastName:"",city:"",company:"",countryCode:"",region:"",regionCode:"",regionId:"",id:"",telephone:"",vatId:"",postcode:"",defaultShipping:"",defaultBilling:"",street:"",saveAddressBook:""},Mt=e=>{const s={},n={};for(const t in e)if(Object.prototype.hasOwnProperty.call(e,t)){const a=e[t],d=t.match(/^(.*)Multiline_(\d+)$/);if(d){const l=d[1],i=parseInt(d[2],10);n[l]||(n[l]=[]),n[l].push({index:i,value:a})}else Object.keys(e).filter(i=>i.startsWith(`${t}Multiline_`)).length>0?n[t]=[{index:1,value:a}]:s[t]=a}for(const t in n)if(Object.prototype.hasOwnProperty.call(n,t)){const a=n[t];a.sort((d,l)=>d.index-l.index),s[t]=a.map(d=>d.value)}return s},bt=e=>{const s={},n=[];for(const t in e){const a=yt.includes(e[t])?Ve(e[t]):e[t];Object.prototype.hasOwnProperty.call(e,t)&&(Object.prototype.hasOwnProperty.call(Ct,t)?s[t]=a:n.push({code:xe(t),value:a}))}return{...s,customAttributes:n}},ae=(e,s=!1)=>{const n=et(e,"camelCase",{firstname:"firstName",lastname:"lastName"}),t=bt(Mt(n));if(!s)return t;const[a,d]=t.region?t.region.split(","):[];return{...t,region:{regionCode:a,...d&&{regionId:+d}}}},he=e=>{if(!e.current)return{};const s=e.current.elements;return Array.from(s).reduce((t,a)=>(a.name&&(t[a.name]=a.type==="checkbox"?a.checked:a.value),t),{})},Ze=(e,s)=>Object.keys(e).every(t=>t in s&&s[t]!==""),ze=e=>typeof e=="function",vt=e=>e.reduce((s,{customUpperCode:n,required:t,defaultValue:a})=>(t&&n&&(s.initialData[n]=a||"",s.errorList[n]=""),s),{initialData:{},errorList:{}}),$e=e=>Object.keys(e).length>0,Et=({fieldsConfig:e,onSubmit:s,onChange:n,setInputChange:t,formName:a,isWaitingForResponse:d})=>{const l=re({requiredFieldError:"Account.FormText.requiredFieldError",lengthTextError:"Account.FormText.lengthTextError",numericError:"Account.FormText.numericError",alphaNumWithSpacesError:"Account.FormText.alphaNumWithSpacesError",alphaNumericError:"Account.FormText.alphaNumericError",alphaError:"Account.FormText.alphaError",emailError:"Account.FormText.emailError",dateError:"Account.FormText.dateError",dateLengthError:"Account.FormText.dateLengthError",urlError:"Account.FormText.urlError"}),i=Ye(null),[c,h]=N({}),[m,C]=N({}),[g,Z]=N({}),[r,L]=N(!0),[u,$]=N(!1),[O,E]=N(!1),[F,S]=N(!0);Q(()=>{const p=()=>{if(i.current){const v=window.getComputedStyle(i.current).getPropertyValue("grid-template-rows").split(" ").length,w=i.current.querySelector(".account-address-form--saveAddressBook");w&&(w.style.gridRow=String(v-1))}};return p(),window.addEventListener("resize",p),()=>{window.removeEventListener("resize",p)}},[e==null?void 0:e.length]);const R=V((p=!1)=>{let A=!0;const v={...m};let w=null;for(const[x,T]of Object.entries(c)){const U=e==null?void 0:e.find(M=>M.customUpperCode.includes(x)),f=ye(T.toString(),U,l,v);f[x]&&(Object.assign(v,f),A=!1),w||(w=Object.keys(v).find(M=>v[M])||null)}if(p||C(v),w&&i.current&&!p){const x=i.current.elements.namedItem(w);x==null||x.focus()}return A},[m,e,c,l]),I=V((p,A,v,w)=>{const x={...he(i),[A]:p,...A.includes("countryCode")?{region:""}:{}},T={data:ae(x,!0),isDataValid:Ze(v,x)};R(!0),["selectedShippingAddress","selectedBillingAddress"].includes(a)&&sessionStorage.setItem(`${a}_addressData`,JSON.stringify(T)),n==null||n(T,{},w)},[R,a,n]);Q(()=>{if(e!=null&&e.length){const{initialData:p,errorList:A}=vt(e);h(v=>({...p,...v})),C(A),Z(A)}},[JSON.stringify(e)]),Q(()=>{if(O)return;const p=he(i),A=sessionStorage.getItem(`${a}_addressData`);if($e(c)&&$e(g)){let v={};const w=Ze(g,c);A?v=JSON.parse(A).data:v=ae(p,!0)??{},n==null||n({data:v,isDataValid:w},{},null),E(!0)}},[c,g]),Q(()=>{var x;if(!F)return;const p=he(i),A=!!(p!=null&&p.countryCode),v=!!((x=p==null?void 0:p.region)!=null&&x.length);p&&A&&!v&&ze(n)&&!d&&I(p==null?void 0:p.region,"region",g,null)},[F,r,e,i,n,I,g,u,d]);const B=V(p=>{const{name:A,value:v,type:w,checked:x}=p==null?void 0:p.target,T=w==="checkbox"?x:v;h(M=>{const j={...M,[A]:T};return A==="countryCode"&&(j.region="",L(!0),$(!1)),j}),t==null||t({[A]:T}),E(!0);const U=e==null?void 0:e.find(M=>M.customUpperCode.includes(A));let f={...m};if(U){const M=ye(T.toString(),U,l,f);M&&Object.assign(f,M),C(f)}I(T,A,g,p)},[t,e,m,l,I,g,r]),y=V(p=>{const{name:A}=p==null?void 0:p.target,v=e==null?void 0:e.find(w=>w.customUpperCode===A);A==="region"&&(v!=null&&v.options.length)&&S(!1),S(A==="countryCode")},[]),q=V(p=>{const{name:A,value:v,type:w,checked:x}=p==null?void 0:p.target,T=w==="checkbox"?x:v,U=e==null?void 0:e.find(f=>f.customUpperCode===A);if(U){const f={...m},M=ye(T.toString(),U,l,f);M&&Object.assign(f,M),C(f)}},[m,e,l]),z=V(p=>{p.preventDefault();const A=R();s==null||s(p,A)},[R,s]);return{formData:c,errors:m,formRef:i,handleInputChange:B,onFocus:y,handleBlur:q,handleSubmit:z,handleValidationSubmit:R}};var te=(e=>(e.BOOLEAN="BOOLEAN",e.DATE="DATE",e.DATETIME="DATETIME",e.DROPDOWN="DROPDOWN",e.FILE="FILE",e.GALLERY="GALLERY",e.HIDDEN="HIDDEN",e.IMAGE="IMAGE",e.MEDIA_IMAGE="MEDIA_IMAGE",e.MULTILINE="MULTILINE",e.MULTISELECT="MULTISELECT",e.PRICE="PRICE",e.SELECT="SELECT",e.TEXT="TEXT",e.TEXTAREA="TEXTAREA",e.UNDEFINED="UNDEFINED",e.VISUAL="VISUAL",e.WEIGHT="WEIGHT",e.EMPTY="",e))(te||{});const _t=_e(({loading:e,values:s,fields:n=[],errors:t,className:a="",onChange:d,onBlur:l,onFocus:i})=>{const c=`${a}__field`,h=se((r,L,u)=>{var O;const $=((O=r.options.find(E=>E.isDefault))==null?void 0:O.value)??L??r.defaultValue;return o(ie,{error:u,className:J([c,`${c}--${r.id}`,[`${c}--${r.id}-hidden`,r.isHidden],r.className]),"data-testid":`${a}--${r.id}`,disabled:e||r.disabled,children:o(qe,{required:r.required,name:r.customUpperCode,floatingLabel:`${r.label} ${r.required?"*":""}`,placeholder:r.label,"aria-label":r.label,options:r.options,onBlur:l,onFocus:i,handleSelect:d,defaultValue:$,value:$})},r.id)},[a,e,c,l,d,i]),m=se((r,L,u)=>o(ie,{error:u,className:J([c,`${c}--${r.id}`,[`${c}--${r.id}-hidden`,r.isHidden],r.className]),"data-testid":`${a}--${r.id}`,disabled:e,children:o(Pe,{type:"text",name:r.customUpperCode,value:L??r.defaultValue,placeholder:r.label,floatingLabel:`${r.label} ${r.required?"*":""}`,onBlur:l,onFocus:i,onChange:d})},r.id),[a,e,c,l,d,i]),C=se((r,L,u)=>o(ie,{error:u,className:J([c,`${c}--${r.id}`,[`${c}--${r.id}-hidden`,r.isHidden],r.className]),"data-testid":`${a}--${r.id}`,disabled:e||r.disabled,children:o(We,{type:"text",name:r.customUpperCode,value:L||r.defaultValue,placeholder:r.label,floatingLabel:`${r.label} ${r.required?"*":""}`,onBlur:l,onChange:d,disabled:e||r.disabled})},r.id),[a,e,c,l,d]),g=se((r,L,u)=>o(ie,{error:u,className:J([c,`${c}--${r.id}`,[`${c}--${r.id}-hidden`,r.isHidden],r.className]),"data-testid":`${a}--${r.id}`,disabled:e,children:o(we,{name:r.customUpperCode,checked:L||r.defaultValue,placeholder:r.label,label:`${r.label} ${r.required?"*":""}`,onBlur:l,onChange:d})},r.id),[a,e,c,l,d]),Z=se((r,L,u)=>o(ie,{error:u,className:J([c,`${c}--${r.id}`,[`${c}--${r.id}-hidden`,r.isHidden],r.className]),"data-testid":`${a}--${r.id}`,disabled:e,children:o(je,{type:"text",name:r.customUpperCode,value:L??r.defaultValue,label:`${r.label} ${r.required?"*":""}`,onBlur:l,onChange:d})},r.id),[a,e,c,l,d]);return n.length?o(oe,{children:n.map(r=>{const L=t==null?void 0:t[r.customUpperCode],u=s==null?void 0:s[r.customUpperCode];switch(r.fieldType){case te.TEXT:return r.options.length?h(r,u,L):m(r,u,L);case te.MULTILINE:return m(r,u,L);case te.SELECT:return h(r,u,L);case te.DATE:return C(r,u,L);case te.BOOLEAN:return g(r,u,L);case te.TEXTAREA:return Z(r,u,L);default:return null}})}):null}),Be=({testId:e,withCard:s=!0})=>{const n=k(Se,{"data-testid":e||"skeletonLoader",children:[o(W,{variant:"heading",size:"xlarge",fullWidth:!1,lines:1}),o(W,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),o(W,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1})]});return s?n:o(Le,{variant:"secondary",className:J(["account-account-loaders","account-account-loaders--card-loader"]),children:n})},Nt=()=>k(Se,{"data-testid":"addressFormLoader",children:[o(W,{variant:"heading",size:"medium"}),o(W,{variant:"empty",size:"medium"}),o(W,{size:"large"}),o(W,{size:"large"}),o(W,{size:"large",fullWidth:!0}),o(W,{size:"large",fullWidth:!0,lines:3}),o(W,{size:"large"}),o(W,{size:"large"}),o(W,{size:"large"}),o(W,{size:"large"}),o(W,{size:"large"}),o(W,{size:"large"}),o(W,{size:"large",fullWidth:!0})]}),Tt=_e(dt(({isWaitingForResponse:e,setInputChange:s,showFormLoader:n,slots:t,name:a,loading:d,children:l,className:i="defaultForm",fieldsConfig:c,onSubmit:h,onChange:m,forwardFormRef:C,regionOptions:g,showSaveCheckBox:Z,handleSaveCheckBoxAddress:r,saveCheckBoxAddress:L})=>{const u=re({saveAddressBook:"Account.AddressForm.formText.saveAddressBook"}),{formData:$,errors:O,formRef:E,handleInputChange:F,handleBlur:S,handleSubmit:R,handleValidationSubmit:I,onFocus:B}=Et({fieldsConfig:c,onSubmit:h,onChange:m,setInputChange:s,regionOptions:g,formName:a,isWaitingForResponse:e});return lt(C,()=>{const y=he(E);return{handleValidationSubmit:I,formData:ae(y,!0)}}),n||!(c!=null&&c.length)?o(Nt,{}):k("form",{className:J(["account-form",i]),onSubmit:R,name:a,ref:E,children:[o(_t,{className:i,loading:d,fields:c,onChange:F,onBlur:S,errors:O,values:$,onFocus:B}),t!=null&&t.AddressFormInputs?o(Ee,{"data-testid":"addressFormInputs",name:"AddressFormInputs",slot:t.AddressFormInputs,context:{formActions:{handleChange:F}}}):null,Z?o("div",{className:"account-address-form--saveAddressBook",children:o(we,{"data-testid":"testSaveAddressBook",name:"saveAddressBook",label:u.saveAddressBook,checked:L,onChange:y=>{F(y),r==null||r(y)}})}):null,l]})})),be=({slots:e,selectable:s,selectShipping:n,selectBilling:t,variant:a="secondary",minifiedView:d,keysSortOrder:l,addressData:i,loading:c,setAddressId:h,handleRenderModal:m,handleRenderForm:C})=>{const g=d?"minifiedView":"fullSizeView",Z=re({actionRemove:`Account.${g}.Addresses.addressCard.actionRemove`,actionEdit:`Account.${g}.Addresses.addressCard.actionEdit`,cardLabelShipping:`Account.${g}.Addresses.addressCard.cardLabelShipping`,cardLabelBilling:`Account.${g}.Addresses.addressCard.cardLabelBilling`,defaultLabelText:`Account.${g}.Addresses.addressCard.defaultLabelText`}),r=Z.cardLabelBilling.toLocaleUpperCase(),L=Z.cardLabelShipping.toLocaleUpperCase(),u=Z.defaultLabelText.toLocaleUpperCase(),$=Me(()=>{const y={shippingLabel:L,billingLabel:r,hideShipping:!1,hideBilling:!1};return s?n&&!t?{shippingLabel:u,billingLabel:u,hideShipping:!1,hideBilling:!0}:t&&!n?{shippingLabel:u,billingLabel:u,hideShipping:!0,hideBilling:!1}:y:y},[r,u,L,t,n,s]),O=se(()=>{h==null||h(i==null?void 0:i.id),m==null||m()},[m,i==null?void 0:i.id,h]),E=se(()=>{h==null||h(i==null?void 0:i.id),C==null||C()},[C,i==null?void 0:i.id,h]),F=Me(()=>{if(!l)return[];const{region:y,...q}=i,z={...q,...y};return l.filter(({name:p})=>z[p]).map(p=>({name:p.name,orderNumber:p.orderNumber,value:z[p.name],label:p.label}))},[i,l]),{shippingLabel:S,billingLabel:R,hideShipping:I,hideBilling:B}=$;return o(Le,{variant:a,className:"account-address-card","data-testid":"addressCard",children:c?o(Be,{}):k(oe,{children:[k("div",{className:"account-address-card__action",children:[m?o(de,{type:"button",variant:"tertiary",onClick:O,"data-testid":"removeButton",children:Z.actionRemove}):null,C?o(de,{type:"button",variant:"tertiary",onClick:E,className:"account-address-card__action--editbutton","data-testid":"editButton",children:Z.actionEdit}):null]}),o("div",{className:"account-address-card__description",children:e!=null&&e.AddressCard?o(Ee,{name:"AddressCard",slot:e==null?void 0:e.AddressCard,context:{addressData:F}}):o(oe,{children:F.map((y,q)=>{const z=y.label?`${y.label}: ${y==null?void 0:y.value}`:y==null?void 0:y.value;return o("p",{"data-testid":`${y.name}_${q}`,children:z},q)})})}),(i!=null&&i.defaultShipping||i!=null&&i.defaultBilling)&&!s?k("div",{className:"account-address-card__labels",children:[i!=null&&i.defaultShipping?o(fe,{label:L}):null,i!=null&&i.defaultBilling?o(fe,{label:r}):null]}):null,s?k("div",{className:"account-address-card__labels",children:[!I&&(i!=null&&i.defaultShipping)?o(fe,{label:S}):null,!B&&(i!=null&&i.defaultBilling)?o(fe,{label:R}):null]}):null]})})},Zt=e=>G.createElement("svg",{id:"Icon_Add_Base","data-name":"Icon \\u2013 Add \\u2013 Base",xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...e},G.createElement("g",{id:"Large"},G.createElement("rect",{id:"Placement_area","data-name":"Placement area",width:24,height:24,fill:"#fff",opacity:0}),G.createElement("g",{id:"Add_icon","data-name":"Add icon",transform:"translate(9.734 9.737)"},G.createElement("line",{vectorEffect:"non-scaling-stroke",id:"Line_579","data-name":"Line 579",y2:12.7,transform:"translate(2.216 -4.087)",fill:"none",stroke:"currentColor"}),G.createElement("line",{vectorEffect:"non-scaling-stroke",id:"Line_580","data-name":"Line 580",x2:12.7,transform:"translate(-4.079 2.263)",fill:"none",stroke:"currentColor"})))),$t=e=>G.createElement("svg",{id:"Icon_Chevron_right_Base","data-name":"Icon \\u2013 Chevron right \\u2013 Base",xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...e},G.createElement("g",{id:"Large"},G.createElement("rect",{id:"Placement_area","data-name":"Placement area",width:24,height:24,fill:"#fff",opacity:0}),G.createElement("g",{id:"Chevron_right_icon","data-name":"Chevron right icon"},G.createElement("path",{vectorEffect:"non-scaling-stroke",id:"chevron",d:"M199.75,367.5l4.255,-4.255-4.255,-4.255",transform:"translate(-189.25 -351.0)",fill:"none",stroke:"currentColor"})))),Ft=e=>G.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},G.createElement("path",{d:"M3.375 7.38672C3.09886 7.38672 2.875 7.61058 2.875 7.88672C2.875 8.16286 3.09886 8.38672 3.375 8.38672V7.38672ZM5.88409 8.38672C6.16023 8.38672 6.38409 8.16286 6.38409 7.88672C6.38409 7.61058 6.16023 7.38672 5.88409 7.38672V8.38672ZM3.375 11.1836C3.09886 11.1836 2.875 11.4075 2.875 11.6836C2.875 11.9597 3.09886 12.1836 3.375 12.1836V11.1836ZM5.88409 12.1836C6.16023 12.1836 6.38409 11.9597 6.38409 11.6836C6.38409 11.4075 6.16023 11.1836 5.88409 11.1836V12.1836ZM3.375 15.6133C3.09886 15.6133 2.875 15.8371 2.875 16.1133C2.875 16.3894 3.09886 16.6133 3.375 16.6133V15.6133ZM5.88409 16.6133C6.16023 16.6133 6.38409 16.3894 6.38409 16.1133C6.38409 15.8371 6.16023 15.6133 5.88409 15.6133V16.6133ZM8.52059 16.4182C8.51422 16.6942 8.73286 16.9232 9.00893 16.9296C9.285 16.9359 9.51396 16.7173 9.52032 16.4412L8.52059 16.4182ZM9.19302 14.8261L8.70612 14.7124C8.70434 14.72 8.70274 14.7277 8.70132 14.7354L9.19302 14.8261ZM11.2762 13.3887L11.4404 13.8611L11.4499 13.8576L11.2762 13.3887ZM12.3195 13.1013C12.4035 12.8382 12.2583 12.5569 11.9953 12.4729C11.7322 12.3889 11.4509 12.5341 11.3669 12.7971L12.3195 13.1013ZM15.7342 16.4412C15.7406 16.7173 15.9695 16.9359 16.2456 16.9296C16.5217 16.9232 16.7403 16.6942 16.734 16.4182L15.7342 16.4412ZM16.0615 14.8261L16.5532 14.7354C16.5518 14.7277 16.5502 14.72 16.5484 14.7124L16.0615 14.8261ZM13.9784 13.3887L13.8046 13.8577L13.8142 13.861L13.9784 13.3887ZM13.8877 12.7971C13.8037 12.5341 13.5223 12.3889 13.2593 12.4729C12.9962 12.5569 12.8511 12.8382 12.9351 13.1013L13.8877 12.7971ZM10.9023 10.418L11.4023 10.418V10.418H10.9023ZM11.2309 8.60993L11.6861 8.81678L11.6861 8.81678L11.2309 8.60993ZM12.0518 12.7684L11.7218 13.1441L11.7682 13.1848L11.823 13.213L12.0518 12.7684ZM13.202 12.7684L13.4308 13.213L13.4787 13.1884L13.5203 13.1541L13.202 12.7684ZM3.375 8.38672H5.88409V7.38672H3.375V8.38672ZM3.375 12.1836H5.88409V11.1836H3.375V12.1836ZM3.375 16.6133H5.88409V15.6133H3.375V16.6133ZM6.41058 2.375H18.844V1.375H6.41058V2.375ZM18.844 2.375C19.4866 2.375 20.125 2.99614 20.125 3.9225H21.125C21.125 2.57636 20.1627 1.375 18.844 1.375V2.375ZM20.125 3.9225V20.0775H21.125V3.9225H20.125ZM20.125 20.0775C20.125 20.9945 19.485 21.625 18.844 21.625V22.625C20.1643 22.625 21.125 21.4105 21.125 20.0775H20.125ZM18.844 21.625H6.41058V22.625H18.844V21.625ZM6.41058 21.625C5.76792 21.625 5.12955 21.0039 5.12955 20.0775H4.12955C4.12955 21.4236 5.09185 22.625 6.41058 22.625V21.625ZM5.12955 20.0775V3.9225H4.12955V20.0775H5.12955ZM5.12955 3.9225C5.12955 3.0055 5.76956 2.375 6.41058 2.375V1.375C5.0902 1.375 4.12955 2.5895 4.12955 3.9225H5.12955ZM9.52032 16.4412C9.53194 15.9373 9.59014 15.4295 9.68473 14.9168L8.70132 14.7354C8.59869 15.2917 8.53362 15.853 8.52059 16.4182L9.52032 16.4412ZM9.67993 14.9397C9.69157 14.8899 9.78099 14.7261 10.1128 14.496C10.4223 14.2813 10.8711 14.0589 11.4404 13.861L11.112 12.9165C10.4856 13.1343 9.94827 13.3931 9.54284 13.6743C9.15974 13.94 8.80542 14.2871 8.70612 14.7124L9.67993 14.9397ZM11.4499 13.8576C11.5852 13.8074 11.7547 13.7102 11.8933 13.6105C11.9656 13.5584 12.0441 13.4954 12.1133 13.4247C12.1723 13.3646 12.2709 13.2534 12.3195 13.1013L11.3669 12.7971C11.3809 12.7532 11.3985 12.7277 11.4022 12.7225C11.407 12.7157 11.4073 12.7164 11.3993 12.7246C11.3827 12.7416 11.3525 12.7676 11.3092 12.7988C11.2674 12.8288 11.222 12.8575 11.1805 12.8808C11.1363 12.9057 11.1089 12.9175 11.1024 12.9199L11.4499 13.8576ZM16.734 16.4182C16.7209 15.853 16.6559 15.2917 16.5532 14.7354L15.5698 14.9168C15.6644 15.4295 15.7226 15.9373 15.7342 16.4412L16.734 16.4182ZM16.5484 14.7124C16.4491 14.2871 16.0948 13.94 15.7117 13.6743C15.3063 13.3931 14.769 13.1343 14.1426 12.9165L13.8142 13.861C14.3834 14.0589 14.8322 14.2813 15.1417 14.496C15.4736 14.7261 15.563 14.8899 15.5746 14.9397L16.5484 14.7124ZM14.1521 12.9199C14.1456 12.9175 14.1183 12.9057 14.074 12.8808C14.0325 12.8575 13.9871 12.8288 13.9453 12.7988C13.9021 12.7676 13.8719 12.7416 13.8552 12.7246C13.8472 12.7164 13.8476 12.7157 13.8524 12.7225C13.856 12.7277 13.8736 12.7532 13.8877 12.7971L12.9351 13.1013C12.9836 13.2534 13.0823 13.3646 13.1412 13.4247C13.2105 13.4954 13.2889 13.5584 13.3612 13.6105C13.4999 13.7102 13.6694 13.8074 13.8046 13.8576L14.1521 12.9199ZM11.4023 10.418C11.4023 9.83385 11.4811 9.26803 11.6861 8.81678L10.7757 8.40309C10.4878 9.03666 10.4023 9.76284 10.4023 10.418H11.4023ZM11.6861 8.81678C11.8053 8.55448 12.0796 8.38672 12.5813 8.38672V7.38672C11.8704 7.38672 11.1213 7.6426 10.7757 8.40309L11.6861 8.81678ZM12.5813 8.38672C13.087 8.38672 13.4614 8.60522 13.5777 8.83539L14.4703 8.38448C14.1169 7.685 13.2884 7.38672 12.5813 7.38672V8.38672ZM13.5777 8.83539C13.7606 9.19738 13.8523 9.72518 13.8523 10.418H14.8523C14.8523 9.66433 14.757 8.95213 14.4703 8.38448L13.5777 8.83539ZM12.5813 12.4492C12.5364 12.4492 12.5158 12.4464 12.5087 12.4451C12.5046 12.4444 12.5042 12.4442 12.5008 12.4428C12.4922 12.4391 12.4782 12.4321 12.438 12.4096C12.4018 12.3893 12.3471 12.358 12.2805 12.3238L11.823 13.213C11.8698 13.2371 11.9055 13.2576 11.9494 13.2821C11.9893 13.3045 12.0449 13.3354 12.1079 13.3623C12.2569 13.426 12.403 13.4492 12.5813 13.4492V12.4492ZM12.3817 12.3927C11.8273 11.9058 11.4022 11.3083 11.4023 10.418L10.4023 10.4179C10.4022 11.6973 11.0412 12.5462 11.7218 13.1441L12.3817 12.3927ZM13.8523 10.418C13.8523 11.3319 13.4575 11.9093 12.8838 12.3828L13.5203 13.1541C14.2611 12.5427 14.8523 11.7035 14.8523 10.418H13.8523ZM12.9733 12.3238C12.7638 12.4316 12.717 12.4492 12.5813 12.4492V13.4492C12.9639 13.4492 13.1869 13.3385 13.4308 13.213L12.9733 12.3238Z",fill:"#3D3D3D"})),It=e=>G.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},G.createElement("path",{d:"M12.002 21L11.8275 21.4686C11.981 21.5257 12.1528 21.5041 12.2873 21.4106C12.4218 21.3172 12.502 21.1638 12.502 21H12.002ZM3.89502 17.9823H3.39502C3.39502 18.1912 3.52485 18.378 3.72059 18.4509L3.89502 17.9823ZM3.89502 8.06421L4.07193 7.59655C3.91831 7.53844 3.74595 7.55948 3.61082 7.65284C3.47568 7.74619 3.39502 7.89997 3.39502 8.06421H3.89502ZM12.0007 21H11.5007C11.5007 21.1638 11.5809 21.3172 11.7154 21.4106C11.8499 21.5041 12.0216 21.5257 12.1751 21.4686L12.0007 21ZM20.1076 17.9823L20.282 18.4509C20.4778 18.378 20.6076 18.1912 20.6076 17.9823H20.1076ZM20.1076 8.06421H20.6076C20.6076 7.89997 20.527 7.74619 20.3918 7.65284C20.2567 7.55948 20.0843 7.53844 19.9307 7.59655L20.1076 8.06421ZM12.0007 11.1311L11.8238 10.6634C11.6293 10.737 11.5007 10.9232 11.5007 11.1311H12.0007ZM20.2858 8.53191C20.5441 8.43421 20.6743 8.14562 20.5766 7.88734C20.4789 7.62906 20.1903 7.49889 19.932 7.5966L20.2858 8.53191ZM12.002 4.94826L12.1775 4.48008C12.0605 4.43623 11.9314 4.43775 11.8154 4.48436L12.002 4.94826ZM5.87955 6.87106C5.62334 6.97407 5.49915 7.26528 5.60217 7.52149C5.70518 7.77769 5.99639 7.90188 6.2526 7.79887L5.87955 6.87106ZM18.1932 7.80315C18.4518 7.90008 18.74 7.76904 18.8369 7.51047C18.9338 7.2519 18.8028 6.96371 18.5442 6.86678L18.1932 7.80315ZM12 4.94827L11.5879 5.23148C11.6812 5.36719 11.8353 5.44827 12 5.44827C12.1647 5.44827 12.3188 5.36719 12.4121 5.23148L12 4.94827ZM14.0263 2L14.2028 1.53218C13.9875 1.45097 13.7446 1.52717 13.6143 1.71679L14.0263 2ZM21.8421 4.94827L22.2673 5.2113C22.3459 5.08422 22.3636 4.92863 22.3154 4.78717C22.2673 4.64571 22.1584 4.53319 22.0186 4.48045L21.8421 4.94827ZM9.97368 2L10.3857 1.71679C10.2554 1.52717 10.0125 1.45097 9.79721 1.53218L9.97368 2ZM2.15789 4.94827L1.98142 4.48045C1.84161 4.53319 1.73271 4.64571 1.68456 4.78717C1.63641 4.92863 1.65406 5.08422 1.73267 5.2113L2.15789 4.94827ZM12 11.1256L11.6702 11.5014C11.8589 11.667 12.1411 11.667 12.3298 11.5014L12 11.1256ZM15.0395 8.45812L14.8732 7.98659C14.8131 8.00779 14.7576 8.04028 14.7097 8.08232L15.0395 8.45812ZM23 5.65024L23.3288 6.0269C23.5095 5.86916 23.5527 5.60532 23.4318 5.39817C23.3109 5.19102 23.0599 5.09893 22.8337 5.17871L23 5.65024ZM8.96053 8.45812L9.29034 8.08232C9.24244 8.04028 9.18695 8.00779 9.12685 7.98659L8.96053 8.45812ZM1 5.65024L1.16632 5.17871C0.940115 5.09893 0.689119 5.19102 0.568192 5.39817C0.447264 5.60532 0.49048 5.86916 0.671176 6.0269L1 5.65024ZM12.1764 20.5314L4.06945 17.5137L3.72059 18.4509L11.8275 21.4686L12.1764 20.5314ZM4.39502 17.9823V8.06421H3.39502V17.9823H4.39502ZM3.71811 8.53187L11.8251 11.5987L12.1789 10.6634L4.07193 7.59655L3.71811 8.53187ZM11.502 11.1311V21H12.502V11.1311H11.502ZM12.1751 21.4686L20.282 18.4509L19.9332 17.5137L11.8262 20.5314L12.1751 21.4686ZM20.6076 17.9823V8.06421H19.6076V17.9823H20.6076ZM19.9307 7.59655L11.8238 10.6634L12.1776 11.5987L20.2845 8.53187L19.9307 7.59655ZM11.5007 11.1311V21H12.5007V11.1311H11.5007ZM19.932 7.5966L11.8251 10.6634L12.1789 11.5987L20.2858 8.53191L19.932 7.5966ZM11.8154 4.48436L5.87955 6.87106L6.2526 7.79887L12.1885 5.41217L11.8154 4.48436ZM11.8265 5.41645L18.1932 7.80315L18.5442 6.86678L12.1775 4.48008L11.8265 5.41645ZM11.502 4.94826V11.1311H12.502V4.94826H11.502ZM12.4121 5.23148L14.4384 2.28321L13.6143 1.71679L11.5879 4.66507L12.4121 5.23148ZM13.8498 2.46782L21.6656 5.4161L22.0186 4.48045L14.2028 1.53218L13.8498 2.46782ZM21.4169 4.68525L20.5485 6.08919L21.3989 6.61524L22.2673 5.2113L21.4169 4.68525ZM12.4121 4.66507L10.3857 1.71679L9.56162 2.28321L11.5879 5.23148L12.4121 4.66507ZM9.79721 1.53218L1.98142 4.48045L2.33437 5.4161L10.1502 2.46782L9.79721 1.53218ZM1.73267 5.2113L2.60109 6.61524L3.45154 6.08919L2.58312 4.68525L1.73267 5.2113ZM12.3298 11.5014L15.3693 8.83392L14.7097 8.08232L11.6702 10.7498L12.3298 11.5014ZM15.2058 8.92965L23.1663 6.12177L22.8337 5.17871L14.8732 7.98659L15.2058 8.92965ZM22.6712 5.27358L19.7764 7.80067L20.4341 8.554L23.3288 6.0269L22.6712 5.27358ZM12.3298 10.7498L9.29034 8.08232L8.63072 8.83392L11.6702 11.5014L12.3298 10.7498ZM9.12685 7.98659L1.16632 5.17871L0.83368 6.12177L8.79421 8.92965L9.12685 7.98659ZM0.671176 6.0269L3.56591 8.554L4.22356 7.80067L1.32882 5.27358L0.671176 6.0269Z",fill:"#D6D6D6"})),Fe=({selectable:e,className:s,addNewAddress:n,minifiedView:t,routeAddressesPage:a})=>{const d=t?"minifiedView":"fullSizeView",l=re({viewAllAddressesButton:`Account.${d}.Addresses.viewAllAddressesButton`,addNewAddressButton:`Account.${d}.Addresses.addNewAddressButton`,differentAddressButton:`Account.${d}.Addresses.differentAddressButton`}),i=t&&!n?l.viewAllAddressesButton:l.addNewAddressButton,c=e?l.differentAddressButton:i;return k("button",{type:"button",className:J(["account-actions-address",["account-actions-address--viewall",t],["account-actions-address--address",!t],s]),"data-testid":"showRouteFullAddress",onClick:a,children:[o("span",{className:"account-actions-address__title","data-testid":"addressActionsText",children:c}),o(Re,{source:t&&!n?$t:Zt,size:"32"})]})},Ot=({minifiedView:e,keysSortOrder:s,addressData:n,open:t,submitLoading:a,onRemoveAddress:d,closeModal:l})=>{const i=e?"minifiedView":"fullSizeView",c=re({title:`Account.${i}.Addresses.removeAddressModal.title`,description:`Account.${i}.Addresses.removeAddressModal.description`,actionCancel:`Account.${i}.Addresses.removeAddressModal.actionCancel`,actionConfirm:`Account.${i}.Addresses.removeAddressModal.actionConfirm`});return t?k(Ge,{title:o("h3",{children:c.title}),className:"account-address-modal",size:"full","data-testid":"addressModal",showCloseButton:!0,onClose:l,children:[a?o("div",{className:"account-address-modal__spinner","data-testid":"progressSpinner",children:o(Ke,{stroke:"4",size:"large"})}):null,o("p",{children:c.description}),o(be,{minifiedView:e,addressData:n,keysSortOrder:s}),k("div",{className:"account-address-modal__buttons",children:[o(de,{type:"button",onClick:l,variant:"secondary",disabled:a,children:c.actionCancel}),o(de,{disabled:a,onClick:d,children:c.actionConfirm})]})]}):null},wt=({typeList:e,isEmpty:s,minifiedView:n,className:t})=>{const a=n?"minifiedView":"fullSizeView",d=re({addressesMessage:`Account.${a}.EmptyList.Addresses.message`,ordersListMessage:`Account.${a}.EmptyList.OrdersList.message`}),l=Me(()=>{switch(e){case"address":return{icon:Ft,text:o("p",{children:d.addressesMessage})};case"orders":return{icon:It,text:o("p",{children:d.ordersListMessage})};default:return{icon:"",text:""}}},[e,d]);return!s||!e||!l.text?null:o(Je,{className:J(["account-empty-list",n?"account-empty-list--minified":"",t]),message:l.text,icon:o(Re,{source:l.icon}),"data-testid":"emptyList"})},St=async(e,s)=>{if(s.length===1){const l=s[0],c=Object.values(l.region).every(m=>!!m)?{}:{region:{...l.region,regionId:0}};return!!await Ce({addressId:Number(l==null?void 0:l.id),defaultShipping:!1,defaultBilling:!1,...c})}const n=s.filter(l=>l.id!==e&&(l.defaultBilling||l.defaultShipping)||l.id!==e),t=s[s.length-1],a=n[0]||((t==null?void 0:t.id)!==e?t:null);return!a||!a.id?!1:!!await Ce({addressId:+a.id,defaultShipping:!0,defaultBilling:!0})},Rt=["firstname","lastname","city","company","country_code","region","region_code","region_id","telephone","id","vat_id","postcode","street","street_multiline_2","default_shipping","default_billing"],Ue=(e,s,n)=>{if(s&&n||!s&&!n)return e;const t=e.slice();return s?t.sort((a,d)=>Number(d.defaultShipping)-Number(a.defaultShipping)):n?t.sort((a,d)=>Number(d.defaultBilling)-Number(a.defaultBilling)):e},ve=e=>e==null?!0:typeof e!="object"?!1:Object.keys(e).length===0||Object.values(e).every(ve),xt=({selectShipping:e,selectBilling:s,defaultSelectAddressId:n,onAddressData:t,minifiedView:a,routeAddressesPage:d,onSuccess:l})=>{const[i,c]=N(""),[h,m]=N(!1),[C,g]=N(!1),[Z,r]=N(!1),[L,u]=N(!1),[$,O]=N(!1),[E,F]=N(""),[S,R]=N([]),[I,B]=N([]),y=V(async()=>{r(!0),Promise.all([He("shortRequest"),tt()]).then(f=>{const[M,j]=f;if(M){const X=M.map(({name:D,orderNumber:ne,label:ee})=>({name:rt(D),orderNumber:ne,label:Rt.includes(D)?null:ee}));B(X)}if(j)if(a){const X=j.filter(D=>!!D.defaultShipping||!!D.defaultBilling);R(X)}else R(j)}).finally(()=>{r(!1)})},[a]);Q(()=>{y()},[y]),Q(()=>{var f;if(S.length)if(n===0)O(!0),c("0");else{const M=S.find(X=>+X.id===n)||Ue(S,e,s)[0],j={data:ae(M),isDataValid:!ve(M)};c(n.toString()||((f=M==null?void 0:M.id)==null?void 0:f.toString())),t==null||t(j)}},[S,n,t,s,e]);const q=V(f=>{F(f),O(!1)},[]),z=V((f,M)=>{const j=(f==null?void 0:f.target).value;c(j);const X={data:ae(M),isDataValid:!ve(ae(M))};t==null||t(X),j!=="0"&&O(!1)},[t]),p=V(()=>{g(!0)},[]),A=V(()=>{F(""),g(!1),m(!1)},[]),v=V(()=>{m(!0)},[]),w=V(async()=>{u(!0),await St(E,S),st(+E).then(()=>{y(),A()}).finally(()=>{u(!1)})},[S,E,A,y]),x=V(()=>{O(!1)},[]),T=V(()=>{ze(d)&&a&&!$?window.location.href=d():(O(!0),F(""))},[$,d,a]),U=V(async()=>{await y(),await(l==null?void 0:l())},[y,l]);return{keysSortOrder:I,submitLoading:L,isModalRendered:h,isFormRendered:C,loading:Z,addNewAddress:$,addressesList:S,addressId:E,handleRenderForm:p,handleRenderModal:v,removeAddress:w,onCloseBtnClick:A,setEditingAddressId:q,closeNewAddressForm:x,redirectToAddressesRoute:T,handleOnSuccess:U,handleSelectAddressOption:z,selectedAddressOption:i}},t1=_e(({hideActionFormButtons:e=!1,formName:s,slots:n,title:t="",addressFormTitle:a="",defaultSelectAddressId:d="",showFormLoader:l=!1,onAddressData:i,forwardFormRef:c,className:h,showSaveCheckBox:m=!1,saveCheckBoxValue:C=!1,selectShipping:g=!1,selectBilling:Z=!1,selectable:r=!1,withHeader:L=!0,minifiedView:u=!1,withActionsInMinifiedView:$=!1,withActionsInFullSizeView:O=!0,inputsDefaultValueSet:E,showShippingCheckBox:F=!0,showBillingCheckBox:S=!0,shippingCheckBoxValue:R=!0,billingCheckBoxValue:I=!0,routeAddressesPage:B,onSuccess:y,onError:q})=>{var K;const z=u?"minifiedView":"fullSizeView",p=re({containerTitle:`Account.${z}.Addresses.containerTitle`,differentAddressFormTitle:`Account.${z}.Addresses.differentAddressFormTitle`,editAddressFormTitle:`Account.${z}.Addresses.editAddressFormTitle`,viewAllAddressesButton:`Account.${z}.Addresses.viewAllAddressesButton`,newAddressFormTitle:`Account.${z}.Addresses.newAddressFormTitle`}),{keysSortOrder:A,submitLoading:v,isModalRendered:w,isFormRendered:x,loading:T,addNewAddress:U,addressesList:f,addressId:M,handleRenderForm:j,handleRenderModal:X,removeAddress:D,onCloseBtnClick:ne,handleOnSuccess:ee,setEditingAddressId:Ae,closeNewAddressForm:le,redirectToAddressesRoute:ce,handleSelectAddressOption:ue,selectedAddressOption:pe}=xt({defaultSelectAddressId:d,minifiedView:u,routeAddressesPage:B,onSuccess:y,onAddressData:i,selectShipping:g,selectBilling:Z}),H=s??(g&&Z?"selectedAddress":g?"selectedShippingAddress":Z?"selectedBillingAddress":"default"),P=r?k("div",{className:"account-addresses-wrapper--select-view",children:[(K=Ue(f,g,Z))==null?void 0:K.map((b,Y)=>k(Ne,{children:[o("input",{"data-testid":`radio-${Y+1}`,type:"radio",name:H,id:`${H}_${b.id}`,value:b.id,checked:pe===(b==null?void 0:b.id.toString()),onChange:ge=>ue(ge,b)}),o("label",{htmlFor:`${H}_${b.id}`,className:"account-addresses-wrapper__label",children:o(be,{slots:n,selectable:r,selectShipping:g,selectBilling:Z,minifiedView:u,addressData:b,keysSortOrder:A,loading:T})})]},b.id)),o("input",{"data-testid":"radio-0",type:"radio",name:H,id:`${H}_addressActions`,value:"0",checked:pe==="0",onChange:b=>ue(b,{})}),o("label",{htmlFor:`${H}_addressActions`,className:"account-addresses-wrapper__label",children:U?o("div",{className:J(["account-addresses-form__footer__wrapper",["account-addresses-form__footer__wrapper-show",U]]),children:o(me,{hideActionFormButtons:e,formName:H,showFormLoader:l,isOpen:U,forwardFormRef:c,showSaveCheckBox:m,saveCheckBoxValue:C,shippingCheckBoxValue:R,billingCheckBoxValue:I,addressesFormTitle:a||p.differentAddressFormTitle,inputsDefaultValueSet:E,showShippingCheckBox:F,showBillingCheckBox:S,onCloseBtnClick:le,onSuccess:ee,onError:q,onChange:i})}):f!=null&&f.length?o(Fe,{selectable:r,minifiedView:u,addNewAddress:U,routeAddressesPage:ce}):null})]}):k(oe,{children:[f.map(b=>o(Ne,{children:M===b.id&&x?o(Le,{variant:"secondary",style:{marginBottom:20},children:o(me,{isOpen:M===b.id&&x,addressFormId:M,inputsDefaultValueSet:b,addressesFormTitle:p.editAddressFormTitle,showShippingCheckBox:F,showBillingCheckBox:S,shippingCheckBoxValue:R,billingCheckBoxValue:I,onCloseBtnClick:ne,onSuccess:ee,onError:q})}):o(be,{slots:n,minifiedView:u,addressData:b,keysSortOrder:A,loading:T,setAddressId:Ae,handleRenderModal:u&&$||!u&&O?X:void 0,handleRenderForm:u&&$||!u&&O?j:void 0},b.id)},b.id)),o("div",{className:"account-addresses__footer",children:U?o(Le,{variant:"secondary",children:o(me,{isOpen:U,addressesFormTitle:p.newAddressFormTitle,inputsDefaultValueSet:E,showShippingCheckBox:!!(f!=null&&f.length),showBillingCheckBox:!!(f!=null&&f.length),shippingCheckBoxValue:R,billingCheckBoxValue:I,onCloseBtnClick:le,onSuccess:ee,onError:q})}):o(Fe,{minifiedView:u,addNewAddress:U,routeAddressesPage:ce})})]});return k("div",{children:[o("div",{children:L?o(Xe,{title:t||p.containerTitle,divider:!u,className:u?"account-addresses-header":""}):null}),k("div",{className:J(["account-addresses-wrapper",h]),"data-testid":"addressesIdWrapper",children:[o(Ot,{minifiedView:u,addressData:f==null?void 0:f.find(b=>b.id===M),keysSortOrder:A,submitLoading:v,open:w,closeModal:ne,onRemoveAddress:D}),T?o(Be,{testId:"addressSkeletonLoader",withCard:!1}):r?o(me,{hideActionFormButtons:e,formName:H,isOpen:!(f!=null&&f.length),forwardFormRef:c,showSaveCheckBox:m,saveCheckBoxValue:C,shippingCheckBoxValue:R,billingCheckBoxValue:I,inputsDefaultValueSet:E,showShippingCheckBox:F,showBillingCheckBox:S,onCloseBtnClick:le,onSuccess:ee,onError:q,onChange:i}):o(wt,{isEmpty:!(f!=null&&f.length),typeList:"address",minifiedView:u}),P]})]})}),ke={entityType:"CUSTOMER_ADDRESS",isUnique:!1,options:[],multilineCount:0,validateRules:[],defaultValue:!1,fieldType:te.BOOLEAN,className:"",required:!1,orderNumber:90,isHidden:!1},Ht={...ke,label:"Set as default shipping address",name:"default_shipping",id:"default_shipping",code:"default_shipping",customUpperCode:"defaultShipping"},Vt={...ke,label:"Set as default billing address",name:"default_billing",id:"default_billing",code:"default_billing",customUpperCode:"defaultBilling"},zt=(e,s)=>s==null?void 0:s.map(n=>{const t={...e,firstName:e.firstname??e.firstName,lastName:e.lastname??e.lastName},a=JSON.parse(JSON.stringify(n));if(Object.hasOwn(t,n.customUpperCode)){const d=t[n.customUpperCode];n.customUpperCode==="region"&&typeof d=="object"?a.defaultValue=d.regionCode&&d.regionId?`${d.regionCode},${d.regionId}`:d.region??d.regionCode:a.defaultValue=d}return a}),Ie=e=>{if(!e)return null;const s=new FormData(e);if(e.querySelectorAll('input[type="checkbox"]').forEach(t=>{s.has(t.name)||s.set(t.name,"false"),t.checked&&s.set(t.name,"true")}),s&&typeof s.entries=="function"){const t=s.entries();if(t&&typeof t[Symbol.iterator]=="function")return JSON.parse(JSON.stringify(Object.fromEntries(t)))||{}}return{}},Bt=({fields:e,addressId:s,countryOptions:n,disableField:t,regionOptions:a,isRequiredRegion:d,isRequiredPostCode:l})=>e.filter(c=>!(s&&(c.customUpperCode==="defaultShipping"||c.customUpperCode==="defaultBilling")&&c.defaultValue)).map(c=>c.customUpperCode==="countryCode"?{...c,options:n,disabled:t}:c.customUpperCode==="postcode"?{...c,required:l}:c.customUpperCode==="region"?{...c,options:a,required:d,disabled:t}:c),Ut=(e,s="address")=>{const n=s==="address"?["region","city","company","countryCode","countryId","defaultBilling","defaultShipping","fax","firstName","lastName","middleName","postcode","prefix","street","suffix","telephone","vatId","addressId"]:["email","firstName","lastName","middleName","gender","dob","dateOfBirth","prefix","suffix"],t={},a=[];return Object.keys(e).forEach(d=>{n.includes(d)?t[d]=e[d]:a.push({attribute_code:xe(d),value:e[d]})}),a.length>0&&(t.custom_attributesV2=a),t},Oe=e=>{const s=["street","streetMultiline_1","streetMultiline_2"],n=["on","off","true","false"],t=[],a={};for(const r in e){const L=e[r];n.includes(L)&&(a[r]=Ve(L)),s.includes(r)&&t.push(L)}const{street:d,streetMultiline_2:l,streetMultiline_1:i,region:c,...h}=e,[m,C]=c?c.split(","):[void 0,void 0],g=C&&m?{regionId:+C,regionCode:m}:{region:m};return Ut({...h,...a,region:{...g},street:t})},kt=(e,s)=>{const n={};for(const t in e)if(Object.prototype.hasOwnProperty.call(e,t)){const a=e[t];if(t==="region"&&a.regionId){const d=s.find(l=>(l==null?void 0:l.id)===a.regionId);d?n[t]={...a,text:d.text}:n[t]=a}else Array.isArray(a)?(n[t]=a[0]||"",a.slice(1).forEach((d,l)=>{n[`${t}Multiline_${l+2}`]=d})):n[t]=a}return n},qt=(e,s)=>e&&Object.keys(e).length>0?e:s&&Object.keys(s).length>0?s:{},Pt=({showFormLoader:e,showSaveCheckBox:s,saveCheckBoxValue:n,addressFormId:t,billingCheckBoxValue:a,shippingCheckBoxValue:d,showShippingCheckBox:l,showBillingCheckBox:i,inputsDefaultValueSet:c,onCloseBtnClick:h,onSuccess:m,onError:C,formName:g})=>{const[Z,r]=N({text:"",type:"success"}),[L,u]=N(e??!1),[$,O]=N(t||""),[E,F]=N([]),[S,R]=N([]),[I,B]=N([]),[y,q]=N([]),[z,p]=N([]),[A,v]=N(!1),[w,x]=N(!1),[T,U]=N(()=>{var H,P;const _=sessionStorage.getItem(`${g}_addressData`);return _?{countryCode:(P=(H=JSON.parse(_))==null?void 0:H.data)==null?void 0:P.countryCode}:c}),[f,M]=N(!1),[j,X]=N(!1),[D,ne]=N(()=>{var P,K;const _=sessionStorage.getItem(`${g}_addressData`);return _?(K=(P=JSON.parse(_))==null?void 0:P.data)==null?void 0:K.saveAddressBook:n}),ee=V(_=>{ne(_.target.checked)},[]);Q(()=>{He($?"customer_address_edit":"customer_register_address").then(_=>{F(_)})},[$]),Q(()=>{M(!0),nt().then(({availableCountries:_,countriesWithRequiredRegion:H,optionalZipCountries:P})=>{R(_),q(H),p(P),M(!1)})},[]),Q(()=>{if(T!=null&&T.countryCode){M(!0),X(!0);const _=T==null?void 0:T.countryCode;at(_).then(H=>{B(H);const P=y.find(b=>b===_),K=z.find(b=>b===_);v(!!P),x(!K),M(!1),X(!1)})}},[T==null?void 0:T.countryCode,y,z]);const Ae=V(()=>{r({text:"",type:"success"}),h==null||h()},[h]),le=V(async(_,H)=>{if(!H)return null;u(!0);const P=Ie(_.target),K=Oe(P);await Ce(K).then(()=>{var b;m==null||m(),h==null||h(),(b=_==null?void 0:_.target)==null||b.reset()}).catch(b=>{r(Y=>({...Y,text:b.message,type:"error"})),C==null||C(b)}).finally(()=>{O(""),u(!1)})},[h,C,m]),ce=V(async(_,H)=>{if(!H)return;u(!0);const{saveAddressBook:P,...K}=Ie(_.target),b=Oe(K);await ot(b).then(()=>{var Y;m==null||m(),h==null||h(),(Y=_==null?void 0:_.target)==null||Y.reset()}).catch(Y=>{r(ge=>({...ge,text:Y.message,type:"error"})),C==null||C(Y)}).finally(()=>{O(""),u(!1)})},[h,C,m]),ue=Qe(()=>{if(!E.length)return[];const _={...Ht,defaultValue:d,isHidden:s&&!D?!0:!l},H={...Vt,defaultValue:a,isHidden:s&&!D?!0:!i},P=[...E,_,H],K=sessionStorage.getItem(`${g}_addressData`),b=K?kt(JSON.parse(K).data,I):{},Y=zt(qt(b,c),P);return Bt({fields:Y,addressId:$,countryOptions:S,disableField:f,regionOptions:I,isRequiredRegion:A,isRequiredPostCode:w})},[E,d,s,D,l,a,i,g,I,c,$,S,f,A,w]),pe=V(_=>{U(H=>({...H,..._}))},[]);return{isWaitingForResponse:j,regionOptions:I,saveCheckBoxAddress:D,inLineAlert:Z,addressId:$,submitLoading:L,normalizeFieldsConfig:ue,handleSaveCheckBoxAddress:ee,handleUpdateAddress:le,handleCreateAddress:ce,handleOnCloseForm:Ae,handleInputChange:pe}},Wt=({hideActionFormButtons:e,formName:s="",showFormLoader:n=!1,showSaveCheckBox:t=!1,saveCheckBoxValue:a=!1,forwardFormRef:d,slots:l,addressesFormTitle:i,className:c,addressFormId:h,inputsDefaultValueSet:m,showShippingCheckBox:C=!0,showBillingCheckBox:g=!0,shippingCheckBoxValue:Z=!0,billingCheckBoxValue:r=!0,isOpen:L,onSubmit:u,onCloseBtnClick:$,onSuccess:O,onError:E,onChange:F})=>{const S=re({secondaryButton:"Account.AddressForm.formText.secondaryButton",primaryButton:"Account.AddressForm.formText.primaryButton",saveAddressBook:"Account.AddressForm.formText.saveAddressBook"}),{isWaitingForResponse:R,inLineAlert:I,addressId:B,submitLoading:y,normalizeFieldsConfig:q,handleUpdateAddress:z,handleCreateAddress:p,handleOnCloseForm:A,handleSaveCheckBoxAddress:v,saveCheckBoxAddress:w,handleInputChange:x,regionOptions:T}=Pt({showFormLoader:n,addressFormId:h,inputsDefaultValueSet:m,shippingCheckBoxValue:Z,billingCheckBoxValue:r,showShippingCheckBox:C,showBillingCheckBox:g,saveCheckBoxValue:a,showSaveCheckBox:t,onSuccess:O,onError:E,onCloseBtnClick:$,formName:s});return L?k("div",{className:J(["account-address-form-wrapper",c]),children:[i?o("div",{className:"account-address-form-wrapper__title","data-testid":"addressesFormTitle",children:i}):null,I.text?o(De,{"data-testid":"inLineAlert",className:"account-address-form-wrapper__notification",type:I.type,variant:"secondary",heading:I.text,icon:I.icon}):null,k(Tt,{regionOptions:T,forwardFormRef:d,slots:l,className:"account-address-form",name:s||"addressesForm",fieldsConfig:q,onSubmit:u||(B?z:p),setInputChange:x,loading:y,showFormLoader:n,showSaveCheckBox:t,handleSaveCheckBoxAddress:v,saveCheckBoxAddress:w,onChange:F,isWaitingForResponse:R,children:[B?o("input",{type:"hidden",name:"addressId",value:B,"data-testid":"hidden_test_id"}):null,e?null:o("div",{className:J(["dropin-field account-address-form-wrapper__buttons",["account-address-form-wrapper__buttons--empty",t]]),children:l!=null&&l.AddressFormActions?o(Ee,{"data-testid":"addressFormActions",name:"AddressFormActions",slot:l.AddressFormActions,context:{handleUpdateAddress:z,handleCreateAddress:p,addressId:B}}):o(oe,{children:t?null:k(oe,{children:[o(de,{type:"button",onClick:A,variant:"secondary",disabled:y,children:S.secondaryButton}),o(de,{disabled:y,children:S.primaryButton})]})})})]})]}):null};export{me as A,Be as C,wt as E,$t as S,t1 as a,ze as c};
@@ -32,7 +32,7 @@ import{events as C}from"@dropins/tools/event-bus.js";import{FetchGraphQL as T}fr
32
32
  }
33
33
  `,p=`
34
34
  query GET_ATTRIBUTES_FORM_SHORT {
35
- attributesForm(formCode: customer_register_address) {
35
+ attributesForm(formCode: "customer_register_address") {
36
36
  items {
37
37
  frontend_input
38
38
  label
@@ -50,7 +50,7 @@ import{events as C}from"@dropins/tools/event-bus.js";import{FetchGraphQL as T}fr
50
50
  firstname
51
51
  }
52
52
  }
53
- `,L=async t=>await s(I,{method:"POST",variables:{input:a(t,"snakeCase",{customAttributesV2:"custom_attributesV2",firstName:"firstname",lastName:"lastname"})}}).then(e=>{var r,n,o;return(r=e.errors)!=null&&r.length?h(e.errors):((o=(n=e==null?void 0:e.data)==null?void 0:n.createCustomerAddress)==null?void 0:o.firstname)||""}).catch(f),M=`
53
+ `,L=async t=>await s(I,{method:"POST",variables:{input:a(t,"snakeCase",{custom_attributesV2:"custom_attributesV2",firstName:"firstname",lastName:"lastname"})}}).then(e=>{var r,n,o;return(r=e.errors)!=null&&r.length?h(e.errors):((o=(n=e==null?void 0:e.data)==null?void 0:n.createCustomerAddress)==null?void 0:o.firstname)||""}).catch(f),M=`
54
54
  query GET_CUSTOMER_ADDRESS {
55
55
  customer {
56
56
  addresses {
@@ -80,7 +80,7 @@ import{events as C}from"@dropins/tools/event-bus.js";import{FetchGraphQL as T}fr
80
80
  }
81
81
  }
82
82
  }
83
- `,P=async()=>await s(M,{method:"GET",cache:"force-cache"}).then(t=>{var e;return(e=t.errors)!=null&&e.length?h(t.errors):$(t)}).catch(f),N=`
83
+ `,P=async()=>await s(M,{method:"GET",cache:"no-cache"}).then(t=>{var e;return(e=t.errors)!=null&&e.length?h(t.errors):$(t)}).catch(f),N=`
84
84
  query GET_COUNTRIES_QUERY {
85
85
  countries {
86
86
  two_letter_abbreviation
@@ -109,8 +109,8 @@ import{events as C}from"@dropins/tools/event-bus.js";import{FetchGraphQL as T}fr
109
109
  firstname
110
110
  }
111
111
  }
112
- `,K=async t=>{const{addressId:e,...r}=t;return e?await s(w,{method:"POST",variables:{id:e,input:a(r,"snakeCase",{customAttributesV2:"custom_attributesV2",firstName:"firstname",lastName:"lastname"})}}).then(n=>{var o,i,c;return(o=n.errors)!=null&&o.length?h(n.errors):((c=(i=n==null?void 0:n.data)==null?void 0:i.updateCustomerAddress)==null?void 0:c.firstname)||""}).catch(f):""},q=`
112
+ `,K=async t=>{const{addressId:e,...r}=t;return e?await s(w,{method:"POST",variables:{id:e,input:a(r,"snakeCase",{custom_attributesV2:"custom_attributesV2",firstName:"firstname",lastName:"lastname"})}}).then(n=>{var o,i,c;return(o=n.errors)!=null&&o.length?h(n.errors):((c=(i=n==null?void 0:n.data)==null?void 0:i.updateCustomerAddress)==null?void 0:c.firstname)||""}).catch(f):""},q=`
113
113
  mutation REMOVE_CUSTOMER_ADDRESS($id: Int!) {
114
114
  deleteCustomerAddress(id:$id)
115
115
  }
116
- `,W=async t=>await s(q,{method:"POST",variables:{id:t}}).then(e=>{var r;return(r=e.errors)!=null&&r.length?h(e.errors):e.data.deleteCustomerAddress}).catch(f);export{f as a,B as b,j as c,H as d,L as e,s as f,k as g,h,P as i,z as j,Z as k,W as l,a as m,b as n,Q as r,x as s,O as t,K as u};
116
+ `,W=async t=>await s(q,{method:"POST",variables:{id:t}}).then(e=>{var r;return(r=e.errors)!=null&&r.length?h(e.errors):e.data.deleteCustomerAddress}).catch(f);export{f as a,B as b,j as c,H as d,L as e,s as f,k as g,h,P as i,z as j,Z as k,W as l,a as m,R as n,b as o,Q as r,x as s,O as t,K as u};
@@ -1,2 +1,3 @@
1
1
  export declare const defaultAttributePreset: string[];
2
+ export declare const defaultAccountAttributePreset: string[];
2
3
  //# sourceMappingURL=defaultAttributePreset.config.d.ts.map
@@ -1 +1 @@
1
- import{jsx as s}from"@dropins/tools/preact-jsx-runtime.js";import{classes as y}from"@dropins/tools/lib.js";import{a as z}from"../chunks/AddressFormWrapper.js";import"@dropins/tools/preact-compat.js";import"@dropins/tools/components.js";import"@dropins/tools/preact-hooks.js";import"@dropins/tools/event-bus.js";import"../chunks/removeCustomerAddress.js";import"@dropins/tools/fetch-graphql.js";import"@dropins/tools/i18n.js";import"@dropins/tools/preact.js";const M=({slots:t,title:o,addressFormTitle:i,defaultSelectAddressId:d,showFormLoader:e,forwardFormRef:p,showSaveCheckBox:m,saveCheckBoxValue:a,selectShipping:f,selectBilling:n,selectable:c,className:r,withHeader:l,minifiedView:u,withActionsInMinifiedView:x,withActionsInFullSizeView:A,inputsDefaultValueSet:h,showShippingCheckBox:j,showBillingCheckBox:v,shippingCheckBoxValue:W,billingCheckBoxValue:b,onAddressData:g,routeAddressesPage:k,onSuccess:q,onError:w})=>s("div",{className:y(["dropin-addresses",r]),"data-testid":"addressesid",children:s(z,{slots:t,title:o,addressFormTitle:i,defaultSelectAddressId:d,showFormLoader:e,onAddressData:g,forwardFormRef:p,selectShipping:f,selectBilling:n,showSaveCheckBox:m,saveCheckBoxValue:a,selectable:c,className:r,withHeader:l,minifiedView:u,withActionsInMinifiedView:x,withActionsInFullSizeView:A,inputsDefaultValueSet:h,billingCheckBoxValue:b,shippingCheckBoxValue:W,showBillingCheckBox:v,showShippingCheckBox:j,routeAddressesPage:k,onSuccess:q,onError:w})});export{M as Addresses,M as default};
1
+ import{jsx as s}from"@dropins/tools/preact-jsx-runtime.js";import{classes as B}from"@dropins/tools/lib.js";import{a as C}from"../chunks/AddressFormWrapper.js";import"@dropins/tools/preact-compat.js";import"@dropins/tools/components.js";import"@dropins/tools/preact-hooks.js";import"@dropins/tools/event-bus.js";import"../chunks/removeCustomerAddress.js";import"@dropins/tools/fetch-graphql.js";import"@dropins/tools/i18n.js";import"@dropins/tools/preact.js";const O=({hideActionFormButtons:t,formName:o,slots:e,title:i,addressFormTitle:d,defaultSelectAddressId:m,showFormLoader:p,forwardFormRef:a,showSaveCheckBox:c,saveCheckBoxValue:f,selectShipping:n,selectBilling:l,selectable:u,className:r,withHeader:x,minifiedView:A,withActionsInMinifiedView:h,withActionsInFullSizeView:j,inputsDefaultValueSet:v,showShippingCheckBox:W,showBillingCheckBox:b,shippingCheckBoxValue:g,billingCheckBoxValue:k,onAddressData:q,routeAddressesPage:w,onSuccess:y,onError:z})=>s("div",{className:B(["account-addresses",r]),"data-testid":"addressesid",children:s(C,{hideActionFormButtons:t,formName:o,slots:e,title:i,addressFormTitle:d,defaultSelectAddressId:m,showFormLoader:p,onAddressData:q,forwardFormRef:a,selectShipping:n,selectBilling:l,showSaveCheckBox:c,saveCheckBoxValue:f,selectable:u,className:r,withHeader:x,minifiedView:A,withActionsInMinifiedView:h,withActionsInFullSizeView:j,inputsDefaultValueSet:v,billingCheckBoxValue:k,shippingCheckBoxValue:g,showBillingCheckBox:b,showShippingCheckBox:W,routeAddressesPage:w,onSuccess:y,onError:z})});export{O as Addresses,O as default};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as h,Fragment as w}from"@dropins/tools/preact-jsx-runtime.js";import{classes as b,Slot as T}from"@dropins/tools/lib.js";import{S as P,c as B,E as F,C as _}from"../chunks/AddressFormWrapper.js";import"@dropins/tools/preact-compat.js";import{Card as H,Icon as k,ContentGrid as K,Image as V,Header as q,Picker as J,Pagination as W}from"@dropins/tools/components.js";import{useText as x}from"@dropins/tools/i18n.js";import{useState as v,useEffect as M,useMemo as j,useCallback as z}from"@dropins/tools/preact-hooks.js";import"@dropins/tools/event-bus.js";import{g as G}from"../chunks/getOrderHistoryList.js";import"../chunks/removeCustomerAddress.js";import"@dropins/tools/fetch-graphql.js";import"@dropins/tools/preact.js";const Y={size:"32",stroke:"2"},E=({minifiedView:i,orderNumber:r,orderToken:t,routeOrdersList:s,routeOrderDetails:n})=>{const d=i?"minifiedView":"fullSizeView",l=x({viewAllOrdersButton:`Account.${d}.OrdersList.viewAllOrdersButton`,ariaLabelLink:`Account.${d}.OrdersList.ariaLabelLink`});return s?e("a",{className:b(["dropin-orders-list-action",["dropin-orders-list-action--minifiedView",i]]),"data-testid":"ordersListActionButtonMinifiedView",href:s(),children:e(H,{"data-testid":"ordersListActionMinifiedView",variant:"secondary",children:h("div",{className:"dropin-orders-list-action__card-wrapper",children:[e("p",{children:l.viewAllOrdersButton}),e(k,{source:P,...Y})]})})}):e("a",{"aria-label":`${l.ariaLabelLink} ${r??t}`,href:B(n)?n(r,t):"#",className:"dropin-orders-list-action","data-testid":"ordersListActionButton",children:e(k,{source:P,...Y})})},R=()=>{const[i,r]=v(window.innerWidth<768);return M(()=>{const t=()=>{r(window.innerWidth<768)};return window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t)}},[]),i},U=({minifiedView:i,item:r,withThumbnails:t,children:s,slots:n,routeTracking:d,...l})=>{var o,A,c,C,y,N;const u=i?"minifiedView":"fullSizeView",p=x({orderNumber:`Account.${u}.OrdersList.OrdersListCard.orderNumber`,itemsAmount:`Account.${u}.OrdersList.OrdersListCard.itemsAmount`,carrier:`Account.${u}.OrdersList.OrdersListCard.carrier`,deliveryDateText:`Account.${u}.OrdersList.OrdersListCard.orderDate`}),O=R();return h(H,{variant:"secondary",...l,className:b(["dropin-orders-list-card",["dropin-orders-list-card--full",((o=r==null?void 0:r.items)==null?void 0:o.length)>6]]),children:[e("div",{className:"dropin-orders-list-card--content",children:n!=null&&n.OrdersListCard?e(T,{"data-testid":`ordersListCard${r.id}`,name:"OrdersListCard",slot:n==null?void 0:n.OrdersListCard,context:{orderHistoryListItem:r}}):h(w,{children:[e("div",{children:r==null?void 0:r.status}),h("p",{children:[p.deliveryDateText," ",r==null?void 0:r.orderDate]}),h("p",{children:[p.orderNumber," ",r.number]}),(A=r==null?void 0:r.shipments)==null?void 0:A.map(a=>{var L;return(L=a==null?void 0:a.tracking)==null?void 0:L.map(f=>h("p",{"data-testid":f.number,children:[e("span",{children:`${p.carrier} ${f.carrier.toLocaleUpperCase()} `}),e("a",{href:(d==null?void 0:d(f))??"",className:"dropin-orders-list-card--content--track_number",children:f.number})]},a.id))}),h("p",{children:["$",(c=r==null?void 0:r.total)==null?void 0:c.grandTotal.value]}),h("p",{"data-testid":"itemsAmount",children:[((C=r==null?void 0:r.items)==null?void 0:C.length)??0," ",p.itemsAmount]}),(y=r==null?void 0:r.items)==null?void 0:y.map((a,L)=>{if(L>=0&&L<10)return h("p",{className:"dropin-orders-list-card--content--product-name",children:[h("span",{className:"dropin-orders-list-card--content--quantity",children:[(a==null?void 0:a.quantityOrdered)>1?a==null?void 0:a.quantityOrdered:null," "]}),a==null?void 0:a.productName.replaceAll("-"," ")]},`${L}_${a.id}`);if(L===11)return e("p",{children:"..."},"ellipsis")})]})}),t&&((N=r==null?void 0:r.items)!=null&&N.length)?e(K,{maxColumns:O?3:9,emptyGridContent:e(w,{}),className:b(["dropin-orders-list-card--images",["dropin-orders-list-card--images-3",O]]),"data-testid":"ordersListCardImages",children:r.items.map((a,L)=>{var $;const f=($=a==null?void 0:a.product)==null?void 0:$.smallImage.url,g=a==null?void 0:a.productName;return e(V,{src:f,width:65,height:65,alt:g},a.id+L)})}):null,e("div",{className:"dropin-orders-list-card--actions",children:s})]})},Q=({ordersInMinifiedView:i,minifiedView:r,pageSize:t,selectedDate:s,selectedPage:n,handleSetFirstOrderDate:d})=>{const[l,u]=v([]),[p,O]=v({totalPages:1,currentPage:1,pageSize:1}),[o,A]=v(!1);return M(()=>{A(!0),G(r?i:t,s,n).then(c=>{!c||!c.items||(O(c.pageInfo),u(c.items),d==null||d(c.dateOfFirstOrder))}).finally(()=>{A(!1)})},[d,r,i,t,s,n]),{loading:o,orderHistoryListItems:l,pageInfo:p}},m=(i,r=1)=>{const t=new Date,s=new Date(t);switch(i){case"sixMonthsAgo":{s.setMonth(s.getMonth()-r);break}case"oneYearAgo":{s.setFullYear(s.getFullYear()-r);break}default:return""}return{from:s==null?void 0:s.toISOString().split("T")[0],to:`${t==null?void 0:t.toISOString().split("T")[0]} 23:59:59`}},X=i=>{const r=[],t=new Date().getFullYear();for(let s=i;s<=t-1;s++)r.push({value:`{"from":"${s}-01-01","to":"${s+1}-01-01 23:59:59"}`,text:s.toString()});return r},Z=()=>{const i=x({pastSixMonths:"Account.fullSizeView.OrdersList.OrdersListSelectDate.pastSixMonths",currentYear:"Account.fullSizeView.OrdersList.OrdersListSelectDate.currentYear",viewAll:"Account.fullSizeView.OrdersList.OrdersListSelectDate.viewAll"}),[r,t]=v(),[s,n]=v(JSON.stringify(m("sixMonthsAgo",6))),[d,l]=v(1);M(()=>{window==null||window.scrollTo({top:100,behavior:"smooth"})},[d]);const u=j(()=>{const o=[{value:JSON.stringify(m("sixMonthsAgo",6)),text:i.pastSixMonths},{value:JSON.stringify(m("oneYearAgo",1)),text:i.currentYear},{value:"viewAll",text:i.viewAll}];if(r){const c=new Date(r).getFullYear();o==null||o.splice(2,0,...X(c))}return o},[i,r]),p=z(o=>{t(o)},[]),O=z(o=>{const c=o.target.value;n(c),l(1)},[]);return{selectableDateList:u,selectedDate:s,selectedPage:d,handleSelectDate:O,setSelectedPage:l,handleSetFirstOrderDate:p}},rr=({className:i,withHeader:r=!0,minifiedView:t=!1,withThumbnails:s=!0,withFilter:n=!0,ordersInMinifiedView:d=1,pageSize:l=10,routeOrdersList:u,routeOrderDetails:p,routeTracking:O,slots:o})=>{const c=x({containerTitle:`Account.${t?"minifiedView":"fullSizeView"}.OrdersList.containerTitle`}),{selectableDateList:C,selectedDate:y,handleSelectDate:N,selectedPage:a,setSelectedPage:L,handleSetFirstOrderDate:f}=Z(),{pageInfo:g,loading:$,orderHistoryListItems:D}=Q({minifiedView:t,pageSize:l,ordersInMinifiedView:d,selectedDate:y,selectedPage:a,handleSetFirstOrderDate:f});return h("div",{children:[r?e(q,{"aria-label":c.containerTitle,role:"region",title:c.containerTitle,divider:!t,className:t?"dropin-orders-list-header":""}):null,h("div",{className:b(["dropin-orders-list",i]),children:[!t&&n?e("div",{className:"dropin-orders-list--date-select",children:e(J,{value:y,name:"orderDatePicker",options:C,handleSelect:N})}):null,$?e(w,{children:Array.from(Array(g==null?void 0:g.pageSize).keys()).map(S=>e(_,{testId:"orderSkeletonLoader",withCard:!1},S))}):e(w,{children:D.length?e(w,{children:D.map((S,I)=>e(U,{routeTracking:O,minifiedView:t,item:S,withThumbnails:s,slots:o,children:o!=null&&o.OrdersListAction?e(T,{"data-testid":`ordersListActionSlot_${I}`,name:"OrdersListAction",slot:o==null?void 0:o.OrdersListAction,context:{orderHistoryListItem:S}}):e(E,{minifiedView:t,orderNumber:S.number,orderToken:S.token,routeOrderDetails:p})},I))}):e(F,{isEmpty:!D.length,typeList:"orders",minifiedView:t})}),!t&&(g==null?void 0:g.totalPages)>1?e(W,{totalPages:g==null?void 0:g.totalPages,currentPage:a,onChange:L}):null,t?e(E,{minifiedView:t,routeOrdersList:u}):null]})]})},hr=({className:i,withHeader:r,minifiedView:t,withThumbnails:s,withFilter:n,ordersInMinifiedView:d,pageSize:l,routeOrdersList:u,routeOrderDetails:p,routeTracking:O,slots:o})=>e("div",{className:b(["dropin-orders-list",i]),"data-testid":"ordersListId",children:e(rr,{className:i,withHeader:r,minifiedView:t,withThumbnails:s,withFilter:n,ordersInMinifiedView:d,pageSize:l,routeOrdersList:u,routeOrderDetails:p,routeTracking:O,slots:o})});export{hr as OrdersList,hr as default};
1
+ import{jsx as s,jsxs as f,Fragment as C}from"@dropins/tools/preact-jsx-runtime.js";import{classes as N,Slot as H}from"@dropins/tools/lib.js";import{S as m,c as B,E as K,C as V}from"../chunks/AddressFormWrapper.js";import"@dropins/tools/preact-compat.js";import{Card as F,Icon as z,ContentGrid as q,Image as Y,Header as J,Picker as R,Pagination as W}from"@dropins/tools/components.js";import{useText as x}from"@dropins/tools/i18n.js";import{useState as O,useEffect as I,useMemo as j,useCallback as P}from"@dropins/tools/preact-hooks.js";import"@dropins/tools/event-bus.js";import{g as G}from"../chunks/getOrderHistoryList.js";import"../chunks/removeCustomerAddress.js";import"@dropins/tools/fetch-graphql.js";import"@dropins/tools/preact.js";const E={size:"32",stroke:"2"},T=({minifiedView:c,orderNumber:r,orderToken:t,routeOrdersList:e,routeOrderDetails:n})=>{const i=c?"minifiedView":"fullSizeView",l=x({viewAllOrdersButton:`Account.${i}.OrdersList.viewAllOrdersButton`,ariaLabelLink:`Account.${i}.OrdersList.ariaLabelLink`});return e?s("a",{className:N(["account-orders-list-action",["account-orders-list-action--minifiedView",c]]),"data-testid":"ordersListActionButtonMinifiedView",href:e(),children:s(F,{"data-testid":"ordersListActionMinifiedView",variant:"secondary",children:f("div",{className:"account-orders-list-action__card-wrapper",children:[s("p",{children:l.viewAllOrdersButton}),s(z,{source:m,...E})]})})}):s("a",{"aria-label":`${l.ariaLabelLink} ${r??t}`,href:B(n)?n(r,t):"#",className:"account-orders-list-action","data-testid":"ordersListActionButton",children:s(z,{source:m,...E})})},U=()=>{const[c,r]=O(window.innerWidth<768);return I(()=>{const t=()=>{r(window.innerWidth<768)};return window.addEventListener("resize",t),()=>{window.removeEventListener("resize",t)}},[]),c},Q=({minifiedView:c,item:r,withThumbnails:t,children:e,slots:n,routeTracking:i,routeOrderProduct:l,...A})=>{var h,y,_,w,$,b;const L=c?"minifiedView":"fullSizeView",p=x({orderNumber:`Account.${L}.OrdersList.OrdersListCard.orderNumber`,itemsAmount:`Account.${L}.OrdersList.OrdersListCard.itemsAmount`,carrier:`Account.${L}.OrdersList.OrdersListCard.carrier`,deliveryDateText:`Account.${L}.OrdersList.OrdersListCard.orderDate`}),o=U(),u=B(l);return f(F,{variant:"secondary",...A,className:N(["account-orders-list-card",["account-orders-list-card--full",((h=r==null?void 0:r.items)==null?void 0:h.length)>6]]),children:[s("div",{className:"account-orders-list-card__content",children:n!=null&&n.OrdersListCard?s(H,{"data-testid":`ordersListCard${r.id}`,name:"OrdersListCard",slot:n==null?void 0:n.OrdersListCard,context:{orderHistoryListItem:r}}):f(C,{children:[s("div",{children:r==null?void 0:r.status}),f("p",{children:[p.deliveryDateText," ",r==null?void 0:r.orderDate]}),f("p",{children:[p.orderNumber," ",r.number]}),(y=r==null?void 0:r.shipments)==null?void 0:y.map(a=>{var g;return(g=a==null?void 0:a.tracking)==null?void 0:g.map(d=>f("p",{"data-testid":d.number,children:[s("span",{children:`${p.carrier} ${d.carrier.toLocaleUpperCase()} `}),s("a",{href:(i==null?void 0:i(d))??"",className:"account-orders-list-card__content--track_number",children:d.number})]},a.id))}),f("p",{children:["$",(_=r==null?void 0:r.total)==null?void 0:_.grandTotal.value]}),f("p",{"data-testid":"itemsAmount",children:[((w=r==null?void 0:r.items)==null?void 0:w.length)??0," ",p.itemsAmount]}),($=r==null?void 0:r.items)==null?void 0:$.map((a,g)=>{if(g>=0&&g<10)return f("p",{className:"account-orders-list-card__content--product-name",children:[f("span",{className:"account-orders-list-card__content--quantity",children:[(a==null?void 0:a.quantityOrdered)>1?a==null?void 0:a.quantityOrdered:null," "]}),a==null?void 0:a.productName.replaceAll("-"," ")]},`${g}_${a.id}`);if(g===11)return s("p",{children:"..."},"ellipsis")})]})}),t&&((b=r==null?void 0:r.items)!=null&&b.length)?s(q,{maxColumns:o?3:9,emptyGridContent:s(C,{}),className:N(["account-orders-list-card__images",["account-orders-list-card__images-3",o]]),"data-testid":"ordersListCardImages",children:r.items.map((a,g)=>{var v;const d=(v=a==null?void 0:a.product)==null?void 0:v.smallImage.url,D=a==null?void 0:a.productName;return u?s("a",{href:l==null?void 0:l(a),target:"_blank",rel:"noreferrer",children:s(Y,{src:d,width:65,height:65,alt:D})},a.id+g):s(Y,{src:d,width:65,height:65,alt:D},a.id+g)})}):null,s("div",{className:"account-orders-list-card__actions",children:e})]})},X=({ordersInMinifiedView:c,minifiedView:r,pageSize:t,selectedDate:e,selectedPage:n,handleSetFirstOrderDate:i})=>{const[l,A]=O([]),[L,p]=O({totalPages:1,currentPage:1,pageSize:1}),[o,u]=O(!1);return I(()=>{u(!0),G(r?c:t,e,n).then(h=>{!h||!h.items||(p(h.pageInfo),A(h.items),i==null||i(h.dateOfFirstOrder))}).finally(()=>{u(!1)})},[i,r,c,t,e,n]),{loading:o,orderHistoryListItems:l,pageInfo:L}},M=(c,r=1)=>{const t=new Date,e=new Date(t);switch(c){case"sixMonthsAgo":{e.setMonth(e.getMonth()-r);break}case"oneYearAgo":{e.setFullYear(e.getFullYear()-r);break}default:return""}return{from:e==null?void 0:e.toISOString().split("T")[0],to:`${t==null?void 0:t.toISOString().split("T")[0]} 23:59:59`}},Z=c=>{const r=[],t=new Date().getFullYear();for(let e=c;e<=t-1;e++)r.push({value:`{"from":"${e}-01-01","to":"${e+1}-01-01 23:59:59"}`,text:e.toString()});return r},rr=()=>{const c=x({pastSixMonths:"Account.fullSizeView.OrdersList.OrdersListSelectDate.pastSixMonths",currentYear:"Account.fullSizeView.OrdersList.OrdersListSelectDate.currentYear",viewAll:"Account.fullSizeView.OrdersList.OrdersListSelectDate.viewAll"}),[r,t]=O(),[e,n]=O(JSON.stringify(M("sixMonthsAgo",6))),[i,l]=O(1);I(()=>{window==null||window.scrollTo({top:100,behavior:"smooth"})},[i]);const A=j(()=>{const o=[{value:JSON.stringify(M("sixMonthsAgo",6)),text:c.pastSixMonths},{value:JSON.stringify(M("oneYearAgo",1)),text:c.currentYear},{value:"viewAll",text:c.viewAll}];if(r){const h=new Date(r).getFullYear();o==null||o.splice(2,0,...Z(h))}return o},[c,r]),L=P(o=>{t(o)},[]),p=P(o=>{const h=o.target.value;n(h),l(1)},[]);return{selectableDateList:A,selectedDate:e,selectedPage:i,handleSelectDate:p,setSelectedPage:l,handleSetFirstOrderDate:L}},tr=({className:c,withHeader:r=!0,minifiedView:t=!1,withThumbnails:e=!0,withFilter:n=!0,ordersInMinifiedView:i=1,pageSize:l=10,routeOrdersList:A,routeOrderDetails:L,routeTracking:p,routeOrderProduct:o,slots:u})=>{const y=x({containerTitle:`Account.${t?"minifiedView":"fullSizeView"}.OrdersList.containerTitle`}),{selectableDateList:_,selectedDate:w,handleSelectDate:$,selectedPage:b,setSelectedPage:a,handleSetFirstOrderDate:g}=rr(),{pageInfo:d,loading:D,orderHistoryListItems:v}=X({minifiedView:t,pageSize:l,ordersInMinifiedView:i,selectedDate:w,selectedPage:b,handleSetFirstOrderDate:g});return f("div",{children:[r?s(J,{"aria-label":y.containerTitle,role:"region",title:y.containerTitle,divider:!t,className:t?"account-orders-list-header":""}):null,f("div",{className:N(["account-orders-list",c]),children:[!t&&n?s("div",{className:"account-orders-list__date-select",children:s(R,{value:w,name:"orderDatePicker",options:_,handleSelect:$})}):null,D?s(C,{children:Array.from(Array(d==null?void 0:d.pageSize).keys()).map(S=>s(V,{testId:"orderSkeletonLoader",withCard:!1},S))}):s(C,{children:v.length?s(C,{children:v.map((S,k)=>s(Q,{routeTracking:p,routeOrderProduct:o,minifiedView:t,item:S,withThumbnails:e,slots:u,children:u!=null&&u.OrdersListAction?s(H,{"data-testid":`ordersListActionSlot_${k}`,name:"OrdersListAction",slot:u==null?void 0:u.OrdersListAction,context:{orderHistoryListItem:S}}):s(T,{minifiedView:t,orderNumber:S.number,orderToken:S.token,routeOrderDetails:L})},k))}):s(K,{isEmpty:!v.length,typeList:"orders",minifiedView:t})}),!t&&(d==null?void 0:d.totalPages)>1?s(W,{totalPages:d==null?void 0:d.totalPages,currentPage:b,onChange:a}):null,t?s(T,{minifiedView:t,routeOrdersList:A}):null]})]})},pr=({className:c,withHeader:r,minifiedView:t,withThumbnails:e,withFilter:n,ordersInMinifiedView:i,pageSize:l,routeOrdersList:A,routeOrderDetails:L,routeTracking:p,routeOrderProduct:o,slots:u})=>s("div",{className:N(["account-orders-list",c]),"data-testid":"ordersListId",children:s(tr,{className:c,withHeader:r,minifiedView:t,withThumbnails:e,withFilter:n,ordersInMinifiedView:i,pageSize:l,routeOrdersList:A,routeOrderDetails:L,routeTracking:p,routeOrderProduct:o,slots:u})});export{pr as OrdersList,pr as default};
@@ -1,6 +1,6 @@
1
1
  import { useFormProps } from '../../types';
2
2
 
3
- export declare const useForm: ({ fieldsConfig, onSubmit, onChange, setInputChange, formName, }: useFormProps) => {
3
+ export declare const useForm: ({ fieldsConfig, onSubmit, onChange, setInputChange, formName, isWaitingForResponse, }: useFormProps) => {
4
4
  formData: Record<string, string | number>;
5
5
  errors: Record<string, string>;
6
6
  formRef: import('preact').RefObject<HTMLFormElement>;
@@ -5,6 +5,7 @@ import { HTMLAttributes } from 'preact/compat';
5
5
 
6
6
  export declare const findNonEmptyObject: (obj1: Record<string, unknown> | undefined, obj2: CustomerAddressesModel | undefined) => CustomerAddressesModel | Record<string, unknown>;
7
7
  export declare const useAddressForm: ({ showFormLoader, showSaveCheckBox, saveCheckBoxValue, addressFormId, billingCheckBoxValue, shippingCheckBoxValue, showShippingCheckBox, showBillingCheckBox, inputsDefaultValueSet, onCloseBtnClick, onSuccess, onError, formName, }: useAddressFormProps) => {
8
+ isWaitingForResponse: boolean;
8
9
  regionOptions: [] | RegionTransform[];
9
10
  saveCheckBoxAddress: boolean;
10
11
  inLineAlert: {
@@ -22,8 +23,8 @@ export declare const useAddressForm: ({ showFormLoader, showSaveCheckBox, saveCh
22
23
  disabled?: boolean | undefined;
23
24
  }[];
24
25
  handleSaveCheckBoxAddress: (event: Event) => void;
25
- handleUpdateAddress: (event: Event, valid: boolean) => Promise<null | undefined>;
26
- handleCreateAddress: (event: Event, valid: boolean) => Promise<void>;
26
+ handleUpdateAddress: (event: Event, valid: boolean) => Promise<void | null | undefined>;
27
+ handleCreateAddress: (event: Event, valid: boolean) => Promise<void | null | undefined>;
27
28
  handleOnCloseForm: () => void;
28
29
  handleInputChange: (values: Record<string, string | number | boolean>) => void;
29
30
  };
@@ -1,2 +1,2 @@
1
- export declare const normalizeAttributes: (input: Record<string, any>) => Record<string, any>;
1
+ export declare const normalizeAttributes: (input: Record<string, any>, type?: string) => Record<string, any>;
2
2
  //# sourceMappingURL=normalizeAttributes.d.ts.map
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name": "@dropins/storefront-account", "version": "0.1.0-alpha11", "@dropins/elsie": "0.32.0"}
1
+ {"name": "@dropins/storefront-account", "version": "0.1.0-alpha13", "@dropins/elsie": "0.32.0"}
package/render.js CHANGED
@@ -1,3 +1,3 @@
1
- (function(a,e){try{if(typeof document<"u"){const r=document.createElement("style"),o=e.styleId;for(const d in e.attributes)r.setAttribute(d,e.attributes[d]);r.setAttribute("data-dropin",o),r.appendChild(document.createTextNode(a));const i=document.querySelector('style[data-dropin="sdk"]');if(i)i.after(r);else{const d=document.querySelector('link[rel="stylesheet"], style');d?d.before(r):document.head.append(r)}}}catch(r){console.error("dropin-styles (injectCodeFunction)",r)}})(`.dropin-orders-list-header{margin-bottom:var(--spacing-medium)}.dropin-orders-list ul{list-style:none;margin:0;padding:0}.dropin-orders-list--date-select{margin-bottom:var(--spacing-xbig)}.dropin-orders-list--date-select span{display:inline-block;font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);margin-bottom:var(--spacing-xsmall)}.dropin-orders-list--date-select .dropin-picker{max-width:224px}
2
- .dropin-form{display:grid;flex-direction:column;gap:var(--spacing-medium)}@media (min-width: 768px){.dropin-form{display:grid;grid-template-columns:repeat(2,1fr)}.dropin-form>.dropin-field:nth-child(1),.dropin-form>.dropin-field:nth-child(2){grid-column:span 1}.dropin-form>.dropin-field:nth-child(3),.dropin-form>.dropin-field:nth-child(4),.dropin-form>.dropin-field:nth-child(5){grid-column:span 2}.dropin-form>.dropin-field:nth-child(6),.dropin-form>.dropin-field:nth-child(7){grid-column:span 1}.dropin-form>.dropin-field:nth-child(8),.dropin-form>.dropin-field:nth-child(9){grid-column:span 1}.dropin-form>.dropin-field:nth-child(n+10){grid-column:span 2}}.dropin-form [class$=-hidden]{position:absolute;opacity:0;height:0;width:0;overflow:hidden;clip:rect(0,0,0,0)}.dropin-account-loaders--card-loader{margin-bottom:var(--spacing-small);border:var(--shape-border-width-1) solid var(--color-neutral-400);border-radius:var(--shape-border-radius-1)}.dropin-account-loaders--picker-loader div:first-child{max-width:200px}.dropin-account-loaders--picker-loader div:nth-child(3){max-width:400px}.dropin-address-card{border-radius:var(--shape-border-radius-1);margin-bottom:var(--spacing-small);border-width:var(--shape-border-width-1)}.dropin-address-card .dropin-card__content{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-small) 0px;grid-template-areas:"description action" "labels action"}.dropin-address-card .dropin-address-card__action{display:flex;justify-content:flex-end;align-items:baseline;cursor:pointer;grid-area:action}.dropin-address-card .dropin-address-card__action--editbutton{margin-left:var(--spacing-small)}.dropin-address-card .dropin-address-card__action button{padding:0}.dropin-address-card .dropin-address-card__action button:hover{text-decoration:underline}.dropin-address-card .dropin-address-card__description{grid-area:description;margin:0;padding:0}.dropin-address-card .dropin-address-card__description p{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);color:var(--color-neutral-800);margin:0;padding:0;display:inline;overflow:hidden}.dropin-address-card .dropin-address-card__description p:nth-child(1),.dropin-address-card .dropin-address-card__description p:nth-child(2){margin:0 0 var(--spacing-small) 0;color:var(--color-neutral-800);font:var(--type-button-2-font);text-align:left;font-weight:500;cursor:default}.dropin-address-card__description p{margin-bottom:var(--spacing-small)}.dropin-address-card .dropin-address-card__description p:nth-child(1),.dropin-address-card .dropin-address-card__description p:nth-child(5),.dropin-address-card .dropin-address-card__description p:nth-child(7){float:left;width:auto;margin-right:var(--spacing-xsmall)}.dropin-address-card .dropin-address-card__description p:nth-child(2),.dropin-address-card .dropin-address-card__description p:nth-child(6),.dropin-address-card .dropin-address-card__description p:nth-child(8){display:inline;width:50%}.dropin-address-card .dropin-address-card__description p:nth-child(2):after,.dropin-address-card .dropin-address-card__description p:nth-child(6):after,.dropin-address-card .dropin-address-card__description p:nth-child(8):after{content:"\\a";white-space:pre;display:block;height:var(--spacing-small)}.dropin-address-card .dropin-address-card__description p:nth-child(3),.dropin-address-card .dropin-address-card__description p:nth-child(4),.dropin-address-card .dropin-address-card__description p:nth-child(n+9){display:block;width:100%;margin-bottom:var(--spacing-small)}.dropin-address-card .dropin-address-card__labels{display:flex;gap:0 var(--spacing-xsmall);grid-area:labels}.dropin-actions-address{cursor:pointer;padding:var(--spacing-xsmall) var(--spacing-medium);border-radius:var(--shape-border-radius-1);border:var(--shape-border-width-1) solid var(--color-neutral-400);background-color:var(--color-neutral-50);width:100%;height:88px;display:flex;align-items:center;justify-content:space-between}.dropin-actions-address--title{font:var(--type-button-2-font);letter-spacing:var(--type-button-2-letter-spacing)}.dropin-actions-address svg{stroke:var(--shape-icon-stroke-4);color:var(--color-neutral-800)}.dropin-address-modal{position:relative;padding:var(--spacing-xbig) var(--spacing-xxbig) var(--spacing-xxbig) var(--spacing-xxbig);width:100%;margin:auto;max-width:721px}.dropin-modal__body--medium>.dropin-modal__header-title,.dropin-modal__body--full>.dropin-modal__header-title,.dropin-address-modal .dropin-modal__content{margin:0;align-items:center}.dropin-address-modal .dropin-modal__header-title-content h3{font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing);margin:0;padding:0}.dropin-address-modal .dropin-address-modal__spinner{position:absolute;top:0;left:0;background-color:var(--color-neutral-200);opacity:.8;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1}.dropin-address-modal p{color:var(--color-neutral-800);font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);margin-bottom:var(--spacing-medium)}.dropin-address-modal .dropin-address-modal__wrapper--buttons{display:flex;align-items:center;justify-content:right;gap:0 var(--spacing-small)}.dropin-empty-list{margin-bottom:var(--spacing-small);border:var(--shape-border-width-1) solid var(--color-neutral-400);border-radius:var(--shape-border-radius-1)}.dropin-empty-list.dropin-empty-list--minified,.dropin-empty-list .dropin-card{border:none}.dropin-empty-list .dropin-card__content{gap:0;padding:var(--spacing-xxbig)}.dropin-empty-list.dropin-empty-list--minified .dropin-card__content{flex-direction:row;align-items:center;padding:var(--spacing-big) var(--spacing-small)}.dropin-empty-list .dropin-card__content svg{width:64px;height:64px;margin-bottom:var(--spacing-medium)}.dropin-empty-list.dropin-empty-list--minified .dropin-card__content svg{margin:0 var(--spacing-small) 0 0;width:32px;height:32px}.dropin-empty-list .dropin-card__content svg path{fill:var(--color-neutral-800)}.dropin-empty-list.dropin-empty-list--minified .dropin-card__content svg path{fill:var(--color-neutral-500)}.dropin-empty-list .dropin-card__content p{font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing);color:var(--color-neutral-800)}.dropin-empty-list.dropin-empty-list--minified .dropin-card__content p{font:var(--type-body-1-strong-font);color:var(--color-neutral-800)}.dropin-orders-list-action{margin:0;padding:0;border:none;background-color:transparent;cursor:pointer;text-decoration:none}.dropin-orders-list-action--minifiedView{width:100%;text-align:left;font:var(--type-body-1-default-font)}.dropin-orders-list-action.dropin-orders-list-action--minifiedView:hover{text-decoration:none}.dropin-orders-list-action--minifiedView .dropin-orders-list-action__card-wrapper{display:flex;justify-content:space-between;align-items:center;color:var(--color-neutral-800);height:calc(88px - var(--spacing-small) * 2)}.dropin-orders-list-action__card-wrapper>p{font:var(--type-button-2-font);letter-spacing:var(--type-button-2-letter-spacing)}.dropin-orders-list-action__card-wrapper svg,.dropin-orders-list-action svg{color:var(--color-neutral-800)}.dropin-orders-list-action--minifiedView .dropin-card--secondary{border-width:var(--shape-border-width-1);border-radius:var(--shape-border-radius-1)}.dropin-orders-list-action--minifiedView .dropin-card__content{padding:var(--spacing-small) var(--spacing-medium)}.dropin-orders-list-action--minifiedView p{font:var(--type-body-1-strong-font)}.dropin-orders-list-card{height:100%;margin-bottom:var(--spacing-small);border-width:var(--shape-border-width-1);border-radius:var(--shape-border-radius-1)}.dropin-orders-list-card .dropin-card__content{padding:var(--spacing-medium);display:grid;grid-template-areas:"content actions" "imageList actions";gap:0;max-height:100%}.dropin-orders-list-card .dropin-orders-list-card--content{grid-area:content;margin-bottom:var(--spacing-small)}.dropin-orders-list-card--content--quantity{font-weight:500;color:var(--color-neutral-800)}.dropin-orders-list-card--content--track_number{font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing);cursor:pointer}.dropin-orders-list-card .dropin-orders-list-card--content>div:first-child{font-weight:500}.dropin-orders-list-card .dropin-orders-list-card--content p,.dropin-orders-list-card .dropin-orders-list-card--content div{padding:0;text-align:left;font:var(--type-body-1-default-font);margin-bottom:var(--spacing-small);color:var(--color-neutral-800)}.dropin-orders-list-card p.dropin-orders-list-card--content--product-name{margin:0}.dropin-orders-list-card .dropin-orders-list-card--content p:last-child{margin:0}.dropin-orders-list-card .dropin-orders-list-card--content div{font:var(--type-button-2-font);margin-bottom:var(--spacing-small)}.dropin-orders-list-card .dropin-orders-list-card--actions{grid-area:actions}.dropin-orders-list-card .dropin-orders-list-card--images{overflow:auto}.dropin-orders-list-card .dropin-orders-list-card--images .dropin-content-grid__content{grid-template-columns:repeat(6,max-content)!important}.dropin-orders-list-card .dropin-orders-list-card--images-3 .dropin-content-grid__content{grid-template-columns:repeat(3,max-content)!important}.dropin-orders-list-card .dropin-orders-list-card--images img{object-fit:contain;width:65px;height:65px}.dropin-orders-list-card .dropin-orders-list-card--actions{position:relative;align-self:center;margin-left:auto}@media (min-width: 768px){.dropin-orders-list-card.dropin-orders-list-card--full .dropin-card__content{max-height:100%}}.dropin-addresses-header{margin-bottom:var(--spacing-medium)}.dropin-addresses-wrapper{box-sizing:border-box;position:relative}.dropin-addresses-wrapper .dropin-addresses__footer .dropin-card--secondary{border:var(--shape-border-width-1) solid var(--color-neutral-400);border-radius:var(--shape-border-radius-1)}.dropin-addresses-wrapper--select-view{position:relative;margin:0;padding:0;border:none}.dropin-addresses-wrapper--select-view input[type=radio]{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden}.dropin-addresses-wrapper--select-view .dropin-addresses-wrapper--label{cursor:pointer;display:block;border-radius:0}.dropin-addresses-wrapper--select-view .dropin-addresses-wrapper--label .dropin-address-card{border-radius:0}.dropin-addresses-wrapper--select-view .dropin-addresses-wrapper--label:nth-child(2){border-radius:var(--shape-border-radius-1) var(--shape-border-radius-1) 0 0}.dropin-addresses-wrapper--select-view>.dropin-addresses-wrapper--label:nth-child(2)>.dropin-address-card{border-radius:var(--shape-border-radius-1) var(--shape-border-radius-1) 0 0}.dropin-addresses-wrapper--select-view>.dropin-addresses-wrapper--label:last-child,.dropin-addresses-wrapper--select-view>.dropin-addresses-wrapper--label:last-child>.dropin-actions-address.dropin-actions-address--address{border-radius:0 0 var(--shape-border-radius-1) var(--shape-border-radius-1)}.dropin-addresses-wrapper--select-view .dropin-addresses-wrapper--label .dropin-address-card,.dropin-addresses-wrapper--select-view .dropin-addresses-wrapper--label .dropin-actions-address.dropin-actions-address--address{background-color:var(--color-neutral-200)}.dropin-addresses-wrapper--select-view input[type=radio]:checked+.dropin-addresses-wrapper--label>.dropin-address-card{border:var(--shape-border-width-1) solid var(--color-neutral-900);position:relative}.dropin-addresses-wrapper--select-view input[type=radio]:checked+.dropin-addresses-wrapper--label>.dropin-addresses-form__footer__wrapper{border:var(--shape-border-width-1) solid var(--color-neutral-900);position:relative}.dropin-addresses-wrapper--select-view input[type=radio]:checked+.dropin-addresses-wrapper--label .dropin-address-card,.dropin-addresses-wrapper--select-view input[type=radio]:checked+.dropin-addresses-wrapper--label .dropin-actions-address.dropin-actions-address--address{background-color:var(--color-neutral-50)}.dropin-addresses-wrapper--select-view .dropin-address-card{margin:0}.dropin-addresses-wrapper--select-view .dropin-addresses-form__footer__wrapper{padding:var(--spacing-medium)}.dropin-address-form-wrapper{box-sizing:border-box;background-color:var(--color-neutral-50)}.dropin-address-form-wrapper--notification{margin-bottom:var(--spacing-medium)}.dropin-address-form-wrapper--title{color:var(--color-neutral-800);font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing);margin-bottom:var(--spacing-medium)}.dropin-address-form-wrapper--buttons{display:flex;align-items:center;justify-content:end;gap:0 var(--spacing-medium);margin-top:var(--spacing-medium)}.dropin-address-form-wrapper--buttons button{min-width:142px}`,{styleId:"account"});
1
+ (function(c,t){try{if(typeof document<"u"){const a=document.createElement("style"),d=t.styleId;for(const r in t.attributes)a.setAttribute(r,t.attributes[r]);a.setAttribute("data-dropin",d),a.appendChild(document.createTextNode(c));const e=document.querySelector('style[data-dropin="sdk"]');if(e)e.after(a);else{const r=document.querySelector('link[rel="stylesheet"], style');r?r.before(a):document.head.append(a)}}}catch(a){console.error("dropin-styles (injectCodeFunction)",a)}})(`.account-orders-list-header{margin-bottom:var(--spacing-medium)}.account-orders-list ul{list-style:none;margin:0;padding:0}.account-orders-list__date-select{margin-bottom:var(--spacing-xbig)}.account-orders-list__date-select span{display:inline-block;font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);margin-bottom:var(--spacing-xsmall)}.account-orders-list__date-select .dropin-picker{max-width:224px}
2
+ .account-form{display:grid;flex-direction:column;gap:var(--spacing-medium)}@media (min-width: 768px){.account-form{display:grid;grid-template-columns:repeat(2,1fr)}.account-form>.dropin-field:nth-child(1),.account-form>.dropin-field:nth-child(2){grid-column:span 1}.account-form>.dropin-field:nth-child(3),.account-form>.dropin-field:nth-child(4),.account-form>.dropin-field:nth-child(5){grid-column:span 2}.account-form>.dropin-field:nth-child(6),.account-form>.dropin-field:nth-child(7){grid-column:span 1}.account-form>.dropin-field:nth-child(8),.account-form>.dropin-field:nth-child(9){grid-column:span 1}.account-form>.dropin-field:nth-child(n+10){grid-column:span 2}}.account-form [class$=-hidden]{position:absolute;opacity:0;height:0;width:0;overflow:hidden;clip:rect(0,0,0,0)}.account-account-loaders--card-loader{margin-bottom:var(--spacing-small);border:var(--shape-border-width-1) solid var(--color-neutral-400);border-radius:var(--shape-border-radius-1)}.account-account-loaders--picker-loader div:first-child{max-width:200px}.account-account-loaders--picker-loader div:nth-child(3){max-width:400px}.account-address-card{border-radius:var(--shape-border-radius-1);margin-bottom:var(--spacing-small);border-width:var(--shape-border-width-1)}.account-address-card .dropin-card__content{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-small) 0px;grid-template-areas:"description action" "labels action"}.account-address-card .account-address-card__action{display:flex;justify-content:flex-end;align-items:baseline;cursor:pointer;grid-area:action}.account-address-card .account-address-card__action--editbutton{margin-left:var(--spacing-small)}.account-address-card .account-address-card__action button{padding:0}.account-address-card .account-address-card__action button:hover{text-decoration:underline}.account-address-card .account-address-card__description{grid-area:description;margin:0;padding:0}.account-address-card .account-address-card__description p{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);color:var(--color-neutral-800);margin:0;padding:0;display:inline;overflow:hidden}.account-address-card .account-address-card__description p:nth-child(1),.account-address-card .account-address-card__description p:nth-child(2){margin:0 0 var(--spacing-small) 0;color:var(--color-neutral-800);font:var(--type-button-2-font);text-align:left;font-weight:500;cursor:default}.account-address-card__description p{margin-bottom:var(--spacing-small)}.account-address-card .account-address-card__description p:nth-child(1),.account-address-card .account-address-card__description p:nth-child(5),.account-address-card .account-address-card__description p:nth-child(7){float:left;width:auto;margin-right:var(--spacing-xsmall)}.account-address-card .account-address-card__description p:nth-child(2),.account-address-card .account-address-card__description p:nth-child(6),.account-address-card .account-address-card__description p:nth-child(8){display:inline;width:50%}.account-address-card .account-address-card__description p:nth-child(2):after,.account-address-card .account-address-card__description p:nth-child(6):after,.account-address-card .account-address-card__description p:nth-child(8):after{content:"\\a";white-space:pre;display:block;height:var(--spacing-small)}.account-address-card .account-address-card__description p:nth-child(3),.account-address-card .account-address-card__description p:nth-child(4),.account-address-card .account-address-card__description p:nth-child(n+9){display:block;width:100%;margin-bottom:var(--spacing-small)}.account-address-card .account-address-card__labels{display:flex;gap:0 var(--spacing-xsmall);grid-area:labels}.account-actions-address{cursor:pointer;padding:var(--spacing-xsmall) var(--spacing-medium);border-radius:var(--shape-border-radius-1);border:var(--shape-border-width-1) solid var(--color-neutral-400);background-color:var(--color-neutral-50);width:100%;height:88px;display:flex;align-items:center;justify-content:space-between}.account-actions-address__title{font:var(--type-button-2-font);letter-spacing:var(--type-button-2-letter-spacing)}.account-actions-address svg{stroke:var(--shape-icon-stroke-4);color:var(--color-neutral-800)}.account-address-modal{position:relative;padding:var(--spacing-xbig) var(--spacing-xxbig) var(--spacing-xxbig) var(--spacing-xxbig);width:100%;margin:auto;max-width:721px}.dropin-modal__body--medium>.dropin-modal__header-title,.dropin-modal__body--full>.dropin-modal__header-title,.account-address-modal .dropin-modal__content{margin:0;align-items:center}.account-address-modal .dropin-modal__header-title-content h3{font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing);margin:0;padding:0}.account-address-modal .account-address-modal__spinner{position:absolute;top:0;left:0;background-color:var(--color-neutral-200);opacity:.8;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1}.account-address-modal p{color:var(--color-neutral-800);font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);margin-bottom:var(--spacing-medium)}.account-address-modal .account-address-modal__buttons{display:flex;align-items:center;justify-content:right;gap:0 var(--spacing-small)}.account-empty-list{margin-bottom:var(--spacing-small);border:var(--shape-border-width-1) solid var(--color-neutral-400);border-radius:var(--shape-border-radius-1)}.account-empty-list.account-empty-list--minified,.account-empty-list .dropin-card{border:none}.account-empty-list .dropin-card__content{gap:0;padding:var(--spacing-xxbig)}.account-empty-list.account-empty-list--minified .dropin-card__content{flex-direction:row;align-items:center;padding:var(--spacing-big) var(--spacing-small)}.account-empty-list .dropin-card__content svg{width:64px;height:64px;margin-bottom:var(--spacing-medium)}.account-empty-list.account-empty-list--minified .dropin-card__content svg{margin:0 var(--spacing-small) 0 0;width:32px;height:32px}.account-empty-list .dropin-card__content svg path{fill:var(--color-neutral-800)}.account-empty-list.account-empty-list--minified .dropin-card__content svg path{fill:var(--color-neutral-500)}.account-empty-list .dropin-card__content p{font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing);color:var(--color-neutral-800)}.account-empty-list.account-empty-list--minified .dropin-card__content p{font:var(--type-body-1-strong-font);color:var(--color-neutral-800)}.account-orders-list-action{margin:0;padding:0;border:none;background-color:transparent;cursor:pointer;text-decoration:none}.account-orders-list-action--minifiedView{width:100%;text-align:left;font:var(--type-body-1-default-font)}.account-orders-list-action.account-orders-list-action--minifiedView:hover{text-decoration:none}.account-orders-list-action--minifiedView .account-orders-list-action__card-wrapper{display:flex;justify-content:space-between;align-items:center;color:var(--color-neutral-800);height:calc(88px - var(--spacing-small) * 2)}.account-orders-list-action__card-wrapper>p{font:var(--type-button-2-font);letter-spacing:var(--type-button-2-letter-spacing)}.account-orders-list-action__card-wrapper svg,.account-orders-list-action svg{color:var(--color-neutral-800)}.account-orders-list-action--minifiedView .dropin-card--secondary{border-width:var(--shape-border-width-1);border-radius:var(--shape-border-radius-1)}.account-orders-list-action--minifiedView .dropin-card__content{padding:var(--spacing-small) var(--spacing-medium)}.account-orders-list-action--minifiedView p{font:var(--type-body-1-strong-font)}.account-orders-list-card{height:100%;margin-bottom:var(--spacing-small);border-width:var(--shape-border-width-1);border-radius:var(--shape-border-radius-1)}.account-orders-list-card .dropin-card__content{padding:var(--spacing-medium);display:grid;grid-template-areas:"content actions" "imageList actions";gap:0;max-height:100%}.account-orders-list-card .account-orders-list-card__content{grid-area:content;margin-bottom:var(--spacing-small)}.account-orders-list-card__content--quantity{font-weight:500;color:var(--color-neutral-800)}.account-orders-list-card__content--track_number{font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing);cursor:pointer}.account-orders-list-card .account-orders-list-card__content>div:first-child{font-weight:500}.account-orders-list-card .account-orders-list-card__content p,.account-orders-list-card .account-orders-list-card__content div{padding:0;text-align:left;font:var(--type-body-1-default-font);margin-bottom:var(--spacing-small);color:var(--color-neutral-800)}.account-orders-list-card p.account-orders-list-card__content--product-name{margin:0}.account-orders-list-card .account-orders-list-card__content p:last-child{margin:0}.account-orders-list-card .account-orders-list-card__content div{font:var(--type-button-2-font);margin-bottom:var(--spacing-small)}.account-orders-list-card .account-orders-list-card__actions{grid-area:actions}.account-orders-list-card .account-orders-list-card__images{overflow:auto}.account-orders-list-card .account-orders-list-card__images .dropin-content-grid__content{grid-template-columns:repeat(6,max-content)!important}.account-orders-list-card .account-orders-list-card__images-3 .dropin-content-grid__content{grid-template-columns:repeat(3,max-content)!important}.account-orders-list-card .account-orders-list-card__images img{object-fit:contain;width:65px;height:65px}.account-orders-list-card .account-orders-list-card__actions{position:relative;align-self:center;margin-left:auto}@media (min-width: 768px){.account-orders-list-card.account-orders-list-card--full .dropin-card__content{max-height:100%}}.account-addresses-header{margin-bottom:var(--spacing-medium)}.account-addresses-wrapper{box-sizing:border-box;position:relative}.account-addresses-wrapper .account-addresses__footer .dropin-card--secondary{border:var(--shape-border-width-1) solid var(--color-neutral-400);border-radius:var(--shape-border-radius-1)}.account-addresses-wrapper--select-view{position:relative;margin:0;padding:0;border:none}.account-addresses-wrapper--select-view input[type=radio]{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden}.account-addresses-wrapper--select-view .account-addresses-wrapper__label{cursor:pointer;display:block;border-radius:0}.account-addresses-wrapper--select-view .account-addresses-wrapper__label .account-address-card{border-radius:0}.account-addresses-wrapper--select-view .account-addresses-wrapper__label:nth-child(2){border-radius:var(--shape-border-radius-1) var(--shape-border-radius-1) 0 0}.account-addresses-wrapper--select-view>.account-addresses-wrapper__label:nth-child(2)>.account-address-card{border-radius:var(--shape-border-radius-1) var(--shape-border-radius-1) 0 0}.account-addresses-wrapper--select-view>.account-addresses-wrapper__label:last-child,.account-addresses-wrapper--select-view>.account-addresses-wrapper__label:last-child>.account-actions-address.account-actions-address--address{border-radius:0 0 var(--shape-border-radius-1) var(--shape-border-radius-1)}.account-addresses-wrapper--select-view .account-addresses-wrapper__label .account-address-card,.account-addresses-wrapper--select-view .account-addresses-wrapper__label .account-actions-address.account-actions-address--address{background-color:var(--color-neutral-200)}.account-addresses-wrapper--select-view input[type=radio]:checked+.account-addresses-wrapper__label>.account-address-card{border:var(--shape-border-width-1) solid var(--color-neutral-900);position:relative}.account-addresses-wrapper--select-view input[type=radio]:checked+.account-addresses-wrapper__label>.account-addresses-form__footer__wrapper{border:var(--shape-border-width-1) solid var(--color-neutral-900);position:relative}.account-addresses-wrapper--select-view input[type=radio]:checked+.account-addresses-wrapper__label .account-address-card,.account-addresses-wrapper--select-view input[type=radio]:checked+.account-addresses-wrapper__label .account-actions-address.account-actions-address--address{background-color:var(--color-neutral-50)}.account-addresses-wrapper--select-view .account-address-card{margin:0}.account-addresses-wrapper--select-view .account-addresses-form__footer__wrapper{padding:var(--spacing-medium)}.account-address-form-wrapper{box-sizing:border-box;background-color:var(--color-neutral-50)}.account-address-form-wrapper__notification{margin-bottom:var(--spacing-medium)}.account-address-form-wrapper__title{color:var(--color-neutral-800);font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing);margin-bottom:var(--spacing-medium)}.account-address-form-wrapper__buttons{display:flex;align-items:center;justify-content:end;gap:0 var(--spacing-medium);margin-top:var(--spacing-medium)}.account-address-form-wrapper__buttons--empty{gap:0;margin:0;padding:0;display:inline-block}.account-address-form-wrapper__buttons button{min-width:142px}`,{styleId:"account"});
3
3
  import{jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import{Render as i}from"@dropins/tools/lib.js";import{useState as o,useEffect as n}from"@dropins/tools/preact-hooks.js";import{UIProvider as l}from"@dropins/tools/components.js";import{events as m}from"@dropins/tools/event-bus.js";const c={minifiedView:{Addresses:{containerTitle:"Addresses",editAddressFormTitle:"Edit address",differentAddressFormTitle:"Deliver to new address",viewAllAddressesButton:"View address list",differentAddressButton:"Use a different address",addressCard:{actionRemove:"Remove",actionEdit:"Edit",cardLabelShipping:"Shipping",cardLabelBilling:"Billing",defaultLabelText:"DEFAULT"},removeAddressModal:{title:"Remove address",description:"Are you sure you would like to remove this address?",actionCancel:"Cancel",actionConfirm:"Remove"}},OrdersList:{containerTitle:"Recent orders",viewAllOrdersButton:"View all orders",ariaLabelLink:"Redirect to full order information",OrdersListCard:{orderNumber:"Order number:",itemsAmount:"items",carrier:"Carrier:",orderDate:"Placed on"},OrdersListSelectDate:{pastSixMonths:"Past 6 months",currentYear:"Current year",viewAll:"View all"}},EmptyList:{Addresses:{message:"No saved addresses"},OrdersList:{message:"No orders"}}},fullSizeView:{Addresses:{containerTitle:"Addresses",editAddressFormTitle:"Edit address",differentAddressFormTitle:"Deliver to new address",newAddressFormTitle:"Add address",addNewAddressButton:"Create new",differentAddressButton:"Use a different address",addressCard:{actionRemove:"Remove",actionEdit:"Edit",cardLabelShipping:"Shipping",cardLabelBilling:"Billing",defaultLabelText:"DEFAULT"},removeAddressModal:{title:"Remove address",description:"Are you sure you would like to remove this address?",actionCancel:"Cancel",actionConfirm:"Remove"}},OrdersList:{containerTitle:"Your orders",ariaLabelLink:"Redirect to full order information",OrdersListCard:{orderNumber:"Order number:",itemsAmount:"items",carrier:"Carrier:",orderDate:"Placed on"},OrdersListSelectDate:{pastSixMonths:"Past 6 months",currentYear:"Current year",viewAll:"View all"}},EmptyList:{Addresses:{message:"No saved addresses"},OrdersList:{message:"No orders"}}},AddressForm:{formText:{secondaryButton:"Cancel",primaryButton:"Save",defaultShippingLabel:"Set as default shipping address",defaultBillingLabel:"Set as default billing address",saveAddressBook:"Save in address book"}},FormText:{requiredFieldError:"This is a required field.",numericError:"Only numeric values are allowed.",alphaNumWithSpacesError:"Only alphanumeric characters and spaces are allowed.",alphaNumericError:"Only alphanumeric characters are allowed.",alphaError:"Only alphabetic characters are allowed.",emailError:"Please enter a valid email address.",dateError:"Please enter a valid date.",dateLengthError:"Date must be between {min} and {max}.",urlError:"Please enter a valid URL, e.g., http://www.adobe.com.",lengthTextError:"Text length must be between {min} and {max} characters."}},u={Account:c},f={default:u},p=({children:s})=>{const[d,a]=o("en_US");return n(()=>{const e=m.on("locale",t=>{a(t)},{eager:!0});return()=>{e==null||e.off()}},[]),r(l,{lang:d,langDefinitions:f,children:s})},g=new i(r(p,{}));export{g as render};
@@ -2,8 +2,8 @@ import { SlotProps } from '@dropins/tools/types/elsie/src/lib';
2
2
  import { CustomerAddressesModel } from '../data/models';
3
3
 
4
4
  interface AddressFormActionsContext {
5
- handleUpdateAddress?: (event: Event, valid: boolean) => void;
6
- handleCreateAddress?: (event: Event, valid: boolean) => void;
5
+ handleUpdateAddress?: (event: Event, valid: boolean) => Promise<void | null | undefined>;
6
+ handleCreateAddress?: (event: Event, valid: boolean) => Promise<void | null | undefined>;
7
7
  addressId: string | number;
8
8
  }
9
9
  interface AddressFormInputsContext {
@@ -12,6 +12,7 @@ interface AddressFormInputsContext {
12
12
  };
13
13
  }
14
14
  export interface AddressFormProps {
15
+ hideActionFormButtons?: boolean;
15
16
  formName?: string;
16
17
  showFormLoader?: boolean;
17
18
  showSaveCheckBox?: boolean;
@@ -39,7 +40,7 @@ export interface AddressFormProps {
39
40
  }
40
41
  export interface AddressFormWrapperProps extends AddressFormProps {
41
42
  }
42
- export interface useAddressFormProps extends Omit<AddressFormProps, 'className' | 'addressesFormTitle' | 'handleCloseForm' | 'forwardFormRef'> {
43
+ export interface useAddressFormProps extends Omit<AddressFormProps, 'className' | 'addressesFormTitle' | 'handleCloseForm' | 'forwardFormRef' | 'hideActionFormButtons'> {
43
44
  }
44
45
  export {};
45
46
  //# sourceMappingURL=addressForm.types.d.ts.map
@@ -14,6 +14,8 @@ export interface AddressCardContext {
14
14
  }[];
15
15
  }
16
16
  export interface AddressesProps {
17
+ hideActionFormButtons?: boolean;
18
+ formName?: string;
17
19
  slots?: {
18
20
  AddressCard: SlotProps<AddressCardContext>;
19
21
  };
@@ -46,10 +48,10 @@ export interface AddressesProps {
46
48
  }
47
49
  export interface AddressesWrapperProps extends AddressesProps {
48
50
  }
49
- export interface useAddressesProps extends Omit<AddressesProps, 'className' | 'inputsDefaultValueSet' | 'addressesFormTitle' | 'shippingCheckBoxValue' | 'billingCheckBoxValue' | 'showFormLoader' | 'title' | 'slots'> {
51
+ export interface useAddressesProps extends Omit<AddressesProps, 'className' | 'inputsDefaultValueSet' | 'addressesFormTitle' | 'shippingCheckBoxValue' | 'billingCheckBoxValue' | 'showFormLoader' | 'title' | 'slots' | 'formName' | 'hideActionFormButtons'> {
50
52
  }
51
53
  export interface KeysSortOrderProps {
52
- name?: string;
54
+ name: string;
53
55
  orderNumber?: number;
54
56
  label?: string | null;
55
57
  }
@@ -16,15 +16,16 @@ export type FormRef = {
16
16
  handleValidationSubmit: () => boolean;
17
17
  };
18
18
  export interface FormProps {
19
- showSaveCheckBox: boolean;
20
- saveCheckBoxAddress: boolean;
21
- handleSaveCheckBoxAddress: (event: Event) => void;
22
- regionOptions: RegionTransform[] | [];
19
+ isWaitingForResponse?: boolean;
20
+ showSaveCheckBox?: boolean;
21
+ saveCheckBoxAddress?: boolean;
22
+ handleSaveCheckBoxAddress?: (event: Event) => void;
23
+ regionOptions?: RegionTransform[] | [];
23
24
  slots?: {
24
25
  AddressFormInputs?: SlotProps<AddressFormInputsContext>;
25
26
  };
26
- forwardFormRef: HTMLInputElement | any;
27
- fieldsConfig: FieldsProps[] | [];
27
+ forwardFormRef?: HTMLInputElement | any;
28
+ fieldsConfig?: FieldsProps[] | [];
28
29
  name?: string;
29
30
  className?: string;
30
31
  children?: any;
@@ -1,6 +1,6 @@
1
1
  import { SlotProps } from '@dropins/tools/types/elsie/src/lib';
2
2
  import { HTMLAttributes } from 'preact/compat';
3
- import { OrderDetails, ShipmentsTracingModel } from '../data/models';
3
+ import { OrderDetails, OrderItem, ShipmentsTracingModel } from '../data/models';
4
4
 
5
5
  export interface OrdersListActionContext {
6
6
  orderHistoryListItem: OrderDetails;
@@ -22,6 +22,7 @@ export interface OrdersListProps extends HTMLAttributes<HTMLDivElement> {
22
22
  ordersInMinifiedView?: 1 | 2 | 3;
23
23
  pageSize: number;
24
24
  routeTracking?: (shipping: ShipmentsTracingModel) => string;
25
+ routeOrderProduct?: (product: OrderItem) => string;
25
26
  }
26
27
  export interface OrdersListWrapperProps extends OrdersListProps {
27
28
  }
@@ -33,6 +34,7 @@ export interface OrdersListCardProps extends HTMLAttributes<HTMLDivElement> {
33
34
  OrdersListCard?: SlotProps<OrdersListCardContext>;
34
35
  };
35
36
  routeTracking?: (shipping: ShipmentsTracingModel) => string;
37
+ routeOrderProduct?: (product: OrderItem) => string;
36
38
  }
37
39
  export interface OrdersListActionProps {
38
40
  minifiedView: boolean;