@dropins/tools 1.3.1-alpha02 → 1.4.0-alpha1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,15 @@
1
+ /*! Copyright 2025 Adobe
2
+ All Rights Reserved. */
3
+ var me=Object.defineProperty;var be=(e,t,r)=>t in e?me(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var re=(e,t,r)=>be(e,typeof t!="symbol"?t+"":t,r);import{g as xe}from"./image-params-keymap.js";import{jsx as $}from"../preact-jsx-runtime.js";import{l as g,_ as pe,k as T,G as we,B as ne}from"./icons/Add.js";import{signal as ie}from"../signals.js";const Oe=e=>e.reduce((r,i)=>{if(!i)return r;if(typeof i=="string"&&(r+=` ${i}`),Array.isArray(i)){const[u,_]=i;u&&_&&(r+=` ${u}`)}return r},"").trim(),se={medium:768,large:1024,xlarge:1366,xxlarge:1920},je=(e,t)=>{const[r,i]=e.split("?"),u=new URLSearchParams(i),_=xe(),v=_&&Object.keys(_)||[];let c={},m={..._};return(v==null?void 0:v.length)>0&&t?c=Object.entries(t).reduce((p,[y,o])=>{const a=_[y];if(typeof a=="string")p[a]=o;else if(typeof a=="function"){const[w,x]=a(o);p[w]=x}return delete m[y],p},{}):c={auto:"webp",quality:80,crop:!1,fit:"cover",...t},Object.entries(m).forEach(([,p])=>{if(typeof p=="function"){const[y,o]=p(void 0);c[y]=o}}),Object.entries(c).forEach(([p,y])=>{y!=null&&u.set(p,String(y))}),`${r}?${u.toString()}`},Te=(e,t)=>{if(!e||!(t!=null&&t.width))return;const r=i=>je(e,{...i});return Object.entries(se).map(([,i])=>{const u=t.width*i/se.xxlarge;return`${r({...t,width:u})} ${i}w`}).join(`,
4
+ `)};var Ae=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|^--/i,_e=/^(area|base|br|col|embed|hr|img|input|link|meta|param|source|track|wbr)$/,W=/[\s\n\\/='"\0<>]/,ve=/^xlink:?./,Se=/["&<]/;function E(e){if(Se.test(e+="")===!1)return e;for(var t=0,r=0,i="",u="";r<e.length;r++){switch(e.charCodeAt(r)){case 34:u="&quot;";break;case 38:u="&amp;";break;case 60:u="&lt;";break;default:continue}r!==t&&(i+=e.slice(t,r)),i+=u,t=r+1}return r!==t&&(i+=e.slice(t,r)),i}var ae=function(e,t){return String(e).replace(/(\n+)/g,"$1"+(t||" "))},oe=function(e,t,r){return String(e).length>40||String(e).indexOf(`
5
+ `)!==-1||String(e).indexOf("<")!==-1},le={},$e=/([A-Z])/g;function ge(e){var t="";for(var r in e){var i=e[r];i!=null&&i!==""&&(t&&(t+=" "),t+=r[0]=="-"?r:le[r]||(le[r]=r.replace($e,"-$1").toLowerCase()),t=typeof i=="number"&&Ae.test(r)===!1?t+": "+i+"px;":t+": "+i+";")}return t||void 0}function I(e,t){return Array.isArray(t)?t.reduce(I,e):t!=null&&t!==!1&&e.push(t),e}function fe(){this.__d=!0}function he(e,t){return{__v:e,context:t,props:e.props,setState:fe,forceUpdate:fe,__d:!0,__h:[]}}function K(e,t){var r=e.contextType,i=r&&t[r.__c];return r!=null?i?i.props.value:r.__:t}var Q=[];function F(e,t,r,i,u,_){if(e==null||typeof e=="boolean")return"";if(typeof e!="object")return typeof e=="function"?"":E(e);var v=r.pretty,c=v&&typeof v=="string"?v:" ";if(Array.isArray(e)){for(var m="",p=0;p<e.length;p++)v&&p>0&&(m+=`
6
+ `),m+=F(e[p],t,r,i,u,_);return m}if(e.constructor!==void 0)return"";var y,o=e.type,a=e.props,w=!1;if(typeof o=="function"){if(w=!0,!r.shallow||!i&&r.renderRootComponent!==!1){if(o===T){var x=[];return I(x,e.props.children),F(x,t,r,r.shallowHighOrder!==!1,u,_)}var h,n=e.__c=he(e,t);g.__b&&g.__b(e);var M=g.__r;if(o.prototype&&typeof o.prototype.render=="function"){var k=K(o,t);(n=e.__c=new o(a,k)).__v=e,n._dirty=n.__d=!0,n.props=a,n.state==null&&(n.state={}),n._nextState==null&&n.__s==null&&(n._nextState=n.__s=n.state),n.context=k,o.getDerivedStateFromProps?n.state=Object.assign({},n.state,o.getDerivedStateFromProps(n.props,n.state)):n.componentWillMount&&(n.componentWillMount(),n.state=n._nextState!==n.state?n._nextState:n.__s!==n.state?n.__s:n.state),M&&M(e),h=n.render(n.props,n.state,n.context)}else for(var N=K(o,t),P=0;n.__d&&P++<25;)n.__d=!1,M&&M(e),h=o.call(e.__c,a,N);return n.getChildContext&&(t=Object.assign({},t,n.getChildContext())),g.diffed&&g.diffed(e),F(h,t,r,r.shallowHighOrder!==!1,u,_)}o=(y=o).displayName||y!==Function&&y.name||function(X){var J=(Function.prototype.toString.call(X).match(/^\s*function\s+([^( ]+)/)||"")[1];if(!J){for(var z=-1,Y=Q.length;Y--;)if(Q[Y]===X){z=Y;break}z<0&&(z=Q.push(X)-1),J="UnnamedComponent"+z}return J}(y)}var j,O,d="<"+o;if(a){var b=Object.keys(a);r&&r.sortAttributes===!0&&b.sort();for(var C=0;C<b.length;C++){var s=b[C],f=a[s];if(s!=="children"){if(!W.test(s)&&(r&&r.allAttributes||s!=="key"&&s!=="ref"&&s!=="__self"&&s!=="__source")){if(s==="defaultValue")s="value";else if(s==="defaultChecked")s="checked";else if(s==="defaultSelected")s="selected";else if(s==="className"){if(a.class!==void 0)continue;s="class"}else u&&ve.test(s)&&(s=s.toLowerCase().replace(/^xlink:?/,"xlink:"));if(s==="htmlFor"){if(a.for)continue;s="for"}s==="style"&&f&&typeof f=="object"&&(f=ge(f)),s[0]==="a"&&s[1]==="r"&&typeof f=="boolean"&&(f=String(f));var l=r.attributeHook&&r.attributeHook(s,f,t,r,w);if(l||l==="")d+=l;else if(s==="dangerouslySetInnerHTML")O=f&&f.__html;else if(o==="textarea"&&s==="value")j=f;else if((f||f===0||f==="")&&typeof f!="function"){if(!(f!==!0&&f!==""||(f=s,r&&r.xml))){d=d+" "+s;continue}if(s==="value"){if(o==="select"){_=f;continue}o==="option"&&_==f&&a.selected===void 0&&(d+=" selected")}d=d+" "+s+'="'+E(f)+'"'}}}else j=f}}if(v){var A=d.replace(/\n\s*/," ");A===d||~A.indexOf(`
7
+ `)?v&&~d.indexOf(`
8
+ `)&&(d+=`
9
+ `):d=A}if(d+=">",W.test(o))throw new Error(o+" is not a valid HTML tag name in "+d);var D,ye=_e.test(o)||r.voidElements&&r.voidElements.test(o),S=[];if(O)v&&oe(O)&&(O=`
10
+ `+c+ae(O,c)),d+=O;else if(j!=null&&I(D=[],j).length){for(var U=v&&~d.indexOf(`
11
+ `),ee=!1,Z=0;Z<D.length;Z++){var B=D[Z];if(B!=null&&B!==!1){var L=F(B,t,r,!0,o==="svg"||o!=="foreignObject"&&u,_);if(v&&!U&&oe(L)&&(U=!0),L)if(v){var te=L.length>0&&L[0]!="<";ee&&te?S[S.length-1]+=L:S.push(L),ee=te}else S.push(L)}}if(v&&U)for(var G=S.length;G--;)S[G]=`
12
+ `+c+ae(S[G],c)}if(S.length||O)d+=S.join("");else if(r&&r.xml)return d.substring(0,d.length-1)+" />";return!ye||D||O?(v&&~d.indexOf(`
13
+ `)&&(d+=`
14
+ `),d=d+"</"+o+">"):d=d.replace(/>$/," />"),d}var ke={shallow:!0};V.render=V;var Ce=function(e,t){return V(e,t,ke)},ue=[];function V(e,t,r){t=t||{};var i=g.__s;g.__s=!0;var u,_=pe(T,null);return _.__k=[e],u=r&&(r.pretty||r.voidElements||r.sortAttributes||r.shallow||r.allAttributes||r.xml||r.attributeHook)?F(e,t,r):q(e,t,!1,void 0,_),g.__c&&g.__c(e,ue),g.__s=i,ue.length=0,u}function R(e){return e==null||typeof e=="boolean"?null:typeof e=="string"||typeof e=="number"||typeof e=="bigint"?pe(null,null,e):e}function Ne(e,t){return e==="className"?"class":e==="htmlFor"?"for":e==="defaultValue"?"value":e==="defaultChecked"?"checked":e==="defaultSelected"?"selected":t&&ve.test(e)?e.toLowerCase().replace(/^xlink:?/,"xlink:"):e}function Le(e,t){return e==="style"&&t!=null&&typeof t=="object"?ge(t):e[0]==="a"&&e[1]==="r"&&typeof t=="boolean"?String(t):t}var ce=Array.isArray,de=Object.assign;function q(e,t,r,i,u){if(e==null||e===!0||e===!1||e==="")return"";if(typeof e!="object")return typeof e=="function"?"":E(e);if(ce(e)){var _="";u.__k=e;for(var v=0;v<e.length;v++)_+=q(e[v],t,r,i,u),e[v]=R(e[v]);return _}if(e.constructor!==void 0)return"";e.__=u,g.__b&&g.__b(e);var c=e.type,m=e.props;if(typeof c=="function"){var p;if(c===T)p=m.children;else{p=c.prototype&&typeof c.prototype.render=="function"?function(b,C){var s=b.type,f=K(s,C),l=new s(b.props,f);b.__c=l,l.__v=b,l.__d=!0,l.props=b.props,l.state==null&&(l.state={}),l.__s==null&&(l.__s=l.state),l.context=f,s.getDerivedStateFromProps?l.state=de({},l.state,s.getDerivedStateFromProps(l.props,l.state)):l.componentWillMount&&(l.componentWillMount(),l.state=l.__s!==l.state?l.__s:l.state);var A=g.__r;return A&&A(b),l.render(l.props,l.state,l.context)}(e,t):function(b,C){var s,f=he(b,C),l=K(b.type,C);b.__c=f;for(var A=g.__r,D=0;f.__d&&D++<25;)f.__d=!1,A&&A(b),s=b.type.call(f,b.props,l);return s}(e,t);var y=e.__c;y.getChildContext&&(t=de({},t,y.getChildContext()))}var o=q(p=p!=null&&p.type===T&&p.key==null?p.props.children:p,t,r,i,e);return g.diffed&&g.diffed(e),e.__=void 0,g.unmount&&g.unmount(e),o}var a,w,x="<";if(x+=c,m)for(var h in a=m.children,m){var n=m[h];if(!(h==="key"||h==="ref"||h==="__self"||h==="__source"||h==="children"||h==="className"&&"class"in m||h==="htmlFor"&&"for"in m||W.test(h))){if(n=Le(h=Ne(h,r),n),h==="dangerouslySetInnerHTML")w=n&&n.__html;else if(c==="textarea"&&h==="value")a=n;else if((n||n===0||n==="")&&typeof n!="function"){if(n===!0||n===""){n=h,x=x+" "+h;continue}if(h==="value"){if(c==="select"){i=n;continue}c!=="option"||i!=n||"selected"in m||(x+=" selected")}x=x+" "+h+'="'+E(n)+'"'}}}var M=x;if(x+=">",W.test(c))throw new Error(c+" is not a valid HTML tag name in "+x);var k="",N=!1;if(w)k+=w,N=!0;else if(typeof a=="string")k+=E(a),N=!0;else if(ce(a)){e.__k=a;for(var P=0;P<a.length;P++){var j=a[P];if(a[P]=R(j),j!=null&&j!==!1){var O=q(j,t,c==="svg"||c!=="foreignObject"&&r,i,e);O&&(k+=O,N=!0)}}}else if(a!=null&&a!==!1&&a!==!0){e.__k=[R(a)];var d=q(a,t,c==="svg"||c!=="foreignObject"&&r,i,e);d&&(k+=d,N=!0)}if(g.diffed&&g.diffed(e),e.__=void 0,g.unmount&&g.unmount(e),N)x+=k;else if(_e.test(c))return M+" />";return x+"</"+c+">"}V.shallowRender=Ce;const Me=we(null);class Ve{constructor(t){re(this,"_provider");this._provider=t}render(t,r){return async i=>{var o;if(!t)throw new Error("Component is not defined");if(!i)throw new Error("Root element is not defined");const u=await((o=t.getInitialData)==null?void 0:o.call(t,r))??{},_=ie({...r}),v=ie(new Set),c=this._provider,m=({next:a})=>$(Me.Provider,{value:v,children:$(H,{node:c,...c.props,children:$(t,{...a.value,initialData:u})})});i.innerHTML="";const p=document.createElement("div");i.classList.add("dropin-design"),ne($(m,{next:_}),p);const y={remove:()=>{ne(null,p)},setProps:a=>{const w=a(_.peek());_.value=w}};return new Promise(a=>{v.subscribe(w=>{if(w.size===0)return i.classList.add("dropin-design"),i.appendChild(p.firstChild??p),a(y)})})}}unmount(t){var r;if(!t)throw new Error("Root element is not defined");(r=t.firstChild)==null||r.remove()}async toString(t,r,i){var _;if(!t)throw new Error("Component is not defined");const u=await((_=t.getInitialData)==null?void 0:_.call(t,r))??{};return V($(H,{node:this._provider,...this._provider.props,children:$(t,{...r,initialData:u})}),{},{...i})}}function H({node:e,...t}){return e?Array.isArray(e)?$(T,{children:e.map((r,i)=>$(H,{node:r,className:t.className,...t},i))}):(t.className=Oe([e.props.className,t.className]),$(e.type,{ref:e.ref,...e.props,...t},e.key)):null}export{Ve as R,Me as S,H as V,Oe as c,Te as g};
15
+ //# sourceMappingURL=vcomponent.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"vcomponent.js","sources":["/@dropins/tools/src/lib/classes.ts","/@dropins/tools/src/lib/resolve-image.ts","../../../../node_modules/preact-render-to-string/dist/index.mjs","/@dropins/tools/src/lib/render.tsx","/@dropins/tools/src/lib/vcomponent.tsx"],"sourcesContent":["/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\n// @ts-ignore\nimport { JSXInternal } from 'preact/src/jsx';\n\ntype ClassName = string | JSXInternal.SignalLike<string | undefined>;\n\nexport const classes = (\n classes: Array<ClassName | [ClassName, boolean] | undefined>\n) => {\n const result = classes.reduce((result, item) => {\n if (!item) return result;\n\n if (typeof item === 'string') result += ` ${item}`;\n\n if (Array.isArray(item)) {\n const [className, isActive] = item;\n if (className && isActive) {\n result += ` ${className}`;\n }\n }\n\n return result;\n }, '') as string;\n\n return result.trim();\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { getImageParamsKeyMap } from '@adobe-commerce/elsie/lib/';\n\nconst BREAKPOINTS = {\n medium: 768,\n large: 1024,\n xlarge: 1366,\n xxlarge: 1920,\n};\n\nexport interface ResolveImageUrlOptions {\n width: number;\n height?: number;\n auto?: string;\n quality?: number;\n crop?: boolean;\n fit?: string;\n}\n\nconst resolveImageUrl = (url: string, _opts?: ResolveImageUrlOptions) => {\n const [base, query] = url.split('?');\n const params = new URLSearchParams(query);\n\n const keyMapping = getImageParamsKeyMap();\n const keyMappingKeys = (keyMapping && Object.keys(keyMapping)) || [];\n\n let opts: any = {};\n let unusedMapping = { ...keyMapping };\n\n if (keyMappingKeys?.length > 0 && _opts) {\n opts = Object.entries(_opts).reduce((acc, [key, value]) => {\n const newKey = keyMapping![key];\n if (typeof newKey === 'string') {\n acc[newKey] = value;\n } else if (typeof newKey === 'function') {\n const [newKeyString, newValue] = newKey(value);\n acc[newKeyString] = newValue;\n }\n delete unusedMapping![key];\n return acc;\n }, {} as { [key: string]: any });\n } else {\n opts = {\n auto: 'webp',\n quality: 80,\n crop: false,\n fit: 'cover',\n ..._opts,\n };\n }\n\n // Set unused mapping as default params\n Object.entries(unusedMapping).forEach(([, value]) => {\n if (typeof value === 'function') {\n const [newKeyString, newValue] = value(undefined);\n opts[newKeyString] = newValue;\n }\n });\n\n // Append image optimization parameters\n Object.entries(opts).forEach(([key, value]) => {\n if (value !== undefined && value !== null) {\n params.set(key, String(value));\n }\n });\n\n return `${base}?${params.toString()}`;\n};\n\nexport const generateSrcset = (\n imageURL: string,\n options: ResolveImageUrlOptions\n) => {\n if (!imageURL || !options?.width) return;\n\n const generateSrcsetUrl = (options: ResolveImageUrlOptions) => {\n return resolveImageUrl(imageURL, {\n ...options,\n });\n };\n\n return Object.entries(BREAKPOINTS)\n .map(([, value]) => {\n // calculate breakpoints width\n const relativeWidth = (options.width * value) / BREAKPOINTS.xxlarge;\n\n return `${generateSrcsetUrl({\n ...options,\n width: relativeWidth,\n })} ${value}w`;\n })\n .join(',\\n');\n};\n","import{Fragment as e,options as t,h as r}from\"preact\";var n=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|^--/i,o=/^(area|base|br|col|embed|hr|img|input|link|meta|param|source|track|wbr)$/,i=/[\\s\\n\\\\/='\"\\0<>]/,l=/^xlink:?./,a=/[\"&<]/;function s(e){if(!1===a.test(e+=\"\"))return e;for(var t=0,r=0,n=\"\",o=\"\";r<e.length;r++){switch(e.charCodeAt(r)){case 34:o=\"&quot;\";break;case 38:o=\"&amp;\";break;case 60:o=\"&lt;\";break;default:continue}r!==t&&(n+=e.slice(t,r)),n+=o,t=r+1}return r!==t&&(n+=e.slice(t,r)),n}var f=function(e,t){return String(e).replace(/(\\n+)/g,\"$1\"+(t||\"\\t\"))},u=function(e,t,r){return String(e).length>(t||40)||!r&&-1!==String(e).indexOf(\"\\n\")||-1!==String(e).indexOf(\"<\")},c={},_=/([A-Z])/g;function p(e){var t=\"\";for(var r in e){var o=e[r];null!=o&&\"\"!==o&&(t&&(t+=\" \"),t+=\"-\"==r[0]?r:c[r]||(c[r]=r.replace(_,\"-$1\").toLowerCase()),t=\"number\"==typeof o&&!1===n.test(r)?t+\": \"+o+\"px;\":t+\": \"+o+\";\")}return t||void 0}function d(e,t){return Array.isArray(t)?t.reduce(d,e):null!=t&&!1!==t&&e.push(t),e}function v(){this.__d=!0}function h(e,t){return{__v:e,context:t,props:e.props,setState:v,forceUpdate:v,__d:!0,__h:[]}}function g(e,t){var r=e.contextType,n=r&&t[r.__c];return null!=r?n?n.props.value:r.__:t}var y=[];function m(r,n,a,c,_,v){if(null==r||\"boolean\"==typeof r)return\"\";if(\"object\"!=typeof r)return\"function\"==typeof r?\"\":s(r);var b=a.pretty,x=b&&\"string\"==typeof b?b:\"\\t\";if(Array.isArray(r)){for(var k=\"\",S=0;S<r.length;S++)b&&S>0&&(k+=\"\\n\"),k+=m(r[S],n,a,c,_,v);return k}if(void 0!==r.constructor)return\"\";var w,C=r.type,O=r.props,j=!1;if(\"function\"==typeof C){if(j=!0,!a.shallow||!c&&!1!==a.renderRootComponent){if(C===e){var A=[];return d(A,r.props.children),m(A,n,a,!1!==a.shallowHighOrder,_,v)}var F,H=r.__c=h(r,n);t.__b&&t.__b(r);var M=t.__r;if(C.prototype&&\"function\"==typeof C.prototype.render){var L=g(C,n);(H=r.__c=new C(O,L)).__v=r,H._dirty=H.__d=!0,H.props=O,null==H.state&&(H.state={}),null==H._nextState&&null==H.__s&&(H._nextState=H.__s=H.state),H.context=L,C.getDerivedStateFromProps?H.state=Object.assign({},H.state,C.getDerivedStateFromProps(H.props,H.state)):H.componentWillMount&&(H.componentWillMount(),H.state=H._nextState!==H.state?H._nextState:H.__s!==H.state?H.__s:H.state),M&&M(r),F=H.render(H.props,H.state,H.context)}else for(var T=g(C,n),E=0;H.__d&&E++<25;)H.__d=!1,M&&M(r),F=C.call(r.__c,O,T);return H.getChildContext&&(n=Object.assign({},n,H.getChildContext())),t.diffed&&t.diffed(r),m(F,n,a,!1!==a.shallowHighOrder,_,v)}C=(w=C).displayName||w!==Function&&w.name||function(e){var t=(Function.prototype.toString.call(e).match(/^\\s*function\\s+([^( ]+)/)||\"\")[1];if(!t){for(var r=-1,n=y.length;n--;)if(y[n]===e){r=n;break}r<0&&(r=y.push(e)-1),t=\"UnnamedComponent\"+r}return t}(w)}var $,D,N=\"<\"+C;if(O){var P=Object.keys(O);a&&!0===a.sortAttributes&&P.sort();for(var W=0;W<P.length;W++){var I=P[W],R=O[I];if(\"children\"!==I){if(!i.test(I)&&(a&&a.allAttributes||\"key\"!==I&&\"ref\"!==I&&\"__self\"!==I&&\"__source\"!==I)){if(\"defaultValue\"===I)I=\"value\";else if(\"defaultChecked\"===I)I=\"checked\";else if(\"defaultSelected\"===I)I=\"selected\";else if(\"className\"===I){if(void 0!==O.class)continue;I=\"class\"}else _&&l.test(I)&&(I=I.toLowerCase().replace(/^xlink:?/,\"xlink:\"));if(\"htmlFor\"===I){if(O.for)continue;I=\"for\"}\"style\"===I&&R&&\"object\"==typeof R&&(R=p(R)),\"a\"===I[0]&&\"r\"===I[1]&&\"boolean\"==typeof R&&(R=String(R));var U=a.attributeHook&&a.attributeHook(I,R,n,a,j);if(U||\"\"===U)N+=U;else if(\"dangerouslySetInnerHTML\"===I)D=R&&R.__html;else if(\"textarea\"===C&&\"value\"===I)$=R;else if((R||0===R||\"\"===R)&&\"function\"!=typeof R){if(!(!0!==R&&\"\"!==R||(R=I,a&&a.xml))){N=N+\" \"+I;continue}if(\"value\"===I){if(\"select\"===C){v=R;continue}\"option\"===C&&v==R&&void 0===O.selected&&(N+=\" selected\")}N=N+\" \"+I+'=\"'+s(R)+'\"'}}}else $=R}}if(b){var V=N.replace(/\\n\\s*/,\" \");V===N||~V.indexOf(\"\\n\")?b&&~N.indexOf(\"\\n\")&&(N+=\"\\n\"):N=V}if(N+=\">\",i.test(C))throw new Error(C+\" is not a valid HTML tag name in \"+N);var q,z=o.test(C)||a.voidElements&&a.voidElements.test(C),Z=[];if(D)b&&u(D)&&(D=\"\\n\"+x+f(D,x)),N+=D;else if(null!=$&&d(q=[],$).length){for(var B=b&&~N.indexOf(\"\\n\"),G=!1,J=0;J<q.length;J++){var K=q[J];if(null!=K&&!1!==K){var Q=m(K,n,a,!0,\"svg\"===C||\"foreignObject\"!==C&&_,v);if(b&&!B&&u(Q)&&(B=!0),Q)if(b){var X=Q.length>0&&\"<\"!=Q[0];G&&X?Z[Z.length-1]+=Q:Z.push(Q),G=X}else Z.push(Q)}}if(b&&B)for(var Y=Z.length;Y--;)Z[Y]=\"\\n\"+x+f(Z[Y],x)}if(Z.length||D)N+=Z.join(\"\");else if(a&&a.xml)return N.substring(0,N.length-1)+\" />\";return!z||q||D?(b&&~N.indexOf(\"\\n\")&&(N+=\"\\n\"),N=N+\"</\"+C+\">\"):N=N.replace(/>$/,\" />\"),N}var b={shallow:!0};S.render=S;var x=function(e,t){return S(e,t,b)},k=[];function S(n,o,i){o=o||{};var l=t.__s;t.__s=!0;var a,s=r(e,null);return s.__k=[n],a=i&&(i.pretty||i.voidElements||i.sortAttributes||i.shallow||i.allAttributes||i.xml||i.attributeHook)?m(n,o,i):F(n,o,!1,void 0,s),t.__c&&t.__c(n,k),t.__s=l,k.length=0,a}function w(e){return null==e||\"boolean\"==typeof e?null:\"string\"==typeof e||\"number\"==typeof e||\"bigint\"==typeof e?r(null,null,e):e}function C(e,t){return\"className\"===e?\"class\":\"htmlFor\"===e?\"for\":\"defaultValue\"===e?\"value\":\"defaultChecked\"===e?\"checked\":\"defaultSelected\"===e?\"selected\":t&&l.test(e)?e.toLowerCase().replace(/^xlink:?/,\"xlink:\"):e}function O(e,t){return\"style\"===e&&null!=t&&\"object\"==typeof t?p(t):\"a\"===e[0]&&\"r\"===e[1]&&\"boolean\"==typeof t?String(t):t}var j=Array.isArray,A=Object.assign;function F(r,n,l,a,f){if(null==r||!0===r||!1===r||\"\"===r)return\"\";if(\"object\"!=typeof r)return\"function\"==typeof r?\"\":s(r);if(j(r)){var u=\"\";f.__k=r;for(var c=0;c<r.length;c++)u+=F(r[c],n,l,a,f),r[c]=w(r[c]);return u}if(void 0!==r.constructor)return\"\";r.__=f,t.__b&&t.__b(r);var _=r.type,p=r.props;if(\"function\"==typeof _){var d;if(_===e)d=p.children;else{d=_.prototype&&\"function\"==typeof _.prototype.render?function(e,r){var n=e.type,o=g(n,r),i=new n(e.props,o);e.__c=i,i.__v=e,i.__d=!0,i.props=e.props,null==i.state&&(i.state={}),null==i.__s&&(i.__s=i.state),i.context=o,n.getDerivedStateFromProps?i.state=A({},i.state,n.getDerivedStateFromProps(i.props,i.state)):i.componentWillMount&&(i.componentWillMount(),i.state=i.__s!==i.state?i.__s:i.state);var l=t.__r;return l&&l(e),i.render(i.props,i.state,i.context)}(r,n):function(e,r){var n,o=h(e,r),i=g(e.type,r);e.__c=o;for(var l=t.__r,a=0;o.__d&&a++<25;)o.__d=!1,l&&l(e),n=e.type.call(o,e.props,i);return n}(r,n);var v=r.__c;v.getChildContext&&(n=A({},n,v.getChildContext()))}var y=F(d=null!=d&&d.type===e&&null==d.key?d.props.children:d,n,l,a,r);return t.diffed&&t.diffed(r),r.__=void 0,t.unmount&&t.unmount(r),y}var m,b,x=\"<\";if(x+=_,p)for(var k in m=p.children,p){var S=p[k];if(!(\"key\"===k||\"ref\"===k||\"__self\"===k||\"__source\"===k||\"children\"===k||\"className\"===k&&\"class\"in p||\"htmlFor\"===k&&\"for\"in p||i.test(k)))if(S=O(k=C(k,l),S),\"dangerouslySetInnerHTML\"===k)b=S&&S.__html;else if(\"textarea\"===_&&\"value\"===k)m=S;else if((S||0===S||\"\"===S)&&\"function\"!=typeof S){if(!0===S||\"\"===S){S=k,x=x+\" \"+k;continue}if(\"value\"===k){if(\"select\"===_){a=S;continue}\"option\"!==_||a!=S||\"selected\"in p||(x+=\" selected\")}x=x+\" \"+k+'=\"'+s(S)+'\"'}}var H=x;if(x+=\">\",i.test(_))throw new Error(_+\" is not a valid HTML tag name in \"+x);var M=\"\",L=!1;if(b)M+=b,L=!0;else if(\"string\"==typeof m)M+=s(m),L=!0;else if(j(m)){r.__k=m;for(var T=0;T<m.length;T++){var E=m[T];if(m[T]=w(E),null!=E&&!1!==E){var $=F(E,n,\"svg\"===_||\"foreignObject\"!==_&&l,a,r);$&&(M+=$,L=!0)}}}else if(null!=m&&!1!==m&&!0!==m){r.__k=[w(m)];var D=F(m,n,\"svg\"===_||\"foreignObject\"!==_&&l,a,r);D&&(M+=D,L=!0)}if(t.diffed&&t.diffed(r),r.__=void 0,t.unmount&&t.unmount(r),L)x+=M;else if(o.test(_))return H+\" />\";return x+\"</\"+_+\">\"}S.shallowRender=x;export default S;export{S as render,S as renderToStaticMarkup,S as renderToString,x as shallowRender};\n//# sourceMappingURL=index.module.js.map\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { render, VNode, createContext } from 'preact';\nimport renderToString from 'preact-render-to-string';\nimport { Container, VComponent } from '@adobe-commerce/elsie/lib';\nimport { Signal, signal } from '@adobe-commerce/elsie/lib/signals';\n\nexport const SlotQueueContext = createContext<Signal<Set<string>> | null>(null);\n\ntype RenderAPI = {\n remove: () => void;\n setProps: (cb: (prev: any) => any) => void;\n};\n\n/**\n * The `Render` class provides methods to render and unmount components, as well as to render components to a string.\n * @class\n *\n * @property {Function} render - Renders a component to a root element.\n * @property {Function} toString - Renders a component to a string.\n */\nexport class Render {\n private _provider: VNode<any>;\n\n constructor(provider: VNode<any>) {\n this._provider = provider;\n }\n\n /**\n * Renders a container to a root element.\n * @param Container - The container to render.\n * @param props - The container parameters.\n * @returns A function to render the component to a root element.\n */\n render<T>(Component: Container<T>, props: T) {\n /**\n * Renders a component to a root element.\n * @param rootElement - The root element to render the component to.\n * @returns A promise that resolves to an object with methods to control the rendered component.\n */\n return async (rootElement: HTMLElement): Promise<RenderAPI> => {\n if (!Component) throw new Error('Component is not defined');\n if (!rootElement) throw new Error('Root element is not defined');\n\n const initialData = (await Component.getInitialData?.(props)) ?? {};\n\n const state = signal<T>({ ...props });\n\n const queue = signal<Set<string>>(new Set());\n\n const provider = this._provider;\n\n const Root = ({ next }: { next: Signal<T> }) => {\n return (\n <SlotQueueContext.Provider value={queue}>\n <VComponent node={provider} {...provider.props}>\n <Component {...next.value} initialData={initialData} />\n </VComponent>\n </SlotQueueContext.Provider>\n );\n };\n\n // clear the root element\n rootElement.innerHTML = '';\n\n // clone the root element to initialize rendering on the background\n const tmp = document.createElement('div');\n\n // apply base design tokens and global styles to the root element\n rootElement.classList.add('dropin-design');\n\n render(<Root next={state} />, tmp);\n\n // API object to control the rendered component\n const API: RenderAPI = {\n remove: () => {\n render(null, tmp);\n },\n setProps: (cb: (prev: T) => T) => {\n const next = cb(state.peek());\n state.value = next;\n },\n };\n\n // wait for all slots to be resolved\n return new Promise((resolve) => {\n queue.subscribe((pending) => {\n if (pending.size === 0) {\n // apply base design tokens and global styles to the root element\n rootElement.classList.add('dropin-design');\n\n // append the rendered component to the DOM only when all slots are resolved\n rootElement.appendChild(tmp.firstChild ?? tmp);\n\n return resolve(API);\n }\n });\n });\n };\n }\n\n /**\n * UnRenders a component from a root element.\n * @param rootElement - The root element to unmount the component from.\n * @deprecated Use `remove` method from the returned object of the `mount` method instead.\n */\n unmount(rootElement: HTMLElement) {\n if (!rootElement) throw new Error('Root element is not defined');\n rootElement.firstChild?.remove();\n }\n\n /**\n * Renders a component to a string.\n * @param Component - The component to render.\n * @param props - The component props.\n * @param options - Optional rendering options.\n */\n async toString<T>(Component: Container<T>, props: T, options?: T) {\n if (!Component) throw new Error('Component is not defined');\n\n const initialData = (await Component.getInitialData?.(props)) ?? {};\n\n return renderToString(\n <VComponent node={this._provider} {...this._provider.props}>\n <Component {...props} initialData={initialData} />\n </VComponent>,\n {},\n { ...options }\n );\n }\n}\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { VNode, ComponentChildren } from 'preact';\nimport { classes } from '.';\n\nexport type VComponentProps = {\n node: VNode | VNode[];\n children?: ComponentChildren;\n [key: string]: any; // allow other unspecified props to be passed without any TS warning\n};\n\nexport function VComponent({ node, ...props }: VComponentProps) {\n if (!node) return null;\n\n if (Array.isArray(node)) {\n return (\n <>\n {node.map((n, key) => (\n <VComponent\n key={key}\n node={n}\n className={props.className}\n {...props}\n />\n ))}\n </>\n );\n }\n\n // @ts-ignore\n props.className = classes([node.props.className, props.className]);\n\n // @ts-ignore\n return <node.type ref={node.ref} key={node.key} {...node.props} {...props} />;\n}\n"],"names":["classes","result","item","className","isActive","BREAKPOINTS","resolveImageUrl","url","_opts","base","query","params","keyMapping","getImageParamsKeyMap","keyMappingKeys","opts","unusedMapping","acc","key","value","newKey","newKeyString","newValue","generateSrcset","imageURL","options","generateSrcsetUrl","relativeWidth","n","o","i","l","a","s","f","u","c","_","p","d","v","h","g","y","m","r","b","x","k","S","w","C","O","j","e","A","F","H","t","L","T","E","$","D","N","P","W","I","R","U","V","q","z","Z","B","G","J","K","Q","X","Y","M","SlotQueueContext","createContext","Render","provider","__publicField","Component","props","rootElement","initialData","_a","state","signal","queue","Root","next","jsx","VComponent","tmp","render","API","cb","resolve","pending","renderToString","node","Fragment"],"mappings":"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","x_google_ignoreList":[2]}
package/components.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /*! Copyright 2025 Adobe
2
2
  All Rights Reserved. */
3
- import{jsx as e}from"./preact-jsx-runtime.js";import{c as a,R as ve,d as le,V as k,a as te,g as ge,i as we}from"./chunks/deviceUtils.js";import{G as ke,T as M,k as q,F as g,L as ye,h as B,y as R,q as P,S as G,A as K,g as Ie,_ as xe,N as ce,E as De,x as Ee}from"./chunks/icons/Add.js";import{IntlProvider as $e,Localizer as re,Text as Z,useText as $}from"./i18n.js";import{d as J}from"./chunks/cjs.js";import z from"./chunks/icons/Minus.js";import Se from"./chunks/icons/CheckWithCircle.js";import Te from"./chunks/icons/WarningWithCircle.js";import Le from"./chunks/icons/Date.js";import Pe from"./chunks/icons/Locker.js";import Oe from"./chunks/icons/Eye.js";import Ce from"./chunks/icons/EyeClose.js";import pe from"./chunks/icons/Check.js";import U from"./chunks/icons/Close.js";import X from"./chunks/icons/ChevronDown.js";import Ae from"./chunks/icons/Trash.js";import"./chunks/image-params-keymap.js";import"./signals.js";const Ve={ExampleComponentName:{item:{label:"string"}},Pagination:{backwardButton:{ariaLabel:"Go to previous page"},forwardButton:{ariaLabel:"Go to next page"}},Incrementer:{decreaseLabel:"Decrease Quantity",increaseLabel:"Increase Quantity",label:"Quantity",errorMessage:"Enter a valid quantity",minQuantityMessage:"Enter at least {{minQuantity}}",maxQuantityMessage:"Maximum quantity is {{maxQuantity}}"},Modal:{Close:{label:"Close"}},InputPassword:{placeholder:"Password",floatingLabel:"Password",buttonShowTitle:"Click to show password",buttonHideTitle:"Click to hide password"},PasswordStatusIndicator:{chartTwoSymbols:"Use characters and numbers or symbols",chartThreeSymbols:"Use characters, numbers and symbols",chartFourSymbols:"Use uppercase characters, lowercase characters, numbers and symbols",messageLengthPassword:"At least {minLength} characters long"},InlineAlert:{dismissLabel:"Dismiss Alert"},PriceSummary:{subTotal:{label:"Subtotal",withTaxes:"Including taxes",withoutTaxes:"excluding taxes"},shipping:{label:"Shipping",editZipAction:"Apply",estimated:"Estimated Shipping",estimatedDestination:"Estimated Shipping to ",destinationLinkAriaLabel:"Change destination",zipPlaceholder:"Zip Code",withTaxes:"Including taxes",withoutTaxes:"excluding taxes",alternateField:{zip:"Estimate using country/zip",state:"Estimate using country/state"}},taxes:{total:"Tax Total",totalOnly:"Tax",breakdown:"Taxes",showBreakdown:"Show Tax Breakdown",hideBreakdown:"Hide Tax Breakdown",estimated:"Estimated Tax"},total:{estimated:"Estimated Total",label:"Total",withoutTax:"Total excluding taxes"}},ProgressSpinner:{updating:{label:"Item is updating"},updatingChildren:{label:"Items are updating"}},PriceRange:{from:{label:"From"},to:{label:"to"},asLowAs:{label:"As low as"}},Swatches:{outOfStock:{label:"out of stock swatch"},selected:{label:"swatch selected"},swatch:{label:"swatch"}},Accordion:{open:{label:"Open"},close:{label:"Close"}},CartItem:{each:{label:"each"},pricePerItem:{label:"price per item"},quantity:{label:"Quantity"},remove:{label:"Remove {product} from the cart"},removeDefault:{label:"Remove item from the cart"},taxIncluded:{label:"incl. VAT"},taxExcluded:{label:"excl. tax"},updating:{label:"{product} is updating"}},InputDate:{picker:"Select a date"}},ne={Dropin:Ve},ie={default:ne,en_US:ne},Re=i=>J(ie.default,ie[i]||{}),ae=1,V=({className:i,fullWidth:r=!1,lines:n=ae,size:t="small",variant:o="row",children:s=null,multilineGap:d="medium",...l})=>{const _=[[`dropin-skeleton-row__${o}`,o],[`dropin-skeleton-row__${o}-${t}`,o&&t]];if(!s&&o==="empty")return e("div",{className:a(["dropin-skeleton-row dropin-skeleton-row__empty",i])});if(s){const h=s.trim();return e("div",{...l,class:a(["dropin-skeleton-row",["dropin-skeleton-row--full",r],i]),dangerouslySetInnerHTML:{__html:h}})}return n>ae===!1?e("div",{...l,class:a(["dropin-skeleton-row",["dropin-skeleton-row--full",r],"dropin-skeleton--row__content",..._,i])}):e("div",{...l,style:{"--multiline-gap-spacing":`var(--spacing-${d})`},class:a(["dropin-skeleton-row--multiline",["dropin-skeleton-row--full",r],i]),children:Array.from({length:n}).map((h,c)=>e("div",{class:a(["dropin-skeleton-row",["dropin-skeleton-row--full",r],"dropin-skeleton--row__content",..._])},c))})},_e=({className:i,children:r,rowGap:n="medium",...t})=>e("div",{style:{"--row-gap-spacing":`var(--spacing-${n})`},...t,className:a(["dropin-skeleton",i]),role:"status","aria-label":"Loading...",children:r}),me=ke({locale:"en-US"}),Be=({lang:i="en_US",langDefinitions:r={},children:n})=>{const t=M(()=>{const s=J(r.default,r[i]??{});return J(Re(i),s)},[i,r]),o=i.replace("_","-");return e(me.Provider,{value:{locale:o},children:e($e,{definition:t,children:e(q,{children:n})})})},wt=new ve(e(Be,{})),Fe=function(){const r=typeof document<"u"&&document.createElement("link").relList;return r&&r.supports&&r.supports("modulepreload")?"modulepreload":"preload"}(),He=function(i){return"/"+i},oe={},w=function(r,n,t){let o=Promise.resolve();if(n&&n.length>0){document.getElementsByTagName("link");const d=document.querySelector("meta[property=csp-nonce]"),l=(d==null?void 0:d.nonce)||(d==null?void 0:d.getAttribute("nonce"));o=Promise.allSettled(n.map(_=>{if(_=He(_),_ in oe)return;oe[_]=!0;const m=_.endsWith(".css"),h=m?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${_}"]${h}`))return;const c=document.createElement("link");if(c.rel=m?"stylesheet":Fe,m||(c.as="script"),c.crossOrigin="",c.href=_,l&&c.setAttribute("nonce",l),document.head.appendChild(c),m)return new Promise((p,u)=>{c.addEventListener("load",p),c.addEventListener("error",()=>u(new Error(`Unable to preload CSS for ${_}`)))})}))}function s(d){const l=new Event("vite:preloadError",{cancelable:!0});if(l.payload=d,window.dispatchEvent(l),!l.defaultPrevented)throw d}return o.then(d=>{for(const l of d||[])l.status==="rejected"&&s(l.reason);return r().catch(s)})},qe={Add:g(()=>w(()=>import("./chunks/icons/Add.js").then(i=>i.$),[])),Bulk:g(()=>w(()=>import("./chunks/icons/Bulk.js"),[])),Burger:g(()=>w(()=>import("./chunks/icons/Burger.js"),[])),Cart:g(()=>w(()=>import("./chunks/icons/Cart.js"),[])),Check:g(()=>w(()=>import("./chunks/icons/Check.js"),[])),ChevronDown:g(()=>w(()=>import("./chunks/icons/ChevronDown.js"),[])),ChevronUp:g(()=>w(()=>import("./chunks/icons/ChevronUp.js"),[])),ChevronRight:g(()=>w(()=>import("./chunks/icons/ChevronRight.js"),[])),Close:g(()=>w(()=>import("./chunks/icons/Close.js"),[])),Heart:g(()=>w(()=>import("./chunks/icons/Heart.js"),[])),Minus:g(()=>w(()=>import("./chunks/icons/Minus.js"),[])),Placeholder:g(()=>w(()=>import("./chunks/icons/Placeholder.js"),[])),PlaceholderFilled:g(()=>w(()=>import("./chunks/icons/PlaceholderFilled.js"),[])),Search:g(()=>w(()=>import("./chunks/icons/Search.js"),[])),SearchFilled:g(()=>w(()=>import("./chunks/icons/SearchFilled.js"),[])),Sort:g(()=>w(()=>import("./chunks/icons/Sort.js"),[])),Star:g(()=>w(()=>import("./chunks/icons/Star.js"),[])),View:g(()=>w(()=>import("./chunks/icons/View.js"),[])),User:g(()=>w(()=>import("./chunks/icons/User.js"),[])),Warning:g(()=>w(()=>import("./chunks/icons/Warning.js"),[])),Locker:g(()=>w(()=>import("./chunks/icons/Locker.js"),[])),Wallet:g(()=>w(()=>import("./chunks/icons/Wallet.js"),[])),Card:g(()=>w(()=>import("./chunks/icons/Card.js"),[])),Order:g(()=>w(()=>import("./chunks/icons/Order.js"),[])),Delivery:g(()=>w(()=>import("./chunks/icons/Delivery.js"),[])),OrderError:g(()=>w(()=>import("./chunks/icons/OrderError.js"),[])),OrderSuccess:g(()=>w(()=>import("./chunks/icons/OrderSuccess.js"),[])),PaymentError:g(()=>w(()=>import("./chunks/icons/PaymentError.js"),[])),CheckWithCircle:g(()=>w(()=>import("./chunks/icons/CheckWithCircle.js"),[])),WarningWithCircle:g(()=>w(()=>import("./chunks/icons/WarningWithCircle.js"),[])),WarningFilled:g(()=>w(()=>import("./chunks/icons/WarningFilled.js"),[])),InfoFilled:g(()=>w(()=>import("./chunks/icons/InfoFilled.js"),[])),HeartFilled:g(()=>w(()=>import("./chunks/icons/HeartFilled.js"),[])),Trash:g(()=>w(()=>import("./chunks/icons/Trash.js"),[])),Eye:g(()=>w(()=>import("./chunks/icons/Eye.js"),[])),EyeClose:g(()=>w(()=>import("./chunks/icons/EyeClose.js"),[])),Date:g(()=>w(()=>import("./chunks/icons/Date.js"),[])),AddressBook:g(()=>w(()=>import("./chunks/icons/AddressBook.js"),[])),EmptyBox:g(()=>w(()=>import("./chunks/icons/EmptyBox.js"),[])),Coupon:g(()=>w(()=>import("./chunks/icons/Coupon.js"),[])),Gift:g(()=>w(()=>import("./chunks/icons/Gift.js"),[])),GiftCard:g(()=>w(()=>import("./chunks/icons/GiftCard.js"),[]))};function O({source:i,size:r="24",stroke:n="2",viewBox:t="0 0 24 24",className:o,...s}){const d=typeof i=="string"?qe[i]:null,l={className:a(["dropin-icon",`dropin-icon--shape-stroke-${n}`,o]),width:r,height:r,viewBox:t};return e(ye,{fallback:e("svg",{...s,...l}),children:d?e(d,{...s,...l}):e(i,{...s,...l})})}const Me=({name:i,value:r="1",className:n,disabled:t,error:o,success:s,min:d,max:l,onValue:_,onUpdateError:m,size:h="medium",...c})=>{const[p,u]=B(Number(r)),b=Number(d),f=Number(l),N=o||p<b||p>f,v=p<b?"Dropin.Incrementer.minQuantityMessage":p>f?"Dropin.Incrementer.maxQuantityMessage":"Dropin.Incrementer.errorMessage";R(()=>{const x=Number(r);x!==p&&u(x)},[r]);const y=P(le(async x=>{if(_)try{_(x)}catch(I){m&&m(I)}},200),[_,m]),S=x=>{let I=x;y(I),u(I)};return e("div",{className:a(["dropin-incrementer",`dropin-incrementer--${h}`,n]),children:[e("div",{className:a(["dropin-incrementer__content",`dropin-incrementer__content--${h}`,["dropin-incrementer__content--error",N],["dropin-incrementer__content--success",s],["dropin-incrementer__content--disabled",t]]),children:[e("div",{className:a(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",t]]),children:e(re,{children:e("button",{type:"button",className:a(["dropin-incrementer__decrease-button",["dropin-incrementer__decrease-button--disabled",t]]),onClick:()=>S(p-1),disabled:t||p<b+1,"aria-label":e(Z,{id:"Dropin.Incrementer.decreaseLabel"}),children:e(O,{source:z,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__down"})})})}),e("input",{className:"dropin-incrementer__input",max:l,min:d,step:1,type:"number",name:i,value:p,disabled:t,onBlur:()=>{S(Number(p))},onChange:x=>{const I=x.currentTarget.value;I!==""&&S(Number(I))},...c}),e("div",{className:a(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",t]]),children:e(re,{children:e("button",{type:"button",className:a(["dropin-incrementer__increase-button",["dropin-incrementer__increase-button--disabled",t]]),onClick:()=>S(p+1),disabled:t||p>f-1,"aria-label":e(Z,{id:"Dropin.Incrementer.increaseLabel"}),children:e(O,{source:G,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__add"})})})})]}),N&&e("p",{className:"dropin-incrementer__content--error-message",children:e(Z,{id:v,fields:{minQuantity:d,maxQuantity:l}})})]})},ue=({name:i,value:r,variant:n="primary",className:t,disabled:o,error:s,floatingLabel:d,onValue:l,onUpdateError:_,size:m="medium",icon:h,maxLength:c,success:p,...u})=>{const b=(u==null?void 0:u.id)||i||`dropin-input-${Math.random().toString(36)}`,f=P(le(async v=>{if(l)try{await l(v)}catch(y){_&&_(y)}},200),[l,_]),N=v=>{const y=v.target;f(y.value.trim())};return e("div",{className:a(["dropin-input-container",`dropin-input-container--${n}`,["dropin-input-container--floating",!!d],["dropin-input-container--disabled",o]]),children:[h&&e(k,{node:h,className:a(["dropin-input__field-icon--left",h.props.className])}),e("div",{className:"dropin-input-label-container",children:[e("input",{id:b,onChange:N,type:"text",maxLength:c,name:i,value:r,...u,className:a(["dropin-input",`dropin-input--${m}`,`dropin-input--${n}`,["dropin-input--error",!!s],["dropin-input--success",!!p],["dropin-input--disabled",o],["dropin-input--floating",!!d],["dropin-input--icon-left",!!h],t]),disabled:o}),d&&e("label",{htmlFor:b,className:a([["dropin-input__label--floating",!!d],["dropin-input__label--floating--icon-left",!!h],["dropin-input__label--floating--error",!!s]]),children:d})]}),s&&e("div",{className:a(["dropin-input__field-icon--right","dropin-input__field-icon--error"]),children:e(O,{source:Te,size:"16",stroke:"2",className:"dropin-input--warning-icon",viewBox:"-1 -1 26 26"})}),p&&e("div",{className:a(["dropin-input__field-icon--right","dropin-input__field-icon--success"]),children:e(O,{source:Se,size:"16",stroke:"2",className:"dropin-input--success-icon",viewBox:"-1 -1 26 26"})})]})},kt=({name:i="",error:r,value:n,label:t,onChange:o,onBlur:s,...d})=>{const[l,_]=B((n==null?void 0:n.toString())??""),m=K(null),h=$({picker:"Dropin.InputDate.picker"}),c=P(f=>{f.currentTarget.setAttribute("type","date"),te()&&m.current.focus()},[]),p=P(f=>{var v;const N=(v=f.currentTarget.parentElement)==null?void 0:v.querySelector("input");N==null||N.focus(),N==null||N.showPicker()},[]),u=P(f=>{f.currentTarget.setAttribute("type","text"),s==null||s(f)},[s]),b=P(f=>{_(f.target.value),o==null||o(f)},[o]);return e("div",{className:a(["dropin-input-date"]),children:[te()?e("input",{ref:m,"data-testid":"inputDateIos",className:"dropin-input-date__input--ios",type:"date",onChange:b}):null,e(be,{error:r,children:e(ue,{"data-testid":"input-date",error:!!r,name:i,value:l,placeholder:t,floatingLabel:t,onFocus:c,onBlur:u,onChange:b,"aria-labelledby":t,className:"dropin-input-date__input",...d})}),e("button",{type:"button","data-testid":"dropin-input-date__icon",className:"dropin-input-date__icon","aria-label":h.picker,onClick:p,children:e(O,{source:Le,size:"24"})})]})},se={pending:e(z,{}),success:e(pe,{}),error:e(U,{style:{fill:"red"}})},We=({minLength:i=0,requiredCharacterClasses:r=0,uniqueSymbolsStatus:n="pending",validateLengthConfig:t={status:"",icon:"",message:""}})=>{const o=$({chartTwoSymbols:"Dropin.PasswordStatusIndicator.chartTwoSymbols",chartThreeSymbols:"Dropin.PasswordStatusIndicator.chartThreeSymbols",chartFourSymbols:"Dropin.PasswordStatusIndicator.chartFourSymbols"}),s=d=>{switch(d){case 2:return o.chartTwoSymbols;case 3:return o.chartThreeSymbols;case 4:return o.chartFourSymbols;default:return""}};return e("div",{className:a(["dropin-password-status-indicator"]),children:[i>0?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${t.status}`,"data-testid":`dropin-password-status-indicator__item--${t.icon}`,children:[se[t.icon],e("span",{className:`${t.status}`,children:t.message})]}):null,r>=2?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${n}`,"data-testid":`dropin-password-status-indicator__item--${n}`,children:[se[n],e("span",{className:"pending",children:s(r)})]}):null]})},yt=({placeholder:i,floatingLabel:r,children:n,name:t,required:o,className:s,minLength:d,autoComplete:l,defaultValue:_="",hideStatusIndicator:m=!1,uniqueSymbolsStatus:h,validateLengthConfig:c,requiredCharacterClasses:p,errorMessage:u,onValue:b,onBlur:f,...N})=>{const v=$({placeholder:"Dropin.InputPassword.placeholder",floatingLabel:"Dropin.InputPassword.floatingLabel",buttonShowTitle:"Dropin.InputPassword.buttonShowTitle",buttonHideTitle:"Dropin.InputPassword.buttonHideTitle"}),[y,S]=B(!1),x=P(()=>{S(D=>!D)},[]),I=y?v.buttonHideTitle:v.buttonShowTitle;return e("div",{"data-testid":"passwordFieldInput",className:a(["dropin-input-password",["dropin-input-password--error",u],s]),...N,children:[e(be,{error:u,children:e(ue,{autoComplete:l,name:t??"password",type:y?"text":"password",placeholder:i||v.placeholder,floatingLabel:r||v.floatingLabel,"aria-label":v.placeholder,"aria-required":o||!0,"aria-invalid":!!u,"aria-describedby":"password-feedback",required:o||!1,value:_,onValue:b,icon:e(Pe,{}),onBlur:f,"data-testid":"passwordInput"})}),e(H,{"aria-label":I,title:I,type:"button","data-testid":"toggle-password-icon",variant:"tertiary",className:a(["dropin-input-password__eye-icon",`dropin-input-password__eye-icon--${y?"show":"hide"}`,s]),onClick:x,children:e(O,{focusable:!1,"aria-hidden":y,source:y?Oe:Ce})}),m?null:e(We,{minLength:d,requiredCharacterClasses:p,validateLengthConfig:c,uniqueSymbolsStatus:h}),n]})},It=({disabled:i,name:r="",errorMessage:n,value:t,label:o,className:s,onChange:d,onBlur:l,..._})=>{const m=K(null),h=Ie(),c=!!(n!=null&&n.length);return R(()=>{const p=m.current;p&&(p.style.height="auto",p.style.height=`${p.scrollHeight}px`)},[t]),e("div",{className:a(["dropin-textarea-container",s]),"data-testid":"dropin-textarea-container",children:[e("textarea",{ref:m,"data-testid":"dropin-textarea-field",className:a(["dropin-textarea",["dropin-textarea--error",c],["dropin-textarea--disabled",!!i]]),id:h,placeholder:o,name:r,value:t,disabled:i,onBlur:l,onChange:d,..._}),e("label",{htmlFor:h,className:a(["dropin-textarea__label--floating",["dropin-textarea__label--floating--error",c]]),children:o}),c?e("div",{className:a(["dropin-textarea__label--floating--text",["dropin-textarea__label--floating--error",c]]),children:n}):null]})},Ge=({className:i,src:r,params:n,loading:t="lazy",srcSet:o,onLoad:s,...d})=>{const[l,_]=B(!1),m=M(()=>{if(o)return o;if(!(!r||!n))return ge(r,{...n})},[n,r,o]),h=c=>{_(!0),s==null||s(c)};return e("img",{...d,className:a(["dropin-image",["dropin-image--loaded",l],i]),loading:t,onLoad:h,src:r,srcSet:m})},he=({variant:i="primary",className:r})=>e("hr",{role:"separator",className:a(["dropin-divider",`dropin-divider--${i}`,r])});var Ke={};const F=({amount:i=0,currency:r,locale:n=Ke.LOCALE??void 0,variant:t="default",weight:o="bold",className:s,children:d,sale:l=!1,formatOptions:_={},size:m="small",...h})=>{const c=M(()=>new Intl.NumberFormat(n,{style:"currency",currency:r||"USD",minimumFractionDigits:2,maximumFractionDigits:2,..._}),[n,r,_]),p=M(()=>c.format(i),[i,c]);return e("span",{...h,className:a(["dropin-price",`dropin-price--${t}`,`dropin-price--${m}`,`dropin-price--${o}`,["dropin-price--sale",l],s]),children:p})},ze=({name:i,label:r,value:n,size:t="medium",checked:o=!1,disabled:s=!1,error:d=!1,description:l="",busy:_=!1,className:m,children:h,...c})=>e("label",{className:a([m,"dropin-radio-button",["dropin-radio-button--error",d],["dropin-radio-button--disabled",s]]),children:[e("input",{name:i,value:n,checked:o,disabled:s,type:"radio",className:a(["dropin-radio-button__input",["dropin-radio-button__input--error",d],["dropin-radio-button__input--disabled",s]]),"aria-busy":_,...c}),e("span",{className:a(["dropin-radio-button__label",`dropin-radio-button__label--${t}`,["dropin-radio-button__label--error",d],["dropin-radio-button__label--disabled",s]]),children:r}),e("span",{className:a(["dropin-radio-button__description",`dropin-radio-button__description--${t}`,["dropin-radio-button__description--disabled",s]]),children:l})]}),H=({value:i,variant:r="primary",size:n="medium",icon:t,className:o,children:s,disabled:d=!1,active:l=!1,activeChildren:_,activeIcon:m,href:h,...c})=>{let p="dropin-button";(t&&!s||t&&l&&!_||!t&&l&&m)&&(p="dropin-iconButton"),l&&_&&(p="dropin-button"),o=a([p,`${p}--${n}`,`${p}--${r}`,[`${p}--${r}--disabled`,d],s&&t&&`${p}--with-icon`,!s&&_&&t&&`${p}--with-icon`,l&&m&&`${p}--with-icon`,o]);const u=a(["dropin-button-icon",`dropin-button-icon--${r}`,[`dropin-button-icon--${r}--disabled`,d],t==null?void 0:t.props.className]),b=h?{node:e("a",{}),role:"link",href:h,...c,disabled:d,active:l,onKeyDown:f=>{d&&f.preventDefault()},tabIndex:d?-1:0}:{node:e("button",{}),role:"button",...c,value:i,disabled:d,active:l};return e(k,{...b,className:o,children:[t&&!l&&e(k,{node:t,className:u}),m&&l&&e(k,{node:m,className:u}),s&&!l&&(typeof s=="string"?e("span",{children:s}):s),l&&_&&(typeof _=="string"?e("span",{children:_}):_)]})};function de(i,r,n,t,o){return i||(r?r.value:n||t?"":o?o.value:null)}const Ue=({name:i,value:r=null,options:n,variant:t="primary",floatingLabel:o,size:s="medium",handleSelect:d=()=>{},disabled:l=!1,error:_=!1,placeholder:m,defaultOption:h,icon:c,className:p,...u})=>{const b=(u==null?void 0:u.id)||i||`dropin-picker-${Math.random().toString(36)}`,f=!!(u!=null&&u.required),N=n==null?void 0:n.find(T=>!T.disabled),[v,y]=B(()=>de(r,h,m,o,N));R(()=>{y(de(r,h,m,o,N))},[r,h,m,o,N]);const S=T=>{const{options:L,value:E}=T.target;for(const A of L)A.selected&&(y(E),d(T))},x=n==null?void 0:n.map(T=>{const{value:L,text:E,disabled:A}=T;return e("option",{value:L,selected:L===v,disabled:A,className:a(["dropin-picker__option"]),children:E},L)}),I=!!v,D=()=>(!f||!I)&&(o||m);return e("div",{className:a([p,"dropin-picker",`dropin-picker__${s}`,["dropin-picker__floating",!!o],["dropin-picker__selected",I],["dropin-picker__error",_],["dropin-picker__disabled",l],["dropin-picker__icon",c]]),children:[c&&e(c.type,{...c.props,className:"dropin-picker__icon--placeholder"}),e("select",{id:b,className:a(["dropin-picker__select",`dropin-picker__select--${t}`,`dropin-picker__select--${s}`,["dropin-picker__select--floating",!!o]]),name:i,"aria-label":i,disabled:l,onChange:S,...u,children:[D()&&e("option",{selected:!I,value:"",className:a(["dropin-picker__option dropin-picker__placeholder"]),children:o??m},r),x]}),e(O,{source:X,size:"24",stroke:"2",className:"dropin-picker__chevronDown"}),o&&I&&e("label",{htmlFor:b,className:a(["dropin-picker__floatingLabel",!!o]),children:o})]})},be=({className:i,label:r,error:n,hint:t,success:o,size:s="medium",disabled:d=!1,children:l,..._})=>{var c;const m=((c=l==null?void 0:l.props)==null?void 0:c.id)??`dropin-field-${Math.random().toString(36)}`,h=l&&typeof l.type!="string"?l.type:null;return e("div",{..._,className:a(["dropin-field",i]),children:[r&&e("label",{className:a(["dropin-field__label",["dropin-field__label--disabled",d],`dropin-field__label--${s}`]),htmlFor:m,children:r}),e("div",{className:a(["dropin-field__content"]),children:h&&l&&xe(h,{...l.props,id:m,key:l.key,disabled:d,size:s,error:!!n,success:!!o&&!n})}),e("div",{className:a(["dropin-field__hint",[`dropin-field__hint--${s}`,s],["dropin-field__hint--error",!!n],["dropin-field__hint--success",!!o&&!n],["dropin-field__hint--disabled",!!d]]),children:n||o||t})]})},xt=({icon:i,className:r,children:n,active:t=!1,disabled:o=!1,...s})=>e("button",{role:"button",disabled:o,...s,className:a(["dropin-action-button",["dropin-action-button--active",t],["dropin-action-button--disabled",o],r]),children:[i&&e(k,{node:i,className:a(["dropin-action-button-icon"])}),n&&(typeof n=="string"?e("span",{children:n}):n)]}),Dt=({className:i,variant:r="primary",activeOption:n,disabled:t=!1,dividers:o=!0,children:s,handleSelect:d,...l})=>{const[_,m]=B(n),h=P(p=>{t||p.props.disabled||(m(p.props.value),d&&d(p.props.value))},[d,m,t]),c=ce.map(s,p=>{const u=t||p.props.disabled,b=p.props.value===_;return De(p,{disabled:u,active:b,onClick:()=>h(p),className:a(["dropin-action-button-group__option",`dropin-action-button-group__option--${r}`,["dropin-action-button-group__option--active",b],["dropin-action-button-group__option--with-dividers",o]])})});return e("div",{role:"group",...l,className:a(["dropin-action-button-group",`dropin-action-button-group--${r}`,i]),children:c})},je=({variant:i="primary",className:r,children:n,...t})=>e("div",{...t,className:a(["dropin-card",`dropin-card--${i}`,r]),children:e("div",{class:"dropin-card__content",children:n})}),Et=({name:i,value:r,size:n="medium",disabled:t=!1,error:o=!1,label:s="",description:d="",className:l,checked:_,...m})=>{const[h,c]=B(_===void 0?!1:_),p=K(null),u=f=>{var N;(N=m.onChange)==null||N.call(m,f),c(f.currentTarget.checked)},b=f=>{var N;f.key===" "&&(f.preventDefault(),(N=p==null?void 0:p.current)==null||N.click())};return R(()=>{typeof _=="boolean"&&c(_)},[_]),e("label",{className:a(["dropin-checkbox",["dropin-checkbox--disabled",t]]),children:[e("input",{ref:p,name:i,value:r,type:"checkbox",disabled:t,className:a(["dropin-checkbox__checkbox",["dropin-checkbox__checkbox--error",o],l]),...m,onChange:u,checked:h}),e("div",{className:"dropin-checkbox__checkbox-icon",children:["​",e("span",{"aria-checked":h?"true":"false","aria-labelledby":`${i}-label`,"aria-describedby":d?`${i}-description`:void 0,className:a(["dropin-checkbox__box",["dropin-checkbox__box--error",o],["dropin-checkbox__box--disabled",t]]),role:"checkbox",tabIndex:t?-1:0,onKeyDown:b,children:e(O,{className:a(["dropin-checkbox__checkmark"]),source:pe,size:"16",stroke:"3"})})]}),e("div",{id:`${i}-label`,className:a(["dropin-checkbox__label",`dropin-checkbox__label--${n}`,["dropin-checkbox__label--disabled",t]]),children:s}),e("div",{}),d&&e("div",{id:`${i}-description`,role:"note",className:a(["dropin-checkbox__description",`dropin-checkbox__description--${n}`,["dropin-checkbox__description--disabled",t]]),children:d})]})},$t=({className:i,name:r,value:n,id:t,label:o,groupAriaLabel:s,size:d="medium",color:l,disabled:_=!1,selected:m=!1,outOfStock:h=!1,multi:c=!1,onValue:p,onUpdateError:u,...b})=>{const f=$("Dropin.Swatches.outOfStock.label").label,N=$("Dropin.Swatches.selected.label").label,v=$("Dropin.Swatches.swatch.label").label,y=P(async L=>{if(p)try{await p(L)}catch(E){u&&u(E)}},[p,u]),S=L=>{const E=L.target;y(E.value)},D=l&&(L=>{const E=new Option().style;return E.color=L,E.color!==""})(l)?l:"var(--color-gray-300);",T=()=>h?`${s}: ${o} ${f}`:m?`${s}: ${o} ${N}`:`${s}: ${o} ${v}`;return e("label",{className:a(["dropin-color-swatch__container",`dropin-color-swatch__container--${d}`,i]),children:[e("input",{type:c?"checkbox":"radio",name:r,id:t,value:n,"aria-label":T(),checked:m,disabled:_,onChange:S,...b,className:a(["dropin-color-swatch",["dropin-color-swatch--selected",m],["dropin-color-swatch--disabled",_],i])}),e("span",{style:{"--bg-color":D},className:a(["dropin-color-swatch__span",["dropin-color-swatch__span--out-of-stock",h],i])})]})},St=({className:i,name:r,value:n,label:t,groupAriaLabel:o,id:s,disabled:d=!1,selected:l=!1,outOfStock:_=!1,multi:m=!1,onValue:h,onUpdateError:c,...p})=>{const u=$("Dropin.Swatches.outOfStock.label").label,b=$("Dropin.Swatches.selected.label").label,f=$("Dropin.Swatches.swatch.label").label,[N,v]=B(!1),y=K(null),S=P(async D=>{if(h)try{await h(D)}catch(T){c&&c(T)}},[h,c]),x=D=>{const T=D.target;S(T.value)},I=()=>_?`${o}: ${t} ${u}`:l?`${o}: ${t} ${b}`:`${o}: ${t} ${f}`;return R(()=>{y.current&&y.current.scrollWidth>y.current.clientWidth&&v(!0)},[t]),e("div",{className:"dropin-text-swatch__container",...N?{"data-tooltip":t}:{},children:[e("input",{type:m?"checkbox":"radio",name:r,id:s,value:n,"aria-label":I(),checked:l,disabled:d,onChange:x,...p,className:a(["dropin-text-swatch",["dropin-text-swatch--selected",l],["dropin-text-swatch--disabled",d],i])}),e("label",{htmlFor:s,ref:y,className:a(["dropin-text-swatch__label",["dropin-text-swatch__label--out-of-stock",_],i]),children:t})]})},Ze=({ariaLabel:i,size:r="small",stroke:n="4",children:t,className:o,style:s,...d})=>{const l=["dropin-progress-spinner",`dropin-progress-spinner--shape-size-${r}`,`dropin-progress-spinner--shape-stroke-${n}`],_=$({updating:"Dropin.ProgressSpinner.updating.label",updatingChildren:"Dropin.ProgressSpinner.updatingChildren.label"}),m=()=>i||(t?_.updatingChildren:_.updating);return t?e("div",{...d,className:a(["dropin-progress-spinner-provider"]),"aria-live":"polite",role:"status",children:[e("div",{"aria-hidden":!0,children:t}),e("div",{"aria-label":m(),role:"status",className:a(["dropin-progress-spinner-background",o]),style:s}),e("div",{className:a(["dropin-progress-spinner-with-provider",...l]),"aria-hidden":!0})]}):e("div",{...d,className:a([o,...l]),"aria-live":"polite",role:"status","aria-label":m()})},Tt=({className:i,name:r,value:n,id:t,label:o,groupAriaLabel:s,src:d,alt:l,disabled:_=!1,selected:m=!1,outOfStock:h=!1,multi:c=!1,imageNode:p,onValue:u,onUpdateError:b,...f})=>{const N=$("Dropin.Swatches.outOfStock.label").label,v=$("Dropin.Swatches.selected.label").label,y=$("Dropin.Swatches.swatch.label").label,S=P(async T=>{if(u)try{await u(T)}catch(L){b&&b(L)}},[u,b]),x=T=>{const L=T.target;S(L.value)},I=()=>h?`${s}: ${o} ${N}`:m?`${s}: ${o} ${v}`:`${s}: ${o} ${y}`,D=M(()=>({src:d,alt:l,loading:"lazy",params:{width:100,fit:"bounds",crop:!0},onError:T=>T.target.style.display="none"}),[d,l]);return e("label",{className:a(["dropin-image-swatch__container",i]),children:[e("input",{type:c?"checkbox":"radio",name:r,id:t,value:n,"aria-label":I(),checked:m,disabled:_,onChange:x,...f,className:a(["dropin-image-swatch",["dropin-image-swatch--selected",m],["dropin-image-swatch--disabled",_],i])}),e("span",{className:a(["dropin-image-swatch__span",["dropin-image-swatch__span--out-of-stock",h],i]),children:typeof p=="function"?p({...D,imageSwatchContext:{disabled:_,outOfStock:h,selected:m,value:n,label:o,groupAriaLabel:s,name:r,id:t}}):p||e(Ge,{...D,className:a(["dropin-image-swatch__content"])})})]})},Je=({className:i,children:r,title:n,ariaLabelTitle:t,secondaryText:o,actionIconPosition:s="left",iconOpen:d=G,iconClose:l=z,iconLeft:_=G,showIconLeft:m=!1,renderContentWhenClosed:h=!0,defaultOpen:c,onStateChange:p,...u})=>{const[b,f]=B(!1),N=I=>{I.stopImmediatePropagation();const D=!b;f(D),p==null||p(D)};R(()=>{typeof c<"u"&&f(c)},[c]);const v=$(`Dropin.Accordion.${b?"close":"open"}.label`).label,y=e(O,{source:d,size:"24",onClick:N,onKeyPress:N,className:"dropin-accordion-section__open-icon"}),S=e(O,{source:l,size:"24",onClick:N,onKeyPress:N,className:"dropin-accordion-section__close-icon"}),x=e(O,{source:_,size:"24"});return e("div",{...u,className:a(["dropin-accordion-section",i]),children:[e("div",{className:"dropin-accordion-section__heading",children:[e("div",{className:"dropin-accordion-section__flex",onClick:N,onKeyPress:N,role:"button","aria-label":`${v} ${t??n}`,tabIndex:0,children:e("div",{className:"dropin-accordion-section__title-container",children:[s==="left"&&(b?S:y),m&&x,e("h3",{className:"dropin-accordion-section__title",children:n})]})}),e("div",{className:"dropin-accordion-section__secondary-text-container",children:[o&&e("h4",{className:"dropin-accordion-section__secondary-text",children:o}),s==="right"&&(b?S:y)]})]}),e("div",{className:"dropin-accordion-section__content-container",style:{display:b?"grid":"none"},children:(b||h&&!b)&&r})]})},Lt=({className:i,children:r,actionIconPosition:n="left",iconOpen:t=G,iconClose:o=z,...s})=>{const d=e(he,{variant:"secondary"}),l=_=>e(q,{children:[e(Je,{..._.props,actionIconPosition:n,iconOpen:t,iconClose:o}),d]});return e("div",{...s,className:a(["dropin-accordion",i]),children:[d,...(Array.isArray(r)?r:[r]).map(l)]})},Pt=({variant:i="primary",className:r,type:n="warning",additionalActions:t,onDismiss:o,heading:s,description:d,icon:l,itemList:_,actionButtonPosition:m,...h})=>{var p,u,b;const c=$({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...h,className:a(["dropin-in-line-alert",`dropin-in-line-alert--${n}`,`dropin-in-line-alert--${i}`,r]),children:[e("div",{className:"dropin-in-line-alert__heading",children:[e("div",{className:"dropin-in-line-alert__title-container",children:[l&&e(k,{node:l,className:"dropin-in-line-alert__icon"}),e("span",{className:"dropin-in-line-alert__title",children:s})]}),e("div",{className:"dropin-in-line-alert__actions-container",children:[t&&(m==="top"||!m&&t.length<=1)&&e(H,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:t.length>0?(p=t[0])==null?void 0:p.onClick:void 0,"aria-label":(u=t[0])==null?void 0:u.label,children:(b=t[0])==null?void 0:b.label}),o&&e(H,{icon:e(O,{source:U,size:"24",stroke:"2"}),className:"dropin-in-line-alert__dismiss-button",variant:"tertiary",onClick:o,"aria-label":c.dismiss})]})]}),d&&e("p",{className:"dropin-in-line-alert__description",children:d}),e("div",{className:"dropin-in-line-alert__item-list-container",children:_&&e(k,{node:_,className:a(["dropin-in-line-alert__item-list"])})}),t&&(m==="bottom"||!m&&t.length>1)&&e("div",{className:"dropin-in-line-alert__additional-actions-container",children:t.map(f=>e(H,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:f.onClick,children:f.label},f.label))})]})},Ot=({size:i="small",title:r=null,centered:n=!1,backgroundDim:t=!0,clickToDismiss:o=!0,escapeToDismiss:s=!0,onClose:d,showCloseButton:l=!0,className:_,children:m=null,...h})=>{const c=P(()=>{d==null||d()},[d]),p=$({modalCloseLabel:"Dropin.Modal.Close.label"});return R(()=>{const u=b=>{const f=document.querySelector(".dropin-modal"),N=document.querySelector(".dropin-modal__body");o&&f&&N&&!N.contains(b.target)&&c()};return document.addEventListener("mousedown",u),()=>{document.removeEventListener("mousedown",u)}},[c,o]),R(()=>{const u=b=>{b.key==="Escape"&&s&&c()};return document.addEventListener("keydown",u),()=>{document.removeEventListener("keydown",u)}},[c,s]),R(()=>{const u=document.scrollingElement,b=u.style.overflow;return u.style.overflow="hidden",()=>{u.style.overflow=b}},[]),e("div",{className:a(["dropin-modal",["dropin-modal--dim",t]]),children:e("div",{...h,className:a(["dropin-modal__body",[`dropin-modal__body--${i}`,i],_]),children:[e("div",{className:a(["dropin-modal__header",["dropin-modal__header-title",!!r]]),children:[r&&e("div",{className:a(["dropin-modal__header-title-content"]),children:r}),l&&e(H,{"aria-label":p.modalCloseLabel,variant:"tertiary",className:"dropin-modal__header-close-button",onClick:c,icon:e(U,{})})]}),e("div",{className:a(["dropin-modal__content",["dropin-modal__body--centered",n]]),children:m})]})})},Ct=({className:i,children:r,ariaLabel:n,image:t,title:o,price:s,taxIncluded:d=!1,taxExcluded:l=!1,total:_,totalExcludingTax:m,sku:h,configurations:c,warning:p,alert:u,discount:b,savings:f,actions:N,quantity:v,description:y,attributes:S,footer:x,loading:I=!1,updating:D=!1,quantityType:T,dropdownOptions:L,onQuantity:E,onRemove:A,...Y})=>{var Q,ee;const{locale:j}=Ee(me),C=$({each:"Dropin.CartItem.each.label",pricePerItem:"Dropin.CartItem.pricePerItem.label",quantity:"Dropin.CartItem.quantity.label",remove:"Dropin.CartItem.remove.label",removeDefault:"Dropin.CartItem.removeDefault.label",taxIncluded:"Dropin.CartItem.taxIncluded.label",taxExcluded:"Dropin.CartItem.taxExcluded.label",updating:"Dropin.CartItem.updating.label",updatingDefault:"Dropin.ProgressSpinner.updating.label"});if(I)return e(Xe,{});const fe=T==="dropdown"?e(Ue,{className:a(["dropin-cart-item__quantity__picker"]),value:String(v),name:"quantity","aria-label":C.quantity,disabled:D,variant:"primary",options:L,handleSelect:W=>E==null?void 0:E(Number(W.target.value))}):e(Me,{className:a(["dropin-cart-item__quantity__incrementer"]),value:v,min:1,onValue:W=>E==null?void 0:E(Number(W)),name:"quantity","aria-label":C.quantity,disabled:D});return e("div",{...Y,className:a(["dropin-cart-item",["dropin-cart-item--updating",D],i]),children:[D&&e(Ze,{className:a(["dropin-cart-item__spinner"]),ariaLabel:n?(Q=C.updating)==null?void 0:Q.replace("{product}",n):C.updatingDefault}),e("div",{className:"dropin-cart-item__wrapper",children:[t&&e(k,{node:t,className:a(["dropin-cart-item__image"])}),o&&e(k,{node:o,className:a(["dropin-cart-item__title",["dropin-cart-item__title--edit",!!E||!!A]])}),y&&e(k,{node:y,className:a(["dropin-cart-item__description"])}),h&&e(k,{node:h,className:a(["dropin-cart-item__sku"])}),e("div",{className:a(["dropin-cart-item__savings__wrapper"]),children:[b&&e(k,{node:b,className:a(["dropin-cart-item__discount","dropin-cart-item__discount__large-screen"])}),f&&e(k,{node:f,className:a(["dropin-cart-item__savings","dropin-cart-item__savings__large-screen"])})]}),S&&e("div",{className:a(["dropin-cart-item__attributes"]),children:e(k,{node:S})}),c&&e("ul",{className:a(["dropin-cart-item__configurations"]),children:Object.entries(c).map(([W,Ne])=>e("li",{className:a(["dropin-cart-item__configurations__item"]),children:[W,":"," ",e("strong",{className:a(["dropin-cart-item__configurations__item__value"]),children:Ne})]},W))}),s&&e("span",{className:a(["dropin-cart-item__price"]),"aria-label":C.pricePerItem,children:[v&&!E&&e(q,{children:[e("span",{className:"dropin-cart-item__price__quantity","aria-hidden":!0,children:[v.toLocaleString(j)," x"," "]}),e("div",{className:"dropin-cart-item__sr-only",children:[C.quantity,": ",v==null?void 0:v.toLocaleString(j),";"]})]}),e(k,{node:s,role:"text"}),v&&v>1&&e(q,{children:[" ",C.each]}),d&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",C.taxIncluded]}),l&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",C.taxExcluded]})]}),e("div",{className:a(["dropin-cart-item__quantity",["dropin-cart-item__quantity--edit",!!E]]),children:[E?fe:v&&e("span",{className:a(["dropin-cart-item__quantity__value"]),children:[C.quantity,":"," ",e("strong",{className:"dropin-cart-item__quantity__number",children:Number(v).toLocaleString(j)})]}),p&&e(k,{node:p,className:a(["dropin-cart-item__warning","dropin-cart-item__warning--quantity"])}),u&&e(k,{node:u,className:a(["dropin-cart-item__alert","dropin-cart-item__alert--quantity"])})]}),N&&e("div",{className:a(["dropin-cart-item__actions"]),children:e(k,{node:N,className:a(["dropin-cart-item__buttons"])})}),p&&e(k,{node:p,className:a(["dropin-cart-item__warning"])}),u&&e(k,{node:u,className:a(["dropin-cart-item__alert"])}),e("div",{className:a(["dropin-cart-item__total",["dropin-cart-item__total--edit",!!A]]),children:[e("div",{className:"dropin-cart-item__row-total__wrapper",children:[_&&e("div",{className:"dropin-cart-item__row-total",children:e(k,{node:_,role:"text"})}),d&&e("div",{className:"dropin-cart-item__total-tax-included",children:e("span",{"data-testid":"tax-message",className:a(["dropin-cart-item__total-tax-message"]),children:C.taxIncluded})})]}),l&&e("div",{className:"dropin-cart-item__total-tax-excluded",children:e("span",{"data-testid":"tax-message",className:a(["dropin-cart-item__total-tax-excluded-message"]),children:[m&&e(k,{node:m,role:"text"})," ",C.taxExcluded]})}),b&&e(k,{node:b,className:a(["dropin-cart-item__discount"])}),f&&e(k,{node:f,className:a(["dropin-cart-item__savings"])})]}),x&&e(k,{node:x,className:a(["dropin-cart-item__footer"])})]}),A&&e(H,{"data-testid":"cart-item-remove-button",className:a(["dropin-cart-item__remove"]),variant:"tertiary",onClick:()=>A==null?void 0:A(),icon:e(O,{"data-testid":"cart-item-remove-icon",source:Ae,size:"24",stroke:"2",viewBox:"0 0 24 24","aria-label":n?(ee=C.remove)==null?void 0:ee.replace("{product}",n):C.removeDefault}),disabled:D})]})},Xe=()=>e("div",{className:"dropin-cart-item dropin-cart-item-skeleton",children:e(_e,{className:"dropin-cart-item__skeleton dropin-cart-item__wrapper",children:[e("div",{className:"dropin-cart-item__image",children:e(V,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__title",children:e(V,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__sku",children:e(V,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__price",children:e(V,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__quantity",children:e(V,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__total",children:e(V,{className:"dropin-cart-item__skeleton__item"})})]})}),At=({className:i,children:r,...n})=>e("div",{...n,className:a(["dropin-cart-list",i]),children:e("div",{className:"dropin-cart-list__wrapper","aria-live":"assertive","aria-relevant":"all",children:ce.map(r,(t,o)=>e("div",{className:"dropin-cart-list__item",children:t},o))})}),Vt=({className:i,children:r,locale:n,currency:t,amount:o,variant:s="default",minimumAmount:d,maximumAmount:l,size:_="small",display:m="dash",specialPrice:h,sale:c=!1,...p})=>{const u=M(()=>o||d===l||d&&!l||l&&!d,[o,l,d]);return e("div",{children:u?e("div",{...p,className:a(["dropin-price-range",i]),children:e(F,{amount:o??d??l,currency:t,locale:n,size:_,variant:s,sale:c})}):e("div",{...p,className:a(["dropin-price-range",i]),children:[m==="dash"?e(Ye,{specialPrice:h,minimumAmount:d,maximumAmount:l,currency:t,locale:n,size:_,sale:c}):null,m==="from to"?e(Qe,{specialPrice:h,minimumAmount:d,maximumAmount:l,currency:t,locale:n,size:_,sale:c}):null,m==="as low as"?e(et,{specialPrice:h,minimumAmount:d,maximumAmount:l,currency:t,locale:n,size:_,sale:c}):null]})})};function Ye({specialPrice:i,minimumAmount:r,maximumAmount:n,currency:t,locale:o,size:s,sale:d}){return e(q,{children:[e(F,{amount:i??r,currency:t,locale:o,size:s,sale:!!i&&d}),e("span",{className:"dropin-price-range__separator",children:"-"}),e(F,{amount:n,currency:t,locale:o,size:s})]})}function Qe({specialPrice:i,minimumAmount:r,maximumAmount:n,currency:t,locale:o,size:s,sale:d}){const l=$({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(q,{children:[e("span",{className:a(["dropin-price-range__from",`dropin-price-range__from--${s}`]),children:l.from}),e(F,{amount:i??r,currency:t,locale:o,size:s,sale:!!i&&d}),e("span",{className:a(["dropin-price-range__to",`dropin-price-range__to--${s}`]),children:l.to}),e(F,{amount:n,currency:t,locale:o,size:s})]})}function et({specialPrice:i,minimumAmount:r,maximumAmount:n,currency:t,locale:o,size:s,sale:d}){const l=$({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(q,{children:[e("span",{className:a(["dropin-price-range__as-low-as",`dropin-price-range__as-low-as--${s}`]),children:l.asLowAs}),i?e("div",{children:[e(F,{amount:n,currency:t,locale:o,size:s,variant:"strikethrough"}),e(F,{amount:i,currency:t,locale:o,size:s,className:"dropin-price-range__special",sale:!!i&&d})]}):e(F,{amount:r,currency:t,locale:o,size:s})]})}const Rt=({className:i,categories:r,separator:n,...t})=>e(q,{children:(r==null?void 0:r.length)>1&&e("nav",{role:"navigation",...t,className:a(["dropin-breadcrumbs__container",i]),children:e("ul",{className:"dropin-breadcrumbs__items",children:r==null?void 0:r.map((o,s)=>e("li",{className:a(["dropin-breadcrumbs__item",["dropin-breadcrumbs__item--last",s===r.length-1]]),children:[e(k,{node:o,className:"dropin-breadcrumbs__link"}),!n&&s!==r.length-1&&e("span",{className:"dropin-breadcrumbs__separator--default",children:[" ","/"," "]}),n&&s!==r.length-1&&e(k,{node:n,className:"dropin-breadcrumbs__separator--icon"})]},s))})})}),Bt=({className:i,variant:r,icon:n,message:t,onDismiss:o,action:s,...d})=>{const l=$({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...d,className:a([i,"dropin-alert-banner",`dropin-alert-banner--${r}`]),children:[e("div",{className:"dropin-alert-banner__content",children:[n&&e(k,{node:n,"aria-hidden":"true",className:"dropin-alert-banner__icon"}),e(k,{node:t,className:a(["dropin-alert-banner__message"])})]}),e("div",{className:"dropin-alert-banner__actions",children:[s&&e(H,{variant:"tertiary",className:"dropin-alert-banner__action",onClick:s.onClick,"aria-label":s.label,children:s.label}),e(H,{icon:e(O,{source:U,size:"24",stroke:"2"}),className:"dropin-alert-banner__dismiss-button",variant:"primary",onClick:o,"aria-label":l.dismiss})]})]})},Ft=({className:i,icon:r,heading:n,headingLevel:t=2,message:o,action:s,variant:d="secondary",...l})=>{const _=t>=1&&t<=6?`h${t}`:"h2";return e("div",{...l,className:a(["dropin-illustrated-message",i]),children:e(je,{variant:d,children:[r&&e(k,{node:r,"aria-hidden":"true",size:"80",className:"dropin-illustrated-message__icon"}),n&&e(_,{className:"dropin-illustrated-message__heading",children:n}),o&&e(k,{node:o,className:"dropin-illustrated-message__message"}),s&&e(k,{node:s,className:"dropin-illustrated-message__action"})]})})},Ht=({label:i,name:r,value:n,busy:t=!1,children:o,className:s,icon:d,onChange:l,selected:_=!0,...m})=>e("div",{...m,className:a(["dropin-toggle-button",s,["dropin-toggle-button__selected",_]]),children:e("label",{className:"dropin-toggle-button__actionButton",children:[e(ze,{label:"",name:r,value:n,checked:_,onChange:()=>l&&l(n),"aria-label":r,busy:t,className:a([s,"dropin-toggle-button__radioButton"])}),e("span",{className:"dropin-toggle-button__content",children:[d&&e(d.type,{...d==null?void 0:d.props,className:"dropin-toggle-button__icon"}),i]})]})}),tt=({level:i,className:r,children:n})=>{const t=i&&i>=1&&i<=6?`h${i}`:"span";return e(t,{className:r,children:n})},qt=({title:i=null,size:r="medium",cta:n,divider:t=!0,className:o,level:s,...d})=>i?e("div",{...d,className:a(["dropin-header-container",o]),"data-testid":"dropin-header-container",children:[e(tt,{className:a(["dropin-header-container__title",["dropin-header-container__title--medium",r==="medium"],["dropin-header-container__title--large",r==="large"]]),level:s,children:i}),n?e(k,{node:n,className:"dropin-header-container__actions"}):null,t?e(he,{className:a(["dropin-header-container__divider",["dropin-header-container__divider--medium",r==="medium"],["dropin-header-container__divider--large",r==="large"]])}):null]}):null,Mt=({label:i,className:r,children:n,...t})=>!i&&!n?null:e("div",{...t,className:a(["dropin-tag-container",r]),"data-testid":"dropin-tag-container",children:n??e("span",{className:"dropin-tag-container__label",children:i})}),Wt=({className:i,children:r,maxColumns:n,columnWidth:t="1fr",emptyGridContent:o,...s})=>{const d=!!r&&(Array.isArray(r)?r.length>0:!0),l=d?{gridTemplateColumns:`repeat(${n}, ${t})`}:void 0;return e("div",{...s,className:a(["dropin-content-grid",i]),tabindex:0,children:e("div",{"data-testid":"content-grid-content",className:a(["dropin-content-grid__content",["dropin-content-grid__dynamic-columns-content",!n],["dropin-content-grid__content--empty",!d]]),style:l,children:d?r:o})})},Gt=({totalPages:i=10,currentPage:r=1,onChange:n,className:t,...o})=>{const s=$({backwardButton:"Dropin.Pagination.backwardButton.ariaLabel",forwardButton:"Dropin.Pagination.forwardButton.ariaLabel"}),d=P(()=>{const c=Math.min(r+1,i);n==null||n(c)},[r,n,i]),l=P(()=>{const c=Math.max(r-1,1);n==null||n(c)},[r,n]),_=P(c=>{we(c)&&(n==null||n(c))},[n]),m=P((c,p)=>{let u=[];const b=(f,N)=>{for(let v=f;v<=N;v++)u.push({page:v,isActive:v===c,label:v})};return p<=5?b(1,p):c<=2?(b(1,2),u.push({page:"ellipsis",isActive:!1,label:"..."}),b(p-1,p)):c>=p-3?b(p-4,p):(b(c-1,c),u.push({page:"ellipsis",isActive:!1,label:"..."}),b(p-1,p)),u},[]),h=M(()=>m(r,i),[m,r,i]);return e("div",{...o,className:a(["dropin-pagination",t]),children:[e("button",{type:"button","data-testid":"prev-button","aria-label":s.backwardButton,disabled:r===1,onClick:l,className:a(["dropin-pagination-arrow","dropin-pagination-arrow--backward"]),children:e(O,{size:"24",source:X})}),e("ul",{className:"dropin-pagination_list",children:h.map((c,p)=>e("li",{"data-testid":`dropin-pagination_list-item--${c.page}`,className:a(["dropin-pagination_list-item",`dropin-pagination_list-item--${c.page}`,["dropin-pagination_list-item--active",c.isActive]]),children:e("button",{type:"button","data-testid":`set-page-button-${c.page}`,onClick:()=>_(c.page),children:c.label})},`${c.page}_${p}`))}),e("button",{type:"button","data-testid":"next-button","aria-label":s.forwardButton,disabled:r===i,onClick:d,className:a(["dropin-pagination-arrow","dropin-pagination-arrow--forward"]),children:e(O,{size:"24",source:X})})]})},rt=()=>e("div",{className:"dropin-product-item-card dropin-product-item-card-skeleton",children:e(_e,{className:"dropin-product-item-card__skeleton dropin-product-item-card__image-container",children:[e(V,{fullWidth:!0,className:"dropin-product-item-card__skeleton__image"}),e("div",{className:"dropin-product-item-card__content dropin-product-item-card__skeleton__content",children:[e(V,{fullWidth:!0,size:"large",className:"dropin-product-item-card__skeleton__item"}),e(V,{fullWidth:!0,size:"xsmall",className:"dropin-product-item-card__skeleton__item"}),e(V,{fullWidth:!0,size:"small",className:"dropin-product-item-card__skeleton__item"})]})," "]})}),Kt=({className:i,image:r,titleNode:n,price:t,sku:o,actionButton:s,swatches:d,initialized:l=!1,..._})=>l?e("div",{..._,className:a(["dropin-product-item-card",i]),children:[e("div",{className:"dropin-product-item-card__image-container",children:r&&e(k,{node:r,className:a(["dropin-product-item-card__image"])})}),e("div",{className:"dropin-product-item-card__content",children:[n&&e(k,{node:n,className:a(["dropin-product-item-card__title"])}),o&&e(k,{node:o,className:a(["dropin-product-item-card__sku"])}),t&&e("div",{className:"dropin-product-item-card__price",children:e(k,{node:t,className:a(["dropin-product-item-card__price"])})}),d&&e("div",{className:"dropin-product-item-card__swatches",children:e(k,{node:d,className:a(["dropin-product-item-card__swatches"])})}),s&&e("div",{className:"dropin-product-item-card__action",children:e(k,{node:s,className:a(["dropin-product-item-card__action"])})})]})]}):e(rt,{});export{Lt as Accordion,Je as AccordionSection,xt as ActionButton,Dt as ActionButtonGroup,Bt as AlertBanner,Rt as Breadcrumbs,H as Button,je as Card,Ct as CartItem,Xe as CartItemSkeleton,At as CartList,Et as Checkbox,$t as ColorSwatch,Wt as ContentGrid,he as Divider,be as Field,qt as Header,O as Icon,Ft as IllustratedMessage,Ge as Image,Tt as ImageSwatch,Pt as InLineAlert,Me as Incrementer,ue as Input,kt as InputDate,yt as InputPassword,Ot as Modal,Gt as Pagination,Ue as Picker,F as Price,Vt as PriceRange,Kt as ProductItemCard,Ze as ProgressSpinner,ze as RadioButton,_e as Skeleton,V as SkeletonRow,Mt as Tag,It as TextArea,St as TextSwatch,Ht as ToggleButton,me as UIContext,Be as UIProvider,wt as provider};
3
+ import{jsx as e}from"./preact-jsx-runtime.js";import{c as a,V as k}from"./chunks/vcomponent.js";import{I as ve,U as Ne}from"./chunks/Image.js";import{a as Mr,p as Gr}from"./chunks/Image.js";import{L as ee,F as g,h as V,y as R,q as O,S as U,A as G,g as ge,T as M,_ as we,N as le,E as ke,k as W,B as re,x as ye}from"./chunks/icons/Add.js";import K from"./chunks/icons/Minus.js";import{Localizer as te,Text as J,useText as x}from"./i18n.js";import{d as ce,a as ne,i as Ie}from"./chunks/deviceUtils.js";import $e from"./chunks/icons/CheckWithCircle.js";import De from"./chunks/icons/WarningWithCircle.js";import Ee from"./chunks/icons/Date.js";import xe from"./chunks/icons/Locker.js";import Se from"./chunks/icons/Eye.js";import Le from"./chunks/icons/EyeClose.js";import pe from"./chunks/icons/Check.js";import j from"./chunks/icons/Close.js";import X from"./chunks/icons/ChevronDown.js";import Te from"./chunks/icons/Trash.js";import"./chunks/image-params-keymap.js";import"./signals.js";import"./chunks/cjs.js";const ie=1,F=({className:t,fullWidth:r=!1,lines:i=ie,size:n="small",variant:s="row",children:o=null,multilineGap:d="medium",...l})=>{const c=[[`dropin-skeleton-row__${s}`,s],[`dropin-skeleton-row__${s}-${n}`,s&&n]];if(!o&&s==="empty")return e("div",{className:a(["dropin-skeleton-row dropin-skeleton-row__empty",t])});if(o){const u=o.trim();return e("div",{...l,class:a(["dropin-skeleton-row",["dropin-skeleton-row--full",r],t]),dangerouslySetInnerHTML:{__html:u}})}return i>ie===!1?e("div",{...l,class:a(["dropin-skeleton-row",["dropin-skeleton-row--full",r],"dropin-skeleton--row__content",...c,t])}):e("div",{...l,style:{"--multiline-gap-spacing":`var(--spacing-${d})`},class:a(["dropin-skeleton-row--multiline",["dropin-skeleton-row--full",r],t]),children:Array.from({length:i}).map((u,_)=>e("div",{class:a(["dropin-skeleton-row",["dropin-skeleton-row--full",r],"dropin-skeleton--row__content",...c])},_))})},_e=({className:t,children:r,rowGap:i="medium",...n})=>e("div",{style:{"--row-gap-spacing":`var(--spacing-${i})`},...n,className:a(["dropin-skeleton",t]),role:"status","aria-label":"Loading...",children:r}),Oe=function(){const r=typeof document<"u"&&document.createElement("link").relList;return r&&r.supports&&r.supports("modulepreload")?"modulepreload":"preload"}(),Pe=function(t){return"/"+t},ae={},w=function(r,i,n){let s=Promise.resolve();if(i&&i.length>0){document.getElementsByTagName("link");const d=document.querySelector("meta[property=csp-nonce]"),l=(d==null?void 0:d.nonce)||(d==null?void 0:d.getAttribute("nonce"));s=Promise.allSettled(i.map(c=>{if(c=Pe(c),c in ae)return;ae[c]=!0;const p=c.endsWith(".css"),u=p?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${c}"]${u}`))return;const _=document.createElement("link");if(_.rel=p?"stylesheet":Oe,p||(_.as="script"),_.crossOrigin="",_.href=c,l&&_.setAttribute("nonce",l),document.head.appendChild(_),p)return new Promise((m,h)=>{_.addEventListener("load",m),_.addEventListener("error",()=>h(new Error(`Unable to preload CSS for ${c}`)))})}))}function o(d){const l=new Event("vite:preloadError",{cancelable:!0});if(l.payload=d,window.dispatchEvent(l),!l.defaultPrevented)throw d}return s.then(d=>{for(const l of d||[])l.status==="rejected"&&o(l.reason);return r().catch(o)})},oe={Add:g(()=>w(()=>import("./chunks/icons/Add.js").then(t=>t.$),[])),Bulk:g(()=>w(()=>import("./chunks/icons/Bulk.js"),[])),Burger:g(()=>w(()=>import("./chunks/icons/Burger.js"),[])),Cart:g(()=>w(()=>import("./chunks/icons/Cart.js"),[])),Check:g(()=>w(()=>import("./chunks/icons/Check.js"),[])),ChevronDown:g(()=>w(()=>import("./chunks/icons/ChevronDown.js"),[])),ChevronUp:g(()=>w(()=>import("./chunks/icons/ChevronUp.js"),[])),ChevronRight:g(()=>w(()=>import("./chunks/icons/ChevronRight.js"),[])),Close:g(()=>w(()=>import("./chunks/icons/Close.js"),[])),Heart:g(()=>w(()=>import("./chunks/icons/Heart.js"),[])),Minus:g(()=>w(()=>import("./chunks/icons/Minus.js"),[])),Placeholder:g(()=>w(()=>import("./chunks/icons/Placeholder.js"),[])),PlaceholderFilled:g(()=>w(()=>import("./chunks/icons/PlaceholderFilled.js"),[])),Search:g(()=>w(()=>import("./chunks/icons/Search.js"),[])),SearchFilled:g(()=>w(()=>import("./chunks/icons/SearchFilled.js"),[])),Sort:g(()=>w(()=>import("./chunks/icons/Sort.js"),[])),Star:g(()=>w(()=>import("./chunks/icons/Star.js"),[])),View:g(()=>w(()=>import("./chunks/icons/View.js"),[])),User:g(()=>w(()=>import("./chunks/icons/User.js"),[])),Warning:g(()=>w(()=>import("./chunks/icons/Warning.js"),[])),Locker:g(()=>w(()=>import("./chunks/icons/Locker.js"),[])),Wallet:g(()=>w(()=>import("./chunks/icons/Wallet.js"),[])),Card:g(()=>w(()=>import("./chunks/icons/Card.js"),[])),Order:g(()=>w(()=>import("./chunks/icons/Order.js"),[])),Delivery:g(()=>w(()=>import("./chunks/icons/Delivery.js"),[])),OrderError:g(()=>w(()=>import("./chunks/icons/OrderError.js"),[])),OrderSuccess:g(()=>w(()=>import("./chunks/icons/OrderSuccess.js"),[])),PaymentError:g(()=>w(()=>import("./chunks/icons/PaymentError.js"),[])),CheckWithCircle:g(()=>w(()=>import("./chunks/icons/CheckWithCircle.js"),[])),WarningWithCircle:g(()=>w(()=>import("./chunks/icons/WarningWithCircle.js"),[])),WarningFilled:g(()=>w(()=>import("./chunks/icons/WarningFilled.js"),[])),InfoFilled:g(()=>w(()=>import("./chunks/icons/InfoFilled.js"),[])),HeartFilled:g(()=>w(()=>import("./chunks/icons/HeartFilled.js"),[])),Trash:g(()=>w(()=>import("./chunks/icons/Trash.js"),[])),Eye:g(()=>w(()=>import("./chunks/icons/Eye.js"),[])),EyeClose:g(()=>w(()=>import("./chunks/icons/EyeClose.js"),[])),Date:g(()=>w(()=>import("./chunks/icons/Date.js"),[])),AddressBook:g(()=>w(()=>import("./chunks/icons/AddressBook.js"),[])),EmptyBox:g(()=>w(()=>import("./chunks/icons/EmptyBox.js"),[])),Coupon:g(()=>w(()=>import("./chunks/icons/Coupon.js"),[])),Gift:g(()=>w(()=>import("./chunks/icons/Gift.js"),[])),GiftCard:g(()=>w(()=>import("./chunks/icons/GiftCard.js"),[])),Edit:g(()=>w(()=>import("./chunks/icons/Edit.js"),[]))};function Ce(t){try{if(t.startsWith("//")){const i=`${window.location.protocol}${t}`;return new URL(i).hostname===window.location.hostname}return new URL(t).hostname!==window.location.hostname?(console.error(`[Icon] External URL rejected for security: ${t} - Only same-domain URLs are allowed`),!1):!0}catch{return console.error(`[Icon] Invalid URL format: ${t}`),!1}}function Ve({url:t,...r}){const[i,n]=V(""),[s,o]=V(!0),[d,l]=V(!1);return R(()=>{fetch(t).then(c=>{if(!c.ok)throw console.error(`[Icon] Failed to fetch SVG: ${c.status} ${c.statusText}`),d;return c.text()}).then(c=>{try{if(!new DOMParser().parseFromString(c,"image/svg+xml").querySelector("svg"))throw new Error("No <svg> element found")}catch(u){u instanceof Error?console.error(`[Icon] Invalid SVG content from ${t}: ${u.message}`):console.error(`[Icon] Invalid SVG content from ${t}: ${String(u)}`),l(!0),o(!1)}let p=c;r.width&&(p=p.replace(/<svg([^>]*)\s+width\s*=\s*["'][^"']*["']/gi,"<svg$1"),p=p.replace(/<svg/i,`<svg width="${r.width}"`)),r.height&&(p=p.replace(/<svg([^>]*)\s+height\s*=\s*["'][^"']*["']/gi,"<svg$1"),p=p.replace(/<svg/i,`<svg height="${r.height}"`)),r.title&&(p=p.replace(/<title[^>]*>.*?<\/title>/gi,""),p=p.replace(/<svg([^>]*)>/i,`<svg$1><title>${r.title}</title>`)),n(p),o(!1)}).catch(c=>{c instanceof Error?console.error(`[Icon] ${c.message}`):console.error(`[Icon] ${String(c)}`),l(!0),o(!1)})},[t,r.width,r.height,r.title]),s||d?e("svg",{...r}):e("span",{className:r.className,style:{width:String(r.width),height:String(r.height),display:"inline-flex",lineHeight:0},dangerouslySetInnerHTML:{__html:i}})}function P({source:t,size:r="24",stroke:i="2",viewBox:n="0 0 24 24",className:s,...o}){const d={className:a(["dropin-icon",`dropin-icon--shape-stroke-${i}`,s]),width:r,height:r,viewBox:n};if(typeof t=="string"&&Ce(t))return e(ee,{fallback:e("svg",{...o,...d}),children:e(Ve,{url:t,...o,...d})});const l=typeof t=="string"&&t in oe?oe[t]:null,c=typeof t=="string"&&(t.startsWith("http")||t.startsWith("//")||t.startsWith("/"));return e(ee,{fallback:e("svg",{...o,...d}),children:l?e(l,{...o,...d}):c?e("svg",{...o,...d}):e(t,{...o,...d})})}const Re=({name:t,value:r="1",className:i,disabled:n,error:s,success:o,min:d,max:l,onValue:c,onUpdateError:p,size:u="medium",..._})=>{const[m,h]=V(Number(r)),b=Number(d),f=Number(l),v=s||m<b||m>f,N=m<b?"Dropin.Incrementer.minQuantityMessage":m>f?"Dropin.Incrementer.maxQuantityMessage":"Dropin.Incrementer.errorMessage";R(()=>{const $=Number(r);$!==m&&h($)},[r]);const y=O(ce(async $=>{if(c)try{c($)}catch(I){p&&p(I)}},200),[c,p]),S=$=>{let I=$;y(I),h(I)};return e("div",{className:a(["dropin-incrementer",`dropin-incrementer--${u}`,i]),children:[e("div",{className:a(["dropin-incrementer__content",`dropin-incrementer__content--${u}`,["dropin-incrementer__content--error",v],["dropin-incrementer__content--success",o],["dropin-incrementer__content--disabled",n]]),children:[e("div",{className:a(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",n]]),children:e(te,{children:e("button",{type:"button",className:a(["dropin-incrementer__decrease-button",["dropin-incrementer__decrease-button--disabled",n]]),onClick:()=>S(m-1),disabled:n||m<b+1,"aria-label":e(J,{id:"Dropin.Incrementer.decreaseLabel"}),children:e(P,{source:K,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__down"})})})}),e("input",{className:"dropin-incrementer__input",max:l,min:d,step:1,type:"number",name:t,value:m,disabled:n,onBlur:()=>{S(Number(m))},onChange:$=>{const I=$.currentTarget.value;I!==""&&S(Number(I))},..._}),e("div",{className:a(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",n]]),children:e(te,{children:e("button",{type:"button",className:a(["dropin-incrementer__increase-button",["dropin-incrementer__increase-button--disabled",n]]),onClick:()=>S(m+1),disabled:n||m>f-1,"aria-label":e(J,{id:"Dropin.Incrementer.increaseLabel"}),children:e(P,{source:U,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__add"})})})})]}),v&&e("p",{className:"dropin-incrementer__content--error-message",children:e(J,{id:N,fields:{minQuantity:d,maxQuantity:l}})})]})},me=({name:t,value:r,variant:i="primary",className:n,disabled:s,error:o,floatingLabel:d,onValue:l,onUpdateError:c,size:p="medium",icon:u,maxLength:_,success:m,...h})=>{const b=(h==null?void 0:h.id)||t||`dropin-input-${Math.random().toString(36)}`,f=O(ce(async N=>{if(l)try{await l(N)}catch(y){c&&c(y)}},200),[l,c]),v=N=>{const y=N.target;f(y.value.trim())};return e("div",{className:a(["dropin-input-container",`dropin-input-container--${i}`,["dropin-input-container--floating",!!d],["dropin-input-container--disabled",s]]),children:[u&&e(k,{node:u,className:a(["dropin-input__field-icon--left",u.props.className])}),e("div",{className:"dropin-input-label-container",children:[e("input",{id:b,onChange:v,type:"text",maxLength:_,name:t,value:r,...h,className:a(["dropin-input",`dropin-input--${p}`,`dropin-input--${i}`,["dropin-input--error",!!o],["dropin-input--success",!!m],["dropin-input--disabled",s],["dropin-input--floating",!!d],["dropin-input--icon-left",!!u],n]),disabled:s}),d&&e("label",{htmlFor:b,className:a([["dropin-input__label--floating",!!d],["dropin-input__label--floating--icon-left",!!u],["dropin-input__label--floating--error",!!o]]),children:d})]}),o&&e("div",{className:a(["dropin-input__field-icon--right","dropin-input__field-icon--error"]),children:e(P,{source:De,size:"16",stroke:"2",className:"dropin-input--warning-icon",viewBox:"-1 -1 26 26"})}),m&&e("div",{className:a(["dropin-input__field-icon--right","dropin-input__field-icon--success"]),children:e(P,{source:$e,size:"16",stroke:"2",className:"dropin-input--success-icon",viewBox:"-1 -1 26 26"})})]})},fr=({name:t="",error:r,value:i,label:n,onChange:s,onBlur:o,...d})=>{const[l,c]=V((i==null?void 0:i.toString())??""),p=G(null),u=x({picker:"Dropin.InputDate.picker"}),_=O(f=>{f.currentTarget.setAttribute("type","date"),ne()&&p.current.focus()},[]),m=O(f=>{var N;const v=(N=f.currentTarget.parentElement)==null?void 0:N.querySelector("input");v==null||v.focus(),v==null||v.showPicker()},[]),h=O(f=>{f.currentTarget.setAttribute("type","text"),o==null||o(f)},[o]),b=O(f=>{c(f.target.value),s==null||s(f)},[s]);return e("div",{className:a(["dropin-input-date"]),children:[ne()?e("input",{ref:p,"data-testid":"inputDateIos",className:"dropin-input-date__input--ios",type:"date",onChange:b}):null,e(he,{error:r,children:e(me,{"data-testid":"input-date",error:!!r,name:t,value:l,placeholder:n,floatingLabel:n,onFocus:_,onBlur:h,onChange:b,"aria-labelledby":n,className:"dropin-input-date__input",...d})}),e("button",{type:"button","data-testid":"dropin-input-date__icon",className:"dropin-input-date__icon","aria-label":u.picker,onClick:m,children:e(P,{source:Ee,size:"24"})})]})},se={pending:e(K,{}),success:e(pe,{}),error:e(j,{style:{fill:"red"}})},Ae=({minLength:t=0,requiredCharacterClasses:r=0,uniqueSymbolsStatus:i="pending",validateLengthConfig:n={status:"",icon:"",message:""}})=>{const s=x({chartTwoSymbols:"Dropin.PasswordStatusIndicator.chartTwoSymbols",chartThreeSymbols:"Dropin.PasswordStatusIndicator.chartThreeSymbols",chartFourSymbols:"Dropin.PasswordStatusIndicator.chartFourSymbols"}),o=d=>{switch(d){case 2:return s.chartTwoSymbols;case 3:return s.chartThreeSymbols;case 4:return s.chartFourSymbols;default:return""}};return e("div",{className:a(["dropin-password-status-indicator"]),children:[t>0?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${n.status}`,"data-testid":`dropin-password-status-indicator__item--${n.icon}`,children:[se[n.icon],e("span",{className:`${n.status}`,children:n.message})]}):null,r>=2?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${i}`,"data-testid":`dropin-password-status-indicator__item--${i}`,children:[se[i],e("span",{className:"pending",children:o(r)})]}):null]})},vr=({placeholder:t,floatingLabel:r,children:i,name:n,required:s,className:o,minLength:d,autoComplete:l,defaultValue:c="",hideStatusIndicator:p=!1,uniqueSymbolsStatus:u,validateLengthConfig:_,requiredCharacterClasses:m,errorMessage:h,onValue:b,onBlur:f,...v})=>{const N=x({placeholder:"Dropin.InputPassword.placeholder",floatingLabel:"Dropin.InputPassword.floatingLabel",buttonShowTitle:"Dropin.InputPassword.buttonShowTitle",buttonHideTitle:"Dropin.InputPassword.buttonHideTitle"}),[y,S]=V(!1),$=O(()=>{S(D=>!D)},[]),I=y?N.buttonHideTitle:N.buttonShowTitle;return e("div",{"data-testid":"passwordFieldInput",className:a(["dropin-input-password",["dropin-input-password--error",h],o]),...v,children:[e(he,{error:h,children:e(me,{autoComplete:l,name:n??"password",type:y?"text":"password",placeholder:t||N.placeholder,floatingLabel:r||N.floatingLabel,"aria-label":N.placeholder,"aria-required":s||!0,"aria-invalid":!!h,"aria-describedby":"password-feedback",required:s||!1,value:c,onValue:b,icon:e(xe,{}),onBlur:f,"data-testid":"passwordInput"})}),e(H,{"aria-label":I,title:I,type:"button","data-testid":"toggle-password-icon",variant:"tertiary",className:a(["dropin-input-password__eye-icon",`dropin-input-password__eye-icon--${y?"show":"hide"}`,o]),onClick:$,children:e(P,{focusable:!1,"aria-hidden":y,source:y?Se:Le})}),p?null:e(Ae,{minLength:d,requiredCharacterClasses:m,validateLengthConfig:_,uniqueSymbolsStatus:u}),i]})},Nr=({disabled:t,name:r="",errorMessage:i,value:n,label:s,className:o,onChange:d,onBlur:l,...c})=>{const p=G(null),u=ge(),_=!!(i!=null&&i.length);return R(()=>{const m=p.current;m&&(m.style.height="auto",m.style.height=`${m.scrollHeight}px`)},[n]),e("div",{className:a(["dropin-textarea-container",o]),"data-testid":"dropin-textarea-container",children:[e("textarea",{ref:p,"data-testid":"dropin-textarea-field",className:a(["dropin-textarea",["dropin-textarea--error",_],["dropin-textarea--disabled",!!t]]),id:u,placeholder:s,name:r,value:n,disabled:t,onBlur:l,onChange:d,...c}),e("label",{htmlFor:u,className:a(["dropin-textarea__label--floating",["dropin-textarea__label--floating--error",_]]),children:s}),_?e("div",{className:a(["dropin-textarea__label--floating--text",["dropin-textarea__label--floating--error",_]]),children:i}):null]})},ue=({variant:t="primary",className:r})=>e("hr",{role:"separator",className:a(["dropin-divider",`dropin-divider--${t}`,r])});var Fe={};const B=({amount:t=0,currency:r,locale:i=Fe.LOCALE??void 0,variant:n="default",weight:s="bold",className:o,children:d,sale:l=!1,formatOptions:c={},size:p="small",...u})=>{const _=M(()=>new Intl.NumberFormat(i,{style:"currency",currency:r||"USD",minimumFractionDigits:2,maximumFractionDigits:2,...c}),[i,r,c]),m=M(()=>_.format(t),[t,_]);return e("span",{...u,className:a(["dropin-price",`dropin-price--${n}`,`dropin-price--${p}`,`dropin-price--${s}`,["dropin-price--sale",l],o]),children:m})},Be=({name:t,label:r,value:i,size:n="medium",checked:s=!1,disabled:o=!1,error:d=!1,description:l="",busy:c=!1,className:p,children:u,..._})=>e("label",{className:a([p,"dropin-radio-button",["dropin-radio-button--error",d],["dropin-radio-button--disabled",o]]),children:[e("input",{name:t,value:i,checked:s,disabled:o,type:"radio",className:a(["dropin-radio-button__input",["dropin-radio-button__input--error",d],["dropin-radio-button__input--disabled",o]]),"aria-busy":c,..._}),e("span",{className:a(["dropin-radio-button__label",`dropin-radio-button__label--${n}`,["dropin-radio-button__label--error",d],["dropin-radio-button__label--disabled",o]]),children:r}),e("span",{className:a(["dropin-radio-button__description",`dropin-radio-button__description--${n}`,["dropin-radio-button__description--disabled",o]]),children:l})]}),H=({value:t,variant:r="primary",size:i="medium",icon:n,className:s,children:o,disabled:d=!1,active:l=!1,activeChildren:c,activeIcon:p,href:u,..._})=>{let m="dropin-button";(n&&!o||n&&l&&!c||!n&&l&&p)&&(m="dropin-iconButton"),l&&c&&(m="dropin-button"),s=a([m,`${m}--${i}`,`${m}--${r}`,[`${m}--${r}--disabled`,d],o&&n&&`${m}--with-icon`,!o&&c&&n&&`${m}--with-icon`,l&&p&&`${m}--with-icon`,s]);const h=a(["dropin-button-icon",`dropin-button-icon--${r}`,[`dropin-button-icon--${r}--disabled`,d],n==null?void 0:n.props.className]),b=u?{node:e("a",{}),role:"link",href:u,..._,disabled:d,active:l,onKeyDown:f=>{d&&f.preventDefault()},tabIndex:d?-1:0}:{node:e("button",{}),role:"button",..._,value:t,disabled:d,active:l};return e(k,{...b,className:s,children:[n&&!l&&e(k,{node:n,className:h}),p&&l&&e(k,{node:p,className:h}),o&&!l&&(typeof o=="string"?e("span",{children:o}):o),l&&c&&(typeof c=="string"?e("span",{children:c}):c)]})};function de(t,r,i,n,s){return t||(r?r.value:i||n?"":s?s.value:null)}const He=({name:t,value:r=null,options:i,variant:n="primary",floatingLabel:s,size:o="medium",handleSelect:d=()=>{},disabled:l=!1,error:c=!1,placeholder:p,defaultOption:u,icon:_,className:m,...h})=>{const b=(h==null?void 0:h.id)||t||`dropin-picker-${Math.random().toString(36)}`,f=!!(h!=null&&h.required),v=i==null?void 0:i.find(L=>!L.disabled),[N,y]=V(()=>de(r,u,p,s,v));R(()=>{y(de(r,u,p,s,v))},[r,u,p,s,v]);const S=L=>{const{options:T,value:E}=L.target;for(const A of T)A.selected&&(y(E),d(L))},$=i==null?void 0:i.map(L=>{const{value:T,text:E,disabled:A}=L;return e("option",{value:T,selected:T===N,disabled:A,className:a(["dropin-picker__option"]),children:E},T)}),I=!!N,D=()=>(!f||!I)&&(s||p);return e("div",{className:a([m,"dropin-picker",`dropin-picker__${o}`,["dropin-picker__floating",!!s],["dropin-picker__selected",I],["dropin-picker__error",c],["dropin-picker__disabled",l],["dropin-picker__icon",_]]),children:[_&&e(_.type,{..._.props,className:"dropin-picker__icon--placeholder"}),e("select",{id:b,className:a(["dropin-picker__select",`dropin-picker__select--${n}`,`dropin-picker__select--${o}`,["dropin-picker__select--floating",!!s]]),name:t,"aria-label":t,disabled:l,onChange:S,...h,children:[D()&&e("option",{selected:!I,value:"",className:a(["dropin-picker__option dropin-picker__placeholder"]),children:s??p},r),$]}),e(P,{source:X,size:"24",stroke:"2",className:"dropin-picker__chevronDown"}),s&&I&&e("label",{htmlFor:b,className:a(["dropin-picker__floatingLabel",!!s]),children:s})]})},he=({className:t,label:r,error:i,hint:n,success:s,size:o="medium",disabled:d=!1,children:l,...c})=>{var _;const p=((_=l==null?void 0:l.props)==null?void 0:_.id)??`dropin-field-${Math.random().toString(36)}`,u=l&&typeof l.type!="string"?l.type:null;return e("div",{...c,className:a(["dropin-field",t]),children:[r&&e("label",{className:a(["dropin-field__label",["dropin-field__label--disabled",d],`dropin-field__label--${o}`]),htmlFor:p,children:r}),e("div",{className:a(["dropin-field__content"]),children:u&&l&&we(u,{...l.props,id:p,key:l.key,disabled:d,size:o,error:!!i,success:!!s&&!i})}),e("div",{className:a(["dropin-field__hint",[`dropin-field__hint--${o}`,o],["dropin-field__hint--error",!!i],["dropin-field__hint--success",!!s&&!i],["dropin-field__hint--disabled",!!d]]),children:i||s||n})]})},gr=({icon:t,className:r,children:i,active:n=!1,disabled:s=!1,...o})=>e("button",{role:"button",disabled:s,...o,className:a(["dropin-action-button",["dropin-action-button--active",n],["dropin-action-button--disabled",s],r]),children:[t&&e(k,{node:t,className:a(["dropin-action-button-icon"])}),i&&(typeof i=="string"?e("span",{children:i}):i)]}),wr=({className:t,variant:r="primary",activeOption:i,disabled:n=!1,dividers:s=!0,children:o,handleSelect:d,...l})=>{const[c,p]=V(i),u=O(m=>{n||m.props.disabled||(p(m.props.value),d&&d(m.props.value))},[d,p,n]),_=le.map(o,m=>{const h=n||m.props.disabled,b=m.props.value===c;return ke(m,{disabled:h,active:b,onClick:()=>u(m),className:a(["dropin-action-button-group__option",`dropin-action-button-group__option--${r}`,["dropin-action-button-group__option--active",b],["dropin-action-button-group__option--with-dividers",s]])})});return e("div",{role:"group",...l,className:a(["dropin-action-button-group",`dropin-action-button-group--${r}`,t]),children:_})},We=({variant:t="primary",className:r,children:i,...n})=>e("div",{...n,className:a(["dropin-card",`dropin-card--${t}`,r]),children:e("div",{class:"dropin-card__content",children:i})}),kr=({name:t,value:r,size:i="medium",disabled:n=!1,error:s=!1,label:o="",description:d="",className:l,checked:c,...p})=>{const[u,_]=V(c===void 0?!1:c),m=G(null),h=f=>{var v;(v=p.onChange)==null||v.call(p,f),_(f.currentTarget.checked)},b=f=>{var v;f.key===" "&&(f.preventDefault(),(v=m==null?void 0:m.current)==null||v.click())};return R(()=>{typeof c=="boolean"&&_(c)},[c]),e("label",{className:a(["dropin-checkbox",["dropin-checkbox--disabled",n]]),children:[e("input",{ref:m,name:t,value:r,type:"checkbox",disabled:n,className:a(["dropin-checkbox__checkbox",["dropin-checkbox__checkbox--error",s],l]),...p,onChange:h,checked:u}),e("div",{className:"dropin-checkbox__checkbox-icon",children:["​",e("span",{"aria-checked":u?"true":"false","aria-labelledby":`${t}-label`,"aria-describedby":d?`${t}-description`:void 0,className:a(["dropin-checkbox__box",["dropin-checkbox__box--error",s],["dropin-checkbox__box--disabled",n]]),role:"checkbox",tabIndex:n?-1:0,onKeyDown:b,children:e(P,{className:a(["dropin-checkbox__checkmark"]),source:pe,size:"16",stroke:"3"})})]}),e("div",{id:`${t}-label`,className:a(["dropin-checkbox__label",`dropin-checkbox__label--${i}`,["dropin-checkbox__label--disabled",n]]),children:o}),e("div",{}),d&&e("div",{id:`${t}-description`,role:"note",className:a(["dropin-checkbox__description",`dropin-checkbox__description--${i}`,["dropin-checkbox__description--disabled",n]]),children:d})]})},yr=({className:t,name:r,value:i,id:n,label:s,groupAriaLabel:o,size:d="medium",color:l,disabled:c=!1,selected:p=!1,outOfStock:u=!1,multi:_=!1,onValue:m,onUpdateError:h,...b})=>{const f=x("Dropin.Swatches.outOfStock.label").label,v=x("Dropin.Swatches.selected.label").label,N=x("Dropin.Swatches.swatch.label").label,y=O(async T=>{if(m)try{await m(T)}catch(E){h&&h(E)}},[m,h]),S=T=>{const E=T.target;y(E.value)},D=l&&(T=>{const E=new Option().style;return E.color=T,E.color!==""})(l)?l:"var(--color-gray-300);",L=()=>u?`${o}: ${s} ${f}`:p?`${o}: ${s} ${v}`:`${o}: ${s} ${N}`;return e("label",{className:a(["dropin-color-swatch__container",`dropin-color-swatch__container--${d}`,t]),children:[e("input",{type:_?"checkbox":"radio",name:r,id:n,value:i,"aria-label":L(),checked:p,disabled:c,onChange:S,...b,className:a(["dropin-color-swatch",["dropin-color-swatch--selected",p],["dropin-color-swatch--disabled",c],t])}),e("span",{style:{"--bg-color":D},className:a(["dropin-color-swatch__span",["dropin-color-swatch__span--out-of-stock",u],t])})]})},Ir=({className:t,name:r,value:i,label:n,groupAriaLabel:s,id:o,disabled:d=!1,selected:l=!1,outOfStock:c=!1,multi:p=!1,onValue:u,onUpdateError:_,...m})=>{const h=x("Dropin.Swatches.outOfStock.label").label,b=x("Dropin.Swatches.selected.label").label,f=x("Dropin.Swatches.swatch.label").label,[v,N]=V(!1),y=G(null),S=O(async D=>{if(u)try{await u(D)}catch(L){_&&_(L)}},[u,_]),$=D=>{const L=D.target;S(L.value)},I=()=>c?`${s}: ${n} ${h}`:l?`${s}: ${n} ${b}`:`${s}: ${n} ${f}`;return R(()=>{y.current&&y.current.scrollWidth>y.current.clientWidth&&N(!0)},[n]),e("div",{className:"dropin-text-swatch__container",...v?{"data-tooltip":n}:{},children:[e("input",{type:p?"checkbox":"radio",name:r,id:o,value:i,"aria-label":I(),checked:l,disabled:d,onChange:$,...m,className:a(["dropin-text-swatch",["dropin-text-swatch--selected",l],["dropin-text-swatch--disabled",d],t])}),e("label",{htmlFor:o,ref:y,className:a(["dropin-text-swatch__label",["dropin-text-swatch__label--out-of-stock",c],t]),children:n})]})},qe=({ariaLabel:t,size:r="small",stroke:i="4",children:n,className:s,style:o,...d})=>{const l=["dropin-progress-spinner",`dropin-progress-spinner--shape-size-${r}`,`dropin-progress-spinner--shape-stroke-${i}`],c=x({updating:"Dropin.ProgressSpinner.updating.label",updatingChildren:"Dropin.ProgressSpinner.updatingChildren.label"}),p=()=>t||(n?c.updatingChildren:c.updating);return n?e("div",{...d,className:a(["dropin-progress-spinner-provider"]),"aria-live":"polite",role:"status",children:[e("div",{"aria-hidden":!0,children:n}),e("div",{"aria-label":p(),role:"status",className:a(["dropin-progress-spinner-background",s]),style:o}),e("div",{className:a(["dropin-progress-spinner-with-provider",...l]),"aria-hidden":!0})]}):e("div",{...d,className:a([s,...l]),"aria-live":"polite",role:"status","aria-label":p()})},$r=({className:t,name:r,value:i,id:n,label:s,groupAriaLabel:o,src:d,alt:l,disabled:c=!1,selected:p=!1,outOfStock:u=!1,multi:_=!1,imageNode:m,onValue:h,onUpdateError:b,...f})=>{const v=x("Dropin.Swatches.outOfStock.label").label,N=x("Dropin.Swatches.selected.label").label,y=x("Dropin.Swatches.swatch.label").label,S=O(async L=>{if(h)try{await h(L)}catch(T){b&&b(T)}},[h,b]),$=L=>{const T=L.target;S(T.value)},I=()=>u?`${o}: ${s} ${v}`:p?`${o}: ${s} ${N}`:`${o}: ${s} ${y}`,D=M(()=>({src:d,alt:l,loading:"lazy",params:{width:100,fit:"bounds",crop:!0},onError:L=>L.target.style.display="none"}),[d,l]);return e("label",{className:a(["dropin-image-swatch__container",t]),children:[e("input",{type:_?"checkbox":"radio",name:r,id:n,value:i,"aria-label":I(),checked:p,disabled:c,onChange:$,...f,className:a(["dropin-image-swatch",["dropin-image-swatch--selected",p],["dropin-image-swatch--disabled",c],t])}),e("span",{className:a(["dropin-image-swatch__span",["dropin-image-swatch__span--out-of-stock",u],t]),children:typeof m=="function"?m({...D,imageSwatchContext:{disabled:c,outOfStock:u,selected:p,value:i,label:s,groupAriaLabel:o,name:r,id:n}}):m||e(ve,{...D,className:a(["dropin-image-swatch__content"])})})]})},Me=({className:t,children:r,title:i,ariaLabelTitle:n,secondaryText:s,actionIconPosition:o="left",iconOpen:d=U,iconClose:l=K,iconLeft:c=U,showIconLeft:p=!1,renderContentWhenClosed:u=!0,defaultOpen:_,onStateChange:m,...h})=>{const[b,f]=V(!1),v=I=>{I.stopImmediatePropagation();const D=!b;f(D),m==null||m(D)};R(()=>{typeof _<"u"&&f(_)},[_]);const N=x(`Dropin.Accordion.${b?"close":"open"}.label`).label,y=e(P,{source:d,size:"24",onClick:v,onKeyPress:v,className:"dropin-accordion-section__open-icon"}),S=e(P,{source:l,size:"24",onClick:v,onKeyPress:v,className:"dropin-accordion-section__close-icon"}),$=e(P,{source:c,size:"24"});return e("div",{...h,className:a(["dropin-accordion-section",t]),children:[e("div",{className:"dropin-accordion-section__heading",children:[e("div",{className:"dropin-accordion-section__flex",onClick:v,onKeyPress:v,role:"button","aria-label":`${N} ${n??i}`,tabIndex:0,children:e("div",{className:"dropin-accordion-section__title-container",children:[o==="left"&&(b?S:y),p&&$,e("h3",{className:"dropin-accordion-section__title",children:i})]})}),e("div",{className:"dropin-accordion-section__secondary-text-container",children:[s&&e("h4",{className:"dropin-accordion-section__secondary-text",children:s}),o==="right"&&(b?S:y)]})]}),e("div",{className:"dropin-accordion-section__content-container",style:{display:b?"grid":"none"},children:(b||u&&!b)&&r})]})},Dr=({className:t,children:r,actionIconPosition:i="left",iconOpen:n=U,iconClose:s=K,...o})=>{const d=e(ue,{variant:"secondary"}),l=c=>e(W,{children:[e(Me,{...c.props,actionIconPosition:i,iconOpen:n,iconClose:s}),d]});return e("div",{...o,className:a(["dropin-accordion",t]),children:[d,...(Array.isArray(r)?r:[r]).map(l)]})},Er=({variant:t="primary",className:r,type:i="warning",additionalActions:n,onDismiss:s,heading:o,description:d,icon:l,itemList:c,actionButtonPosition:p,...u})=>{var m,h,b;const _=x({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...u,className:a(["dropin-in-line-alert",`dropin-in-line-alert--${i}`,`dropin-in-line-alert--${t}`,r]),children:[e("div",{className:"dropin-in-line-alert__heading",children:[e("div",{className:"dropin-in-line-alert__title-container",children:[l&&e(k,{node:l,className:"dropin-in-line-alert__icon"}),e("span",{className:"dropin-in-line-alert__title",children:o})]}),e("div",{className:"dropin-in-line-alert__actions-container",children:[n&&(p==="top"||!p&&n.length<=1)&&e(H,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:n.length>0?(m=n[0])==null?void 0:m.onClick:void 0,"aria-label":(h=n[0])==null?void 0:h.label,children:(b=n[0])==null?void 0:b.label}),s&&e(H,{icon:e(P,{source:j,size:"24",stroke:"2"}),className:"dropin-in-line-alert__dismiss-button",variant:"tertiary",onClick:s,"aria-label":_.dismiss})]})]}),d&&e("p",{className:"dropin-in-line-alert__description",children:d}),e("div",{className:"dropin-in-line-alert__item-list-container",children:c&&e(k,{node:c,className:a(["dropin-in-line-alert__item-list"])})}),n&&(p==="bottom"||!p&&n.length>1)&&e("div",{className:"dropin-in-line-alert__additional-actions-container",children:n.map(f=>e(H,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:f.onClick,children:f.label},f.label))})]})},Ge=({children:t})=>{const r=G(null);return R(()=>(r.current||(r.current=document.createElement("div"),r.current.setAttribute("data-portal-root",""),r.current.classList.add("dropin-design"),document.body.appendChild(r.current)),re(t,r.current),()=>{r.current&&(re(null,r.current),r.current.remove(),r.current=null)}),[t]),null},xr=({size:t="small",title:r=null,centered:i=!1,backgroundDim:n=!0,clickToDismiss:s=!0,escapeToDismiss:o=!0,onClose:d,showCloseButton:l=!0,className:c,children:p=null,...u})=>{const _=O(()=>{d==null||d()},[d]),m=x({modalCloseLabel:"Dropin.Modal.Close.label"});return R(()=>{const h=b=>{const f=document.querySelector(".dropin-modal"),v=document.querySelector(".dropin-modal__body");s&&f&&v&&!v.contains(b.target)&&_()};return document.addEventListener("mousedown",h),()=>{document.removeEventListener("mousedown",h)}},[_,s]),R(()=>{const h=b=>{b.key==="Escape"&&o&&_()};return document.addEventListener("keydown",h),()=>{document.removeEventListener("keydown",h)}},[_,o]),R(()=>{const h=document.scrollingElement,b=h.style.overflow;return h.style.overflow="hidden",()=>{h.style.overflow=b}},[]),e(Ge,{children:e("div",{className:a(["dropin-modal",["dropin-modal--dim",n]]),children:e("div",{...u,className:a(["dropin-modal__body",[`dropin-modal__body--${t}`,t],c]),children:[e("div",{className:a(["dropin-modal__header",["dropin-modal__header-title",!!r]]),children:[r&&e("div",{className:a(["dropin-modal__header-title-content"]),children:r}),l&&e(H,{"aria-label":m.modalCloseLabel,variant:"tertiary",className:"dropin-modal__header-close-button",onClick:_,icon:e(j,{})})]}),e("div",{className:a(["dropin-modal__content",["dropin-modal__body--centered",i]]),children:p})]})})})},Sr=({className:t,children:r,ariaLabel:i,image:n,title:s,price:o,taxIncluded:d=!1,taxExcluded:l=!1,total:c,totalExcludingTax:p,sku:u,configurations:_,warning:m,alert:h,discount:b,savings:f,actions:v,quantity:N,description:y,attributes:S,footer:$,loading:I=!1,updating:D=!1,quantityType:L,dropdownOptions:T,onQuantity:E,onRemove:A,...Y})=>{var Z,Q;const{locale:z}=ye(Ne),C=x({each:"Dropin.CartItem.each.label",pricePerItem:"Dropin.CartItem.pricePerItem.label",quantity:"Dropin.CartItem.quantity.label",remove:"Dropin.CartItem.remove.label",removeDefault:"Dropin.CartItem.removeDefault.label",taxIncluded:"Dropin.CartItem.taxIncluded.label",taxExcluded:"Dropin.CartItem.taxExcluded.label",updating:"Dropin.CartItem.updating.label",updatingDefault:"Dropin.ProgressSpinner.updating.label"});if(I)return e(Ue,{});const be=L==="dropdown"?e(He,{className:a(["dropin-cart-item__quantity__picker"]),value:String(N),name:"quantity","aria-label":C.quantity,disabled:D,variant:"primary",options:T,handleSelect:q=>E==null?void 0:E(Number(q.target.value))}):e(Re,{className:a(["dropin-cart-item__quantity__incrementer"]),value:N,min:1,onValue:q=>E==null?void 0:E(Number(q)),name:"quantity","aria-label":C.quantity,disabled:D});return e("div",{...Y,className:a(["dropin-cart-item",["dropin-cart-item--updating",D],t]),children:[D&&e(qe,{className:a(["dropin-cart-item__spinner"]),ariaLabel:i?(Z=C.updating)==null?void 0:Z.replace("{product}",i):C.updatingDefault}),e("div",{className:"dropin-cart-item__wrapper",children:[n&&e(k,{node:n,className:a(["dropin-cart-item__image"])}),s&&e(k,{node:s,className:a(["dropin-cart-item__title",["dropin-cart-item__title--edit",!!E||!!A]])}),y&&e(k,{node:y,className:a(["dropin-cart-item__description"])}),u&&e(k,{node:u,className:a(["dropin-cart-item__sku"])}),e("div",{className:a(["dropin-cart-item__savings__wrapper"]),children:[b&&e(k,{node:b,className:a(["dropin-cart-item__discount","dropin-cart-item__discount__large-screen"])}),f&&e(k,{node:f,className:a(["dropin-cart-item__savings","dropin-cart-item__savings__large-screen"])})]}),S&&e("div",{className:a(["dropin-cart-item__attributes"]),children:e(k,{node:S})}),_&&e("ul",{className:a(["dropin-cart-item__configurations"]),children:Object.entries(_).map(([q,fe])=>e("li",{className:a(["dropin-cart-item__configurations__item"]),children:[q,":"," ",e("strong",{className:a(["dropin-cart-item__configurations__item__value"]),children:fe})]},q))}),o&&e("span",{className:a(["dropin-cart-item__price"]),"aria-label":C.pricePerItem,children:[N&&!E&&e(W,{children:[e("span",{className:"dropin-cart-item__price__quantity","aria-hidden":!0,children:[N.toLocaleString(z)," x"," "]}),e("div",{className:"dropin-cart-item__sr-only",children:[C.quantity,": ",N==null?void 0:N.toLocaleString(z),";"]})]}),e(k,{node:o,role:"text"}),N&&N>1&&e(W,{children:[" ",C.each]}),d&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",C.taxIncluded]}),l&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",C.taxExcluded]})]}),e("div",{className:a(["dropin-cart-item__quantity",["dropin-cart-item__quantity--edit",!!E]]),children:[E?be:N&&e("span",{className:a(["dropin-cart-item__quantity__value"]),children:[C.quantity,":"," ",e("strong",{className:"dropin-cart-item__quantity__number",children:Number(N).toLocaleString(z)})]}),m&&e(k,{node:m,className:a(["dropin-cart-item__warning","dropin-cart-item__warning--quantity"])}),h&&e(k,{node:h,className:a(["dropin-cart-item__alert","dropin-cart-item__alert--quantity"])})]}),v&&e("div",{className:a(["dropin-cart-item__actions"]),children:e(k,{node:v,className:a(["dropin-cart-item__buttons"])})}),m&&e(k,{node:m,className:a(["dropin-cart-item__warning"])}),h&&e(k,{node:h,className:a(["dropin-cart-item__alert"])}),e("div",{className:a(["dropin-cart-item__total",["dropin-cart-item__total--edit",!!A]]),children:[e("div",{className:"dropin-cart-item__row-total__wrapper",children:[c&&e("div",{className:"dropin-cart-item__row-total",children:e(k,{node:c,role:"text"})}),d&&e("div",{className:"dropin-cart-item__total-tax-included",children:e("span",{"data-testid":"tax-message",className:a(["dropin-cart-item__total-tax-message"]),children:C.taxIncluded})})]}),l&&e("div",{className:"dropin-cart-item__total-tax-excluded",children:e("span",{"data-testid":"tax-message",className:a(["dropin-cart-item__total-tax-excluded-message"]),children:[p&&e(k,{node:p,role:"text"})," ",C.taxExcluded]})}),b&&e(k,{node:b,className:a(["dropin-cart-item__discount"])}),f&&e(k,{node:f,className:a(["dropin-cart-item__savings"])})]}),$&&e(k,{node:$,className:a(["dropin-cart-item__footer"])})]}),A&&e(H,{"data-testid":"cart-item-remove-button",className:a(["dropin-cart-item__remove"]),variant:"tertiary",onClick:()=>A==null?void 0:A(),icon:e(P,{"data-testid":"cart-item-remove-icon",source:Te,size:"24",stroke:"2",viewBox:"0 0 24 24","aria-label":i?(Q=C.remove)==null?void 0:Q.replace("{product}",i):C.removeDefault}),disabled:D})]})},Ue=()=>e("div",{className:"dropin-cart-item dropin-cart-item-skeleton",children:e(_e,{className:"dropin-cart-item__skeleton dropin-cart-item__wrapper",children:[e("div",{className:"dropin-cart-item__image",children:e(F,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__title",children:e(F,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__sku",children:e(F,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__price",children:e(F,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__quantity",children:e(F,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__total",children:e(F,{className:"dropin-cart-item__skeleton__item"})})]})}),Lr=({className:t,children:r,...i})=>e("div",{...i,className:a(["dropin-cart-list",t]),children:e("div",{className:"dropin-cart-list__wrapper","aria-live":"assertive","aria-relevant":"all",children:le.map(r,(n,s)=>e("div",{className:"dropin-cart-list__item",children:n},s))})}),Tr=({className:t,children:r,locale:i,currency:n,amount:s,variant:o="default",minimumAmount:d,maximumAmount:l,size:c="small",display:p="dash",specialPrice:u,sale:_=!1,...m})=>{const h=M(()=>s||d===l||d&&!l||l&&!d,[s,l,d]);return e("div",{children:h?e("div",{...m,className:a(["dropin-price-range",t]),children:e(B,{amount:s??d??l,currency:n,locale:i,size:c,variant:o,sale:_})}):e("div",{...m,className:a(["dropin-price-range",t]),children:[p==="dash"?e(Ke,{specialPrice:u,minimumAmount:d,maximumAmount:l,currency:n,locale:i,size:c,sale:_}):null,p==="from to"?e(je,{specialPrice:u,minimumAmount:d,maximumAmount:l,currency:n,locale:i,size:c,sale:_}):null,p==="as low as"?e(ze,{specialPrice:u,minimumAmount:d,maximumAmount:l,currency:n,locale:i,size:c,sale:_}):null]})})};function Ke({specialPrice:t,minimumAmount:r,maximumAmount:i,currency:n,locale:s,size:o,sale:d}){return e(W,{children:[e(B,{amount:t??r,currency:n,locale:s,size:o,sale:!!t&&d}),e("span",{className:"dropin-price-range__separator",children:"-"}),e(B,{amount:i,currency:n,locale:s,size:o})]})}function je({specialPrice:t,minimumAmount:r,maximumAmount:i,currency:n,locale:s,size:o,sale:d}){const l=x({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(W,{children:[e("span",{className:a(["dropin-price-range__from",`dropin-price-range__from--${o}`]),children:l.from}),e(B,{amount:t??r,currency:n,locale:s,size:o,sale:!!t&&d}),e("span",{className:a(["dropin-price-range__to",`dropin-price-range__to--${o}`]),children:l.to}),e(B,{amount:i,currency:n,locale:s,size:o})]})}function ze({specialPrice:t,minimumAmount:r,maximumAmount:i,currency:n,locale:s,size:o,sale:d}){const l=x({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(W,{children:[e("span",{className:a(["dropin-price-range__as-low-as",`dropin-price-range__as-low-as--${o}`]),children:l.asLowAs}),t?e("div",{children:[e(B,{amount:i,currency:n,locale:s,size:o,variant:"strikethrough"}),e(B,{amount:t,currency:n,locale:s,size:o,className:"dropin-price-range__special",sale:!!t&&d})]}):e(B,{amount:r,currency:n,locale:s,size:o})]})}const Or=({className:t,categories:r,separator:i,...n})=>e(W,{children:(r==null?void 0:r.length)>1&&e("nav",{role:"navigation",...n,className:a(["dropin-breadcrumbs__container",t]),children:e("ul",{className:"dropin-breadcrumbs__items",children:r==null?void 0:r.map((s,o)=>e("li",{className:a(["dropin-breadcrumbs__item",["dropin-breadcrumbs__item--last",o===r.length-1]]),children:[e(k,{node:s,className:"dropin-breadcrumbs__link"}),!i&&o!==r.length-1&&e("span",{className:"dropin-breadcrumbs__separator--default",children:[" ","/"," "]}),i&&o!==r.length-1&&e(k,{node:i,className:"dropin-breadcrumbs__separator--icon"})]},o))})})}),Pr=({className:t,variant:r,icon:i,message:n,onDismiss:s,action:o,...d})=>{const l=x({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...d,className:a([t,"dropin-alert-banner",`dropin-alert-banner--${r}`]),children:[e("div",{className:"dropin-alert-banner__content",children:[i&&e(k,{node:i,"aria-hidden":"true",className:"dropin-alert-banner__icon"}),e(k,{node:n,className:a(["dropin-alert-banner__message"])})]}),e("div",{className:"dropin-alert-banner__actions",children:[o&&e(H,{variant:"tertiary",className:"dropin-alert-banner__action",onClick:o.onClick,"aria-label":o.label,children:o.label}),e(H,{icon:e(P,{source:j,size:"24",stroke:"2"}),className:"dropin-alert-banner__dismiss-button",variant:"primary",onClick:s,"aria-label":l.dismiss})]})]})},Cr=({className:t,icon:r,heading:i,headingLevel:n=2,message:s,action:o,variant:d="secondary",...l})=>{const c=n>=1&&n<=6?`h${n}`:"h2";return e("div",{...l,className:a(["dropin-illustrated-message",t]),children:e(We,{variant:d,children:[r&&e(k,{node:r,"aria-hidden":"true",size:"80",className:"dropin-illustrated-message__icon"}),i&&e(c,{className:"dropin-illustrated-message__heading",children:i}),s&&e(k,{node:s,className:"dropin-illustrated-message__message"}),o&&e(k,{node:o,className:"dropin-illustrated-message__action"})]})})},Vr=({label:t,name:r,value:i,busy:n=!1,children:s,className:o,icon:d,onChange:l,selected:c=!0,...p})=>e("div",{...p,className:a(["dropin-toggle-button",o,["dropin-toggle-button__selected",c]]),children:e("label",{className:"dropin-toggle-button__actionButton",children:[e(Be,{label:"",name:r,value:i,checked:c,onChange:()=>l&&l(i),"aria-label":r,busy:n,className:a([o,"dropin-toggle-button__radioButton"])}),e("span",{className:"dropin-toggle-button__content",children:[d&&e(d.type,{...d==null?void 0:d.props,className:"dropin-toggle-button__icon"}),t]})]})}),Je=({level:t,className:r,children:i})=>{const n=t&&t>=1&&t<=6?`h${t}`:"span";return e(n,{className:r,children:i})},Rr=({title:t=null,size:r="medium",cta:i,divider:n=!0,className:s,level:o,...d})=>t?e("div",{...d,className:a(["dropin-header-container",s]),"data-testid":"dropin-header-container",children:[e(Je,{className:a(["dropin-header-container__title",["dropin-header-container__title--medium",r==="medium"],["dropin-header-container__title--large",r==="large"]]),level:o,children:t}),i?e(k,{node:i,className:"dropin-header-container__actions"}):null,n?e(ue,{className:a(["dropin-header-container__divider",["dropin-header-container__divider--medium",r==="medium"],["dropin-header-container__divider--large",r==="large"]])}):null]}):null,Ar=({label:t,className:r,children:i,...n})=>!t&&!i?null:e("div",{...n,className:a(["dropin-tag-container",r]),"data-testid":"dropin-tag-container",children:i??e("span",{className:"dropin-tag-container__label",children:t})}),Fr=({className:t,children:r,maxColumns:i,columnWidth:n="1fr",emptyGridContent:s,...o})=>{const d=!!r&&(Array.isArray(r)?r.length>0:!0),l=d?{gridTemplateColumns:`repeat(${i}, ${n})`}:void 0;return e("div",{...o,className:a(["dropin-content-grid",t]),tabindex:0,children:e("div",{"data-testid":"content-grid-content",className:a(["dropin-content-grid__content",["dropin-content-grid__dynamic-columns-content",!i],["dropin-content-grid__content--empty",!d]]),style:l,children:d?r:s})})},Br=({totalPages:t=10,currentPage:r=1,onChange:i,className:n,...s})=>{const o=x({backwardButton:"Dropin.Pagination.backwardButton.ariaLabel",forwardButton:"Dropin.Pagination.forwardButton.ariaLabel"}),d=O(()=>{const _=Math.min(r+1,t);i==null||i(_)},[r,i,t]),l=O(()=>{const _=Math.max(r-1,1);i==null||i(_)},[r,i]),c=O(_=>{Ie(_)&&(i==null||i(_))},[i]),p=O((_,m)=>{let h=[];const b=(f,v)=>{for(let N=f;N<=v;N++)h.push({page:N,isActive:N===_,label:N})};return m<=5?b(1,m):_<=2?(b(1,2),h.push({page:"ellipsis",isActive:!1,label:"..."}),b(m-1,m)):_>=m-3?b(m-4,m):(b(_-1,_),h.push({page:"ellipsis",isActive:!1,label:"..."}),b(m-1,m)),h},[]),u=M(()=>p(r,t),[p,r,t]);return e("div",{...s,className:a(["dropin-pagination",n]),children:[e("button",{type:"button","data-testid":"prev-button","aria-label":o.backwardButton,disabled:r===1,onClick:l,className:a(["dropin-pagination-arrow","dropin-pagination-arrow--backward"]),children:e(P,{size:"24",source:X})}),e("ul",{className:"dropin-pagination_list",children:u.map((_,m)=>e("li",{"data-testid":`dropin-pagination_list-item--${_.page}`,className:a(["dropin-pagination_list-item",`dropin-pagination_list-item--${_.page}`,["dropin-pagination_list-item--active",_.isActive]]),children:e("button",{type:"button","data-testid":`set-page-button-${_.page}`,onClick:()=>c(_.page),children:_.label})},`${_.page}_${m}`))}),e("button",{type:"button","data-testid":"next-button","aria-label":o.forwardButton,disabled:r===t,onClick:d,className:a(["dropin-pagination-arrow","dropin-pagination-arrow--forward"]),children:e(P,{size:"24",source:X})})]})},Xe=()=>e("div",{className:"dropin-product-item-card dropin-product-item-card-skeleton",children:e(_e,{className:"dropin-product-item-card__skeleton dropin-product-item-card__image-container",children:[e(F,{fullWidth:!0,className:"dropin-product-item-card__skeleton__image"}),e("div",{className:"dropin-product-item-card__content dropin-product-item-card__skeleton__content",children:[e(F,{fullWidth:!0,size:"large",className:"dropin-product-item-card__skeleton__item"}),e(F,{fullWidth:!0,size:"xsmall",className:"dropin-product-item-card__skeleton__item"}),e(F,{fullWidth:!0,size:"small",className:"dropin-product-item-card__skeleton__item"})]})," "]})}),Hr=({className:t,image:r,titleNode:i,price:n,sku:s,actionButton:o,swatches:d,initialized:l=!1,...c})=>l?e("div",{...c,className:a(["dropin-product-item-card",t]),children:[e("div",{className:"dropin-product-item-card__image-container",children:r&&e(k,{node:r,className:a(["dropin-product-item-card__image"])})}),e("div",{className:"dropin-product-item-card__content",children:[i&&e(k,{node:i,className:a(["dropin-product-item-card__title"])}),s&&e(k,{node:s,className:a(["dropin-product-item-card__sku"])}),n&&e("div",{className:"dropin-product-item-card__price",children:e(k,{node:n,className:a(["dropin-product-item-card__price"])})}),d&&e("div",{className:"dropin-product-item-card__swatches",children:e(k,{node:d,className:a(["dropin-product-item-card__swatches"])})}),o&&e("div",{className:"dropin-product-item-card__action",children:e(k,{node:o,className:a(["dropin-product-item-card__action"])})})]})]}):e(Xe,{});export{Dr as Accordion,Me as AccordionSection,gr as ActionButton,wr as ActionButtonGroup,Pr as AlertBanner,Or as Breadcrumbs,H as Button,We as Card,Sr as CartItem,Ue as CartItemSkeleton,Lr as CartList,kr as Checkbox,yr as ColorSwatch,Fr as ContentGrid,ue as Divider,he as Field,Rr as Header,P as Icon,Cr as IllustratedMessage,ve as Image,$r as ImageSwatch,Er as InLineAlert,Re as Incrementer,me as Input,fr as InputDate,vr as InputPassword,xr as Modal,Br as Pagination,He as Picker,B as Price,Tr as PriceRange,Hr as ProductItemCard,qe as ProgressSpinner,Be as RadioButton,_e as Skeleton,F as SkeletonRow,Ar as Tag,Nr as TextArea,Ir as TextSwatch,Vr as ToggleButton,Ne as UIContext,Mr as UIProvider,Gr as provider};
4
4
  //# sourceMappingURL=components.js.map