@dropins/storefront-checkout 0.1.0-alpha49 → 0.1.0-alpha50

package/chunks/placeOrder2.js

@@ -0,0 +1,131 @@
+import{s as T,M as w,j as A,m as k,F as D,U as L}from"./fetch-graphql.js";import{events as f}from"@dropins/tools/event-bus.js";const R=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})))||[]}})}),V=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,Q=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:Q(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 S(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(S).map(a=>({code:a.code,value:a.value}))}:null,U=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)}},G=`
+  mutation placeOrder($cartId: String!) {
+    placeOrder(input: { cart_id: $cartId }) {
+      errors {
+        code
+        message
+      }
+      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"},F={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 X(n,a){E().push(i=>{const c=i.getState?i.getState():{};i.push({event:n,eventInfo:{...c,...a}})})}function $(n){const a=R(n),t=V(n);O(x.SHOPPING_CART_CONTEXT,{...a}),O(x.ORDER_CONTEXT,{...t}),X(F.PLACE_ORDER)}function H(n){throw n.every(t=>{var i;return(i=t.extensions)==null?void 0:i.category})?new D(n):new L(n[0].message)}const B=async()=>{const n=T.cartId;if(!n)throw new w;const{data:a,errors:t}=await A(G,{variables:{cartId:n}}).catch(k);t&&H(t);const i=U(a.placeOrder.orderV2);return $(i),f.emit("checkout/order",i),f.emit("cart/reset",void 0),i};export{B as p};

package/chunks/resetCustomer.js

@@ -1,36 +1 @@
-import{events as n}from"@dropins/tools/event-bus.js";import{l,k as a,j as d,q as c,p 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};
+import{events as n}from"@dropins/tools/event-bus.js";import{a as l,c as d,d as c}from"./store-config.js";import{s as a,l as u}from"./fetch-graphql.js";import{Initializer as f}from"@dropins/tools/lib.js";import{g as s}from"./getCustomer.js";const g=()=>[n.on("cart/initialized",e=>{const t=(e==null?void 0:e.id)||null;a.cartId=t,t?s():o()},{eager:!0}),n.on("cart/data",e=>{const t=(e==null?void 0:e.id)||null;t!==a.cartId&&(a.cartId=t,t?s():o())},{eager:!0}),n.on("authenticated",e=>{a.authenticated=e,e||C()},{eager:!0})],r=new f({init:async e=>{const t=e||{};r.config.setConfig(t),m(t)},listeners:g}),k=r.config,m=async e=>{var i;const t=(i=e==null?void 0:e.models)==null?void 0:i.StoreConfig;if(!t)return u();l.value={data:t.initialData,pending:!1}},o=()=>{a.cartId=null,d.value={pending:!1,data:null}},C=()=>{a.authenticated=!1,c.value={pending:!1,data:null}};export{m as a,C as b,k as c,r as i,o as r};

package/chunks/setBillingAddress.js

@@ -1,13 +1,11 @@
-import{k as n,M as e,c as d,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 }
-    ) {
+import{s as e,M as l,f as d,d as o}from"./fetch-graphql.js";import{C as p,a as f,b as g}from"./getCart.graphql.js";const c=`
+  mutation setBillingAddress($input: SetBillingAddressOnCartInput!) {
+    setBillingAddressOnCart(input: $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};
+  ${p}
+`,C=async({address:i,customerAddressId:s,sameAsShipping:t=!1,useForShipping:n=!1})=>{const r=e.cartId;if(!r)throw new l;const a={cart_id:r,billing_address:{same_as_shipping:t,use_for_shipping:n}};if(!t&&s&&(a.billing_address.customer_address_id=s),!t&&!s){if(!i)throw new d;a.billing_address.address=f(i)}return await o({type:"mutation",query:c,options:{variables:{input:a}},path:"setBillingAddressOnCart.cart",signalType:"cart",transformer:g})};export{c as a,C as s};

package/chunks/setGuestEmailOnCart.js

@@ -1,10 +1,10 @@
-import{a as r,g as s,u as e,k as l,M as n,l as o}from"./fixtures.js";import"@dropins/tools/event-bus.js";import{C as m,t as c}from"./getCart.graphql.js";const u=a=>!!(a!=null&&a.is_email_available),E=`
+import{c as r,j as s,m as e,s as l,M as n,d as o}from"./fetch-graphql.js";import"./store-config.js";import"@dropins/tools/event-bus.js";import{C as m,b 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(E,{method:"GET",cache:"no-cache",variables:{email:a}}).catch(e);return i&&h(i),u(t.isEmailAvailable)},p=`
+`,h=a=>{if(!(!a||a.length===0))throw Error(a.map(t=>t.message).join(" "))},C=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 {
@@ -14,4 +14,4 @@ import{a as r,g as s,u as e,k as l,M as n,l as o}from"./fixtures.js";import"@dro
     }
   }
   ${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};
+`,d=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{C as i,d as s};

package/chunks/setPaymentMethod.js

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

package/chunks/setShippingMethods.js

@@ -1,4 +1,4 @@
-import{k as a,M as s,l as p}from"./fixtures.js";import{C as r,t as n}from"./getCart.graphql.js";import"@dropins/tools/event-bus.js";const o=`
+import{s,M as a,d as p}from"./fetch-graphql.js";import{C as r,b as n}from"./getCart.graphql.js";import"./store-config.js";import"@dropins/tools/event-bus.js";const o=`
   mutation setShippingMethods(
     $cartId: String!
     $shippingMethods: [ShippingMethodInput]!
@@ -13,4 +13,4 @@ import{k as a,M as s,l as p}from"./fixtures.js";import{C as r,t as n}from"./getC
     }
   }
   ${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};
+`,g=async i=>{const t=s.cartId;if(!t)throw new a;return await p({type:"mutation",query:o,options:{variables:{cartId:t,shippingMethods:i}},path:"setShippingMethodsOnCart.cart",signalType:"cart",transformer:n})};export{g as s};

package/chunks/store-config.js

@@ -0,0 +1 @@
+import{signal as e,effect as n}from"@dropins/tools/signals.js";import{events as s}from"@dropins/tools/event-bus.js";const o=e(!0),i=e({pending:!1,data:void 0});n(()=>{var a;(a=i.value.data)!=null&&a.isVirtual&&(o.value=!1)});n(()=>{i.value.pending||s.emit("checkout/data",i.value.data||null)});const t=e({pending:!1,data:void 0});n(()=>{t.value.pending||t.value.data&&s.emit("checkout/customer",t.value.data)});const g=e({pending:!1,data:void 0}),u=e(void 0),c=e(),v=e({data:void 0,pending:!1});var r=(a=>(a.EXCLUDING_TAX="EXCLUDING_TAX",a.INCLUDING_EXCLUDING_TAX="INCLUDING_AND_EXCLUDING_TAX",a.INCLUDING_TAX="INCLUDING_TAX",a))(r||{});export{r as T,v as a,c as b,i as c,t as d,g as e,o as i,u as s};

package/chunks/withConditionalRendering.js

@@ -1 +1 @@
-import{jsx as o}from"@dropins/tools/preact-jsx-runtime.js";import{q as c}from"./fixtures.js";import"@dropins/tools/event-bus.js";function d(t){return t.displayName||t.name||"Component"}const f=t=>{const a=d(t),n=({hideOnEmptyCart:s=!0,hideOnVirtualCart:r=!1,...e})=>{const i=c.value.data,l=i!==void 0&&(i===null||i.isEmpty),m=!!(i!=null&&i.isVirtual);return o("div",{children:!(s&&l||r&&m)&&o(t,{...e})})};return n.displayName=`Conditional(${a})`,n};export{f as w};
+import{jsx as n}from"@dropins/tools/preact-jsx-runtime.js";import{c as p}from"./store-config.js";import"@dropins/tools/event-bus.js";import"./fetch-graphql.js";function u(i){return i.displayName||i.name||"Component"}const w=i=>{const o=u(i),a=({hideOnEmptyCart:s=!0,hideOnVirtualCart:r=!1,...e})=>{const t=p.value.data,l=t!==void 0&&(t===null||t.isEmpty),m=!!(t!=null&&t.isVirtual),c=s&&l||r&&m,d=`conditional-${o.toLowerCase()}`;return n("div",{className:d,children:!c&&n(i,{...e})})};return a.displayName=`Conditional(${o})`,a};export{w};

package/components/BillToShippingAddress/BillToShippingAddress.d.ts

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

package/components/LoginForm/Email.d.ts

@@ -1,13 +1,13 @@
-import { HTMLAttributes } from 'preact/compat';
 import { FunctionComponent } from 'preact';
+import { HTMLAttributes } from 'preact/compat';
 
-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 interface LoginEmailProps extends HTMLAttributes<HTMLInputElement> {
+    value: string;
+    error: string;
+    hint: string;
+    onChange: (event: Event) => void;
+    onBlur: (event: Event) => void;
+    onInvalid: (event: Event) => void;
 }
 export declare const Email: FunctionComponent<LoginEmailProps>;
 //# sourceMappingURL=Email.d.ts.map

package/components/LoginForm/LoginForm.d.ts

@@ -1,16 +1,20 @@
-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;
+export interface LoginFormProps extends Omit<HTMLAttributes<HTMLFormElement>, 'loading'> {
+    customerDetails?: {
+        firstName: string;
+        lastName: string;
+        email: string;
+    };
+    email: string;
+    error: string;
+    hint: string;
+    loading?: boolean;
+    onEmailBlur: (event: Event) => void;
+    onEmailChange: (event: Event) => void;
+    onEmailInvalid: (event: Event) => void;
+    onSignInClick?: (email: string) => void;
     onSignOutClick?: () => void;
-    customer?: Customer | null;
 }
 export declare const LoginForm: FunctionComponent<LoginFormProps>;
 //# sourceMappingURL=LoginForm.d.ts.map

package/components/LoginForm/SignIn.d.ts

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

package/components/LoginForm/SignOut.d.ts

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

package/components/PaymentMethods/PaymentMethods.d.ts

@@ -2,11 +2,12 @@ import { PaymentMethod } from '../../data/models/payment-method';
 import { FunctionComponent, VNode } from 'preact';
 import { HTMLAttributes } from 'preact/compat';
 
-export interface PaymentMethodsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
-    paymentMethodContent?: VNode;
-    isLoading?: boolean;
+export interface PaymentMethodsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'loading'> {
+    initializing?: boolean;
+    loading?: boolean;
     onChange?: (value: string) => void;
     options?: PaymentMethod[];
+    paymentMethodContent?: VNode;
     selection?: string;
 }
 export declare const PaymentMethods: FunctionComponent<PaymentMethodsProps>;

package/components/index.d.ts

@@ -14,10 +14,8 @@
  * is strictly forbidden unless prior written permission is obtained
  * from Adobe.
  *******************************************************************/
-export * from './AddressForm';
 export * from './BillToShippingAddress';
 export * from './EstimateShipping';
-export * from './FieldsForm';
 export * from './Heading';
 export * from './LoginForm';
 export * from './OutOfStock';

package/containers/BillToShippingAddress/BillToShippingAddress.d.ts

@@ -1,9 +1,21 @@
-import { BillingAddress, ShippingAddress } from '../../data/models/address';
-import { AddressFormField } from '../../data/models/address-form-fields';
-import { CheckboxProps } from '@dropins/tools/types/elsie/src/components';
-
-export declare function compareAddresses(addressFormFields: AddressFormField[], first: BillingAddress | undefined, second: ShippingAddress | undefined): boolean;
-export interface BillToShippingAddressProps extends Omit<CheckboxProps, 'name' | 'label'> {
+/********************************************************************
+ * ADOBE CONFIDENTIAL
+ * __________________
+ *
+ *  Copyright 2024 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ *******************************************************************/
+export interface BillToShippingAddressProps {
+    onChange?: (checked: boolean) => void;
 }
 export declare const BillToShippingAddress: {
     ({ hideOnEmptyCart, hideOnVirtualCart, ...props }: import('../../hocs/withConditionalRendering').ConditionalProps & BillToShippingAddressProps): import("preact/compat").JSX.Element;

package/containers/BillToShippingAddress/index.d.ts

@@ -1,20 +1,19 @@
 /********************************************************************
-* ADOBE CONFIDENTIAL
-* __________________
-*
-*  Copyright 2024 Adobe
-*  All Rights Reserved.
-*
-* NOTICE:  All information contained herein is, and remains
-* the property of Adobe and its suppliers, if any. The intellectual
-* and technical concepts contained herein are proprietary to Adobe
-* and its suppliers and are protected by all applicable intellectual
-* property laws, including trade secret and copyright laws.
-* Dissemination of this information or reproduction of this material
-* is strictly forbidden unless prior written permission is obtained
-* from Adobe.
-*******************************************************************/
-export * from './constants';
+ * ADOBE CONFIDENTIAL
+ * __________________
+ *
+ *  Copyright 2024 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ *******************************************************************/
 export * from './BillToShippingAddress';
 export { BillToShippingAddress as default } from './BillToShippingAddress';
 //# sourceMappingURL=index.d.ts.map

package/containers/BillToShippingAddress.js

@@ -1 +1 @@
-import{a as A,B as L,c as P,B as S}from"../chunks/BillToShippingAddress.js";import"@dropins/tools/preact-jsx-runtime.js";import"@dropins/tools/event-bus.js";import"../chunks/fixtures.js";import"@dropins/tools/signals.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/setBillingAddress.js";import"../chunks/getCart.graphql.js";import"../chunks/transform-shipping-methods.js";import"@dropins/tools/lib.js";import"@dropins/tools/components.js";/* empty css                              */import"@dropins/tools/i18n.js";import"../chunks/withConditionalRendering.js";import"@dropins/tools/preact-compat.js";export{A as BILL_TO_SHIPPING_KEY,L as BillToShippingAddress,P as compareAddresses,S as default};
+import{jsx as t}from"@dropins/tools/preact-jsx-runtime.js";import"@dropins/tools/event-bus.js";import{i as a,c as g}from"../chunks/store-config.js";import"../chunks/fetch-graphql.js";import{s as k}from"../chunks/setBillingAddress.js";/* empty css                             */import{Checkbox as S,Skeleton as b,SkeletonRow as f}from"@dropins/tools/components.js";import{c as A}from"../chunks/classes.js";import{useText as B}from"@dropins/tools/i18n.js";import{w as x}from"../chunks/withConditionalRendering.js";import{useState as T,useEffect as v}from"@dropins/tools/preact-compat.js";import"@dropins/tools/signals.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/getCart.graphql.js";const _=({className:i,checked:e,loading:r,onChange:n})=>{const s=B({title:"Checkout.BillToShippingAddress.title"});return r?t(w,{}):t("div",{className:"checkout-bill-to-shipping-address",children:t(S,{checked:e,className:A(["checkout-bill-to-shipping-address__checkbox",i]),"data-testid":"bill-to-shipping-checkbox",label:s.title,name:"checkout-bill-to-shipping-address__checkbox",onChange:n})})},w=()=>t(b,{className:"bill-to-shipping-address__skeleton",children:t(f,{variant:"row",size:"small"})}),u=({onChange:i})=>{var h;const[e,r]=T(!0),n=a.value,s=g.value.data,d=!!s,p=!!(s==null?void 0:s.billingAddress),l=(h=s==null?void 0:s.shippingAddresses)==null?void 0:h[0],m=l==null?void 0:l.sameAsBilling;return v(()=>{if(!e||!d)return;r(!1);const o=m??!p;a.value=o,i==null||i(o)},[d,p,m,e,i]),t(_,{checked:n,loading:e,onChange:async o=>{const c=o.target.checked;a.value=c,i==null||i(c),!e&&l&&c&&await k({sameAsShipping:!0}).catch(console.error)},disabled:g.value.pending})};u.displayName="BillToShippingAddressContainer";const L=x(u);export{L as BillToShippingAddress,L as default};

package/containers/ErrorBanner/ErrorBanner.d.ts

@@ -1,5 +1,5 @@
-import { FunctionComponent } from 'preact/compat';
 import { AlertBannerProps } from '@dropins/tools/types/elsie/src/components';
+import { Container } from '@dropins/tools/types/elsie/src/src/lib/types';
 
-export declare const ErrorBanner: FunctionComponent<Partial<AlertBannerProps>>;
+export declare const ErrorBanner: Container<AlertBannerProps>;
 //# sourceMappingURL=ErrorBanner.d.ts.map

package/containers/ErrorBanner.js

@@ -1 +1 @@
-import{jsx as o}from"@dropins/tools/preact-jsx-runtime.js";import*as l from"@dropins/tools/preact-compat.js";import{useState as m,useEffect as f}from"@dropins/tools/preact-compat.js";import{events as a}from"@dropins/tools/event-bus.js";import{AlertBanner as u,Icon as g}from"@dropins/tools/components.js";import{useText as p}from"@dropins/tools/i18n.js";const h=r=>l.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r},l.createElement("path",{vectorEffect:"non-scaling-stroke",fillRule:"evenodd",clipRule:"evenodd",d:"M1 20.8953L12.1922 1.5L23.395 20.8953H1ZM13.0278 13.9638L13.25 10.0377V9H11.25V10.0377L11.4722 13.9638H13.0278ZM11.2994 16V17.7509H13.2253V16H11.2994Z",fill:"currentColor"})),x=r=>{const[c,s]=m(!1),t=p({message:"Checkout.ErrorBanner.genericMessage"});f(()=>{const n=a.on("error",e=>{(e==null?void 0:e.source)==="checkout"&&(e==null?void 0:e.type)==="network"&&s(!0)});return()=>{n==null||n.off()}},[]);const i=()=>{s(!1)};return c?o(u,{...r,className:"checkout__banner","data-testid":"error-banner",icon:o(g,{source:h}),message:o("span",{children:t.message}),"aria-label":t.message,onDismiss:i,variant:"warning"}):null};export{x as ErrorBanner,x as default};
+import{jsx as n}from"@dropins/tools/preact-jsx-runtime.js";import{AlertBanner as m,Icon as f}from"@dropins/tools/components.js";import{events as u}from"@dropins/tools/event-bus.js";import*as i from"@dropins/tools/preact-compat.js";import{useState as g,useEffect as p}from"@dropins/tools/preact-compat.js";import{useText as h}from"@dropins/tools/i18n.js";const v=o=>i.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...o},i.createElement("path",{vectorEffect:"non-scaling-stroke",fillRule:"evenodd",clipRule:"evenodd",d:"M1 20.8953L12.1922 1.5L23.395 20.8953H1ZM13.0278 13.9638L13.25 10.0377V9H11.25V10.0377L11.4722 13.9638H13.0278ZM11.2994 16V17.7509H13.2253V16H11.2994Z",fill:"currentColor"})),B=({initialData:o,...l})=>{const[c,s]=g(!1),t=h({message:"Checkout.ErrorBanner.genericMessage"});p(()=>{const r=u.on("error",e=>{(e==null?void 0:e.source)==="checkout"&&(e==null?void 0:e.type)==="network"&&s(!0)});return()=>{r==null||r.off()}},[]);const a=()=>{s(!1)};return c?n(m,{...l,className:"checkout__banner","data-testid":"error-banner",icon:n(f,{source:v}),message:n("span",{children:t.message}),"aria-label":t.message,onDismiss:a,variant:"warning"}):null};export{B as ErrorBanner,B as default};

package/containers/EstimateShipping.js

@@ -1 +1 @@
-import{jsxs as E,Fragment as L,jsx as t}from"@dropins/tools/preact-jsx-runtime.js";import"../chunks/ShippingMethods.js";import{events as S}from"@dropins/tools/event-bus.js";import{useState as M,useEffect as k}from"@dropins/tools/preact-hooks.js";import{t as w,T as I}from"../chunks/fixtures.js";import{VComponent as A,classes as C}from"@dropins/tools/lib.js";import{Skeleton as B,SkeletonRow as G,Price as l}from"@dropins/tools/components.js";/* empty css                              */import{Text as c,useText as P}from"@dropins/tools/i18n.js";/* empty css                   */import"../chunks/getMultilineValues.js";import"../chunks/transform-shipping-methods.js";import"@dropins/tools/preact-compat.js";import"@dropins/tools/signals.js";import"@dropins/tools/fetch-graphql.js";const U=({estimated:e=!1,price:o,priceExclTax:r,taxExcluded:s=!1,taxIncluded:n=!1})=>E(L,{children:[t("span",{className:"checkout-estimate-shipping__label",children:e?t(c,{id:"Checkout.EstimateShipping.estimated"}):t(c,{id:"Checkout.EstimateShipping.label"})}),t(A,{node:o,className:"checkout-estimate-shipping__price"}),n&&t("span",{"data-testid":"shipping-tax-included",className:C(["checkout-estimate-shipping__caption"]),children:t(c,{id:"Checkout.EstimateShipping.withTaxes"})}),s&&E("span",{"data-testid":"shipping-tax-included-excluded",className:C(["checkout-estimate-shipping__caption"]),children:[r," ",t(c,{id:"Checkout.EstimateShipping.withoutTaxes"})]})]}),X=()=>t(B,{"data-testid":"estimate-shipping-skeleton",children:t(G,{size:"xsmall"})}),Z=()=>{const[e,o]=M(),r=e!==void 0,s=(e==null?void 0:e.amount.value)===0,{data:n,pending:_}=w.value,y=_||n===void 0,d=n==null?void 0:n.shoppingCartDisplaySetting.shipping,D=d===I.INCLUDING_EXCLUDING_TAX,g=d===I.INCLUDING_TAX,x=P({freeShipping:"Checkout.EstimateShipping.freeShipping",taxToBeDetermined:"Checkout.EstimateShipping.taxToBeDetermined"});k(()=>{const i=S.on("shipping/estimate",a=>{const p=a.shippingMethod,{amount:m,amountExclTax:u,amountInclTax:h}=p;o({estimated:!0,amount:m,amountExclTax:u,amountInclTax:h})},{eager:!0});return()=>{i==null||i.off()}},[]),k(()=>{const i=S.on("checkout/data",a=>{var f,T;const p=(T=(f=a==null?void 0:a.shippingAddresses)==null?void 0:f[0])==null?void 0:T.selectedShippingMethod;if(!p)return;const{amount:m,amountExclTax:u,amountInclTax:h}=p;o({estimated:!1,amount:m,amountExclTax:u,amountInclTax:h})},{eager:!0});return()=>{i==null||i.off()}},[]);const N=()=>s?t("span",{"data-testId":"free-shipping",children:x.freeShipping}):g&&(e!=null&&e.amountInclTax)?t(l,{"data-testid":"shipping",amount:e.amountInclTax.value,currency:e.amountInclTax.currency}):t(l,{"data-testid":"shipping",amount:e==null?void 0:e.amount.value,currency:e==null?void 0:e.amount.currency}),v=()=>e!=null&&e.amountExclTax?t(l,{"data-testid":"shipping-excluding-tax",amount:e.amountExclTax.value,currency:e.amountExclTax.currency}):t("span",{children:x.taxToBeDetermined});return t("div",{"data-testid":"estimate-shipping",className:"checkout-estimate-shipping",children:!r||y?t(X,{}):t(U,{estimated:e.estimated,price:N(),taxExcluded:D&&!s,taxIncluded:g&&!s,priceExclTax:v()})})};export{Z as EstimateShipping,Z as default};
+import{jsxs as E,Fragment as L,jsx as t}from"@dropins/tools/preact-jsx-runtime.js";/* empty css                             */import{Skeleton as M,SkeletonRow as w,Price as l}from"@dropins/tools/components.js";/* empty css                       */import{VComponent as A,classes as S}from"@dropins/tools/lib.js";import{Text as c,useText as B}from"@dropins/tools/i18n.js";import{useState as G,useEffect as k}from"@dropins/tools/preact-hooks.js";/* empty css                  */import{a as P,T as I}from"../chunks/store-config.js";import{events as C}from"@dropins/tools/event-bus.js";import"@dropins/tools/signals.js";const U=({estimated:e=!1,price:o,priceExclTax:r,taxExcluded:s=!1,taxIncluded:n=!1})=>E(L,{children:[t("span",{className:"checkout-estimate-shipping__label",children:e?t(c,{id:"Checkout.EstimateShipping.estimated"}):t(c,{id:"Checkout.EstimateShipping.label"})}),t(A,{node:o,className:"checkout-estimate-shipping__price"}),n&&t("span",{"data-testid":"shipping-tax-included",className:S(["checkout-estimate-shipping__caption"]),children:t(c,{id:"Checkout.EstimateShipping.withTaxes"})}),s&&E("span",{"data-testid":"shipping-tax-included-excluded",className:S(["checkout-estimate-shipping__caption"]),children:[r," ",t(c,{id:"Checkout.EstimateShipping.withoutTaxes"})]})]}),X=()=>t(M,{"data-testid":"estimate-shipping-skeleton",children:t(w,{size:"xsmall"})}),O=()=>{const[e,o]=G(),r=e!==void 0,s=(e==null?void 0:e.amount.value)===0,{data:n,pending:_}=P.value,y=_||n===void 0,d=n==null?void 0:n.shoppingCartDisplaySetting.shipping,D=d===I.INCLUDING_EXCLUDING_TAX,g=d===I.INCLUDING_TAX,x=B({freeShipping:"Checkout.EstimateShipping.freeShipping",taxToBeDetermined:"Checkout.EstimateShipping.taxToBeDetermined"});k(()=>{const i=C.on("shipping/estimate",a=>{const p=a.shippingMethod,{amount:m,amountExclTax:u,amountInclTax:h}=p;o({estimated:!0,amount:m,amountExclTax:u,amountInclTax:h})},{eager:!0});return()=>{i==null||i.off()}},[]),k(()=>{const i=C.on("checkout/data",a=>{var f,T;const p=(T=(f=a==null?void 0:a.shippingAddresses)==null?void 0:f[0])==null?void 0:T.selectedShippingMethod;if(!p)return;const{amount:m,amountExclTax:u,amountInclTax:h}=p;o({estimated:!1,amount:m,amountExclTax:u,amountInclTax:h})},{eager:!0});return()=>{i==null||i.off()}},[]);const N=()=>s?t("span",{"data-testId":"free-shipping",children:x.freeShipping}):g&&(e!=null&&e.amountInclTax)?t(l,{"data-testid":"shipping",amount:e.amountInclTax.value,currency:e.amountInclTax.currency}):t(l,{"data-testid":"shipping",amount:e==null?void 0:e.amount.value,currency:e==null?void 0:e.amount.currency}),v=()=>e!=null&&e.amountExclTax?t(l,{"data-testid":"shipping-excluding-tax",amount:e.amountExclTax.value,currency:e.amountExclTax.currency}):t("span",{children:x.taxToBeDetermined});return t("div",{"data-testid":"estimate-shipping",className:"checkout-estimate-shipping",children:!r||y?t(X,{}):t(U,{estimated:e.estimated,price:N(),taxExcluded:D&&!s,taxIncluded:g&&!s,priceExclTax:v()})})};export{O as EstimateShipping,O as default};

package/containers/LoginForm/LoginForm.d.ts

@@ -1,8 +1,7 @@
 import { HTMLAttributes } from 'preact/compat';
 
-export interface LoginFormProps extends HTMLAttributes<HTMLDivElement> {
-    email?: string;
-    onSignInClick?: (email: string | null) => void;
+export interface LoginFormProps extends HTMLAttributes<HTMLFormElement> {
+    onSignInClick?: (email: string) => void;
     onSignOutClick?: () => void;
 }
 export declare const LoginForm: {

package/containers/LoginForm/index.d.ts

@@ -1,20 +1,19 @@
 /********************************************************************
-* ADOBE CONFIDENTIAL
-* __________________
-*
-*  Copyright 2024 Adobe
-*  All Rights Reserved.
-*
-* NOTICE:  All information contained herein is, and remains
-* the property of Adobe and its suppliers, if any. The intellectual
-* and technical concepts contained herein are proprietary to Adobe
-* and its suppliers and are protected by all applicable intellectual
-* property laws, including trade secret and copyright laws.
-* Dissemination of this information or reproduction of this material
-* is strictly forbidden unless prior written permission is obtained
-* from Adobe.
-*******************************************************************/
-export * from './constants';
+ * ADOBE CONFIDENTIAL
+ * __________________
+ *
+ *  Copyright 2024 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ *******************************************************************/
 export * from './LoginForm';
 export { LoginForm as default } from './LoginForm';
 //# sourceMappingURL=index.d.ts.map

package/containers/LoginForm.js

@@ -1 +1 @@
-import{jsx as o,jsxs as c,Fragment as B}from"@dropins/tools/preact-jsx-runtime.js";import"@dropins/tools/event-bus.js";import{q,p as w,k as z}from"../chunks/fixtures.js";import{i as V,s as $}from"../chunks/setGuestEmailOnCart.js";import{H as j,p as G}from"../chunks/ShippingMethods.js";import{useState as F,useEffect as O}from"@dropins/tools/preact-hooks.js";import{classes as C}from"@dropins/tools/lib.js";import{Field as P,Input as R}from"@dropins/tools/components.js";/* empty css                              */import{useText as N,Text as L}from"@dropins/tools/i18n.js";/* empty css                   */import{w as U}from"../chunks/withConditionalRendering.js";import"@dropins/tools/signals.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/getCart.graphql.js";import"../chunks/transform-shipping-methods.js";import"../chunks/getMultilineValues.js";import"@dropins/tools/preact-compat.js";const D=({value:e,error:l,hint:t,onChange:u,onBlur:d,onInvalid:s})=>{const i=N({LoginFormLabel:"Checkout.LoginForm.ariaLabel",LoginFormFloatingLabel:"Checkout.LoginForm.floatingLabel",LoginFormPlaceholder:"Checkout.LoginForm.placeholder"});return o(P,{size:"medium",error:l,hint:t,children:o(R,{id:"customer-email",name:"customer-email",type:"email",value:e,autocomplete:"email",placeholder:i.LoginFormPlaceholder,floatingLabel:i.LoginFormFloatingLabel,onChange:u,onBlur:d,onInvalid:s,required:!0,"aria-label":i.LoginFormLabel,"aria-required":!0})})},J=({onSignInClick:e,email:l})=>c("div",{className:"checkout-login-form__sign-in",children:[o(L,{id:"Checkout.LoginForm.account"}),o("a",{"data-testid":"sign-in-link",className:"checkout-login-form__link",href:"#",target:"_blank",rel:"noreferrer",onClick:t=>{t.preventDefault(),e==null||e(l)},children:o(L,{id:"Checkout.LoginForm.signIn"})})]}),K=({name:e,className:l,currentEmail:t,hint:u,error:d=null,onEmailChange:s,onEmailBlur:i,onEmailInvalid:p,onSignInClick:v,onSignOutClick:g,customer:a,..._})=>{const n=N({Title:"Checkout.LoginForm.title"}),h=!!a;return c("div",{..._,className:C(["checkout-login-form",l]),"data-testid":"checkout-login-form",children:[c("div",{className:"checkout-login-form__heading",children:[o(j,{level:2,className:"checkout-login-form__title",children:n.Title}),h?o(Q,{onSignOutClick:g}):o(J,{onSignInClick:v,email:t})]}),a?c("div",{className:"checkout-login-form__customer-details",children:[o("div",{className:"checkout-login-form__customer-name",children:`${a==null?void 0:a.firstName} ${a==null?void 0:a.lastName}`}),o("div",{className:"checkout-login-form__customer-email",children:a==null?void 0:a.email})]}):o("div",{className:"checkout-login-form__content",children:c("form",{className:C(["dropin-login-form__form",l]),name:e,noValidate:!0,children:[o("button",{type:"submit",disabled:!0,style:"display: none","aria-hidden":"true"}),o(D,{value:t||void 0,error:d||"",hint:u,onChange:s,onBlur:i,onInvalid:p})]})})]})},Q=({onSignOutClick:e})=>c("p",{className:"checkout-login-form__sign-out",children:[o(L,{id:"Checkout.LoginForm.switch"}),o("a",{className:"checkout-login-form__link",href:"#",target:"_blank",rel:"noreferrer",onClick:l=>{l.preventDefault(),e==null||e()},children:o(L,{id:"Checkout.LoginForm.signOut"})})]}),W="login-form",X=e=>G.email.test(e),Y=1e3,x=({className:e,email:l=null,onSignInClick:t,onSignOutClick:u,...d})=>{const s=N({LoginFormInvalidEmailError:"Checkout.LoginForm.invalidEmailError",LoginFormMissingEmailError:"Checkout.LoginForm.missingEmailError",LoginFormEmailExistsAlreadyHaveAccount:"Checkout.LoginForm.emailExists.alreadyHaveAccount",LoginFormEmailExistsSignInButton:"Checkout.LoginForm.emailExists.signInButton",LoginFormEmailExistsForFasterCheckout:"Checkout.LoginForm.emailExists.forFasterCheckout"}),{data:i}=q.value,p=(i==null?void 0:i.id)||"",v=!!i,g=(i==null?void 0:i.email)||"",[a,_]=F(!1),[n,h]=F(l),[f,E]=F(null),[y,k]=F(!0),b=r=>r.valid?null:r.valueMissing?s.LoginFormMissingEmailError:s.LoginFormInvalidEmailError,A=w.value.data,I=r=>{const{value:m}=r.target;h(m),E(null),k(!0)},H=r=>{const{validity:m}=r.target;E(b(m))},M=r=>{const{validity:m}=r.target;E(b(m))};!a&&v&&(_(!0),h((i==null?void 0:i.email)||l)),O(()=>{if(f!==null&&f!==""||n===null||n===""||z.authenticated)return;const r=setTimeout(()=>{V(n).then(m=>{k(m),g!==n&&$(n).catch(console.error)}).catch(m=>{console.log(m),E(s.LoginFormInvalidEmailError),k(!0)})},Y);return()=>{r&&clearTimeout(r)}},[g,p,n,f,s.LoginFormInvalidEmailError]);const T=y?"":c(B,{children:[s.LoginFormEmailExistsAlreadyHaveAccount," ",o("a",{href:"#",onClick:r=>{r.preventDefault(),t==null||t(n)},children:s.LoginFormEmailExistsSignInButton})," ",s.LoginFormEmailExistsForFasterCheckout]});return o(K,{className:e,currentEmail:n,error:f,hint:T,name:W,onEmailBlur:H,onEmailChange:I,onEmailInvalid:M,onSignInClick:r=>{const m=n?X(n):!1;t==null||t(m?r:null)},onSignOutClick:u,customer:A,...d})};x.displayName="LoginFormContainer";const Lo=U(x);export{W as LOGIN_FORM_NAME,Lo as LoginForm,Lo as default};
+import{jsx as e,jsxs as s,Fragment as P}from"@dropins/tools/preact-jsx-runtime.js";import"@dropins/tools/event-bus.js";import{c as w,d as R}from"../chunks/store-config.js";import{s as V}from"../chunks/fetch-graphql.js";import{i as j,s as q}from"../chunks/setGuestEmailOnCart.js";import{Field as D,Input as W,Skeleton as G,SkeletonRow as x}from"@dropins/tools/components.js";/* empty css                             *//* empty css                       */import{classes as U}from"@dropins/tools/lib.js";import{H as J}from"../chunks/Heading.js";import{useText as b,Text as _}from"@dropins/tools/i18n.js";import{useState as p,useRef as K,useEffect as C}from"@dropins/tools/preact-hooks.js";/* empty css                  */import{w as O}from"../chunks/withConditionalRendering.js";import"@dropins/tools/signals.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/getCart.graphql.js";const Q=({value:t,error:i,hint:g,onChange:h,onBlur:o,onInvalid:u})=>{const m=b({LoginFormLabel:"Checkout.LoginForm.ariaLabel",LoginFormFloatingLabel:"Checkout.LoginForm.floatingLabel",LoginFormPlaceholder:"Checkout.LoginForm.placeholder"});return e(D,{size:"medium",error:i,hint:g,children:e(W,{"aria-label":m.LoginFormLabel,"aria-required":!0,autocomplete:"email",floatingLabel:m.LoginFormFloatingLabel,id:"customer-email",name:"customer-email",onBlur:o,onChange:h,onInvalid:u,placeholder:m.LoginFormPlaceholder,required:!0,type:"email",value:t})})},X=({onClick:t})=>s("div",{className:"checkout-login-form__sign-in",children:[e(_,{id:"Checkout.LoginForm.account"}),e("a",{"data-testid":"sign-in-link",className:"checkout-login-form__link",href:"#",target:"_blank",rel:"noreferrer",onClick:t,children:e(_,{id:"Checkout.LoginForm.signIn"})})]}),Y=({className:t,customerDetails:i,email:g,error:h,hint:o,loading:u=!1,name:m,onEmailBlur:f,onEmailChange:k,onEmailInvalid:E,onSignInClick:a,onSignOutClick:F,...L})=>{const l=b({Title:"Checkout.LoginForm.title"});return u?e(Z,{}):s("div",{className:"checkout-login-form","data-testid":"checkout-login-form",children:[s("div",{className:"checkout-login-form__heading",children:[e(J,{level:2,className:"checkout-login-form__title",children:l.Title}),i?e(S,{onClick:d=>{d.preventDefault(),F==null||F()}}):e(X,{onClick:d=>{d.preventDefault(),a==null||a(g)}})]}),i?s("div",{className:"checkout-login-form__customer-details",children:[e("div",{className:"checkout-login-form__customer-name",children:`${i.firstName} ${i.lastName}`}),e("div",{className:"checkout-login-form__customer-email",children:i.email})]}):e("div",{className:"checkout-login-form__content",children:s("form",{...L,className:U(["dropin-login-form__form",t]),name:m,noValidate:!0,children:[e("button",{type:"submit",disabled:!0,style:"display: none","aria-hidden":"true"}),e(Q,{value:g,error:h,hint:o,onChange:k,onBlur:f,onInvalid:E})]})})]})},Z=()=>s(G,{"data-testid":"login-form-skeleton",children:[e(x,{variant:"heading",fullWidth:!0}),e(x,{size:"medium",fullWidth:!0})]}),S=({onClick:t})=>s("p",{className:"checkout-login-form__sign-out",children:[e(_,{id:"Checkout.LoginForm.switch"}),e("a",{className:"checkout-login-form__link",href:"#",target:"_blank",rel:"noreferrer",onClick:t,children:e(_,{id:"Checkout.LoginForm.signOut"})})]}),ee={EMAIL:/^[a-z0-9,!#$%&'*+/=?^_`{|}~-]+(\.[a-z0-9,!#$%&'*+/=?^_`{|}~-]+)*@([a-z0-9-]+\.)+[a-z]{2,}$/i},N=t=>ee.EMAIL.test(t),re=1e3,y=({onSignInClick:t,onSignOutClick:i,initialData:g,...h})=>{const[o,u]=p(""),[m,f]=p(""),[k,E]=p(!0),[a,F]=p(!0),L=K(""),l=w.value.data,d=(l==null?void 0:l.email)||"",v=R.value.data,c=b({LoginFormInvalidEmailError:"Checkout.LoginForm.invalidEmailError",LoginFormMissingEmailError:"Checkout.LoginForm.missingEmailError",LoginFormEmailExistsAlreadyHaveAccount:"Checkout.LoginForm.emailExists.alreadyHaveAccount",LoginFormEmailExistsSignInButton:"Checkout.LoginForm.emailExists.signInButton",LoginFormEmailExistsForFasterCheckout:"Checkout.LoginForm.emailExists.forFasterCheckout"}),A=r=>r.valid?"":r.valueMissing?c.LoginFormMissingEmailError:c.LoginFormInvalidEmailError,B=r=>N(r)?"":r===""?c.LoginFormMissingEmailError:c.LoginFormInvalidEmailError,M=r=>{const n=r.target;u(n.value),f(""),E(!0)},T=r=>{const n=r.target;f(B(n.value))},z=r=>{const n=r.target;f(A(n.validity))};C(()=>{!a||!l||(F(!1),u(l.email||""))},[l,a]),C(()=>{if(a||V.authenticated)return;const r=setTimeout(()=>{!N(o)||o===L.current||(L.current=o,j(o).then(n=>{E(n),d!==o&&q(o).catch(console.error)}).catch(n=>{console.error(n),E(!0)}))},re);return()=>{r&&clearTimeout(r)}},[d,o,a]);const I=k?"":s(P,{children:[c.LoginFormEmailExistsAlreadyHaveAccount," ",e("a",{href:"#",onClick:r=>{r.preventDefault(),t==null||t(o)},children:c.LoginFormEmailExistsSignInButton})," ",c.LoginFormEmailExistsForFasterCheckout]}),$=r=>{t==null||t(N(r)?r:"")},H=v?{firstName:v.firstName,lastName:v.lastName,email:v.email}:void 0;return e(Y,{...h,customerDetails:H,email:o,error:m,hint:I,loading:a,onEmailBlur:T,onEmailChange:M,onEmailInvalid:z,onSignInClick:$,onSignOutClick:i})};y.displayName="LoginFormContainer";const ve=O(y);export{ve as LoginForm,ve as default};

package/containers/MergedCartBanner/MergedCartBanner.d.ts

@@ -1,5 +1,5 @@
 import { AlertBannerProps } from '@dropins/tools/types/elsie/src/components';
-import { FunctionComponent } from 'preact/compat';
+import { Container } from '@dropins/tools/types/elsie/src/lib/types';
 
-export declare const MergedCartBanner: FunctionComponent<Partial<AlertBannerProps>>;
+export declare const MergedCartBanner: Container<AlertBannerProps>;
 //# sourceMappingURL=MergedCartBanner.d.ts.map