@dropins/tools 0.28.0-alpha4 → 0.28.0-beta2

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.
@@ -1,12 +1,12 @@
1
- var xe=Object.defineProperty;var je=(e,t,r)=>t in e?xe(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var ie=(e,t,r)=>je(e,typeof t!="symbol"?t+"":t,r);import{g as Ae}from"./image-params-keymap.js";import{jsx as S}from"../preact-jsx-runtime.js";import{l as v,_ as ye,k as q,G as Me,B as ae}from"./icons/Add.js";import{signal as se}from"../signals.js";const Se=e=>e.reduce((r,n)=>{if(!n)return r;if(typeof n=="string"&&(r+=` ${n}`),Array.isArray(n)){const[a,p]=n;a&&p&&(r+=` ${a}`)}return r},"").trim();function Ee(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var $e=function(t){return Ce(t)&&!Ne(t)};function Ce(e){return!!e&&typeof e=="object"}function Ne(e){var t=Object.prototype.toString.call(e);return t==="[object RegExp]"||t==="[object Date]"||De(e)}var Pe=typeof Symbol=="function"&&Symbol.for,Te=Pe?Symbol.for("react.element"):60103;function De(e){return e.$$typeof===Te}function Fe(e){return Array.isArray(e)?[]:{}}function z(e,t){return t.clone!==!1&&t.isMergeableObject(e)?F(Fe(e),e,t):e}function Le(e,t,r){return e.concat(t).map(function(n){return z(n,r)})}function Ue(e,t){if(!t.customMerge)return F;var r=t.customMerge(e);return typeof r=="function"?r:F}function ke(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter(function(t){return Object.propertyIsEnumerable.call(e,t)}):[]}function le(e){return Object.keys(e).concat(ke(e))}function ge(e,t){try{return t in e}catch{return!1}}function qe(e,t){return ge(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))}function ze(e,t,r){var n={};return r.isMergeableObject(e)&&le(e).forEach(function(a){n[a]=z(e[a],r)}),le(t).forEach(function(a){qe(e,a)||(ge(e,a)&&r.isMergeableObject(t[a])?n[a]=Ue(a,r)(e[a],t[a],r):n[a]=z(t[a],r))}),n}function F(e,t,r){r=r||{},r.arrayMerge=r.arrayMerge||Le,r.isMergeableObject=r.isMergeableObject||$e,r.cloneUnlessOtherwiseSpecified=z;var n=Array.isArray(t),a=Array.isArray(e),p=n===a;return p?n?r.arrayMerge(e,t,r):ze(e,t,r):z(t,r)}F.all=function(t,r){if(!Array.isArray(t))throw new Error("first argument should be an array");return t.reduce(function(n,a){return F(n,a,r)},{})};var Ve=F,We=Ve;const nt=Ee(We),it=(e,t)=>{let r;return function(...n){clearTimeout(r),r=setTimeout(()=>e.apply(this,n),t)}},oe={medium:768,large:1024,xlarge:1366,xxlarge:1920},Ke=(e,t)=>{const[r,n]=e.split("?"),a=new URLSearchParams(n),p=Ae();let _={};return p&&Object.keys(p).length>0&&t?_=Object.entries(t).reduce((f,[g,h])=>{const w=p[g];return w&&(f[w]=h),f},{}):_={auto:"webp",quality:80,crop:!1,fit:"cover",...t},Object.entries(_).forEach(([f,g])=>{g!=null&&a.set(f,String(g))}),`${r}?${a.toString()}`},at=(e,t)=>{if(!e||!(t!=null&&t.width))return;const r=n=>Ke(e,{...n});return Object.entries(oe).map(([,n])=>{const a=t.width*n/oe.xxlarge;return`${r({...t,width:a})} ${n}w`}).join(`,
1
+ var xe=Object.defineProperty;var je=(e,t,r)=>t in e?xe(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var ie=(e,t,r)=>je(e,typeof t!="symbol"?t+"":t,r);import{g as Ae}from"./image-params-keymap.js";import{jsx as S}from"../preact-jsx-runtime.js";import{l as g,_ as ve,k as q,G as Me,B as ae}from"./icons/Add.js";import{signal as se}from"../signals.js";const Se=e=>e.reduce((r,n)=>{if(!n)return r;if(typeof n=="string"&&(r+=` ${n}`),Array.isArray(n)){const[a,p]=n;a&&p&&(r+=` ${a}`)}return r},"").trim();function $e(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Ee=function(t){return Ce(t)&&!Ne(t)};function Ce(e){return!!e&&typeof e=="object"}function Ne(e){var t=Object.prototype.toString.call(e);return t==="[object RegExp]"||t==="[object Date]"||Le(e)}var Pe=typeof Symbol=="function"&&Symbol.for,Te=Pe?Symbol.for("react.element"):60103;function Le(e){return e.$$typeof===Te}function De(e){return Array.isArray(e)?[]:{}}function z(e,t){return t.clone!==!1&&t.isMergeableObject(e)?D(De(e),e,t):e}function Fe(e,t,r){return e.concat(t).map(function(n){return z(n,r)})}function Ue(e,t){if(!t.customMerge)return D;var r=t.customMerge(e);return typeof r=="function"?r:D}function ke(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter(function(t){return Object.propertyIsEnumerable.call(e,t)}):[]}function le(e){return Object.keys(e).concat(ke(e))}function ye(e,t){try{return t in e}catch{return!1}}function qe(e,t){return ye(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))}function ze(e,t,r){var n={};return r.isMergeableObject(e)&&le(e).forEach(function(a){n[a]=z(e[a],r)}),le(t).forEach(function(a){qe(e,a)||(ye(e,a)&&r.isMergeableObject(t[a])?n[a]=Ue(a,r)(e[a],t[a],r):n[a]=z(t[a],r))}),n}function D(e,t,r){r=r||{},r.arrayMerge=r.arrayMerge||Fe,r.isMergeableObject=r.isMergeableObject||Ee,r.cloneUnlessOtherwiseSpecified=z;var n=Array.isArray(t),a=Array.isArray(e),p=n===a;return p?n?r.arrayMerge(e,t,r):ze(e,t,r):z(t,r)}D.all=function(t,r){if(!Array.isArray(t))throw new Error("first argument should be an array");return t.reduce(function(n,a){return D(n,a,r)},{})};var Ve=D,We=Ve;const nt=$e(We),it=(e,t)=>{let r;return function(...n){clearTimeout(r),r=setTimeout(()=>e.apply(this,n),t)}},oe={medium:768,large:1024,xlarge:1366,xxlarge:1920},Ke=(e,t)=>{const[r,n]=e.split("?"),a=new URLSearchParams(n),p=Ae();let _={};return p&&Object.keys(p).length>0&&t?_=Object.entries(t).reduce((f,[y,h])=>{const w=p[y];return w&&(f[w]=h),f},{}):_={auto:"webp",quality:80,crop:!1,fit:"cover",...t},Object.entries(_).forEach(([f,y])=>{y!=null&&a.set(f,String(y))}),`${r}?${a.toString()}`},at=(e,t)=>{if(!e||!(t!=null&&t.width))return;const r=n=>Ke(e,{...n});return Object.entries(oe).map(([,n])=>{const a=t.width*n/oe.xxlarge;return`${r({...t,width:a})} ${n}w`}).join(`,
2
2
  `)};var Ze=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|^--/i,he=/^(area|base|br|col|embed|hr|img|input|link|meta|param|source|track|wbr)$/,K=/[\s\n\\/='"\0<>]/,be=/^xlink:?./,Be=/["&<]/;function k(e){if(Be.test(e+="")===!1)return e;for(var t=0,r=0,n="",a="";r<e.length;r++){switch(e.charCodeAt(r)){case 34:a="&quot;";break;case 38:a="&amp;";break;case 60:a="&lt;";break;default:continue}r!==t&&(n+=e.slice(t,r)),n+=a,t=r+1}return r!==t&&(n+=e.slice(t,r)),n}var ce=function(e,t){return String(e).replace(/(\n+)/g,"$1"+(t||" "))},fe=function(e,t,r){return String(e).length>40||String(e).indexOf(`
3
- `)!==-1||String(e).indexOf("<")!==-1},ue={},Ge=/([A-Z])/g;function me(e){var t="";for(var r in e){var n=e[r];n!=null&&n!==""&&(t&&(t+=" "),t+=r[0]=="-"?r:ue[r]||(ue[r]=r.replace(Ge,"-$1").toLowerCase()),t=typeof n=="number"&&Ze.test(r)===!1?t+": "+n+"px;":t+": "+n+";")}return t||void 0}function ee(e,t){return Array.isArray(t)?t.reduce(ee,e):t!=null&&t!==!1&&e.push(t),e}function de(){this.__d=!0}function we(e,t){return{__v:e,context:t,props:e.props,setState:de,forceUpdate:de,__d:!0,__h:[]}}function Z(e,t){var r=e.contextType,n=r&&t[r.__c];return r!=null?n?n.props.value:r.__:t}var I=[];function L(e,t,r,n,a,p){if(e==null||typeof e=="boolean")return"";if(typeof e!="object")return typeof e=="function"?"":k(e);var _=r.pretty,f=_&&typeof _=="string"?_:" ";if(Array.isArray(e)){for(var g="",h=0;h<e.length;h++)_&&h>0&&(g+=`
4
- `),g+=L(e[h],t,r,n,a,p);return g}if(e.constructor!==void 0)return"";var w,u=e.type,o=e.props,x=!1;if(typeof u=="function"){if(x=!0,!r.shallow||!n&&r.renderRootComponent!==!1){if(u===q){var m=[];return ee(m,e.props.children),L(m,t,r,r.shallowHighOrder!==!1,a,p)}var y,i=e.__c=we(e,t);v.__b&&v.__b(e);var P=v.__r;if(u.prototype&&typeof u.prototype.render=="function"){var E=Z(u,t);(i=e.__c=new u(o,E)).__v=e,i._dirty=i.__d=!0,i.props=o,i.state==null&&(i.state={}),i._nextState==null&&i.__s==null&&(i._nextState=i.__s=i.state),i.context=E,u.getDerivedStateFromProps?i.state=Object.assign({},i.state,u.getDerivedStateFromProps(i.props,i.state)):i.componentWillMount&&(i.componentWillMount(),i.state=i._nextState!==i.state?i._nextState:i.__s!==i.state?i.__s:i.state),P&&P(e),y=i.render(i.props,i.state,i.context)}else for(var C=Z(u,t),T=0;i.__d&&T++<25;)i.__d=!1,P&&P(e),y=u.call(e.__c,o,C);return i.getChildContext&&(t=Object.assign({},t,i.getChildContext())),v.diffed&&v.diffed(e),L(y,t,r,r.shallowHighOrder!==!1,a,p)}u=(w=u).displayName||w!==Function&&w.name||function(J){var Q=(Function.prototype.toString.call(J).match(/^\s*function\s+([^( ]+)/)||"")[1];if(!Q){for(var W=-1,R=I.length;R--;)if(I[R]===J){W=R;break}W<0&&(W=I.push(J)-1),Q="UnnamedComponent"+W}return Q}(w)}var j,O,d="<"+u;if(o){var b=Object.keys(o);r&&r.sortAttributes===!0&&b.sort();for(var $=0;$<b.length;$++){var s=b[$],c=o[s];if(s!=="children"){if(!K.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(o.class!==void 0)continue;s="class"}else a&&be.test(s)&&(s=s.toLowerCase().replace(/^xlink:?/,"xlink:"));if(s==="htmlFor"){if(o.for)continue;s="for"}s==="style"&&c&&typeof c=="object"&&(c=me(c)),s[0]==="a"&&s[1]==="r"&&typeof c=="boolean"&&(c=String(c));var l=r.attributeHook&&r.attributeHook(s,c,t,r,x);if(l||l==="")d+=l;else if(s==="dangerouslySetInnerHTML")O=c&&c.__html;else if(u==="textarea"&&s==="value")j=c;else if((c||c===0||c==="")&&typeof c!="function"){if(!(c!==!0&&c!==""||(c=s,r&&r.xml))){d=d+" "+s;continue}if(s==="value"){if(u==="select"){p=c;continue}u==="option"&&p==c&&o.selected===void 0&&(d+=" selected")}d=d+" "+s+'="'+k(c)+'"'}}}else j=c}}if(_){var A=d.replace(/\n\s*/," ");A===d||~A.indexOf(`
3
+ `)!==-1||String(e).indexOf("<")!==-1},ue={},Ge=/([A-Z])/g;function me(e){var t="";for(var r in e){var n=e[r];n!=null&&n!==""&&(t&&(t+=" "),t+=r[0]=="-"?r:ue[r]||(ue[r]=r.replace(Ge,"-$1").toLowerCase()),t=typeof n=="number"&&Ze.test(r)===!1?t+": "+n+"px;":t+": "+n+";")}return t||void 0}function ee(e,t){return Array.isArray(t)?t.reduce(ee,e):t!=null&&t!==!1&&e.push(t),e}function de(){this.__d=!0}function we(e,t){return{__v:e,context:t,props:e.props,setState:de,forceUpdate:de,__d:!0,__h:[]}}function Z(e,t){var r=e.contextType,n=r&&t[r.__c];return r!=null?n?n.props.value:r.__:t}var I=[];function F(e,t,r,n,a,p){if(e==null||typeof e=="boolean")return"";if(typeof e!="object")return typeof e=="function"?"":k(e);var _=r.pretty,f=_&&typeof _=="string"?_:" ";if(Array.isArray(e)){for(var y="",h=0;h<e.length;h++)_&&h>0&&(y+=`
4
+ `),y+=F(e[h],t,r,n,a,p);return y}if(e.constructor!==void 0)return"";var w,u=e.type,o=e.props,x=!1;if(typeof u=="function"){if(x=!0,!r.shallow||!n&&r.renderRootComponent!==!1){if(u===q){var m=[];return ee(m,e.props.children),F(m,t,r,r.shallowHighOrder!==!1,a,p)}var v,i=e.__c=we(e,t);g.__b&&g.__b(e);var P=g.__r;if(u.prototype&&typeof u.prototype.render=="function"){var $=Z(u,t);(i=e.__c=new u(o,$)).__v=e,i._dirty=i.__d=!0,i.props=o,i.state==null&&(i.state={}),i._nextState==null&&i.__s==null&&(i._nextState=i.__s=i.state),i.context=$,u.getDerivedStateFromProps?i.state=Object.assign({},i.state,u.getDerivedStateFromProps(i.props,i.state)):i.componentWillMount&&(i.componentWillMount(),i.state=i._nextState!==i.state?i._nextState:i.__s!==i.state?i.__s:i.state),P&&P(e),v=i.render(i.props,i.state,i.context)}else for(var C=Z(u,t),T=0;i.__d&&T++<25;)i.__d=!1,P&&P(e),v=u.call(e.__c,o,C);return i.getChildContext&&(t=Object.assign({},t,i.getChildContext())),g.diffed&&g.diffed(e),F(v,t,r,r.shallowHighOrder!==!1,a,p)}u=(w=u).displayName||w!==Function&&w.name||function(J){var Q=(Function.prototype.toString.call(J).match(/^\s*function\s+([^( ]+)/)||"")[1];if(!Q){for(var W=-1,R=I.length;R--;)if(I[R]===J){W=R;break}W<0&&(W=I.push(J)-1),Q="UnnamedComponent"+W}return Q}(w)}var j,O,d="<"+u;if(o){var b=Object.keys(o);r&&r.sortAttributes===!0&&b.sort();for(var E=0;E<b.length;E++){var s=b[E],c=o[s];if(s!=="children"){if(!K.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(o.class!==void 0)continue;s="class"}else a&&be.test(s)&&(s=s.toLowerCase().replace(/^xlink:?/,"xlink:"));if(s==="htmlFor"){if(o.for)continue;s="for"}s==="style"&&c&&typeof c=="object"&&(c=me(c)),s[0]==="a"&&s[1]==="r"&&typeof c=="boolean"&&(c=String(c));var l=r.attributeHook&&r.attributeHook(s,c,t,r,x);if(l||l==="")d+=l;else if(s==="dangerouslySetInnerHTML")O=c&&c.__html;else if(u==="textarea"&&s==="value")j=c;else if((c||c===0||c==="")&&typeof c!="function"){if(!(c!==!0&&c!==""||(c=s,r&&r.xml))){d=d+" "+s;continue}if(s==="value"){if(u==="select"){p=c;continue}u==="option"&&p==c&&o.selected===void 0&&(d+=" selected")}d=d+" "+s+'="'+k(c)+'"'}}}else j=c}}if(_){var A=d.replace(/\n\s*/," ");A===d||~A.indexOf(`
5
5
  `)?_&&~d.indexOf(`
6
6
  `)&&(d+=`
7
- `):d=A}if(d+=">",K.test(u))throw new Error(u+" is not a valid HTML tag name in "+d);var D,Oe=he.test(u)||r.voidElements&&r.voidElements.test(u),M=[];if(O)_&&fe(O)&&(O=`
8
- `+f+ce(O,f)),d+=O;else if(j!=null&&ee(D=[],j).length){for(var B=_&&~d.indexOf(`
9
- `),re=!1,G=0;G<D.length;G++){var X=D[G];if(X!=null&&X!==!1){var N=L(X,t,r,!0,u==="svg"||u!=="foreignObject"&&a,p);if(_&&!B&&fe(N)&&(B=!0),N)if(_){var ne=N.length>0&&N[0]!="<";re&&ne?M[M.length-1]+=N:M.push(N),re=ne}else M.push(N)}}if(_&&B)for(var Y=M.length;Y--;)M[Y]=`
10
- `+f+ce(M[Y],f)}if(M.length||O)d+=M.join("");else if(r&&r.xml)return d.substring(0,d.length-1)+" />";return!Oe||D||O?(_&&~d.indexOf(`
7
+ `):d=A}if(d+=">",K.test(u))throw new Error(u+" is not a valid HTML tag name in "+d);var L,Oe=he.test(u)||r.voidElements&&r.voidElements.test(u),M=[];if(O)_&&fe(O)&&(O=`
8
+ `+f+ce(O,f)),d+=O;else if(j!=null&&ee(L=[],j).length){for(var B=_&&~d.indexOf(`
9
+ `),re=!1,G=0;G<L.length;G++){var X=L[G];if(X!=null&&X!==!1){var N=F(X,t,r,!0,u==="svg"||u!=="foreignObject"&&a,p);if(_&&!B&&fe(N)&&(B=!0),N)if(_){var ne=N.length>0&&N[0]!="<";re&&ne?M[M.length-1]+=N:M.push(N),re=ne}else M.push(N)}}if(_&&B)for(var Y=M.length;Y--;)M[Y]=`
10
+ `+f+ce(M[Y],f)}if(M.length||O)d+=M.join("");else if(r&&r.xml)return d.substring(0,d.length-1)+" />";return!Oe||L||O?(_&&~d.indexOf(`
11
11
  `)&&(d+=`
12
- `),d=d+"</"+u+">"):d=d.replace(/>$/," />"),d}var Xe={shallow:!0};V.render=V;var Ye=function(e,t){return V(e,t,Xe)},pe=[];function V(e,t,r){t=t||{};var n=v.__s;v.__s=!0;var a,p=ye(q,null);return p.__k=[e],a=r&&(r.pretty||r.voidElements||r.sortAttributes||r.shallow||r.allAttributes||r.xml||r.attributeHook)?L(e,t,r):U(e,t,!1,void 0,p),v.__c&&v.__c(e,pe),v.__s=n,pe.length=0,a}function H(e){return e==null||typeof e=="boolean"?null:typeof e=="string"||typeof e=="number"||typeof e=="bigint"?ye(null,null,e):e}function Je(e,t){return e==="className"?"class":e==="htmlFor"?"for":e==="defaultValue"?"value":e==="defaultChecked"?"checked":e==="defaultSelected"?"selected":t&&be.test(e)?e.toLowerCase().replace(/^xlink:?/,"xlink:"):e}function Qe(e,t){return e==="style"&&t!=null&&typeof t=="object"?me(t):e[0]==="a"&&e[1]==="r"&&typeof t=="boolean"?String(t):t}var _e=Array.isArray,ve=Object.assign;function U(e,t,r,n,a){if(e==null||e===!0||e===!1||e==="")return"";if(typeof e!="object")return typeof e=="function"?"":k(e);if(_e(e)){var p="";a.__k=e;for(var _=0;_<e.length;_++)p+=U(e[_],t,r,n,a),e[_]=H(e[_]);return p}if(e.constructor!==void 0)return"";e.__=a,v.__b&&v.__b(e);var f=e.type,g=e.props;if(typeof f=="function"){var h;if(f===q)h=g.children;else{h=f.prototype&&typeof f.prototype.render=="function"?function(b,$){var s=b.type,c=Z(s,$),l=new s(b.props,c);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=c,s.getDerivedStateFromProps?l.state=ve({},l.state,s.getDerivedStateFromProps(l.props,l.state)):l.componentWillMount&&(l.componentWillMount(),l.state=l.__s!==l.state?l.__s:l.state);var A=v.__r;return A&&A(b),l.render(l.props,l.state,l.context)}(e,t):function(b,$){var s,c=we(b,$),l=Z(b.type,$);b.__c=c;for(var A=v.__r,D=0;c.__d&&D++<25;)c.__d=!1,A&&A(b),s=b.type.call(c,b.props,l);return s}(e,t);var w=e.__c;w.getChildContext&&(t=ve({},t,w.getChildContext()))}var u=U(h=h!=null&&h.type===q&&h.key==null?h.props.children:h,t,r,n,e);return v.diffed&&v.diffed(e),e.__=void 0,v.unmount&&v.unmount(e),u}var o,x,m="<";if(m+=f,g)for(var y in o=g.children,g){var i=g[y];if(!(y==="key"||y==="ref"||y==="__self"||y==="__source"||y==="children"||y==="className"&&"class"in g||y==="htmlFor"&&"for"in g||K.test(y))){if(i=Qe(y=Je(y,r),i),y==="dangerouslySetInnerHTML")x=i&&i.__html;else if(f==="textarea"&&y==="value")o=i;else if((i||i===0||i==="")&&typeof i!="function"){if(i===!0||i===""){i=y,m=m+" "+y;continue}if(y==="value"){if(f==="select"){n=i;continue}f!=="option"||n!=i||"selected"in g||(m+=" selected")}m=m+" "+y+'="'+k(i)+'"'}}}var P=m;if(m+=">",K.test(f))throw new Error(f+" is not a valid HTML tag name in "+m);var E="",C=!1;if(x)E+=x,C=!0;else if(typeof o=="string")E+=k(o),C=!0;else if(_e(o)){e.__k=o;for(var T=0;T<o.length;T++){var j=o[T];if(o[T]=H(j),j!=null&&j!==!1){var O=U(j,t,f==="svg"||f!=="foreignObject"&&r,n,e);O&&(E+=O,C=!0)}}}else if(o!=null&&o!==!1&&o!==!0){e.__k=[H(o)];var d=U(o,t,f==="svg"||f!=="foreignObject"&&r,n,e);d&&(E+=d,C=!0)}if(v.diffed&&v.diffed(e),e.__=void 0,v.unmount&&v.unmount(e),C)m+=E;else if(he.test(f))return P+" />";return m+"</"+f+">"}V.shallowRender=Ye;const Re=Me(null);class st{constructor(t){ie(this,"_provider");this._provider=t}render(t,r){return async n=>{var u;if(!t)throw new Error("Component is not defined");if(!n)throw new Error("Root element is not defined");const a=await((u=t.getInitialData)==null?void 0:u.call(t,r))??{},p=se({...r}),_=se(new Set),f=this._provider,g=({next:o})=>S(Re.Provider,{value:_,children:S(te,{node:f,...f.props,children:S(t,{...o.value,initialData:a})})}),h=document.createElement("div");ae(S(g,{next:p}),h);const w={remove:()=>{ae(null,h)},setProps:o=>{const x=o(p.peek());p.value=x}};return new Promise(o=>{_.subscribe(x=>{if(x.size===0)return h.firstChild&&(n.classList.add("dropin-design"),n.innerHTML="",n.appendChild(h.firstChild)),o(w)})})}}unmount(t){var r;if(!t)throw new Error("Root element is not defined");(r=t.firstChild)==null||r.remove()}async toString(t,r,n){var p;if(!t)throw new Error("Component is not defined");const a=await((p=t.getInitialData)==null?void 0:p.call(t,r))??{};return V(S(te,{node:this._provider,...this._provider.props,children:S(t,{...r,initialData:a})}),{},{...n})}}function te({node:e,...t}){return e?Array.isArray(e)?S(q,{children:e.map((r,n)=>S(te,{node:r,className:t.className,...t},n))}):(t.className=Se([e.props.className,t.className]),S(e.type,{ref:e.ref,...e.props,...t},e.key)):null}export{st as R,Re as S,te as V,it as a,Se as c,nt as d,at as g};
12
+ `),d=d+"</"+u+">"):d=d.replace(/>$/," />"),d}var Xe={shallow:!0};V.render=V;var Ye=function(e,t){return V(e,t,Xe)},pe=[];function V(e,t,r){t=t||{};var n=g.__s;g.__s=!0;var a,p=ve(q,null);return p.__k=[e],a=r&&(r.pretty||r.voidElements||r.sortAttributes||r.shallow||r.allAttributes||r.xml||r.attributeHook)?F(e,t,r):U(e,t,!1,void 0,p),g.__c&&g.__c(e,pe),g.__s=n,pe.length=0,a}function H(e){return e==null||typeof e=="boolean"?null:typeof e=="string"||typeof e=="number"||typeof e=="bigint"?ve(null,null,e):e}function Je(e,t){return e==="className"?"class":e==="htmlFor"?"for":e==="defaultValue"?"value":e==="defaultChecked"?"checked":e==="defaultSelected"?"selected":t&&be.test(e)?e.toLowerCase().replace(/^xlink:?/,"xlink:"):e}function Qe(e,t){return e==="style"&&t!=null&&typeof t=="object"?me(t):e[0]==="a"&&e[1]==="r"&&typeof t=="boolean"?String(t):t}var _e=Array.isArray,ge=Object.assign;function U(e,t,r,n,a){if(e==null||e===!0||e===!1||e==="")return"";if(typeof e!="object")return typeof e=="function"?"":k(e);if(_e(e)){var p="";a.__k=e;for(var _=0;_<e.length;_++)p+=U(e[_],t,r,n,a),e[_]=H(e[_]);return p}if(e.constructor!==void 0)return"";e.__=a,g.__b&&g.__b(e);var f=e.type,y=e.props;if(typeof f=="function"){var h;if(f===q)h=y.children;else{h=f.prototype&&typeof f.prototype.render=="function"?function(b,E){var s=b.type,c=Z(s,E),l=new s(b.props,c);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=c,s.getDerivedStateFromProps?l.state=ge({},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,E){var s,c=we(b,E),l=Z(b.type,E);b.__c=c;for(var A=g.__r,L=0;c.__d&&L++<25;)c.__d=!1,A&&A(b),s=b.type.call(c,b.props,l);return s}(e,t);var w=e.__c;w.getChildContext&&(t=ge({},t,w.getChildContext()))}var u=U(h=h!=null&&h.type===q&&h.key==null?h.props.children:h,t,r,n,e);return g.diffed&&g.diffed(e),e.__=void 0,g.unmount&&g.unmount(e),u}var o,x,m="<";if(m+=f,y)for(var v in o=y.children,y){var i=y[v];if(!(v==="key"||v==="ref"||v==="__self"||v==="__source"||v==="children"||v==="className"&&"class"in y||v==="htmlFor"&&"for"in y||K.test(v))){if(i=Qe(v=Je(v,r),i),v==="dangerouslySetInnerHTML")x=i&&i.__html;else if(f==="textarea"&&v==="value")o=i;else if((i||i===0||i==="")&&typeof i!="function"){if(i===!0||i===""){i=v,m=m+" "+v;continue}if(v==="value"){if(f==="select"){n=i;continue}f!=="option"||n!=i||"selected"in y||(m+=" selected")}m=m+" "+v+'="'+k(i)+'"'}}}var P=m;if(m+=">",K.test(f))throw new Error(f+" is not a valid HTML tag name in "+m);var $="",C=!1;if(x)$+=x,C=!0;else if(typeof o=="string")$+=k(o),C=!0;else if(_e(o)){e.__k=o;for(var T=0;T<o.length;T++){var j=o[T];if(o[T]=H(j),j!=null&&j!==!1){var O=U(j,t,f==="svg"||f!=="foreignObject"&&r,n,e);O&&($+=O,C=!0)}}}else if(o!=null&&o!==!1&&o!==!0){e.__k=[H(o)];var d=U(o,t,f==="svg"||f!=="foreignObject"&&r,n,e);d&&($+=d,C=!0)}if(g.diffed&&g.diffed(e),e.__=void 0,g.unmount&&g.unmount(e),C)m+=$;else if(he.test(f))return P+" />";return m+"</"+f+">"}V.shallowRender=Ye;const Re=Me(null);class st{constructor(t){ie(this,"_provider");this._provider=t}render(t,r){return async n=>{var u;if(!t)throw new Error("Component is not defined");if(!n)throw new Error("Root element is not defined");const a=await((u=t.getInitialData)==null?void 0:u.call(t,r))??{},p=se({...r}),_=se(new Set),f=this._provider,y=({next:o})=>S(Re.Provider,{value:_,children:S(te,{node:f,...f.props,children:S(t,{...o.value,initialData:a})})});n.innerHTML="";const h=document.createElement("div");n.classList.add("dropin-design"),ae(S(y,{next:p}),h);const w={remove:()=>{ae(null,h)},setProps:o=>{const x=o(p.peek());p.value=x}};return new Promise(o=>{_.subscribe(x=>{if(x.size===0)return n.classList.add("dropin-design"),n.appendChild(h.firstChild??h),o(w)})})}}unmount(t){var r;if(!t)throw new Error("Root element is not defined");(r=t.firstChild)==null||r.remove()}async toString(t,r,n){var p;if(!t)throw new Error("Component is not defined");const a=await((p=t.getInitialData)==null?void 0:p.call(t,r))??{};return V(S(te,{node:this._provider,...this._provider.props,children:S(t,{...r,initialData:a})}),{},{...n})}}function te({node:e,...t}){return e?Array.isArray(e)?S(q,{children:e.map((r,n)=>S(te,{node:r,className:t.className,...t},n))}):(t.className=Se([e.props.className,t.className]),S(e.type,{ref:e.ref,...e.props,...t},e.key)):null}export{st as R,Re as S,te as V,it as a,Se as c,nt as d,at as g};
package/components.js CHANGED
@@ -1 +1 @@
1
- import{jsx as e}from"./preact-jsx-runtime.js";import{d as Q,c as s,R as se,a as Y,V as y,g as le}from"./chunks/vcomponent.js";import{G as de,T as B,k as V,F as g,L as ce,h as R,q as L,S as H,_ as pe,N as ee,E as _e,A as re,y as M,x as me}from"./chunks/icons/Add.js";import{IntlProvider as ue,Localizer as U,Text as G,useText as I}from"./i18n.js";import W from"./chunks/icons/Minus.js";import he from"./chunks/icons/CheckWithCircle.js";import be from"./chunks/icons/WarningWithCircle.js";import ge from"./chunks/icons/Date.js";import fe from"./chunks/icons/Locker.js";import ve from"./chunks/icons/Eye.js";import Ne from"./chunks/icons/EyeClose.js";import te from"./chunks/icons/Check.js";import K from"./chunks/icons/Close.js";import we from"./chunks/icons/ChevronDown.js";import ke from"./chunks/icons/Trash.js";import"./chunks/image-params-keymap.js";import"./signals.js";const ye={ExampleComponentName:{item:{label:"string"}},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:{requiredFieldError:"This is a required field.",placeholder:"Password",floatingLabel:"Password",buttonTitle:"Click to show or 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"},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"}},j={Dropin:ye},Z={default:j,en_US:j},xe=n=>Q(Z.default,Z[n]||{}),z=1,F=({className:n,fullWidth:i=!1,lines:a=z,size:r="small",variant:o="row",children:t=null,multilineGap:l="medium",...d})=>{const p=[[`dropin-skeleton-row__${o}`,o],[`dropin-skeleton-row__${o}-${r}`,o&&r]];if(!t&&o==="empty")return e("div",{className:s(["dropin-skeleton-row dropin-skeleton-row__empty",n])});if(t){const m=t.trim();return e("div",{...d,class:s(["dropin-skeleton-row",["dropin-skeleton-row--full",i],n]),dangerouslySetInnerHTML:{__html:m}})}return a>z===!1?e("div",{...d,class:s(["dropin-skeleton-row",["dropin-skeleton-row--full",i],"dropin-skeleton--row__content",...p,n])}):e("div",{...d,style:{"--multiline-gap-spacing":`var(--spacing-${l})`},class:s(["dropin-skeleton-row--multiline",["dropin-skeleton-row--full",i],n]),children:Array.from({length:a}).map((m,u)=>e("div",{class:s(["dropin-skeleton-row",["dropin-skeleton-row--full",i],"dropin-skeleton--row__content",...p])},u))})},De=({className:n,children:i,rowGap:a="medium",...r})=>e("div",{style:{"--row-gap-spacing":`var(--spacing-${a})`},...r,className:s(["dropin-skeleton",n]),role:"status","aria-label":"Loading...",children:i}),ne=de({locale:"en-US"}),Ee=({lang:n="en_US",langDefinitions:i={},children:a})=>{const r=B(()=>{const t=Q(i.default,i[n]??{});return Q(xe(n),t)},[n,i]),o=n.replace("_","-");return e(ne.Provider,{value:{locale:o},children:e(ue,{definition:r,children:e(V,{children:a})})})},ar=new se(e(Ee,{})),Ie=function(){const i=typeof document<"u"&&document.createElement("link").relList;return i&&i.supports&&i.supports("modulepreload")?"modulepreload":"preload"}(),$e=function(n){return"/"+n},J={},f=function(i,a,r){let o=Promise.resolve();if(a&&a.length>0){document.getElementsByTagName("link");const t=document.querySelector("meta[property=csp-nonce]"),l=(t==null?void 0:t.nonce)||(t==null?void 0:t.getAttribute("nonce"));o=Promise.all(a.map(d=>{if(d=$e(d),d in J)return;J[d]=!0;const p=d.endsWith(".css"),_=p?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${d}"]${_}`))return;const m=document.createElement("link");if(m.rel=p?"stylesheet":Ie,p||(m.as="script",m.crossOrigin=""),m.href=d,l&&m.setAttribute("nonce",l),document.head.appendChild(m),p)return new Promise((u,c)=>{m.addEventListener("load",u),m.addEventListener("error",()=>c(new Error(`Unable to preload CSS for ${d}`)))})}))}return o.then(()=>i()).catch(t=>{const l=new Event("vite:preloadError",{cancelable:!0});if(l.payload=t,window.dispatchEvent(l),!l.defaultPrevented)throw t})},Se={Add:g(()=>f(()=>import("./chunks/icons/Add.js").then(n=>n.$),[])),Bulk:g(()=>f(()=>import("./chunks/icons/Bulk.js"),[])),Burger:g(()=>f(()=>import("./chunks/icons/Burger.js"),[])),Cart:g(()=>f(()=>import("./chunks/icons/Cart.js"),[])),Check:g(()=>f(()=>import("./chunks/icons/Check.js"),[])),ChevronDown:g(()=>f(()=>import("./chunks/icons/ChevronDown.js"),[])),ChevronUp:g(()=>f(()=>import("./chunks/icons/ChevronUp.js"),[])),ChevronRight:g(()=>f(()=>import("./chunks/icons/ChevronRight.js"),[])),Close:g(()=>f(()=>import("./chunks/icons/Close.js"),[])),Heart:g(()=>f(()=>import("./chunks/icons/Heart.js"),[])),Minus:g(()=>f(()=>import("./chunks/icons/Minus.js"),[])),Placeholder:g(()=>f(()=>import("./chunks/icons/Placeholder.js"),[])),PlaceholderFilled:g(()=>f(()=>import("./chunks/icons/PlaceholderFilled.js"),[])),Search:g(()=>f(()=>import("./chunks/icons/Search.js"),[])),SearchFilled:g(()=>f(()=>import("./chunks/icons/SearchFilled.js"),[])),Sort:g(()=>f(()=>import("./chunks/icons/Sort.js"),[])),Star:g(()=>f(()=>import("./chunks/icons/Star.js"),[])),View:g(()=>f(()=>import("./chunks/icons/View.js"),[])),User:g(()=>f(()=>import("./chunks/icons/User.js"),[])),Warning:g(()=>f(()=>import("./chunks/icons/Warning.js"),[])),Locker:g(()=>f(()=>import("./chunks/icons/Locker.js"),[])),Wallet:g(()=>f(()=>import("./chunks/icons/Wallet.js"),[])),Card:g(()=>f(()=>import("./chunks/icons/Card.js"),[])),Order:g(()=>f(()=>import("./chunks/icons/Order.js"),[])),Delivery:g(()=>f(()=>import("./chunks/icons/Delivery.js"),[])),OrderError:g(()=>f(()=>import("./chunks/icons/OrderError.js"),[])),OrderSuccess:g(()=>f(()=>import("./chunks/icons/OrderSuccess.js"),[])),PaymentError:g(()=>f(()=>import("./chunks/icons/PaymentError.js"),[])),CheckWithCircle:g(()=>f(()=>import("./chunks/icons/CheckWithCircle.js"),[])),WarningWithCircle:g(()=>f(()=>import("./chunks/icons/WarningWithCircle.js"),[])),WarningFilled:g(()=>f(()=>import("./chunks/icons/WarningFilled.js"),[])),InfoFilled:g(()=>f(()=>import("./chunks/icons/InfoFilled.js"),[])),HeartFilled:g(()=>f(()=>import("./chunks/icons/HeartFilled.js"),[])),Trash:g(()=>f(()=>import("./chunks/icons/Trash.js"),[])),Eye:g(()=>f(()=>import("./chunks/icons/Eye.js"),[])),EyeClose:g(()=>f(()=>import("./chunks/icons/EyeClose.js"),[])),Date:g(()=>f(()=>import("./chunks/icons/Date.js"),[]))};function C({source:n,size:i="24",stroke:a="2",viewBox:r="0 0 24 24",className:o,...t}){const l=typeof n=="string"?Se[n]:null,d={className:s(["dropin-icon",`dropin-icon--shape-stroke-${a}`,o]),width:i,height:i,viewBox:r};return e(ce,{fallback:e("svg",{...t,...d}),children:l?e(l,{...t,...d}):e(n,{...t,...d})})}const Te=({name:n,value:i="1",className:a,disabled:r,error:o,success:t,min:l,max:d,onValue:p,onUpdateError:_,size:m="medium",...u})=>{const[c,h]=R(Number(i)),b=Number(l),v=Number(d),w=o||c<b||c>v,k=c<b?"Dropin.Incrementer.minQuantityMessage":c>v?"Dropin.Incrementer.maxQuantityMessage":"Dropin.Incrementer.errorMessage",N=L(Y(async $=>{if(p)try{p($)}catch(x){_&&_(x)}},200),[p,_]),E=$=>{let x=$;N(x),h(x)};return e("div",{className:s(["dropin-incrementer",`dropin-incrementer--${m}`,a]),children:[e("div",{className:s(["dropin-incrementer__content",`dropin-incrementer__content--${m}`,["dropin-incrementer__content--error",w],["dropin-incrementer__content--success",t],["dropin-incrementer__content--disabled",r]]),children:[e("div",{className:s(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",r]]),children:e(U,{children:e("button",{type:"button",className:s(["dropin-incrementer__decrease-button",["dropin-incrementer__decrease-button--disabled",r]]),onClick:()=>E(c-1),disabled:r||c<b+1,"aria-label":e(G,{id:"Dropin.Incrementer.decreaseLabel"}),children:e(C,{source:W,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__down"})})})}),e("input",{className:"dropin-incrementer__input",max:d,min:l,step:1,type:"number",name:n,value:c??l,disabled:r,onBlur:()=>{E(Number(c))},onChange:$=>{const x=$.currentTarget.value;x!==""&&h(Number(x))},...u}),e("div",{className:s(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",r]]),children:e(U,{children:e("button",{type:"button",className:s(["dropin-incrementer__increase-button",["dropin-incrementer__increase-button--disabled",r]]),onClick:()=>E(c+1),disabled:r||c>v-1,"aria-label":e(G,{id:"Dropin.Incrementer.increaseLabel"}),children:e(C,{source:H,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__add"})})})})]}),w&&e("p",{className:"dropin-incrementer__content--error-message",children:e(G,{id:k,fields:{minQuantity:l,maxQuantity:d}})})]})},ie=({name:n,value:i,variant:a="primary",className:r,disabled:o,error:t,floatingLabel:l,onValue:d,onUpdateError:p,size:_="medium",icon:m,maxLength:u,success:c,...h})=>{const b=(h==null?void 0:h.id)||n||`dropin-input-${Math.random().toString(36)}`,v=L(Y(async k=>{if(d)try{await d(k)}catch(N){p&&p(N)}},200),[d,p]),w=k=>{const N=k.target;v(N.value.trim())};return e("div",{className:s(["dropin-input-container",`dropin-input-container--${a}`,["dropin-input-container--floating",!!l],["dropin-input-container--disabled",o]]),children:[m&&e(y,{node:m,className:s(["dropin-input__field-icon--left",m.props.className])}),e("div",{className:"dropin-input-label-container",children:[e("input",{id:b,onChange:w,type:"text",maxLength:u,name:n,value:i,...h,className:s(["dropin-input",`dropin-input--${_}`,`dropin-input--${a}`,["dropin-input--error",!!t],["dropin-input--success",!!c],["dropin-input--disabled",o],["dropin-input--floating",!!l],["dropin-input--icon-left",!!m],r]),disabled:o}),l&&e("label",{htmlFor:b,className:s([["dropin-input__label--floating",!!l],["dropin-input__label--floating--icon-left",!!m],["dropin-input__label--floating--error",!!t]]),children:l})]}),t&&e("div",{className:s(["dropin-input__field-icon--right","dropin-input__field-icon--error"]),children:e(C,{source:be,size:"16",stroke:"2",className:"dropin-input--warning-icon",viewBox:"-1 -1 26 26"})}),c&&e("div",{className:s(["dropin-input__field-icon--right","dropin-input__field-icon--success"]),children:e(C,{source:he,size:"16",stroke:"2",className:"dropin-input--success-icon",viewBox:"-1 -1 26 26"})})]})},or=({name:n="",error:i,value:a,label:r,onChange:o,onBlur:t,...l})=>{const d=I({picker:"Dropin.InputDate.picker"}),p=u=>{u.currentTarget.setAttribute("type","date")},_=u=>{var h;const c=(h=u.currentTarget.parentElement)==null?void 0:h.querySelector("input");c==null||c.focus(),c==null||c.showPicker()},m=u=>{u.currentTarget.setAttribute("type","text"),t==null||t(u)};return e("div",{className:s(["dropin-input-date"]),children:[e(oe,{error:i,children:e(ie,{error:!!i,name:n,value:a==null?void 0:a.toString(),placeholder:r,floatingLabel:r,onFocus:p,onBlur:m,onChange:o,"aria-labelledby":r,className:"dropin-input-date__input",...l})}),e("button",{className:"dropin-input-date__icon","aria-label":d.picker,onClick:_,children:e(C,{source:ge,size:"24"})})]})},X={pending:e(W,{}),success:e(te,{}),error:e(K,{style:{fill:"red"}})},Pe=({minLength:n=0,requiredCharacterClasses:i=0,uniqueSymbolsStatus:a="pending",validateLengthConfig:r={status:"",icon:"",message:""}})=>{const o=I({chartTwoSymbols:"Dropin.PasswordStatusIndicator.chartTwoSymbols",chartThreeSymbols:"Dropin.PasswordStatusIndicator.chartThreeSymbols",chartFourSymbols:"Dropin.PasswordStatusIndicator.chartFourSymbols"}),t=l=>{switch(l){case 2:return o.chartTwoSymbols;case 3:return o.chartThreeSymbols;case 4:return o.chartFourSymbols;default:return""}};return e("div",{className:s(["dropin-password-status-indicator"]),children:[n>0?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${r.status}`,"data-testid":`dropin-password-status-indicator__item--${r.icon}`,children:[X[r.icon],e("span",{className:`${r.status}`,children:r.message})]}):null,i>=2?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${a}`,"data-testid":`dropin-password-status-indicator__item--${a}`,children:[X[a],e("span",{className:"pending",children:t(i)})]}):null]})},sr=({placeholder:n,floatingLabel:i,children:a,name:r,required:o,className:t,minLength:l,autoComplete:d,error:p=!1,defaultValue:_="",hideStatusIndicator:m=!1,uniqueSymbolsStatus:u,validateLengthConfig:c,requiredCharacterClasses:h,onValue:b,onBlur:v,...w})=>{const k=I({requiredFieldError:"Dropin.InputPassword.requiredFieldError",placeholder:"Dropin.InputPassword.placeholder",floatingLabel:"Dropin.InputPassword.floatingLabel",buttonTitle:"Dropin.InputPassword.buttonTitle"}),[N,E]=R(!1),$=L(()=>{E(S=>!S)},[]),D=p&&!_.length?k.requiredFieldError:p&&_.length?"&thinsp;":"";return e("div",{"data-testid":"passwordFieldInput",className:s(["dropin-input-password",["dropin-input-password--error",p],["dropin-input-password--hide-label",p&&!!_.length],t]),...w,children:[e(oe,{error:D,children:e(ie,{autoComplete:d,name:r??"password",type:N?"text":"password",placeholder:n||k.placeholder,floatingLabel:i||k.floatingLabel,"aria-label":k.placeholder,"aria-required":!0,required:o||!1,value:_,onValue:b,icon:e(fe,{}),onBlur:v,"data-testid":"passwordInput"})}),e(A,{"aria-label":k.buttonTitle,title:k.buttonTitle,type:"button","data-testid":"toggle-password-icon",variant:"tertiary",className:s(["dropin-input-password__eye-icon",`dropin-input-password__eye-icon--${N?"show":"hide"}`,t]),onClick:$,children:N?e(ve,{}):e(Ne,{})}),m?null:e(Pe,{minLength:l,requiredCharacterClasses:h,validateLengthConfig:c,uniqueSymbolsStatus:u}),a]})},lr=({disabled:n,name:i="",errorMessage:a,value:r,label:o,className:t,onChange:l,onBlur:d,...p})=>{const _=(p==null?void 0:p.id)||i||`dropin-textarea-${Math.random().toString(36)}`,m=!!(a!=null&&a.length),u=L(c=>{const h=c.target;h.style.height="auto",h.style.height=`${h.scrollHeight}px`,l==null||l(c)},[l]);return e("div",{className:s(["dropin-textarea-container",t]),"data-testid":"dropin-textarea-container",children:[e("textarea",{"data-testid":"dropin-textarea-field",className:s(["dropin-textarea",["dropin-textarea--error",m],["dropin-textarea--disabled",!!n]]),id:_,placeholder:o,name:i,value:r,disabled:n,onBlur:d,onChange:u,...p}),e("label",{htmlFor:_,className:s(["dropin-textarea__label--floating",["dropin-textarea__label--floating--error",m]]),children:o}),m?e("div",{className:s(["dropin-textarea__label--floating--text",["dropin-textarea__label--floating--error",m]]),children:a}):null]})},Ce=({className:n,src:i,params:a,loading:r="lazy",srcSet:o,onLoad:t,...l})=>{const[d,p]=R(!1),_=B(()=>{if(o)return o;if(!(!i||!a))return le(i,{...a})},[a,i,o]),m=u=>{p(!0),t==null||t(u)};return e("img",{...l,className:s(["dropin-image",["dropin-image--loaded",d],n]),loading:r,onLoad:m,src:i,srcSet:_})},ae=({variant:n="primary",className:i})=>e("hr",{role:"separator",className:s(["dropin-divider",`dropin-divider--${n}`,i])}),O=({amount:n=0,currency:i,locale:a=void 0,variant:r="default",weight:o="bold",className:t,children:l,sale:d=!1,formatOptions:p={},size:_="small",...m})=>{const u=B(()=>new Intl.NumberFormat(a,{style:"currency",currency:i||"USD",minimumFractionDigits:2,maximumFractionDigits:2,...p}),[a,i,p]),c=B(()=>u.format(n),[n,u]);return e("span",{...m,className:s(["dropin-price",`dropin-price--${r}`,`dropin-price--${_}`,`dropin-price--${o}`,["dropin-price--sale",d],t]),children:c})},Le=({name:n,label:i,value:a,size:r="medium",checked:o=!1,disabled:t=!1,error:l=!1,description:d="",busy:p=!1,className:_,children:m,...u})=>e("label",{className:s([_,"dropin-radio-button",["dropin-radio-button--error",l],["dropin-radio-button--disabled",t]]),children:[e("input",{name:n,value:a,checked:o,disabled:t,type:"radio",className:s(["dropin-radio-button__input",["dropin-radio-button__input--error",l],["dropin-radio-button__input--disabled",t]]),"aria-busy":p,...u}),e("span",{className:s(["dropin-radio-button__label",`dropin-radio-button__label--${r}`,["dropin-radio-button__label--error",l],["dropin-radio-button__label--disabled",t]]),children:i}),e("span",{className:s(["dropin-radio-button__description",`dropin-radio-button__description--${r}`,["dropin-radio-button__description--disabled",t]]),children:d})]}),A=({value:n,variant:i="primary",size:a="medium",icon:r,className:o,children:t,disabled:l=!1,active:d=!1,activeChildren:p,activeIcon:_,href:m,...u})=>{let c="dropin-button";(r&&!t||r&&d&&!p||!r&&d&&_)&&(c="dropin-iconButton"),d&&p&&(c="dropin-button"),o=s([c,`${c}--${a}`,`${c}--${i}`,[`${c}--${i}--disabled`,l],t&&r&&`${c}--with-icon`,!t&&p&&r&&`${c}--with-icon`,d&&_&&`${c}--with-icon`,o]);const h=s(["dropin-button-icon",`dropin-button-icon--${i}`,[`dropin-button-icon--${i}--disabled`,l],r==null?void 0:r.props.className]),b=m?{node:e("a",{}),role:"link",href:m,...u,disabled:l,active:d,onKeyDown:v=>{l&&v.preventDefault()},tabIndex:l?-1:0}:{node:e("button",{}),role:"button",...u,value:n,disabled:l,active:d};return e(y,{...b,className:o,children:[r&&!d&&e(y,{node:r,className:h}),_&&d&&e(y,{node:_,className:h}),t&&!d&&(typeof t=="string"?e("span",{children:t}):t),d&&p&&(typeof p=="string"?e("span",{children:p}):p)]})},dr=({name:n,value:i=null,options:a,variant:r="primary",floatingLabel:o,size:t="medium",handleSelect:l=()=>{},disabled:d=!1,error:p=!1,placeholder:_,defaultOption:m,icon:u,className:c,...h})=>{const b=(h==null?void 0:h.id)||n||`dropin-picker-${Math.random().toString(36)}`,v=!!(h!=null&&h.required),w=a==null?void 0:a.find(S=>!S.disabled),[k,N]=R(()=>i||(m?m.value:_||o?"":w?w.value:null)),E=S=>{const{options:P,value:T}=S.target;for(const q of P)q.selected&&(N(T),l(S))},$=a==null?void 0:a.map(S=>{const{value:P,text:T,disabled:q}=S;return e("option",{value:P,selected:P===k,disabled:q,className:s(["dropin-picker__option"]),children:T},P)}),x=!!k,D=()=>(!v||!x)&&(o||_);return e("div",{className:s([c,"dropin-picker",`dropin-picker__${t}`,["dropin-picker__floating",!!o],["dropin-picker__selected",x],["dropin-picker__error",p],["dropin-picker__disabled",d],["dropin-picker__icon",u]]),children:[u&&e(u.type,{...u.props,className:"dropin-picker__icon--placeholder"}),e("select",{id:b,className:s(["dropin-picker__select",`dropin-picker__select--${r}`,`dropin-picker__select--${t}`,["dropin-picker__select--floating",!!o]]),name:n,"aria-label":n,disabled:d,onChange:E,...h,children:[D()&&e("option",{selected:!x,value:"",className:s(["dropin-picker__option dropin-picker__placeholder"]),children:o??_},i),$]}),e(C,{source:we,size:"24",stroke:"2",className:"dropin-picker__chevronDown"}),o&&x&&e("label",{htmlFor:b,className:s(["dropin-picker__floatingLabel",!!o]),children:o})]})},oe=({className:n,label:i,error:a,hint:r,success:o,size:t="medium",disabled:l=!1,children:d,...p})=>{var u;const _=((u=d==null?void 0:d.props)==null?void 0:u.id)??`dropin-field-${Math.random().toString(36)}`,m=d&&typeof d.type!="string"?d.type:null;return e("div",{...p,className:s(["dropin-field",n]),children:[i&&e("label",{className:s(["dropin-field__label",["dropin-field__label--disabled",l],`dropin-field__label--${t}`]),htmlFor:_,children:i}),e("div",{className:s(["dropin-field__content"]),children:m&&d&&pe(m,{...d.props,id:_,key:d.key,disabled:l,size:t,error:!!a,success:!!o&&!a})}),e("div",{className:s(["dropin-field__hint",[`dropin-field__hint--${t}`,t],["dropin-field__hint--error",!!a],["dropin-field__hint--success",!!o&&!a],["dropin-field__hint--disabled",!!l]]),children:a||o||r})]})},cr=({icon:n,className:i,children:a,active:r=!1,disabled:o=!1,...t})=>e("button",{role:"button",disabled:o,...t,className:s(["dropin-action-button",["dropin-action-button--active",r],["dropin-action-button--disabled",o],i]),children:[n&&e(y,{node:n,className:s(["dropin-action-button-icon"])}),a&&(typeof a=="string"?e("span",{children:a}):a)]}),pr=({className:n,variant:i="primary",activeOption:a,disabled:r=!1,dividers:o=!0,children:t,handleSelect:l,...d})=>{const[p,_]=R(a),m=L(c=>{r||c.props.disabled||(_(c.props.value),l&&l(c.props.value))},[l,_,r]),u=ee.map(t,c=>{const h=r||c.props.disabled,b=c.props.value===p;return _e(c,{disabled:h,active:b,onClick:()=>m(c),className:s(["dropin-action-button-group__option",`dropin-action-button-group__option--${i}`,["dropin-action-button-group__option--active",b],["dropin-action-button-group__option--with-dividers",o]])})});return e("div",{role:"group",...d,className:s(["dropin-action-button-group",`dropin-action-button-group--${i}`,n]),children:u})},Oe=({variant:n="primary",className:i,children:a,...r})=>e("div",{...r,className:s(["dropin-card",`dropin-card--${n}`,i]),children:e("div",{class:"dropin-card__content",children:a})}),_r=({name:n,value:i,size:a="medium",disabled:r=!1,error:o=!1,label:t="",description:l="",className:d,checked:p,..._})=>{const[m,u]=R(p===void 0?!1:p),c=re(null),h=v=>{var w;(w=_.onChange)==null||w.call(_,v),u(v.currentTarget.checked)},b=v=>{var w;v.key===" "&&(v.preventDefault(),(w=c==null?void 0:c.current)==null||w.click())};return e("label",{className:s(["dropin-checkbox",["dropin-checkbox--disabled",r]]),children:[e("input",{ref:c,name:n,value:i,type:"checkbox",disabled:r,className:s(["dropin-checkbox__checkbox",["dropin-checkbox__checkbox--error",o],d]),..._,onChange:h,checked:m}),e("span",{"aria-checked":m?"true":"false","aria-labelledby":`${n}-label`,"aria-describedby":`${n}-description`,className:s(["dropin-checkbox__box",["dropin-checkbox__box--error",o],["dropin-checkbox__box--disabled",r]]),role:"checkbox",tabIndex:r?-1:0,onKeyDown:b,children:e(C,{className:s(["dropin-checkbox__checkmark"]),source:te,size:"16",stroke:"3"})}),e("div",{id:`${n}-label`,className:s(["dropin-checkbox__label",`dropin-checkbox__label--${a}`,["dropin-checkbox__label--disabled",r]]),children:t}),e("div",{}),e("div",{id:`${n}-description`,role:"note",className:s(["dropin-checkbox__description",`dropin-checkbox__description--${a}`,["dropin-checkbox__description--disabled",r]]),children:l})]})},mr=({className:n,name:i,value:a,id:r,label:o,groupAriaLabel:t,size:l="medium",color:d,disabled:p=!1,selected:_=!1,outOfStock:m=!1,multi:u=!1,onValue:c,onUpdateError:h,...b})=>{const v=I("Dropin.Swatches.outOfStock.label").label,w=I("Dropin.Swatches.selected.label").label,k=I("Dropin.Swatches.swatch.label").label,N=L(async P=>{if(c)try{await c(P)}catch(T){h&&h(T)}},[c,h]),E=P=>{const T=P.target;N(T.value)},D=d&&(P=>{const T=new Option().style;return T.color=P,T.color!==""})(d)?d:"var(--color-gray-300);",S=()=>m?`${t}: ${o} ${v}`:_?`${t}: ${o} ${w}`:`${t}: ${o} ${k}`;return e("label",{className:s(["dropin-color-swatch__container",`dropin-color-swatch__container--${l}`,n]),children:[e("input",{type:u?"checkbox":"radio",name:i,id:r,value:a,"aria-label":S(),checked:_,disabled:p,onChange:E,...b,className:s(["dropin-color-swatch",["dropin-color-swatch--selected",_],["dropin-color-swatch--disabled",p],n])}),e("span",{style:{"--bg-color":D},className:s(["dropin-color-swatch__span",["dropin-color-swatch__span--out-of-stock",m],n])})]})},ur=({className:n,name:i,value:a,label:r,groupAriaLabel:o,id:t,disabled:l=!1,selected:d=!1,outOfStock:p=!1,multi:_=!1,onValue:m,onUpdateError:u,...c})=>{const h=I("Dropin.Swatches.outOfStock.label").label,b=I("Dropin.Swatches.selected.label").label,v=I("Dropin.Swatches.swatch.label").label,[w,k]=R(!1),N=re(null),E=L(async D=>{if(m)try{await m(D)}catch(S){u&&u(S)}},[m,u]),$=D=>{const S=D.target;E(S.value)},x=()=>p?`${o}: ${r} ${h}`:d?`${o}: ${r} ${b}`:`${o}: ${r} ${v}`;return M(()=>{N.current&&N.current.scrollWidth>N.current.clientWidth&&k(!0)},[r]),e("div",{className:"dropin-text-swatch__container",...w?{"data-tooltip":r}:{},children:[e("input",{type:_?"checkbox":"radio",name:i,id:t,value:a,"aria-label":x(),checked:d,disabled:l,onChange:$,...c,className:s(["dropin-text-swatch",["dropin-text-swatch--selected",d],["dropin-text-swatch--disabled",l],n])}),e("label",{htmlFor:t,ref:N,className:s(["dropin-text-swatch__label",["dropin-text-swatch__label--out-of-stock",p],n]),children:r})]})},Ae=({ariaLabel:n,size:i="small",stroke:a="4",children:r,className:o,style:t,...l})=>{const d=["dropin-progress-spinner",`dropin-progress-spinner--shape-size-${i}`,`dropin-progress-spinner--shape-stroke-${a}`],p=I({updating:"Dropin.ProgressSpinner.updating.label",updatingChildren:"Dropin.ProgressSpinner.updatingChildren.label"}),_=()=>n||(r?p.updatingChildren:p.updating);return r?e("div",{...l,className:s(["dropin-progress-spinner-provider"]),"aria-live":"polite",role:"status",children:[e("div",{"aria-hidden":!0,children:r}),e("div",{"aria-label":_(),role:"status",className:s(["dropin-progress-spinner-background",o]),style:t}),e("div",{className:s(["dropin-progress-spinner-with-provider",...d]),"aria-hidden":!0})]}):e("div",{...l,className:s([o,...d]),"aria-live":"polite",role:"status","aria-label":_()})},hr=({className:n,name:i,value:a,id:r,label:o,groupAriaLabel:t,src:l,alt:d,disabled:p=!1,selected:_=!1,outOfStock:m=!1,multi:u=!1,onValue:c,onUpdateError:h,...b})=>{const v=I("Dropin.Swatches.outOfStock.label").label,w=I("Dropin.Swatches.selected.label").label,k=I("Dropin.Swatches.swatch.label").label,N=L(async x=>{if(c)try{await c(x)}catch(D){h&&h(D)}},[c,h]),E=x=>{const D=x.target;N(D.value)},$=()=>m?`${t}: ${o} ${v}`:_?`${t}: ${o} ${w}`:`${t}: ${o} ${k}`;return e("label",{className:s(["dropin-image-swatch__container",n]),children:[e("input",{type:u?"checkbox":"radio",name:i,id:r,value:a,"aria-label":$(),checked:_,disabled:p,onChange:E,...b,className:s(["dropin-image-swatch",["dropin-image-swatch--selected",_],["dropin-image-swatch--disabled",p],n])}),e("span",{className:s(["dropin-image-swatch__span",["dropin-image-swatch__span--out-of-stock",m],n]),children:e(Ce,{src:l,className:s(["dropin-image-swatch__content"]),params:{width:100,fit:"bounds",crop:!0},alt:d,loading:"lazy",onError:x=>x.target.style.display="none"})})]})},Re=({className:n,children:i,title:a,secondaryText:r,actionIconPosition:o="left",iconOpen:t=H,iconClose:l=W,iconLeft:d=H,showIconLeft:p=!1,renderContentWhenClosed:_=!0,onStateChange:m,...u})=>{const[c,h]=R(!1),b=E=>{E.stopImmediatePropagation();const $=!c;h($),m==null||m($)},v=I(`Dropin.Accordion.${c?"close":"open"}.label`).label,w=e(C,{source:t,size:"24",onClick:b,onKeyPress:b,className:"dropin-accordion-section__open-icon"}),k=e(C,{source:l,size:"24",onClick:b,onKeyPress:b,className:"dropin-accordion-section__close-icon"}),N=e(C,{source:d,size:"24"});return e("div",{...u,className:s(["dropin-accordion-section",n]),children:[e("div",{className:"dropin-accordion-section__heading",children:[e("div",{className:"dropin-accordion-section__flex",onClick:b,onKeyPress:b,role:"button","aria-label":`${v} ${a}`,tabIndex:0,children:e("div",{className:"dropin-accordion-section__title-container",children:[o==="left"&&(c?k:w),p&&N,e("h3",{className:"dropin-accordion-section__title",children:a})]})}),e("div",{className:"dropin-accordion-section__secondary-text-container",children:[r&&e("h4",{className:"dropin-accordion-section__secondary-text",children:r}),o==="right"&&(c?k:w)]})]}),e("div",{className:"dropin-accordion-section__content-container",style:{display:c?"grid":"none"},children:(c||_&&!c)&&i})]})},br=({className:n,children:i,actionIconPosition:a="left",iconOpen:r=H,iconClose:o=W,...t})=>{const l=e(ae,{variant:"secondary"}),d=p=>e(V,{children:[e(Re,{...p.props,actionIconPosition:a,iconOpen:r,iconClose:o}),l]});return e("div",{...t,className:s(["dropin-accordion",n]),children:[l,...(Array.isArray(i)?i:[i]).map(d)]})},gr=({variant:n="primary",className:i,type:a="warning",additionalActions:r,onDismiss:o,heading:t,description:l,icon:d,itemList:p,actionButtonPosition:_,...m})=>{var c,h,b;const u=I({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...m,className:s(["dropin-in-line-alert",`dropin-in-line-alert--${a}`,`dropin-in-line-alert--${n}`,i]),children:[e("div",{className:"dropin-in-line-alert__heading",children:[e("div",{className:"dropin-in-line-alert__title-container",children:[d&&e(y,{node:d,className:"dropin-in-line-alert__icon"}),e("span",{className:"dropin-in-line-alert__title",children:t})]}),e("div",{className:"dropin-in-line-alert__actions-container",children:[r&&(_==="top"||!_&&r.length<=1)&&e(A,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:r.length>0?(c=r[0])==null?void 0:c.onClick:void 0,"aria-label":(h=r[0])==null?void 0:h.label,children:(b=r[0])==null?void 0:b.label}),o&&e(A,{icon:e(C,{source:K,size:"24",stroke:"2"}),className:"dropin-in-line-alert__dismiss-button",variant:"tertiary",onClick:o,"aria-label":u.dismiss})]})]}),l&&e("p",{className:"dropin-in-line-alert__description",children:l}),e("div",{className:"dropin-in-line-alert__item-list-container",children:p&&e(y,{node:p,className:s(["dropin-in-line-alert__item-list"])})}),r&&(_==="bottom"||!_&&r.length>1)&&e("div",{className:"dropin-in-line-alert__additional-actions-container",children:r.map(v=>e(A,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:v.onClick,children:v.label},v.label))})]})},fr=({size:n="small",title:i=null,centered:a=!1,backgroundDim:r=!0,clickToDismiss:o=!0,escapeToDismiss:t=!0,onClose:l,showCloseButton:d=!0,className:p,children:_=null,...m})=>{const u=L(()=>{l==null||l()},[l]),c=I({modalCloseLabel:"Dropin.Modal.Close.label"});return M(()=>{const h=b=>{const v=document.querySelector(".dropin-modal"),w=document.querySelector(".dropin-modal__body");o&&v&&w&&!w.contains(b.target)&&u()};return document.addEventListener("mousedown",h),()=>{document.removeEventListener("mousedown",h)}},[u,o]),M(()=>{const h=b=>{b.key==="Escape"&&t&&u()};return document.addEventListener("keydown",h),()=>{document.removeEventListener("keydown",h)}},[u,t]),M(()=>{const h=document.scrollingElement,b=h.style.overflow;return h.style.overflow="hidden",()=>{h.style.overflow=b}},[]),e("div",{className:s(["dropin-modal",["dropin-modal--dim",r]]),children:e("div",{...m,className:s(["dropin-modal__body",[`dropin-modal__body--${n}`,n],p]),children:[e("div",{className:s(["dropin-modal__header",["dropin-modal__header-title",!!i]]),children:[i&&e("div",{className:s(["dropin-modal__header-title-content"]),children:i}),d&&e(A,{"aria-label":c.modalCloseLabel,variant:"tertiary",className:"dropin-modal__header-close-button",onClick:u,icon:e(K,{})})]}),e("div",{className:s(["dropin-modal__content",["dropin-modal__body--centered",a]]),children:_})]})})},vr=({className:n,children:i,ariaLabel:a,image:r,title:o,price:t,taxIncluded:l=!1,taxExcluded:d=!1,total:p,totalExcludingTax:_,sku:m,configurations:u,warning:c,alert:h,quantity:b=1,description:v,loading:w=!1,updating:k=!1,onQuantity:N,onRemove:E,...$})=>{var S,P;const{locale:x}=me(ne),D=I({each:"Dropin.CartItem.each.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"});return w?e(Ve,{}):e("div",{...$,className:s(["dropin-cart-item",["dropin-cart-item--updating",k],n]),children:[k&&e(Ae,{className:s(["dropin-cart-item__spinner"]),ariaLabel:a?(S=D.updating)==null?void 0:S.replace("{product}",a):D.updatingDefault}),e("div",{className:"dropin-cart-item__wrapper",children:[e(y,{node:r,className:s(["dropin-cart-item__image"])}),e(y,{node:o,className:s(["dropin-cart-item__title",["dropin-cart-item__title--edit",!!N||!!E]])}),v&&e(y,{node:v,className:s(["dropin-cart-item__description"])}),e(y,{node:m,className:s(["dropin-cart-item__sku"])}),u&&e("ul",{className:s(["dropin-cart-item__configurations"]),children:Object.entries(u).map(([T,q])=>e("li",{className:s(["dropin-cart-item__configurations__item"]),children:[T,":"," ",e("strong",{className:s(["dropin-cart-item__configurations__item__value"]),children:q})]},T))}),e("span",{className:s(["dropin-cart-item__price"]),children:[!N&&e("span",{className:"dropin-cart-item__price__quantity",children:[b.toLocaleString(x)," x"," "]}),e(y,{node:t,role:"text"}),b>1&&e(V,{children:[" ",D.each]}),l&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",D.taxIncluded]}),d&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",D.taxExcluded]})]}),e("div",{className:s(["dropin-cart-item__quantity",["dropin-cart-item__quantity--edit",!!N]]),children:[N?e(Te,{className:s(["dropin-cart-item__quantity__incrementer"]),value:b,min:1,onValue:T=>N==null?void 0:N(Number(T)),name:"quantity","aria-label":D.quantity,disabled:k}):e("span",{className:s(["dropin-cart-item__quantity__value"]),children:[D.quantity,":"," ",e("strong",{className:"dropin-cart-item__quantity__number",children:Number(b).toLocaleString(x)})]}),c&&e(y,{node:c,className:s(["dropin-cart-item__warning","dropin-cart-item__warning--quantity"])}),h&&e(y,{node:h,className:s(["dropin-cart-item__alert","dropin-cart-item__alert--quantity"])})]}),c&&e(y,{node:c,className:s(["dropin-cart-item__warning"])}),h&&e(y,{node:h,className:s(["dropin-cart-item__alert"])}),e("div",{className:s(["dropin-cart-item__total",["dropin-cart-item__total--edit",!!E]]),children:[e("div",{className:"dropin-cart-item__row-total",children:e(y,{node:p,role:"text"})}),l&&e("div",{className:"dropin-cart-item__total-tax-included",children:e("span",{"data-testid":"tax-message",className:s(["dropin-cart-item__total-tax-message"]),children:D.taxIncluded})}),d&&e("div",{className:"dropin-cart-item__total-tax-excluded",children:e("span",{"data-testid":"tax-message",className:s(["dropin-cart-item__total-tax-excluded-message"]),children:[_&&e(y,{node:_,role:"text"})," ",D.taxExcluded]})})]})]}),E&&e(A,{className:s(["dropin-cart-item__remove"]),variant:"tertiary",onClick:()=>E==null?void 0:E(),icon:e(C,{source:ke,size:"24",stroke:"2",viewBox:"0 0 24 24","aria-label":a?(P=D.remove)==null?void 0:P.replace("{product}",a):D.removeDefault}),disabled:k})]})},Ve=()=>e("div",{className:"dropin-cart-item dropin-cart-item-skeleton",children:e(De,{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"})})]})}),Nr=({className:n,children:i,...a})=>e("div",{...a,className:s(["dropin-cart-list",n]),children:e("div",{className:"dropin-cart-list__wrapper","aria-live":"assertive","aria-relevant":"all",children:ee.map(i,(r,o)=>e("div",{className:"dropin-cart-list__item",children:r},o))})}),wr=({className:n,children:i,locale:a,currency:r,amount:o,variant:t="default",minimumAmount:l,maximumAmount:d,size:p="small",display:_="dash",specialPrice:m,sale:u=!1,...c})=>{const h=B(()=>o||l===d||l&&!d||d&&!l,[o,d,l]);return e("div",{children:h?e("div",{...c,className:s(["dropin-price-range",n]),children:e(O,{amount:o??l??d,currency:r,locale:a,size:p,variant:t,sale:u})}):e("div",{...c,className:s(["dropin-price-range",n]),children:[_==="dash"?e(Fe,{specialPrice:m,minimumAmount:l,maximumAmount:d,currency:r,locale:a,size:p,sale:u}):null,_==="from to"?e(qe,{specialPrice:m,minimumAmount:l,maximumAmount:d,currency:r,locale:a,size:p,sale:u}):null,_==="as low as"?e(Be,{specialPrice:m,minimumAmount:l,maximumAmount:d,currency:r,locale:a,size:p,sale:u}):null]})})};function Fe({specialPrice:n,minimumAmount:i,maximumAmount:a,currency:r,locale:o,size:t,sale:l}){return e(V,{children:[e(O,{amount:n??i,currency:r,locale:o,size:t,sale:!!n&&l}),e("span",{className:"dropin-price-range__separator",children:"-"}),e(O,{amount:a,currency:r,locale:o,size:t})]})}function qe({specialPrice:n,minimumAmount:i,maximumAmount:a,currency:r,locale:o,size:t,sale:l}){const d=I({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(V,{children:[e("span",{className:s(["dropin-price-range__from",`dropin-price-range__from--${t}`]),children:d.from}),e(O,{amount:n??i,currency:r,locale:o,size:t,sale:!!n&&l}),e("span",{className:s(["dropin-price-range__to",`dropin-price-range__to--${t}`]),children:d.to}),e(O,{amount:a,currency:r,locale:o,size:t})]})}function Be({specialPrice:n,minimumAmount:i,maximumAmount:a,currency:r,locale:o,size:t,sale:l}){const d=I({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(V,{children:[e("span",{className:s(["dropin-price-range__as-low-as",`dropin-price-range__as-low-as--${t}`]),children:d.asLowAs}),n?e("div",{children:[e(O,{amount:a,currency:r,locale:o,size:t,variant:"strikethrough"}),e(O,{amount:n,currency:r,locale:o,size:t,className:"dropin-price-range__special",sale:!!n&&l})]}):e(O,{amount:i,currency:r,locale:o,size:t})]})}const kr=({className:n,categories:i,separator:a,...r})=>e(V,{children:(i==null?void 0:i.length)>1&&e("nav",{role:"navigation",...r,className:s(["dropin-breadcrumbs__container",n]),children:e("ul",{className:"dropin-breadcrumbs__items",children:i==null?void 0:i.map((o,t)=>e("li",{className:s(["dropin-breadcrumbs__item",["dropin-breadcrumbs__item--last",t===i.length-1]]),children:[e(y,{node:o,className:"dropin-breadcrumbs__link"}),!a&&t!==i.length-1&&e("span",{className:"dropin-breadcrumbs__separator--default",children:[" ","/"," "]}),a&&t!==i.length-1&&e(y,{node:a,className:"dropin-breadcrumbs__separator--icon"})]},t))})})}),yr=({className:n,variant:i,icon:a,message:r,onDismiss:o,action:t,...l})=>{const d=I({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...l,className:s([n,"dropin-alert-banner",`dropin-alert-banner--${i}`]),children:[e("div",{className:"dropin-alert-banner__content",children:[a&&e(y,{node:a,"aria-hidden":"true",className:"dropin-alert-banner__icon"}),e(y,{node:r,className:s(["dropin-alert-banner__message"])})]}),e("div",{className:"dropin-alert-banner__actions",children:[t&&e(A,{variant:"tertiary",className:"dropin-alert-banner__action",onClick:t.onClick,"aria-label":t.label,children:t.label}),e(A,{icon:e(C,{source:K,size:"24",stroke:"2"}),className:"dropin-alert-banner__dismiss-button",variant:"primary",onClick:o,"aria-label":d.dismiss})]})]})},xr=({className:n,icon:i,heading:a,headingLevel:r=2,message:o,action:t,variant:l="secondary",...d})=>{const p=r>=1&&r<=6?`h${r}`:"h2";return e("div",{...d,className:s(["dropin-illustrated-message",n]),children:e(Oe,{variant:l,children:[i&&e(y,{node:i,"aria-hidden":"true",size:"80",className:"dropin-illustrated-message__icon"}),a&&e(p,{className:"dropin-illustrated-message__heading",children:a}),o&&e(y,{node:o,className:"dropin-illustrated-message__message"}),t&&e(y,{node:t,className:"dropin-illustrated-message__action"})]})})},Dr=({className:n,label:i,name:a,value:r,selected:o=!0,onChange:t,icon:l,busy:d=!1,children:p,..._})=>e("div",{..._,className:s(["dropin-toggle-button",n,["dropin-toggle-button__selected",o]]),children:e("label",{className:"dropin-toggle-button__actionButton",children:[e(Le,{label:"",name:a,value:r,checked:o,onChange:()=>t&&t(r),"aria-label":i,busy:d,className:s([n,"dropin-toggle-button__radioButton"])}),e("span",{className:"dropin-toggle-button__content",children:[l&&e(l.type,{...l==null?void 0:l.props,className:"dropin-toggle-button__icon"}),i]})]})}),Er=({title:n=null,size:i="medium",cta:a,divider:r=!0,className:o,...t})=>n?e("div",{...t,className:s(["dropin-header-container",o]),"data-testid":"dropin-header-container",children:[e("span",{className:s(["dropin-header-container__title",["dropin-header-container__title--medium",i==="medium"],["dropin-header-container__title--large",i==="large"]]),children:n}),a?e(y,{node:a,className:"dropin-header-container__actions"}):null,r?e(ae,{className:s(["dropin-header-container__divider",["dropin-header-container__divider--medium",i==="medium"],["dropin-header-container__divider--large",i==="large"]])}):null]}):null,Ir=({label:n,className:i,...a})=>n?e("div",{...a,className:s(["dropin-tag-container",i]),"data-testid":"dropin-tag-container",children:e("span",{className:"dropin-tag-container__label",children:n})}):null;export{br as Accordion,Re as AccordionSection,cr as ActionButton,pr as ActionButtonGroup,yr as AlertBanner,kr as Breadcrumbs,A as Button,Oe as Card,vr as CartItem,Ve as CartItemSkeleton,Nr as CartList,_r as Checkbox,mr as ColorSwatch,ae as Divider,oe as Field,Er as Header,C as Icon,xr as IllustratedMessage,Ce as Image,hr as ImageSwatch,gr as InLineAlert,Te as Incrementer,ie as Input,or as InputDate,sr as InputPassword,fr as Modal,dr as Picker,O as Price,wr as PriceRange,Ae as ProgressSpinner,Le as RadioButton,De as Skeleton,F as SkeletonRow,Ir as Tag,lr as TextArea,ur as TextSwatch,Dr as ToggleButton,ne as UIContext,Ee as UIProvider,ar as provider};
1
+ import{jsx as e}from"./preact-jsx-runtime.js";import{d as Q,c as s,R as le,a as ee,V as x,g as de}from"./chunks/vcomponent.js";import{G as ce,T as M,k as V,F as v,L as pe,h as A,q as L,S as H,y as B,A as U,_ as _e,N as re,E as me,x as ue}from"./chunks/icons/Add.js";import{IntlProvider as he,Localizer as j,Text as G,useText as $}from"./i18n.js";import W from"./chunks/icons/Minus.js";import be from"./chunks/icons/CheckWithCircle.js";import ge from"./chunks/icons/WarningWithCircle.js";import ve from"./chunks/icons/Date.js";import Ne from"./chunks/icons/Locker.js";import fe from"./chunks/icons/Eye.js";import we from"./chunks/icons/EyeClose.js";import te from"./chunks/icons/Check.js";import K from"./chunks/icons/Close.js";import ke from"./chunks/icons/ChevronDown.js";import ye from"./chunks/icons/Trash.js";import"./chunks/image-params-keymap.js";import"./signals.js";const xe={ExampleComponentName:{item:{label:"string"}},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:{requiredFieldError:"This is a required field.",placeholder:"Password",floatingLabel:"Password",buttonTitle:"Click to show or 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"},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"}},Z={Dropin:xe},z={default:Z,en_US:Z},De=a=>Q(z.default,z[a]||{}),J=1,q=({className:a,fullWidth:i=!1,lines:n=J,size:r="small",variant:o="row",children:t=null,multilineGap:l="medium",...d})=>{const p=[[`dropin-skeleton-row__${o}`,o],[`dropin-skeleton-row__${o}-${r}`,o&&r]];if(!t&&o==="empty")return e("div",{className:s(["dropin-skeleton-row dropin-skeleton-row__empty",a])});if(t){const _=t.trim();return e("div",{...d,class:s(["dropin-skeleton-row",["dropin-skeleton-row--full",i],a]),dangerouslySetInnerHTML:{__html:_}})}return n>J===!1?e("div",{...d,class:s(["dropin-skeleton-row",["dropin-skeleton-row--full",i],"dropin-skeleton--row__content",...p,a])}):e("div",{...d,style:{"--multiline-gap-spacing":`var(--spacing-${l})`},class:s(["dropin-skeleton-row--multiline",["dropin-skeleton-row--full",i],a]),children:Array.from({length:n}).map((_,u)=>e("div",{class:s(["dropin-skeleton-row",["dropin-skeleton-row--full",i],"dropin-skeleton--row__content",...p])},u))})},Ee=({className:a,children:i,rowGap:n="medium",...r})=>e("div",{style:{"--row-gap-spacing":`var(--spacing-${n})`},...r,className:s(["dropin-skeleton",a]),role:"status","aria-label":"Loading...",children:i}),ne=ce({locale:"en-US"}),Ie=({lang:a="en_US",langDefinitions:i={},children:n})=>{const r=M(()=>{const t=Q(i.default,i[a]??{});return Q(De(a),t)},[a,i]),o=a.replace("_","-");return e(ne.Provider,{value:{locale:o},children:e(he,{definition:r,children:e(V,{children:n})})})},ar=new le(e(Ie,{})),$e=function(){const i=typeof document<"u"&&document.createElement("link").relList;return i&&i.supports&&i.supports("modulepreload")?"modulepreload":"preload"}(),Se=function(a){return"/"+a},X={},N=function(i,n,r){let o=Promise.resolve();if(n&&n.length>0){document.getElementsByTagName("link");const t=document.querySelector("meta[property=csp-nonce]"),l=(t==null?void 0:t.nonce)||(t==null?void 0:t.getAttribute("nonce"));o=Promise.all(n.map(d=>{if(d=Se(d),d in X)return;X[d]=!0;const p=d.endsWith(".css"),m=p?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${d}"]${m}`))return;const _=document.createElement("link");if(_.rel=p?"stylesheet":$e,p||(_.as="script",_.crossOrigin=""),_.href=d,l&&_.setAttribute("nonce",l),document.head.appendChild(_),p)return new Promise((u,c)=>{_.addEventListener("load",u),_.addEventListener("error",()=>c(new Error(`Unable to preload CSS for ${d}`)))})}))}return o.then(()=>i()).catch(t=>{const l=new Event("vite:preloadError",{cancelable:!0});if(l.payload=t,window.dispatchEvent(l),!l.defaultPrevented)throw t})},Te={Add:v(()=>N(()=>import("./chunks/icons/Add.js").then(a=>a.$),[])),Bulk:v(()=>N(()=>import("./chunks/icons/Bulk.js"),[])),Burger:v(()=>N(()=>import("./chunks/icons/Burger.js"),[])),Cart:v(()=>N(()=>import("./chunks/icons/Cart.js"),[])),Check:v(()=>N(()=>import("./chunks/icons/Check.js"),[])),ChevronDown:v(()=>N(()=>import("./chunks/icons/ChevronDown.js"),[])),ChevronUp:v(()=>N(()=>import("./chunks/icons/ChevronUp.js"),[])),ChevronRight:v(()=>N(()=>import("./chunks/icons/ChevronRight.js"),[])),Close:v(()=>N(()=>import("./chunks/icons/Close.js"),[])),Heart:v(()=>N(()=>import("./chunks/icons/Heart.js"),[])),Minus:v(()=>N(()=>import("./chunks/icons/Minus.js"),[])),Placeholder:v(()=>N(()=>import("./chunks/icons/Placeholder.js"),[])),PlaceholderFilled:v(()=>N(()=>import("./chunks/icons/PlaceholderFilled.js"),[])),Search:v(()=>N(()=>import("./chunks/icons/Search.js"),[])),SearchFilled:v(()=>N(()=>import("./chunks/icons/SearchFilled.js"),[])),Sort:v(()=>N(()=>import("./chunks/icons/Sort.js"),[])),Star:v(()=>N(()=>import("./chunks/icons/Star.js"),[])),View:v(()=>N(()=>import("./chunks/icons/View.js"),[])),User:v(()=>N(()=>import("./chunks/icons/User.js"),[])),Warning:v(()=>N(()=>import("./chunks/icons/Warning.js"),[])),Locker:v(()=>N(()=>import("./chunks/icons/Locker.js"),[])),Wallet:v(()=>N(()=>import("./chunks/icons/Wallet.js"),[])),Card:v(()=>N(()=>import("./chunks/icons/Card.js"),[])),Order:v(()=>N(()=>import("./chunks/icons/Order.js"),[])),Delivery:v(()=>N(()=>import("./chunks/icons/Delivery.js"),[])),OrderError:v(()=>N(()=>import("./chunks/icons/OrderError.js"),[])),OrderSuccess:v(()=>N(()=>import("./chunks/icons/OrderSuccess.js"),[])),PaymentError:v(()=>N(()=>import("./chunks/icons/PaymentError.js"),[])),CheckWithCircle:v(()=>N(()=>import("./chunks/icons/CheckWithCircle.js"),[])),WarningWithCircle:v(()=>N(()=>import("./chunks/icons/WarningWithCircle.js"),[])),WarningFilled:v(()=>N(()=>import("./chunks/icons/WarningFilled.js"),[])),InfoFilled:v(()=>N(()=>import("./chunks/icons/InfoFilled.js"),[])),HeartFilled:v(()=>N(()=>import("./chunks/icons/HeartFilled.js"),[])),Trash:v(()=>N(()=>import("./chunks/icons/Trash.js"),[])),Eye:v(()=>N(()=>import("./chunks/icons/Eye.js"),[])),EyeClose:v(()=>N(()=>import("./chunks/icons/EyeClose.js"),[])),Date:v(()=>N(()=>import("./chunks/icons/Date.js"),[]))};function C({source:a,size:i="24",stroke:n="2",viewBox:r="0 0 24 24",className:o,...t}){const l=typeof a=="string"?Te[a]:null,d={className:s(["dropin-icon",`dropin-icon--shape-stroke-${n}`,o]),width:i,height:i,viewBox:r};return e(pe,{fallback:e("svg",{...t,...d}),children:l?e(l,{...t,...d}):e(a,{...t,...d})})}const Pe=({name:a,value:i="1",className:n,disabled:r,error:o,success:t,min:l,max:d,onValue:p,onUpdateError:m,size:_="medium",...u})=>{const[c,h]=A(Number(i)),b=Number(l),g=Number(d),k=o||c<b||c>g,w=c<b?"Dropin.Incrementer.minQuantityMessage":c>g?"Dropin.Incrementer.maxQuantityMessage":"Dropin.Incrementer.errorMessage",f=L(ee(async I=>{if(p)try{p(I)}catch(D){m&&m(D)}},200),[p,m]),E=I=>{let D=I;f(D),h(D)};return e("div",{className:s(["dropin-incrementer",`dropin-incrementer--${_}`,n]),children:[e("div",{className:s(["dropin-incrementer__content",`dropin-incrementer__content--${_}`,["dropin-incrementer__content--error",k],["dropin-incrementer__content--success",t],["dropin-incrementer__content--disabled",r]]),children:[e("div",{className:s(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",r]]),children:e(j,{children:e("button",{type:"button",className:s(["dropin-incrementer__decrease-button",["dropin-incrementer__decrease-button--disabled",r]]),onClick:()=>E(c-1),disabled:r||c<b+1,"aria-label":e(G,{id:"Dropin.Incrementer.decreaseLabel"}),children:e(C,{source:W,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__down"})})})}),e("input",{className:"dropin-incrementer__input",max:d,min:l,step:1,type:"number",name:a,value:c??l,disabled:r,onBlur:()=>{E(Number(c))},onChange:I=>{const D=I.currentTarget.value;D!==""&&h(Number(D))},...u}),e("div",{className:s(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",r]]),children:e(j,{children:e("button",{type:"button",className:s(["dropin-incrementer__increase-button",["dropin-incrementer__increase-button--disabled",r]]),onClick:()=>E(c+1),disabled:r||c>g-1,"aria-label":e(G,{id:"Dropin.Incrementer.increaseLabel"}),children:e(C,{source:H,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__add"})})})})]}),k&&e("p",{className:"dropin-incrementer__content--error-message",children:e(G,{id:w,fields:{minQuantity:l,maxQuantity:d}})})]})},ie=({name:a,value:i,variant:n="primary",className:r,disabled:o,error:t,floatingLabel:l,onValue:d,onUpdateError:p,size:m="medium",icon:_,maxLength:u,success:c,...h})=>{const b=(h==null?void 0:h.id)||a||`dropin-input-${Math.random().toString(36)}`,g=L(ee(async w=>{if(d)try{await d(w)}catch(f){p&&p(f)}},200),[d,p]),k=w=>{const f=w.target;g(f.value.trim())};return e("div",{className:s(["dropin-input-container",`dropin-input-container--${n}`,["dropin-input-container--floating",!!l],["dropin-input-container--disabled",o]]),children:[_&&e(x,{node:_,className:s(["dropin-input__field-icon--left",_.props.className])}),e("div",{className:"dropin-input-label-container",children:[e("input",{id:b,onChange:k,type:"text",maxLength:u,name:a,value:i,...h,className:s(["dropin-input",`dropin-input--${m}`,`dropin-input--${n}`,["dropin-input--error",!!t],["dropin-input--success",!!c],["dropin-input--disabled",o],["dropin-input--floating",!!l],["dropin-input--icon-left",!!_],r]),disabled:o}),l&&e("label",{htmlFor:b,className:s([["dropin-input__label--floating",!!l],["dropin-input__label--floating--icon-left",!!_],["dropin-input__label--floating--error",!!t]]),children:l})]}),t&&e("div",{className:s(["dropin-input__field-icon--right","dropin-input__field-icon--error"]),children:e(C,{source:ge,size:"16",stroke:"2",className:"dropin-input--warning-icon",viewBox:"-1 -1 26 26"})}),c&&e("div",{className:s(["dropin-input__field-icon--right","dropin-input__field-icon--success"]),children:e(C,{source:be,size:"16",stroke:"2",className:"dropin-input--success-icon",viewBox:"-1 -1 26 26"})})]})},or=({name:a="",error:i,value:n,label:r,onChange:o,onBlur:t,...l})=>{const d=$({picker:"Dropin.InputDate.picker"}),p=u=>{u.currentTarget.setAttribute("type","date")},m=u=>{var h;const c=(h=u.currentTarget.parentElement)==null?void 0:h.querySelector("input");c==null||c.focus(),c==null||c.showPicker()},_=u=>{u.currentTarget.setAttribute("type","text"),t==null||t(u)};return e("div",{className:s(["dropin-input-date"]),children:[e(oe,{error:i,children:e(ie,{error:!!i,name:a,value:n==null?void 0:n.toString(),placeholder:r,floatingLabel:r,onFocus:p,onBlur:_,onChange:o,"aria-labelledby":r,className:"dropin-input-date__input",...l})}),e("button",{className:"dropin-input-date__icon","aria-label":d.picker,onClick:m,children:e(C,{source:ve,size:"24"})})]})},Y={pending:e(W,{}),success:e(te,{}),error:e(K,{style:{fill:"red"}})},Ce=({minLength:a=0,requiredCharacterClasses:i=0,uniqueSymbolsStatus:n="pending",validateLengthConfig:r={status:"",icon:"",message:""}})=>{const o=$({chartTwoSymbols:"Dropin.PasswordStatusIndicator.chartTwoSymbols",chartThreeSymbols:"Dropin.PasswordStatusIndicator.chartThreeSymbols",chartFourSymbols:"Dropin.PasswordStatusIndicator.chartFourSymbols"}),t=l=>{switch(l){case 2:return o.chartTwoSymbols;case 3:return o.chartThreeSymbols;case 4:return o.chartFourSymbols;default:return""}};return e("div",{className:s(["dropin-password-status-indicator"]),children:[a>0?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${r.status}`,"data-testid":`dropin-password-status-indicator__item--${r.icon}`,children:[Y[r.icon],e("span",{className:`${r.status}`,children:r.message})]}):null,i>=2?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${n}`,"data-testid":`dropin-password-status-indicator__item--${n}`,children:[Y[n],e("span",{className:"pending",children:t(i)})]}):null]})},sr=({placeholder:a,floatingLabel:i,children:n,name:r,required:o,className:t,minLength:l,autoComplete:d,error:p=!1,defaultValue:m="",hideStatusIndicator:_=!1,uniqueSymbolsStatus:u,validateLengthConfig:c,requiredCharacterClasses:h,onValue:b,onBlur:g,...k})=>{const w=$({requiredFieldError:"Dropin.InputPassword.requiredFieldError",placeholder:"Dropin.InputPassword.placeholder",floatingLabel:"Dropin.InputPassword.floatingLabel",buttonTitle:"Dropin.InputPassword.buttonTitle"}),[f,E]=A(!1),I=L(()=>{E(S=>!S)},[]),y=p&&!m.length?w.requiredFieldError:p&&m.length?"&thinsp;":"";return e("div",{"data-testid":"passwordFieldInput",className:s(["dropin-input-password",["dropin-input-password--error",p],["dropin-input-password--hide-label",p&&!!m.length],t]),...k,children:[e(oe,{error:y,children:e(ie,{autoComplete:d,name:r??"password",type:f?"text":"password",placeholder:a||w.placeholder,floatingLabel:i||w.floatingLabel,"aria-label":w.placeholder,"aria-required":!0,required:o||!1,value:m,onValue:b,icon:e(Ne,{}),onBlur:g,"data-testid":"passwordInput"})}),e(R,{"aria-label":w.buttonTitle,title:w.buttonTitle,type:"button","data-testid":"toggle-password-icon",variant:"tertiary",className:s(["dropin-input-password__eye-icon",`dropin-input-password__eye-icon--${f?"show":"hide"}`,t]),onClick:I,children:f?e(fe,{}):e(we,{})}),_?null:e(Ce,{minLength:l,requiredCharacterClasses:h,validateLengthConfig:c,uniqueSymbolsStatus:u}),n]})},lr=({disabled:a,name:i="",errorMessage:n,value:r,label:o,className:t,onChange:l,onBlur:d,...p})=>{const m=(p==null?void 0:p.id)||i||`dropin-textarea-${Math.random().toString(36)}`,_=!!(n!=null&&n.length),u=L(c=>{const h=c.target;h.style.height="auto",h.style.height=`${h.scrollHeight}px`,l==null||l(c)},[l]);return e("div",{className:s(["dropin-textarea-container",t]),"data-testid":"dropin-textarea-container",children:[e("textarea",{"data-testid":"dropin-textarea-field",className:s(["dropin-textarea",["dropin-textarea--error",_],["dropin-textarea--disabled",!!a]]),id:m,placeholder:o,name:i,value:r,disabled:a,onBlur:d,onChange:u,...p}),e("label",{htmlFor:m,className:s(["dropin-textarea__label--floating",["dropin-textarea__label--floating--error",_]]),children:o}),_?e("div",{className:s(["dropin-textarea__label--floating--text",["dropin-textarea__label--floating--error",_]]),children:n}):null]})},Le=({className:a,src:i,params:n,loading:r="lazy",srcSet:o,onLoad:t,...l})=>{const[d,p]=A(!1),m=M(()=>{if(o)return o;if(!(!i||!n))return de(i,{...n})},[n,i,o]),_=u=>{p(!0),t==null||t(u)};return e("img",{...l,className:s(["dropin-image",["dropin-image--loaded",d],a]),loading:r,onLoad:_,src:i,srcSet:m})},ae=({variant:a="primary",className:i})=>e("hr",{role:"separator",className:s(["dropin-divider",`dropin-divider--${a}`,i])}),O=({amount:a=0,currency:i,locale:n=void 0,variant:r="default",weight:o="bold",className:t,children:l,sale:d=!1,formatOptions:p={},size:m="small",..._})=>{const u=M(()=>new Intl.NumberFormat(n,{style:"currency",currency:i||"USD",minimumFractionDigits:2,maximumFractionDigits:2,...p}),[n,i,p]),c=M(()=>u.format(a),[a,u]);return e("span",{..._,className:s(["dropin-price",`dropin-price--${r}`,`dropin-price--${m}`,`dropin-price--${o}`,["dropin-price--sale",d],t]),children:c})},Oe=({name:a,label:i,value:n,size:r="medium",checked:o=!1,disabled:t=!1,error:l=!1,description:d="",busy:p=!1,className:m,children:_,...u})=>e("label",{className:s([m,"dropin-radio-button",["dropin-radio-button--error",l],["dropin-radio-button--disabled",t]]),children:[e("input",{name:a,value:n,checked:o,disabled:t,type:"radio",className:s(["dropin-radio-button__input",["dropin-radio-button__input--error",l],["dropin-radio-button__input--disabled",t]]),"aria-busy":p,...u}),e("span",{className:s(["dropin-radio-button__label",`dropin-radio-button__label--${r}`,["dropin-radio-button__label--error",l],["dropin-radio-button__label--disabled",t]]),children:i}),e("span",{className:s(["dropin-radio-button__description",`dropin-radio-button__description--${r}`,["dropin-radio-button__description--disabled",t]]),children:d})]}),R=({value:a,variant:i="primary",size:n="medium",icon:r,className:o,children:t,disabled:l=!1,active:d=!1,activeChildren:p,activeIcon:m,href:_,...u})=>{let c="dropin-button";(r&&!t||r&&d&&!p||!r&&d&&m)&&(c="dropin-iconButton"),d&&p&&(c="dropin-button"),o=s([c,`${c}--${n}`,`${c}--${i}`,[`${c}--${i}--disabled`,l],t&&r&&`${c}--with-icon`,!t&&p&&r&&`${c}--with-icon`,d&&m&&`${c}--with-icon`,o]);const h=s(["dropin-button-icon",`dropin-button-icon--${i}`,[`dropin-button-icon--${i}--disabled`,l],r==null?void 0:r.props.className]),b=_?{node:e("a",{}),role:"link",href:_,...u,disabled:l,active:d,onKeyDown:g=>{l&&g.preventDefault()},tabIndex:l?-1:0}:{node:e("button",{}),role:"button",...u,value:a,disabled:l,active:d};return e(x,{...b,className:o,children:[r&&!d&&e(x,{node:r,className:h}),m&&d&&e(x,{node:m,className:h}),t&&!d&&(typeof t=="string"?e("span",{children:t}):t),d&&p&&(typeof p=="string"?e("span",{children:p}):p)]})},dr=({name:a,value:i=null,options:n,variant:r="primary",floatingLabel:o,size:t="medium",handleSelect:l=()=>{},disabled:d=!1,error:p=!1,placeholder:m,defaultOption:_,icon:u,className:c,...h})=>{var y;const b=(h==null?void 0:h.id)||a||`dropin-picker-${Math.random().toString(36)}`,g=n==null?void 0:n.find(S=>!S.disabled),[k,w]=A({value:i,text:(_==null?void 0:_.text)||m||(g==null?void 0:g.text),icon:u});B(()=>{const S=n==null?void 0:n.find(T=>T.value===i);w(S??{value:(_==null?void 0:_.value)||(m||o?null:g==null?void 0:g.value),text:(_==null?void 0:_.text)||m||(g==null?void 0:g.text),icon:u})},[i,n,m,u,_,o]);const f=S=>{const{options:T,value:P}=S.target;for(const F of T)F.selected&&(w({value:P,text:F.text,icon:u}),l(S))},E=n==null?void 0:n.map(S=>{const{value:T,text:P,disabled:F}=S,se=T===k.value;return e("option",{value:T,selected:se,disabled:F,className:s(["dropin-picker__option"]),children:P},T)}),I=U(null),D=!((y=I.current)!=null&&y.selected)||!!_;return e("div",{className:s([c,"dropin-picker",`dropin-picker__${t}`,["dropin-picker__floating",!!o],["dropin-picker__selected",D],["dropin-picker__error",p],["dropin-picker__disabled",d],["dropin-picker__icon",u]]),children:[u&&e(u.type,{...u.props,className:"dropin-picker__icon--placeholder"}),e("select",{id:b,className:s(["dropin-picker__select",`dropin-picker__select--${r}`,`dropin-picker__select--${t}`,["dropin-picker__select--floating",!!o]]),name:a,"aria-label":a,disabled:d,onChange:f,...h,children:[!_&&(o||m)&&e("option",{value:"",ref:I,className:s(["dropin-picker__option dropin-picker__placeholder"]),children:o??m},i),E]}),e(C,{source:ke,size:"24",stroke:"2",className:"dropin-picker__chevronDown"}),o&&D&&e("label",{htmlFor:b,className:s(["dropin-picker__floatingLabel",!!o]),children:o})]})},oe=({className:a,label:i,error:n,hint:r,success:o,size:t="medium",disabled:l=!1,children:d,...p})=>{var u;const m=((u=d==null?void 0:d.props)==null?void 0:u.id)??`dropin-field-${Math.random().toString(36)}`,_=d&&typeof d.type!="string"?d.type:null;return e("div",{...p,className:s(["dropin-field",a]),children:[i&&e("label",{className:s(["dropin-field__label",["dropin-field__label--disabled",l],`dropin-field__label--${t}`]),htmlFor:m,children:i}),e("div",{className:s(["dropin-field__content"]),children:_&&d&&_e(_,{...d.props,id:m,key:d.key,disabled:l,size:t,error:!!n,success:!!o&&!n})}),e("div",{className:s(["dropin-field__hint",[`dropin-field__hint--${t}`,t],["dropin-field__hint--error",!!n],["dropin-field__hint--success",!!o&&!n],["dropin-field__hint--disabled",!!l]]),children:n||o||r})]})},cr=({icon:a,className:i,children:n,active:r=!1,disabled:o=!1,...t})=>e("button",{role:"button",disabled:o,...t,className:s(["dropin-action-button",["dropin-action-button--active",r],["dropin-action-button--disabled",o],i]),children:[a&&e(x,{node:a,className:s(["dropin-action-button-icon"])}),n&&(typeof n=="string"?e("span",{children:n}):n)]}),pr=({className:a,variant:i="primary",activeOption:n,disabled:r=!1,dividers:o=!0,children:t,handleSelect:l,...d})=>{const[p,m]=A(n),_=L(c=>{r||c.props.disabled||(m(c.props.value),l&&l(c.props.value))},[l,m,r]),u=re.map(t,c=>{const h=r||c.props.disabled,b=c.props.value===p;return me(c,{disabled:h,active:b,onClick:()=>_(c),className:s(["dropin-action-button-group__option",`dropin-action-button-group__option--${i}`,["dropin-action-button-group__option--active",b],["dropin-action-button-group__option--with-dividers",o]])})});return e("div",{role:"group",...d,className:s(["dropin-action-button-group",`dropin-action-button-group--${i}`,a]),children:u})},Re=({variant:a="primary",className:i,children:n,...r})=>e("div",{...r,className:s(["dropin-card",`dropin-card--${a}`,i]),children:e("div",{class:"dropin-card__content",children:n})}),_r=({name:a,value:i,size:n="medium",disabled:r=!1,error:o=!1,label:t="",description:l="",className:d,checked:p,...m})=>{const[_,u]=A(p===void 0?!1:p),c=U(null),h=g=>{var k;(k=m.onChange)==null||k.call(m,g),u(g.currentTarget.checked)},b=g=>{var k;g.key===" "&&(g.preventDefault(),(k=c==null?void 0:c.current)==null||k.click())};return e("label",{className:s(["dropin-checkbox",["dropin-checkbox--disabled",r]]),children:[e("input",{ref:c,name:a,value:i,type:"checkbox",disabled:r,className:s(["dropin-checkbox__checkbox",["dropin-checkbox__checkbox--error",o],d]),...m,onChange:h,checked:_}),e("span",{"aria-checked":_?"true":"false","aria-labelledby":`${a}-label`,"aria-describedby":`${a}-description`,className:s(["dropin-checkbox__box",["dropin-checkbox__box--error",o],["dropin-checkbox__box--disabled",r]]),role:"checkbox",tabIndex:r?-1:0,onKeyDown:b,children:e(C,{className:s(["dropin-checkbox__checkmark"]),source:te,size:"16",stroke:"3"})}),e("div",{id:`${a}-label`,className:s(["dropin-checkbox__label",`dropin-checkbox__label--${n}`,["dropin-checkbox__label--disabled",r]]),children:t}),e("div",{}),e("div",{id:`${a}-description`,role:"note",className:s(["dropin-checkbox__description",`dropin-checkbox__description--${n}`,["dropin-checkbox__description--disabled",r]]),children:l})]})},mr=({className:a,name:i,value:n,id:r,label:o,groupAriaLabel:t,size:l="medium",color:d,disabled:p=!1,selected:m=!1,outOfStock:_=!1,multi:u=!1,onValue:c,onUpdateError:h,...b})=>{const g=$("Dropin.Swatches.outOfStock.label").label,k=$("Dropin.Swatches.selected.label").label,w=$("Dropin.Swatches.swatch.label").label,f=L(async T=>{if(c)try{await c(T)}catch(P){h&&h(P)}},[c,h]),E=T=>{const P=T.target;f(P.value)},y=d&&(T=>{const P=new Option().style;return P.color=T,P.color!==""})(d)?d:"var(--color-gray-300);",S=()=>_?`${t}: ${o} ${g}`:m?`${t}: ${o} ${k}`:`${t}: ${o} ${w}`;return e("label",{className:s(["dropin-color-swatch__container",`dropin-color-swatch__container--${l}`,a]),children:[e("input",{type:u?"checkbox":"radio",name:i,id:r,value:n,"aria-label":S(),checked:m,disabled:p,onChange:E,...b,className:s(["dropin-color-swatch",["dropin-color-swatch--selected",m],["dropin-color-swatch--disabled",p],a])}),e("span",{style:{"--bg-color":y},className:s(["dropin-color-swatch__span",["dropin-color-swatch__span--out-of-stock",_],a])})]})},ur=({className:a,name:i,value:n,label:r,groupAriaLabel:o,id:t,disabled:l=!1,selected:d=!1,outOfStock:p=!1,multi:m=!1,onValue:_,onUpdateError:u,...c})=>{const h=$("Dropin.Swatches.outOfStock.label").label,b=$("Dropin.Swatches.selected.label").label,g=$("Dropin.Swatches.swatch.label").label,[k,w]=A(!1),f=U(null),E=L(async y=>{if(_)try{await _(y)}catch(S){u&&u(S)}},[_,u]),I=y=>{const S=y.target;E(S.value)},D=()=>p?`${o}: ${r} ${h}`:d?`${o}: ${r} ${b}`:`${o}: ${r} ${g}`;return B(()=>{f.current&&f.current.scrollWidth>f.current.clientWidth&&w(!0)},[r]),e("div",{className:"dropin-text-swatch__container",...k?{"data-tooltip":r}:{},children:[e("input",{type:m?"checkbox":"radio",name:i,id:t,value:n,"aria-label":D(),checked:d,disabled:l,onChange:I,...c,className:s(["dropin-text-swatch",["dropin-text-swatch--selected",d],["dropin-text-swatch--disabled",l],a])}),e("label",{htmlFor:t,ref:f,className:s(["dropin-text-swatch__label",["dropin-text-swatch__label--out-of-stock",p],a]),children:r})]})},Ae=({ariaLabel:a,size:i="small",stroke:n="4",children:r,className:o,style:t,...l})=>{const d=["dropin-progress-spinner",`dropin-progress-spinner--shape-size-${i}`,`dropin-progress-spinner--shape-stroke-${n}`],p=$({updating:"Dropin.ProgressSpinner.updating.label",updatingChildren:"Dropin.ProgressSpinner.updatingChildren.label"}),m=()=>a||(r?p.updatingChildren:p.updating);return r?e("div",{...l,className:s(["dropin-progress-spinner-provider"]),"aria-live":"polite",role:"status",children:[e("div",{"aria-hidden":!0,children:r}),e("div",{"aria-label":m(),role:"status",className:s(["dropin-progress-spinner-background",o]),style:t}),e("div",{className:s(["dropin-progress-spinner-with-provider",...d]),"aria-hidden":!0})]}):e("div",{...l,className:s([o,...d]),"aria-live":"polite",role:"status","aria-label":m()})},hr=({className:a,name:i,value:n,id:r,label:o,groupAriaLabel:t,src:l,alt:d,disabled:p=!1,selected:m=!1,outOfStock:_=!1,multi:u=!1,onValue:c,onUpdateError:h,...b})=>{const g=$("Dropin.Swatches.outOfStock.label").label,k=$("Dropin.Swatches.selected.label").label,w=$("Dropin.Swatches.swatch.label").label,f=L(async D=>{if(c)try{await c(D)}catch(y){h&&h(y)}},[c,h]),E=D=>{const y=D.target;f(y.value)},I=()=>_?`${t}: ${o} ${g}`:m?`${t}: ${o} ${k}`:`${t}: ${o} ${w}`;return e("label",{className:s(["dropin-image-swatch__container",a]),children:[e("input",{type:u?"checkbox":"radio",name:i,id:r,value:n,"aria-label":I(),checked:m,disabled:p,onChange:E,...b,className:s(["dropin-image-swatch",["dropin-image-swatch--selected",m],["dropin-image-swatch--disabled",p],a])}),e("span",{className:s(["dropin-image-swatch__span",["dropin-image-swatch__span--out-of-stock",_],a]),children:e(Le,{src:l,className:s(["dropin-image-swatch__content"]),params:{width:100,fit:"bounds",crop:!0},alt:d,loading:"lazy",onError:D=>D.target.style.display="none"})})]})},Ve=({className:a,children:i,title:n,secondaryText:r,actionIconPosition:o="left",iconOpen:t=H,iconClose:l=W,iconLeft:d=H,showIconLeft:p=!1,renderContentWhenClosed:m=!0,onStateChange:_,...u})=>{const[c,h]=A(!1),b=E=>{E.stopImmediatePropagation();const I=!c;h(I),_==null||_(I)},g=$(`Dropin.Accordion.${c?"close":"open"}.label`).label,k=e(C,{source:t,size:"24",onClick:b,onKeyPress:b,className:"dropin-accordion-section__open-icon"}),w=e(C,{source:l,size:"24",onClick:b,onKeyPress:b,className:"dropin-accordion-section__close-icon"}),f=e(C,{source:d,size:"24"});return e("div",{...u,className:s(["dropin-accordion-section",a]),children:[e("div",{className:"dropin-accordion-section__heading",children:[e("div",{className:"dropin-accordion-section__flex",onClick:b,onKeyPress:b,role:"button","aria-label":`${g} ${n}`,tabIndex:0,children:e("div",{className:"dropin-accordion-section__title-container",children:[o==="left"&&(c?w:k),p&&f,e("h3",{className:"dropin-accordion-section__title",children:n})]})}),e("div",{className:"dropin-accordion-section__secondary-text-container",children:[r&&e("h4",{className:"dropin-accordion-section__secondary-text",children:r}),o==="right"&&(c?w:k)]})]}),e("div",{className:"dropin-accordion-section__content-container",style:{display:c?"grid":"none"},children:(c||m&&!c)&&i})]})},br=({className:a,children:i,actionIconPosition:n="left",iconOpen:r=H,iconClose:o=W,...t})=>{const l=e(ae,{variant:"secondary"}),d=p=>e(V,{children:[e(Ve,{...p.props,actionIconPosition:n,iconOpen:r,iconClose:o}),l]});return e("div",{...t,className:s(["dropin-accordion",a]),children:[l,...(Array.isArray(i)?i:[i]).map(d)]})},gr=({variant:a="primary",className:i,type:n="warning",additionalActions:r,onDismiss:o,heading:t,description:l,icon:d,itemList:p,actionButtonPosition:m,..._})=>{var c,h,b;const u=$({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{..._,className:s(["dropin-in-line-alert",`dropin-in-line-alert--${n}`,`dropin-in-line-alert--${a}`,i]),children:[e("div",{className:"dropin-in-line-alert__heading",children:[e("div",{className:"dropin-in-line-alert__title-container",children:[d&&e(x,{node:d,className:"dropin-in-line-alert__icon"}),e("span",{className:"dropin-in-line-alert__title",children:t})]}),e("div",{className:"dropin-in-line-alert__actions-container",children:[r&&(m==="top"||!m&&r.length<=1)&&e(R,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:r.length>0?(c=r[0])==null?void 0:c.onClick:void 0,"aria-label":(h=r[0])==null?void 0:h.label,children:(b=r[0])==null?void 0:b.label}),o&&e(R,{icon:e(C,{source:K,size:"24",stroke:"2"}),className:"dropin-in-line-alert__dismiss-button",variant:"tertiary",onClick:o,"aria-label":u.dismiss})]})]}),l&&e("p",{className:"dropin-in-line-alert__description",children:l}),e("div",{className:"dropin-in-line-alert__item-list-container",children:p&&e(x,{node:p,className:s(["dropin-in-line-alert__item-list"])})}),r&&(m==="bottom"||!m&&r.length>1)&&e("div",{className:"dropin-in-line-alert__additional-actions-container",children:r.map(g=>e(R,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:g.onClick,children:g.label},g.label))})]})},vr=({size:a="small",title:i=null,centered:n=!1,backgroundDim:r=!0,clickToDismiss:o=!0,escapeToDismiss:t=!0,onClose:l,showCloseButton:d=!0,className:p,children:m=null,..._})=>{const u=L(()=>{l==null||l()},[l]),c=$({modalCloseLabel:"Dropin.Modal.Close.label"});return B(()=>{const h=b=>{const g=document.querySelector(".dropin-modal"),k=document.querySelector(".dropin-modal__body");o&&g&&k&&!k.contains(b.target)&&u()};return document.addEventListener("mousedown",h),()=>{document.removeEventListener("mousedown",h)}},[u,o]),B(()=>{const h=b=>{b.key==="Escape"&&t&&u()};return document.addEventListener("keydown",h),()=>{document.removeEventListener("keydown",h)}},[u,t]),B(()=>{const h=document.scrollingElement,b=h.style.overflow;return h.style.overflow="hidden",()=>{h.style.overflow=b}},[]),e("div",{className:s(["dropin-modal",["dropin-modal--dim",r]]),children:e("div",{..._,className:s(["dropin-modal__body",[`dropin-modal__body--${a}`,a],p]),children:[e("div",{className:s(["dropin-modal__header",["dropin-modal__header-title",!!i]]),children:[i&&e("div",{className:s(["dropin-modal__header-title-content"]),children:i}),d&&e(R,{"aria-label":c.modalCloseLabel,variant:"tertiary",className:"dropin-modal__header-close-button",onClick:u,icon:e(K,{})})]}),e("div",{className:s(["dropin-modal__content",["dropin-modal__body--centered",n]]),children:m})]})})},Nr=({className:a,children:i,ariaLabel:n,image:r,title:o,price:t,taxIncluded:l=!1,taxExcluded:d=!1,total:p,totalExcludingTax:m,sku:_,configurations:u,warning:c,alert:h,quantity:b=1,description:g,loading:k=!1,updating:w=!1,onQuantity:f,onRemove:E,...I})=>{var S,T;const{locale:D}=ue(ne),y=$({each:"Dropin.CartItem.each.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"});return k?e(Fe,{}):e("div",{...I,className:s(["dropin-cart-item",["dropin-cart-item--updating",w],a]),children:[w&&e(Ae,{className:s(["dropin-cart-item__spinner"]),ariaLabel:n?(S=y.updating)==null?void 0:S.replace("{product}",n):y.updatingDefault}),e("div",{className:"dropin-cart-item__wrapper",children:[e(x,{node:r,className:s(["dropin-cart-item__image"])}),e(x,{node:o,className:s(["dropin-cart-item__title",["dropin-cart-item__title--edit",!!f||!!E]])}),g&&e(x,{node:g,className:s(["dropin-cart-item__description"])}),e(x,{node:_,className:s(["dropin-cart-item__sku"])}),u&&e("ul",{className:s(["dropin-cart-item__configurations"]),children:Object.entries(u).map(([P,F])=>e("li",{className:s(["dropin-cart-item__configurations__item"]),children:[P,":"," ",e("strong",{className:s(["dropin-cart-item__configurations__item__value"]),children:F})]},P))}),e("span",{className:s(["dropin-cart-item__price"]),children:[!f&&e("span",{className:"dropin-cart-item__price__quantity",children:[b.toLocaleString(D)," x"," "]}),e(x,{node:t,role:"text"}),b>1&&e(V,{children:[" ",y.each]}),l&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",y.taxIncluded]}),d&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",y.taxExcluded]})]}),e("div",{className:s(["dropin-cart-item__quantity",["dropin-cart-item__quantity--edit",!!f]]),children:[f?e(Pe,{className:s(["dropin-cart-item__quantity__incrementer"]),value:b,min:1,onValue:P=>f==null?void 0:f(Number(P)),name:"quantity","aria-label":y.quantity,disabled:w}):e("span",{className:s(["dropin-cart-item__quantity__value"]),children:[y.quantity,":"," ",e("strong",{className:"dropin-cart-item__quantity__number",children:Number(b).toLocaleString(D)})]}),c&&e(x,{node:c,className:s(["dropin-cart-item__warning","dropin-cart-item__warning--quantity"])}),h&&e(x,{node:h,className:s(["dropin-cart-item__alert","dropin-cart-item__alert--quantity"])})]}),c&&e(x,{node:c,className:s(["dropin-cart-item__warning"])}),h&&e(x,{node:h,className:s(["dropin-cart-item__alert"])}),e("div",{className:s(["dropin-cart-item__total",["dropin-cart-item__total--edit",!!E]]),children:[e("div",{className:"dropin-cart-item__row-total",children:e(x,{node:p,role:"text"})}),l&&e("div",{className:"dropin-cart-item__total-tax-included",children:e("span",{"data-testid":"tax-message",className:s(["dropin-cart-item__total-tax-message"]),children:y.taxIncluded})}),d&&e("div",{className:"dropin-cart-item__total-tax-excluded",children:e("span",{"data-testid":"tax-message",className:s(["dropin-cart-item__total-tax-excluded-message"]),children:[m&&e(x,{node:m,role:"text"})," ",y.taxExcluded]})})]})]}),E&&e(R,{className:s(["dropin-cart-item__remove"]),variant:"tertiary",onClick:()=>E==null?void 0:E(),icon:e(C,{source:ye,size:"24",stroke:"2",viewBox:"0 0 24 24","aria-label":n?(T=y.remove)==null?void 0:T.replace("{product}",n):y.removeDefault}),disabled:w})]})},Fe=()=>e("div",{className:"dropin-cart-item dropin-cart-item-skeleton",children:e(Ee,{className:"dropin-cart-item__skeleton dropin-cart-item__wrapper",children:[e("div",{className:"dropin-cart-item__image",children:e(q,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__title",children:e(q,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__sku",children:e(q,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__price",children:e(q,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__quantity",children:e(q,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__total",children:e(q,{className:"dropin-cart-item__skeleton__item"})})]})}),fr=({className:a,children:i,...n})=>e("div",{...n,className:s(["dropin-cart-list",a]),children:e("div",{className:"dropin-cart-list__wrapper","aria-live":"assertive","aria-relevant":"all",children:re.map(i,(r,o)=>e("div",{className:"dropin-cart-list__item",children:r},o))})}),wr=({className:a,children:i,locale:n,currency:r,amount:o,variant:t="default",minimumAmount:l,maximumAmount:d,size:p="small",display:m="dash",specialPrice:_,sale:u=!1,...c})=>{const h=M(()=>o||l===d||l&&!d||d&&!l,[o,d,l]);return e("div",{children:h?e("div",{...c,className:s(["dropin-price-range",a]),children:e(O,{amount:o??l??d,currency:r,locale:n,size:p,variant:t,sale:u})}):e("div",{...c,className:s(["dropin-price-range",a]),children:[m==="dash"?e(qe,{specialPrice:_,minimumAmount:l,maximumAmount:d,currency:r,locale:n,size:p,sale:u}):null,m==="from to"?e(Be,{specialPrice:_,minimumAmount:l,maximumAmount:d,currency:r,locale:n,size:p,sale:u}):null,m==="as low as"?e(Me,{specialPrice:_,minimumAmount:l,maximumAmount:d,currency:r,locale:n,size:p,sale:u}):null]})})};function qe({specialPrice:a,minimumAmount:i,maximumAmount:n,currency:r,locale:o,size:t,sale:l}){return e(V,{children:[e(O,{amount:a??i,currency:r,locale:o,size:t,sale:!!a&&l}),e("span",{className:"dropin-price-range__separator",children:"-"}),e(O,{amount:n,currency:r,locale:o,size:t})]})}function Be({specialPrice:a,minimumAmount:i,maximumAmount:n,currency:r,locale:o,size:t,sale:l}){const d=$({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(V,{children:[e("span",{className:s(["dropin-price-range__from",`dropin-price-range__from--${t}`]),children:d.from}),e(O,{amount:a??i,currency:r,locale:o,size:t,sale:!!a&&l}),e("span",{className:s(["dropin-price-range__to",`dropin-price-range__to--${t}`]),children:d.to}),e(O,{amount:n,currency:r,locale:o,size:t})]})}function Me({specialPrice:a,minimumAmount:i,maximumAmount:n,currency:r,locale:o,size:t,sale:l}){const d=$({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(V,{children:[e("span",{className:s(["dropin-price-range__as-low-as",`dropin-price-range__as-low-as--${t}`]),children:d.asLowAs}),a?e("div",{children:[e(O,{amount:n,currency:r,locale:o,size:t,variant:"strikethrough"}),e(O,{amount:a,currency:r,locale:o,size:t,className:"dropin-price-range__special",sale:!!a&&l})]}):e(O,{amount:i,currency:r,locale:o,size:t})]})}const kr=({className:a,categories:i,separator:n,...r})=>e(V,{children:(i==null?void 0:i.length)>1&&e("nav",{role:"navigation",...r,className:s(["dropin-breadcrumbs__container",a]),children:e("ul",{className:"dropin-breadcrumbs__items",children:i==null?void 0:i.map((o,t)=>e("li",{className:s(["dropin-breadcrumbs__item",["dropin-breadcrumbs__item--last",t===i.length-1]]),children:[e(x,{node:o,className:"dropin-breadcrumbs__link"}),!n&&t!==i.length-1&&e("span",{className:"dropin-breadcrumbs__separator--default",children:[" ","/"," "]}),n&&t!==i.length-1&&e(x,{node:n,className:"dropin-breadcrumbs__separator--icon"})]},t))})})}),yr=({className:a,variant:i,icon:n,message:r,onDismiss:o,action:t,...l})=>{const d=$({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...l,className:s([a,"dropin-alert-banner",`dropin-alert-banner--${i}`]),children:[e("div",{className:"dropin-alert-banner__content",children:[n&&e(x,{node:n,"aria-hidden":"true",className:"dropin-alert-banner__icon"}),e(x,{node:r,className:s(["dropin-alert-banner__message"])})]}),e("div",{className:"dropin-alert-banner__actions",children:[t&&e(R,{variant:"tertiary",className:"dropin-alert-banner__action",onClick:t.onClick,"aria-label":t.label,children:t.label}),e(R,{icon:e(C,{source:K,size:"24",stroke:"2"}),className:"dropin-alert-banner__dismiss-button",variant:"primary",onClick:o,"aria-label":d.dismiss})]})]})},xr=({className:a,icon:i,heading:n,headingLevel:r=2,message:o,action:t,variant:l="secondary",...d})=>{const p=r>=1&&r<=6?`h${r}`:"h2";return e("div",{...d,className:s(["dropin-illustrated-message",a]),children:e(Re,{variant:l,children:[i&&e(x,{node:i,"aria-hidden":"true",size:"80",className:"dropin-illustrated-message__icon"}),n&&e(p,{className:"dropin-illustrated-message__heading",children:n}),o&&e(x,{node:o,className:"dropin-illustrated-message__message"}),t&&e(x,{node:t,className:"dropin-illustrated-message__action"})]})})},Dr=({className:a,label:i,name:n,value:r,selected:o=!0,onChange:t,icon:l,busy:d=!1,children:p,...m})=>e("div",{...m,className:s(["dropin-toggle-button",a,["dropin-toggle-button__selected",o]]),children:e("label",{className:"dropin-toggle-button__actionButton",children:[e(Oe,{label:"",name:n,value:r,checked:o,onChange:()=>t&&t(r),"aria-label":i,busy:d,className:s([a,"dropin-toggle-button__radioButton"])}),e("span",{className:"dropin-toggle-button__content",children:[l&&e(l.type,{...l==null?void 0:l.props,className:"dropin-toggle-button__icon"}),i]})]})}),Er=({title:a=null,size:i="medium",cta:n,divider:r=!0,className:o,...t})=>a?e("div",{...t,className:s(["dropin-header-container",o]),"data-testid":"dropin-header-container",children:[e("span",{className:s(["dropin-header-container__title",["dropin-header-container__title--medium",i==="medium"],["dropin-header-container__title--large",i==="large"]]),children:a}),n?e(x,{node:n,className:"dropin-header-container__actions"}):null,r?e(ae,{className:s(["dropin-header-container__divider",["dropin-header-container__divider--medium",i==="medium"],["dropin-header-container__divider--large",i==="large"]])}):null]}):null,Ir=({label:a,className:i,...n})=>a?e("div",{...n,className:s(["dropin-tag-container",i]),"data-testid":"dropin-tag-container",children:e("span",{className:"dropin-tag-container__label",children:a})}):null;export{br as Accordion,Ve as AccordionSection,cr as ActionButton,pr as ActionButtonGroup,yr as AlertBanner,kr as Breadcrumbs,R as Button,Re as Card,Nr as CartItem,Fe as CartItemSkeleton,fr as CartList,_r as Checkbox,mr as ColorSwatch,ae as Divider,oe as Field,Er as Header,C as Icon,xr as IllustratedMessage,Le as Image,hr as ImageSwatch,gr as InLineAlert,Pe as Incrementer,ie as Input,or as InputDate,sr as InputPassword,vr as Modal,dr as Picker,O as Price,wr as PriceRange,Ae as ProgressSpinner,Oe as RadioButton,Ee as Skeleton,q as SkeletonRow,Ir as Tag,lr as TextArea,ur as TextSwatch,Dr as ToggleButton,ne as UIContext,Ie as UIProvider,ar as provider};
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name": "@dropins/tools", "version": "0.28.0-alpha4"}
1
+ {"name": "@dropins/tools", "version": "0.28.0-beta2"}
package/recaptcha.js CHANGED
@@ -1,4 +1,4 @@
1
- import{FetchGraphQL as h}from"./fetch-graphql.js";const o={failedFetch:"Failed to fetch config from backend with status:",failedSetStorageConfig:"Failed to set storage config",failedGetStorageConfig:"Configuration could not be loaded.",failedExecutionRecaptcha:"Recaptcha execution failed",failedInitializing:"An error occurred while initializing ReCaptcha:"},g={PLACE_ORDER:"placeOrder",CONTACT:"contactUs",CUSTOMER_LOGIN:"generateCustomerToken",CUSTOMER_FORGOT_PASSWORD:"requestPasswordResetEmail",CUSTOMER_CREATE:"createCustomerV2",CUSTOMER_EDIT:"updateCustomerV2",NEWSLETTER:"subscribeEmailToNewsletter",PRODUCT_REVIEW:"createProductReview",SENDFRIEND:"SENDFRIEND",BRAINTREE:"BRAINTREE"},l=(a,e)=>{if(a&&a.forms){const t=a.forms.concat(e).map(r=>typeof r!="string"?{...r,enabledBadgePlace:!1}:{badgeId:g[r],enabledBadgePlace:!1});return{...a,forms:[...new Set(t)]}}return{}},c=async(a,e=1,t=1e3)=>{const r=sessionStorage.getItem(a);return r!==null?JSON.parse(r):e>0?(await new Promise(i=>setTimeout(i,t)),c(a,e-1,t)):null},f=(a,e,t)=>{if(!a||!e.website_key)return null;try{sessionStorage.setItem(a,JSON.stringify(e))}catch(r){return t&&console.error(o.failedSetStorageConfig,r),null}},{failedExecutionRecaptcha:s}=o,p=async a=>{if(!window.grecaptcha)return Promise.reject(s);try{return await window.grecaptcha.execute(a,{action:"click"})}catch(e){return Promise.reject(`${s} : ${e}`)}},u=()=>new Promise(a=>{const e=new MutationObserver((r,i)=>{window.grecaptcha&&(i.disconnect(),a(!0))}),t={childList:!0,subtree:!0,attributes:!0};e.observe(document.body,t)}),_=async(a,e,t)=>(window.grecaptcha||await u(),grecaptcha.ready(()=>{const r=document.querySelectorAll(`#${a}`);if(!r.length)return null;r.forEach(i=>i.id=`${i.id}_${Math.random().toString(36)}`),r.forEach(i=>{if(i.innerHTML==="")try{grecaptcha.render(i.id,{sitekey:e.website_key,badge:e.badge_position,size:"invisible"})}catch(d){t&&console.error(d)}})})),C=`query {
1
+ import{FetchGraphQL as h}from"./fetch-graphql.js";const o={failedFetch:"Failed to fetch config from backend with status:",failedSetStorageConfig:"Failed to set storage config",failedGetStorageConfig:"Configuration could not be loaded.",failedExecutionRecaptcha:"Recaptcha execution failed",failedInitializing:"An error occurred while initializing ReCaptcha:"},g={PLACE_ORDER:"placeOrder",CONTACT:"contactUs",CUSTOMER_LOGIN:"generateCustomerToken",CUSTOMER_FORGOT_PASSWORD:"requestPasswordResetEmail",CUSTOMER_CREATE:"createCustomerV2",CUSTOMER_EDIT:"updateCustomerV2",NEWSLETTER:"subscribeEmailToNewsletter",PRODUCT_REVIEW:"createProductReview",SENDFRIEND:"SENDFRIEND",BRAINTREE:"BRAINTREE"},l=(i,e)=>{if(i&&i.forms){const t=i.forms.concat(e).map(r=>typeof r!="string"?{...r,enabledBadgePlace:!1}:{badgeId:g[r],enabledBadgePlace:!1});return{...i,forms:[...new Set(t)]}}return{}},c=async(i,e=1,t=1e3)=>{const r=sessionStorage.getItem(i);return r!==null?JSON.parse(r):e>0?(await new Promise(a=>setTimeout(a,t)),c(i,e-1,t)):null},f=(i,e,t)=>{if(!i||!e.website_key)return null;try{sessionStorage.setItem(i,JSON.stringify(e))}catch(r){return t&&console.error(o.failedSetStorageConfig,r),null}},{failedExecutionRecaptcha:s}=o,p=async i=>{if(!window.grecaptcha)return Promise.reject(s);try{return await window.grecaptcha.execute(i,{action:"click"})}catch(e){return Promise.reject(`${s} : ${e}`)}},u=()=>new Promise(i=>{const e=new MutationObserver((r,a)=>{window.grecaptcha&&(a.disconnect(),i(!0))}),t={childList:!0,subtree:!0,attributes:!0};e.observe(document.body,t)}),_=async(i,e,t)=>(window.grecaptcha||await u(),grecaptcha.ready(()=>{const r=document.querySelectorAll(`#${i}`);if(!r.length)return null;r.forEach(a=>a.id=`${a.id}_${Math.random().toString(36)}`),r.forEach(a=>{if(a.innerHTML==="")try{grecaptcha.render(a.id,{sitekey:e.website_key,badge:e.badge_position,size:"invisible"})}catch(d){t&&console.error(d)}})})),C=`query {
2
2
  recaptchaV3Config {
3
3
  is_enabled
4
4
  website_key
@@ -8,4 +8,4 @@ import{FetchGraphQL as h}from"./fetch-graphql.js";const o={failedFetch:"Failed t
8
8
  failure_message
9
9
  forms
10
10
  }
11
- }`,n=new h().getMethods();class b{constructor(){var e;this._enableReCAPTCHA=!1,this._recaptchaBackendEndpoint=((e=n.getConfig())==null?void 0:e.endpoint)||"",this._recaptchaScriptUrl="https://www.google.com/recaptcha/api.js",this._configStorageKey="recaptchaConfig",this._logger=!1}async _updateBadgePosition(e,t){if((t==null?void 0:t.badge_position)!=="inline")return null;await _(e,t,this._logger)}async _addRecaptchaScript(){const e=await this._loadConfig();if(!document.getElementById("recaptchaId")&&e){const t=e.website_key,r=e.badge_position==="inline";if(!t)return;const i=document.createElement("script");i.setAttribute("id","recaptchaId"),i.src=r?`${this._recaptchaScriptUrl}?render=${t}&badge=none`:`${this._recaptchaScriptUrl}?render=${t}&badge=${e.badge_position}`,document.head.appendChild(i)}}async _fetchStoreConfig(){var e;try{const t=await n.fetchGraphQl(C,{method:"GET",cache:"force-cache"});if((e=t==null?void 0:t.errors)!=null&&e.length){this._logger&&console.error(t.errors[0].message);return}return t}catch(t){this._logger&&console.error(`${o.failedFetch}:`,t)}}async _loadConfig(){const e=await c(this._configStorageKey);return e?(this._enableReCAPTCHA=!!e.is_enabled,e):(this._logger&&console.error(o.failedGetStorageConfig),null)}setEndpoint(e){e&&(this._recaptchaBackendEndpoint=e,n.setEndpoint(e))}async setConfig(e){var t;try{const r=await this._fetchStoreConfig();if(!((t=r==null?void 0:r.data)!=null&&t.recaptchaV3Config)){sessionStorage.removeItem(this._configStorageKey);return}const i=l(r.data.recaptchaV3Config,e);f(this._configStorageKey,i,this._logger)}catch(r){this._logger&&console.error(o.failedSetStorageConfig,r),sessionStorage.removeItem(this._configStorageKey)}}async initReCaptcha(){try{const e=await this._loadConfig();if(!(e!=null&&e.forms)||!e.is_enabled)return;await this._addRecaptchaScript();for(let t=0;t<e.forms.length;t++){const r=e.forms[t];await this._updateBadgePosition(r.badgeId,e)}}catch(e){this._logger&&console.error(o.failedInitializing,e)}}async verifyReCaptcha(){try{const e=await this._loadConfig();return!(e!=null&&e.forms)||!e.website_key||!e.is_enabled?void 0:await p(e.website_key)}catch(e){this._logger&&console.error(e)}}enableLogger(e){this._logger=e}getMethods(){return{enableLogger:this.enableLogger.bind(this),setEndpoint:this.setEndpoint.bind(this),setConfig:this.setConfig.bind(this),initReCaptcha:this.initReCaptcha.bind(this),verifyReCaptcha:this.verifyReCaptcha.bind(this)}}}const m=new b,{initReCaptcha:R,verifyReCaptcha:y,setEndpoint:S,setConfig:E,enableLogger:T}=m.getMethods();export{b as RecaptchaModule,T as enableLogger,R as initReCaptcha,n as recaptchaFetchApi,E as setConfig,S as setEndpoint,y as verifyReCaptcha};
11
+ }`,n=new h().getMethods();class b{constructor(){var e;this._enableReCAPTCHA=!1,this._recaptchaBackendEndpoint=((e=n.getConfig())==null?void 0:e.endpoint)||"",this._recaptchaScriptUrl="https://www.google.com/recaptcha/api.js",this._configStorageKey="recaptchaConfig",this._logger=!1}async _updateBadgePosition(e,t){if((t==null?void 0:t.badge_position)!=="inline")return null;await _(e,t,this._logger)}async _addRecaptchaScript(){const e=await this._loadConfig();if(!document.getElementById("recaptchaId")&&e){const t=e.website_key,r=e.badge_position==="inline";if(!t)return;const a=document.createElement("script");a.setAttribute("id","recaptchaId"),a.defer=!0,a.src=r?`${this._recaptchaScriptUrl}?render=${t}&badge=none`:`${this._recaptchaScriptUrl}?render=${t}&badge=${e.badge_position}`,document.head.appendChild(a)}}async _fetchStoreConfig(){var e;try{const t=await n.fetchGraphQl(C,{method:"GET",cache:"force-cache"});if((e=t==null?void 0:t.errors)!=null&&e.length){this._logger&&console.error(t.errors[0].message);return}return t}catch(t){this._logger&&console.error(`${o.failedFetch}:`,t)}}async _loadConfig(){const e=await c(this._configStorageKey);return e?(this._enableReCAPTCHA=!!e.is_enabled,e):(this._logger&&console.error(o.failedGetStorageConfig),null)}setEndpoint(e){e&&(this._recaptchaBackendEndpoint=e,n.setEndpoint(e))}async setConfig(e){var t;try{const r=await this._fetchStoreConfig();if(!((t=r==null?void 0:r.data)!=null&&t.recaptchaV3Config)){sessionStorage.removeItem(this._configStorageKey);return}const a=l(r.data.recaptchaV3Config,e);f(this._configStorageKey,a,this._logger)}catch(r){this._logger&&console.error(o.failedSetStorageConfig,r),sessionStorage.removeItem(this._configStorageKey)}}async initReCaptcha(e=3e3){setTimeout(()=>{(async()=>{try{const t=await this._loadConfig();if(!(t!=null&&t.forms)||!t.is_enabled)return;await this._addRecaptchaScript();for(let r=0;r<t.forms.length;r++){const a=t.forms[r];await this._updateBadgePosition(a.badgeId,t)}}catch(t){this._logger&&console.error(o.failedInitializing,t)}})()},e)}async verifyReCaptcha(){try{const e=await this._loadConfig();return!(e!=null&&e.forms)||!e.website_key||!e.is_enabled?void 0:await p(e.website_key)}catch(e){this._logger&&console.error(e)}}enableLogger(e){this._logger=e}getMethods(){return{enableLogger:this.enableLogger.bind(this),setEndpoint:this.setEndpoint.bind(this),setConfig:this.setConfig.bind(this),initReCaptcha:this.initReCaptcha.bind(this),verifyReCaptcha:this.verifyReCaptcha.bind(this)}}}const m=new b,{initReCaptcha:R,verifyReCaptcha:y,setEndpoint:S,setConfig:E,enableLogger:T}=m.getMethods();export{b as RecaptchaModule,T as enableLogger,R as initReCaptcha,n as recaptchaFetchApi,E as setConfig,S as setEndpoint,y as verifyReCaptcha};
@@ -1,9 +1,8 @@
1
1
  import { FunctionComponent, VNode } from 'preact';
2
2
  import { HTMLAttributes } from 'preact/compat';
3
3
 
4
- type PickerValue = string | null;
5
4
  export interface PickerOption {
6
- value: PickerValue;
5
+ value: string | null;
7
6
  text?: string;
8
7
  icon?: VNode<HTMLAttributes<SVGSVGElement>>;
9
8
  disabled?: boolean;
@@ -11,7 +10,7 @@ export interface PickerOption {
11
10
  export interface PickerProps extends Omit<HTMLAttributes<HTMLSelectElement>, 'value' | 'size' | 'icon'> {
12
11
  id?: string;
13
12
  name?: string;
14
- value?: PickerValue;
13
+ value?: string | null;
15
14
  placeholder?: string;
16
15
  variant?: 'primary' | 'secondary';
17
16
  size?: 'medium' | 'large';
@@ -24,5 +23,4 @@ export interface PickerProps extends Omit<HTMLAttributes<HTMLSelectElement>, 'va
24
23
  handleSelect?: (event: Event) => void;
25
24
  }
26
25
  export declare const Picker: FunctionComponent<PickerProps>;
27
- export {};
28
26
  //# sourceMappingURL=Picker.d.ts.map
@@ -26,17 +26,17 @@ export declare class RecaptchaModule {
26
26
  _loadConfig(): Promise<ReCaptchaV3ModifyProps | null>;
27
27
  setEndpoint(url: string): void;
28
28
  setConfig(configList: PropsFormTypes[]): Promise<void>;
29
- initReCaptcha(): Promise<void>;
29
+ initReCaptcha(lazyLoadTimeout?: number): Promise<void>;
30
30
  verifyReCaptcha(): Promise<string | undefined>;
31
31
  enableLogger(logger: boolean): void;
32
32
  getMethods(): {
33
33
  enableLogger: (logger: boolean) => void;
34
34
  setEndpoint: (url: string) => void;
35
35
  setConfig: (configList: PropsFormTypes[]) => Promise<void>;
36
- initReCaptcha: () => Promise<void>;
36
+ initReCaptcha: (lazyLoadTimeout?: number) => Promise<void>;
37
37
  verifyReCaptcha: () => Promise<string | undefined>;
38
38
  };
39
39
  }
40
- declare const initReCaptcha: () => Promise<void>, verifyReCaptcha: () => Promise<string | undefined>, setEndpoint: (url: string) => void, setConfig: (configList: PropsFormTypes[]) => Promise<void>, enableLogger: (logger: boolean) => void;
40
+ declare const initReCaptcha: (lazyLoadTimeout?: number) => Promise<void>, verifyReCaptcha: () => Promise<string | undefined>, setEndpoint: (url: string) => void, setConfig: (configList: PropsFormTypes[]) => Promise<void>, enableLogger: (logger: boolean) => void;
41
41
  export { setEndpoint, setConfig, initReCaptcha, verifyReCaptcha, enableLogger };
42
42
  //# sourceMappingURL=index.d.ts.map