@dropins/storefront-checkout 0.1.0-alpha4 → 0.1.0-alpha40

package/chunks/placeOrder2.js

@@ -0,0 +1,127 @@
+import{o as T,M as w,g as A,v as k,n as D,F as L,U as R}from"./fixtures.js";import{events as f}from"@dropins/tools/event-bus.js";const V=n=>({id:T.cartId,totalQuantity:n.totalQuantity,possibleOnepageCheckout:!0,items:n.items.map(a=>{var t;return{canApplyMsrp:!0,formattedPrice:"",id:a.id,quantity:a.totalQuantity,product:{canonicalUrl:a.product.canonicalUrl||"",mainImageUrl:a.product.image||"",name:a.product.name,productId:0,productType:a.product.productType,sku:a.product.sku},prices:{price:{value:a.price.value,currency:a.price.currency}},configurableOptions:((t=a.selectedOptions)==null?void 0:t.map(i=>({optionLabel:i.label,valueLabel:i.value})))||[]}})}),q=n=>{var i,c,l;const a=n.coupons[0],t=(i=n.payments)==null?void 0:i[0];return{appliedCouponCode:(a==null?void 0:a.code)||"",email:n.email,grandTotal:n.total,orderId:n.number,orderType:"checkout",otherTax:0,salesTax:n.totalTax,shipping:{shippingMethod:((c=n.shipping)==null?void 0:c.code)||"",shippingAmount:((l=n.shipping)==null?void 0:l.amount)||0},subtotalExcludingTax:n.subtotal,subtotalIncludingTax:0,payments:t?[{paymentMethodCode:(t==null?void 0:t.code)||"",paymentMethodName:(t==null?void 0:t.name)||"",total:n.total}]:[]}},Q=n=>n||0,S=n=>{var a;return{canonicalUrl:(n==null?void 0:n.canonical_url)||"",id:(n==null?void 0:n.uid)||"",name:(n==null?void 0:n.name)||"",sku:(n==null?void 0:n.sku)||"",image:((a=n==null?void 0:n.image)==null?void 0:a.url)||"",productType:(n==null?void 0:n.__typename)||""}};function M(n){if(!n||!("selected_options"in n))return;const a={};for(const t of n.selected_options)a[t.label]=t.value;return a}const P=n=>n?n.map(a=>{var t,i,c,l,u,s,e,p,_,o,y,g,h,v;return{type:a==null?void 0:a.__typename,id:a==null?void 0:a.id,discounted:(a==null?void 0:a.product.price_range.maximum_price.regular_price.value)*(a==null?void 0:a.quantity_ordered)!==(a==null?void 0:a.product_sale_price.value)*(a==null?void 0:a.quantity_ordered),total:{value:(a==null?void 0:a.product_sale_price.value)*(a==null?void 0:a.quantity_ordered),currency:a==null?void 0:a.product_sale_price.currency},totalInclTax:{value:(a==null?void 0:a.product_sale_price.value)*(a==null?void 0:a.quantity_ordered),currency:a==null?void 0:a.product_sale_price.currency},price:{value:a==null?void 0:a.product_sale_price.value,currency:a==null?void 0:a.product_sale_price.currency},priceInclTax:{value:a==null?void 0:a.product_sale_price.value,currency:a==null?void 0:a.product_sale_price.currency},totalQuantity:Q(a==null?void 0:a.quantity_ordered),regularPrice:{value:(c=(i=(t=a==null?void 0:a.product)==null?void 0:t.price_range)==null?void 0:i.maximum_price)==null?void 0:c.regular_price.value,currency:(s=(u=(l=a==null?void 0:a.product)==null?void 0:l.price_range)==null?void 0:u.maximum_price)==null?void 0:s.regular_price.currency},product:S(a==null?void 0:a.product),thumbnail:{label:((p=(e=a==null?void 0:a.product)==null?void 0:e.thumbnail)==null?void 0:p.label)||"",url:((o=(_=a==null?void 0:a.product)==null?void 0:_.thumbnail)==null?void 0:o.url)||""},giftCard:(a==null?void 0:a.__typename)==="GiftCardOrderItem"?{senderName:((y=a.gift_card)==null?void 0:y.sender_name)||"",senderEmail:((g=a.gift_card)==null?void 0:g.sender_email)||"",recipientEmail:((h=a.gift_card)==null?void 0:h.recipient_email)||"",recipientName:((v=a.gift_card)==null?void 0:v.recipient_name)||""}:void 0,configurableOptions:M(a)}}):[];function U(n){return n!==null&&n.value!==void 0}const C=n=>n?{city:n.city,company:n.company||"",country:n.country_code||"",firstName:n.firstname,middleName:n.middlename||"",lastName:n.lastname,postCode:n.postcode||"",regionId:n.region_id||"",region:n.region||"",street:n.street.filter(a=>a!==null),telephone:n.telephone||"",customAttributes:n.custom_attributesV2.filter(U).map(a=>({code:a.code,value:a.value}))}:null,G=n=>{var u,s,e,p,_,o,y,g,h,v;const a=(u=n.payment_methods)==null?void 0:u[0],t=(a==null?void 0:a.type)??"",i=(a==null?void 0:a.name)??"",c=P(n.items),l=c.reduce((b,N)=>b+N.totalQuantity,0);return{status:n.status,isVirtual:n.is_virtual,coupons:((s=n==null?void 0:n.applied_coupons)==null?void 0:s.map(b=>({code:(b==null?void 0:b.code)??""})))||[],email:n.email??"",items:c,number:n.number,token:n.token,grandTotal:{value:((e=n.total)==null?void 0:e.grand_total.value)??0,currency:((p=n.total)==null?void 0:p.grand_total.currency)||""},totalQuantity:l,totalTax:{value:((_=n.total)==null?void 0:_.total_tax.value)??0,currency:((o=n.total)==null?void 0:o.total_tax.currency)||""},subtotal:{value:((y=n.total)==null?void 0:y.subtotal.value)??0,currency:((g=n.total)==null?void 0:g.subtotal.currency)||""},shipping:{amount:((h=n.total)==null?void 0:h.total_shipping.value)??0,currency:((v=n.total)==null?void 0:v.total_shipping.currency)||"",code:n.shipping_method??""},payments:[{code:t,name:i}],shippingAddress:C(n.shipping_address),billingAddress:C(n.billing_address)}},F=`
+  mutation placeOrder($cartId: String!) {
+    placeOrder(input: { cart_id: $cartId }) {
+      orderV2 {
+        number
+        status
+        token
+        is_virtual
+        applied_coupons {
+          code
+        }
+        email
+        id
+        total {
+          grand_total {
+            currency
+            value
+          }
+          subtotal {
+            currency
+            value
+          }
+          total_shipping {
+            currency
+            value
+          }
+          total_tax {
+            currency
+            value
+          }
+        }
+        shipping_method
+        payment_methods {
+          name
+          type
+        }
+        billing_address {
+          firstname
+          middlename
+          lastname
+          street
+          city
+          postcode
+          telephone
+          country_code
+          region
+          region_id
+          company
+          custom_attributesV2 {
+            code
+            ... on AttributeValue {
+              value
+            }
+          }
+        }
+        shipping_address {
+          firstname
+          middlename
+          lastname
+          street
+          city
+          postcode
+          telephone
+          country_code
+          region
+          region_id
+          company
+          custom_attributesV2 {
+            code
+            ... on AttributeValue {
+              value
+            }
+          }
+        }
+        items {
+          __typename
+          id
+          discounts {
+            amount {
+              value
+            }
+          }
+          product {
+            __typename
+            canonical_url
+            image {
+              url
+            }
+            thumbnail {
+              label
+              url
+            }
+            name
+            sku
+            uid
+            price_range {
+              maximum_price {
+                regular_price {
+                  currency
+                  value
+                }
+              }
+            }
+          }
+          selected_options {
+            label
+            value
+          }
+          product_sale_price {
+            value
+            currency
+          }
+          quantity_ordered
+          ... on GiftCardOrderItem {
+            gift_card {
+              recipient_name
+              recipient_email
+              sender_name
+              sender_email
+              message
+            }
+          }
+        }
+      }
+    }
+  }
+`,x={SHOPPING_CART_CONTEXT:"shoppingCartContext",ORDER_CONTEXT:"orderContext"},X={PLACE_ORDER:"place-order"};function E(){return window.adobeDataLayer=window.adobeDataLayer||[],window.adobeDataLayer}function O(n,a){const t=E();t.push({[n]:null}),t.push({[n]:a})}function $(n,a){E().push(i=>{const c=i.getState?i.getState():{};i.push({event:n,eventInfo:{...c,...a}})})}function H(n){const a=V(n),t=q(n);console.debug({shoppingCartContext:a,orderContext:t}),O(x.SHOPPING_CART_CONTEXT,{...a}),O(x.ORDER_CONTEXT,{...t}),$(X.PLACE_ORDER)}function j(n){throw n.every(t=>{var i;return(i=t.extensions)==null?void 0:i.category})?new L(n):new R(n[0].message)}const J=async()=>{const n=T.cartId;if(!n)throw new w;const{data:a,errors:t}=await A(F,{variables:{cartId:n}}).catch(k);t&&j(t);const i=G(a.placeOrder.orderV2);return H(i),f.emit("checkout/order",i),D.value={pending:!1,data:null},f.emit("cart/reset",void 0),i};export{J as p};

package/chunks/resetCustomer.js

@@ -0,0 +1,36 @@
+import{events as n}from"@dropins/tools/event-bus.js";import{p as l,o as a,j as d,n as c,m as f}from"./fixtures.js";import{Initializer as m}from"@dropins/tools/lib.js";import{a as i}from"./getCustomer.js";const _=e=>e?e.filter(Boolean).filter(r=>(r==null?void 0:r.label)&&(r==null?void 0:r.value)).map(r=>({text:r.label,value:r.value})):[],g=e=>e?e.filter(Boolean).filter(t=>(t==null?void 0:t.name)&&(t==null?void 0:t.value)):[],v=e=>e?e.filter(Boolean).map(r=>({code:r.code,defaultValue:r.default_value||void 0,frontendInput:r.frontend_input||void 0,isDisabled:!1,isRequired:r.is_required,label:r.label||void 0,multilineCount:r.multiline_count||void 0,options:_(r.options),sortOrder:r.sort_order||void 0,validateRules:g(r.validate_rules)})):[],p=e=>{if(e)return e.filter(t=>!!t).filter(t=>{const{two_letter_abbreviation:r,full_name_locale:s}=t;return!!r&&!!s}).map(t=>{const{two_letter_abbreviation:r,full_name_locale:s}=t;return{value:r,label:s}})},y=`
+  query fetchAddressFormFields {
+    attributesForm(formCode: "customer_register_address") {
+      items {
+        frontend_input
+        code
+        label
+        default_value
+        is_required
+        options {
+          label
+          value
+          is_default
+        }
+        ... on CustomerAttributeMetadata {
+          multiline_count
+          sort_order
+          validate_rules {
+            name
+            value
+          }
+        }
+      }
+      errors {
+        message
+        type
+      }
+    }
+  }
+`,b=async()=>await l({type:"query",query:y,options:{method:"GET",cache:"no-cache"},path:"attributesForm.items",signalType:"addressFormFields",transformer:v,defaultValueOnFail:[]}),h=`
+query getCountries {
+    countries {
+      two_letter_abbreviation
+      full_name_locale
+    }
+}`,C=async()=>await l({type:"query",query:h,options:{method:"GET",cache:"no-cache"},path:"countries",signalType:"countryList",transformer:p,defaultValueOnFail:[]}),F=()=>[n.on("cart/initialized",e=>{const t=(e==null?void 0:e.id)||null;a.cartId=t,t?i():o()},{eager:!0}),n.on("cart/data",e=>{const t=(e==null?void 0:e.id)||null;t!==a.cartId&&(a.cartId=t,t?i():o())},{eager:!0}),n.on("authenticated",e=>{a.authenticated=e,e||I()},{eager:!0})],u=new m({init:async e=>{const t={guestViewCookieExpirationDays:30,...e};u.config.setConfig(t),q()},listeners:F}),V=u.config,q=async()=>Promise.all([d(),C(),b()]),o=()=>{a.cartId=null,c.value={pending:!1,data:null}},I=()=>{a.authenticated=!1,f.value={pending:!1,data:null}};export{q as a,I as b,V as c,b as f,C as g,u as i,o as r};

package/chunks/setBillingAddress.js

@@ -0,0 +1,13 @@
+import{o as n,M as e,c as d,p as l}from"./fixtures.js";import{C as o,t as c}from"./getCart.graphql.js";const p=`
+  mutation setBillingAddress($cartId: String!, $input: BillingAddressInput!) {
+    setBillingAddressOnCart(
+      input: { cart_id: $cartId, billing_address: $input }
+    ) {
+      cart {
+        id
+        ...CheckoutData
+      }
+    }
+  }
+  ${o}
+`,m=async({signal:a,input:s})=>{const t=n.cartId,{address:i,same_as_shipping:r}=s;if(!t)throw new e;if(!r&&!i)throw new d;return await l({type:"mutation",query:p,options:{signal:a,variables:{cartId:t,input:s}},path:"setBillingAddressOnCart.cart",signalType:"cart",transformer:c})};export{m as s};

package/chunks/setGuestEmailOnCart.js

@@ -0,0 +1,17 @@
+import{a as r,g as s,v as e,o as l,M as n,p as o}from"./fixtures.js";import"@dropins/tools/event-bus.js";import{C as m,t as c}from"./getCart.graphql.js";const E=a=>!!(a!=null&&a.is_email_available),u=`
+  query isEmailAvailable($email: String!) {
+    isEmailAvailable(email: $email) {
+      is_email_available
+    }
+  }
+`,h=a=>{if(!(!a||a.length===0))throw Error(a.map(t=>t.message).join(" "))},A=async a=>{if(!a)throw new r;const{data:t,errors:i}=await s(u,{method:"GET",cache:"no-cache",variables:{email:a}}).catch(e);return i&&h(i),E(t.isEmailAvailable)},p=`
+  mutation setGuestEmail($cartId: String!, $email: String!) {
+    setGuestEmailOnCart(input: { cart_id: $cartId, email: $email }) {
+      cart {
+        id
+        ...CheckoutData
+      }
+    }
+  }
+  ${m}
+`,C=async a=>{const t=l.cartId;if(!t)throw new n;return await o({type:"mutation",query:p,options:{variables:{cartId:t,email:a}},path:"setGuestEmailOnCart.cart",signalType:"cart",transformer:c})};export{A as i,C as s};

package/chunks/setPaymentMethod.js

@@ -0,0 +1,13 @@
+import{o as e,M as r,b as n,p as o}from"./fixtures.js";import{C as s,t as i}from"./getCart.graphql.js";const m=`
+  mutation setPaymentMethod($cartId: String!, $paymentMethod: String!) {
+    setPaymentMethodOnCart(
+      input: { cart_id: $cartId, payment_method: { code: $paymentMethod } }
+    ) {
+      cart {
+        id
+        ...CheckoutData
+      }
+    }
+  }
+  ${s}
+`,h=async t=>{const a=e.cartId;if(!a)throw new r;if(!t)throw new n;return await o({type:"mutation",query:m,options:{variables:{cartId:a,paymentMethod:t}},path:"setPaymentMethodOnCart.cart",signalType:"cart",transformer:i})};export{h as s};

package/chunks/setShippingAddress.js

@@ -0,0 +1,13 @@
+import{a as s,b as p,M as u,c as _}from"./getMultilineValues.js";import{o as I,M as g,p as C}from"./fixtures.js";import{C as h,t as A}from"./getCart.graphql.js";import"@dropins/tools/event-bus.js";const T=/^\d+$/,l=t=>{if(T.test(t))return parseInt(t,10)},m=`
+  mutation setShippingAddress($cartId: String!, $address: CartAddressInput!) {
+    setShippingAddressesOnCart(
+      input: { cart_id: $cartId, shipping_addresses: [{ address: $address }] }
+    ) {
+      cart {
+        id
+        ...CheckoutData
+      }
+    }
+  }
+  ${h}
+`,y=["city","company","country_code","firstname","lastname","postcode","region","region_id","save_in_address_book","street","telephone","vat_id"],v=t=>{const a={city:t[s.City],company:t[s.Company],country_code:t[s.Country],firstname:t[s.FirstName],lastname:t[s.LastName],postcode:t[s.PostCode],save_in_address_book:!0,street:p(s.Street,t),telephone:t[s.Telephone],vat_id:t[s.Vat]},r=t[s.Region],d=l(r);d?a.region_id=d:a.region=r;const c=Object.keys(t).filter(e=>!e.startsWith("street")).filter(e=>!y.includes(e)).filter(e=>e!=="country_id").map(e=>{const[n,i]=e.split(u);if(!i)return{attribute_code:n,value:t[e]};const o=p(n,t).join(_);return{attribute_code:n,value:o}}).filter((e,n,i)=>n===i.findIndex(o=>o.attribute_code===e.attribute_code));return c.length>0&&(a.custom_attributes=c),a},N=async({signal:t,address:a})=>{const r=I.cartId;if(!r)throw new g;return await C({type:"mutation",query:m,options:{signal:t,variables:{cartId:r,address:a}},path:"setShippingAddressesOnCart.cart",signalType:"cart",transformer:A})};export{y as S,v as p,N as s};

package/chunks/setShippingMethods.js

@@ -0,0 +1,16 @@
+import{o as a,M as s,p}from"./fixtures.js";import{C as r,t as n}from"./getCart.graphql.js";import"@dropins/tools/event-bus.js";const o=`
+  mutation setShippingMethods(
+    $cartId: String!
+    $shippingMethods: [ShippingMethodInput]!
+  ) {
+    setShippingMethodsOnCart(
+      input: { cart_id: $cartId, shipping_methods: $shippingMethods }
+    ) {
+      cart {
+        id
+        ...CheckoutData
+      }
+    }
+  }
+  ${r}
+`,c=async i=>{const t=a.cartId;if(!t)throw new s;return await p({type:"mutation",query:o,options:{variables:{cartId:t,shippingMethods:i}},path:"setShippingMethodsOnCart.cart",signalType:"cart",transformer:n})};export{c as s};

package/components/AddressForm/AddressForm.d.ts

@@ -0,0 +1,22 @@
+import { SaveAddressCommand } from '.';
+import { PreselectedAddressFields } from '../../containers';
+import { AddressFormType } from '../../data/models';
+import { cartSignal } from '../../signals';
+import { HTMLAttributes } from 'preact/compat';
+
+export interface AddressFormProps extends HTMLAttributes<HTMLDivElement> {
+    addressType: AddressFormType;
+    autoFill?: boolean;
+    headingId: string;
+    name: string;
+    onCheckoutDataUpdate?: () => Promise<void>;
+    preselectedFields?: PreselectedAddressFields;
+    saveAddressHandler: (command: SaveAddressCommand) => Promise<typeof cartSignal.value.data>;
+}
+export type AddressFormHandle = {
+    triggerSaveAddress: (signal: AbortSignal) => Promise<typeof cartSignal.value.data> | undefined;
+};
+export declare const AddressForm: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<AddressFormProps> & {
+    ref?: import('preact').Ref<AddressFormHandle> | undefined;
+}>;
+//# sourceMappingURL=AddressForm.d.ts.map

package/components/AddressForm/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const MULTILINE_SUFFIX = "-";
+export declare const MULTILINE_CUSTOM_ATTR_SPLIT = "\n";
+export declare const DEBOUNCE_TIME = 2000;
+//# sourceMappingURL=constants.d.ts.map

package/components/AddressForm/index.d.ts

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

package/components/AddressForm/useAddressBackup.d.ts

@@ -0,0 +1,8 @@
+import { AddressFormType, AddressFormValues } from '../../data/models/address-form-fields';
+
+export declare function useAddressBackup(addressType: AddressFormType): {
+    addressBackup: AddressFormValues | null;
+    backupAddress: (address: AddressFormValues) => NodeJS.Timeout;
+    removeAddressBackup: () => void;
+};
+//# sourceMappingURL=useAddressBackup.d.ts.map

package/components/AddressForm/useAddressForm.d.ts

@@ -0,0 +1,39 @@
+import { AddressFormErrors, AddressFormType, AddressFormValues } from '../../data/models';
+import { cartSignal } from '../../signals';
+import { RefObject } from 'preact';
+
+export type DefaultValues = {
+    country_id?: string;
+};
+export type AddressFormState = {
+    address: AddressFormValues;
+    errors: AddressFormErrors;
+};
+export type SaveAddressCommand = {
+    signal?: AbortSignal;
+    address: AddressFormValues;
+};
+export type LoadAutoFillProps = {
+    values: AddressFormValues;
+    triggerAutoSave: boolean;
+};
+export type UseAddressFormProps = {
+    defaultValues?: DefaultValues;
+    formRef: RefObject<HTMLFormElement>;
+    onCheckoutDataUpdate?: () => Promise<void>;
+    preselection?: AddressFormValues;
+    saveAddressHandler: (command: SaveAddressCommand) => Promise<typeof cartSignal.value.data>;
+    type: AddressFormType;
+};
+export declare const useAddressForm: ({ defaultValues, formRef, onCheckoutDataUpdate, preselection, saveAddressHandler, type, }: UseAddressFormProps) => {
+    address: AddressFormValues;
+    errors: Record<string, string>;
+    loadAutoFill: ({ values, triggerAutoSave, }: LoadAutoFillProps) => void;
+    dismissError: (code: string) => void;
+    onChange: (event: Event) => void;
+    onSelection: (event: Event) => void;
+    onBlur: (event: Event) => void;
+    onInvalid: (event: Event) => void;
+    setAddress: import('preact/hooks').Dispatch<import('preact/hooks').StateUpdater<AddressFormValues>>;
+};
+//# sourceMappingURL=useAddressForm.d.ts.map

package/components/AddressForm/useCheckoutAddressEventEmitter.d.ts

@@ -0,0 +1,9 @@
+import { AddressFormType, AddressFormValues } from '../../data/models';
+
+type useCheckoutAddressEventEmitterProps = {
+    address: AddressFormValues;
+    type: AddressFormType;
+};
+declare function useCheckoutAddressEventEmitter({ address, type, }: useCheckoutAddressEventEmitterProps): void;
+export default useCheckoutAddressEventEmitter;
+//# sourceMappingURL=useCheckoutAddressEventEmitter.d.ts.map

package/components/AddressForm/usePreselectedFields.d.ts

@@ -0,0 +1,9 @@
+import { PreselectedAddressFields } from '../../containers';
+import { AddressFormField, AddressFormValues } from '../../data/models/address-form-fields';
+
+export type UsePreselectedFieldsProps = {
+    fields?: AddressFormField[];
+    preselectedFields?: PreselectedAddressFields;
+};
+export declare function usePreselectedFields({ fields, preselectedFields, }: UsePreselectedFieldsProps): AddressFormValues;
+//# sourceMappingURL=usePreselectedFields.d.ts.map

package/components/AddressForm/utils.d.ts

@@ -0,0 +1,13 @@
+import { AddressFormType } from '../../data/models';
+import { Cart } from '../../data/models/cart';
+import { Customer } from '../../data/models/customer';
+
+export declare const getCustomerAddress: ({ addressType, customer, }: {
+    addressType: AddressFormType;
+    customer: Customer;
+}) => import('../../data/models').CustomerAddress | undefined;
+export declare const getCartAddress: ({ addressType, cart, }: {
+    addressType: AddressFormType;
+    cart: Cart;
+}) => import('../../data/models/address').Address | undefined;
+//# sourceMappingURL=utils.d.ts.map

package/components/BillToShippingAddress/BillToShippingAddress.d.ts

@@ -0,0 +1,8 @@
+import { FunctionComponent } from 'preact';
+import { CheckboxProps } from '@dropins/tools/types/elsie/src/components';
+
+export interface BillToShippingAddressProps extends Omit<CheckboxProps, 'name' | 'label'> {
+    isInitialized?: boolean;
+}
+export declare const BillToShippingAddress: FunctionComponent<BillToShippingAddressProps>;
+//# sourceMappingURL=BillToShippingAddress.d.ts.map

package/components/BillToShippingAddress/BillToShippingAddressSkeleton.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'preact';
+
+export declare const BillToShippingAddressSkeleton: FunctionComponent;
+//# sourceMappingURL=BillToShippingAddressSkeleton.d.ts.map

package/components/BillToShippingAddress/index.d.ts

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

package/components/Checkout/Checkout.d.ts

@@ -0,0 +1,32 @@
+import { FunctionComponent, VNode } from 'preact';
+import { HTMLAttributes } from 'preact/compat';
+
+export type AsideSections = {
+    orderSummary?: VNode;
+};
+declare const Aside: FunctionComponent<{
+    sections: AsideSections;
+}>;
+export type MainSections = {
+    billingAddress: VNode;
+    billToShippingAddress?: VNode;
+    login: VNode;
+    outOfStock: VNode;
+    paymentMethods: VNode;
+    placeOrder: VNode;
+    shippingAddress?: VNode;
+    shippingMethods?: VNode;
+};
+declare const Main: FunctionComponent<{
+    sections?: MainSections;
+}>;
+export interface CheckoutProps extends HTMLAttributes<HTMLDivElement> {
+    isLoading?: boolean;
+}
+interface CheckoutComponent extends FunctionComponent<CheckoutProps> {
+    Main: typeof Main;
+    Aside: typeof Aside;
+}
+export declare const Checkout: CheckoutComponent;
+export {};
+//# sourceMappingURL=Checkout.d.ts.map

package/components/Checkout/index.d.ts

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

package/components/EmptyCart/EmptyCart.d.ts

@@ -0,0 +1,9 @@
+import { FunctionComponent } from 'preact';
+import { HTMLAttributes } from 'preact/compat';
+
+export interface EmptyCartProps extends HTMLAttributes<HTMLDivElement> {
+    title?: string;
+    routeHome?: () => string;
+}
+export declare const EmptyCart: FunctionComponent<EmptyCartProps>;
+//# sourceMappingURL=EmptyCart.d.ts.map

package/components/EmptyCart/index.d.ts

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

package/components/EstimateShipping/EstimateShipping.d.ts

@@ -0,0 +1,12 @@
+import { FunctionComponent, VNode } from 'preact';
+import { HTMLAttributes } from 'preact/compat';
+
+export interface EstimateShippingProps {
+    estimated?: boolean;
+    price: VNode<HTMLAttributes<HTMLSpanElement>>;
+    priceExclTax?: VNode<HTMLAttributes<HTMLSpanElement>>;
+    taxExcluded?: boolean;
+    taxIncluded?: boolean;
+}
+export declare const EstimateShipping: FunctionComponent<EstimateShippingProps>;
+//# sourceMappingURL=EstimateShipping.d.ts.map

package/components/EstimateShipping/EstimateShippingSkeleton.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'preact';
+
+export declare const EstimateShippingSkeleton: FunctionComponent;
+//# sourceMappingURL=EstimateShippingSkeleton.d.ts.map

package/components/EstimateShipping/index.d.ts

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

package/components/FieldsForm/FieldsForm.d.ts

@@ -0,0 +1,13 @@
+import { AddressFormElement, AddressFormType } from '../../data/models/address-form-fields';
+import { FunctionComponent, Ref } from 'preact';
+import { HTMLAttributes } from 'preact/compat';
+
+export interface FieldsFormProps extends HTMLAttributes<HTMLDivElement> {
+    addressType: AddressFormType;
+    fields: AddressFormElement[];
+    formRef: Ref<HTMLFormElement>;
+    headingId: string;
+    name: string;
+}
+export declare const FieldsForm: FunctionComponent<FieldsFormProps>;
+//# sourceMappingURL=FieldsForm.d.ts.map

package/components/FieldsForm/FieldsFormSkeleton.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'preact';
+
+export declare const FieldsFormSkeleton: FunctionComponent;
+//# sourceMappingURL=FieldsFormSkeleton.d.ts.map

package/components/FieldsForm/fieldFactory.d.ts

@@ -0,0 +1,9 @@
+import { AddressFormElement, AddressFormType } from '../../data/models';
+
+type FieldFactoryProps = {
+    addressType: AddressFormType;
+    element: AddressFormElement;
+};
+export declare const createField: ({ addressType, element }: FieldFactoryProps) => import("preact").JSX.Element | null;
+export {};
+//# sourceMappingURL=fieldFactory.d.ts.map

package/components/FieldsForm/fixtures.d.ts

@@ -0,0 +1,5 @@
+import { AddressFormElement } from '../../data/models/address-form-fields';
+
+declare const defaultFormElements: AddressFormElement[];
+export { defaultFormElements };
+//# sourceMappingURL=fixtures.d.ts.map

package/components/FieldsForm/index.d.ts

@@ -0,0 +1,6 @@
+export * from './fieldFactory';
+export * from './validation';
+export * from './FieldsForm';
+export * from './FieldsFormSkeleton';
+export { FieldsForm as default } from './FieldsForm';
+//# sourceMappingURL=index.d.ts.map

package/components/FieldsForm/validation.d.ts

@@ -0,0 +1,18 @@
+import { AddressFormField } from '../../data/models/address-form-fields';
+
+export type ValidityProps = {
+    accept?: string;
+    max?: string | number;
+    maxLength?: number;
+    min?: string | number;
+    minLength?: number;
+    pattern?: string;
+    required?: boolean;
+};
+export type InputValidation = 'alphanumeric' | 'alphanumeric-w-space' | 'alphanum-with-spaces' | 'alpha' | 'url' | 'numeric' | 'email';
+export declare const validityProps: (rules: AddressFormField['validateRules']) => ValidityProps;
+export type Patterns = {
+    [key in InputValidation]: RegExp;
+};
+export declare const patterns: Patterns;
+//# sourceMappingURL=validation.d.ts.map

package/components/Heading/Heading.d.ts

@@ -0,0 +1,8 @@
+import { FunctionComponent } from 'preact';
+import { HTMLAttributes } from 'preact/compat';
+
+export interface HeadingProps extends Omit<HTMLAttributes<HTMLHeadingElement>, 'level'> {
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+}
+export declare const Heading: FunctionComponent<HeadingProps>;
+//# sourceMappingURL=Heading.d.ts.map

package/components/Heading/index.d.ts

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

package/components/LoginForm/Email.d.ts

@@ -0,0 +1,13 @@
+import { HTMLAttributes } from 'preact/compat';
+import { FunctionComponent } from 'preact';
+
+export interface LoginEmailProps extends HTMLAttributes<HTMLFormElement> {
+    value?: string;
+    error?: string;
+    hint?: string;
+    onChange: (e: any) => void;
+    onBlur: (e: any) => void;
+    onInvalid: (e: any) => void;
+}
+export declare const Email: FunctionComponent<LoginEmailProps>;
+//# sourceMappingURL=Email.d.ts.map

package/components/LoginForm/LoginForm.d.ts

@@ -0,0 +1,16 @@
+import { Customer } from '../../data/models';
+import { FunctionComponent, HTMLAttributes } from 'preact/compat';
+
+export interface LoginFormProps extends HTMLAttributes<HTMLDivElement> {
+    currentEmail: string | null;
+    hint?: string;
+    error?: string | null;
+    onEmailChange: (e: any) => void;
+    onEmailBlur: (e: any) => void;
+    onEmailInvalid: (e: any) => void;
+    onSignInClick?: (email: string | null) => void;
+    onSignOutClick?: () => void;
+    customer?: Customer | null;
+}
+export declare const LoginForm: FunctionComponent<LoginFormProps>;
+//# sourceMappingURL=LoginForm.d.ts.map

package/components/LoginForm/LoginFormSkeleton.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'preact';
+
+export declare const LoginFormSkeleton: FunctionComponent;
+//# sourceMappingURL=LoginFormSkeleton.d.ts.map

package/components/LoginForm/SignIn.d.ts

@@ -0,0 +1,9 @@
+import { FunctionComponent } from 'preact';
+
+type SignInProps = {
+    onSignInClick?: (email: string | null) => void;
+    email: string | null;
+};
+export declare const SignIn: FunctionComponent<SignInProps>;
+export {};
+//# sourceMappingURL=SignIn.d.ts.map

package/components/LoginForm/SignOut.d.ts

@@ -0,0 +1,8 @@
+import { FunctionComponent } from 'preact';
+
+type SignOutProps = {
+    onSignOutClick?: () => void;
+};
+export declare const SignOut: FunctionComponent<SignOutProps>;
+export {};
+//# sourceMappingURL=SignOut.d.ts.map

package/components/LoginForm/index.d.ts

@@ -0,0 +1,6 @@
+export * from './Email';
+export * from './SignIn';
+export * from './LoginForm';
+export * from './LoginFormSkeleton';
+export * from './SignOut';
+//# sourceMappingURL=index.d.ts.map

package/components/OutOfStock/OutOfStock.d.ts

@@ -0,0 +1,11 @@
+import { Item as CartItem } from '../../types/cart';
+import { FunctionComponent } from 'preact';
+import { HTMLAttributes } from 'preact/compat';
+
+export interface OutOfStockProps extends HTMLAttributes<HTMLDivElement> {
+    items: CartItem[];
+    onRemoveOutOfStock?: (event: Event) => void;
+    routeCart?: string;
+}
+export declare const OutOfStock: FunctionComponent<OutOfStockProps>;
+//# sourceMappingURL=OutOfStock.d.ts.map