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

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

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

package/hooks/api/useCountryRegionOptions.d.ts

@@ -0,0 +1,7 @@
+import { Country } from '../../data/models';
+
+export declare const useCountryRegionOptions: () => {
+    countryRegionOptions: Record<string, [] | Country[]>;
+    handleSetCountryCode: (value: string) => void;
+};
+//# sourceMappingURL=useCountryRegionOptions.d.ts.map

package/hooks/components/useForm.d.ts

@@ -0,0 +1,12 @@
+import { useFormProps } from '../../types';
+
+export declare const useForm: ({ fieldsConfig, onSubmit, handleSetCountryCode, onChange, }: useFormProps) => {
+    formData: Record<string, string | number | boolean>;
+    errors: Record<string, string>;
+    formRef: import('preact').RefObject<HTMLFormElement>;
+    handleInputChange: (event: Event) => void;
+    handleFormChange: (event: Event) => void;
+    handleBlur: (event: Event) => void;
+    handleSubmit: (event: SubmitEvent) => void;
+};
+//# sourceMappingURL=useForm.d.ts.map

package/hooks/containers/useAddressForm.d.ts

@@ -0,0 +1,20 @@
+import { AttributesFormModel } from '../../data/models';
+import { FieldsProps, useAddressFormProps } from '../../types';
+import { VNode } from 'preact';
+import { HTMLAttributes } from 'preact/compat';
+
+export declare const getFieldWithOptions: (address: AttributesFormModel, regionOptions: any[]) => any;
+export declare const useAddressForm: ({ addressFormId, billingCheckBoxValue, shippingCheckBoxValue, showShippingCheckBox, showBillingCheckBox, countryRegionOptions, inputsDefaultValueSet, onCloseBtnClick, onSuccess, onError, }: useAddressFormProps) => {
+    inLineAlert: {
+        text: string;
+        type: 'success' | 'warning' | 'error';
+        icon?: VNode<HTMLAttributes<SVGSVGElement>> | undefined;
+    };
+    addressId: string;
+    submitLoading: boolean;
+    normalizeFieldsConfig: FieldsProps[];
+    handleUpdateAddress: (event: Event, valid: boolean) => Promise<null | undefined>;
+    handleCreateAddress: (event: Event, valid: boolean) => Promise<null | undefined>;
+    handleOnCloseForm: () => void;
+};
+//# sourceMappingURL=useAddressForm.d.ts.map

package/hooks/containers/useAddresses.d.ts

@@ -0,0 +1,22 @@
+import { CustomerAddressesModel } from '../../data/models';
+import { KeysSortOrderProps, useAddressesProps } from '../../types';
+
+export declare const useAddresses: ({ minifiedView, routeAddressesPage, onSuccess, }: useAddressesProps) => {
+    keysSortOrder: [] | KeysSortOrderProps[];
+    submitLoading: boolean;
+    isModalRendered: boolean;
+    isFormRendered: boolean;
+    loading: boolean;
+    addNewAddress: boolean;
+    addressesList: CustomerAddressesModel[];
+    addressId: string;
+    handleRenderForm: () => void;
+    handleRenderModal: () => void;
+    removeAddress: () => Promise<void>;
+    onCloseBtnClick: () => void;
+    setEditingAddressId: (id: string) => void;
+    closeNewAddressForm: () => void;
+    redirectToAddressesRoute: () => void;
+    handleOnSuccess: () => Promise<void>;
+};
+//# sourceMappingURL=useAddresses.d.ts.map

package/hooks/containers/useOrdersList.d.ts

@@ -0,0 +1,11 @@
+import { OrderDetails } from '../../data/models';
+import { useOrdersListProps } from '../../types';
+
+export declare const useOrdersList: ({ ordersInMinifiedView, minifiedView, pageSize, }: useOrdersListProps) => {
+    loading: boolean;
+    orderHistoryListItems: OrderDetails[];
+    pageInfo: {};
+    selectedId: string;
+    handleSelectId: (id: string) => void;
+};
+//# sourceMappingURL=useOrdersList.d.ts.map

package/hooks/useDebounce.d.ts

@@ -0,0 +1,3 @@
+declare const useDebounce: (value: string, delay: number) => string;
+export default useDebounce;
+//# sourceMappingURL=useDebounce.d.ts.map

package/i18n/en_US.json.d.ts

@@ -1,5 +1,89 @@
 declare const _default: {
-    "": {}
+  "Account": {
+    "EmptyList": {
+      "minifiedView": {
+        "Addresses": {
+          "message": "No saved addresses"
+        },
+        "OrdersList": {
+          "message": "No orders"
+        }
+      },
+      "fullSizeView": {
+        "Addresses": {
+          "message": "No saved addresses"
+        },
+        "OrdersList": {
+          "message": "No orders"
+        }
+      }
+    },
+    "OrdersList": {
+      "minifiedView": {
+        "containerTitle": "Recent orders",
+        "viewAllOrdersButton": "View all orders",
+        "OrdersListCard": {
+          "orderNumber": "Order number:",
+          "itemsAmount": "items"
+        }
+      },
+      "fullSizeView": {
+        "containerTitle": "Your orders",
+        "OrdersListCard": {
+          "orderNumber": "Order number:",
+          "itemsAmount": "items"
+        }
+      }
+    },
+    "Addresses": {
+      "minifiedView": {
+        "containerTitle": "Addresses",
+        "editAddressFormTitle": "Edit address",
+        "viewAllAddressesButton": "View address list",
+        "addressCard": {
+          "actionRemove": "Remove",
+          "actionEdit": "Edit",
+          "cardLabelShipping": "Shipping",
+          "cardLabelBilling": "Billing"
+        },
+        "removeAddressModal": {
+          "title": "Remove address",
+          "description": "Are you sure you would like to remove this address?",
+          "actionCancel": "Cancel",
+          "actionConfirm": "Remove"
+        }
+      },
+      "fullSizeView": {
+        "containerTitle": "Addresses",
+        "editAddressFormTitle": "Edit address",
+        "newAddressFormTitle": "Add address",
+        "addNewAddressButton": "Create new",
+        "addressCard": {
+          "actionRemove": "Remove",
+          "actionEdit": "Edit",
+          "cardLabelShipping": "Shipping",
+          "cardLabelBilling": "Billing"
+        },
+        "removeAddressModal": {
+          "title": "Remove address",
+          "description": "Are you sure you would like to remove this address?",
+          "actionCancel": "Cancel",
+          "actionConfirm": "Remove"
+        }
+      }
+    },
+    "AddressForm": {
+      "formText": {
+        "secondaryButton": "Cancel",
+        "primaryButton": "Save",
+        "defaultShippingLabel": "Set as default shipping address",
+        "defaultBillingLabel": "Set as default billing address"
+      }
+    },
+    "FormText": {
+      "requiredFieldError": "This is a required field."
+    }
+  }
 };
 
 export default _default;

package/lib/checkIsFunction.d.ts

@@ -0,0 +1,2 @@
+export declare const checkIsFunction: (value: any) => value is Function;
+//# sourceMappingURL=checkIsFunction.d.ts.map

package/lib/convertCase.d.ts

@@ -0,0 +1,4 @@
+export declare const convertToCamelCase: (key: string) => string;
+export declare const convertToSnakeCase: (key: string) => string;
+export declare const convertKeysCase: (data: any, type: 'snakeCase' | 'camelCase', dictionary?: Record<string, string>) => any;
+//# sourceMappingURL=convertCase.d.ts.map

package/lib/convertToBoolean.d.ts

@@ -0,0 +1,2 @@
+export declare const convertToBoolean: (element: string | number) => boolean;
+//# sourceMappingURL=convertToBoolean.d.ts.map

package/lib/convertToInputDateFormat.d.ts

@@ -0,0 +1,2 @@
+export declare const convertToInputDateFormat: (dateTimeString: string) => string;
+//# sourceMappingURL=convertToInputDateFormat.d.ts.map

package/lib/fetch-error.d.ts

@@ -0,0 +1,5 @@
+/** Actions */
+export declare const handleFetchError: (errors: Array<{
+    message: string;
+}>) => never;
+//# sourceMappingURL=fetch-error.d.ts.map

package/lib/formatDateToLocale.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Formats a date string according to a specified locale and options.
+ * Returns "Invalid Date" if the input date string is invalid.
+ *
+ * @param {string} date - The date string to be formatted.
+ * @param {string} [locale='en-US'] - The locale to use for formatting. Defaults to 'en-US'.
+ * @param {Intl.DateTimeFormatOptions} [options={}] - Optional formatting options to customize the output.
+ * @returns {string} The formatted date string, or "Invalid Date" if the input is invalid.
+ *
+ * @example
+ * // Default formatting (en-US locale, MM/DD/YYYY)
+ * console.log(formatDateToLocale('2023-08-29'));
+ * // Output: "08/29/2023"
+ *
+ * @example
+ * // Formatting with a specified locale (e.g., en-GB for DD/MM/YYYY)
+ * console.log(formatDateToLocale('2023-08-29', 'en-GB'));
+ * // Output: "29/08/2023"
+ *
+ * @example
+ * // Formatting with a specified locale and custom options (e.g., de-DE with long month format)
+ * console.log(formatDateToLocale('2023-08-29', 'de-DE', { month: 'long', year: 'numeric' }));
+ * // Output: "29. August 2023"
+ *
+ * @example
+ * // Handling an invalid date string
+ * console.log(formatDateToLocale('invalid-date'));
+ * // Output: "Invalid Date"
+ */
+export declare const formatDateToLocale: (date: string, locale?: string, options?: Intl.DateTimeFormatOptions) => string;
+//# sourceMappingURL=formatDateToLocale.d.ts.map

package/lib/getFieldsConfig.d.ts

@@ -0,0 +1,24 @@
+import { AttributesFormModel } from '../data/models';
+
+export declare const getFieldsConfig: (itemValues: Record<string, any>, attributesFormList: AttributesFormModel[]) => {
+    code?: string | undefined;
+    name?: string | undefined;
+    id?: string | undefined;
+    required?: boolean | undefined;
+    label?: string | undefined;
+    options?: {
+        is_default: boolean;
+        label: string;
+        value: string;
+    }[] | undefined;
+    entityType?: string | undefined;
+    className?: string | undefined;
+    defaultValue?: string | number | boolean | undefined;
+    fieldType?: import('../data/models').FieldEnumList | undefined;
+    multilineCount?: number | undefined;
+    isUnique?: boolean | undefined;
+    orderNumber: number;
+    isHidden?: boolean | undefined;
+    customUpperCode: string;
+}[];
+//# sourceMappingURL=getFieldsConfig.d.ts.map

package/lib/getFormValues.d.ts

@@ -0,0 +1,2 @@
+export declare const getFormValues: (form: HTMLFormElement) => any;
+//# sourceMappingURL=getFormValues.d.ts.map

package/lib/manageAddressDeletion.d.ts

@@ -0,0 +1,9 @@
+import { CustomerAddressesModel } from '../data/models';
+
+/**
+
+Manages the deletion of an address from a list. If the address is the last one in the list, it removes any default properties before deletion. If the address is not the last, it ensures that no default properties are set on the item, transfers them if necessary to another address, and then deletes the address.
+
+*/
+export declare const manageAddressDeletion: (removeId: string, addressesList: CustomerAddressesModel[]) => Promise<boolean>;
+//# sourceMappingURL=manageAddressDeletion.d.ts.map

package/lib/network-error.d.ts

@@ -0,0 +1,6 @@
+/**
+ * A function which can be attached to fetchGraphQL to handle thrown errors in
+ * a generic way.
+ */
+export declare const handleNetworkError: (error: Error) => never;
+//# sourceMappingURL=network-error.d.ts.map

package/lib/normalizeAttributes.d.ts

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

package/lib/serializeAddressForm.d.ts

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

package/package.json

@@ -1 +1 @@
-{"name": "@dropins/storefront-account", "version": "0.1.0-alpha4", "@dropins/elsie": "0.27.1-alpha591"}
+{"name": "@dropins/storefront-account", "version": "0.1.0-alpha6", "@dropins/elsie": "0.29.0"}

package/render.js

@@ -1 +1,3 @@
-import{jsx as e}from"@dropins/tools/preact-jsx-runtime.js";import{Render as f}from"@dropins/tools/lib.js";import{useState as i,useEffect as m}from"@dropins/tools/preact-hooks.js";import{UIProvider as c}from"@dropins/tools/components.js";import{events as a}from"@dropins/tools/event-bus.js";const p={"":{}},u={default:p},d=({children:o})=>{const[t,n]=i("en_US");return m(()=>{const r=a.on("locale",s=>{n(s)},{eager:!0});return()=>{r==null||r.off()}},[]),e(c,{lang:t,langDefinitions:u,children:o})},x=new f(e(d,{}));export{x as render};
+(function(o,i){try{if(typeof document<"u"){const r=document.createElement("style"),n=i.styleId;for(const d in i.attributes)r.setAttribute(d,i.attributes[d]);r.setAttribute("data-dropin",n),r.appendChild(document.createTextNode(o));const a=document.querySelector('style[data-dropin="sdk"]');if(a)a.after(r);else{const d=document.querySelector('link[rel="stylesheet"], style');d?d.before(r):document.head.append(r)}}}catch(r){console.error("dropin-styles (injectCodeFunction)",r)}})(`.dropin-orders-list-header{margin-bottom:var(--spacing-medium)}
+.dropin-form{display:flex;flex-direction:column;gap:var(--spacing-medium)}@media (min-width: 768px){.dropin-form{display:grid;grid-template-columns:repeat(2,1fr)}.dropin-form>.dropin-field:nth-child(1),.dropin-form>.dropin-field:nth-child(2){grid-column:span 1}.dropin-form>.dropin-field:nth-child(3),.dropin-form>.dropin-field:nth-child(4),.dropin-form>.dropin-field:nth-child(5){grid-column:span 2}.dropin-form>.dropin-field:nth-child(6),.dropin-form>.dropin-field:nth-child(7){grid-column:span 1}.dropin-form>.dropin-field:nth-child(8),.dropin-form>.dropin-field:nth-child(9){grid-column:span 1}.dropin-form>.dropin-field:nth-child(n+10){grid-column:span 2}}.dropin-form [class$=-hidden]{position:absolute;opacity:0;height:0;width:0;overflow:hidden;clip:rect(0,0,0,0)}.dropin-address-card{border-radius:var(--shape-border-radius-1);margin-bottom:var(--spacing-small);border-width:var(--shape-border-width-1)}.dropin-address-card .dropin-card__content{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-small) 0px;grid-template-areas:"description action" "labels action"}.dropin-address-card .dropin-address-card__action{display:flex;justify-content:flex-end;align-items:baseline;cursor:pointer;grid-area:action}.dropin-address-card .dropin-address-card__action--editbutton{margin-left:var(--spacing-small)}.dropin-address-card .dropin-address-card__action button{padding:0}.dropin-address-card .dropin-address-card__action button:hover{text-decoration:underline}.dropin-address-card .dropin-address-card__description{grid-area:description;margin:0;padding:0}.dropin-address-card .dropin-address-card__description p{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);color:var(--color-neutral-800);margin:0;padding:0;display:inline;overflow:hidden}.dropin-address-card .dropin-address-card__description p:nth-child(1),.dropin-address-card .dropin-address-card__description p:nth-child(2){margin:0 0 var(--spacing-small) 0;color:var(--color-neutral-800);font:var(--type-button-2-font);text-align:left;font-weight:500;cursor:default}.dropin-address-card__description p{margin-bottom:var(--spacing-small)}.dropin-address-card .dropin-address-card__description p:nth-child(1),.dropin-address-card .dropin-address-card__description p:nth-child(5),.dropin-address-card .dropin-address-card__description p:nth-child(7){float:left;width:auto;margin-right:var(--spacing-xsmall)}.dropin-address-card .dropin-address-card__description p:nth-child(2),.dropin-address-card .dropin-address-card__description p:nth-child(6),.dropin-address-card .dropin-address-card__description p:nth-child(8){display:inline;width:50%}.dropin-address-card .dropin-address-card__description p:nth-child(2):after,.dropin-address-card .dropin-address-card__description p:nth-child(6):after,.dropin-address-card .dropin-address-card__description p:nth-child(8):after{content:"\\a";white-space:pre;display:block;height:var(--spacing-small)}.dropin-address-card .dropin-address-card__description p:nth-child(3),.dropin-address-card .dropin-address-card__description p:nth-child(4),.dropin-address-card .dropin-address-card__description p:nth-child(n+9){display:block;width:100%;margin-bottom:var(--spacing-small)}.dropin-address-card .dropin-address-card__labels{display:flex;gap:0 var(--spacing-xsmall);grid-area:labels}.dropin-account-loaders--card-loader{margin-bottom:var(--spacing-small);border:var(--shape-border-width-1) solid var(--color-neutral-400);border-radius:var(--shape-border-radius-1)}.dropin-actions-address{cursor:pointer;padding:var(--spacing-xsmall) var(--spacing-medium);border-radius:var(--shape-border-radius-1);border:var(--shape-border-width-1) solid var(--color-neutral-400);background-color:var(--color-neutral-50);width:100%;height:88px;display:flex;align-items:center;justify-content:space-between}.dropin-actions-address--title{font:var(--type-button-2-font);letter-spacing:var(--type-button-2-letter-spacing)}.dropin-actions-address svg{stroke:var(--shape-icon-stroke-4);color:var(--color-neutral-800)}.dropin-address-modal{position:relative;padding:var(--spacing-xbig) var(--spacing-xxbig) var(--spacing-xxbig) var(--spacing-xxbig);width:100%;margin:auto;max-width:721px}.dropin-modal__body--medium>.dropin-modal__header-title,.dropin-modal__body--full>.dropin-modal__header-title,.dropin-address-modal .dropin-modal__content{margin:0;align-items:center}.dropin-address-modal .dropin-modal__header-title-content h3{font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing);margin:0;padding:0}.dropin-address-modal .dropin-address-modal__spinner{position:absolute;top:0;left:0;background-color:var(--color-neutral-200);opacity:.8;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1}.dropin-address-modal p{color:var(--color-neutral-800);font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);margin-bottom:var(--spacing-medium)}.dropin-address-modal .dropin-address-modal__wrapper--buttons{display:flex;align-items:center;justify-content:right;gap:0 var(--spacing-small)}.dropin-empty-list{margin-bottom:var(--spacing-small);border:var(--shape-border-width-1) solid var(--color-neutral-400);border-radius:var(--shape-border-radius-1)}.dropin-empty-list.dropin-empty-list--minified,.dropin-empty-list .dropin-card{border:none}.dropin-empty-list .dropin-card__content{gap:0;padding:var(--spacing-xxbig)}.dropin-empty-list.dropin-empty-list--minified .dropin-card__content{flex-direction:row;align-items:center;padding:var(--spacing-big) var(--spacing-small)}.dropin-empty-list .dropin-card__content svg{width:64px;height:64px;margin-bottom:var(--spacing-medium)}.dropin-empty-list.dropin-empty-list--minified .dropin-card__content svg{margin:0 var(--spacing-small) 0 0;width:32px;height:32px}.dropin-empty-list .dropin-card__content svg path{fill:var(--color-neutral-800)}.dropin-empty-list.dropin-empty-list--minified .dropin-card__content svg path{fill:var(--color-neutral-500)}.dropin-empty-list .dropin-card__content p{font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing);color:var(--color-neutral-800)}.dropin-empty-list.dropin-empty-list--minified .dropin-card__content p{font:var(--type-body-1-strong-font);color:var(--color-neutral-800)}.dropin-orders-list-action{margin:0;padding:0;border:none;background-color:transparent;cursor:pointer;text-decoration:none}.dropin-orders-list-action--minifiedView{width:100%;text-align:left;font:var(--type-body-1-default-font)}.dropin-orders-list-action.dropin-orders-list-action--minifiedView:hover{text-decoration:none}.dropin-orders-list-action--minifiedView .dropin-orders-list-action__card-wrapper{display:flex;justify-content:space-between;align-items:center;color:var(--color-neutral-800);height:calc(88px - var(--spacing-small) * 2)}.dropin-orders-list-action__card-wrapper>p{font:var(--type-button-2-font);letter-spacing:var(--type-button-2-letter-spacing)}.dropin-orders-list-action__card-wrapper svg,.dropin-orders-list-action svg{color:var(--color-neutral-800)}.dropin-orders-list-action--minifiedView .dropin-card--secondary{border-width:var(--shape-border-width-1);border-radius:var(--shape-border-radius-1)}.dropin-orders-list-action--minifiedView .dropin-card__content{padding:var(--spacing-small) var(--spacing-medium)}.dropin-orders-list-action--minifiedView p{font:var(--type-body-1-strong-font)}.dropin-orders-list-card{height:100%;margin-bottom:var(--spacing-small);border-width:var(--shape-border-width-1);border-radius:var(--shape-border-radius-1)}.dropin-orders-list-card .dropin-card__content{padding:var(--spacing-medium);display:grid;grid-template-areas:"content actions" "imageList actions";gap:0;max-height:100%}.dropin-orders-list-card .dropin-orders-list-card--content{grid-area:content;margin-bottom:var(--spacing-small)}.dropin-orders-list-card .dropin-orders-list-card--content>div:first-child{font-weight:500}.dropin-orders-list-card .dropin-orders-list-card--content p,.dropin-orders-list-card .dropin-orders-list-card--content div{padding:0;text-align:left;font:var(--type-body-1-default-font);margin-bottom:var(--spacing-small);color:var(--color-neutral-800)}.dropin-orders-list-card .dropin-orders-list-card--content p:last-child{margin:0}.dropin-orders-list-card .dropin-orders-list-card--content div{font:var(--type-button-2-font);margin-bottom:var(--spacing-small)}.dropin-orders-list-card .dropin-orders-list-card--actions{grid-area:actions}.dropin-orders-list-card .dropin-orders-list-card--images{max-width:calc(6 * 65px + 5 * var(--spacing-small));grid-area:imageList;display:grid;grid-template-columns:repeat(auto-fill,65px);grid-template-rows:65px;gap:var(--spacing-small);overflow:hidden}.dropin-orders-list-card .dropin-orders-list-card--images img{object-fit:contain;width:65px;height:65px}.dropin-orders-list-card .dropin-orders-list-card--actions{position:relative;align-self:center;margin-left:auto}@media (min-width: 768px){.dropin-orders-list-card .dropin-card__content{max-height:290px}.dropin-orders-list-card.dropin-orders-list-card--full .dropin-card__content{max-height:100%}}.dropin-addresses-header{margin-bottom:var(--spacing-medium)}.dropin-addresses-wrapper{box-sizing:border-box;position:relative}.dropin-address-form-wrapper{box-sizing:border-box;background-color:var(--color-neutral-50)}.dropin-address-form-wrapper--notification{margin-bottom:var(--spacing-medium)}.dropin-address-form-wrapper--title{color:var(--color-neutral-800);font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing);margin-bottom:var(--spacing-medium)}.dropin-address-form-wrapper--buttons{display:flex;align-items:center;justify-content:end;gap:0 var(--spacing-medium);margin-top:var(--spacing-medium)}.dropin-address-form-wrapper--buttons button{min-width:142px}`,{styleId:"account"});
+import{jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import{Render as o}from"@dropins/tools/lib.js";import{useState as n,useEffect as a}from"@dropins/tools/preact-hooks.js";import{UIProvider as l}from"@dropins/tools/components.js";import{events as m}from"@dropins/tools/event-bus.js";const c={EmptyList:{minifiedView:{Addresses:{message:"No saved addresses"},OrdersList:{message:"No orders"}},fullSizeView:{Addresses:{message:"No saved addresses"},OrdersList:{message:"No orders"}}},OrdersList:{minifiedView:{containerTitle:"Recent orders",viewAllOrdersButton:"View all orders",OrdersListCard:{orderNumber:"Order number:",itemsAmount:"items"}},fullSizeView:{containerTitle:"Your orders",OrdersListCard:{orderNumber:"Order number:",itemsAmount:"items"}}},Addresses:{minifiedView:{containerTitle:"Addresses",editAddressFormTitle:"Edit address",viewAllAddressesButton:"View address list",addressCard:{actionRemove:"Remove",actionEdit:"Edit",cardLabelShipping:"Shipping",cardLabelBilling:"Billing"},removeAddressModal:{title:"Remove address",description:"Are you sure you would like to remove this address?",actionCancel:"Cancel",actionConfirm:"Remove"}},fullSizeView:{containerTitle:"Addresses",editAddressFormTitle:"Edit address",newAddressFormTitle:"Add address",addNewAddressButton:"Create new",addressCard:{actionRemove:"Remove",actionEdit:"Edit",cardLabelShipping:"Shipping",cardLabelBilling:"Billing"},removeAddressModal:{title:"Remove address",description:"Are you sure you would like to remove this address?",actionCancel:"Cancel",actionConfirm:"Remove"}}},AddressForm:{formText:{secondaryButton:"Cancel",primaryButton:"Save",defaultShippingLabel:"Set as default shipping address",defaultBillingLabel:"Set as default billing address"}},FormText:{requiredFieldError:"This is a required field."}},u={Account:c},f={default:u},p=({children:s})=>{const[d,i]=n("en_US");return a(()=>{const e=m.on("locale",t=>{i(t)},{eager:!0});return()=>{e==null||e.off()}},[]),r(l,{lang:d,langDefinitions:f,children:s})},L=new o(r(p,{}));export{L as render};

package/types/addressForm.types.d.ts

@@ -0,0 +1,41 @@
+import { SlotProps } from '@dropins/tools/types/elsie/src/lib';
+import { AttributesFormModel, Country } from '../data/models';
+
+interface AddressFormActionsContext {
+    handleUpdateAddress?: (event: Event, valid: boolean) => void;
+    handleCreateAddress?: (event: Event, valid: boolean) => void;
+    addressId: string | number;
+}
+interface AddressFormInputsContext {
+    formActions: {
+        handleChange: (event: Event) => void;
+    };
+}
+export interface AddressFormProps {
+    addressFormId?: string;
+    className?: string;
+    addressesFormTitle?: string;
+    inputsDefaultValueSet?: AttributesFormModel;
+    shippingCheckBoxValue?: boolean;
+    billingCheckBoxValue?: boolean;
+    showShippingCheckBox?: boolean;
+    showBillingCheckBox?: boolean;
+    isOpen?: boolean;
+    onSubmit?: () => Promise<void>;
+    slots?: {
+        AddressFormActions?: SlotProps<AddressFormActionsContext>;
+        AddressFormInputs?: SlotProps<AddressFormInputsContext>;
+    };
+    onCloseBtnClick?: () => void;
+    onSuccess?: () => void;
+    onError?: (error: string) => void;
+    handleRenderForm?: () => void;
+    onChange?: (values: Record<string, FormDataEntryValue>, inputValue: Record<string, string>, event: Event) => void;
+}
+export interface AddressFormWrapperProps extends AddressFormProps {
+}
+export interface useAddressFormProps extends Omit<AddressFormProps, 'className' | 'addressesFormTitle' | 'handleCloseForm'> {
+    countryRegionOptions: Record<string, Country[]>;
+}
+export {};
+//# sourceMappingURL=addressForm.types.d.ts.map

package/types/addresses.types.d.ts

@@ -0,0 +1,56 @@
+import { HTMLAttributes } from 'preact/compat';
+import { AttributesFormModel, CustomerAddressesModel } from '../data/models';
+import { FieldsProps } from './form.types';
+
+export interface DefaultCheckBox extends Omit<FieldsProps, 'options'> {
+}
+export interface AddressesProps {
+    className?: string;
+    withHeader?: boolean;
+    minifiedView: boolean;
+    withActionsInMinifiedView?: boolean;
+    withActionsInFullSizeView?: boolean;
+    inputsDefaultValueSet?: AttributesFormModel;
+    addressesFormTitle?: string;
+    showShippingCheckBox?: boolean;
+    showBillingCheckBox?: boolean;
+    shippingCheckBoxValue?: boolean;
+    billingCheckBoxValue?: boolean;
+    routeAddressesPage?: () => string;
+    onSuccess?: () => void;
+    onError?: (error: string) => void;
+}
+export interface AddressesWrapperProps extends AddressesProps {
+}
+export interface useAddressesProps extends Omit<AddressesProps, 'className' | 'inputsDefaultValueSet' | 'addressesFormTitle' | 'shippingCheckBoxValue' | 'billingCheckBoxValue'> {
+}
+export interface KeysSortOrderProps {
+    name?: string;
+    orderNumber?: number;
+    label?: string | null;
+}
+export interface AddressCardProps {
+    minifiedView: boolean;
+    addressData: CustomerAddressesModel | undefined;
+    keysSortOrder?: KeysSortOrderProps[];
+    loading?: boolean;
+    setAddressId?: (id: string) => void;
+    handleRenderModal?: () => void | undefined;
+    handleRenderForm?: () => void | undefined;
+}
+export interface AddressActionsProps extends HTMLAttributes<HTMLButtonElement> {
+    minifiedView: boolean;
+    addNewAddress: boolean;
+    viewAllAddressesText?: string;
+    routeAddressesPage: () => void;
+}
+export interface AddressModalProps {
+    minifiedView: boolean;
+    addressData?: CustomerAddressesModel;
+    keysSortOrder?: KeysSortOrderProps[];
+    open: boolean;
+    submitLoading: boolean;
+    onRemoveAddress: () => void;
+    closeModal: () => void;
+}
+//# sourceMappingURL=addresses.types.d.ts.map

package/types/api/createCustomerAddress.types.d.ts

@@ -0,0 +1,47 @@
+export interface CreateCustomerAddressResponse {
+    data: {
+        createCustomerAddress: {
+            firstname: string;
+        };
+    };
+    errors?: {
+        message: string;
+    }[];
+}
+interface Region {
+    region_id: number;
+    region: string;
+    region_code: string;
+}
+interface CustomAttributes {
+    attribute_code: string;
+    value: string;
+}
+interface CustomAttributesV2 extends CustomAttributes {
+    selected_options: {
+        value: string;
+    }[];
+}
+export interface AddressForm {
+    region?: Region;
+    city?: string;
+    company?: string;
+    country_code?: string;
+    country_id?: string;
+    custom_attributes?: CustomAttributes[];
+    custom_attributesV2?: CustomAttributesV2[];
+    default_billing?: boolean;
+    default_shipping?: boolean;
+    fax?: string;
+    firstname?: string;
+    lastname?: string;
+    middlename?: string;
+    postcode?: string;
+    prefix?: string;
+    street?: string[];
+    suffix?: string;
+    telephone?: string;
+    vat_id?: string;
+}
+export {};
+//# sourceMappingURL=createCustomerAddress.types.d.ts.map

package/types/api/getAttributesForm.types.d.ts

@@ -0,0 +1,31 @@
+export interface ResponseAttributesFormItemsProps {
+    code: string;
+    sort_order: string;
+    default_value: null | string;
+    entity_type: string;
+    frontend_class: null | string;
+    multiline_count: number;
+    frontend_input: string;
+    is_required: boolean;
+    is_unique: boolean;
+    label: string;
+    options: {
+        is_default: boolean;
+        label: string;
+        value: string;
+    }[];
+}
+export interface GetAttributesFormResponse {
+    data: {
+        attributesForm: {
+            errors?: {
+                message: string;
+            }[];
+            items?: ResponseAttributesFormItemsProps[];
+        };
+    };
+    errors?: {
+        message: string;
+    }[];
+}
+//# sourceMappingURL=getAttributesForm.types.d.ts.map

package/types/api/getCountries.types.d.ts

@@ -0,0 +1,15 @@
+export interface CountriesFormResponse {
+    data: {
+        countries: {
+            two_letter_abbreviation: string;
+            full_name_locale: string;
+            available_regions: {
+                code: string;
+            }[] | null;
+        }[];
+    };
+    errors?: {
+        message: string;
+    }[];
+}
+//# sourceMappingURL=getCountries.types.d.ts.map

package/types/api/getCustomer.types.d.ts

@@ -0,0 +1,13 @@
+export interface getCustomerShortResponse {
+    data: {
+        customer: {
+            firstname: string;
+            lastname: string;
+            email: string;
+        };
+    };
+    errors?: {
+        message: string;
+    }[];
+}
+//# sourceMappingURL=getCustomer.types.d.ts.map

package/types/api/getCustomerAddress.type.d.ts

@@ -0,0 +1,36 @@
+export type RegionProps = {
+    region: string;
+    region_code: string;
+    region_id: string | number;
+};
+export interface UserAddressesProps {
+    firstname: string;
+    lastname: string;
+    city: string;
+    company: string;
+    country_code: string;
+    region: RegionProps;
+    telephone: string;
+    id?: string;
+    vat_id: string;
+    postcode: string;
+    street: string | string[] | [];
+    street_2?: string;
+    default_shipping: boolean;
+    default_billing: boolean;
+    custom_attributesV2: {
+        code: string;
+        value: string;
+    }[];
+}
+export interface AddressResponse {
+    data: {
+        customer?: {
+            addresses: UserAddressesProps[];
+        };
+    };
+    errors?: {
+        message: string;
+    }[];
+}
+//# sourceMappingURL=getCustomerAddress.type.d.ts.map

package/types/api/getOrderHistoryList.types.d.ts

@@ -0,0 +1,73 @@
+import { UserAddressesProps } from '..';
+
+export interface PaymentMethodProps {
+    name: string;
+}
+export interface ProductProps {
+    small_image: {
+        url: string;
+    };
+}
+export interface OrderItemProps {
+    status: string;
+    product_name: string;
+    id: string;
+    product: ProductProps;
+}
+export interface AmountProps {
+    value: number;
+    currency: string;
+}
+export interface TaxProps {
+    amount: AmountProps;
+    rate: number;
+    title: string;
+}
+export interface DiscountProps {
+    amount: AmountProps;
+    label: string;
+}
+export interface TotalProps {
+    grand_total: AmountProps;
+    subtotal: AmountProps;
+    taxes: TaxProps[];
+    total_tax: AmountProps;
+    total_shipping: AmountProps;
+    discounts: DiscountProps[];
+}
+export interface OrderProps {
+    token: string;
+    email: string;
+    shipping_method: string;
+    shipping_address: UserAddressesProps;
+    billing_address: UserAddressesProps;
+    payment_methods: PaymentMethodProps[];
+    number: string;
+    order_date: string;
+    carrier: string;
+    items: OrderItemProps[];
+    total: TotalProps;
+    status: string;
+    id: string;
+}
+export interface PageInfoProps {
+    page_size: number;
+    total_pages: number;
+    current_page: number;
+}
+export interface OrdersProps {
+    page_info: PageInfoProps;
+    total_count: number;
+    items: OrderProps[];
+}
+export interface OrderHistoryListResponse {
+    data: {
+        customer?: {
+            orders: OrdersProps;
+        };
+    };
+    errors?: {
+        message: string;
+    }[];
+}
+//# sourceMappingURL=getOrderHistoryList.types.d.ts.map