@dropins/storefront-account 0.1.0-alpha4 → 0.1.0-alpha5

package/api/createCustomerAddress/createCustomerAddress.d.ts

@@ -0,0 +1,4 @@
+import { CustomerAddressesModel } from '../../data/models';
+
+export declare const createCustomerAddress: (address: CustomerAddressesModel) => Promise<string>;
+//# sourceMappingURL=createCustomerAddress.d.ts.map

package/api/createCustomerAddress/graphql/createCustomerAddress.graphql.d.ts

@@ -0,0 +1,2 @@
+export declare const CREATE_CUSTOMER_ADDRESS = "\n  mutation CREATE_CUSTOMER_ADDRESS($input: CustomerAddressInput!) {\n    createCustomerAddress(input:$input) {\n      firstname\n    }\n  }\n";
+//# sourceMappingURL=createCustomerAddress.graphql.d.ts.map

package/api/createCustomerAddress/index.d.ts

@@ -0,0 +1,2 @@
+export * from './createCustomerAddress';
+//# sourceMappingURL=index.d.ts.map

package/api/getAttributesForm/getAttributesForm.d.ts

@@ -0,0 +1,4 @@
+import { AttributesFormModel } from '../../data/models';
+
+export declare const getAttributesForm: (formCode: string) => Promise<AttributesFormModel[]>;
+//# sourceMappingURL=getAttributesForm.d.ts.map

package/api/getAttributesForm/graphql/getAttributesForm.graphql.d.ts

@@ -0,0 +1,3 @@
+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";
+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";
+//# sourceMappingURL=getAttributesForm.graphql.d.ts.map

package/api/getAttributesForm/index.d.ts

@@ -0,0 +1,2 @@
+export * from './getAttributesForm';
+//# sourceMappingURL=index.d.ts.map

package/api/getCountries/getCountries.d.ts

@@ -0,0 +1,5 @@
+import { Country } from '../../data/models';
+
+export declare const getCountries: () => Promise<Country[] | [
+]>;
+//# sourceMappingURL=getCountries.d.ts.map

package/api/getCountries/graphql/getCountries.graphql.d.ts

@@ -0,0 +1,2 @@
+export declare const GET_COUNTRIES_QUERY = "\n  query GET_COUNTRIES_QUERY {\n    countries {\n      two_letter_abbreviation\n      full_name_locale\n    }\n  }\n";
+//# sourceMappingURL=getCountries.graphql.d.ts.map

package/api/getCountries/index.d.ts

@@ -0,0 +1,2 @@
+export * from './getCountries';
+//# sourceMappingURL=index.d.ts.map

package/api/getCustomer/getCustomer.d.ts

@@ -0,0 +1,4 @@
+import { CustomerDataModelShort } from '../../data/models/customer';
+
+export declare const getCustomer: () => Promise<CustomerDataModelShort>;
+//# sourceMappingURL=getCustomer.d.ts.map

package/api/getCustomer/graphql/getCustomer.graphql.d.ts

@@ -0,0 +1,2 @@
+export declare const GET_CUSTOMER = "\n  query GET_CUSTOMER {\n    customer {\n     firstname\n     lastname\n     email\n    }\n  }\n";
+//# sourceMappingURL=getCustomer.graphql.d.ts.map

package/api/getCustomer/index.d.ts

@@ -0,0 +1,2 @@
+export * from './getCustomer';
+//# sourceMappingURL=index.d.ts.map

package/api/getCustomerAddress/getCustomerAddress.d.ts

@@ -0,0 +1,4 @@
+import { CustomerAddressesModel } from '../../data/models/customer-address';
+
+export declare const getCustomerAddress: () => Promise<CustomerAddressesModel[]>;
+//# sourceMappingURL=getCustomerAddress.d.ts.map

package/api/getCustomerAddress/graphql/getCustomerAddress.graphql.d.ts

@@ -0,0 +1,2 @@
+export declare const GET_CUSTOMER_ADDRESS = "\n  query GET_CUSTOMER_ADDRESS {\n    customer {\n      addresses {\n        firstname\n        lastname\n        city\n        company\n        country_code\n        region {\n          region\n          region_code\n          region_id\n        }\n        custom_attributesV2 {\n          ... on AttributeValue {\n            code\n            value\n          }\n        }\n        telephone\n        id\n        vat_id\n        postcode\n        street\n        default_shipping\n        default_billing\n      }\n    }\n  }\n";
+//# sourceMappingURL=getCustomerAddress.graphql.d.ts.map

package/api/getCustomerAddress/index.d.ts

@@ -0,0 +1,2 @@
+export * from './getCustomerAddress';
+//# sourceMappingURL=index.d.ts.map

package/api/getRegions/getRegions.d.ts

@@ -0,0 +1,2 @@
+export declare const getRegions: (countryCode: string) => Promise<any>;
+//# sourceMappingURL=getRegions.d.ts.map

package/api/getRegions/graphql/getRegions.graphql.d.ts

@@ -0,0 +1,2 @@
+export declare const GET_REGIONS = "\n  query GET_REGIONS($countryCode: String!) {\n    country(id: $countryCode) {\n      id\n      available_regions {\n        id\n        code\n        name\n      }\n    }\n  }\n";
+//# sourceMappingURL=getRegions.graphql.d.ts.map

package/api/getRegions/index.d.ts

@@ -0,0 +1,2 @@
+export * from './getRegions';
+//# sourceMappingURL=index.d.ts.map

package/api/index.d.ts

@@ -1,3 +1,11 @@
 export * from './initialize';
 export * from './fetch-graphql';
+export * from './getAttributesForm';
+export * from './createCustomerAddress';
+export * from './getCustomerAddress';
+export * from './getCountries';
+export * from './getRegions';
+export * from './updateCustomerAddress';
+export * from './getCustomer';
+export * from './removeCustomerAddress';
 //# sourceMappingURL=index.d.ts.map

package/api/initialize/initialize.d.ts

@@ -3,6 +3,10 @@ import { Lang } from '@dropins/tools/types/elsie/src/i18n';
 
 type ConfigProps = {
     langDefinitions?: Lang;
+    authHeaderConfig?: {
+        header?: string;
+        tokenPrefix?: string;
+    };
 };
 export declare const initialize: Initializer<ConfigProps>;
 export declare const config: import('@dropins/tools/types/elsie/src/lib').Config<ConfigProps>;

package/api/removeCustomerAddress/graphql/removeCustomerAddress.graphql.d.ts

@@ -0,0 +1,2 @@
+export declare const REMOVE_CUSTOMER_ADDRESS = "\n  mutation REMOVE_CUSTOMER_ADDRESS($id: Int!) {\n    deleteCustomerAddress(id:$id)\n  }\n";
+//# sourceMappingURL=removeCustomerAddress.graphql.d.ts.map

package/api/removeCustomerAddress/index.d.ts

@@ -0,0 +1,2 @@
+export * from './removeCustomerAddress';
+//# sourceMappingURL=index.d.ts.map

package/api/removeCustomerAddress/removeCustomerAddress.d.ts

@@ -0,0 +1,2 @@
+export declare const removeCustomerAddress: (addressId: number) => Promise<boolean>;
+//# sourceMappingURL=removeCustomerAddress.d.ts.map

package/api/updateCustomerAddress/graphql/updateCustomerAddress.graphql.d.ts

@@ -0,0 +1,2 @@
+export declare const UPDATE_CUSTOMER_ADDRESS = "\n  mutation UPDATE_CUSTOMER_ADDRESS($id: Int!,\n  $input: CustomerAddressInput) {\n    updateCustomerAddress(id:$id, input:$input) {\n      firstname\n   }\n  }\n";
+//# sourceMappingURL=updateCustomerAddress.graphql.d.ts.map

package/api/updateCustomerAddress/index.d.ts

@@ -0,0 +1,2 @@
+export * from './updateCustomerAddress';
+//# sourceMappingURL=index.d.ts.map

package/api/updateCustomerAddress/updateCustomerAddress.d.ts

@@ -0,0 +1,8 @@
+import { CustomerAddressesModel } from '../../data/models';
+
+type ExtendedAddressFormProps = CustomerAddressesModel & {
+    addressId: number;
+};
+export declare const updateCustomerAddress: (forms: ExtendedAddressFormProps) => Promise<string>;
+export {};
+//# sourceMappingURL=updateCustomerAddress.d.ts.map

package/api.js

@@ -1 +1,9 @@
-import{Initializer as n}from"@dropins/tools/lib.js";import{FetchGraphQL as o}from"@dropins/tools/fetch-graphql.js";const e=new n({init:async t=>{const i={};e.config.setConfig({...i,...t})},listeners:()=>[]}),s=e.config,{setEndpoint:a,setFetchGraphQlHeader:h,removeFetchGraphQlHeader:f,setFetchGraphQlHeaders:p,fetchGraphQl:g,getConfig:l}=new o().getMethods();export{s as config,g as fetchGraphQl,l as getConfig,e as initialize,f as removeFetchGraphQlHeader,a as setEndpoint,h as setFetchGraphQlHeader,p as setFetchGraphQlHeaders};
+import{Initializer as s}from"@dropins/tools/lib.js";import{f as n,h as d,a as u}from"./chunks/updateCustomerAddress.js";import{e as x,d as H,g as Q,i as w,j as y,r as z,s as R,b,c as k,u as v}from"./chunks/updateCustomerAddress.js";import{g as O,r as S}from"./chunks/removeCustomerAddress.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/fetch-graphql.js";const c=new s({init:async t=>{const a={authHeaderConfig:{header:"Authorization",tokenPrefix:"Bearer"}};c.config.setConfig({...a,...t})},listeners:()=>[]}),G=c.config,f=t=>{var a,r,e,i,o,m;return{email:((r=(a=t==null?void 0:t.data)==null?void 0:a.customer)==null?void 0:r.email)||"",firstname:((i=(e=t==null?void 0:t.data)==null?void 0:e.customer)==null?void 0:i.firstname)||"",lastname:((m=(o=t==null?void 0:t.data)==null?void 0:o.customer)==null?void 0:m.lastname)||""}},h=`
+  query GET_CUSTOMER {
+    customer {
+     firstname
+     lastname
+     email
+    }
+  }
+`,A=async()=>await n(h,{method:"GET",cache:"force-cache"}).then(t=>{var a;return(a=t.errors)!=null&&a.length?d(t.errors):f(t)}).catch(u);export{G as config,x as createCustomerAddress,n as fetchGraphQl,H as getAttributesForm,Q as getConfig,w as getCountries,A as getCustomer,O as getCustomerAddress,y as getRegions,c as initialize,S as removeCustomerAddress,z as removeFetchGraphQlHeader,R as setEndpoint,b as setFetchGraphQlHeader,k as setFetchGraphQlHeaders,v as updateCustomerAddress};

package/chunks/AddressFormWrapper.js

@@ -0,0 +1 @@
+import{jsx as n,Fragment as j,jsxs as U}from"@dropins/tools/preact-jsx-runtime.js";import{classes as F,Slot as G}from"@dropins/tools/lib.js";import{memo as C,useCallback as R}from"@dropins/tools/preact-compat.js";import{Field as O,Picker as Y,Input as J,InputDate as k,Checkbox as Q,TextArea as Z,Skeleton as P,SkeletonRow as $,Card as B,InLineAlert as ee,Button as H}from"@dropins/tools/components.js";import"@dropins/tools/preact.js";import{useRef as te,useState as N,useEffect as S,useCallback as L,useMemo as re}from"@dropins/tools/preact-hooks.js";import{useText as X}from"@dropins/tools/i18n.js";import{i as ae,j as se,k as de,d as ne,u as oe,e as le}from"./updateCustomerAddress.js";const ze=({slots:e,addressesFormTitle:a,className:i,addressFormId:s,inputsDefaultValueSet:r,billingCheckBoxValue:o,shippingCheckBoxValue:c,showBillingCheckBox:d,showShippingCheckBox:b,isOpen:g,onSubmit:E,onCloseBtnClick:T,onSuccess:I,onError:t,onChange:l})=>n("div",{className:F(["dropin-address-form"]),children:n(Te,{slots:e,addressesFormTitle:a,className:i,addressFormId:s,inputsDefaultValueSet:r,shippingCheckBoxValue:c,billingCheckBoxValue:o,showShippingCheckBox:b,showBillingCheckBox:d,isOpen:g,onSubmit:E,onCloseBtnClick:T,onSuccess:I,onError:t,onChange:l})}),ue=e=>e.reduce((a,{code:i,required:s,defaultValue:r})=>(s&&(a[i]=r),a),{}),ie=({fieldsConfig:e,onSubmit:a,handleSetCountryCode:i,onChange:s})=>{const{requiredFieldError:r}=X({requiredFieldError:"Account.FormText.requiredFieldError"}),o=te(null),[c,d]=N({}),[b,g]=N({}),[E,T]=N({previousCountryCode:null,previousRegionCode:null,initialLoad:!0});S(()=>{var A;const f=c.country_code,u=e==null?void 0:e.find(h=>h.code==="region");if(E.initialLoad)T(h=>({...h,previousCountryCode:f,initialLoad:!1}));else if(E.previousCountryCode!==f){T(m=>({...m,previousCountryCode:f}));const h=!((A=u==null?void 0:u.options)!=null&&A.length)&&!(u!=null&&u.defaultValue)||E.previousRegionCode?"":(u==null?void 0:u.defaultValue)??"";d(m=>({...m,region:h})),i(f)}u!=null&&u.defaultValue&&E.previousCountryCode===f&&T(h=>({...h,previousRegionCode:u.defaultValue}))},[e,c,E.previousCountryCode,E.initialLoad,E.previousRegionCode,i,d]),S(()=>{if(!(e!=null&&e.length))return;const f=ue(e);d(f)},[e==null?void 0:e.length]);const I=L((f,u)=>{const A=e.find(h=>h.code===f);return A!=null&&A.required&&!u?r:""},[e,r]),t=L(f=>{const{name:u,value:A,type:h,checked:m}=f==null?void 0:f.target,y=h==="checkbox"?m:A;d(_=>({..._,[u]:y}))},[]),l=L(f=>{const u=f.currentTarget,A=f.target,h=new FormData(u),m=Object.fromEntries(h.entries()),y={[A.name]:m[A.name]&&String(m[A.name])};s==null||s(m,y,f)},[s]),p=L(f=>{const{name:u,value:A,type:h,checked:m}=f==null?void 0:f.target,y=h==="checkbox"?m:A;g(_=>({..._,[u]:I(u,y)}))},[I]),M=L(f=>{f.preventDefault();let u=!0,A={},h=null;for(const[m,y]of Object.entries(c)){const _=I(m,y);_&&(A[m]=_,u=!1,h||(h=m))}if(g(A),h&&o.current){const m=o.current.elements.namedItem(h);m==null||m.focus()}a==null||a(f,u)},[c,I,a]);return{formData:c,errors:b,formRef:o,handleInputChange:t,handleFormChange:l,handleBlur:p,handleSubmit:M}};var z=(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))(z||{});const ce=C(({loading:e,values:a,fields:i=[],errors:s,className:r="",onChange:o,onBlur:c})=>{const d=`${r}__field`,b=R((t,l,p)=>n(O,{error:p,className:F([d,`${d}--${t.id}`,[`${d}--${t.id}-hidden`,t.isHidden],t.className]),"data-testid":`${r}--${t.id}`,disabled:e,children:n(Y,{name:t.id,floatingLabel:`${t.label} ${t.required?"*":""}`,placeholder:t.label,"aria-label":t.label,options:t.options,onBlur:c,handleSelect:o,value:l||t.defaultValue})},t.id),[r,e,d,c,o]),g=R((t,l,p)=>n(O,{error:p,className:F([d,`${d}--${t.id}`,[`${d}--${t.id}-hidden`,t.isHidden],t.className]),"data-testid":`${r}--${t.id}`,disabled:e,children:n(J,{type:"text",name:t.id,value:l??t.defaultValue,placeholder:t.label,floatingLabel:`${t.label} ${t.required?"*":""}`,onBlur:c,onChange:o})},t.id),[r,e,d,c,o]),E=R((t,l,p)=>n(O,{error:p,className:F([d,`${d}--${t.id}`,[`${d}--${t.id}-hidden`,t.isHidden],t.className]),"data-testid":`${r}--${t.id}`,disabled:e,children:n(k,{type:"text",name:t.id,value:l||t.defaultValue,placeholder:t.label,floatingLabel:`${t.label} ${t.required?"*":""}`,onBlur:c,onChange:o})},t.id),[r,e,d,c,o]),T=R((t,l,p)=>n(O,{error:p,className:F([d,`${d}--${t.id}`,[`${d}--${t.id}-hidden`,t.isHidden],t.className]),"data-testid":`${r}--${t.id}`,disabled:e,children:n(Q,{name:t.id,checked:l||t.defaultValue,placeholder:t.label,label:`${t.label} ${t.required?"*":""}`,onBlur:c,onChange:o})},t.id),[r,e,d,c,o]),I=R((t,l,p)=>n(O,{error:p,className:F([d,`${d}--${t.id}`,[`${d}--${t.id}-hidden`,t.isHidden],t.className]),"data-testid":`${r}--${t.id}`,disabled:e,children:n(Z,{type:"text",name:t.id,value:l??t.defaultValue,label:`${t.label} ${t.required?"*":""}`,onBlur:c,onChange:o})},t.id),[r,e,d,c,o]);return i.length?n(j,{children:i.map(t=>{const l=s==null?void 0:s[t.id],p=a==null?void 0:a[t.id];switch(t.fieldType){case z.TEXT:return t.options.length?b(t,p,l):g(t,p,l);case z.MULTILINE:return g(t,p,l);case z.SELECT:return b(t,p,l);case z.DATE:return E(t,p,l);case z.BOOLEAN:return T(t,p,l);case"TEXTAREA":return I(t,p,l);default:return null}})}):null}),pe=C(({slots:e,name:a,loading:i,children:s,className:r="defaultForm",fieldsConfig:o,onSubmit:c,handleSetCountryCode:d,onChange:b})=>{const{formData:g,errors:E,formRef:T,handleInputChange:I,handleFormChange:t,handleBlur:l,handleSubmit:p}=ie({fieldsConfig:o,onSubmit:c,handleSetCountryCode:d,onChange:b});return U("form",{className:F(["dropin-form",r]),onSubmit:p,onChange:t,name:a,ref:T,children:[n(ce,{className:r,loading:i,fields:o,onChange:I,onBlur:l,errors:E,values:g}),e!=null&&e.AddressFormInputs?n(G,{"data-testid":"addressFormInputs",name:"AddressFormInputs",slot:e.AddressFormInputs,context:{formActions:{handleChange:I}}}):null,s]})}),Ue=({testId:e,withCard:a=!0})=>{const i=U(P,{"data-testid":e||"skeletonLoader",children:[n($,{variant:"heading",size:"xlarge",fullWidth:!1,lines:1}),n($,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),n($,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1})]});return a?i:n(B,{variant:"secondary",className:F(["dropin-account-loaders","dropin-account-loaders--card-loader"]),children:i})},fe=()=>U(P,{"data-testid":"addressFormLoader",children:[n($,{variant:"heading",size:"medium"}),n($,{variant:"empty",size:"medium"}),n($,{size:"large"}),n($,{size:"large"}),n($,{size:"large",fullWidth:!0}),n($,{size:"large",fullWidth:!0,lines:3}),n($,{size:"large"}),n($,{size:"large"}),n($,{size:"large"}),n($,{size:"large"}),n($,{size:"large"}),n($,{size:"large"}),n($,{size:"large",fullWidth:!0})]}),he=()=>{const[e,a]=N(""),[i,s]=N({});S(()=>{ae().then(o=>{s(c=>({...c,country_code:o}))})},[]),S(()=>{e&&se(e).then(o=>{s(c=>({...c,region:o}))})},[e]);const r=L(o=>{o&&a(o)},[]);return{countryRegionOptions:i,handleSetCountryCode:r}},K={entityType:"CUSTOMER_ADDRESS",isUnique:!1,options:[],multilineCount:0,validateRules:[],defaultValue:!1,fieldType:z.BOOLEAN,className:"",required:!1,orderNumber:90,isHidden:!1},me={...K,label:"Set as default shipping address",name:"default_shipping",id:"default_shipping",code:"default_shipping",customUpperCode:"defaultShipping"},Ae={...K,label:"Set as default billing address",name:"default_billing",id:"default_billing",code:"default_billing",customUpperCode:"defaultBilling"},ye=(e,a)=>{const i=a.map(s=>({...s}));return i.forEach(s=>{if(Object.prototype.hasOwnProperty.call(e,s.customUpperCode)){const r=e[s.customUpperCode];if(s.customUpperCode==="region"&&typeof r=="object"){const o=r!=null&&r.regionCode&&(r!=null&&r.regionId)?`${r.regionCode},${r.regionId}`:r.region;s.defaultValue=o}else s.defaultValue=r}}),i},W=e=>{if(!e)return null;const a=new FormData(e);if(e.querySelectorAll('input[type="checkbox"]').forEach(s=>{a.has(s.name)||a.set(s.name,"false"),s.checked&&a.set(s.name,"true")}),a&&typeof a.entries=="function"){const s=a.entries();if(s&&typeof s[Symbol.iterator]=="function")return JSON.parse(JSON.stringify(Object.fromEntries(s)))||{}}return{}},be=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}},ge=e=>{const a=["region","city","company","country_code","country_id","default_billing","default_shipping","fax","firstname","lastname","middlename","postcode","prefix","street","suffix","telephone","vat_id","addressId"],i={},s=[];return Object.keys(e).forEach(r=>{a.includes(r)?i[r]=e[r]:s.push({attribute_code:r,value:e[r]})}),s.length>0&&(i.custom_attributesV2=s),i},w=e=>{const a=["street","street_1","street_2"],i=["on","off","true","false"],s=[],r={};for(const l in e){const p=e[l];i.includes(p)&&(r[l]=be(p)),a.includes(l)&&s.push(p)}const{street:o,street_2:c,street_1:d,region:b,...g}=e,[E,T]=b?b.split(","):[void 0,void 0],I=T&&E?{region_id:+T,region_code:E}:{region:E},t=ge({...g,...r,region:{...I},street:s});return de(t,"camelCase",{})},Ee=(e,a)=>a!=null&&a.length?e.code==="region"?{...e,required:!!(a!=null&&a.length),options:a}:{...e,options:a}:e,Ie=({addressFormId:e,billingCheckBoxValue:a,shippingCheckBoxValue:i,showShippingCheckBox:s,showBillingCheckBox:r,countryRegionOptions:o,inputsDefaultValueSet:c,onCloseBtnClick:d,onSuccess:b,onError:g})=>{const[E,T]=N(!1),[I,t]=N(e||""),[l,p]=N([]),[M,f]=N({text:"",type:"success"});S(()=>{ne(I?"customer_address_edit":"customer_register_address").then(y=>{p(y)})},[I]);const u=L(()=>{f({text:"",type:"success"}),d==null||d()},[d]),A=L(async(y,_)=>{if(!_)return null;T(!0);const V=W(y.target),q=w(V);await oe(q).then(()=>{var x;b==null||b(),d==null||d(),(x=y==null?void 0:y.target)==null||x.reset()}).catch(x=>{f(D=>({...D,text:x.message,type:"error"})),g==null||g(x)}).finally(()=>{t(""),T(!1)})},[d,g,b]),h=L(async(y,_)=>{if(!_)return null;T(!0);const V=W(y.target),q=w(V);await le(q).then(()=>{var x;b==null||b(),d==null||d(),(x=y==null?void 0:y.target)==null||x.reset()}).catch(x=>{f(D=>({...D,text:x.message,type:"error"})),g==null||g(x)}).finally(()=>{t(""),T(!1)})},[d,g,b]),m=re(()=>{if(!l.length)return[];const y={...me,defaultValue:i,isHidden:!s},_={...Ae,defaultValue:a,isHidden:!r},V=[...l,y,_];return ye(c||{},V).filter(D=>!(I&&(D.customUpperCode==="defaultShipping"||D.customUpperCode==="defaultBilling")&&D.defaultValue)).map(D=>{const v=o[D.code];return Ee(D,v)})},[l,s,i,r,a,c,o,I]);return{inLineAlert:M,addressId:I,submitLoading:E,normalizeFieldsConfig:m,handleUpdateAddress:A,handleCreateAddress:h,handleOnCloseForm:u}},Te=({slots:e,addressesFormTitle:a,className:i,addressFormId:s,inputsDefaultValueSet:r,showShippingCheckBox:o=!0,showBillingCheckBox:c=!0,shippingCheckBoxValue:d=!0,billingCheckBoxValue:b=!0,isOpen:g,onSubmit:E,onCloseBtnClick:T,onSuccess:I,onError:t,onChange:l})=>{const p=X({secondaryButton:"Account.AddressForm.formText.secondaryButton",primaryButton:"Account.AddressForm.formText.primaryButton"}),{countryRegionOptions:M,handleSetCountryCode:f}=he(),{inLineAlert:u,addressId:A,submitLoading:h,normalizeFieldsConfig:m,handleUpdateAddress:y,handleCreateAddress:_,handleOnCloseForm:V}=Ie({addressFormId:s,inputsDefaultValueSet:r,countryRegionOptions:M,shippingCheckBoxValue:d,billingCheckBoxValue:b,showShippingCheckBox:o,showBillingCheckBox:c,onSuccess:I,onError:t,onCloseBtnClick:T});return g?m!=null&&m.length?U("div",{className:F(["dropin-address-form-wrapper",i]),children:[n("div",{className:"dropin-address-form-wrapper--title","data-testid":"addressesFormTitle",children:a}),u.text?n(ee,{"data-testid":"inLineAlert",className:"dropin-address-form-wrapper--notification",type:u.type,variant:"secondary",heading:u.text,icon:u.icon}):null,U(pe,{slots:e,className:"dropin-address-form",name:"addressesForm",loading:h,fieldsConfig:m,onSubmit:E||(A?y:_),handleSetCountryCode:f,onChange:l,children:[A?n("input",{type:"hidden",name:"addressId",value:A,"data-testid":"hidden_test_id"}):null,n("div",{className:"dropin-field dropin-address-form-wrapper--buttons",children:e!=null&&e.AddressFormActions?n(G,{"data-testid":"addressFormActions",name:"AddressFormActions",slot:e.AddressFormActions,context:{handleUpdateAddress:y,handleCreateAddress:_,addressId:A}}):U(j,{children:[n(H,{type:"button",onClick:V,variant:"secondary",disabled:h,children:p.secondaryButton}),n(H,{disabled:h,children:p.primaryButton})]})})]})]}):n("div",{children:n(fe,{})}):null};export{ze as A,Ue as C};

package/chunks/removeCustomerAddress.js

@@ -0,0 +1,35 @@
+import{k as g,f as e,h as u,a as f}from"./updateCustomerAddress.js";const h=a=>{const t={};for(const o in a){const s=a[o];!Array.isArray(s)||s.length===0||(o==="custom_attributesV2"?s.forEach(n=>{typeof n=="object"&&"value"in n&&(t[n==null?void 0:n.code]=n==null?void 0:n.value)}):s.length>1?s.forEach((n,r)=>{r===0?t[o]=n:t[`${o}_${r+1}`]=n}):t[o]=s[0])}return t},_=a=>{var s,n;const t=((n=(s=a==null?void 0:a.data)==null?void 0:s.customer)==null?void 0:n.addresses)||[];return t.length?t.map(r=>{var i,d,c;return{firstname:(r==null?void 0:r.firstname)||"",lastname:(r==null?void 0:r.lastname)||"",city:(r==null?void 0:r.city)||"",company:(r==null?void 0:r.company)||"",country_code:(r==null?void 0:r.country_code)||"",region:{region:((i=r==null?void 0:r.region)==null?void 0:i.region)||"",region_code:((d=r==null?void 0:r.region)==null?void 0:d.region_code)||"",region_id:((c=r==null?void 0:r.region)==null?void 0:c.region_id)||""},telephone:(r==null?void 0:r.telephone)||"",id:(r==null?void 0:r.id)||"",vat_id:(r==null?void 0:r.vat_id)||"",postcode:(r==null?void 0:r.postcode)||"",default_shipping:(r==null?void 0:r.default_shipping)||!1,default_billing:(r==null?void 0:r.default_billing)||!1,...h(r)}}).map(r=>g(r,"camelCase",{})).sort((r,i)=>(Number(i.defaultBilling)||Number(i.defaultShipping))-(Number(r.defaultBilling)||Number(r.defaultShipping))):[]},m=`
+  query GET_CUSTOMER_ADDRESS {
+    customer {
+      addresses {
+        firstname
+        lastname
+        city
+        company
+        country_code
+        region {
+          region
+          region_code
+          region_id
+        }
+        custom_attributesV2 {
+          ... on AttributeValue {
+            code
+            value
+          }
+        }
+        telephone
+        id
+        vat_id
+        postcode
+        street
+        default_shipping
+        default_billing
+      }
+    }
+  }
+`,p=async()=>await e(m,{method:"GET",cache:"force-cache"}).then(a=>{var t;return(t=a.errors)!=null&&t.length?u(a.errors):_(a)}).catch(f),E=`
+  mutation REMOVE_CUSTOMER_ADDRESS($id: Int!) {
+    deleteCustomerAddress(id:$id)
+  }
+`,S=async a=>await e(E,{method:"POST",variables:{id:a}}).then(t=>{var o;return(o=t.errors)!=null&&o.length?u(t.errors):t.data.deleteCustomerAddress}).catch(f);export{p as g,S as r};

package/chunks/updateCustomerAddress.js

@@ -0,0 +1,78 @@
+import{events as E}from"@dropins/tools/event-bus.js";import{FetchGraphQL as b}from"@dropins/tools/fetch-graphql.js";const{setEndpoint:U,setFetchGraphQlHeader:w,removeFetchGraphQlHeader:D,setFetchGraphQlHeaders:F,fetchGraphQl:l,getConfig:M}=new b().getMethods(),C=`
+  query GET_ATTRIBUTES_FORM($formCode: String!) {
+    attributesForm(formCode: $formCode) {
+      items {
+        code
+        default_value
+        entity_type
+        frontend_class
+        frontend_input
+        is_required
+        is_unique
+        label
+        options {
+          is_default
+          label
+          value
+        }
+        ... on CustomerAttributeMetadata {
+          multiline_count
+          sort_order
+          validate_rules {
+            name
+            value
+          }
+        }
+      }
+      errors {
+        type
+        message
+      }
+    }
+  }
+`,T=`
+  query GET_ATTRIBUTES_FORM_SHORT {
+      attributesForm(formCode: customer_register_address) {
+      items {
+        frontend_input
+        label
+        code
+        ... on CustomerAttributeMetadata {
+          multiline_count
+          sort_order
+        }
+      }
+    }
+  }
+`,m=t=>{throw t instanceof DOMException&&t.name==="AbortError"||E.emit("error",{source:"auth",type:"network",error:t}),t},_=t=>{const e=t.map(r=>r.message).join(" ");throw Error(e)},h=t=>t.replace(/_([a-z])/g,(e,r)=>r.toUpperCase()),A=t=>t.replace(/([A-Z])/g,e=>`_${e.toLowerCase()}`),d=(t,e,r)=>{const n=["string","boolean","number"],o=e==="camelCase"?h:A;return Array.isArray(t)?t.map(a=>n.includes(typeof a)||a===null?a:typeof a=="object"?d(a,e,r):a):t!==null&&typeof t=="object"?Object.entries(t).reduce((a,[s,u])=>{const i=r&&r[s]?r[s]:o(s);return a[i]=n.includes(typeof u)||u===null?u:d(u,e,r),a},{}):t},R=t=>{let e=[];for(const r of t)if(!(r.frontend_input!=="MULTILINE"||r.multiline_count<2))for(let n=2;n<=r.multiline_count;n++){const o={...r,name:`${r.code}_${n}`,code:`${r.code}_${n}`,id:`${r.code}_${n}`};e.push(o)}return e},g=t=>{var a,s,u;const e=((s=(a=t==null?void 0:t.data)==null?void 0:a.attributesForm)==null?void 0:s.items)||[];if(!e.length)return[];const r=(u=e.filter(i=>{var c;return!((c=i.frontend_input)!=null&&c.includes("HIDDEN"))}))==null?void 0:u.map(({code:i,...c})=>{const f=i!=="country_id"?i:"country_code";return{...c,name:f,id:f,code:f}}),n=R(r);return r.concat(n).map(i=>{const c=h(i.code);return d({...i,customUpperCode:c},"camelCase",{frontend_input:"fieldType",frontend_class:"className",is_required:"required",sort_order:"orderNumber"})}).sort((i,c)=>i.orderNumber-c.orderNumber)},S=t=>{var n,o;if(!((o=(n=t==null?void 0:t.data)==null?void 0:n.countries)!=null&&o.length))return[];const{countries:e}=t.data;return e.filter(({two_letter_abbreviation:a,full_name_locale:s})=>!!(a&&s)).map(a=>{const{two_letter_abbreviation:s,full_name_locale:u}=a;return{value:s,text:u}})},y=t=>{var r,n;return(n=(r=t==null?void 0:t.data)==null?void 0:r.country)!=null&&n.available_regions?t.data.country.available_regions.filter(o=>{if(!o)return!1;const{id:a,code:s,name:u}=o;return!!(a&&s&&u)}).map(o=>{const{id:a}=o;return{id:a,text:o.name,value:`${o.code},${o.id}`}}):[]},N=async t=>await l(t!=="shortRequest"?C:T,{method:"GET",cache:"force-cache",variables:{formCode:t}}).then(e=>{var r;return(r=e.errors)!=null&&r.length?_(e.errors):g(e)}).catch(m),v=`
+  mutation CREATE_CUSTOMER_ADDRESS($input: CustomerAddressInput!) {
+    createCustomerAddress(input:$input) {
+      firstname
+    }
+  }
+`,q=async t=>await l(v,{method:"POST",variables:{input:d(t,"snakeCase",{customAttributesV2:"custom_attributesV2"})}}).then(e=>{var r,n,o;return(r=e.errors)!=null&&r.length?_(e.errors):((o=(n=e==null?void 0:e.data)==null?void 0:n.createCustomerAddress)==null?void 0:o.firstname)||""}).catch(m),I=`
+  query GET_COUNTRIES_QUERY {
+    countries {
+      two_letter_abbreviation
+      full_name_locale
+    }
+  }
+`,Q=async()=>await l(I,{method:"GET",cache:"no-cache"}).then(t=>{var e;return(e=t.errors)!=null&&e.length?_(t.errors):S(t)}).catch(m),$=`
+  query GET_REGIONS($countryCode: String!) {
+    country(id: $countryCode) {
+      id
+      available_regions {
+        id
+        code
+        name
+      }
+    }
+  }
+`,B=async t=>await l($,{method:"GET",cache:"no-cache",variables:{countryCode:t}}).then(e=>{var r;return(r=e.errors)!=null&&r.length?_(e.errors):y(e)}).catch(m),G=`
+  mutation UPDATE_CUSTOMER_ADDRESS($id: Int!,
+  $input: CustomerAddressInput) {
+    updateCustomerAddress(id:$id, input:$input) {
+      firstname
+   }
+  }
+`,H=async t=>{const{addressId:e,...r}=t;return e?await l(G,{method:"POST",variables:{id:e,input:d(r,"snakeCase",{customAttributesV2:"custom_attributesV2"})}}).then(n=>{var o,a,s;return(o=n.errors)!=null&&o.length?_(n.errors):((s=(a=n==null?void 0:n.data)==null?void 0:a.updateCustomerAddress)==null?void 0:s.firstname)||""}).catch(m):""};export{m as a,w as b,F as c,N as d,q as e,l as f,M as g,_ as h,Q as i,B as j,d as k,h as l,D as r,U as s,H as u};

package/components/AccountLoaders/AccountLoaders.d.ts

@@ -0,0 +1,7 @@
+
+export declare const CardLoader: ({ testId, withCard, }: {
+    testId?: string | undefined;
+    withCard?: boolean | undefined;
+}) => import("preact").JSX.Element;
+export declare const AddressFormLoader: () => import("preact").JSX.Element;
+//# sourceMappingURL=AccountLoaders.d.ts.map

package/components/AccountLoaders/index.d.ts

@@ -0,0 +1,3 @@
+export * from './AccountLoaders';
+export { CardLoader as default } from './AccountLoaders';
+//# sourceMappingURL=index.d.ts.map

package/components/AddressActions/AddressActions.d.ts

@@ -0,0 +1,5 @@
+import { FunctionComponent } from 'preact';
+import { AddressActionsProps } from '../../types';
+
+export declare const AddressActions: FunctionComponent<AddressActionsProps>;
+//# sourceMappingURL=AddressActions.d.ts.map

package/components/AddressActions/index.d.ts

@@ -0,0 +1,3 @@
+export * from './AddressActions';
+export { AddressActions as default } from './AddressActions';
+//# sourceMappingURL=index.d.ts.map

package/components/AddressCard/AddressCard.d.ts

@@ -0,0 +1,5 @@
+import { FunctionComponent } from 'preact';
+import { AddressCardProps } from '../../types';
+
+export declare const AddressCard: FunctionComponent<AddressCardProps>;
+//# sourceMappingURL=AddressCard.d.ts.map

package/components/AddressCard/index.d.ts

@@ -0,0 +1,3 @@
+export * from './AddressCard';
+export { AddressCard as default } from './AddressCard';
+//# sourceMappingURL=index.d.ts.map

package/components/AddressFormWrapper/AddressFormWrapper.d.ts

@@ -0,0 +1,5 @@
+import { FunctionComponent } from 'preact';
+import { AddressFormWrapperProps } from '../../types';
+
+export declare const AddressFormWrapper: FunctionComponent<AddressFormWrapperProps>;
+//# sourceMappingURL=AddressFormWrapper.d.ts.map

package/components/AddressFormWrapper/index.d.ts

@@ -0,0 +1,3 @@
+export * from './AddressFormWrapper';
+export { AddressFormWrapper as default } from './AddressFormWrapper';
+//# sourceMappingURL=index.d.ts.map

package/components/AddressModal/AddressModal.d.ts

@@ -0,0 +1,5 @@
+import { FunctionComponent } from 'preact';
+import { AddressModalProps } from '../../types';
+
+export declare const AddressModal: FunctionComponent<AddressModalProps>;
+//# sourceMappingURL=AddressModal.d.ts.map

package/components/AddressModal/index.d.ts

@@ -0,0 +1,3 @@
+export * from './AddressModal';
+export { AddressModal as default } from './AddressModal';
+//# sourceMappingURL=index.d.ts.map

package/components/AddressesWrapper/AddressesWrapper.d.ts

@@ -0,0 +1,5 @@
+import { FunctionComponent } from 'preact';
+import { AddressesWrapperProps } from '../../types';
+
+export declare const AddressesWrapper: FunctionComponent<AddressesWrapperProps>;
+//# sourceMappingURL=AddressesWrapper.d.ts.map

package/components/AddressesWrapper/index.d.ts

@@ -0,0 +1,3 @@
+export * from './AddressesWrapper';
+export { AddressesWrapper as default } from './AddressesWrapper';
+//# sourceMappingURL=index.d.ts.map

package/components/EmptyList/EmptyList.d.ts

@@ -0,0 +1,9 @@
+import { FunctionComponent } from 'preact';
+import { HTMLAttributes } from 'preact/compat';
+
+export interface EmptyListProps extends HTMLAttributes<HTMLDivElement> {
+    isEmpty: boolean;
+    typeList: 'address' | 'orders';
+}
+export declare const EmptyList: FunctionComponent<EmptyListProps>;
+//# sourceMappingURL=EmptyList.d.ts.map

package/components/EmptyList/index.d.ts

@@ -0,0 +1,3 @@
+export * from './EmptyList';
+export { EmptyList as default } from './EmptyList';
+//# sourceMappingURL=index.d.ts.map

package/components/Form/Form.d.ts

@@ -0,0 +1,5 @@
+import { FunctionComponent } from 'preact';
+import { FormProps } from '../../types';
+
+export declare const Form: FunctionComponent<FormProps>;
+//# sourceMappingURL=Form.d.ts.map

package/components/Form/FormInputs/FormInputs.d.ts

@@ -0,0 +1,5 @@
+import { FunctionComponent } from 'preact';
+import { FormInputsProps } from '../../../types';
+
+export declare const FormInputs: FunctionComponent<FormInputsProps>;
+//# sourceMappingURL=FormInputs.d.ts.map

package/components/Form/FormInputs/index.d.ts

@@ -0,0 +1,3 @@
+export * from './FormInputs';
+export { FormInputs as default } from './FormInputs';
+//# sourceMappingURL=index.d.ts.map

package/components/Form/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Form';
+export { Form as default } from './Form';
+//# sourceMappingURL=index.d.ts.map

package/components/index.d.ts

@@ -0,0 +1,11 @@
+export * from '../containers/AddressForm';
+export * from './Form';
+export * from './Form/FormInputs';
+export * from './AddressCard';
+export * from './AddressActions';
+export * from './AddressModal';
+export * from './EmptyList';
+export * from './AccountLoaders';
+export * from './AddressesWrapper';
+export * from './AddressFormWrapper';
+//# sourceMappingURL=index.d.ts.map

package/configs/addressField.config.d.ts

@@ -0,0 +1,39 @@
+import { FieldEnumList } from '../data/models';
+
+export declare const defaultShippingCheckBox: {
+    label: string;
+    name: string;
+    id: string;
+    code: string;
+    customUpperCode: string;
+    entityType: string;
+    isUnique: boolean;
+    options: never[];
+    multilineCount: number;
+    validateRules: never[];
+    defaultValue: boolean;
+    fieldType: FieldEnumList;
+    className: string;
+    required: boolean;
+    orderNumber: number;
+    isHidden: boolean;
+};
+export declare const defaultBillingCheckBox: {
+    label: string;
+    name: string;
+    id: string;
+    code: string;
+    customUpperCode: string;
+    entityType: string;
+    isUnique: boolean;
+    options: never[];
+    multilineCount: number;
+    validateRules: never[];
+    defaultValue: boolean;
+    fieldType: FieldEnumList;
+    className: string;
+    required: boolean;
+    orderNumber: number;
+    isHidden: boolean;
+};
+//# sourceMappingURL=addressField.config.d.ts.map

package/configs/defaultAttributePreset.config.d.ts

@@ -0,0 +1,2 @@
+export declare const defaultAttributePreset: string[];
+//# sourceMappingURL=defaultAttributePreset.config.d.ts.map