@dropins/storefront-account 0.1.0-alpha2 → 0.1.0-alpha21

package/render/Provider.d.ts

@@ -0,0 +1,8 @@
+import { FunctionComponent } from 'preact';
+
+interface CartProviderProps {
+    children?: any;
+}
+export declare const Provider: FunctionComponent<CartProviderProps>;
+export {};
+//# sourceMappingURL=Provider.d.ts.map

package/render/index.d.ts

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

package/render/render.d.ts

@@ -0,0 +1,4 @@
+import { Render } from '@dropins/tools/types/elsie/src/lib';
+
+export declare const render: Render;
+//# sourceMappingURL=render.d.ts.map

package/render.d.ts

@@ -0,0 +1 @@
+export * from './render/index'

package/render.js

@@ -1,2 +1,3 @@
-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";import{jsx as e}from"@dropins/tools/preact-jsx-runtime.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};
-//# sourceMappingURL=render.js.map
+(function(e,r){try{if(typeof document<"u"){const a=document.createElement("style"),o=r.styleId;for(const t in r.attributes)a.setAttribute(t,r.attributes[t]);a.setAttribute("data-dropin",o),a.appendChild(document.createTextNode(e));const c=document.querySelector('style[data-dropin="sdk"]');if(c)c.after(a);else{const t=document.querySelector('link[rel="stylesheet"], style');t?t.before(a):document.head.append(a)}}}catch(a){console.error("dropin-styles (injectCodeFunction)",a)}})(`.account-orders-list-header{margin-bottom:var(--spacing-medium)}.account-orders-list ul{list-style:none;margin:0;padding:0}.account-orders-list__date-select{margin-bottom:var(--spacing-xbig)}.account-orders-list__date-select span{display:inline-block;font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);margin-bottom:var(--spacing-xsmall)}.account-orders-list__date-select .dropin-picker{max-width:224px}
+.account-form{display:grid;flex-direction:column;gap:var(--spacing-medium)}@media (min-width: 768px){.account-form{display:grid;grid-template-columns:repeat(2,1fr)}.account-form>.dropin-field:nth-child(1),.account-form>.dropin-field:nth-child(2){grid-column:span 1}.account-form>.dropin-field:nth-child(3),.account-form>.dropin-field:nth-child(4),.account-form>.dropin-field:nth-child(5){grid-column:span 2}.account-form>.dropin-field:nth-child(6),.account-form>.dropin-field:nth-child(7){grid-column:span 1}.account-form>.dropin-field:nth-child(8),.account-form>.dropin-field:nth-child(9){grid-column:span 1}.account-form>.dropin-field:nth-child(n+10){grid-column:span 2}}.account-form [class$=-hidden]{position:absolute;opacity:0;height:0;width:0;overflow:hidden;clip:rect(0,0,0,0)}.account-account-loaders--card-loader{margin-bottom:var(--spacing-small)}.account-account-loaders--picker-loader div:first-child{max-width:200px}.account-account-loaders--picker-loader div:nth-child(3){max-width:400px}.account-address-card{margin-bottom:var(--spacing-small)}.account-address-card .dropin-card__content{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-small) 0px;grid-template-areas:"description action" "labels action"}.account-address-card .account-address-card__action{display:flex;justify-content:flex-end;align-items:baseline;cursor:pointer;grid-area:action}.account-address-card .account-address-card__action--editbutton{margin-left:var(--spacing-small)}.account-address-card .account-address-card__action button{padding:0}.account-address-card .account-address-card__action button:hover{text-decoration:underline}.account-address-card .account-address-card__description{grid-area:description;margin:0;padding:0}.account-address-card .account-address-card__labels{display:flex;gap:0 var(--spacing-xsmall);grid-area:labels}.account-address-card .account-address-card__description p{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);line-height:var(--spacing-xbig);color:var(--color-neutral-800);padding:0;margin:0 var(--spacing-xsmall) 0 0}.account-address-card .account-address-card__description p:nth-child(1),.account-address-card .account-address-card__description p:nth-child(2){margin:0 var(--spacing-xsmall) var(--spacing-xsmall) 0;color:var(--color-neutral-800);font:var(--type-button-2-font);font-weight:500;cursor:default}.account-address-card .account-address-card__description p:nth-child(1),.account-address-card .account-address-card__description p:nth-child(3),.account-address-card .account-address-card__description p:nth-child(4),.account-address-card .account-address-card__description p:nth-child(6){float:left}.account-actions-address{cursor:pointer;padding:var(--spacing-xsmall) var(--spacing-medium);border-radius:var(--shape-border-radius-2);border:var(--shape-border-width-2) solid var(--color-neutral-400);background-color:var(--color-neutral-50);width:100%;height:88px;display:flex;align-items:center;justify-content:space-between}.account-actions-address--selectable{max-width:100%;width:auto}.account-actions-address__title{font:var(--type-button-2-font);letter-spacing:var(--type-button-2-letter-spacing)}.account-actions-address svg{stroke:var(--shape-icon-stroke-4);color:var(--color-neutral-800)}.account-address-modal{position:relative;padding:var(--spacing-xbig) var(--spacing-xxbig) var(--spacing-xxbig) var(--spacing-xxbig);width:100%;margin:auto;max-width:721px}.dropin-modal__body--medium>.dropin-modal__header-title,.dropin-modal__body--full>.dropin-modal__header-title,.account-address-modal .dropin-modal__content{margin:0;align-items:center}.account-address-modal .dropin-modal__header-title-content h3{font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing);margin:0;padding:0}.account-address-modal .account-address-modal__spinner{position:absolute;top:0;left:0;background-color:var(--color-neutral-200);opacity:.8;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1}.account-address-modal p{color:var(--color-neutral-800);font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);margin-bottom:var(--spacing-medium)}.account-address-modal .account-address-modal__buttons{display:flex;align-items:center;justify-content:right;gap:0 var(--spacing-small)}.account-empty-list{margin-bottom:var(--spacing-small)}.account-empty-list.account-empty-list--minified,.account-empty-list .dropin-card{border:none}.account-empty-list .dropin-card__content{gap:0;padding:var(--spacing-xxbig)}.account-empty-list.account-empty-list--minified .dropin-card__content{flex-direction:row;align-items:center;padding:var(--spacing-big) var(--spacing-small)}.account-empty-list .dropin-card__content svg{width:64px;height:64px;margin-bottom:var(--spacing-medium)}.account-empty-list.account-empty-list--minified .dropin-card__content svg{margin:0 var(--spacing-small) 0 0;width:32px;height:32px}.account-empty-list .dropin-card__content svg path{fill:var(--color-neutral-800)}.account-empty-list.account-empty-list--minified .dropin-card__content svg path{fill:var(--color-neutral-500)}.account-empty-list .dropin-card__content p{font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing);color:var(--color-neutral-800)}.account-empty-list.account-empty-list--minified .dropin-card__content p{font:var(--type-body-1-strong-font);color:var(--color-neutral-800)}.account-orders-list-action{margin:0;padding:0;border:none;background-color:transparent;cursor:pointer;text-decoration:none}.account-orders-list-action--minifiedView{width:100%;text-align:left;font:var(--type-body-1-default-font)}.account-orders-list-action.account-orders-list-action--minifiedView:hover{text-decoration:none}.account-orders-list-action--minifiedView .account-orders-list-action__card-wrapper{display:flex;justify-content:space-between;align-items:center;color:var(--color-neutral-800);height:calc(88px - var(--spacing-small) * 2)}.account-orders-list-action__card-wrapper>p{font:var(--type-button-2-font);letter-spacing:var(--type-button-2-letter-spacing)}.account-orders-list-action__card-wrapper svg,.account-orders-list-action svg{color:var(--color-neutral-800)}.account-orders-list-action--minifiedView .dropin-card__content{padding:var(--spacing-small) var(--spacing-medium)}.account-orders-list-action--minifiedView p{font:var(--type-body-1-strong-font)}.account-orders-list-card{height:100%;margin-bottom:var(--spacing-small)}.account-orders-list-card .dropin-card__content{padding:var(--spacing-medium);display:grid;grid-template-areas:"content actions" "imageList actions";gap:0;max-height:100%}.account-orders-list-card .account-orders-list-card__content{grid-area:content;margin-bottom:var(--spacing-small)}.account-orders-list-card__content--quantity{font-weight:500;color:var(--color-neutral-800)}.account-orders-list-card__content--track_number,.account-orders-list-card__content--return_number{font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing)}.account-orders-list-card .account-orders-list-card__content>div:first-child{font-weight:500}.account-orders-list-card .account-orders-list-card__content p,.account-orders-list-card .account-orders-list-card__content div{padding:0;text-align:left;font:var(--type-body-1-default-font);margin:0 0 var(--spacing-small) 0;color:var(--color-neutral-800)}.account-orders-list-card p.account-orders-list-card__content--product-name{margin:0}.account-orders-list-card .account-orders-list-card__content p:last-child{margin:0}.account-orders-list-card .account-orders-list-card__content div{font:var(--type-button-2-font);margin-bottom:var(--spacing-small)}.account-orders-list-card .account-orders-list-card__actions{grid-area:actions}.account-orders-list-card .account-orders-list-card__images{overflow:auto}.account-orders-list-card .account-orders-list-card__images .dropin-content-grid__content{grid-template-columns:repeat(6,max-content)!important}.account-orders-list-card .account-orders-list-card__images-3 .dropin-content-grid__content{grid-template-columns:repeat(3,max-content)!important}.account-orders-list-card .account-orders-list-card__images img{object-fit:contain;width:65px;height:65px}.account-orders-list-card .account-orders-list-card__actions{position:relative;align-self:center;margin-left:auto}@media (min-width: 768px){.account-orders-list-card.account-orders-list-card--full .dropin-card__content{max-height:100%}}.account-addresses-header{margin-bottom:var(--spacing-medium)}.account-addresses-wrapper{box-sizing:border-box;position:relative}.account-addresses-wrapper--select-view{position:relative;margin:0;padding:0;border:none}.account-addresses-wrapper--select-view input[type=radio]{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden}.account-addresses-wrapper--select-view .account-addresses-wrapper__label{cursor:pointer;display:block;border-radius:0}.account-addresses-wrapper--select-view .account-addresses-wrapper__label .account-address-card{border-radius:0}.account-addresses-wrapper--select-view .account-addresses-wrapper__label:nth-child(2){border-radius:var(--shape-border-radius-1) var(--shape-border-radius-1) 0 0}.account-addresses-wrapper--select-view>.account-addresses-wrapper__label:nth-child(2)>.account-address-card{border-radius:var(--shape-border-radius-1) var(--shape-border-radius-1) 0 0}.account-addresses-wrapper--select-view>.account-addresses-wrapper__label:last-child,.account-addresses-wrapper--select-view>.account-addresses-wrapper__label:last-child>.account-actions-address.account-actions-address--address{border-radius:0 0 var(--shape-border-radius-1) var(--shape-border-radius-1)}.account-addresses-wrapper--select-view .account-addresses-wrapper__label .account-address-card,.account-addresses-wrapper--select-view .account-addresses-wrapper__label .account-actions-address.account-actions-address--address{background-color:var(--color-neutral-200)}.account-addresses-wrapper--select-view input[type=radio]:checked+.account-addresses-wrapper__label>.account-address-card{border:var(--shape-border-width-1) solid var(--color-neutral-900);position:relative}.account-addresses-wrapper--select-view input[type=radio]:checked+.account-addresses-wrapper__label>.account-addresses-form__footer__wrapper{border:var(--shape-border-width-1) solid var(--color-neutral-900);position:relative}.account-addresses-wrapper--select-view input[type=radio]:checked+.account-addresses-wrapper__label .account-address-card,.account-addresses-wrapper--select-view input[type=radio]:checked+.account-addresses-wrapper__label .account-actions-address.account-actions-address--address{background-color:var(--color-neutral-50)}.account-addresses-wrapper--select-view .account-address-card{margin:0}.account-addresses-wrapper--select-view .account-addresses-form__footer__wrapper{padding:var(--spacing-medium)}.account-address-form-wrapper{box-sizing:border-box;background-color:var(--color-neutral-50)}.account-address-form-wrapper__notification{margin-bottom:var(--spacing-medium)}.account-address-form-wrapper__title{color:var(--color-neutral-800);font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing);margin-bottom:var(--spacing-medium)}.account-address-form-wrapper__buttons{display:flex;align-items:center;justify-content:end;gap:0 var(--spacing-medium);margin-top:var(--spacing-medium)}.account-address-form-wrapper__buttons--empty{gap:0;margin:0;padding:0;display:inline-block}.account-address-form-wrapper__buttons button{min-width:142px}.account-change-password .dropin-card__content{gap:0}.account-change-password__title,.account-change-password .account-change-password__notification,.account-change-password .account-change-password__fields .account-change-password__fields-item{margin-bottom:var(--spacing-medium)}.account-change-password .account-change-password__fields .account-change-password__fields-item:last-child{margin-bottom:0}.account-change-password .account-change-password__actions{display:flex;justify-content:right;align-items:center;gap:0 var(--grid-3-gutters);margin-top:var(--spacing-xlarge)}.account-change-password .account-change-password__actions button{min-width:144px}.account-edit-customer-information__title{margin-bottom:var(--spacing-medium)}.account-edit-customer-information .dropin-card__content{gap:0}.account-edit-customer-information .account-edit-customer-information__notification{margin-bottom:var(--spacing-medium)}.account-edit-customer-information .account-edit-customer-information-form__field:nth-child(n+3),.account-edit-customer-information .account-edit-customer-information__password{grid-column:span 2}.account-edit-customer-information .account-edit-customer-information__actions{display:flex;justify-content:end;align-items:center;gap:0 var(--grid-2-gutters);grid-column:span 2}.account-edit-customer-information .account-edit-customer-information__actions button{min-width:144px}.customer-information__title{margin-bottom:var(--spacing-medium)}.account-customer-information-card-short{margin-bottom:var(--spacing-small)}.account-customer-information-card .dropin-card__content{gap:0}.account-customer-information-card__wrapper{display:grid;grid-template-columns:1fr auto;align-items:start}.account-customer-information-card .account-customer-information-card__actions{display:flex;justify-content:space-between;align-items:center;gap:0 var(--grid-2-gutters)}.account-customer-information-card .account-customer-information-card__actions button{cursor:pointer;margin:0;padding:0}.account-customer-information-card__content p{font:var(--type-body-1-default-font);margin:0 var(--spacing-xsmall) 0 0;line-height:var(--spacing-xbig);padding:0}.account-customer-information-card__content p:nth-child(1),.account-customer-information-card__content p:nth-child(2){font:var(--type-body-1-strong-font);font-weight:500;margin:0 var(--spacing-xsmall) var(--spacing-xsmall) 0}.account-customer-information-card__content p:nth-child(1){float:left}`,{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 i}from"@dropins/tools/preact-hooks.js";import{UIProvider as l}from"@dropins/tools/components.js";import{events as c}from"@dropins/tools/event-bus.js";const m={minifiedView:{CustomerInformation:{containerTitle:"Account settings",genderMale:"Male",genderFemale:"Female",changePassword:{passwordValidationMessage:{chartTwoSymbols:"Use characters and numbers or symbols",chartThreeSymbols:"Use characters, numbers and symbols",chartFourSymbols:"Use uppercase characters, lowercase characters, numbers and symbols",messageLengthPassword:"At least {minLength} characters long",passwordMismatch:"Passwords do not match. Please make sure both password fields are identical",incorrectCurrentPassword:"The current password you entered is incorrect. Please check and try again.",passwordUpdateMessage:"Your password has been updated"},containerTitle:"Change password",currentPassword:{placeholder:"Password",floatingLabel:"Password"},newPassword:{placeholder:"New Password",floatingLabel:"New Password"},confirmPassword:{placeholder:"Confirm new password",floatingLabel:"Confirm new password"},buttonSecondary:"Cancel",buttonPrimary:"Save"},customerInformationCard:{buttonSecondary:"Change password",buttonPrimary:"Edit",accountCreation:"Account creation date"},editCustomerInformation:{containerTitle:"Edit details",buttonSecondary:"Cancel",buttonPrimary:"Save",accountSuccess:"Your account information has been updated.",accountError:"Your account information has not been updated.",passwordField:{placeholder:"Password",floatingLabel:"Password"}}},Addresses:{containerTitle:"Addresses",editAddressFormTitle:"Edit address",differentAddressFormTitle:"Deliver to new address",viewAllAddressesButton:"View address list",differentAddressButton:"Use a different address",addressCard:{actionRemove:"Remove",actionEdit:"Edit",cardLabelShipping:"Shipping",cardLabelBilling:"Billing",defaultLabelText:"DEFAULT"},removeAddressModal:{title:"Remove address",description:"Are you sure you would like to remove this address?",actionCancel:"Cancel",actionConfirm:"Remove"}},OrdersList:{containerTitle:"Recent orders",viewAllOrdersButton:"View all orders",ariaLabelLink:"Redirect to full order information",dateOrderPlaced:"Date order placed",OrdersListCard:{orderNumber:"Order number:",itemsAmount:"items",carrier:"Carrier:",returns:"Return(s):",orderDate:"Placed on"},OrdersListSelectDate:{pastSixMonths:"Past 6 months",currentYear:"Current year",viewAll:"View all"}},EmptyList:{Addresses:{message:"No saved addresses"},OrdersList:{message:"No orders"}}},fullSizeView:{Addresses:{containerTitle:"Addresses",editAddressFormTitle:"Edit address",differentAddressFormTitle:"Deliver to new address",newAddressFormTitle:"Add address",addNewAddressButton:"Create new",differentAddressButton:"Use a different address",addressCard:{actionRemove:"Remove",actionEdit:"Edit",cardLabelShipping:"Shipping",cardLabelBilling:"Billing",defaultLabelText:"DEFAULT"},removeAddressModal:{title:"Remove address",description:"Are you sure you would like to remove this address?",actionCancel:"Cancel",actionConfirm:"Remove"}},OrdersList:{containerTitle:"Your orders",ariaLabelLink:"Redirect to full order information",dateOrderPlaced:"Date order placed",OrdersListCard:{orderNumber:"Order number:",itemsAmount:"items",carrier:"Carrier:",returns:"Return(s):",orderDate:"Placed on"},OrdersListSelectDate:{pastSixMonths:"Past 6 months",currentYear:"Current year",viewAll:"View all"}},EmptyList:{Addresses:{message:"No saved addresses"},OrdersList:{message:"No orders"}}},AddressForm:{formText:{secondaryButton:"Cancel",primaryButton:"Save",defaultShippingLabel:"Set as default shipping address",defaultBillingLabel:"Set as default billing address",saveAddressBook:"Save in address book"}},FormText:{requiredFieldError:"This is a required field.",numericError:"Only numeric values are allowed.",alphaNumWithSpacesError:"Only alphanumeric characters and spaces are allowed.",alphaNumericError:"Only alphanumeric characters are allowed.",alphaError:"Only alphabetic characters are allowed.",emailError:"Please enter a valid email address.",dateError:"Please enter a valid date.",dateLengthError:"Date must be between {min} and {max}.",urlError:"Please enter a valid URL, e.g., http://www.adobe.com.",lengthTextError:"Text length must be between {min} and {max} characters."}},u={Account:m},w={default:u},p=({children:a})=>{const[s,t]=n("en_US");return i(()=>{const e=c.on("locale",d=>{t(d)},{eager:!0});return()=>{e==null||e.off()}},[]),r(l,{lang:s,langDefinitions:w,children:a})},L=new o(r(p,{}));export{L as render};

package/types/addressForm.types.d.ts

@@ -0,0 +1,46 @@
+import { SlotProps } from '@dropins/tools/types/elsie/src/lib';
+import { CustomerAddressesModel } from '../data/models';
+
+interface AddressFormActionsContext {
+    handleUpdateAddress?: (event: Event, valid: boolean) => Promise<void | null | undefined>;
+    handleCreateAddress?: (event: Event, valid: boolean) => Promise<void | null | undefined>;
+    addressId: string | number;
+}
+interface AddressFormInputsContext {
+    formActions: {
+        handleChange: (event: Event) => void;
+    };
+}
+export interface AddressFormProps {
+    hideActionFormButtons?: boolean;
+    formName?: string;
+    showFormLoader?: boolean;
+    showSaveCheckBox?: boolean;
+    saveCheckBoxValue?: boolean;
+    forwardFormRef?: HTMLInputElement;
+    addressFormId?: string;
+    className?: string;
+    addressesFormTitle?: string;
+    inputsDefaultValueSet?: CustomerAddressesModel;
+    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' | 'forwardFormRef' | 'hideActionFormButtons'> {
+}
+export {};
+//# sourceMappingURL=addressForm.types.d.ts.map

package/types/addresses.types.d.ts

@@ -0,0 +1,90 @@
+import { HTMLAttributes } from 'preact/compat';
+import { CustomerAddressesModel } from '../data/models';
+import { FieldsProps } from './form.types';
+import { SlotProps } from '@dropins/tools/types/elsie/src/src/lib';
+
+export interface DefaultCheckBox extends Omit<FieldsProps, 'options'> {
+}
+export interface AddressCardContext {
+    addressData: {
+        label?: string | null;
+        name?: string;
+        orderNumber?: number;
+        value?: string;
+    }[];
+}
+export interface AddressesProps {
+    hideActionFormButtons?: boolean;
+    formName?: string;
+    slots?: {
+        [key: string]: SlotProps;
+    };
+    title?: string;
+    addressFormTitle?: string;
+    defaultSelectAddressId?: number | string;
+    showFormLoader?: boolean;
+    forwardFormRef?: HTMLInputElement;
+    selectShipping?: boolean;
+    selectBilling?: boolean;
+    showSaveCheckBox?: boolean;
+    saveCheckBoxValue?: boolean;
+    selectable?: boolean;
+    className?: string;
+    withHeader?: boolean;
+    minifiedView: boolean;
+    withActionsInMinifiedView?: boolean;
+    withActionsInFullSizeView?: boolean;
+    inputsDefaultValueSet?: CustomerAddressesModel;
+    addressesFormTitle?: string;
+    showShippingCheckBox?: boolean;
+    showBillingCheckBox?: boolean;
+    shippingCheckBoxValue?: boolean;
+    billingCheckBoxValue?: boolean;
+    routeAddressesPage?: () => string;
+    onSuccess?: () => void;
+    onError?: (error: string) => void;
+    onSubmit?: () => Promise<void>;
+    onAddressData?: (values: {} | CustomerAddressesModel | undefined) => void;
+}
+export interface AddressesWrapperProps extends AddressesProps {
+}
+export interface useAddressesProps extends Omit<AddressesProps, 'className' | 'inputsDefaultValueSet' | 'addressesFormTitle' | 'shippingCheckBoxValue' | 'billingCheckBoxValue' | 'showFormLoader' | 'title' | 'slots' | 'formName' | 'hideActionFormButtons'> {
+}
+export interface KeysSortOrderProps {
+    name: string;
+    orderNumber?: number;
+    label?: string | null;
+}
+export interface AddressCardProps {
+    slots?: {
+        [key: string]: SlotProps;
+    };
+    selectShipping?: boolean;
+    selectBilling?: boolean;
+    selectable?: boolean;
+    variant?: 'secondary' | 'primary';
+    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> {
+    selectable?: boolean;
+    minifiedView?: boolean;
+    addNewAddress?: boolean;
+    viewAllAddressesText?: string;
+    routeAddressesPage: (event: Event) => 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,19 @@
+export interface CountriesFormResponse {
+    data: {
+        storeConfig: {
+            countries_with_required_region: string;
+            optional_zip_countries: string;
+        };
+        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,24 @@
+export interface getCustomerShortResponse {
+    data: {
+        customer: {
+            custom_attributes: {
+                code: string;
+                value: string | number | boolean;
+            }[];
+            firstname: string;
+            lastname: string;
+            email: string;
+            date_of_birth: string;
+            dob: string;
+            gender: 1 | 2;
+            middlename: string;
+            prefix: string;
+            suffix: string;
+            created_at: string;
+        };
+    };
+    errors?: {
+        message: string;
+    }[];
+}
+//# sourceMappingURL=getCustomer.types.d.ts.map

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

@@ -0,0 +1,40 @@
+export type RegionProps = {
+    region: string;
+    region_code: string;
+    region_id: string | number;
+};
+export interface UserAddressesProps {
+    middlename: string;
+    fax: string;
+    prefix: string;
+    suffix: string;
+    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_multiline_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,91 @@
+import { UserAddressesProps } from '..';
+
+export interface PaymentMethodProps {
+    name: string;
+}
+export interface ProductProps {
+    small_image: {
+        url: string;
+    };
+}
+export interface OrderItemProps {
+    quantity_ordered?: number;
+    quantity_shipped?: number;
+    quantity_invoiced?: number;
+    url_key: string;
+    sku: string;
+    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[];
+    returns?: ReturnProps[];
+    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[];
+    date_of_first_order: string;
+}
+export interface ReturnsProps {
+    items: ReturnProps[];
+}
+export interface ReturnProps {
+    uid: string;
+    number: string;
+    order: {
+        id: string;
+    };
+}
+export interface OrderHistoryListResponse {
+    data: {
+        customer?: {
+            orders: OrdersProps;
+            returns: ReturnsProps;
+        };
+    };
+    errors?: {
+        message: string;
+    }[];
+}
+//# sourceMappingURL=getOrderHistoryList.types.d.ts.map

package/types/api/getRegions.types.d.ts

@@ -0,0 +1,16 @@
+export interface RegionsFormResponse {
+    data: {
+        country: {
+            id: string;
+            available_regions: {
+                id: number;
+                code: string;
+                name: string;
+            }[];
+        };
+    };
+    errors?: {
+        message: string;
+    }[];
+}
+//# sourceMappingURL=getRegions.types.d.ts.map

package/types/api/removeCustomerAddress.types.d.ts

@@ -0,0 +1,9 @@
+export interface RemoveCustomerAddressResponse {
+    data: {
+        deleteCustomerAddress: boolean;
+    };
+    errors?: {
+        message: string;
+    }[];
+}
+//# sourceMappingURL=removeCustomerAddress.types.d.ts.map

package/types/api/storeConfig.types.d.ts

@@ -0,0 +1,13 @@
+export interface StoreConfigProps {
+    minimum_password_length: number;
+    required_character_classes_number: string;
+}
+export interface GetStoreConfigResponse {
+    data: {
+        storeConfig: StoreConfigProps;
+    };
+    errors?: {
+        message: string;
+    }[];
+}
+//# sourceMappingURL=storeConfig.types.d.ts.map

package/types/api/updateCustomerAddress.types.d.ts

@@ -0,0 +1,11 @@
+export interface UpdateCustomerAddressResponse {
+    data: {
+        updateCustomerAddress: {
+            firstname: string;
+        };
+    };
+    errors?: {
+        message: string;
+    }[];
+}
+//# sourceMappingURL=updateCustomerAddress.types.d.ts.map

package/types/api/updateCustomerPassword.types.d.ts

@@ -0,0 +1,15 @@
+export interface ChangeCustomerPasswordProps {
+    currentPassword: string;
+    newPassword: string;
+}
+export interface ChangeCustomerPasswordResponse {
+    data: {
+        changeCustomerPassword: {
+            email: string;
+        };
+    };
+    errors?: {
+        message: string;
+    }[];
+}
+//# sourceMappingURL=updateCustomerPassword.types.d.ts.map

package/types/customerInformation.types.d.ts

@@ -0,0 +1,61 @@
+import { SlotProps } from '@dropins/tools/types/elsie/src/lib';
+import { AttributesFormModel } from '../data/models';
+import { InLineAlertProps } from './notification.types';
+import { KeysSortOrderProps } from './addresses.types';
+
+type PasswordConfigsProps = {
+    minLength: number;
+    requiredCharacterClasses: number;
+} | null;
+export type CustomerDataProps = KeysSortOrderProps & {
+    value: string | number | boolean;
+};
+export interface CustomerDataContext {
+    customerData: CustomerDataProps[];
+}
+export interface CustomerInformationProps {
+    className: string;
+    withHeader: boolean;
+    slots?: {
+        CustomerData?: SlotProps<CustomerDataContext>;
+    };
+}
+export interface ChangePasswordProps {
+    inLineAlertProps: InLineAlertProps;
+    handleHideChangePassword: (clearState?: () => void) => void;
+    handleSetInLineAlert: (value?: InLineAlertProps) => void;
+}
+export interface CustomerInformationCardProps {
+    createdAt: string;
+    orderedCustomerData: CustomerDataProps[];
+    slots?: {
+        CustomerData?: SlotProps<CustomerDataContext>;
+    };
+    showChangePassword: boolean;
+    showEditForm: boolean;
+    handleShowChangePassword: () => void;
+    handleShowEditForm: () => void;
+}
+export interface EditCustomerInformationProps {
+    inLineAlertProps: InLineAlertProps;
+    errorPasswordEmpty: boolean;
+    passwordValue: string;
+    showPasswordOnEmailChange: boolean;
+    formFieldsList: AttributesFormModel[] | [];
+    submitLoading: boolean;
+    handleUpdateCustomerInformation: (event: SubmitEvent, isValid: boolean) => Promise<void | null | undefined>;
+    handleHideEditForm: (clearState?: () => void) => void;
+    handleInputChange: (value: Record<string, string | number | boolean>) => void;
+    handleSetPassword: (value: string) => void;
+    handleOnBlurPassword: (event: Event) => void;
+}
+export interface UseCustomerInformationProps {
+    handleSetInLineAlert: (value?: InLineAlertProps) => void;
+}
+export interface UseChangePasswordProps {
+    passwordConfigs: PasswordConfigsProps;
+    handleSetInLineAlert: (value?: InLineAlertProps) => void;
+    handleHideChangePassword: (clearState?: () => void) => void;
+}
+export {};
+//# sourceMappingURL=customerInformation.types.d.ts.map

package/types/emptyList.types.d.ts

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

package/types/form.types.d.ts

@@ -0,0 +1,56 @@
+import { SlotProps } from '@dropins/tools/types/elsie/src/src/lib';
+import { AttributesFormModel, Country, FieldEnumList, RegionTransform } from '../data/models';
+
+export interface FieldsProps extends Omit<AttributesFormModel, 'options'> {
+    className?: string;
+    fieldType: FieldEnumList;
+    id: string;
+    options: Country[];
+}
+interface AddressFormInputsContext {
+    formActions: {
+        handleChange: (event: Event) => void;
+    };
+}
+export type FormRef = {
+    handleValidationSubmit: () => boolean;
+    isDataValid: boolean;
+};
+export interface FormProps {
+    isWaitingForResponse?: boolean;
+    showSaveCheckBox?: boolean;
+    saveCheckBoxAddress?: boolean;
+    handleSaveCheckBoxAddress?: (event: Event) => void;
+    regionOptions?: RegionTransform[] | [];
+    slots?: {
+        AddressFormInputs?: SlotProps<AddressFormInputsContext>;
+    };
+    forwardFormRef?: HTMLInputElement | any;
+    fieldsConfig?: FieldsProps[] | [];
+    name?: string;
+    className?: string;
+    children?: any;
+    loading?: boolean;
+    showFormLoader?: boolean;
+    onSubmit?: (event: SubmitEvent, isValid: boolean) => Promise<void | null | undefined>;
+    onChange?: (values: Record<string, unknown>, inputValue: Record<string, string>, event: Event) => void;
+    setInputChange?: (values: Record<string, string | number | boolean>) => void;
+}
+export interface useFormProps extends Omit<FormProps, 'children' | 'className' | 'name' | 'forwardFormRef' | 'showSaveCheckBox' | 'saveCheckBoxAddress' | 'handleSaveCheckBoxAddress'> {
+    formName: string;
+}
+export interface FormInputsProps {
+    className?: string;
+    errors?: Record<string, string>;
+    values?: Record<string, string | number | boolean>;
+    fields?: any;
+    loading?: boolean;
+    onChange?: (event: Event) => void;
+    onBlur?: (event: Event) => void;
+    onFocus?: (event: Event) => void;
+    slots?: {
+        [key: string]: SlotProps;
+    };
+}
+export {};
+//# sourceMappingURL=form.types.d.ts.map