@dropins/storefront-checkout 0.1.0-alpha47 → 0.1.0-alpha48

package/components/index.d.ts

@@ -26,5 +26,4 @@ export * from './PaymentMethods';
 export * from './PlaceOrder';
 export * from './ServerError';
 export * from './ShippingMethods';
-export * from './ToggleButton';
 //# sourceMappingURL=index.d.ts.map

package/containers/PaymentMethods.js

@@ -1 +1 @@
-import{jsx as t,jsxs as p,Fragment as A}from"@dropins/tools/preact-jsx-runtime.js";import"@dropins/tools/event-bus.js";import{q as T}from"../chunks/fixtures.js";import{s as R}from"../chunks/setPaymentMethod.js";import{H as z}from"../chunks/ShippingMethods.js";import"@dropins/tools/preact-hooks.js";import{classes as y,Slot as E}from"@dropins/tools/lib.js";import{IllustratedMessage as U,Icon as $,ProgressSpinner as q,Skeleton as O,SkeletonRow as g,RadioButton as Z}from"@dropins/tools/components.js";/* empty css                              *//* empty css                   */import*as k from"@dropins/tools/preact-compat.js";import{useState as M,useCallback as x,useEffect as v}from"@dropins/tools/preact-compat.js";import{useText as F}from"@dropins/tools/i18n.js";import{w as G}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";const J=e=>k.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},k.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M17.93 14.8V18.75H5.97C4.75 18.75 3.75 17.97 3.75 17V6.5M3.75 6.5C3.75 5.53 4.74 4.75 5.97 4.75H15.94V8.25H5.97C4.75 8.25 3.75 7.47 3.75 6.5Z",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"}),k.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M19.35 11.64H14.04V14.81H19.35V11.64Z",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"}),k.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M17.9304 11.64V8.25H15.1504",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"})),K=({code:e,isLoading:n,isSelected:c,onChange:s,title:a})=>t(Y,{className:"checkout-payment-methods__method",label:a,name:"payment-method",value:e,selected:c,onChange:s,radioButtonProps:{"aria-busy":n}}),Q=({className:e,paymentMethodContent:n,isLoading:c,onChange:s=()=>{},options:a,selection:d})=>{const m=F({Title:"Checkout.PaymentMethods.title",EmptyState:"Checkout.PaymentMethods.emptyState"});return a===void 0?t(X,{}):p("div",{className:y(["checkout-payment-methods",e]),children:[t(z,{level:2,className:"checkout-payment-methods__title",children:m.Title}),!c&&a.length===0&&t(U,{icon:t($,{source:J}),message:t("p",{children:m.EmptyState})}),p("div",{className:y(["checkout-payment-methods__wrapper"]),children:[c&&t(q,{className:"checkout-payment-methods__spinner"}),t("div",{className:y(["checkout-payment-methods__methods",["checkout-payment-methods--loading",c],["checkout-payment-methods--full-width",a.length%2!==0]]),children:a==null?void 0:a.map(h=>t(K,{code:h.code,onChange:s,isSelected:h.code===d,title:h.title},h.code))}),n&&t("div",{className:"checkout-payment-methods__content",children:n})]})]})},X=()=>p(O,{"data-testid":"payment-methods-skeleton",children:[t(g,{variant:"heading",size:"medium"}),t(g,{variant:"empty",size:"medium"}),t(g,{size:"xlarge",fullWidth:!0}),t(g,{size:"xlarge",fullWidth:!0})]}),Y=({label:e,name:n,value:c,icon:s,selected:a,onChange:d,className:m,children:h,radioButtonProps:C,...o})=>t("div",{className:y(["checkout-toggle-button",m,["checkout-toggle-button__selected",a]]),...o,children:p("label",{className:"checkout-toggle-button__actionButton",children:[t(Z,{...C,label:"",name:n,value:c,checked:a,onChange:()=>d(c),"aria-label":e,className:y([m,"checkout-toggle-button__radioButton"])}),p("div",{className:"checkout-toggle-button__content",children:[s&&t(s.type,{...s==null?void 0:s.props,className:"checkout-toggle-button__icon"}),e]})]})}),N={free:e=>{const n=document.createElement("div");n.innerText="",e.replaceHTML(n)},checkmo:e=>{const n=document.createElement("div");n.innerText="",e.replaceHTML(n)}};function D({slots:e}){var S;const[n,c]=M(),[s,a]=M(),[d,m]=M(N),[h,C]=M(!0),{data:o}=T.value,V=(o==null?void 0:o.id)??"",_=!!o,H=!!((S=o==null?void 0:o.shippingAddresses)!=null&&S[0]),b=!((o==null?void 0:o.isVirtual)??!1),l=o==null?void 0:o.availablePaymentMethods,i=o==null?void 0:o.selectedPaymentMethod,f=x(async r=>{try{if(c(r),!H&&b||r===(i==null?void 0:i.code))return;await R(r)}catch(u){console.error("setting payment method failed:",u)}},[H,b,i]);v(()=>{_&&(i!=null&&i.code?(l==null?void 0:l.some(u=>u.code===i.code))?c(i.code):l!=null&&l.length?f(l[0].code):c(void 0):l[0]&&f(s||l[0].code))},[l,_,i,f,s]);const W=async r=>{await f(r),i!=null&&i.code||a(r)},w=x((r,u)=>{if(!r){console.warn("Payment method handler is ignored because it has no code");return}if(!u){console.warn("Payment method handler is ignored because it is empty");return}m(B=>({...B,[r]:u}))},[]);v(()=>{e!=null&&e.Handlers&&Object.entries(e.Handlers).forEach(([r,u])=>{w(r,u)})},[w,e==null?void 0:e.Handlers]);const I=e!=null&&e.Main?t(E,{name:"PaymentMethods",slot:e==null?void 0:e.Main,context:{replaceHTML(r){this.replaceWith(r),C(!1)}}}):null,P=n?d[n]:null,j=P?t(E,{name:"PaymentMethodContent",slot:P,context:{cartId:V,replaceHTML(r){this.replaceWith(r)}}},P):void 0;return v(()=>{!h&&d!=N&&console.warn("Payment method handlers you have added are ignored because the default content has been replaced")},[h,d]),{availablePaymentMethods:l,selectedPaymentMethod:n,onPaymentMethodChange:W,paymentMethodContent:j,mainSlotContent:I,isDefaultContentUsed:h}}const L=e=>{const{availablePaymentMethods:n,selectedPaymentMethod:c,onPaymentMethodChange:s,paymentMethodContent:a,mainSlotContent:d,isDefaultContentUsed:m}=D(e);return p(A,{children:[d&&t(d.type,{ref:d.ref,...d.props}),m&&t(Q,{options:n,selection:c,onChange:s,paymentMethodContent:a,isLoading:T.value.pending})]})};L.displayName="PaymentMethodsContainer";const Me=G(L);export{Me as PaymentMethods,Me as default};
+import{jsx as t,jsxs as k,Fragment as z}from"@dropins/tools/preact-jsx-runtime.js";import"@dropins/tools/event-bus.js";import{q as b}from"../chunks/fixtures.js";import{s as R}from"../chunks/setPaymentMethod.js";import{H as U}from"../chunks/ShippingMethods.js";import"@dropins/tools/preact-hooks.js";import{classes as C,Slot as x}from"@dropins/tools/lib.js";import{IllustratedMessage as $,Icon as q,ProgressSpinner as B,ToggleButton as O,Skeleton as Z,SkeletonRow as y}from"@dropins/tools/components.js";/* empty css                              *//* empty css                   */import*as f from"@dropins/tools/preact-compat.js";import{useState as g,useCallback as _,useEffect as P}from"@dropins/tools/preact-compat.js";import{useText as F}from"@dropins/tools/i18n.js";import{w as G}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";const J=e=>f.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},f.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M17.93 14.8V18.75H5.97C4.75 18.75 3.75 17.97 3.75 17V6.5M3.75 6.5C3.75 5.53 4.74 4.75 5.97 4.75H15.94V8.25H5.97C4.75 8.25 3.75 7.47 3.75 6.5Z",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"}),f.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M19.35 11.64H14.04V14.81H19.35V11.64Z",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"}),f.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M17.9304 11.64V8.25H15.1504",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"})),K=({code:e,isLoading:n,isSelected:i,onChange:m,title:s})=>t(O,{className:"checkout-payment-methods__method",label:s,name:"payment-method",value:e,selected:i,onChange:m,busy:n}),Q=({className:e,paymentMethodContent:n,isLoading:i,onChange:m=()=>{},options:s,selection:d})=>{const u=F({Title:"Checkout.PaymentMethods.title",EmptyState:"Checkout.PaymentMethods.emptyState"});return s===void 0?t(X,{}):k("div",{className:C(["checkout-payment-methods",e]),children:[t(U,{level:2,className:"checkout-payment-methods__title",children:u.Title}),!i&&s.length===0&&t($,{icon:t(q,{source:J}),message:t("p",{children:u.EmptyState})}),k("div",{className:C(["checkout-payment-methods__wrapper"]),children:[i&&t(B,{className:"checkout-payment-methods__spinner"}),t("div",{className:C(["checkout-payment-methods__methods",["checkout-payment-methods--loading",i],["checkout-payment-methods--full-width",s.length%2!==0]]),children:s==null?void 0:s.map(l=>t(K,{code:l.code,onChange:m,isSelected:l.code===d,title:l.title},l.code))}),n&&t("div",{className:"checkout-payment-methods__content",children:n})]})]})},X=()=>k(Z,{"data-testid":"payment-methods-skeleton",children:[t(y,{variant:"heading",size:"medium"}),t(y,{variant:"empty",size:"medium"}),t(y,{size:"xlarge",fullWidth:!0}),t(y,{size:"xlarge",fullWidth:!0})]}),T={free:e=>{const n=document.createElement("div");n.innerText="",e.replaceHTML(n)},checkmo:e=>{const n=document.createElement("div");n.innerText="",e.replaceHTML(n)}};function Y({slots:e}){var E;const[n,i]=g(),[m,s]=g(),[d,u]=g(T),[l,V]=g(!0),{data:o}=b.value,N=(o==null?void 0:o.id)??"",v=!!o,H=!!((E=o==null?void 0:o.shippingAddresses)!=null&&E[0]),w=!((o==null?void 0:o.isVirtual)??!1),c=o==null?void 0:o.availablePaymentMethods,a=o==null?void 0:o.selectedPaymentMethod,p=_(async r=>{try{if(i(r),!H&&w||r===(a==null?void 0:a.code))return;await R(r)}catch(h){console.error("setting payment method failed:",h)}},[H,w,a]);P(()=>{v&&(a!=null&&a.code?(c==null?void 0:c.some(h=>h.code===a.code))?i(a.code):c!=null&&c.length?p(c[0].code):i(void 0):c[0]&&p(m||c[0].code))},[c,v,a,p,m]);const W=async r=>{await p(r),a!=null&&a.code||s(r)},S=_((r,h)=>{if(!r){console.warn("Payment method handler is ignored because it has no code");return}if(!h){console.warn("Payment method handler is ignored because it is empty");return}u(A=>({...A,[r]:h}))},[]);P(()=>{e!=null&&e.Handlers&&Object.entries(e.Handlers).forEach(([r,h])=>{S(r,h)})},[S,e==null?void 0:e.Handlers]);const I=e!=null&&e.Main?t(x,{name:"PaymentMethods",slot:e==null?void 0:e.Main,context:{replaceHTML(r){this.replaceWith(r),V(!1)}}}):null,M=n?d[n]:null,j=M?t(x,{name:"PaymentMethodContent",slot:M,context:{cartId:N,replaceHTML(r){this.replaceWith(r)}}},M):void 0;return P(()=>{!l&&d!=T&&console.warn("Payment method handlers you have added are ignored because the default content has been replaced")},[l,d]),{availablePaymentMethods:c,selectedPaymentMethod:n,onPaymentMethodChange:W,paymentMethodContent:j,mainSlotContent:I,isDefaultContentUsed:l}}const L=e=>{const{availablePaymentMethods:n,selectedPaymentMethod:i,onPaymentMethodChange:m,paymentMethodContent:s,mainSlotContent:d,isDefaultContentUsed:u}=Y(e);return k(z,{children:[d&&t(d.type,{ref:d.ref,...d.props}),u&&t(Q,{options:n,selection:i,onChange:m,paymentMethodContent:s,isLoading:b.value.pending})]})};L.displayName="PaymentMethodsContainer";const ke=G(L);export{ke as PaymentMethods,ke as default};

package/package.json

@@ -1 +1 @@
-{"name": "@dropins/storefront-checkout", "version": "0.1.0-alpha47", "@dropins/tools": "~0.30.0"}
+{"name": "@dropins/storefront-checkout", "version": "0.1.0-alpha48", "@dropins/tools": "~0.30.0"}

package/render.js

@@ -1,4 +1,4 @@
-(function(a,o){try{if(typeof document<"u"){const t=document.createElement("style"),n=o.styleId;for(const e in o.attributes)t.setAttribute(e,o.attributes[e]);t.setAttribute("data-dropin",n),t.appendChild(document.createTextNode(a));const r=document.querySelector('style[data-dropin="sdk"]');if(r)r.after(t);else{const e=document.querySelector('link[rel="stylesheet"], style');e?e.before(t):document.head.append(t)}}}catch(t){console.error("dropin-styles (injectCodeFunction)",t)}})(`.checkout-place-order{display:grid;padding-bottom:var(--spacing-big)}.checkout-place-order__button{align-self:flex-end;justify-self:flex-end}@media only screen and (min-width:320px) and (max-width: 768px){.checkout-place-order{background-color:var(--color-neutral-200);padding:var(--spacing-medium) var(--spacing-medium) var(--spacing-big) var(--spacing-medium)}.checkout-place-order__button{align-self:center;justify-self:stretch}}
+(function(r,o){try{if(typeof document<"u"){const t=document.createElement("style"),n=o.styleId;for(const e in o.attributes)t.setAttribute(e,o.attributes[e]);t.setAttribute("data-dropin",n),t.appendChild(document.createTextNode(r));const a=document.querySelector('style[data-dropin="sdk"]');if(a)a.after(t);else{const e=document.querySelector('link[rel="stylesheet"], style');e?e.before(t):document.head.append(t)}}}catch(t){console.error("dropin-styles (injectCodeFunction)",t)}})(`.checkout-place-order{display:grid;padding-bottom:var(--spacing-big)}.checkout-place-order__button{align-self:flex-end;justify-self:flex-end}@media only screen and (min-width:320px) and (max-width: 768px){.checkout-place-order{background-color:var(--color-neutral-200);padding:var(--spacing-medium) var(--spacing-medium) var(--spacing-big) var(--spacing-medium)}.checkout-place-order__button{align-self:center;justify-self:stretch}}
 .checkout-bill-to-shipping-address label{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);gap:0}
-.checkout-fields-form{display:block}.checkout-shipping-address__skeleton{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-medium);flex-wrap:wrap;min-width:384px}.checkout-address-form__company,.checkout-address-form__street{grid-column:1 / -1}.checkout-address-form__street .dropin-input-container{margin-bottom:var(--spacing-medium)}.checkout-address-form__street .dropin-input-container:last-child{margin-bottom:0}.checkout-address-form__street .dropin-field__content{display:grid;grid-auto-flow:row;gap:var(--spacing-xxsmall)}.checkout-address-form__country_id .dropin-picker__options-container,.checkout-address-form__region .dropin-picker__options-container{z-index:100}.checkout-address-form__save{grid-column:1 / -1;justify-self:center}.checkout-fields-form__title{color:var(--color-neutral-800);font:var(--type-headline-2-default-font);letter-spacing:var(--type-headline-2-default-letter-spacing);margin:0 0 var(--spacing-medium) 0}.checkout-fields-form__form{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-medium)}@media only screen and (min-width: 320px) and (max-width: 768px){.checkout-fields-form__form{grid-template-columns:1fr}}@media only screen and (min-width: 768px){.dropin-field--multiline{grid-column:span 2}}.checkout-estimate-shipping{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xxsmall);align-items:center;color:var(--color-neutral-800)}.checkout-estimate-shipping__label,.checkout-estimate-shipping__price{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.checkout-estimate-shipping__label--muted{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);color:var(--color-neutral-700)}.checkout-estimate-shipping__price--muted{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.checkout-estimate-shipping__price{text-align:right}.checkout-estimate-shipping__label--bold,.checkout-estimate-shipping__price--bold{font:var(--type-body-1-emphasized-font);letter-spacing:var(--type-body-1-emphasized-letter-spacing)}.checkout-estimate-shipping__caption{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);color:var(--color-neutral-700)}.cart-order-summary__shipping .dropin-skeleton{grid-template-columns:1fr}.checkout-login-form__heading{display:grid;grid-template-columns:1fr max-content;grid-auto-rows:max-content}.checkout-login-form__content{grid-auto-rows:max-content}.checkout-login-form__customer-details{display:grid;grid-auto-flow:row;gap:var(--spacing-xxsmall)}.checkout-login-form__customer-name{font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.checkout-login-form__customer-email{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);color:var(--color-neutral-700)}.checkout-login-form__title{grid-column-start:1;color:var(--color-neutral-800);font:var(--type-headline-2-default-font);letter-spacing:var(--type-headline-2-default-letter-spacing);margin-top:0}.checkout-login-form__sign-in,.checkout-login-form__sign-out{grid-column-start:2;color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);justify-self:flex-end;margin-top:var(--spacing-xxsmall)}a.checkout-login-form__link{font:var(--type-body-2-strong-font);margin-left:var(--spacing-xxsmall)}@media only screen and (min-width: 320px) and (max-width: 768px){.checkout-login-form__heading{grid-template-columns:repeat(1,1fr [col-start]);grid-template-rows:1fr}.checkout-login-form__sign-in,.checkout-login-form__sign-out{grid-column-start:1;align-self:flex-start;justify-self:flex-start;margin-top:0;margin-bottom:var(--spacing-medium)}}.checkout-out-of-stock.dropin-card{border-color:var(--color-warning-500)}.checkout-out-of-stock .dropin-card__content{gap:var(--spacing-small);padding:var(--spacing-small)}.checkout-out-of-stock__title{color:var(--color-neutral-900);font:var(--type-body-2-strong-font);margin:0;display:flex;gap:var(--spacing-xxsmall);align-items:center;justify-content:left;text-align:center}.checkout-out-of-stock__message{color:var(--color-neutral-800);font:var(--type-body-2-default-font);margin:0}.checkout-out-of-stock__items{display:grid;grid-template-columns:repeat(5,100px);grid-gap:var(--spacing-small);list-style:none;padding:0;margin:0}.checkout-out-of-stock__item img{width:100%;height:auto}.checkout-out-of-stock__actions{display:flex;gap:var(--spacing-small);justify-content:flex-end}a.checkout-out-of-stock__action{font:var(--type-details-caption-1-font)}.checkout-out-of-stock__action{background:none;border:none;padding:0;cursor:pointer}.checkout-out-of-stock__action:hover{--textColor: var(--color-brand-700);text-decoration:solid underline var(--textColor);text-underline-offset:6px}.checkout-overlay-loader{align-items:center;background:var(--color-neutral-50);display:flex;height:100vh;justify-content:center;left:0;opacity:.5;position:fixed;top:0;width:100%;z-index:9999}.checkout-payment-methods__title{font:var(--type-headline-2-default-font);letter-spacing:var(--type-headline-2-default-letter-spacing);margin:0 0 var(--spacing-medium) 0}.checkout-payment-methods__wrapper{position:relative;display:grid}.checkout-payment-methods__methods{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-medium)}.checkout-payment-methods__content{margin-top:var(--spacing-medium)}.checkout-payment-methods--full-width{grid-template-columns:1fr}.checkout-payment-methods--loading{opacity:.4;pointer-events:none}.checkout-payment-methods__spinner{margin:0 auto;position:absolute;z-index:999;left:0;right:0;top:calc(50% - (var(--size) / 2));bottom:0}.checkout__content [data-slot=PaymentMethods]:empty{display:none}@media only screen and (min-width: 320px) and (max-width: 768px){.checkout-payment-methods__methods{grid-template-columns:1fr}}.checkout-server-error{position:relative;text-align:center;display:grid}.checkout-server-error__icon .error-icon{color:var(--color-alert-500)}.checkout-server-error a{font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing)}.checkout-toggle-button{display:block;position:relative;width:100%}.checkout-toggle-button__actionButton{cursor:pointer;background-color:var(--color-neutral-200);border:var(--shape-border-width-1) solid var(--color-neutral-400);border-radius:var(--shape-border-radius-1);font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);padding:var(--spacing-medium);align-items:center;display:grid}.checkout-toggle-button__selected .checkout-toggle-button__actionButton{background-color:var(--color-neutral-50);border:var(--shape-border-width-1) solid var(--color-neutral-800)}.checkout-toggle-button:has(input:focus-visible){outline:0 none;box-shadow:0 0 0 var(--shape-icon-stroke-4) var(--color-neutral-400);-webkit-box-shadow:0 0 0 var(--shape-icon-stroke-4) var(--color-neutral-400);-moz-box-shadow:0 0 0 var(--shape-icon-stroke-4) var(--color-neutral-400);border-radius:var(--shape-border-radius-1)}.checkout-toggle-button__radioButton.dropin-radio-button{cursor:pointer;position:absolute}.checkout-toggle-button__radioButton .dropin-radio-button__label:before{cursor:pointer;margin-right:0}.checkout-toggle-button__radioButton .dropin-radio-button__input:focus-visible+.dropin-radio-button__label:before{box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-600)}.checkout-toggle-button__content{display:flex;align-items:center;justify-content:center;margin-left:var(--spacing-big)}.checkout-toggle-button__icon{height:24px;margin-right:var(--spacing-xsmall)}.checkout-shipping-methods__title{color:var(--color-neutral-800);font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);margin:0 0 var(--spacing-medium) 0}.checkout-shipping-methods__content{position:relative;display:block}.checkout-shipping-methods__method{margin-bottom:var(--spacing-medium);width:fit-content;cursor:pointer;font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.checkout-shipping-methods__method:last-child{margin-bottom:0}.dropin-radio-button__label .dropin-price{color:var(--color-neutral-800);font-weight:400}.checkout-shipping-methods__options--loading{opacity:.4;pointer-events:none}.checkout-shipping-methods__spinner{margin:0 auto;position:absolute;z-index:999;left:0;right:0;top:calc(50% - (var(--size) / 2));bottom:0}`,{styleId:"checkout"});
+.checkout-fields-form{display:block}.checkout-shipping-address__skeleton{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-medium);flex-wrap:wrap;min-width:384px}.checkout-address-form__company,.checkout-address-form__street{grid-column:1 / -1}.checkout-address-form__street .dropin-input-container{margin-bottom:var(--spacing-medium)}.checkout-address-form__street .dropin-input-container:last-child{margin-bottom:0}.checkout-address-form__street .dropin-field__content{display:grid;grid-auto-flow:row;gap:var(--spacing-xxsmall)}.checkout-address-form__country_id .dropin-picker__options-container,.checkout-address-form__region .dropin-picker__options-container{z-index:100}.checkout-address-form__save{grid-column:1 / -1;justify-self:center}.checkout-fields-form__title{color:var(--color-neutral-800);font:var(--type-headline-2-default-font);letter-spacing:var(--type-headline-2-default-letter-spacing);margin:0 0 var(--spacing-medium) 0}.checkout-fields-form__form{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-medium)}@media only screen and (min-width: 320px) and (max-width: 768px){.checkout-fields-form__form{grid-template-columns:1fr}}@media only screen and (min-width: 768px){.dropin-field--multiline{grid-column:span 2}}.checkout-estimate-shipping{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xxsmall);align-items:center;color:var(--color-neutral-800)}.checkout-estimate-shipping__label,.checkout-estimate-shipping__price{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.checkout-estimate-shipping__label--muted{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);color:var(--color-neutral-700)}.checkout-estimate-shipping__price--muted{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.checkout-estimate-shipping__price{text-align:right}.checkout-estimate-shipping__label--bold,.checkout-estimate-shipping__price--bold{font:var(--type-body-1-emphasized-font);letter-spacing:var(--type-body-1-emphasized-letter-spacing)}.checkout-estimate-shipping__caption{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);color:var(--color-neutral-700)}.cart-order-summary__shipping .dropin-skeleton{grid-template-columns:1fr}.checkout-login-form__heading{display:grid;grid-template-columns:1fr max-content;grid-auto-rows:max-content}.checkout-login-form__content{grid-auto-rows:max-content}.checkout-login-form__customer-details{display:grid;grid-auto-flow:row;gap:var(--spacing-xxsmall)}.checkout-login-form__customer-name{font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.checkout-login-form__customer-email{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);color:var(--color-neutral-700)}.checkout-login-form__title{grid-column-start:1;color:var(--color-neutral-800);font:var(--type-headline-2-default-font);letter-spacing:var(--type-headline-2-default-letter-spacing);margin-top:0}.checkout-login-form__sign-in,.checkout-login-form__sign-out{grid-column-start:2;color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);justify-self:flex-end;margin-top:var(--spacing-xxsmall)}a.checkout-login-form__link{font:var(--type-body-2-strong-font);margin-left:var(--spacing-xxsmall)}@media only screen and (min-width: 320px) and (max-width: 768px){.checkout-login-form__heading{grid-template-columns:repeat(1,1fr [col-start]);grid-template-rows:1fr}.checkout-login-form__sign-in,.checkout-login-form__sign-out{grid-column-start:1;align-self:flex-start;justify-self:flex-start;margin-top:0;margin-bottom:var(--spacing-medium)}}.checkout-out-of-stock.dropin-card{border-color:var(--color-warning-500)}.checkout-out-of-stock .dropin-card__content{gap:var(--spacing-small);padding:var(--spacing-small)}.checkout-out-of-stock__title{color:var(--color-neutral-900);font:var(--type-body-2-strong-font);margin:0;display:flex;gap:var(--spacing-xxsmall);align-items:center;justify-content:left;text-align:center}.checkout-out-of-stock__message{color:var(--color-neutral-800);font:var(--type-body-2-default-font);margin:0}.checkout-out-of-stock__items{display:grid;grid-template-columns:repeat(5,100px);grid-gap:var(--spacing-small);list-style:none;padding:0;margin:0}.checkout-out-of-stock__item img{width:100%;height:auto}.checkout-out-of-stock__actions{display:flex;gap:var(--spacing-small);justify-content:flex-end}a.checkout-out-of-stock__action{font:var(--type-details-caption-1-font)}.checkout-out-of-stock__action{background:none;border:none;padding:0;cursor:pointer}.checkout-out-of-stock__action:hover{--textColor: var(--color-brand-700);text-decoration:solid underline var(--textColor);text-underline-offset:6px}.checkout-overlay-loader{align-items:center;background:var(--color-neutral-50);display:flex;height:100vh;justify-content:center;left:0;opacity:.5;position:fixed;top:0;width:100%;z-index:9999}.checkout-payment-methods__title{font:var(--type-headline-2-default-font);letter-spacing:var(--type-headline-2-default-letter-spacing);margin:0 0 var(--spacing-medium) 0}.checkout-payment-methods__wrapper{position:relative;display:grid}.checkout-payment-methods__methods{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-medium)}.checkout-payment-methods__content{margin-top:var(--spacing-medium)}.checkout-payment-methods--full-width{grid-template-columns:1fr}.checkout-payment-methods--loading{opacity:.4;pointer-events:none}.checkout-payment-methods__spinner{margin:0 auto;position:absolute;z-index:999;left:0;right:0;top:calc(50% - (var(--size) / 2));bottom:0}.checkout__content [data-slot=PaymentMethods]:empty{display:none}@media only screen and (min-width: 320px) and (max-width: 768px){.checkout-payment-methods__methods{grid-template-columns:1fr}}.checkout-server-error{position:relative;text-align:center;display:grid}.checkout-server-error__icon .error-icon{color:var(--color-alert-500)}.checkout-server-error a{font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing)}.checkout-shipping-methods__title{color:var(--color-neutral-800);font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);margin:0 0 var(--spacing-medium) 0}.checkout-shipping-methods__content{position:relative;display:block}.checkout-shipping-methods__method{margin-bottom:var(--spacing-medium);width:fit-content;cursor:pointer;font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.checkout-shipping-methods__method:last-child{margin-bottom:0}.dropin-radio-button__label .dropin-price{color:var(--color-neutral-800);font-weight:400}.checkout-shipping-methods__options--loading{opacity:.4;pointer-events:none}.checkout-shipping-methods__spinner{margin:0 auto;position:absolute;z-index:999;left:0;right:0;top:calc(50% - (var(--size) / 2));bottom:0}`,{styleId:"checkout"});
 import{jsx as d}from"@dropins/tools/preact-jsx-runtime.js";import{Render as m}from"@dropins/tools/lib.js";import{events as p}from"@dropins/tools/event-bus.js";import"./chunks/fixtures.js";import{c as g}from"./chunks/resetCustomer.js";import{UIProvider as y}from"@dropins/tools/components.js";import{useState as h,useEffect as b}from"@dropins/tools/preact-hooks.js";import"@dropins/tools/signals.js";import"@dropins/tools/fetch-graphql.js";import"./chunks/getCustomer.js";import"./chunks/getCart.graphql.js";import"./chunks/transform-shipping-methods.js";function O(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var v=function(r){return w(r)&&!S(r)};function w(e){return!!e&&typeof e=="object"}function S(e){var r=Object.prototype.toString.call(e);return r==="[object RegExp]"||r==="[object Date]"||j(e)}var E=typeof Symbol=="function"&&Symbol.for,M=E?Symbol.for("react.element"):60103;function j(e){return e.$$typeof===M}function A(e){return Array.isArray(e)?[]:{}}function o(e,r){return r.clone!==!1&&r.isMergeableObject(e)?i(A(e),e,r):e}function P(e,r,t){return e.concat(r).map(function(a){return o(a,t)})}function I(e,r){if(!r.customMerge)return i;var t=r.customMerge(e);return typeof t=="function"?t:i}function T(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter(function(r){return Object.propertyIsEnumerable.call(e,r)}):[]}function u(e){return Object.keys(e).concat(T(e))}function f(e,r){try{return r in e}catch{return!1}}function C(e,r){return f(e,r)&&!(Object.hasOwnProperty.call(e,r)&&Object.propertyIsEnumerable.call(e,r))}function x(e,r,t){var a={};return t.isMergeableObject(e)&&u(e).forEach(function(n){a[n]=o(e[n],t)}),u(r).forEach(function(n){C(e,n)||(f(e,n)&&t.isMergeableObject(r[n])?a[n]=I(n,t)(e[n],r[n],t):a[n]=o(r[n],t))}),a}function i(e,r,t){t=t||{},t.arrayMerge=t.arrayMerge||P,t.isMergeableObject=t.isMergeableObject||v,t.cloneUnlessOtherwiseSpecified=o;var a=Array.isArray(r),n=Array.isArray(e),s=a===n;return s?a?t.arrayMerge(e,r,t):x(e,r,t):o(r,t)}i.all=function(r,t){if(!Array.isArray(r))throw new Error("first argument should be an array");return r.reduce(function(a,n){return i(a,n,t)},{})};var D=i,B=D;const L=O(B),U={title:"Checkout",LoginForm:{title:"Contact details",account:"Already have an account?",ariaLabel:"Email",invalidEmailError:"Please enter a valid email address.",missingEmailError:"Enter an email address.",emailExists:{alreadyHaveAccount:"It looks like you already have an account.",signInButton:"Sign in",forFasterCheckout:"for a faster checkout."},floatingLabel:"Email *",placeholder:"Enter your email address",signIn:"Sign In",switch:"Do you want to switch account?",signOut:"Sign Out"},ShippingMethods:{title:"Shipping options",emptyState:"This order can't be shipped to the address provided. Please review the address details you entered and make sure they're correct."},ShippingAddress:{title:"Delivery"},BillingAddress:{title:"Billing Address"},AddressForm:{Validity:{badInput:"Provide a valid {field}.",patternMismatch:"Ensure you have entered a correct {field} format.",rangeOverflow:"Choose a valid {field} within the allowed range.",rangeUnderflow:"Choose a valid {field} within the allowed range.",tooLong:"This entry is too long. Keep it under {field} characters.",tooShort:"Use at least {field} characters.",typeMismatch:"Enter a valid {field}.",valueMissing:"Enter a {field}, this field is required."}},BillToShippingAddress:{title:"Bill to shipping address"},PaymentMethods:{title:"Payment",emptyState:"No payment methods available"},OutOfStock:{title:"Your cart contains items that are out of stock",message:"The following items are out of stock:",actions:{reviewCart:"Review cart",removeOutOfStock:"Remove out of stock items"},lowInventory:{one:"Last item!",many:"Only {{count}} left!"},alert:"Out of stock!"},PlaceOrder:{button:"Place Order"},ServerError:{title:"We were unable to process your order",contactSupport:"If you continue to have issues, please contact support.",unexpected:"An unexpected error occurred while processing your order. Please try again later.",button:"Try again"},EmptyCart:{title:"Your cart is empty",button:"Start shopping"},ErrorBanner:{genericMessage:"Server error detected. Please check your connection and try again."},MergedCartBanner:{items:{one:"1 item from a previous session was added to your cart. Please review your new subtotal.",many:"{{count}} items from a previous session were added to your cart. Please review your new subtotal."}},EstimateShipping:{estimated:"Estimated Shipping",freeShipping:"Free",label:"Shipping",taxToBeDetermined:"TBD",withTaxes:"Including taxes",withoutTaxes:"Excluding taxes"}},_={Checkout:U},F={default:_},R=({children:e})=>{var s;const[r,t]=h(),a=(s=g.getConfig())==null?void 0:s.langDefinitions;b(()=>{const c=p.on("locale",l=>{l!==r&&t(l)},{eager:!0});return()=>{c==null||c.off()}},[r]);const n=L(F,a??{});return d(y,{lang:r,langDefinitions:n,children:e})},Q=new m(d(R,{}));export{R as Provider,Q as render};

package/components/ToggleButton/ToggleButton.d.ts

@@ -1,14 +0,0 @@
-import { FunctionComponent, VNode } from 'preact';
-import { HTMLAttributes } from 'preact/compat';
-
-export interface ToggleButtonProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'icon'> {
-    label: string;
-    name: string;
-    value: string;
-    selected: boolean;
-    onChange: (value: string) => void;
-    icon?: VNode<HTMLAttributes<SVGSVGElement>> | VNode<HTMLAttributes<HTMLImageElement>>;
-    radioButtonProps?: Omit<HTMLAttributes<HTMLInputElement>, 'size' | 'label' | 'name' | 'value' | 'checked' | 'disabled'>;
-}
-export declare const ToggleButton: FunctionComponent<ToggleButtonProps>;
-//# sourceMappingURL=ToggleButton.d.ts.map

package/components/ToggleButton/assets/icons/index.d.ts

@@ -1,18 +0,0 @@
-/********************************************************************
-* 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 { default as Card } from './Card.svg';
-//# sourceMappingURL=index.d.ts.map

package/components/ToggleButton/assets/images/index.d.ts

@@ -1,18 +0,0 @@
-/********************************************************************
-* 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 { default as Card } from './Card.png';
-//# sourceMappingURL=index.d.ts.map

package/components/ToggleButton/index.d.ts

@@ -1,19 +0,0 @@
-/********************************************************************
-* 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 './ToggleButton';
-export { ToggleButton as default } from './ToggleButton';
-//# sourceMappingURL=index.d.ts.map