@dropins/storefront-account 0.1.0-alpha10

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,5 @@
+import { FunctionComponent } from 'preact';
+import { EmptyListProps } from '../../types';
+
+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,6 @@
+import { FormProps, FormRef } from '../../types';
+
+export declare const Form: import('preact').FunctionComponent<import('preact/compat').PropsWithoutRef<FormProps> & {
+    ref?: import('preact').Ref<FormRef> | undefined;
+}>;
+//# 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/OrdersListAction/OrdersListAction.d.ts

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

package/components/OrdersListAction/index.d.ts

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

package/components/OrdersListCard/OrdersListCard.d.ts

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

package/components/OrdersListCard/index.d.ts

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

package/components/OrdersListWrapper/OrdersListWrapper.d.ts

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

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;
+    streetMultiline_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,203 @@
+export declare const mockOrdersListResponse: {
+    customer: {
+        orders: {
+            page_info: {
+                page_size: number;
+                total_pages: number;
+                current_page: number;
+            };
+            total_count: number;
+            date_of_first_order: string;
+            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;
+                    };
+                    shipments: never[];
+                    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[];
+                };
+                shipments?: undefined;
+                quantityInvoiced?: undefined;
+            } | {
+                token: string;
+                email: string;
+                shipping_method: string;
+                shipments: {
+                    id: string;
+                    tracking: {
+                        title: string;
+                        number: string;
+                        carrier: 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[];
+                    shipments?: undefined;
+                };
+                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;
+                quantityInvoiced: number;
+                id: string;
+                order_date: string;
+                carrier: string;
+                status: string;
+                items: ({
+                    status: string;
+                    product_name: string;
+                    id: string;
+                    product: {
+                        small_image: {
+                            url: string;
+                        };
+                    };
+                    quantityInvoiced?: undefined;
+                } | {
+                    status: string;
+                    quantityInvoiced: number;
+                    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 l,A as u}from"../chunks/AddressFormWrapper.js";import"@dropins/tools/preact-jsx-runtime.js";import"@dropins/tools/lib.js";import"@dropins/tools/components.js";import"@dropins/tools/preact-hooks.js";import"../chunks/removeCustomerAddress.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/fetch-graphql.js";import"@dropins/tools/i18n.js";import"@dropins/tools/preact-compat.js";import"@dropins/tools/preact.js";export{l as AddressForm,u 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 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};

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 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 V}from"../chunks/AddressFormWrapper.js";import"@dropins/tools/preact-compat.js";import{Card as H,Icon as k,ContentGrid as _,Image as K,Header as q,Picker as J,Pagination as W}from"@dropins/tools/components.js";import{useText as m}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=m({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,f,c,C,y,N;const u=i?"minifiedView":"fullSizeView",p=m({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]}),(f=r==null?void 0:r.shipments)==null?void 0:f.map(a=>{var L;return(L=a==null?void 0:a.tracking)==null?void 0:L.map(A=>h("p",{"data-testid":A.number,children:[e("span",{children:`${p.carrier} ${A.carrier.toLocaleUpperCase()} `}),e("a",{href:(d==null?void 0:d(A))??"",className:"dropin-orders-list-card--content--track_number",children:A.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(_,{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 A=($=a==null?void 0:a.product)==null?void 0:$.smallImage.url,g=a==null?void 0:a.productName;return e(K,{src:A,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,f]=v(!1);return M(()=>{f(!0),G(r?i:t,s,n).then(c=>{!c||!c.items||(O(c.pageInfo),u(c.items),d==null||d(c.dateOfFirstOrder))}).finally(()=>{f(!1)})},[d,r,i,t,s,n]),{loading:o,orderHistoryListItems:l,pageInfo:p}},D=(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=m({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(D("sixMonthsAgo",6))),[d,l]=v(1);M(()=>{window==null||window.scrollTo({top:100,behavior:"smooth"})},[d]);const u=j(()=>{const o=[{value:JSON.stringify(D("sixMonthsAgo",6)),text:i.pastSixMonths},{value:JSON.stringify(D("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=m({containerTitle:`Account.${t?"minifiedView":"fullSizeView"}.OrdersList.containerTitle`}),{selectableDateList:C,selectedDate:y,handleSelectDate:N,selectedPage:a,setSelectedPage:L,handleSetFirstOrderDate:A}=Z(),{pageInfo:g,loading:$,orderHistoryListItems:x}=Q({minifiedView:t,pageSize:l,ordersInMinifiedView:d,selectedDate:y,selectedPage:a,handleSetFirstOrderDate:A});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(V,{testId:"orderSkeletonLoader",withCard:!1},S))}):e(w,{children:x.length?e(w,{children:x.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:!x.length,typeList:"orders",minifiedView: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};

package/containers/index.d.ts

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