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

package/containers/LoginForm.js

@@ -1 +1 @@
-import*as e from"@dropins/elsie/event-bus.js";import*as n from"@dropins/elsie/fetch-graphql.js";import*as t from"@dropins/elsie/preact-compat.js";import*as r from"@dropins/elsie/preact-hooks.js";import*as o from"@dropins/elsie/preact-jsx-runtime.js";import*as i from"@dropins/elsie/preact.js";export const id=759;export const ids=[759];export const modules={1715:(e,n,t)=>{function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}function o(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,(void 0,i=function(e,n){if("object"!==r(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var o=t.call(e,"string");if("object"!==r(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(o.key),"symbol"===r(i)?i:String(i)),o)}var i}t.d(n,{D:()=>i});var i=function(){function e(n){!function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this,e),this.config=n}var n,t;return n=e,(t=[{key:"getConfig",value:function(){return this.config}},{key:"setConfig",value:function(e){this.config=e}}])&&o(n.prototype,t),Object.defineProperty(n,"prototype",{writable:!1}),e}()},1750:(e,n,t)=>{t.d(n,{m:()=>d});var r=t(1715);function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function i(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,a,l=[],u=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(c)throw o}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return a(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?a(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function a(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function l(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function u(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?l(Object(t),!0).forEach((function(n){m(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function c(e,n){for(var t=0;t<n.length;t++){var r=n[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,p(r.key),r)}}function s(e,n,t){return n&&c(e.prototype,n),t&&c(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function f(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}function m(e,n,t){return(n=p(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function p(e){var n=function(e,n){if("object"!==o(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!==o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===o(n)?n:String(n)}var d=s((function e(n){var t=this,o=n.init,i=n.listeners;f(this,e),m(this,"_listeners",[]),m(this,"config",new r.D({})),this.listeners=function(e){return t._listeners.forEach((function(e){return e.off()})),t._listeners=i(e)},this.init=function(e){return t.config.setConfig(u(u({},t.config.getConfig()),e)),o(e)}})),y=function(){function e(){f(this,e)}return s(e,null,[{key:"register",value:function(n,t){var r,o;e._mounted&&(null===(r=n.listeners)||void 0===r||r.call(n,t),null===(o=n.init)||void 0===o||o.call(n,t)),e._initializers.push([n,t])}},{key:"mount",value:function(){var n,t;e._mounted=!0,null===(n=e._initializers)||void 0===n||n.forEach((function(e){var n,t=i(e,2),r=t[0],o=t[1];null===(n=r.listeners)||void 0===n||n.call(r,o)})),null===(t=e._initializers)||void 0===t||t.forEach((function(e){var n,t=i(e,2),r=t[0],o=t[1];null===(n=r.init)||void 0===n||n.call(r,o)}))}}]),e}();m(y,"_initializers",[]),m(y,"_mounted",!1)},3483:(e,n,t)=>{t.d(n,{X:()=>b});var r=t(1892),o=t.n(r),i=t(5760),a=t.n(i),l=t(8311),u=t.n(l),c=t(8192),s=t.n(c),f=t(8060),m=t.n(f),p=t(4865),d=t.n(p),y=t(8695),g={};g.styleTagTransform=d(),g.setAttributes=s(),g.insert=u().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=m(),o()(y.Z,g),y.Z&&y.Z.locals&&y.Z.locals;var v=t(7188),b=function(e){var n=e.className,t=e.children,r=e.level,o=void 0===r?2:r,i=o>=1&&o<=6?"h".concat(o):"h2";return(0,v.jsx)(i,{className:n,children:t})}},8299:(e,n,t)=>{t.d(n,{U:()=>z});var r=t(2914),o=t(2605),i=t(5587),a=t(1892),l=t.n(a),u=t(5760),c=t.n(u),s=t(8311),f=t.n(s),m=t(8192),p=t.n(m),d=t(8060),y=t.n(d),g=t(4865),v=t.n(g),b=t(1153),h={};h.styleTagTransform=v(),h.setAttributes=p(),h.insert=f().bind(null,"head"),h.domAPI=c(),h.insertStyleElement=y(),l()(b.Z,h),b.Z&&b.Z.locals&&b.Z.locals;var j=t(9724),x=t(3483),O=t(7188),w=function(){return(0,O.jsxs)("p",{className:"checkout-login-form__signIn",children:[(0,O.jsx)(j.xv,{id:"Checkout.LoginForm.account"}),(0,O.jsx)("a",{className:"checkout-login-form__link",href:"#",target:"_blank",rel:"noreferrer",children:(0,O.jsx)(j.xv,{id:"Checkout.LoginForm.signIn"})})]})},S=t(9627),E=t(2773),k=(0,j.zB)({LoginFormLabel:"Checkout.LoginForm.ariaLabel",LoginFormFloatingLabel:"Checkout.LoginForm.floatingLabel",LoginFormPlaceholder:"Checkout.LoginForm.placeholder"})((function(e){var n=e.error,t=e.hint,r=e.value,o=e.onChange,i=e.onBlur;return(0,O.jsx)(S.g,{size:"medium",error:n,hint:t,children:(0,O.jsx)(E.I,{id:"customer-email",name:"userName",type:"email",value:r,autocomplete:"email",placeholder:e.LoginFormPlaceholder,floatingLabel:e.LoginFormFloatingLabel,onChange:o,onBlur:i,required:!0,"aria-label":e.LoginFormLabel,"aria-required":!0})})}));function P(e){return P="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},P(e)}function C(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?C(Object(t),!0).forEach((function(n){L(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):C(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function L(e,n,t){return(n=function(e){var n=function(e,n){if("object"!==P(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!==P(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===P(n)?n:String(n)}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var F=(0,j.zB)({})((function(e){e.name;var n=e.className,t=e.currentEmail,r=e.hint,o=e.error,a=void 0===o?null:o,l=e.onEmailChange,u=void 0===l?function(e){return e}:l,c=e.onEmailBlur,s=void 0===c?function(e){return e}:c;return(0,O.jsxs)("div",{className:"checkout-login-form",children:[(0,O.jsxs)("div",{className:"checkout-login-form__heading",children:[(0,O.jsx)(x.X,{level:2,children:(0,O.jsx)(j.xv,{id:"Checkout.LoginForm.title"}),className:"checkout-login-form__title"}),(0,O.jsx)(w,{})]}),(0,O.jsx)("div",{className:"checkout-login-form__content",children:(0,O.jsx)("form",_(_({className:(0,i.S)(["elsie-login-form__form",n]),noValidate:!0},e),{},{children:(0,O.jsx)(k,{value:t||void 0,error:a||"",hint:r,onChange:u,onBlur:s})}))})]})})),A=t(3177),I=t(5437),N=t(6200);function D(e){return D="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},D(e)}function T(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function M(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?T(Object(t),!0).forEach((function(n){Z(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):T(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function Z(e,n,t){return(n=function(e){var n=function(e,n){if("object"!==D(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!==D(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===D(n)?n:String(n)}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function R(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,a,l=[],u=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(c)throw o}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return U(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?U(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function U(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}var z=(0,j.zB)({LoginFormInvalidEmailError:"Checkout.LoginForm.invalidEmailError",LoginFormMissingEmailError:"Checkout.LoginForm.missingEmailError",LoginFormEmailExists:"Checkout.LoginForm.emailExists"})((function(e){var n=e.className,t=e.email,i=void 0===t?null:t,a=e.LoginFormEmailExists,l=e.LoginFormInvalidEmailError,u=e.LoginFormMissingEmailError,c=(0,A.t)(),s=!!c,f=R((0,I.useState)(!1),2),m=f[0],p=f[1],d=R((0,I.useState)(i),2),y=d[0],g=d[1],v=R((0,I.useState)(),2),b=v[0],h=v[1],j=R((0,I.useState)(!0),2),x=j[0],w=j[1];return!m&&s&&(p(!0),g((null==c?void 0:c.email)||i)),(0,I.useEffect)((function(){if(y&&!b&&(null==c?void 0:c.email)!==y){var e=setTimeout((function(){(0,r.T)(y).then((function(e){w(e),(0,o.A)(y).catch((function(e){console.log("set email failed",e)}))})).catch((function(e){console.log(e),h(l),w(!0)}))}),1e3);return function(){e&&clearTimeout(e)}}}),[y,null==c?void 0:c.email,b,l]),(0,O.jsx)(O.Fragment,{children:(0,O.jsx)(F,M({name:N.N,className:n,currentEmail:y,hint:x?"":a,error:b,onChange:function(e){var n=e.target.value;g(n),h(null),w(!0)},onBlur:function(e){var n=e.target.validity;h(function(e){return e.valid?null:e.valueMissing?u:l}(n))}},e))})}))},6200:(e,n,t)=>{t.d(n,{N:()=>r});var r="login-form"},1484:(e,n,t)=>{t.d(n,{NU:()=>r.N,U0:()=>o.U,ZP:()=>o.U});var r=t(6200),o=t(8299)},3177:(e,n,t)=>{t.d(n,{t:()=>a});var r=t(6765),o=t(5437);function i(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function a(){var e,n,t=(e=(0,o.useState)(),n=2,function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,a,l=[],u=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(c)throw o}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return i(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?i(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),a=t[0],l=t[1];return(0,o.useEffect)((function(){var e=r.events.on("checkout/data",(function(e){e&&l(e)}),{eager:!0});return function(){null==e||e.off()}}),[]),a}},8695:(e,n,t)=>{t.d(n,{Z:()=>l});var r=t(4933),o=t.n(r),i=t(3476),a=t.n(i)()(o());a.push([e.id,"/* https://cssguidelin.es/#bem-like-naming */\n\n/* .elsie-heading { } */\n\n/* Extra small devices (phones, 600px and down) */\n/* @media only screen and (max-width: 600px) { } */\n\n/* Small devices (portrait tablets and large phones, 600px and up) */\n/* @media only screen and (min-width: 600px) { } */\n\n/* Medium devices (landscape tablets, 768px and up) */\n/* @media only screen and (min-width: 768px) { } */\n\n/* Large devices (laptops/desktops, 992px and up) */\n/* @media only screen and (min-width: 992px) { } */\n\n/* Extra large devices (large laptops and desktops, 1200px and up) */\n/* @media only screen and (min-width: 1200px) { } */\n",""]);const l=a},1153:(e,n,t)=>{t.d(n,{Z:()=>l});var r=t(4933),o=t.n(r),i=t(3476),a=t.n(i)()(o());a.push([e.id,"/* https://cssguidelin.es/#bem-like-naming */\n\n.checkout-login-form {\n    display: grid;\n}\n\n.checkout-login-form__heading {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr [col-start]);\n    grid-auto-rows: max-content;\n}\n\n.checkout-login-form__content {\n    grid-auto-rows: max-content;\n}\n\n.checkout-login-form__title {\n    grid-column-start: 1;\n    color: var(--color-neutral-800);\n    font: var(--type-headline-2-default-font);\n    letter-spacing: var(--type-headline-2-default-letter-spacing);\n    margin: 0;\n}\n\n.checkout-login-form__signIn {\n    grid-column-start: 2;\n    color: var(--color-neutral-800);\n    font: var(--type-body-2-default-font);\n    letter-spacing: var(--type-body-2-default-letter-spacing);\n    margin-bottom: var(--spacing-medium);\n    align-self: flex-end;\n    justify-self: flex-end;\n    margin-top: var(--spacing-xxsmall);\n}\n\na.checkout-login-form__link {\n    font: var(--type-body-2-strong-font);\n    margin-left: var(--spacing-xxsmall);\n}\n\n/* Extra small devices (phones, 600px and down) */\n@media only screen and (min-width:320px) and (max-width: 768px) {\n    .checkout-login-form__heading {\n        grid-template-columns: repeat(1, 1fr [col-start]);\n        grid-template-rows: 1fr;\n    }\n\n    .checkout-login-form__signIn {\n        grid-column-start: 1;\n        align-self: flex-start;\n        justify-self: flex-start;\n        padding-top: var(--spacing-xsmall);\n    }\n}\n\n/* Extra small devices (phones, 600px and down) */\n/* @media only screen and (max-width: 600px) { } */\n\n/* Small devices (portrait tablets and large phones, 600px and up) */\n/* @media only screen and (min-width: 600px) { } */\n\n/* Medium devices (landscape tablets, 768px and up) */\n/* @media only screen and (min-width: 768px) { } */\n\n/* Large devices (laptops/desktops, 992px and up) */\n/* @media only screen and (min-width: 992px) { } */\n\n/* Extra large devices (large laptops and desktops, 1200px and up) */\n/* @media only screen and (min-width: 1200px) { } */\n",""]);const l=a},6765:(n,t,r)=>{var o,i;n.exports=(o={events:()=>e.events},i={},r.d(i,o),i)},9699:(e,t,r)=>{var o,i;e.exports=(o={FetchGraphQL:()=>n.FetchGraphQL},i={},r.d(i,o),i)},4853:(e,n,r)=>{var o,i;e.exports=(o={forwardRef:()=>t.forwardRef,useCallback:()=>t.useCallback,useEffect:()=>t.useEffect,useImperativeHandle:()=>t.useImperativeHandle,useMemo:()=>t.useMemo,useRef:()=>t.useRef,useState:()=>t.useState},i={},r.d(i,o),i)},5437:(e,n,t)=>{var o,i;e.exports=(o={useCallback:()=>r.useCallback,useContext:()=>r.useContext,useDebugValue:()=>r.useDebugValue,useEffect:()=>r.useEffect,useId:()=>r.useId,useImperativeHandle:()=>r.useImperativeHandle,useLayoutEffect:()=>r.useLayoutEffect,useMemo:()=>r.useMemo,useReducer:()=>r.useReducer,useRef:()=>r.useRef,useState:()=>r.useState},i={},t.d(i,o),i)},4142:(e,n,t)=>{var r,i;e.exports=(r={Fragment:()=>o.Fragment,jsx:()=>o.jsx,jsxs:()=>o.jsxs},i={},t.d(i,r),i)},3474:(e,n,t)=>{var r,o;e.exports=(r={Component:()=>i.Component,Fragment:()=>i.Fragment,cloneElement:()=>i.cloneElement,createContext:()=>i.createContext,createElement:()=>i.createElement,createRef:()=>i.createRef,h:()=>i.h,hydrate:()=>i.hydrate,isValidElement:()=>i.isValidElement,options:()=>i.options,render:()=>i.render,toChildArray:()=>i.toChildArray},o={},t.d(o,r),o)}};import a from"../runtime.js";import*as l from"../757.js";a.C(l);import*as u from"../212.js";a.C(u);import*as c from"../261.js";a.C(c);import*as s from"../41.js";a.C(s);import*as f from"./LoginForm.js";a.C(f);var m=(1484,a(a.s=1484)),p=m.NU,d=m.U0,y=m.ZP;export{p as LOGIN_FORM_NAME,d as LoginForm,y 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

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

package/containers/MergedCartBanner/index.d.ts

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

package/containers/MergedCartBanner.d.ts

@@ -0,0 +1,3 @@
+export * from './MergedCartBanner/index'
+import _default from './MergedCartBanner/index'
+export default _default

package/containers/MergedCartBanner.js

@@ -0,0 +1 @@
+import{jsx as e}from"@dropins/tools/preact-jsx-runtime.js";import{AlertBanner as u,Icon as g}from"@dropins/tools/components.js";import{c as p}from"../chunks/classes.js";import{events as I}from"@dropins/tools/event-bus.js";import*as i from"@dropins/tools/preact-compat.js";import{useState as h,useEffect as v}from"@dropins/tools/preact-compat.js";import{useText as B,Text as M}from"@dropins/tools/i18n.js";const w=t=>i.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},i.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 12C0 5.37931 5.37931 0 12 0C18.6207 0 24 5.37931 24 12C24 18.6207 18.6207 24 12 24C5.37931 24 0 18.6207 0 12ZM11.8885 5.06101C11.1405 5.06101 10.5357 5.66579 10.5357 6.4138V6.57295C10.5835 7.27321 11.1882 7.81433 11.8885 7.76658H12.0795C12.7797 7.70292 13.289 7.09815 13.2413 6.4138C13.2413 5.66579 12.6365 5.06101 11.8885 5.06101ZM13.1935 16.8223H14.1007C14.2599 16.8223 14.4031 16.9655 14.4031 17.1247V17.7294C14.4031 17.9045 14.2599 18.0318 14.1007 18.0318H9.8832C9.70813 18.0318 9.58081 17.8886 9.58081 17.7294V17.1247C9.58081 16.9496 9.72405 16.8223 9.8832 16.8223H10.7904V10.7905H9.8832C9.70813 10.7905 9.58081 10.6472 9.58081 10.4881V9.88329C9.58081 9.70823 9.72405 9.58091 9.8832 9.58091H12.5888C12.923 9.58091 13.1935 9.85146 13.1935 10.1857V16.8223Z",fill:"currentColor"})),b=({className:t,initialData:x,...c})=>{const[r,s]=h(0),a=B({mergedCartBannerItems:e(M,{id:"Checkout.MergedCartBanner.items",fields:{count:r},plural:r})});v(()=>{const n=I.on("cart/merged",o=>{var m;const l=(m=o==null?void 0:o.oldCartItems)==null?void 0:m.reduce((d,f)=>d+f.quantity,0);l>0&&s(l)});return()=>{n==null||n.off()}},[]);const C=()=>{s(0)};return r?e(u,{...c,"aria-label":a.mergedCartBannerItems,className:p(["checkout__banner",t]),"data-testid":"merged-cart-banner",icon:e(g,{source:w}),message:e("span",{children:a.mergedCartBannerItems}),onDismiss:C,variant:"neutral"}):null};export{b as MergedCartBanner,b as default};

package/containers/OutOfStock/OutOfStock.d.ts

@@ -0,0 +1,13 @@
+import { Container } from '@dropins/tools/types/elsie/src/lib';
+import { HTMLAttributes } from 'preact/compat';
+
+export type UpdateProductsFromCart = Array<{
+    uid: string;
+    quantity: number;
+}>;
+export interface OutOfStockProps extends Omit<HTMLAttributes<HTMLDivElement>, 'icon'> {
+    onCartProductsUpdate?: (items: UpdateProductsFromCart) => void;
+    routeCart?: () => string;
+}
+export declare const OutOfStock: Container<OutOfStockProps>;
+//# sourceMappingURL=OutOfStock.d.ts.map

package/containers/OutOfStock/index.d.ts

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

package/containers/OutOfStock.d.ts

@@ -0,0 +1,3 @@
+export * from './OutOfStock/index'
+import _default from './OutOfStock/index'
+export default _default

package/containers/OutOfStock.js

@@ -0,0 +1 @@
+import{jsxs as n,jsx as e}from"@dropins/tools/preact-jsx-runtime.js";/* empty css                             */import{Card as k,Icon as l,Image as h}from"@dropins/tools/components.js";/* empty css                       */import{classes as O}from"@dropins/tools/lib.js";import{S as d}from"../chunks/OrderError.js";import{useText as S}from"@dropins/tools/i18n.js";import"@dropins/tools/preact-hooks.js";/* empty css                  */import{events as p}from"@dropins/tools/event-bus.js";import{useState as v,useCallback as _,useEffect as g}from"@dropins/tools/preact-compat.js";const N=({className:i,items:r,onRemoveOutOfStock:o,routeCart:a,...m})=>{const s=S({title:"Checkout.OutOfStock.title",message:"Checkout.OutOfStock.message",reviewCart:"Checkout.OutOfStock.actions.reviewCart",removeOutOfStock:"Checkout.OutOfStock.actions.removeOutOfStock"});return n(k,{className:O(["checkout-out-of-stock",i]),"data-testid":"checkout-out-of-stock",variant:"secondary",...m,children:[n("h4",{className:"checkout-out-of-stock__title",children:[e(l,{source:d,size:"16",stroke:"1"}),s.title]}),e("p",{className:"checkout-out-of-stock__message",children:s.message}),e("ol",{className:"checkout-out-of-stock__items",children:r.map(u=>e("li",{"data-testid":"out-of-stock-item",className:"checkout-out-of-stock__item",children:e(h,{loading:"eager",src:u.image.src,alt:u.image.alt,width:"100",height:"100",params:{width:100}})},u.sku))}),n("div",{className:"checkout-out-of-stock__actions",children:[a&&e("a",{"data-testid":"review-cart",className:"checkout-out-of-stock__action",href:a,children:s.reviewCart}),o&&e("button",{className:"checkout-out-of-stock__action","data-testid":"remove-out-of-stock",type:"button",onClick:o,children:s.removeOutOfStock})]})]})},z=({onCartProductsUpdate:i,routeCart:r})=>{const[o,a]=v([]),m=t=>t.outOfStock||t.insufficientQuantity,s=_(()=>{if(!i)return;const t=o.filter(c=>c.outOfStock).map(c=>({uid:c.uid,quantity:0}));i(t)},[o,i]);if(g(()=>{const t=p.on("cart/data",c=>{const f=(c==null?void 0:c.items)||[];a(f.filter(m))},{eager:!0});return()=>{t==null||t.off()}},[]),o.length===0)return null;const u=!o.some(t=>t.insufficientQuantity);return e(N,{items:o,onRemoveOutOfStock:u?s:void 0,routeCart:r==null?void 0:r()})};export{z as OutOfStock,z as default};

package/containers/PaymentMethods/PaymentMethods.d.ts

@@ -0,0 +1,24 @@
+import { SlotProps } from '@dropins/tools/types/elsie/src/lib';
+import { HTMLAttributes } from 'preact/compat';
+
+export interface PaymentMethodsMainSlotContext {
+    replaceHTML: (domElement: HTMLElement) => void;
+}
+export interface PaymentMethodHandlerSlots {
+    [code: string]: SlotProps<PaymentMethodHandlerSlotContext>;
+}
+export interface PaymentMethodHandlerSlotContext {
+    cartId: string;
+    replaceHTML: (domElement: HTMLElement) => void;
+}
+export interface PaymentMethodsProps extends HTMLAttributes<HTMLDivElement> {
+    slots?: {
+        Main?: SlotProps<PaymentMethodsMainSlotContext>;
+        Handlers?: PaymentMethodHandlerSlots;
+    };
+}
+export declare const PaymentMethods: {
+    ({ hideOnEmptyCart, hideOnVirtualCart, ...props }: import('../../hocs/withConditionalRendering').ConditionalProps & PaymentMethodsProps): import("preact/compat").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=PaymentMethods.d.ts.map

package/containers/PaymentMethods/defaultHandlers.d.ts

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

package/containers/PaymentMethods/index.d.ts

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

package/containers/PaymentMethods.d.ts

@@ -0,0 +1,3 @@
+export * from './PaymentMethods/index'
+import _default from './PaymentMethods/index'
+export default _default

package/containers/PaymentMethods.js

@@ -1 +1 @@
-import*as e from"@dropins/elsie/event-bus.js";import*as n from"@dropins/elsie/fetch-graphql.js";import*as t from"@dropins/elsie/preact-compat.js";import*as r from"@dropins/elsie/preact-hooks.js";import*as o from"@dropins/elsie/preact-jsx-runtime.js";import*as a from"@dropins/elsie/preact.js";export const id=278;export const ids=[278];export const modules={3483:(e,n,t)=>{t.d(n,{X:()=>g});var r=t(1892),o=t.n(r),a=t(5760),s=t.n(a),i=t(8311),l=t.n(i),c=t(8192),u=t.n(c),d=t(8060),p=t.n(d),m=t(4865),f=t.n(m),h=t(8695),v={};v.styleTagTransform=f(),v.setAttributes=u(),v.insert=l().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=p(),o()(h.Z,v),h.Z&&h.Z.locals&&h.Z.locals;var y=t(7188),g=function(e){var n=e.className,t=e.children,r=e.level,o=void 0===r?2:r,a=o>=1&&o<=6?"h".concat(o):"h2";return(0,y.jsx)(a,{className:n,children:t})}},9799:(e,n,t)=>{t.d(n,{O:()=>m,d:()=>p});var r=t(5587),o=(t(1442),t(7188));function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}var s=["isFull","lines","size","variant"],i=["className","children"];function l(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function c(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?l(Object(t),!0).forEach((function(n){u(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function u(e,n,t){return(n=function(e){var n=function(e,n){if("object"!==a(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!==a(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===a(n)?n:String(n)}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function d(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var p=function(e){var n=e.isFull,t=void 0!==n&&n,a=e.lines,i=void 0===a?1:a,l=e.size,u=void 0===l?"small":l,p=e.variant,m=void 0===p?"row":p,f=d(e,s),h=[["checkout-skeleton-row__".concat(m),m],["checkout-skeleton-row__".concat(m,"-").concat(u),m&&u]];return!1==i>1?(0,o.jsx)("div",c(c({},f),{},{class:(0,r.S)(["checkout-skeleton-row",["checkout-skeleton-row--full",t]].concat(h))})):(0,o.jsx)("div",c(c({},f),{},{class:(0,r.S)(["checkout-skeleton-row--multiline",["checkout-skeleton-row--full",t]]),children:Array.from({length:i}).map((function(e,n){return(0,o.jsx)("div",{class:(0,r.S)(["checkout-skeleton-row",["checkout-skeleton-row--full",t]].concat(h))},n)}))}))},m=function(e){var n=e.className,t=e.children,a=d(e,i);return(0,o.jsx)("div",c(c({},a),{},{className:(0,r.S)(["checkout-skeleton",n]),children:t}))}},1822:(e,n,t)=>{t.d(n,{A:()=>r.A,Z:()=>r.A});var r=t(6494)},3177:(e,n,t)=>{t.d(n,{t:()=>s});var r=t(6765),o=t(5437);function a(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function s(){var e,n,t=(e=(0,o.useState)(),n=2,function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,a,s,i=[],l=!0,c=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=a.call(t)).done)&&(i.push(r.value),i.length!==n);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=t.return&&(s=t.return(),Object(s)!==s))return}finally{if(c)throw o}}return i}}(e,n)||function(e,n){if(e){if("string"==typeof e)return a(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?a(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),s=t[0],i=t[1];return(0,o.useEffect)((function(){var e=r.events.on("checkout/data",(function(e){e&&i(e)}),{eager:!0});return function(){null==e||e.off()}}),[]),s}},8695:(e,n,t)=>{t.d(n,{Z:()=>i});var r=t(4933),o=t.n(r),a=t(3476),s=t.n(a)()(o());s.push([e.id,"/* https://cssguidelin.es/#bem-like-naming */\n\n/* .elsie-heading { } */\n\n/* Extra small devices (phones, 600px and down) */\n/* @media only screen and (max-width: 600px) { } */\n\n/* Small devices (portrait tablets and large phones, 600px and up) */\n/* @media only screen and (min-width: 600px) { } */\n\n/* Medium devices (landscape tablets, 768px and up) */\n/* @media only screen and (min-width: 768px) { } */\n\n/* Large devices (laptops/desktops, 992px and up) */\n/* @media only screen and (min-width: 992px) { } */\n\n/* Extra large devices (large laptops and desktops, 1200px and up) */\n/* @media only screen and (min-width: 1200px) { } */\n",""]);const i=s},6374:(e,n,t)=>{t.d(n,{Z:()=>i});var r=t(4933),o=t.n(r),a=t(3476),s=t.n(a)()(o());s.push([e.id,".checkout-skeleton {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: var(--spacing-medium);\n}\n\n.checkout-skeleton-row {\n  background: var(--color-neutral-300)\n    linear-gradient(\n      to right,\n      var(--color-neutral-300) 0%,\n      var(--color-neutral-100) 20%,\n      var(--color-neutral-300) 40%,\n      var(--color-neutral-300) 100%\n    )\n    no-repeat;\n  animation: shimmer infinite 1.2s linear;\n  border-radius: var(--shape-border-radius-2);\n}\n\n.checkout-skeleton-row__empty {\n  background: none;\n}\n\n.checkout-skeleton-row--multiline {\n  display: grid;\n  grid-auto-rows: max-content;\n  gap: var(--spacing-small);\n}\n\n.checkout-skeleton-row--full {\n  grid-column: 1 / -1;\n}\n\n/* Heading variants */\n.checkout-skeleton-row__heading-small {\n  height: 24px;\n}\n\n.checkout-skeleton-row__heading-medium {\n  height: 32px;\n}\n\n.checkout-skeleton-row__heading-large {\n  height: 40px;\n}\n\n/* Row variants */\n.checkout-skeleton-row__row-small {\n  height: 40px;\n}\n\n.checkout-skeleton-row__row-medium {\n  height: 48px;\n}\n\n.checkout-skeleton-row__row-large {\n  height: 56px;\n}\n\n.checkout-skeleton-row__row-xlarge {\n  height: 72px;\n}\n\n@keyframes shimmer {\n  0% {\n    background-position: -600px 0;\n  }\n  100% {\n    background-position: 600px 0;\n  }\n}\n\n/* Extra small devices (phones, 600px and down) */\n@media only screen and (max-width: 600px) {\n  .checkout-skeleton {\n    grid-template-columns: 1fr;\n  }\n}\n",""]);const i=s},1442:(e,n,t)=>{var r=t(1892),o=t.n(r),a=t(5760),s=t.n(a),i=t(8311),l=t.n(i),c=t(8192),u=t.n(c),d=t(8060),p=t.n(d),m=t(4865),f=t.n(m),h=t(6374),v={};v.styleTagTransform=f(),v.setAttributes=u(),v.insert=l().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=p(),o()(h.Z,v),h.Z&&h.Z.locals&&h.Z.locals},6765:(n,t,r)=>{var o,a;n.exports=(o={events:()=>e.events},a={},r.d(a,o),a)},9699:(e,t,r)=>{var o,a;e.exports=(o={FetchGraphQL:()=>n.FetchGraphQL},a={},r.d(a,o),a)},4853:(e,n,r)=>{var o,a;e.exports=(o={forwardRef:()=>t.forwardRef,useCallback:()=>t.useCallback,useEffect:()=>t.useEffect,useImperativeHandle:()=>t.useImperativeHandle,useMemo:()=>t.useMemo,useRef:()=>t.useRef,useState:()=>t.useState},a={},r.d(a,o),a)},5437:(e,n,t)=>{var o,a;e.exports=(o={useCallback:()=>r.useCallback,useContext:()=>r.useContext,useDebugValue:()=>r.useDebugValue,useEffect:()=>r.useEffect,useId:()=>r.useId,useImperativeHandle:()=>r.useImperativeHandle,useLayoutEffect:()=>r.useLayoutEffect,useMemo:()=>r.useMemo,useReducer:()=>r.useReducer,useRef:()=>r.useRef,useState:()=>r.useState},a={},t.d(a,o),a)},4142:(e,n,t)=>{var r,a;e.exports=(r={Fragment:()=>o.Fragment,jsx:()=>o.jsx,jsxs:()=>o.jsxs},a={},t.d(a,r),a)},3474:(e,n,t)=>{var r,o;e.exports=(r={Component:()=>a.Component,Fragment:()=>a.Fragment,cloneElement:()=>a.cloneElement,createContext:()=>a.createContext,createElement:()=>a.createElement,createRef:()=>a.createRef,h:()=>a.h,hydrate:()=>a.hydrate,isValidElement:()=>a.isValidElement,options:()=>a.options,render:()=>a.render,toChildArray:()=>a.toChildArray},o={},t.d(o,r),o)}};import s from"../runtime.js";import*as i from"../757.js";s.C(i);import*as l from"../655.js";s.C(l);import*as c from"../261.js";s.C(c);import*as u from"../494.js";s.C(u);import*as d from"./PaymentMethods.js";s.C(d);var p=(1822,s(s.s=1822)),m=p.A,f=p.Z;export{m as PaymentMethods,f as default};
+import{jsx as n,jsxs as M,Fragment as R}from"@dropins/tools/preact-jsx-runtime.js";import"@dropins/tools/event-bus.js";import{c as C}from"../chunks/store-config.js";import{s as D}from"../chunks/fetch-graphql.js";import{s as $}from"../chunks/setPaymentMethod.js";/* empty css                             */import{IllustratedMessage as B,Icon as U,ProgressSpinner as Z,ToggleButton as F,Skeleton as q,SkeletonRow as y}from"@dropins/tools/components.js";/* empty css                       */import{classes as H,Slot as L}from"@dropins/tools/lib.js";import{H as G}from"../chunks/Heading.js";import{useRef as J}from"@dropins/tools/preact-hooks.js";/* empty css                  */import*as g from"@dropins/tools/preact-compat.js";import{useState as S,useCallback as T,useEffect as w}from"@dropins/tools/preact-compat.js";import{useText as K}from"@dropins/tools/i18n.js";import{w as Q}from"../chunks/withConditionalRendering.js";import"@dropins/tools/signals.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/getCart.graphql.js";const X=e=>g.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},g.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"}),g.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M19.35 11.64H14.04V14.81H19.35V11.64Z",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"}),g.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M17.9304 11.64V8.25H15.1504",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"})),Y=({code:e,loading:a,selected:r,onChange:d,title:h})=>n(F,{className:"checkout-payment-methods__method",label:h,name:"payment-method",value:e,selected:r,onChange:d,busy:a}),ee=({className:e,paymentMethodContent:a,loading:r=!1,initializing:d=!1,onChange:h=()=>{},options:s,selection:k})=>{const o=K({Title:"Checkout.PaymentMethods.title",EmptyState:"Checkout.PaymentMethods.emptyState"});return d?n(te,{}):M("div",{className:H(["checkout-payment-methods",e]),children:[n(G,{level:2,className:"checkout-payment-methods__title",children:o.Title}),!r&&s.length===0&&n(B,{icon:n(U,{source:X}),message:n("p",{children:o.EmptyState})}),M("div",{className:H(["checkout-payment-methods__wrapper"]),children:[r&&n(Z,{className:"checkout-payment-methods__spinner"}),n("div",{className:H(["checkout-payment-methods__methods",["checkout-payment-methods--loading",r],["checkout-payment-methods--full-width",s.length%2!==0]]),children:s==null?void 0:s.map(i=>n(Y,{code:i.code,onChange:h,selected:i.code===k,title:i.title},i.code))}),a&&n("div",{className:"checkout-payment-methods__content",children:a})]})]})},te=()=>M(q,{"data-testid":"payment-methods-skeleton",children:[n(y,{variant:"heading",size:"medium"}),n(y,{variant:"empty",size:"medium"}),n(y,{size:"xlarge",fullWidth:!0}),n(y,{size:"xlarge",fullWidth:!0})]}),N={free:e=>{const a=document.createElement("div");a.innerText="",e.replaceHTML(a)},checkmo:e=>{const a=document.createElement("div");a.innerText="",e.replaceHTML(a)}},ne=(e,a)=>{const r=J(e);return a(r.current,e)||(r.current=e),r.current},V=({slots:e})=>{var x,_;const[a,r]=S(),[d,h]=S(N),[s,k]=S(!0),o=C.value.data,i=!!C.value.data,W=C.value.pending,j=(o==null?void 0:o.isVirtual)??!1,z=(x=o==null?void 0:o.shippingAddresses)==null?void 0:x[0],A=(o==null?void 0:o.availablePaymentMethods)||[],l=(_=o==null?void 0:o.selectedPaymentMethod)==null?void 0:_.code,E=j?!0:!!z,m=ne(A,(t,c)=>t.length!==c.length?!1:t.every((p,v)=>p.code===c[v].code)),u=T(t=>{r(t),!(!t||!E)&&t!==l&&$(t).catch(console.error)},[E,l]);w(()=>{if(!i)return;if(!!!(m!=null&&m.length)){u(void 0);return}const c=m[0].code;if(!l){u(c);return}const p=m.some(v=>v.code===l);u(p?l:c)},[m,i,l,u]);const I=t=>{u(t)},b=T((t,c)=>{if(!t){console.warn("Payment method handler is ignored because it has no code");return}if(!c){console.warn("Payment method handler is ignored because it is empty");return}h(p=>({...p,[t]:c}))},[]);w(()=>{e!=null&&e.Handlers&&Object.entries(e.Handlers).forEach(([t,c])=>{b(t,c)})},[b,e==null?void 0:e.Handlers]);const f=e!=null&&e.Main?n(L,{name:"PaymentMethods",slot:e==null?void 0:e.Main,context:{replaceHTML(t){this.replaceWith(t),k(!1)}}}):null,P=a?d[a]:null,O=P?n(L,{name:"PaymentMethodContent",slot:P,context:{cartId:D.cartId||"",replaceHTML(t){this.replaceWith(t)}}},P):void 0;return w(()=>{!s&&d!=N&&console.warn("Payment method handlers you have added are ignored because the default content has been replaced")},[s,d]),M(R,{children:[f&&n(f.type,{ref:f.ref,...f.props}),s&&n(ee,{initializing:i===!1,loading:i&&W,onChange:I,options:m,paymentMethodContent:O,selection:a})]})};V.displayName="PaymentMethodsContainer";const ve=Q(V);export{ve as PaymentMethods,ve as default};

package/containers/PlaceOrder/PlaceOrder.d.ts

@@ -0,0 +1,14 @@
+import { HTMLAttributes } from 'preact/compat';
+
+export interface PlaceOrderProps extends HTMLAttributes<HTMLDivElement> {
+    handleValidation?: () => boolean;
+    onPlaceOrder?: (ctx: PlaceOrderContext) => Promise<void>;
+}
+export interface PlaceOrderContext {
+    code: string;
+}
+export declare const PlaceOrder: {
+    ({ hideOnEmptyCart, hideOnVirtualCart, ...props }: import('../../hocs/withConditionalRendering').ConditionalProps & PlaceOrderProps): import("preact/compat").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=PlaceOrder.d.ts.map

package/containers/PlaceOrder/index.d.ts

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

package/containers/PlaceOrder.d.ts

@@ -0,0 +1,3 @@
+export * from './PlaceOrder/index'
+import _default from './PlaceOrder/index'
+export default _default

package/containers/PlaceOrder.js

@@ -1 +1 @@
-import*as n from"@dropins/elsie/preact-compat.js";import*as e from"@dropins/elsie/preact-hooks.js";import*as r from"@dropins/elsie/preact-jsx-runtime.js";import*as t from"@dropins/elsie/preact.js";export const id=708;export const ids=[708];export const modules={7238:(n,e,r)=>{r.d(e,{U:()=>t});var t="billing_address"},6200:(n,e,r)=>{r.d(e,{N:()=>t});var t="login-form"},146:(n,e,r)=>{r.d(e,{L:()=>L});var t=r(5587),o=r(1892),a=r.n(o),i=r(5760),s=r.n(i),l=r(8311),c=r.n(l),d=r(8192),u=r.n(d),p=r(8060),b=r.n(p),m=r(4865),v=r.n(m),f=r(4330),g={};g.styleTagTransform=v(),g.setAttributes=u(),g.insert=c().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=b(),a()(f.Z,g),f.Z&&f.Z.locals&&f.Z.locals;var y=r(4367),h={};h.styleTagTransform=v(),h.setAttributes=u(),h.insert=c().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=b(),a()(y.Z,h),y.Z&&y.Z.locals&&y.Z.locals;var x=r(7188);function j(n){return j="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},j(n)}var w=["value","variant","size","icon","className","children","disabled","active","activeChildren","activeIcon"];function O(n,e){var r=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.push.apply(r,t)}return r}function k(n){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?O(Object(r),!0).forEach((function(e){S(n,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(r,e))}))}return n}function S(n,e,r){return(e=function(n){var e=function(n,e){if("object"!==j(n)||null===n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var t=r.call(n,"string");if("object"!==j(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"===j(e)?e:String(e)}(e))in n?Object.defineProperty(n,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[e]=r,n}var C=function(n){var e=n.value,r=n.variant,o=void 0===r?"primary":r,a=n.size,i=void 0===a?"medium":a,s=n.icon,l=n.className,c=n.children,d=n.disabled,u=void 0!==d&&d,p=n.active,b=void 0!==p&&p,m=n.activeChildren,v=n.activeIcon,f=function(n,e){if(null==n)return{};var r,t,o=function(n,e){if(null==n)return{};var r,t,o={},a=Object.keys(n);for(t=0;t<a.length;t++)r=a[t],e.indexOf(r)>=0||(o[r]=n[r]);return o}(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(t=0;t<a.length;t++)r=a[t],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(n,r)&&(o[r]=n[r])}return o}(n,w),g="elsie-button";(s&&!c||s&&b&&!m||!s&&b&&v)&&(g="elsie-iconButton"),b&&m&&(g="elsie-button"),l=(0,t.S)([g,"".concat(g,"--").concat(i),"".concat(g,"--").concat(o),["".concat(g,"--").concat(o,"--disabled"),u],c&&s&&"".concat(g,"--with-icon"),!c&&m&&s&&"".concat(g,"--with-icon"),b&&v&&"".concat(g,"--with-icon"),l]);var y=(0,t.S)(["elsie-button-icon","elsie-button-icon--".concat(o),["elsie-button-icon--".concat(o,"--disabled"),u],null==s?void 0:s.props.className]);return(0,x.jsxs)("button",k(k({role:"button"},f),{},{value:e,className:l,disabled:u,active:b,children:[s&&!b&&(0,x.jsx)(s.type,k(k({},s.props),{},{className:y})),v&&b&&(0,x.jsx)(v.type,k(k({},v.props),{},{className:y})),c&&!b&&("string"==typeof c?(0,x.jsx)("span",{children:c}):c),b&&m&&("string"==typeof m?(0,x.jsx)("span",{children:m}):m)]}))},P=r(9724),B=["className","children"];var E=function(n){var e=n.className,r=(n.children,function(n,e){if(null==n)return{};var r,t,o=function(n,e){if(null==n)return{};var r,t,o={},a=Object.keys(n);for(t=0;t<a.length;t++)r=a[t],e.indexOf(r)>=0||(o[r]=n[r]);return o}(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(t=0;t<a.length;t++)r=a[t],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(n,r)&&(o[r]=n[r])}return o}(n,B).onClick);return(0,x.jsx)("div",{className:(0,t.S)(["checkout-place-order",e]),children:(0,x.jsx)(C,{className:(0,t.S)(["checkout-place-order__button",e]),size:"medium",variant:"primary",type:"submit",onClick:r,children:(0,x.jsx)(P.xv,{id:"Checkout.PlaceOrder.button"})},"placeOrder")})},I=r(6200),N=r(7613),Z=r(7238),R=[I.N,N.d,Z.U],L=function(n){var e=n.onClick;return(0,x.jsx)(E,{onClick:function(){var n,r,t;r=(Array.from(document.forms)||[]).filter((function(n){return R.includes(n.name)})).filter((function(n){return null!==n.offsetParent})).filter((function(n){return!1===n.checkValidity()})),(t=0===r.length)||(n=r[0].querySelector(":invalid"))&&(n.scrollIntoView({behavior:"smooth"}),n.focus()),t&&e()}})}},6314:(n,e,r)=>{r.d(e,{L:()=>t.L,Z:()=>t.L});var t=r(146)},7613:(n,e,r)=>{r.d(e,{d:()=>t});var t="shipping_address"},4367:(n,e,r)=>{r.d(e,{Z:()=>s});var t=r(4933),o=r.n(t),a=r(3476),i=r.n(a)()(o());i.push([n.id,"/* Common button styles */\n.elsie-button,\n.elsie-iconButton {\n  border: 0 none;\n  cursor: pointer;\n  white-space: normal;\n}\n\n.elsie-button {\n  border-radius: var(--shape-border-radius-3);\n  font-size: var(--type-button-1-font);\n  font-weight: var(--type-button-1-font);\n  padding: var(--spacing-xsmall) var(--spacing-medium);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: left;\n  word-wrap: break-word;\n}\n\n.elsie-iconButton {\n  border-radius: 50%; /* Make the button a perfect circle */\n  height: var(--spacing-xbig);\n  width: var(--spacing-xbig);\n  padding: var(--spacing-xsmall);\n}\n\n.elsie-button:disabled,\n.elsie-iconButton:disabled {\n  pointer-events: none;\n  user-select: none;\n}\n\n.elsie-button:not(:disabled),\n.elsie-iconButton:not(:disabled) {\n  cursor: pointer;\n}\n\n.elsie-button:hover > svg,\n.elsie-iconButton:hover > svg {\n  fill: var(--color-neutral-300);\n}\n\n.elsie-button:focus,\n.elsie-iconButton:focus {\n  outline: var(--spacing-xxsmall) solid var(--color-neutral-400);\n}\n\n/* Primary */\n.elsie-button--primary,\n.elsie-iconButton--primary {\n  border: none;\n  background: var(--color-brand-500) 0 0% no-repeat padding-box;\n  color: var(--color-neutral-50);\n  text-align: left;\n  margin-right: 0;\n}\n\n.elsie-iconButton--primary {\n  border-radius: var(--spacing-xbig);\n  min-height: var(--spacing-xbig);\n  min-width: var(--spacing-xbig);\n  padding: var(--spacing-xsmall);\n}\n\n.elsie-button--primary--disabled,\n.elsie-iconButton--primary--disabled {\n  background: var(--color-neutral-300) 0 0% no-repeat padding-box;\n  color: var(--color-neutral-500);\n  fill: var(--color-neutral-300);\n  pointer-events: none;\n  user-select: none;\n}\n\n.elsie-button--primary:hover,\n.elsie-iconButton--primary:hover {\n  background: var(--color-brand-600) 0 0% no-repeat padding-box;\n}\n\n/* Secondary */\n.elsie-button--secondary,\n.elsie-iconButton--secondary {\n  border: var(--shape-border-width-2) solid var(--color-brand-500);\n  background: none 0 0% no-repeat padding-box;\n  color: var(--color-brand-500);\n  padding-top: calc(var(--spacing-xsmall) - var(--shape-border-width-2));\n  padding-left: calc(var(--spacing-medium) - var(--shape-border-width-2));\n}\n\n.elsie-iconButton--secondary {\n  border-radius: var(--spacing-xbig);\n  min-height: var(--spacing-xbig);\n  min-width: var(--spacing-xbig);\n  padding: var(--spacing-xsmall);\n  padding-top: calc(var(--spacing-xsmall) - var(--shape-border-width-2));\n  padding-left: calc(var(--spacing-xsmall) - var(--shape-border-width-2));\n}\n\n.elsie-button--secondary--disabled,\n.elsie-iconButton--secondary--disabled {\n  border: var(--shape-border-width-2) solid var(--color-neutral-300);\n  background: none 0 0% no-repeat padding-box;\n  color: var(--color-neutral-500);\n  fill: var(--color-neutral-300);\n  pointer-events: none;\n  user-select: none;\n}\n\n.elsie-button--secondary:hover,\n.elsie-iconButton--secondary:hover {\n  border: var(--shape-border-width-2) solid var(--color-brand-600);\n  color: var(--color-brand-600);\n}\n\n/* Tertiary */\n.elsie-button--tertiary,\n.elsie-iconButton--tertiary {\n  border: none;\n  background: none 0 0% no-repeat padding-box;\n  color: var(--color-brand-500);\n}\n\n.elsie-iconButton--tertiary {\n  border: none;\n  min-height: var(--spacing-xbig);\n  min-width: var(--spacing-xbig);\n  padding: var(--spacing-xsmall);\n}\n\n.elsie-button--tertiary--disabled,\n.elsie-iconButton--tertiary--disabled {\n  border: none;\n  color: var(--color-neutral-500);\n  pointer-events: none;\n  user-select: none;\n}\n\n.elsie-button--tertiary:hover,\n.elsie-iconButton--tertiary:hover {\n  color: var(--color-brand-600);\n}\n\n/* Button Sizes */\n.elsie-button--large {\n  font: var(--type-button-1-font);\n  letter-spacing: var(--type-button-1-letter-spacing);\n}\n\n.elsie-button--medium {\n  font: var(--type-button-2-font);\n  letter-spacing: var(--type-button-2-letter-spacing);\n}\n\n.elsie-button-icon {\n  height: 24px;\n}\n\n/* No Icon */\n.elsie-button--with-icon {\n  column-gap: var(--spacing-xsmall);\n  row-gap: var(--spacing-xsmall);\n}\n",""]);const s=i},4330:(n,e,r)=>{r.d(e,{Z:()=>s});var t=r(4933),o=r.n(t),a=r(3476),i=r.n(a)()(o());i.push([n.id,"/* https://cssguidelin.es/#bem-like-naming */\n\n.checkout-place-order {\n    display: grid;\n}\n\n.checkout-place-order__button {\n    align-self: flex-end;\n    justify-self: flex-end;\n}\n\n@media only screen and (min-width:320px) and (max-width: 768px) {\n    .checkout-place-order__button {\n        align-self: center;\n        justify-self: stretch;\n    }\n}\n\n/* Medium (portrait tablets and large phones, 768px and up) */\n/* @media only screen and (min-width: 768px) { } */\n\n/* Large (landscape tablets, 1024px and up) */\n/* @media only screen and (min-width: 1024px) { } */\n\n/* XLarge (laptops/desktops, 1366px and up) */\n/* @media only screen and (min-width: 1366px) { } */\n\n/* XXlarge (large laptops and desktops, 1920px and up) */\n/* @media only screen and (min-width: 1920px) { } */\n",""]);const s=i},4853:(e,r,t)=>{var o,a;e.exports=(o={forwardRef:()=>n.forwardRef,useCallback:()=>n.useCallback,useEffect:()=>n.useEffect,useImperativeHandle:()=>n.useImperativeHandle,useMemo:()=>n.useMemo,useRef:()=>n.useRef,useState:()=>n.useState},a={},t.d(a,o),a)},5437:(n,r,t)=>{var o,a;n.exports=(o={useCallback:()=>e.useCallback,useContext:()=>e.useContext,useDebugValue:()=>e.useDebugValue,useEffect:()=>e.useEffect,useId:()=>e.useId,useImperativeHandle:()=>e.useImperativeHandle,useLayoutEffect:()=>e.useLayoutEffect,useMemo:()=>e.useMemo,useReducer:()=>e.useReducer,useRef:()=>e.useRef,useState:()=>e.useState},a={},t.d(a,o),a)},4142:(n,e,t)=>{var o,a;n.exports=(o={Fragment:()=>r.Fragment,jsx:()=>r.jsx,jsxs:()=>r.jsxs},a={},t.d(a,o),a)},3474:(n,e,r)=>{var o,a;n.exports=(o={Component:()=>t.Component,Fragment:()=>t.Fragment,cloneElement:()=>t.cloneElement,createContext:()=>t.createContext,createElement:()=>t.createElement,createRef:()=>t.createRef,h:()=>t.h,hydrate:()=>t.hydrate,isValidElement:()=>t.isValidElement,options:()=>t.options,render:()=>t.render,toChildArray:()=>t.toChildArray},a={},r.d(a,o),a)}};import o from"../runtime.js";import*as a from"../757.js";o.C(a);import*as i from"./PlaceOrder.js";o.C(i);var s=(6314,o(o.s=6314)),l=s.L,c=s.Z;export{l as PlaceOrder,c as default};
+import{jsx as s}from"@dropins/tools/preact-jsx-runtime.js";import{events as x}from"@dropins/tools/event-bus.js";import{c as E,b as g}from"../chunks/store-config.js";import{U as P}from"../chunks/fetch-graphql.js";import{p as b}from"../chunks/placeOrder2.js";import{classes as l}from"@dropins/tools/lib.js";/* empty css                  */import{Button as v}from"@dropins/tools/components.js";import{Text as S,useText as U}from"@dropins/tools/i18n.js";import{w}from"../chunks/withConditionalRendering.js";import{useState as T,useCallback as p,useEffect as z}from"@dropins/tools/preact-compat.js";import"@dropins/tools/signals.js";import"@dropins/tools/fetch-graphql.js";const H=({className:e,onClick:t,disabled:n=!1})=>s("div",{className:l(["checkout-place-order",e]),children:s(v,{className:l(["checkout-place-order__button",e]),"data-testid":"place-order-button",disabled:n,onClick:t,size:"medium",type:"submit",variant:"primary",children:s(S,{id:"Checkout.PlaceOrder.button"})},"placeOrder")}),I=e=>e instanceof TypeError||e instanceof P,f=({handleValidation:e,onPlaceOrder:t})=>{var d;const[n,h]=T(!1),{data:c,pending:O}=E.value,k=!!c,a=((d=c==null?void 0:c.selectedPaymentMethod)==null?void 0:d.code)||"",i=U({CheckoutUnexpectedError:"Checkout.ServerError.unexpected"}),m=p(r=>{const o=I(r)?i.CheckoutUnexpectedError:r.message;g.value=o},[i]),C=p(async()=>{try{if(!(e?e():!0))return;t?await t({code:a}):await b()}catch(r){m(r)}},[e,t,a,m]);return z(()=>{const r=x.on("cart/initialized",o=>{const y=(o==null?void 0:o.items)||[];h(y.some(u=>u.outOfStock||u.insufficientQuantity))},{eager:!0});return()=>{r==null||r.off()}},[]),s(H,{onClick:C,disabled:!k||O||n})};f.displayName="PlaceOrderContainer";const G=w(f);export{G as PlaceOrder,G as default};

package/containers/ServerError/ServerError.d.ts

@@ -0,0 +1,8 @@
+import { Container } from '@dropins/tools/types/elsie/src/lib';
+
+interface ServerErrorProps {
+    onServerError?: () => void;
+}
+export declare const ServerError: Container<ServerErrorProps>;
+export {};
+//# sourceMappingURL=ServerError.d.ts.map

package/containers/ServerError/index.d.ts

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

package/containers/ServerError.d.ts

@@ -0,0 +1,3 @@
+export * from './ServerError/index'
+import _default from './ServerError/index'
+export default _default

package/containers/ServerError.js

@@ -0,0 +1 @@
+import{jsx as t,jsxs as n}from"@dropins/tools/preact-jsx-runtime.js";import"@dropins/tools/event-bus.js";import{b as i}from"../chunks/store-config.js";import"../chunks/fetch-graphql.js";import{g as u}from"../chunks/getCustomer.js";/* empty css                             */import{IllustratedMessage as p,Icon as l,Button as d}from"@dropins/tools/components.js";/* empty css                       */import{classes as s}from"@dropins/tools/lib.js";import{useEffect as h}from"@dropins/tools/preact-hooks.js";/* empty css                  */import{S as v}from"../chunks/OrderError.js";import{useText as k}from"@dropins/tools/i18n.js";import"@dropins/tools/signals.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/getCart.graphql.js";import"@dropins/tools/preact-compat.js";const f=({className:r,errorMessage:e,contactSupport:a,...c})=>{const{onClick:m}=c,o=k({Title:"Checkout.ServerError.title",Message:"Checkout.ServerError.message",ContactSupport:"Checkout.ServerError.contactSupport",Button:"Checkout.ServerError.button"});return t(p,{"aria-invalid":"true","aria-describedby":"checkout-server-error__message","aria-live":"polite",className:s(["checkout-server-error",r]),"data-testid":"checkout-server-error",heading:e??o.Title,message:n("p",{id:s(["checkout-server-error__message"]),children:[o.Message,t("br",{}),t("span",{children:a??o.ContactSupport})]}),icon:t(l,{className:s(["checkout-server-error__icon"]),source:v}),action:t(d,{className:s(["checkout-server-error__button"]),onClick:m,children:o.Button})})},O=({onServerError:r})=>{const e=i.value,a=async()=>{await u(),i.value=void 0};return h(()=>{e&&(r==null||r())},[e,r]),e?t(f,{errorMessage:e,onClick:a}):null};export{O as ServerError,O as default};

package/containers/ShippingMethods/ShippingMethods.d.ts

@@ -0,0 +1,18 @@
+import { ShippingMethod } from '../../data/models';
+import { SlotProps } from '@dropins/tools/types/elsie/src/lib';
+import { HTMLAttributes } from 'preact/compat';
+
+export interface ShippingMethodsProps extends HTMLAttributes<HTMLDivElement> {
+    onCheckoutDataUpdate?: () => Promise<void>;
+    onShippingMethodSelect?: (method: ShippingMethod) => void;
+    preSelectedMethod?: {
+        carrierCode: string;
+        methodCode: string;
+    };
+    shippingMethodsSlot?: SlotProps;
+}
+export declare const ShippingMethods: {
+    ({ hideOnEmptyCart, hideOnVirtualCart, ...props }: import('../../hocs/withConditionalRendering').ConditionalProps & ShippingMethodsProps): import("preact/compat").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=ShippingMethods.d.ts.map

package/containers/ShippingMethods/hooks/useShippingEstimateEventEmitter.d.ts

@@ -0,0 +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.
+ *******************************************************************/
+declare function useShippingEstimateEventEmitter(): void;
+export default useShippingEstimateEventEmitter;
+//# sourceMappingURL=useShippingEstimateEventEmitter.d.ts.map

package/containers/ShippingMethods/index.d.ts

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

package/containers/ShippingMethods.d.ts

@@ -0,0 +1,3 @@
+export * from './ShippingMethods/index'
+import _default from './ShippingMethods/index'
+export default _default

package/containers/ShippingMethods.js

@@ -1 +1 @@
-import*as e from"@dropins/elsie/event-bus.js";import*as n from"@dropins/elsie/fetch-graphql.js";import*as t from"@dropins/elsie/preact-compat.js";import*as r from"@dropins/elsie/preact-hooks.js";import*as o from"@dropins/elsie/preact-jsx-runtime.js";import*as a from"@dropins/elsie/preact.js";export const id=57;export const ids=[57];export const modules={424:(e,n,t)=>{t.d(n,{u:()=>P});var r=t(5587),o=t(1892),a=t.n(o),s=t(5760),i=t.n(s),l=t(8311),c=t.n(l),u=t(8192),d=t.n(u),p=t(8060),m=t.n(p),f=t(4865),h=t.n(f),v=t(123),y={};y.styleTagTransform=h(),y.setAttributes=d(),y.insert=c().bind(null,"head"),y.domAPI=i(),y.insertStyleElement=m(),a()(v.Z,y),v.Z&&v.Z.locals&&v.Z.locals;var g=t(1072),b=t(3483),k=t(7188);function w(e){return w="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},w(e)}var x=["className","icon","heading","headingLevel","message"];function j(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function O(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?j(Object(t),!0).forEach((function(n){S(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function S(e,n,t){return(n=function(e){var n=function(e,n){if("object"!==w(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!==w(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===w(n)?n:String(n)}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var P=function(e){var n=e.className,t=e.icon,o=e.heading,a=e.headingLevel,s=void 0===a?2:a,i=e.message,l=function(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(e,x);return(0,k.jsxs)("div",O(O({},l),{},{className:(0,r.S)(["elsie-empty-state",n]),children:[t&&(0,k.jsx)(g.J,{size:"64",className:"elsie-empty-state__icon",source:t}),o&&(0,k.jsx)(b.X,{level:s,className:"elsie-empty-state__heading",children:o}),i&&(0,k.jsx)("p",{className:"elsie-empty-state__message",children:i})]}))}},3483:(e,n,t)=>{t.d(n,{X:()=>g});var r=t(1892),o=t.n(r),a=t(5760),s=t.n(a),i=t(8311),l=t.n(i),c=t(8192),u=t.n(c),d=t(8060),p=t.n(d),m=t(4865),f=t.n(m),h=t(8695),v={};v.styleTagTransform=f(),v.setAttributes=u(),v.insert=l().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=p(),o()(h.Z,v),h.Z&&h.Z.locals&&h.Z.locals;var y=t(7188),g=function(e){var n=e.className,t=e.children,r=e.level,o=void 0===r?2:r,a=o>=1&&o<=6?"h".concat(o):"h2";return(0,y.jsx)(a,{className:n,children:t})}},7354:(e,n,t)=>{t.d(n,{a:()=>b});var r=t(5587),o=t(1892),a=t.n(o),s=t(5760),i=t.n(s),l=t(8311),c=t.n(l),u=t(8192),d=t.n(u),p=t(8060),m=t.n(p),f=t(4865),h=t.n(f),v=t(9794),y={};y.styleTagTransform=h(),y.setAttributes=d(),y.insert=c().bind(null,"head"),y.domAPI=i(),y.insertStyleElement=m(),a()(v.Z,y),v.Z&&v.Z.locals&&v.Z.locals;var g=t(7188),b=function(e){var n=e.size,t=void 0===n?"24":n,o=e.stroke,a=void 0===o?"4":o,s=e.className;return(0,g.jsx)("div",{className:(0,r.S)(["elsie-loader","elsie-loader--shape-size-".concat(t),"elsie-loader--shape-stroke-".concat(a),s])})}},9799:(e,n,t)=>{t.d(n,{O:()=>m,d:()=>p});var r=t(5587),o=(t(1442),t(7188));function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}var s=["isFull","lines","size","variant"],i=["className","children"];function l(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function c(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?l(Object(t),!0).forEach((function(n){u(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function u(e,n,t){return(n=function(e){var n=function(e,n){if("object"!==a(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!==a(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===a(n)?n:String(n)}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function d(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var p=function(e){var n=e.isFull,t=void 0!==n&&n,a=e.lines,i=void 0===a?1:a,l=e.size,u=void 0===l?"small":l,p=e.variant,m=void 0===p?"row":p,f=d(e,s),h=[["checkout-skeleton-row__".concat(m),m],["checkout-skeleton-row__".concat(m,"-").concat(u),m&&u]];return!1==i>1?(0,o.jsx)("div",c(c({},f),{},{class:(0,r.S)(["checkout-skeleton-row",["checkout-skeleton-row--full",t]].concat(h))})):(0,o.jsx)("div",c(c({},f),{},{class:(0,r.S)(["checkout-skeleton-row--multiline",["checkout-skeleton-row--full",t]]),children:Array.from({length:i}).map((function(e,n){return(0,o.jsx)("div",{class:(0,r.S)(["checkout-skeleton-row",["checkout-skeleton-row--full",t]].concat(h))},n)}))}))},m=function(e){var n=e.className,t=e.children,a=d(e,i);return(0,o.jsx)("div",c(c({},a),{},{className:(0,r.S)(["checkout-skeleton",n]),children:t}))}},8539:(e,n,t)=>{t.d(n,{SG:()=>r.SG,ZP:()=>r.SG,fz:()=>r.fz,lJ:()=>r.lJ});var r=t(7805)},3177:(e,n,t)=>{t.d(n,{t:()=>s});var r=t(6765),o=t(5437);function a(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function s(){var e,n,t=(e=(0,o.useState)(),n=2,function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,a,s,i=[],l=!0,c=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=a.call(t)).done)&&(i.push(r.value),i.length!==n);l=!0);}catch(e){c=!0,o=e}finally{try{if(!l&&null!=t.return&&(s=t.return(),Object(s)!==s))return}finally{if(c)throw o}}return i}}(e,n)||function(e,n){if(e){if("string"==typeof e)return a(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?a(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),s=t[0],i=t[1];return(0,o.useEffect)((function(){var e=r.events.on("checkout/data",(function(e){e&&i(e)}),{eager:!0});return function(){null==e||e.off()}}),[]),s}},123:(e,n,t)=>{t.d(n,{Z:()=>i});var r=t(4933),o=t.n(r),a=t(3476),s=t.n(a)()(o());s.push([e.id,".elsie-empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  row-gap: var(--spacing-small);\n}\n\n.elsie-empty-state__icon {\n  color: var(--color-neutral-400);\n}\n\n.elsie-empty-state__heading {\n  color: var(--color-neutral-800);\n  font: var(--type-headline-2-default-font);\n  letter-spacing: var(--type-headline-2-default-letter-spacing);\n  margin: 0;\n}\n\n.elsie-empty-state__message {\n  color: var(--color-neutral-800);\n  font: var(--type-body-2-default-font);\n  letter-spacing: var(--type-body-2-default-letter-spacing);\n  text-align: center;\n  margin: 0;\n  max-width: 544px; /* ~80 characters line length*/\n}\n",""]);const i=s},8695:(e,n,t)=>{t.d(n,{Z:()=>i});var r=t(4933),o=t.n(r),a=t(3476),s=t.n(a)()(o());s.push([e.id,"/* https://cssguidelin.es/#bem-like-naming */\n\n/* .elsie-heading { } */\n\n/* Extra small devices (phones, 600px and down) */\n/* @media only screen and (max-width: 600px) { } */\n\n/* Small devices (portrait tablets and large phones, 600px and up) */\n/* @media only screen and (min-width: 600px) { } */\n\n/* Medium devices (landscape tablets, 768px and up) */\n/* @media only screen and (min-width: 768px) { } */\n\n/* Large devices (laptops/desktops, 992px and up) */\n/* @media only screen and (min-width: 992px) { } */\n\n/* Extra large devices (large laptops and desktops, 1200px and up) */\n/* @media only screen and (min-width: 1200px) { } */\n",""]);const i=s},9794:(e,n,t)=>{t.d(n,{Z:()=>i});var r=t(4933),o=t.n(r),a=t(3476),s=t.n(a)()(o());s.push([e.id,"/* https://cssguidelin.es/#bem-like-naming */\n\n.elsie-loader {\n  --size: 24px;\n  --stroke-width: var(--shape-icon-stroke-4);\n  width: var(--size);\n  height: var(--size);\n  border-style: solid;\n  border-width: var(--stroke-width);\n  border-color: var(--color-neutral-400);\n  border-top-color: var(--color-brand-500);\n  border-radius: 50%;\n  animation: indeterminate 1s infinite ease-in-out;\n}\n\n.elsie-loader--shape-size-16 {\n  --size: 16px;\n}\n\n.elsie-loader--shape-size-24 {\n  --size: 24px;\n}\n\n.elsie-loader--shape-size-32 {\n  --size: 32px;\n}\n\n.elsie-loader--shape-size-64 {\n  --size: 64px;\n}\n\n.elsie-loader--shape-stroke-1 {\n  --stroke-width: var(--shape-icon-stroke-1);\n}\n\n.elsie-loader--shape-stroke-2 {\n  --stroke-width: var(--shape-icon-stroke-2);\n}\n\n.elsie-loader--shape-stroke-3 {\n  --stroke-width: var(--shape-icon-stroke-3);\n}\n\n.elsie-loader--shape-stroke-4 {\n  --stroke-width: var(--shape-icon-stroke-4);\n}\n\n@keyframes indeterminate {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);const i=s},6374:(e,n,t)=>{t.d(n,{Z:()=>i});var r=t(4933),o=t.n(r),a=t(3476),s=t.n(a)()(o());s.push([e.id,".checkout-skeleton {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: var(--spacing-medium);\n}\n\n.checkout-skeleton-row {\n  background: var(--color-neutral-300)\n    linear-gradient(\n      to right,\n      var(--color-neutral-300) 0%,\n      var(--color-neutral-100) 20%,\n      var(--color-neutral-300) 40%,\n      var(--color-neutral-300) 100%\n    )\n    no-repeat;\n  animation: shimmer infinite 1.2s linear;\n  border-radius: var(--shape-border-radius-2);\n}\n\n.checkout-skeleton-row__empty {\n  background: none;\n}\n\n.checkout-skeleton-row--multiline {\n  display: grid;\n  grid-auto-rows: max-content;\n  gap: var(--spacing-small);\n}\n\n.checkout-skeleton-row--full {\n  grid-column: 1 / -1;\n}\n\n/* Heading variants */\n.checkout-skeleton-row__heading-small {\n  height: 24px;\n}\n\n.checkout-skeleton-row__heading-medium {\n  height: 32px;\n}\n\n.checkout-skeleton-row__heading-large {\n  height: 40px;\n}\n\n/* Row variants */\n.checkout-skeleton-row__row-small {\n  height: 40px;\n}\n\n.checkout-skeleton-row__row-medium {\n  height: 48px;\n}\n\n.checkout-skeleton-row__row-large {\n  height: 56px;\n}\n\n.checkout-skeleton-row__row-xlarge {\n  height: 72px;\n}\n\n@keyframes shimmer {\n  0% {\n    background-position: -600px 0;\n  }\n  100% {\n    background-position: 600px 0;\n  }\n}\n\n/* Extra small devices (phones, 600px and down) */\n@media only screen and (max-width: 600px) {\n  .checkout-skeleton {\n    grid-template-columns: 1fr;\n  }\n}\n",""]);const i=s},1442:(e,n,t)=>{var r=t(1892),o=t.n(r),a=t(5760),s=t.n(a),i=t(8311),l=t.n(i),c=t(8192),u=t.n(c),d=t(8060),p=t.n(d),m=t(4865),f=t.n(m),h=t(6374),v={};v.styleTagTransform=f(),v.setAttributes=u(),v.insert=l().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=p(),o()(h.Z,v),h.Z&&h.Z.locals&&h.Z.locals},6765:(n,t,r)=>{var o,a;n.exports=(o={events:()=>e.events},a={},r.d(a,o),a)},9699:(e,t,r)=>{var o,a;e.exports=(o={FetchGraphQL:()=>n.FetchGraphQL},a={},r.d(a,o),a)},4853:(e,n,r)=>{var o,a;e.exports=(o={forwardRef:()=>t.forwardRef,useCallback:()=>t.useCallback,useEffect:()=>t.useEffect,useImperativeHandle:()=>t.useImperativeHandle,useMemo:()=>t.useMemo,useRef:()=>t.useRef,useState:()=>t.useState},a={},r.d(a,o),a)},5437:(e,n,t)=>{var o,a;e.exports=(o={useCallback:()=>r.useCallback,useContext:()=>r.useContext,useDebugValue:()=>r.useDebugValue,useEffect:()=>r.useEffect,useId:()=>r.useId,useImperativeHandle:()=>r.useImperativeHandle,useLayoutEffect:()=>r.useLayoutEffect,useMemo:()=>r.useMemo,useReducer:()=>r.useReducer,useRef:()=>r.useRef,useState:()=>r.useState},a={},t.d(a,o),a)},4142:(e,n,t)=>{var r,a;e.exports=(r={Fragment:()=>o.Fragment,jsx:()=>o.jsx,jsxs:()=>o.jsxs},a={},t.d(a,r),a)},3474:(e,n,t)=>{var r,o;e.exports=(r={Component:()=>a.Component,Fragment:()=>a.Fragment,cloneElement:()=>a.cloneElement,createContext:()=>a.createContext,createElement:()=>a.createElement,createRef:()=>a.createRef,h:()=>a.h,hydrate:()=>a.hydrate,isValidElement:()=>a.isValidElement,options:()=>a.options,render:()=>a.render,toChildArray:()=>a.toChildArray},o={},t.d(o,r),o)}};import s from"../runtime.js";import*as i from"../757.js";s.C(i);import*as l from"../942.js";s.C(l);import*as c from"../516.js";s.C(c);import*as u from"../261.js";s.C(u);import*as d from"../549.js";s.C(d);import*as p from"../805.js";s.C(p);import*as m from"./ShippingMethods.js";s.C(m);var f=(8539,s(s.s=8539)),h=f.SG,v=f.fz,y=f.ZP,g=f.lJ;export{h as ShippingMethods,v as buildShippingMethod,y as default,g as getShippingMethodValue};
+import{jsx as i,jsxs as L,Fragment as z}from"@dropins/tools/preact-jsx-runtime.js";import{events as T}from"@dropins/tools/event-bus.js";import{s as v,e as M,c as W,a as V}from"../chunks/store-config.js";import"../chunks/fetch-graphql.js";import{s as A}from"../chunks/setShippingMethods.js";/* empty css                             */import{IllustratedMessage as O,Icon as P,ProgressSpinner as Z,RadioButton as $,Price as q,Skeleton as F,SkeletonRow as _}from"@dropins/tools/components.js";/* empty css                       */import{classes as j,Slot as G}from"@dropins/tools/lib.js";import{H as J}from"../chunks/Heading.js";import{useState as I,useEffect as S}from"@dropins/tools/preact-hooks.js";/* empty css                  */import*as u from"@dropins/tools/preact-compat.js";import{useCallback as K,useMemo as Q,useEffect as X}from"@dropins/tools/preact-compat.js";import{useText as Y}from"@dropins/tools/i18n.js";import{w as D}from"../chunks/withConditionalRendering.js";import"@dropins/tools/signals.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/getCart.graphql.js";const U=e=>({countryCode:e.country_id,postCode:e.postcode||"",...e.region_id?{regionId:Number(e.region_id)}:{...e.region?{region:e.region}:{}}}),ee=e=>({carrierCode:e.carrier.code||"",methodCode:e.code||"",amount:e.amount,amountExclTax:e.amountExclTax,amountInclTax:e.amountInclTax}),te=e=>u.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},u.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M2.47266 4.90002H15.1851V10.9645H21.2495L23 12.715V17.6124H20.073",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"}),u.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M15.1758 5.87573H19.0019L21.0394 10.7636",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"}),u.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M9.76151 16.7898C9.76151 18.0525 8.72845 19.076 7.46582 19.076C6.20318 19.076 5.17969 18.0429 5.17969 16.7803C5.17969 15.5176 6.20318 14.4941 7.46582 14.4941C8.72845 14.4941 9.75195 15.5176 9.76151 16.7803C9.76151 16.7803 9.76151 16.7803 9.76151 16.7898Z",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"}),u.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M19.8726 16.7898C19.8726 18.062 18.8491 19.0855 17.5769 19.0855C16.3047 19.0855 15.2812 18.062 15.2812 16.7898C15.2812 15.5176 16.3047 14.4941 17.5769 14.4941C18.8491 14.4941 19.8726 15.5176 19.8726 16.7898Z",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"}),u.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M8.08792 7.63574H1.69824",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"}),u.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M7.11229 10.3619H1",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"}),u.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M5.16084 13.0402H1.92773",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"}),u.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M9.76172 16.7611H15.2809",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"}),u.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M2.38672 16.7611H5.17025",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"})),ne=({className:e,isLoading:t=!1,onSelectionChange:n=()=>{},options:s,selection:p,...a})=>{const c=Y({Title:"Checkout.ShippingMethods.title",EmptyState:"Checkout.ShippingMethods.emptyState"});return s===void 0?i(oe,{}):L("div",{...a,className:j(["checkout-shipping-methods",e]),children:[i(J,{level:3,className:"checkout-shipping-methods__title",children:c.Title}),!t&&s.length===0&&i(O,{icon:i(P,{source:te}),message:i("p",{children:c.EmptyState})}),L("div",{className:j(["checkout-shipping-methods__content"]),children:[t&&i(Z,{className:"checkout-shipping-methods__spinner"}),i("div",{className:j(["checkout-shipping-methods__options",["checkout-shipping-methods__options--loading",t]]),children:s.map(o=>i($,{"data-testid":"shipping-method-radiobutton","aria-busy":t,id:o.value,name:"shipping-method",className:"checkout-shipping-methods__method",label:L(z,{children:[i(q,{amount:o.amount.value,currency:o.amount.currency})," ",i("span",{children:o.carrier.title})]}),description:o.title,value:o.value,checked:(p==null?void 0:p.value)===o.value,onChange:()=>n(o)},o.value))})]})]})},oe=()=>L(F,{"data-testid":"shipping-methods-skeleton",children:[i(_,{variant:"heading",size:"small"}),i(_,{variant:"empty",size:"small"}),i(_,{size:"medium",fullWidth:!0}),i(_,{size:"medium",fullWidth:!0})]});function ie(){var C;const[e,t]=I(),[n,s]=I();S(()=>{T.on("checkout/estimate-shipping-address",({address:x,isValid:g})=>{t({address:x,isValid:g})})},[]),S(()=>{s(v.value)},[v.value]),S(()=>{M.value.pending?s(void 0):s(v.value)},[M.value.pending]);const{country_id:p,region_id:a,region:c,postcode:o}=(e==null?void 0:e.address)||{},f=!!e,r=W.value.data,k=!!((C=r==null?void 0:r.shippingAddresses)!=null&&C[0]),l=e==null?void 0:e.isValid;S(()=>{k||l||!n||!f||T.emit("shipping/estimate",{address:U({country_id:p,region_id:a,region:c,postcode:o}),shippingMethod:ee(n)})},[n,p,a,c,o,f,k,l])}const H=(e,t)=>e.code===t.code&&e.carrier.code===t.carrier.code;function re({onCheckoutDataUpdate:e,preSelectedMethod:t,onShippingMethodSelect:n}){const p=!V.value.data,a=W.value.data,c=W.value.pending,o=M.value.data,f=M.value.pending,r=v.value,k=a==null?void 0:a.shippingAddresses,l=k==null?void 0:k[0],C=!!l,x=l==null?void 0:l.availableShippingMethods,g=l==null?void 0:l.selectedShippingMethod,d=x||o,y=K(h=>{if(!C)return;const E={method_code:h.code,carrier_code:h.carrier.code};A([E]).then(()=>{e==null||e()}).catch(b=>{console.error("setting shipping methods on cart failed:",b)})},[C,e]),R=h=>{v.value=h,n==null||n(h)},m=Q(()=>{if(!(d!=null&&d.length))return;const h=d[0],E=r||g;return E?d.some(w=>H(w,E))?E:h:d.find(N=>N.carrier.code===(t==null?void 0:t.carrierCode)&&N.code===(t==null?void 0:t.methodCode))||h},[r,g,d,t]);return X(()=>{m&&((!r||!H(m,r))&&(v.value=m,n==null||n(m)),(!g||!H(m,g))&&y(m))},[m,r,g,y,n]),{isLoading:c||p||f,options:d,selection:m,onSelectionChange:R}}const B=({preSelectedMethod:e,onCheckoutDataUpdate:t,shippingMethodsSlot:n,onShippingMethodSelect:s,initialData:p,...a})=>{const{isLoading:c,options:o,selection:f,onSelectionChange:r}=re({preSelectedMethod:e,onCheckoutDataUpdate:t,onShippingMethodSelect:s});return ie(),L(z,{children:[i(ne,{...a,isLoading:c,onSelectionChange:r,options:o,selection:f}),!c&&n&&i(G,{name:"ShippingMethods",slot:n})]})};B.displayName="ShippingMethodsContainer";const Me=D(B);export{Me as ShippingMethods,Me as default};

package/containers/index.d.ts

@@ -0,0 +1,27 @@
+/********************************************************************
+ * 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 * from './ErrorBanner';
+export * from './EstimateShipping';
+export * from './LoginForm';
+export * from './MergedCartBanner';
+export * from './OutOfStock';
+export * from './PaymentMethods';
+export * from './PlaceOrder';
+export * from './ServerError';
+export * from './ShippingMethods';
+//# sourceMappingURL=index.d.ts.map