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

package/components/OrdersListWrapper/index.d.ts

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

package/components/index.d.ts

@@ -0,0 +1,13 @@
+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 './OrdersListAction';
+export * from './OrdersListCard';
+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

package/configs/mockDefaultAddress.config.d.ts

@@ -0,0 +1,184 @@
+export declare const mockResponseInputFieldsList: ({
+    default_value: null;
+    entity_type: string;
+    frontend_class: null;
+    frontend_input: string;
+    required: boolean;
+    is_unique: boolean;
+    label: string;
+    options: never[];
+    multiline_count: number;
+    sort_order: number;
+    validate_rules: never[];
+    name: string;
+    id: string;
+    code: string;
+    isHidden?: undefined;
+} | {
+    default_value: boolean;
+    entity_type: string;
+    is_unique: boolean;
+    options: never[];
+    multiline_count: number;
+    validate_rules: never[];
+    frontend_input: string;
+    frontend_class: string;
+    required: boolean;
+    sort_order: number;
+    isHidden: boolean;
+    label: string;
+    name: string;
+    id: string;
+    code: string;
+})[];
+export declare const mockInputFieldsList: ({
+    defaultValue: null;
+    entityType: string;
+    className: null;
+    fieldType: string;
+    required: boolean;
+    isUnique: boolean;
+    label: string;
+    options: never[];
+    multilineCount: number;
+    orderNumber: number;
+    validateRules: never[];
+    name: string;
+    id: string;
+    code: string;
+    customUpperCode: string;
+    isHidden?: undefined;
+} | {
+    entityType: string;
+    isUnique: boolean;
+    options: never[];
+    multilineCount: number;
+    validateRules: never[];
+    defaultValue: boolean;
+    fieldType: string;
+    className: string;
+    required: boolean;
+    orderNumber: number;
+    isHidden: boolean;
+    label: string;
+    name: string;
+    id: string;
+    code: string;
+    customUpperCode: string;
+})[];
+export declare const mockKeysSortOrder: ({
+    name: string;
+    orderNumber: number;
+    label: null;
+} | {
+    name: string;
+    orderNumber: number;
+    label: string;
+})[];
+export declare const mockDefaultAddress: {
+    firstname: string;
+    lastname: string;
+    city: string;
+    company: string;
+    countryCode: string;
+    region: {
+        region: string;
+        regionCode: string;
+        regionId: number;
+    };
+    telephone: string;
+    id: string;
+    vatId: string;
+    postcode: string;
+    street: string;
+    street_2: string;
+    defaultShipping: boolean;
+    defaultBilling: boolean;
+};
+export declare const mockResponseAddressWithText: {
+    firstname: string;
+    lastname: string;
+    city: string;
+    company: string;
+    country_code: string;
+    region: {
+        region: string;
+        region_code: string;
+        region_id: number;
+    };
+    telephone: string;
+    id: string;
+    vat_id: string;
+    postcode: string;
+    street: string[];
+    default_shipping: boolean;
+    default_billing: boolean;
+    custom_attributesV2: never[];
+};
+export declare const mockResponseAddressEmpty: {
+    firstname: string;
+    lastname: string;
+    city: string;
+    company: string;
+    country_code: string;
+    region: {
+        region: string;
+        region_code: string;
+        region_id: string;
+    };
+    telephone: string;
+    id: string;
+    vat_id: string;
+    postcode: string;
+    street: string[];
+    default_shipping: boolean;
+    default_billing: boolean;
+    custom_attributesV2: never[];
+};
+export declare const mockDefaultAddressEmpty: {
+    firstname: string;
+    lastname: string;
+    city: string;
+    company: string;
+    countryCode: string;
+    region: {
+        region: string;
+        regionCode: string;
+        regionId: string;
+    };
+    telephone: string;
+    id: string;
+    vatId: string;
+    postcode: string;
+    street: string;
+    defaultShipping: boolean;
+    defaultBilling: boolean;
+};
+export declare const mockResponseCountries: {
+    two_letter_abbreviation: string;
+    full_name_locale: string;
+}[];
+export declare const mockResponseCountriesEmpty: {
+    two_letter_abbreviation: null;
+    full_name_locale: null;
+}[];
+export declare const mockDefaultCountries: {
+    value: string;
+    text: string;
+}[];
+export declare const mockResponseRegions: {
+    id: number;
+    code: string;
+    name: string;
+}[];
+export declare const mockResponseRegionsEmpty: {
+    id: null;
+    code: null;
+    name: null;
+}[];
+export declare const mockDefaultRegions: {
+    id: number;
+    value: string;
+    text: string;
+}[];
+//# sourceMappingURL=mockDefaultAddress.config.d.ts.map

package/configs/mockOrdersList.config.d.ts

@@ -0,0 +1,96 @@
+export declare const mockOrdersListResponse: {
+    customer: {
+        orders: {
+            page_info: {
+                page_size: number;
+                total_pages: number;
+                current_page: number;
+            };
+            total_count: number;
+            items: {
+                token: string;
+                email: string;
+                shipping_method: string;
+                shipping_address: {
+                    firstname: string;
+                    lastname: string;
+                    city: string;
+                    company: string;
+                    country_code: string;
+                    region: {
+                        region: string;
+                        region_code: string;
+                        region_id: string;
+                    };
+                    telephone: string;
+                    id: string;
+                    vat_id: string;
+                    postcode: string;
+                    street: string[];
+                    default_shipping: boolean;
+                    default_billing: boolean;
+                    custom_attributesV2: never[];
+                };
+                billing_address: {
+                    firstname: string;
+                    lastname: string;
+                    city: string;
+                    company: string;
+                    country_code: string;
+                    region: {
+                        region: string;
+                        region_code: string;
+                        region_id: string;
+                    };
+                    telephone: string;
+                    id: string;
+                    vat_id: string;
+                    postcode: string;
+                    street: string[];
+                    default_shipping: boolean;
+                    default_billing: boolean;
+                    custom_attributesV2: never[];
+                };
+                payment_methods: {
+                    name: string;
+                }[];
+                number: string;
+                id: string;
+                order_date: string;
+                carrier: string;
+                status: string;
+                items: {
+                    status: string;
+                    product_name: string;
+                    id: string;
+                    product: {
+                        small_image: {
+                            url: string;
+                        };
+                    };
+                }[];
+                total: {
+                    grand_total: {
+                        value: number;
+                        currency: string;
+                    };
+                    subtotal: {
+                        currency: string;
+                        value: number;
+                    };
+                    taxes: never[];
+                    total_tax: {
+                        currency: string;
+                        value: number;
+                    };
+                    total_shipping: {
+                        currency: string;
+                        value: number;
+                    };
+                    discounts: never[];
+                };
+            }[];
+        };
+    };
+};
+//# sourceMappingURL=mockOrdersList.config.d.ts.map

package/containers/AddressForm/AddressForm.d.ts

@@ -0,0 +1,5 @@
+import { Container } from '@dropins/tools/types/elsie/src/lib';
+import { AddressFormProps } from '../../types';
+
+export declare const AddressForm: Container<AddressFormProps>;
+//# sourceMappingURL=AddressForm.d.ts.map

package/containers/AddressForm/index.d.ts

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

package/containers/AddressForm.d.ts

@@ -0,0 +1,3 @@
+export * from './AddressForm/index'
+import _default from './AddressForm/index'
+export default _default

package/containers/AddressForm.js

@@ -0,0 +1 @@
+import{A as x,A as F}from"../chunks/AddressFormWrapper.js";import"@dropins/tools/preact-jsx-runtime.js";import"@dropins/tools/lib.js";import"../chunks/AddressFormWrapper2.js";import"@dropins/tools/preact-hooks.js";import"@dropins/tools/i18n.js";import"@dropins/tools/preact-compat.js";import"@dropins/tools/components.js";import"@dropins/tools/preact.js";import"@dropins/tools/event-bus.js";import"../chunks/updateCustomerAddress.js";import"../chunks/convertCase.js";import"@dropins/tools/fetch-graphql.js";export{x as AddressForm,F as default};

package/containers/Addresses/Addresses.d.ts

@@ -0,0 +1,5 @@
+import { Container } from '@dropins/tools/types/elsie/src/lib';
+import { AddressesProps } from '../../types';
+
+export declare const Addresses: Container<AddressesProps>;
+//# sourceMappingURL=Addresses.d.ts.map

package/containers/Addresses/index.d.ts

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

package/containers/Addresses.d.ts

@@ -0,0 +1,3 @@
+export * from './Addresses/index'
+import _default from './Addresses/index'
+export default _default

package/containers/Addresses.js

@@ -0,0 +1 @@
+import{jsx as i,jsxs as C,Fragment as X}from"@dropins/tools/preact-jsx-runtime.js";import{classes as M}from"@dropins/tools/lib.js";import{C as K}from"../chunks/AddressFormWrapper2.js";import*as z from"@dropins/tools/preact-compat.js";import{useCallback as I,useMemo as Y}from"@dropins/tools/preact-compat.js";import{Card as j,Button as x,Tag as W,Icon as Z,Modal as D,ProgressSpinner as ee,Header as ie}from"@dropins/tools/components.js";import{useState as v,useCallback as h,useEffect as se}from"@dropins/tools/preact-hooks.js";import{Fragment as te}from"@dropins/tools/preact.js";import{u as q,g as re}from"../chunks/updateCustomerAddress.js";import"@dropins/tools/event-bus.js";import{e as de}from"../chunks/convertCase.js";import{g as ne,r as oe}from"../chunks/removeCustomerAddress.js";import{S as le,c as ae,E as ce}from"../chunks/checkIsFunction.js";import{A as H}from"../chunks/AddressFormWrapper.js";import{useText as S}from"@dropins/tools/i18n.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/transform-customer-address.js";const G=({minifiedView:t,keysSortOrder:n,addressData:e,loading:l,setAddressId:s,handleRenderModal:c,handleRenderForm:d})=>{const r={minifiedView:{},fullSizeView:{}};r.minifiedView=S({actionRemove:"Account.Addresses.minifiedView.addressCard.actionRemove",actionEdit:"Account.Addresses.minifiedView.addressCard.actionEdit",cardLabelShipping:"Account.Addresses.minifiedView.addressCard.cardLabelShipping",cardLabelBilling:"Account.Addresses.minifiedView.addressCard.cardLabelBilling"}),r.fullSizeView=S({actionRemove:"Account.Addresses.fullSizeView.addressCard.actionRemove",actionEdit:"Account.Addresses.fullSizeView.addressCard.actionEdit",cardLabelShipping:"Account.Addresses.fullSizeView.addressCard.cardLabelShipping",cardLabelBilling:"Account.Addresses.fullSizeView.addressCard.cardLabelBilling"});const p=I(()=>{s==null||s(e==null?void 0:e.id),c==null||c()},[c,e==null?void 0:e.id,s]),g=I(()=>{s==null||s(e==null?void 0:e.id),d==null||d()},[d,e==null?void 0:e.id,s]),w=Y(()=>{if(!n)return[];const{region:o,...u}=e,a={...u,...o};return n.filter(({name:m})=>a[m]).map(m=>({name:m.name,orderNumber:m.orderNumber,value:a[m.name],label:m.label}))},[e,n]);return i(j,{variant:"secondary",className:"dropin-address-card","data-testid":"addressCard",children:l?i(K,{}):C(X,{children:[C("div",{className:"dropin-address-card__action",children:[c?i(x,{variant:"tertiary",onClick:p,"data-testid":"removeButton",children:t?r.minifiedView.actionRemove:r.fullSizeView.actionRemove}):null,d?i(x,{variant:"tertiary",onClick:g,className:"dropin-address-card__action--editbutton","data-testid":"editButton",children:t?r.minifiedView.actionEdit:r.fullSizeView.actionEdit}):null]}),i("div",{className:"dropin-address-card__description",children:w.map((o,u)=>{const a=o.label?`${o.label}: ${o==null?void 0:o.value}`:o==null?void 0:o.value;return i("p",{"data-testid":`${o.name}_${u}`,children:a},u)})}),e!=null&&e.defaultShipping||e!=null&&e.defaultBilling?C("div",{className:"dropin-address-card__labels",children:[e!=null&&e.defaultShipping?i(W,{label:t?r.minifiedView.cardLabelShipping.toLocaleUpperCase():r.fullSizeView.cardLabelShipping.toLocaleUpperCase()}):null,e!=null&&e.defaultBilling?i(W,{label:t?r.minifiedView.cardLabelBilling.toLocaleUpperCase():r.fullSizeView.cardLabelBilling.toLocaleUpperCase()}):null]}):null]})})},ue=t=>z.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",...t},z.createElement("g",{id:"Large"},z.createElement("rect",{id:"Placement_area","data-name":"Placement area",width:24,height:24,fill:"#fff",opacity:0}),z.createElement("g",{id:"Add_icon","data-name":"Add icon",transform:"translate(9.734 9.737)"},z.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"}),z.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"})))),me=({className:t,addNewAddress:n,minifiedView:e,routeAddressesPage:l})=>{const s={minifiedView:{},fullSizeView:{}};return s.minifiedView=S({viewAllAddressesButton:"Account.Addresses.minifiedView.viewAllAddressesButton"}),s.fullSizeView=S({addNewAddressButton:"Account.Addresses.fullSizeView.addNewAddressButton"}),C("button",{className:M(["dropin-actions-address",["dropin-actions-address--viewall",e],["dropin-actions-address--address",!e],t]),"data-testid":"showRouteFullAddress",onClick:l,children:[i("span",{className:"dropin-actions-address--title","data-testid":"addressActionsText",children:e&&!n?s.minifiedView.viewAllAddressesButton:s.fullSizeView.addNewAddressButton}),i(Z,{source:e&&!n?le:ue,size:"32"})]})},fe=({minifiedView:t,keysSortOrder:n,addressData:e,open:l,submitLoading:s,onRemoveAddress:c,closeModal:d})=>{const r={minifiedView:{},fullSizeView:{}};return r.minifiedView=S({title:"Account.Addresses.minifiedView.removeAddressModal.title",description:"Account.Addresses.minifiedView.removeAddressModal.description",actionCancel:"Account.Addresses.minifiedView.removeAddressModal.actionCancel",actionConfirm:"Account.Addresses.minifiedView.removeAddressModal.actionConfirm"}),r.fullSizeView=S({title:"Account.Addresses.fullSizeView.removeAddressModal.title",description:"Account.Addresses.fullSizeView.removeAddressModal.description",actionCancel:"Account.Addresses.fullSizeView.removeAddressModal.actionCancel",actionConfirm:"Account.Addresses.fullSizeView.removeAddressModal.actionConfirm"}),l?C(D,{title:i("h3",{children:t?r.minifiedView.title:r.fullSizeView.title}),className:"dropin-address-modal",size:"full","data-testid":"addressModal",showCloseButton:!0,onClose:d,children:[s?i("div",{className:"dropin-address-modal__spinner","data-testid":"progressSpinner",children:i(ee,{stroke:"4",size:"large"})}):null,i("p",{children:t?r.minifiedView.description:r.fullSizeView.description}),i(G,{minifiedView:t,addressData:e,keysSortOrder:n}),C("div",{className:"dropin-address-modal__wrapper--buttons",children:[i(x,{type:"button",onClick:d,variant:"secondary",disabled:s,children:t?r.minifiedView.actionCancel:r.fullSizeView.actionCancel}),i(x,{disabled:s,onClick:c,children:t?r.minifiedView.actionConfirm:r.fullSizeView.actionConfirm})]})]}):null},pe=async(t,n)=>{if(n.length===1){const d=n[0],p=Object.values(d.region).every(w=>!!w)?{}:{region:{...d.region,regionId:0}};return!!await q({addressId:Number(d==null?void 0:d.id),defaultShipping:!1,defaultBilling:!1,...p})}const e=n.filter(d=>d.id!==t&&(d.defaultBilling||d.defaultShipping)||d.id!==t),l=n[n.length-1],s=e[0]||((l==null?void 0:l.id)!==t?l:null);return!s||!s.id?!1:!!await q({addressId:+s.id,defaultShipping:!0,defaultBilling:!0})},Ae=["firstname","lastname","city","company","country_code","region","region_code","region_id","telephone","id","vat_id","postcode","street","street_2","default_shipping","default_billing"],we=({minifiedView:t,routeAddressesPage:n,onSuccess:e})=>{const[l,s]=v(!1),[c,d]=v(!1),[r,p]=v(!1),[g,w]=v(!1),[o,u]=v(!1),[a,m]=v(""),[_,N]=v([]),[T,E]=v([]),A=h(async()=>{p(!0),Promise.all([re("shortRequest"),ne()]).then(b=>{const[k,f]=b;if(k){const U=k.map(({name:y,orderNumber:J,label:Q})=>({name:de(y),orderNumber:J,label:Ae.includes(y)?null:Q}));E(U)}if(f)if(t){const U=f.filter(y=>!!y.defaultShipping||!!y.defaultBilling);N(U)}else N(f)}).finally(()=>{p(!1)})},[t]);se(()=>{A()},[A]);const V=h(b=>{m(b),u(!1)},[]),B=h(()=>{d(!0)},[]),L=h(()=>{m(""),d(!1),s(!1)},[]),O=h(()=>{s(!0)},[]),$=h(async()=>{w(!0),await pe(a,_),oe(+a).then(()=>{A(),L()}).finally(()=>{w(!1)})},[_,a,L,A]),F=h(()=>{u(!1)},[]),R=h(()=>{ae(n)&&t&&!o?window.location.href=n():(u(!0),m(""))},[o,n,t]),P=h(async()=>{await A(),await(e==null?void 0:e())},[A,e]);return{keysSortOrder:T,submitLoading:g,isModalRendered:l,isFormRendered:c,loading:r,addNewAddress:o,addressesList:_,addressId:a,handleRenderForm:B,handleRenderModal:O,removeAddress:$,onCloseBtnClick:L,setEditingAddressId:V,closeNewAddressForm:F,redirectToAddressesRoute:R,handleOnSuccess:P}},ge=({className:t,withHeader:n=!0,minifiedView:e=!1,withActionsInMinifiedView:l=!1,withActionsInFullSizeView:s=!0,inputsDefaultValueSet:c,showShippingCheckBox:d=!0,showBillingCheckBox:r=!0,shippingCheckBoxValue:p=!0,billingCheckBoxValue:g=!0,routeAddressesPage:w,onSuccess:o,onError:u})=>{const a={minifiedView:{},fullSizeView:{}};a.minifiedView=S({containerTitle:"Account.Addresses.minifiedView.containerTitle",editAddressFormTitle:"Account.Addresses.minifiedView.editAddressFormTitle",viewAllAddressesButton:"Account.Addresses.minifiedView.viewAllAddressesButton"}),a.fullSizeView=S({containerTitle:"Account.Addresses.fullSizeView.containerTitle",editAddressFormTitle:"Account.Addresses.fullSizeView.editAddressFormTitle",newAddressFormTitle:"Account.Addresses.fullSizeView.newAddressFormTitle",viewAllAddressesButton:"Account.Addresses.fullSizeView.viewAllAddressesButton"});const{keysSortOrder:m,submitLoading:_,isModalRendered:N,isFormRendered:T,loading:E,addNewAddress:A,addressesList:V,addressId:B,handleRenderForm:L,handleRenderModal:O,removeAddress:$,onCloseBtnClick:F,handleOnSuccess:R,setEditingAddressId:P,closeNewAddressForm:b,redirectToAddressesRoute:k}=we({minifiedView:e,routeAddressesPage:w,onSuccess:o});return C("div",{children:[i("div",{children:n?i(ie,{title:e?a.minifiedView.containerTitle:a.fullSizeView.containerTitle,divider:!e,className:e?"dropin-addresses-header":""}):null}),C("div",{className:M(["dropin-addresses-wrapper",t]),"data-testid":"addressesIdWrapper",children:[i(fe,{minifiedView:e,addressData:V.find(f=>f.id===B),keysSortOrder:m,submitLoading:_,open:N,closeModal:F,onRemoveAddress:$}),E?i(K,{testId:"addressSkeletonLoader",withCard:!1}):i(ce,{isEmpty:!V.length,typeList:"address",minifiedView:e}),V.map(f=>i(te,{children:B===f.id&&T?i(j,{variant:"secondary",style:{marginBottom:20},children:i(H,{isOpen:B===f.id&&T,addressFormId:B,inputsDefaultValueSet:f,addressesFormTitle:e?a.minifiedView.editAddressFormTitle:a.fullSizeView.editAddressFormTitle,showShippingCheckBox:d,showBillingCheckBox:r,shippingCheckBoxValue:p,billingCheckBoxValue:g,onCloseBtnClick:F,onSuccess:R,onError:u})}):i(G,{minifiedView:e,addressData:f,keysSortOrder:m,loading:E,setAddressId:P,handleRenderModal:e&&l||!e&&s?O:void 0,handleRenderForm:e&&l||!e&&s?L:void 0},f.id)},f.id)),i("div",{className:"dropin-addresses__footer",children:A?i("div",{className:M(["dropin-addresses-form__footer__wrapper",["dropin-addresses-form__footer__wrapper-show",A]]),children:i(j,{variant:"secondary",children:i(H,{isOpen:A,addressesFormTitle:a.fullSizeView.newAddressFormTitle,inputsDefaultValueSet:c,showShippingCheckBox:!!V.length,showBillingCheckBox:!!V.length,shippingCheckBoxValue:p,billingCheckBoxValue:g,onCloseBtnClick:b,onSuccess:R,onError:u})})}):i(me,{minifiedView:e,addNewAddress:A,routeAddressesPage:k})})]})]})},ke=({className:t,withHeader:n,minifiedView:e,withActionsInMinifiedView:l,withActionsInFullSizeView:s,inputsDefaultValueSet:c,showShippingCheckBox:d,showBillingCheckBox:r,shippingCheckBoxValue:p,billingCheckBoxValue:g,routeAddressesPage:w,onSuccess:o,onError:u})=>i("div",{className:M(["dropin-addresses",t]),"data-testid":"addressesid",children:i(ge,{className:t,withHeader:n,minifiedView:e,withActionsInMinifiedView:l,withActionsInFullSizeView:s,inputsDefaultValueSet:c,billingCheckBoxValue:g,shippingCheckBoxValue:p,showBillingCheckBox:r,showShippingCheckBox:d,routeAddressesPage:w,onSuccess:o,onError:u})});export{ke as Addresses,ke as default};

package/containers/OrdersList/OrdersList.d.ts

@@ -0,0 +1,5 @@
+import { Container } from '@dropins/tools/types/elsie/src/lib';
+import { OrdersListProps } from '../../types';
+
+export declare const OrdersList: Container<OrdersListProps>;
+//# sourceMappingURL=OrdersList.d.ts.map

package/containers/OrdersList/index.d.ts

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

package/containers/OrdersList.d.ts

@@ -0,0 +1,3 @@
+export * from './OrdersList/index'
+import _default from './OrdersList/index'
+export default _default

package/containers/OrdersList.js

@@ -0,0 +1 @@
+import{jsx as i,jsxs as p,Fragment as z}from"@dropins/tools/preact-jsx-runtime.js";import{classes as w,Slot as S}from"@dropins/tools/lib.js";import{C as k}from"../chunks/AddressFormWrapper2.js";import"@dropins/tools/preact-compat.js";import{Card as y,Icon as C,Image as T,Header as b}from"@dropins/tools/components.js";import{S as v,c as H,E as x}from"../chunks/checkIsFunction.js";import{useCallback as I,useState as A,useEffect as B}from"@dropins/tools/preact-hooks.js";import{useText as h}from"@dropins/tools/i18n.js";import"@dropins/tools/preact.js";import"@dropins/tools/event-bus.js";import{g as E}from"../chunks/getOrderHistoryList.js";import"../chunks/convertCase.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/transform-customer-address.js";const N={size:"32",stroke:"2"},V=({minifiedView:n,orderId:r,orderToken:t,onSelectId:o,routeOrdersList:e,routeOrderDetails:f})=>{const s={minifiedView:{},fullSizeView:{}};s.minifiedView=h({viewAllOrdersButton:"Account.OrdersList.minifiedView.viewAllOrdersButton"});const l=I(()=>{o&&r&&(o==null||o(r))},[o,r]);return e?i("a",{className:w(["dropin-orders-list-action",["dropin-orders-list-action--minifiedView",n]]),"data-testid":"ordersListActionButtonMinifiedView",href:e(),onClick:l,children:i(y,{"data-testid":"ordersListActionMinifiedView",variant:"secondary",children:p("div",{className:"dropin-orders-list-action__card-wrapper",children:[i("p",{children:s.minifiedView.viewAllOrdersButton}),i(C,{source:v,...N})]})})}):i("a",{href:H(f)?f(r,t):"#",onClick:l,className:"dropin-orders-list-action","data-testid":"ordersListActionButton",children:i(C,{source:v,...N})})},_=({minifiedView:n,item:r,withThumbnails:t,children:o,slots:e,...f})=>{var l,d,u,L;const s={minifiedView:{},fullSizeView:{}};return s.minifiedView=h({orderNumber:"Account.OrdersList.minifiedView.OrdersListCard.orderNumber",itemsAmount:"Account.OrdersList.minifiedView.OrdersListCard.itemsAmount"}),s.fullSizeView=h({orderNumber:"Account.OrdersList.fullSizeView.OrdersListCard.orderNumber",itemsAmount:"Account.OrdersList.fullSizeView.OrdersListCard.itemsAmount"}),p(y,{...f,className:w(["dropin-orders-list-card",["dropin-orders-list-card--full",((l=r==null?void 0:r.items)==null?void 0:l.length)>6]]),variant:"secondary",children:[i("div",{className:"dropin-orders-list-card--content",children:e!=null&&e.OrdersListCard?i(S,{"data-testid":`ordersListCard${r.id}`,name:"OrdersListCard",slot:e==null?void 0:e.OrdersListCard,context:{orderHistoryListItem:r}}):p(z,{children:[i("div",{children:r==null?void 0:r.status}),i("p",{children:r==null?void 0:r.orderDate}),p("p",{children:[n?s.minifiedView.orderNumber:s.fullSizeView.orderNumber," ",r.number]}),p("p",{children:["$",(d=r==null?void 0:r.total)==null?void 0:d.grandTotal.value]}),p("p",{children:[(u=r==null?void 0:r.items)==null?void 0:u.length," ",n?s.minifiedView.itemsAmount:s.fullSizeView.itemsAmount]})]})}),t&&((L=r==null?void 0:r.items)!=null&&L.length)?i("div",{className:"dropin-orders-list-card--images","data-testid":"ordersListCardImages",children:r.items.map((a,c)=>{var g;const m=(g=a==null?void 0:a.product)==null?void 0:g.smallImage.url,O=a==null?void 0:a.productName;return i(T,{src:m,width:65,height:65,alt:O},a.id+c)})}):null,i("div",{className:"dropin-orders-list-card--actions",children:o})]})},$=({ordersInMinifiedView:n,minifiedView:r,pageSize:t})=>{const[o,e]=A([]),[f,s]=A({}),[l,d]=A(""),[u,L]=A(!1);B(()=>{L(!0),E(r?n:t).then(c=>{!c||!c.items||(s(c.pageInfo),e(c.items))}).finally(()=>{L(!1)})},[r,n,t]);const a=I(c=>{d(c)},[]);return{loading:u,orderHistoryListItems:o,pageInfo:f,selectedId:l,handleSelectId:a}},j=({className:n,withHeader:r=!0,minifiedView:t=!1,withThumbnails:o=!0,ordersInMinifiedView:e=1,pageSize:f=10,routeOrdersList:s,routeOrderDetails:l,slots:d})=>{const u={minifiedView:{},fullSizeView:{}};u.minifiedView=h({containerTitle:"Account.OrdersList.minifiedView.containerTitle"}),u.fullSizeView=h({containerTitle:"Account.OrdersList.fullSizeView.containerTitle"});const{loading:L,orderHistoryListItems:a,handleSelectId:c}=$({minifiedView:t,pageSize:f,ordersInMinifiedView:e});return p("div",{children:[r?i(b,{title:t?u.minifiedView.containerTitle:u.fullSizeView.containerTitle,divider:!t,className:t?"dropin-orders-list-header":""}):null,p("div",{className:w(["dropin-orders-list",n]),children:[L?i(k,{testId:"orderSkeletonLoader",withCard:!1}):i(x,{isEmpty:!a.length,typeList:"orders",minifiedView:t}),a.map((m,O)=>i(_,{minifiedView:t,item:m,withThumbnails:o,slots:d,children:d!=null&&d.OrdersListAction?i(S,{"data-testid":`ordersListActionSlot_${O}`,name:"OrdersListAction",slot:d==null?void 0:d.OrdersListAction,context:{handleSelectId:c,orderHistoryListItem:m}}):i(V,{minifiedView:t,onSelectId:c,orderId:m.id,orderToken:m.token,routeOrderDetails:l})},O)),t?i(V,{minifiedView:t,onSelectId:c,routeOrdersList:s}):null]})]})},Z=({className:n,withHeader:r,minifiedView:t,withThumbnails:o,withFilter:e,ordersInMinifiedView:f,pageSize:s,routeOrdersList:l,routeOrderDetails:d,slots:u})=>i("div",{className:w(["dropin-orders-list",n]),"data-testid":"ordersListId",children:i(j,{className:n,withHeader:r,minifiedView:t,withThumbnails:o,withFilter:e,ordersInMinifiedView:f,pageSize:s,routeOrdersList:l,routeOrderDetails:d,slots:u})});export{Z as OrdersList,Z as default};

package/containers/index.d.ts

@@ -0,0 +1,4 @@
+export * from './AddressForm';
+export * from './Addresses';
+export * from './OrdersList';
+//# sourceMappingURL=index.d.ts.map

package/data/models/attributes-form.d.ts

@@ -0,0 +1,45 @@
+export declare enum FieldEnumList {
+    BOOLEAN = "BOOLEAN",
+    DATE = "DATE",
+    DATETIME = "DATETIME",
+    DROPDOWN = "DROPDOWN",
+    FILE = "FILE",
+    GALLERY = "GALLERY",
+    HIDDEN = "HIDDEN",
+    IMAGE = "IMAGE",
+    MEDIA_IMAGE = "MEDIA_IMAGE",
+    MULTILINE = "MULTILINE",
+    MULTISELECT = "MULTISELECT",
+    PRICE = "PRICE",
+    SELECT = "SELECT",
+    TEXT = "TEXT",
+    TEXTAREA = "TEXTAREA",
+    UNDEFINED = "UNDEFINED",
+    VISUAL = "VISUAL",
+    WEIGHT = "WEIGHT",
+    EMPTY = ""
+}
+export interface AttributesFormItemsProps {
+    code?: string;
+    name?: string;
+    id?: string;
+    required?: boolean;
+    label?: string;
+    options?: {
+        is_default: boolean;
+        label: string;
+        value: string;
+    }[];
+    entityType?: string;
+    className?: string;
+    defaultValue?: string | boolean | number;
+    fieldType?: FieldEnumList;
+    multilineCount?: number;
+    isUnique?: boolean;
+    orderNumber: number;
+    isHidden?: boolean;
+    customUpperCode: string;
+}
+export interface AttributesFormModel extends AttributesFormItemsProps {
+}
+//# sourceMappingURL=attributes-form.d.ts.map

package/data/models/country.d.ts

@@ -0,0 +1,5 @@
+export type Country = {
+    value: string;
+    text: string;
+};
+//# sourceMappingURL=country.d.ts.map

package/data/models/customer-address.d.ts

@@ -0,0 +1,21 @@
+export interface CustomerAddressesModel {
+    firstname?: string;
+    lastname?: string;
+    city?: string;
+    company?: string;
+    countryCode?: string;
+    region?: {
+        region: string;
+        regionCode: string;
+        regionId: string | number;
+    };
+    telephone?: string;
+    id?: string;
+    vatId?: string;
+    postcode?: string;
+    street?: string;
+    street_2?: string;
+    defaultShipping?: boolean;
+    defaultBilling?: boolean;
+}
+//# sourceMappingURL=customer-address.d.ts.map

package/data/models/customer.d.ts

@@ -0,0 +1,6 @@
+export interface CustomerDataModelShort {
+    firstname: string;
+    lastname: string;
+    email: string;
+}
+//# sourceMappingURL=customer.d.ts.map

package/data/models/index.d.ts

@@ -1,2 +1,6 @@
-export {};
+export * from './customer-address';
+export * from './attributes-form';
+export * from './country';
+export * from './region';
+export * from './order-history-list';
 //# sourceMappingURL=index.d.ts.map

package/data/models/order-history-list.d.ts

@@ -0,0 +1,63 @@
+import { CustomerAddressesModel } from './customer-address';
+
+export type ProductImage = {
+    url: string;
+};
+export type Product = {
+    smallImage: ProductImage;
+};
+export type OrderItem = {
+    status: string;
+    productName: string;
+    id: string;
+    product: Product;
+};
+export type PaymentMethod = {
+    name: string;
+};
+export type MoneyAmount = {
+    value: number;
+    currency: string;
+};
+export type Discount = {
+    amount: MoneyAmount;
+    label: string;
+};
+export type Tax = {
+    amount: MoneyAmount;
+    rate: number;
+    title: string;
+};
+export type OrderTotals = {
+    discounts: Discount[];
+    grandTotal: MoneyAmount;
+    subtotal: MoneyAmount;
+    taxes: Tax[];
+    totalTax: MoneyAmount;
+    totalShipping: MoneyAmount;
+};
+export type OrderDetails = {
+    token: string;
+    billingAddress: CustomerAddressesModel;
+    carrier: string;
+    email: string;
+    id: string;
+    items: OrderItem[];
+    number: string;
+    orderDate: string;
+    paymentMethods: PaymentMethod[];
+    shippingAddress: CustomerAddressesModel;
+    status: string;
+    total: OrderTotals;
+};
+export type PaginationInfo = {
+    currentPage: number;
+    pageSize: number;
+    totalPages: number;
+};
+export interface OrderHistory {
+    items: OrderDetails[];
+    pageInfo: PaginationInfo;
+    totalCount: number;
+}
+//# sourceMappingURL=order-history-list.d.ts.map

package/data/models/region.d.ts

@@ -0,0 +1,10 @@
+export type Region = {
+    code: string;
+    id?: number;
+    name: string;
+};
+export interface RegionTransform {
+    text: string;
+    value: string;
+}
+//# sourceMappingURL=region.d.ts.map

package/data/transforms/index.d.ts

@@ -1,2 +1,7 @@
-export {};
+export * from './transform-attributes-form';
+export * from './transform-customer-address';
+export * from './transform-customer';
+export * from './transform-countries';
+export * from './transform-regions';
+export * from './transform-order-history-list';
 //# sourceMappingURL=index.d.ts.map

package/data/transforms/transform-attributes-form.d.ts

@@ -0,0 +1,6 @@
+import { GetAttributesFormResponse, ResponseAttributesFormItemsProps } from '../../types';
+import { AttributesFormModel } from '../models';
+
+export declare const cloneArrayIfExists: (fields: ResponseAttributesFormItemsProps[]) => any;
+export declare const transformAttributesForm: (response: GetAttributesFormResponse) => AttributesFormModel[];
+//# sourceMappingURL=transform-attributes-form.d.ts.map

package/data/transforms/transform-countries.d.ts

@@ -0,0 +1,6 @@
+import { CountriesFormResponse } from '../../types';
+import { Country } from '../models';
+
+export declare const transformCountries: (response: CountriesFormResponse) => Country[] | [
+];
+//# sourceMappingURL=transform-countries.d.ts.map

package/data/transforms/transform-customer-address.d.ts

@@ -0,0 +1,8 @@
+import { CustomerAddressesModel } from '../models';
+import { AddressResponse, UserAddressesProps } from '../../types';
+
+export declare const expandArraysInObject: (inputObject: UserAddressesProps) => Record<string, unknown>;
+export declare const transformSingleAddress: (addressData: UserAddressesProps) => CustomerAddressesModel;
+export declare const transformMultipleAddresses: (response: AddressResponse) => CustomerAddressesModel[] | [
+];
+//# sourceMappingURL=transform-customer-address.d.ts.map

package/data/transforms/transform-customer.d.ts

@@ -0,0 +1,5 @@
+import { getCustomerShortResponse } from '../../types';
+import { CustomerDataModelShort } from '../models/customer';
+
+export declare const transformCustomer: (response: getCustomerShortResponse) => CustomerDataModelShort;
+//# sourceMappingURL=transform-customer.d.ts.map

package/data/transforms/transform-order-history-list.d.ts

@@ -0,0 +1,5 @@
+import { OrderHistoryListResponse } from '../../types';
+import { OrderHistory } from '../models';
+
+export declare const transformOrderHistoryList: (response: OrderHistoryListResponse) => OrderHistory | null;
+//# sourceMappingURL=transform-order-history-list.d.ts.map