@dropins/tools 0.33.0 → 0.34.0-alpha1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{_ as C}from"./Add.js";const Z=H=>C("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...H},C("path",{vectorEffect:"non-scaling-stroke",d:"M22 6.25H22.75C22.75 5.83579 22.4142 5.5 22 5.5V6.25ZM22 9.27L22.2514 9.97663C22.5503 9.87029 22.75 9.58731 22.75 9.27H22ZM20.26 12.92L19.5534 13.1714L19.5539 13.1728L20.26 12.92ZM22 14.66H22.75C22.75 14.3433 22.551 14.0607 22.2528 13.9539L22 14.66ZM22 17.68V18.43C22.4142 18.43 22.75 18.0942 22.75 17.68H22ZM2 17.68H1.25C1.25 18.0942 1.58579 18.43 2 18.43V17.68ZM2 14.66L1.74865 13.9534C1.44969 14.0597 1.25 14.3427 1.25 14.66H2ZM3.74 11.01L4.44663 10.7586L4.44611 10.7572L3.74 11.01ZM2 9.27H1.25C1.25 9.58675 1.44899 9.86934 1.7472 9.97611L2 9.27ZM2 6.25V5.5C1.58579 5.5 1.25 5.83579 1.25 6.25H2ZM21.25 6.25V9.27H22.75V6.25H21.25ZM21.7486 8.56337C19.8706 9.23141 18.8838 11.2889 19.5534 13.1714L20.9666 12.6686C20.5762 11.5711 21.1494 10.3686 22.2514 9.97663L21.7486 8.56337ZM19.5539 13.1728C19.9195 14.1941 20.7259 15.0005 21.7472 15.3661L22.2528 13.9539C21.6541 13.7395 21.1805 13.2659 20.9661 12.6672L19.5539 13.1728ZM21.25 14.66V17.68H22.75V14.66H21.25ZM22 16.93H2V18.43H22V16.93ZM2.75 17.68V14.66H1.25V17.68H2.75ZM2.25135 15.3666C4.12941 14.6986 5.11623 12.6411 4.44663 10.7586L3.03337 11.2614C3.42377 12.3589 2.85059 13.5614 1.74865 13.9534L2.25135 15.3666ZM4.44611 10.7572C4.08045 9.73588 3.27412 8.92955 2.2528 8.56389L1.7472 9.97611C2.34588 10.1905 2.81955 10.6641 3.03389 11.2628L4.44611 10.7572ZM2.75 9.27V6.25H1.25V9.27H2.75ZM2 7H22V5.5H2V7ZM7.31 6.74V18.17H8.81V6.74H7.31ZM17.0997 8.39967L11.0397 14.4597L12.1003 15.5203L18.1603 9.46033L17.0997 8.39967ZM12.57 9.67C12.57 9.87231 12.4159 10 12.27 10V11.5C13.2839 11.5 14.07 10.6606 14.07 9.67H12.57ZM12.27 10C12.1241 10 11.97 9.87231 11.97 9.67H10.47C10.47 10.6606 11.2561 11.5 12.27 11.5V10ZM11.97 9.67C11.97 9.46769 12.1241 9.34 12.27 9.34V7.84C11.2561 7.84 10.47 8.67938 10.47 9.67H11.97ZM12.27 9.34C12.4159 9.34 12.57 9.46769 12.57 9.67H14.07C14.07 8.67938 13.2839 7.84 12.27 7.84V9.34ZM17.22 14.32C17.22 14.5223 17.0659 14.65 16.92 14.65V16.15C17.9339 16.15 18.72 15.3106 18.72 14.32H17.22ZM16.92 14.65C16.7741 14.65 16.62 14.5223 16.62 14.32H15.12C15.12 15.3106 15.9061 16.15 16.92 16.15V14.65ZM16.62 14.32C16.62 14.1177 16.7741 13.99 16.92 13.99V12.49C15.9061 12.49 15.12 13.3294 15.12 14.32H16.62ZM16.92 13.99C17.0659 13.99 17.22 14.1177 17.22 14.32H18.72C18.72 13.3294 17.9339 12.49 16.92 12.49V13.99Z",fill:"#3D3D3D"}));export{Z as default};
|
package/components.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"./preact-jsx-runtime.js";import{d as Z,c as o,R as be,a as oe,V as k,g as fe,i as ge}from"./chunks/is-number.js";import{G as ve,T as M,k as V,F as v,L as Ne,h as F,q as C,S as K,y as W,_ as we,N as se,E as ke,A as le,x as ye}from"./chunks/icons/Add.js";import{IntlProvider as xe,Localizer as Q,Text as z,useText as E}from"./i18n.js";import U from"./chunks/icons/Minus.js";import De from"./chunks/icons/CheckWithCircle.js";import Ee from"./chunks/icons/WarningWithCircle.js";import Ie from"./chunks/icons/Date.js";import $e from"./chunks/icons/Locker.js";import Se from"./chunks/icons/Eye.js";import Te from"./chunks/icons/EyeClose.js";import de from"./chunks/icons/Check.js";import j from"./chunks/icons/Close.js";import J from"./chunks/icons/ChevronDown.js";import Le from"./chunks/icons/Trash.js";import"./chunks/image-params-keymap.js";import"./signals.js";const Pe={ExampleComponentName:{item:{label:"string"}},Pagination:{backwardButton:{ariaLabel:"Go to previous page"},forwardButton:{ariaLabel:"Go to next page"}},Incrementer:{decreaseLabel:"Decrease Quantity",increaseLabel:"Increase Quantity",label:"Quantity",errorMessage:"Enter a valid quantity",minQuantityMessage:"Enter at least {{minQuantity}}",maxQuantityMessage:"Maximum quantity is {{maxQuantity}}"},Modal:{Close:{label:"Close"}},InputPassword:{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"},pricePerItem:{label:"price per item"},quantity:{label:"Quantity"},remove:{label:"Remove {product} from the cart"},removeDefault:{label:"Remove item from the cart"},taxIncluded:{label:"incl. VAT"},taxExcluded:{label:"excl. tax"},updating:{label:"{product} is updating"}},InputDate:{picker:"Select a date"}},ee={Dropin:Pe},re={default:ee,en_US:ee},Oe=a=>Z(re.default,re[a]||{}),te=1,q=({className:a,fullWidth:t=!1,lines:n=te,size:r="small",variant:s="row",children:i=null,multilineGap:l="medium",...d})=>{const _=[[`dropin-skeleton-row__${s}`,s],[`dropin-skeleton-row__${s}-${r}`,s&&r]];if(!i&&s==="empty")return e("div",{className:o(["dropin-skeleton-row dropin-skeleton-row__empty",a])});if(i){const h=i.trim();return e("div",{...d,class:o(["dropin-skeleton-row",["dropin-skeleton-row--full",t],a]),dangerouslySetInnerHTML:{__html:h}})}return n>te===!1?e("div",{...d,class:o(["dropin-skeleton-row",["dropin-skeleton-row--full",t],"dropin-skeleton--row__content",..._,a])}):e("div",{...d,style:{"--multiline-gap-spacing":`var(--spacing-${l})`},class:o(["dropin-skeleton-row--multiline",["dropin-skeleton-row--full",t],a]),children:Array.from({length:n}).map((h,p)=>e("div",{class:o(["dropin-skeleton-row",["dropin-skeleton-row--full",t],"dropin-skeleton--row__content",..._])},p))})},Ce=({className:a,children:t,rowGap:n="medium",...r})=>e("div",{style:{"--row-gap-spacing":`var(--spacing-${n})`},...r,className:o(["dropin-skeleton",a]),role:"status","aria-label":"Loading...",children:t}),ce=ve({locale:"en-US"}),Ae=({lang:a="en_US",langDefinitions:t={},children:n})=>{const r=M(()=>{const i=Z(t.default,t[a]??{});return Z(Oe(a),i)},[a,t]),s=a.replace("_","-");return e(ce.Provider,{value:{locale:s},children:e(xe,{definition:r,children:e(V,{children:n})})})},ur=new be(e(Ae,{})),Re=function(){const t=typeof document<"u"&&document.createElement("link").relList;return t&&t.supports&&t.supports("modulepreload")?"modulepreload":"preload"}(),Ve=function(a){return"/"+a},ne={},N=function(t,n,r){let s=Promise.resolve();if(n&&n.length>0){document.getElementsByTagName("link");const i=document.querySelector("meta[property=csp-nonce]"),l=(i==null?void 0:i.nonce)||(i==null?void 0:i.getAttribute("nonce"));s=Promise.all(n.map(d=>{if(d=Ve(d),d in ne)return;ne[d]=!0;const _=d.endsWith(".css"),m=_?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${d}"]${m}`))return;const h=document.createElement("link");if(h.rel=_?"stylesheet":Re,_||(h.as="script",h.crossOrigin=""),h.href=d,l&&h.setAttribute("nonce",l),document.head.appendChild(h),_)return new Promise((p,c)=>{h.addEventListener("load",p),h.addEventListener("error",()=>c(new Error(`Unable to preload CSS for ${d}`)))})}))}return s.then(()=>t()).catch(i=>{const l=new Event("vite:preloadError",{cancelable:!0});if(l.payload=i,window.dispatchEvent(l),!l.defaultPrevented)throw i})},Fe={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"),[])),AddressBook:v(()=>N(()=>import("./chunks/icons/AddressBook.js"),[])),EmptyBox:v(()=>N(()=>import("./chunks/icons/EmptyBox.js"),[]))};function P({source:a,size:t="24",stroke:n="2",viewBox:r="0 0 24 24",className:s,...i}){const l=typeof a=="string"?Fe[a]:null,d={className:o(["dropin-icon",`dropin-icon--shape-stroke-${n}`,s]),width:t,height:t,viewBox:r};return e(Ne,{fallback:e("svg",{...i,...d}),children:l?e(l,{...i,...d}):e(a,{...i,...d})})}const Be=({name:a,value:t="1",className:n,disabled:r,error:s,success:i,min:l,max:d,onValue:_,onUpdateError:m,size:h="medium",...p})=>{const[c,u]=F(Number(t)),b=Number(l),f=Number(d),g=s||c<b||c>f,w=c<b?"Dropin.Incrementer.minQuantityMessage":c>f?"Dropin.Incrementer.maxQuantityMessage":"Dropin.Incrementer.errorMessage",x=C(oe(async $=>{if(_)try{_($)}catch(y){m&&m(y)}},200),[_,m]),I=$=>{let y=$;x(y),u(y)};return e("div",{className:o(["dropin-incrementer",`dropin-incrementer--${h}`,n]),children:[e("div",{className:o(["dropin-incrementer__content",`dropin-incrementer__content--${h}`,["dropin-incrementer__content--error",g],["dropin-incrementer__content--success",i],["dropin-incrementer__content--disabled",r]]),children:[e("div",{className:o(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",r]]),children:e(Q,{children:e("button",{type:"button",className:o(["dropin-incrementer__decrease-button",["dropin-incrementer__decrease-button--disabled",r]]),onClick:()=>I(c-1),disabled:r||c<b+1,"aria-label":e(z,{id:"Dropin.Incrementer.decreaseLabel"}),children:e(P,{source:U,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:()=>{I(Number(c))},onChange:$=>{const y=$.currentTarget.value;y!==""&&u(Number(y))},...p}),e("div",{className:o(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",r]]),children:e(Q,{children:e("button",{type:"button",className:o(["dropin-incrementer__increase-button",["dropin-incrementer__increase-button--disabled",r]]),onClick:()=>I(c+1),disabled:r||c>f-1,"aria-label":e(z,{id:"Dropin.Incrementer.increaseLabel"}),children:e(P,{source:K,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__add"})})})})]}),g&&e("p",{className:"dropin-incrementer__content--error-message",children:e(z,{id:w,fields:{minQuantity:l,maxQuantity:d}})})]})},pe=({name:a,value:t,variant:n="primary",className:r,disabled:s,error:i,floatingLabel:l,onValue:d,onUpdateError:_,size:m="medium",icon:h,maxLength:p,success:c,...u})=>{const b=(u==null?void 0:u.id)||a||`dropin-input-${Math.random().toString(36)}`,f=C(oe(async w=>{if(d)try{await d(w)}catch(x){_&&_(x)}},200),[d,_]),g=w=>{const x=w.target;f(x.value.trim())};return e("div",{className:o(["dropin-input-container",`dropin-input-container--${n}`,["dropin-input-container--floating",!!l],["dropin-input-container--disabled",s]]),children:[h&&e(k,{node:h,className:o(["dropin-input__field-icon--left",h.props.className])}),e("div",{className:"dropin-input-label-container",children:[e("input",{id:b,onChange:g,type:"text",maxLength:p,name:a,value:t,...u,className:o(["dropin-input",`dropin-input--${m}`,`dropin-input--${n}`,["dropin-input--error",!!i],["dropin-input--success",!!c],["dropin-input--disabled",s],["dropin-input--floating",!!l],["dropin-input--icon-left",!!h],r]),disabled:s}),l&&e("label",{htmlFor:b,className:o([["dropin-input__label--floating",!!l],["dropin-input__label--floating--icon-left",!!h],["dropin-input__label--floating--error",!!i]]),children:l})]}),i&&e("div",{className:o(["dropin-input__field-icon--right","dropin-input__field-icon--error"]),children:e(P,{source:Ee,size:"16",stroke:"2",className:"dropin-input--warning-icon",viewBox:"-1 -1 26 26"})}),c&&e("div",{className:o(["dropin-input__field-icon--right","dropin-input__field-icon--success"]),children:e(P,{source:De,size:"16",stroke:"2",className:"dropin-input--success-icon",viewBox:"-1 -1 26 26"})})]})},hr=({name:a="",error:t,value:n,label:r,onChange:s,onBlur:i,...l})=>{const d=E({picker:"Dropin.InputDate.picker"}),_=p=>{p.currentTarget.setAttribute("type","date")},m=p=>{var u;const c=(u=p.currentTarget.parentElement)==null?void 0:u.querySelector("input");c==null||c.focus(),c==null||c.showPicker()},h=p=>{p.currentTarget.setAttribute("type","text"),i==null||i(p)};return e("div",{className:o(["dropin-input-date"]),children:[e(me,{error:t,children:e(pe,{error:!!t,name:a,value:n==null?void 0:n.toString(),placeholder:r,floatingLabel:r,onFocus:_,onBlur:h,onChange:s,"aria-labelledby":r,className:"dropin-input-date__input",...l})}),e("button",{className:"dropin-input-date__icon","aria-label":d.picker,onClick:m,children:e(P,{source:Ie,size:"24"})})]})},ie={pending:e(U,{}),success:e(de,{}),error:e(j,{style:{fill:"red"}})},qe=({minLength:a=0,requiredCharacterClasses:t=0,uniqueSymbolsStatus:n="pending",validateLengthConfig:r={status:"",icon:"",message:""}})=>{const s=E({chartTwoSymbols:"Dropin.PasswordStatusIndicator.chartTwoSymbols",chartThreeSymbols:"Dropin.PasswordStatusIndicator.chartThreeSymbols",chartFourSymbols:"Dropin.PasswordStatusIndicator.chartFourSymbols"}),i=l=>{switch(l){case 2:return s.chartTwoSymbols;case 3:return s.chartThreeSymbols;case 4:return s.chartFourSymbols;default:return""}};return e("div",{className:o(["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:[ie[r.icon],e("span",{className:`${r.status}`,children:r.message})]}):null,t>=2?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${n}`,"data-testid":`dropin-password-status-indicator__item--${n}`,children:[ie[n],e("span",{className:"pending",children:i(t)})]}):null]})},br=({placeholder:a,floatingLabel:t,children:n,name:r,required:s,className:i,minLength:l,autoComplete:d,error:_=!1,defaultValue:m="",hideStatusIndicator:h=!1,uniqueSymbolsStatus:p,validateLengthConfig:c,requiredCharacterClasses:u,onValue:b,onBlur:f,...g})=>{const w=E({requiredFieldError:"Dropin.InputPassword.requiredFieldError",placeholder:"Dropin.InputPassword.placeholder",floatingLabel:"Dropin.InputPassword.floatingLabel",buttonTitle:"Dropin.InputPassword.buttonTitle"}),[x,I]=F(!1),$=C(()=>{I(T=>!T)},[]),L=_&&!m.length?w.requiredFieldError:_&&m.length?" ":"";return e("div",{"data-testid":"passwordFieldInput",className:o(["dropin-input-password",["dropin-input-password--error",_],["dropin-input-password--hide-label",_&&!!m.length],i]),...g,children:[e(me,{error:L,children:e(pe,{autoComplete:d,name:r??"password",type:x?"text":"password",placeholder:a||w.placeholder,floatingLabel:t||w.floatingLabel,"aria-label":w.placeholder,"aria-required":!0,required:s||!1,value:m,onValue:b,icon:e($e,{}),onBlur:f,"data-testid":"passwordInput"})}),e(R,{"aria-label":w.buttonTitle,title:w.buttonTitle,type:"button","data-testid":"toggle-password-icon",variant:"tertiary",className:o(["dropin-input-password__eye-icon",`dropin-input-password__eye-icon--${x?"show":"hide"}`,i]),onClick:$,children:x?e(Se,{}):e(Te,{})}),h?null:e(qe,{minLength:l,requiredCharacterClasses:u,validateLengthConfig:c,uniqueSymbolsStatus:p}),n]})},fr=({disabled:a,name:t="",errorMessage:n,value:r,label:s,className:i,onChange:l,onBlur:d,..._})=>{const m=(_==null?void 0:_.id)||t||`dropin-textarea-${Math.random().toString(36)}`,h=!!(n!=null&&n.length),p=C(c=>{const u=c.target;u.style.height="auto",u.style.height=`${u.scrollHeight}px`,l==null||l(c)},[l]);return e("div",{className:o(["dropin-textarea-container",i]),"data-testid":"dropin-textarea-container",children:[e("textarea",{"data-testid":"dropin-textarea-field",className:o(["dropin-textarea",["dropin-textarea--error",h],["dropin-textarea--disabled",!!a]]),id:m,placeholder:s,name:t,value:r,disabled:a,onBlur:d,onChange:p,..._}),e("label",{htmlFor:m,className:o(["dropin-textarea__label--floating",["dropin-textarea__label--floating--error",h]]),children:s}),h?e("div",{className:o(["dropin-textarea__label--floating--text",["dropin-textarea__label--floating--error",h]]),children:n}):null]})},Me=({className:a,src:t,params:n,loading:r="lazy",srcSet:s,onLoad:i,...l})=>{const[d,_]=F(!1),m=M(()=>{if(s)return s;if(!(!t||!n))return fe(t,{...n})},[n,t,s]),h=p=>{_(!0),i==null||i(p)};return e("img",{...l,className:o(["dropin-image",["dropin-image--loaded",d],a]),loading:r,onLoad:h,src:t,srcSet:m})},_e=({variant:a="primary",className:t})=>e("hr",{role:"separator",className:o(["dropin-divider",`dropin-divider--${a}`,t])}),A=({amount:a=0,currency:t,locale:n=void 0,variant:r="default",weight:s="bold",className:i,children:l,sale:d=!1,formatOptions:_={},size:m="small",...h})=>{const p=M(()=>new Intl.NumberFormat(n,{style:"currency",currency:t||"USD",minimumFractionDigits:2,maximumFractionDigits:2,..._}),[n,t,_]),c=M(()=>p.format(a),[a,p]);return e("span",{...h,className:o(["dropin-price",`dropin-price--${r}`,`dropin-price--${m}`,`dropin-price--${s}`,["dropin-price--sale",d],i]),children:c})},He=({name:a,label:t,value:n,size:r="medium",checked:s=!1,disabled:i=!1,error:l=!1,description:d="",busy:_=!1,className:m,children:h,...p})=>e("label",{className:o([m,"dropin-radio-button",["dropin-radio-button--error",l],["dropin-radio-button--disabled",i]]),children:[e("input",{name:a,value:n,checked:s,disabled:i,type:"radio",className:o(["dropin-radio-button__input",["dropin-radio-button__input--error",l],["dropin-radio-button__input--disabled",i]]),"aria-busy":_,...p}),e("span",{className:o(["dropin-radio-button__label",`dropin-radio-button__label--${r}`,["dropin-radio-button__label--error",l],["dropin-radio-button__label--disabled",i]]),children:t}),e("span",{className:o(["dropin-radio-button__description",`dropin-radio-button__description--${r}`,["dropin-radio-button__description--disabled",i]]),children:d})]}),R=({value:a,variant:t="primary",size:n="medium",icon:r,className:s,children:i,disabled:l=!1,active:d=!1,activeChildren:_,activeIcon:m,href:h,...p})=>{let c="dropin-button";(r&&!i||r&&d&&!_||!r&&d&&m)&&(c="dropin-iconButton"),d&&_&&(c="dropin-button"),s=o([c,`${c}--${n}`,`${c}--${t}`,[`${c}--${t}--disabled`,l],i&&r&&`${c}--with-icon`,!i&&_&&r&&`${c}--with-icon`,d&&m&&`${c}--with-icon`,s]);const u=o(["dropin-button-icon",`dropin-button-icon--${t}`,[`dropin-button-icon--${t}--disabled`,l],r==null?void 0:r.props.className]),b=h?{node:e("a",{}),role:"link",href:h,...p,disabled:l,active:d,onKeyDown:f=>{l&&f.preventDefault()},tabIndex:l?-1:0}:{node:e("button",{}),role:"button",...p,value:a,disabled:l,active:d};return e(k,{...b,className:s,children:[r&&!d&&e(k,{node:r,className:u}),m&&d&&e(k,{node:m,className:u}),i&&!d&&(typeof i=="string"?e("span",{children:i}):i),d&&_&&(typeof _=="string"?e("span",{children:_}):_)]})};function ae(a,t,n,r,s){return a||(t?t.value:n||r?"":s?s.value:null)}const We=({name:a,value:t=null,options:n,variant:r="primary",floatingLabel:s,size:i="medium",handleSelect:l=()=>{},disabled:d=!1,error:_=!1,placeholder:m,defaultOption:h,icon:p,className:c,...u})=>{const b=(u==null?void 0:u.id)||a||`dropin-picker-${Math.random().toString(36)}`,f=!!(u!=null&&u.required),g=n==null?void 0:n.find(T=>!T.disabled),[w,x]=F(()=>ae(t,h,m,s,g));W(()=>{x(ae(t,h,m,s,g))},[t,h,m,s,g]);const I=T=>{const{options:D,value:S}=T.target;for(const H of D)H.selected&&(x(S),l(T))},$=n==null?void 0:n.map(T=>{const{value:D,text:S,disabled:H}=T;return e("option",{value:D,selected:D===w,disabled:H,className:o(["dropin-picker__option"]),children:S},D)}),y=!!w,L=()=>(!f||!y)&&(s||m);return e("div",{className:o([c,"dropin-picker",`dropin-picker__${i}`,["dropin-picker__floating",!!s],["dropin-picker__selected",y],["dropin-picker__error",_],["dropin-picker__disabled",d],["dropin-picker__icon",p]]),children:[p&&e(p.type,{...p.props,className:"dropin-picker__icon--placeholder"}),e("select",{id:b,className:o(["dropin-picker__select",`dropin-picker__select--${r}`,`dropin-picker__select--${i}`,["dropin-picker__select--floating",!!s]]),name:a,"aria-label":a,disabled:d,onChange:I,...u,children:[L()&&e("option",{selected:!y,value:"",className:o(["dropin-picker__option dropin-picker__placeholder"]),children:s??m},t),$]}),e(P,{source:J,size:"24",stroke:"2",className:"dropin-picker__chevronDown"}),s&&y&&e("label",{htmlFor:b,className:o(["dropin-picker__floatingLabel",!!s]),children:s})]})},me=({className:a,label:t,error:n,hint:r,success:s,size:i="medium",disabled:l=!1,children:d,..._})=>{var p;const m=((p=d==null?void 0:d.props)==null?void 0:p.id)??`dropin-field-${Math.random().toString(36)}`,h=d&&typeof d.type!="string"?d.type:null;return e("div",{..._,className:o(["dropin-field",a]),children:[t&&e("label",{className:o(["dropin-field__label",["dropin-field__label--disabled",l],`dropin-field__label--${i}`]),htmlFor:m,children:t}),e("div",{className:o(["dropin-field__content"]),children:h&&d&&we(h,{...d.props,id:m,key:d.key,disabled:l,size:i,error:!!n,success:!!s&&!n})}),e("div",{className:o(["dropin-field__hint",[`dropin-field__hint--${i}`,i],["dropin-field__hint--error",!!n],["dropin-field__hint--success",!!s&&!n],["dropin-field__hint--disabled",!!l]]),children:n||s||r})]})},gr=({icon:a,className:t,children:n,active:r=!1,disabled:s=!1,...i})=>e("button",{role:"button",disabled:s,...i,className:o(["dropin-action-button",["dropin-action-button--active",r],["dropin-action-button--disabled",s],t]),children:[a&&e(k,{node:a,className:o(["dropin-action-button-icon"])}),n&&(typeof n=="string"?e("span",{children:n}):n)]}),vr=({className:a,variant:t="primary",activeOption:n,disabled:r=!1,dividers:s=!0,children:i,handleSelect:l,...d})=>{const[_,m]=F(n),h=C(c=>{r||c.props.disabled||(m(c.props.value),l&&l(c.props.value))},[l,m,r]),p=se.map(i,c=>{const u=r||c.props.disabled,b=c.props.value===_;return ke(c,{disabled:u,active:b,onClick:()=>h(c),className:o(["dropin-action-button-group__option",`dropin-action-button-group__option--${t}`,["dropin-action-button-group__option--active",b],["dropin-action-button-group__option--with-dividers",s]])})});return e("div",{role:"group",...d,className:o(["dropin-action-button-group",`dropin-action-button-group--${t}`,a]),children:p})},Ge=({variant:a="primary",className:t,children:n,...r})=>e("div",{...r,className:o(["dropin-card",`dropin-card--${a}`,t]),children:e("div",{class:"dropin-card__content",children:n})}),Nr=({name:a,value:t,size:n="medium",disabled:r=!1,error:s=!1,label:i="",description:l="",className:d,checked:_,...m})=>{const[h,p]=F(_===void 0?!1:_),c=le(null),u=f=>{var g;(g=m.onChange)==null||g.call(m,f),p(f.currentTarget.checked)},b=f=>{var g;f.key===" "&&(f.preventDefault(),(g=c==null?void 0:c.current)==null||g.click())};return e("label",{className:o(["dropin-checkbox",["dropin-checkbox--disabled",r]]),children:[e("input",{ref:c,name:a,value:t,type:"checkbox",disabled:r,className:o(["dropin-checkbox__checkbox",["dropin-checkbox__checkbox--error",s],d]),...m,onChange:u,checked:h}),e("span",{"aria-checked":h?"true":"false","aria-labelledby":`${a}-label`,"aria-describedby":`${a}-description`,className:o(["dropin-checkbox__box",["dropin-checkbox__box--error",s],["dropin-checkbox__box--disabled",r]]),role:"checkbox",tabIndex:r?-1:0,onKeyDown:b,children:e(P,{className:o(["dropin-checkbox__checkmark"]),source:de,size:"16",stroke:"3"})}),e("div",{id:`${a}-label`,className:o(["dropin-checkbox__label",`dropin-checkbox__label--${n}`,["dropin-checkbox__label--disabled",r]]),children:i}),e("div",{}),e("div",{id:`${a}-description`,role:"note",className:o(["dropin-checkbox__description",`dropin-checkbox__description--${n}`,["dropin-checkbox__description--disabled",r]]),children:l})]})},wr=({className:a,name:t,value:n,id:r,label:s,groupAriaLabel:i,size:l="medium",color:d,disabled:_=!1,selected:m=!1,outOfStock:h=!1,multi:p=!1,onValue:c,onUpdateError:u,...b})=>{const f=E("Dropin.Swatches.outOfStock.label").label,g=E("Dropin.Swatches.selected.label").label,w=E("Dropin.Swatches.swatch.label").label,x=C(async D=>{if(c)try{await c(D)}catch(S){u&&u(S)}},[c,u]),I=D=>{const S=D.target;x(S.value)},L=d&&(D=>{const S=new Option().style;return S.color=D,S.color!==""})(d)?d:"var(--color-gray-300);",T=()=>h?`${i}: ${s} ${f}`:m?`${i}: ${s} ${g}`:`${i}: ${s} ${w}`;return e("label",{className:o(["dropin-color-swatch__container",`dropin-color-swatch__container--${l}`,a]),children:[e("input",{type:p?"checkbox":"radio",name:t,id:r,value:n,"aria-label":T(),checked:m,disabled:_,onChange:I,...b,className:o(["dropin-color-swatch",["dropin-color-swatch--selected",m],["dropin-color-swatch--disabled",_],a])}),e("span",{style:{"--bg-color":L},className:o(["dropin-color-swatch__span",["dropin-color-swatch__span--out-of-stock",h],a])})]})},kr=({className:a,name:t,value:n,label:r,groupAriaLabel:s,id:i,disabled:l=!1,selected:d=!1,outOfStock:_=!1,multi:m=!1,onValue:h,onUpdateError:p,...c})=>{const u=E("Dropin.Swatches.outOfStock.label").label,b=E("Dropin.Swatches.selected.label").label,f=E("Dropin.Swatches.swatch.label").label,[g,w]=F(!1),x=le(null),I=C(async L=>{if(h)try{await h(L)}catch(T){p&&p(T)}},[h,p]),$=L=>{const T=L.target;I(T.value)},y=()=>_?`${s}: ${r} ${u}`:d?`${s}: ${r} ${b}`:`${s}: ${r} ${f}`;return W(()=>{x.current&&x.current.scrollWidth>x.current.clientWidth&&w(!0)},[r]),e("div",{className:"dropin-text-swatch__container",...g?{"data-tooltip":r}:{},children:[e("input",{type:m?"checkbox":"radio",name:t,id:i,value:n,"aria-label":y(),checked:d,disabled:l,onChange:$,...c,className:o(["dropin-text-swatch",["dropin-text-swatch--selected",d],["dropin-text-swatch--disabled",l],a])}),e("label",{htmlFor:i,ref:x,className:o(["dropin-text-swatch__label",["dropin-text-swatch__label--out-of-stock",_],a]),children:r})]})},Ke=({ariaLabel:a,size:t="small",stroke:n="4",children:r,className:s,style:i,...l})=>{const d=["dropin-progress-spinner",`dropin-progress-spinner--shape-size-${t}`,`dropin-progress-spinner--shape-stroke-${n}`],_=E({updating:"Dropin.ProgressSpinner.updating.label",updatingChildren:"Dropin.ProgressSpinner.updatingChildren.label"}),m=()=>a||(r?_.updatingChildren:_.updating);return r?e("div",{...l,className:o(["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:o(["dropin-progress-spinner-background",s]),style:i}),e("div",{className:o(["dropin-progress-spinner-with-provider",...d]),"aria-hidden":!0})]}):e("div",{...l,className:o([s,...d]),"aria-live":"polite",role:"status","aria-label":m()})},yr=({className:a,name:t,value:n,id:r,label:s,groupAriaLabel:i,src:l,alt:d,disabled:_=!1,selected:m=!1,outOfStock:h=!1,multi:p=!1,onValue:c,onUpdateError:u,...b})=>{const f=E("Dropin.Swatches.outOfStock.label").label,g=E("Dropin.Swatches.selected.label").label,w=E("Dropin.Swatches.swatch.label").label,x=C(async y=>{if(c)try{await c(y)}catch(L){u&&u(L)}},[c,u]),I=y=>{const L=y.target;x(L.value)},$=()=>h?`${i}: ${s} ${f}`:m?`${i}: ${s} ${g}`:`${i}: ${s} ${w}`;return e("label",{className:o(["dropin-image-swatch__container",a]),children:[e("input",{type:p?"checkbox":"radio",name:t,id:r,value:n,"aria-label":$(),checked:m,disabled:_,onChange:I,...b,className:o(["dropin-image-swatch",["dropin-image-swatch--selected",m],["dropin-image-swatch--disabled",_],a])}),e("span",{className:o(["dropin-image-swatch__span",["dropin-image-swatch__span--out-of-stock",h],a]),children:e(Me,{src:l,className:o(["dropin-image-swatch__content"]),params:{width:100,fit:"bounds",crop:!0},alt:d,loading:"lazy",onError:y=>y.target.style.display="none"})})]})},Ue=({className:a,children:t,title:n,secondaryText:r,actionIconPosition:s="left",iconOpen:i=K,iconClose:l=U,iconLeft:d=K,showIconLeft:_=!1,renderContentWhenClosed:m=!0,defaultOpen:h=!1,onStateChange:p,...c})=>{const[u,b]=F(h),f=$=>{$.stopImmediatePropagation();const y=!u;b(y),p==null||p(y)},g=E(`Dropin.Accordion.${u?"close":"open"}.label`).label,w=e(P,{source:i,size:"24",onClick:f,onKeyPress:f,className:"dropin-accordion-section__open-icon"}),x=e(P,{source:l,size:"24",onClick:f,onKeyPress:f,className:"dropin-accordion-section__close-icon"}),I=e(P,{source:d,size:"24"});return e("div",{...c,className:o(["dropin-accordion-section",a]),children:[e("div",{className:"dropin-accordion-section__heading",children:[e("div",{className:"dropin-accordion-section__flex",onClick:f,onKeyPress:f,role:"button","aria-label":`${g} ${n}`,tabIndex:0,children:e("div",{className:"dropin-accordion-section__title-container",children:[s==="left"&&(u?x:w),_&&I,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}),s==="right"&&(u?x:w)]})]}),e("div",{className:"dropin-accordion-section__content-container",style:{display:u?"grid":"none"},children:(u||m&&!u)&&t})]})},xr=({className:a,children:t,actionIconPosition:n="left",iconOpen:r=K,iconClose:s=U,...i})=>{const l=e(_e,{variant:"secondary"}),d=_=>e(V,{children:[e(Ue,{..._.props,actionIconPosition:n,iconOpen:r,iconClose:s}),l]});return e("div",{...i,className:o(["dropin-accordion",a]),children:[l,...(Array.isArray(t)?t:[t]).map(d)]})},Dr=({variant:a="primary",className:t,type:n="warning",additionalActions:r,onDismiss:s,heading:i,description:l,icon:d,itemList:_,actionButtonPosition:m,...h})=>{var c,u,b;const p=E({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...h,className:o(["dropin-in-line-alert",`dropin-in-line-alert--${n}`,`dropin-in-line-alert--${a}`,t]),children:[e("div",{className:"dropin-in-line-alert__heading",children:[e("div",{className:"dropin-in-line-alert__title-container",children:[d&&e(k,{node:d,className:"dropin-in-line-alert__icon"}),e("span",{className:"dropin-in-line-alert__title",children:i})]}),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":(u=r[0])==null?void 0:u.label,children:(b=r[0])==null?void 0:b.label}),s&&e(R,{icon:e(P,{source:j,size:"24",stroke:"2"}),className:"dropin-in-line-alert__dismiss-button",variant:"tertiary",onClick:s,"aria-label":p.dismiss})]})]}),l&&e("p",{className:"dropin-in-line-alert__description",children:l}),e("div",{className:"dropin-in-line-alert__item-list-container",children:_&&e(k,{node:_,className:o(["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(f=>e(R,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:f.onClick,children:f.label},f.label))})]})},Er=({size:a="small",title:t=null,centered:n=!1,backgroundDim:r=!0,clickToDismiss:s=!0,escapeToDismiss:i=!0,onClose:l,showCloseButton:d=!0,className:_,children:m=null,...h})=>{const p=C(()=>{l==null||l()},[l]),c=E({modalCloseLabel:"Dropin.Modal.Close.label"});return W(()=>{const u=b=>{const f=document.querySelector(".dropin-modal"),g=document.querySelector(".dropin-modal__body");s&&f&&g&&!g.contains(b.target)&&p()};return document.addEventListener("mousedown",u),()=>{document.removeEventListener("mousedown",u)}},[p,s]),W(()=>{const u=b=>{b.key==="Escape"&&i&&p()};return document.addEventListener("keydown",u),()=>{document.removeEventListener("keydown",u)}},[p,i]),W(()=>{const u=document.scrollingElement,b=u.style.overflow;return u.style.overflow="hidden",()=>{u.style.overflow=b}},[]),e("div",{className:o(["dropin-modal",["dropin-modal--dim",r]]),children:e("div",{...h,className:o(["dropin-modal__body",[`dropin-modal__body--${a}`,a],_]),children:[e("div",{className:o(["dropin-modal__header",["dropin-modal__header-title",!!t]]),children:[t&&e("div",{className:o(["dropin-modal__header-title-content"]),children:t}),d&&e(R,{"aria-label":c.modalCloseLabel,variant:"tertiary",className:"dropin-modal__header-close-button",onClick:p,icon:e(j,{})})]}),e("div",{className:o(["dropin-modal__content",["dropin-modal__body--centered",n]]),children:m})]})})},Ir=({className:a,children:t,ariaLabel:n,image:r,title:s,price:i,taxIncluded:l=!1,taxExcluded:d=!1,total:_,totalExcludingTax:m,sku:h,configurations:p,warning:c,alert:u,discount:b,savings:f,quantity:g,description:w,attributes:x,footer:I,loading:$=!1,updating:y=!1,quantityType:L,dropdownOptions:T,onQuantity:D,onRemove:S,...H})=>{var X,Y;const{locale:G}=ye(ce),O=E({each:"Dropin.CartItem.each.label",pricePerItem:"Dropin.CartItem.pricePerItem.label",quantity:"Dropin.CartItem.quantity.label",remove:"Dropin.CartItem.remove.label",removeDefault:"Dropin.CartItem.removeDefault.label",taxIncluded:"Dropin.CartItem.taxIncluded.label",taxExcluded:"Dropin.CartItem.taxExcluded.label",updating:"Dropin.CartItem.updating.label",updatingDefault:"Dropin.ProgressSpinner.updating.label"});if($)return e(je,{});const ue=L==="dropdown"?e(We,{className:o(["dropin-cart-item__quantity__picker"]),value:String(g),name:"quantity","aria-label":O.quantity,disabled:y,variant:"primary",options:T,handleSelect:B=>D==null?void 0:D(Number(B.target.value))}):e(Be,{className:o(["dropin-cart-item__quantity__incrementer"]),value:g,min:1,onValue:B=>D==null?void 0:D(Number(B)),name:"quantity","aria-label":O.quantity,disabled:y});return e("div",{...H,className:o(["dropin-cart-item",["dropin-cart-item--updating",y],a]),children:[y&&e(Ke,{className:o(["dropin-cart-item__spinner"]),ariaLabel:n?(X=O.updating)==null?void 0:X.replace("{product}",n):O.updatingDefault}),e("div",{className:"dropin-cart-item__wrapper",children:[r&&e(k,{node:r,className:o(["dropin-cart-item__image"])}),s&&e(k,{node:s,className:o(["dropin-cart-item__title",["dropin-cart-item__title--edit",!!D||!!S]])}),w&&e(k,{node:w,className:o(["dropin-cart-item__description"])}),h&&e(k,{node:h,className:o(["dropin-cart-item__sku"])}),e("div",{className:o(["dropin-cart-item__savings__wrapper"]),children:[b&&e(k,{node:b,className:o(["dropin-cart-item__discount","dropin-cart-item__discount__large-screen"])}),f&&e(k,{node:f,className:o(["dropin-cart-item__savings","dropin-cart-item__savings__large-screen"])})]}),x&&e("div",{className:o(["dropin-cart-item__attributes"]),children:e(k,{node:x})}),p&&e("ul",{className:o(["dropin-cart-item__configurations"]),children:Object.entries(p).map(([B,he])=>e("li",{className:o(["dropin-cart-item__configurations__item"]),children:[B,":"," ",e("strong",{className:o(["dropin-cart-item__configurations__item__value"]),children:he})]},B))}),i&&e("span",{className:o(["dropin-cart-item__price"]),"aria-label":O.pricePerItem,children:[g&&!D&&e(V,{children:[e("span",{className:"dropin-cart-item__price__quantity","aria-hidden":!0,children:[g.toLocaleString(G)," x"," "]}),e("div",{className:"dropin-cart-item__sr-only",children:[O.quantity,": ",g==null?void 0:g.toLocaleString(G),";"]})]}),e(k,{node:i,role:"text"}),g&&g>1&&e(V,{children:[" ",O.each]}),l&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",O.taxIncluded]}),d&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",O.taxExcluded]})]}),e("div",{className:o(["dropin-cart-item__quantity",["dropin-cart-item__quantity--edit",!!D]]),children:[D?ue:g&&e("span",{className:o(["dropin-cart-item__quantity__value"]),children:[O.quantity,":"," ",e("strong",{className:"dropin-cart-item__quantity__number",children:Number(g).toLocaleString(G)})]}),c&&e(k,{node:c,className:o(["dropin-cart-item__warning","dropin-cart-item__warning--quantity"])}),u&&e(k,{node:u,className:o(["dropin-cart-item__alert","dropin-cart-item__alert--quantity"])})]}),c&&e(k,{node:c,className:o(["dropin-cart-item__warning"])}),u&&e(k,{node:u,className:o(["dropin-cart-item__alert"])}),e("div",{className:o(["dropin-cart-item__total",["dropin-cart-item__total--edit",!!S]]),children:[e("div",{className:"dropin-cart-item__row-total__wrapper",children:[_&&e("div",{className:"dropin-cart-item__row-total",children:e(k,{node:_,role:"text"})}),l&&e("div",{className:"dropin-cart-item__total-tax-included",children:e("span",{"data-testid":"tax-message",className:o(["dropin-cart-item__total-tax-message"]),children:O.taxIncluded})})]}),d&&e("div",{className:"dropin-cart-item__total-tax-excluded",children:e("span",{"data-testid":"tax-message",className:o(["dropin-cart-item__total-tax-excluded-message"]),children:[m&&e(k,{node:m,role:"text"})," ",O.taxExcluded]})}),b&&e(k,{node:b,className:o(["dropin-cart-item__discount"])}),f&&e(k,{node:f,className:o(["dropin-cart-item__savings"])})]}),I&&e("div",{className:o(["dropin-cart-item__footer"]),children:e(k,{node:I})})]}),S&&e(R,{"data-testid":"cart-item-remove-button",className:o(["dropin-cart-item__remove"]),variant:"tertiary",onClick:()=>S==null?void 0:S(),icon:e(P,{"data-testid":"cart-item-remove-icon",source:Le,size:"24",stroke:"2",viewBox:"0 0 24 24","aria-label":n?(Y=O.remove)==null?void 0:Y.replace("{product}",n):O.removeDefault}),disabled:y})]})},je=()=>e("div",{className:"dropin-cart-item dropin-cart-item-skeleton",children:e(Ce,{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"})})]})}),$r=({className:a,children:t,...n})=>e("div",{...n,className:o(["dropin-cart-list",a]),children:e("div",{className:"dropin-cart-list__wrapper","aria-live":"assertive","aria-relevant":"all",children:se.map(t,(r,s)=>e("div",{className:"dropin-cart-list__item",children:r},s))})}),Sr=({className:a,children:t,locale:n,currency:r,amount:s,variant:i="default",minimumAmount:l,maximumAmount:d,size:_="small",display:m="dash",specialPrice:h,sale:p=!1,...c})=>{const u=M(()=>s||l===d||l&&!d||d&&!l,[s,d,l]);return e("div",{children:u?e("div",{...c,className:o(["dropin-price-range",a]),children:e(A,{amount:s??l??d,currency:r,locale:n,size:_,variant:i,sale:p})}):e("div",{...c,className:o(["dropin-price-range",a]),children:[m==="dash"?e(ze,{specialPrice:h,minimumAmount:l,maximumAmount:d,currency:r,locale:n,size:_,sale:p}):null,m==="from to"?e(Ze,{specialPrice:h,minimumAmount:l,maximumAmount:d,currency:r,locale:n,size:_,sale:p}):null,m==="as low as"?e(Je,{specialPrice:h,minimumAmount:l,maximumAmount:d,currency:r,locale:n,size:_,sale:p}):null]})})};function ze({specialPrice:a,minimumAmount:t,maximumAmount:n,currency:r,locale:s,size:i,sale:l}){return e(V,{children:[e(A,{amount:a??t,currency:r,locale:s,size:i,sale:!!a&&l}),e("span",{className:"dropin-price-range__separator",children:"-"}),e(A,{amount:n,currency:r,locale:s,size:i})]})}function Ze({specialPrice:a,minimumAmount:t,maximumAmount:n,currency:r,locale:s,size:i,sale:l}){const d=E({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(V,{children:[e("span",{className:o(["dropin-price-range__from",`dropin-price-range__from--${i}`]),children:d.from}),e(A,{amount:a??t,currency:r,locale:s,size:i,sale:!!a&&l}),e("span",{className:o(["dropin-price-range__to",`dropin-price-range__to--${i}`]),children:d.to}),e(A,{amount:n,currency:r,locale:s,size:i})]})}function Je({specialPrice:a,minimumAmount:t,maximumAmount:n,currency:r,locale:s,size:i,sale:l}){const d=E({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(V,{children:[e("span",{className:o(["dropin-price-range__as-low-as",`dropin-price-range__as-low-as--${i}`]),children:d.asLowAs}),a?e("div",{children:[e(A,{amount:n,currency:r,locale:s,size:i,variant:"strikethrough"}),e(A,{amount:a,currency:r,locale:s,size:i,className:"dropin-price-range__special",sale:!!a&&l})]}):e(A,{amount:t,currency:r,locale:s,size:i})]})}const Tr=({className:a,categories:t,separator:n,...r})=>e(V,{children:(t==null?void 0:t.length)>1&&e("nav",{role:"navigation",...r,className:o(["dropin-breadcrumbs__container",a]),children:e("ul",{className:"dropin-breadcrumbs__items",children:t==null?void 0:t.map((s,i)=>e("li",{className:o(["dropin-breadcrumbs__item",["dropin-breadcrumbs__item--last",i===t.length-1]]),children:[e(k,{node:s,className:"dropin-breadcrumbs__link"}),!n&&i!==t.length-1&&e("span",{className:"dropin-breadcrumbs__separator--default",children:[" ","/"," "]}),n&&i!==t.length-1&&e(k,{node:n,className:"dropin-breadcrumbs__separator--icon"})]},i))})})}),Lr=({className:a,variant:t,icon:n,message:r,onDismiss:s,action:i,...l})=>{const d=E({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...l,className:o([a,"dropin-alert-banner",`dropin-alert-banner--${t}`]),children:[e("div",{className:"dropin-alert-banner__content",children:[n&&e(k,{node:n,"aria-hidden":"true",className:"dropin-alert-banner__icon"}),e(k,{node:r,className:o(["dropin-alert-banner__message"])})]}),e("div",{className:"dropin-alert-banner__actions",children:[i&&e(R,{variant:"tertiary",className:"dropin-alert-banner__action",onClick:i.onClick,"aria-label":i.label,children:i.label}),e(R,{icon:e(P,{source:j,size:"24",stroke:"2"}),className:"dropin-alert-banner__dismiss-button",variant:"primary",onClick:s,"aria-label":d.dismiss})]})]})},Pr=({className:a,icon:t,heading:n,headingLevel:r=2,message:s,action:i,variant:l="secondary",...d})=>{const _=r>=1&&r<=6?`h${r}`:"h2";return e("div",{...d,className:o(["dropin-illustrated-message",a]),children:e(Ge,{variant:l,children:[t&&e(k,{node:t,"aria-hidden":"true",size:"80",className:"dropin-illustrated-message__icon"}),n&&e(_,{className:"dropin-illustrated-message__heading",children:n}),s&&e(k,{node:s,className:"dropin-illustrated-message__message"}),i&&e(k,{node:i,className:"dropin-illustrated-message__action"})]})})},Or=({className:a,label:t,name:n,value:r,selected:s=!0,onChange:i,icon:l,busy:d=!1,children:_,...m})=>e("div",{...m,className:o(["dropin-toggle-button",a,["dropin-toggle-button__selected",s]]),children:e("label",{className:"dropin-toggle-button__actionButton",children:[e(He,{label:"",name:n,value:r,checked:s,onChange:()=>i&&i(r),"aria-label":t,busy:d,className:o([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"}),t]})]})}),Cr=({title:a=null,size:t="medium",cta:n,divider:r=!0,className:s,...i})=>a?e("div",{...i,className:o(["dropin-header-container",s]),"data-testid":"dropin-header-container",children:[e("span",{className:o(["dropin-header-container__title",["dropin-header-container__title--medium",t==="medium"],["dropin-header-container__title--large",t==="large"]]),children:a}),n?e(k,{node:n,className:"dropin-header-container__actions"}):null,r?e(_e,{className:o(["dropin-header-container__divider",["dropin-header-container__divider--medium",t==="medium"],["dropin-header-container__divider--large",t==="large"]])}):null]}):null,Ar=({label:a,className:t,...n})=>a?e("div",{...n,className:o(["dropin-tag-container",t]),"data-testid":"dropin-tag-container",children:e("span",{className:"dropin-tag-container__label",children:a})}):null,Rr=({className:a,children:t,maxColumns:n,emptyGridContent:r,...s})=>{const i=!!t&&(Array.isArray(t)?t.length>0:!0),l=i?{gridTemplateColumns:`repeat(${n}, 1fr)`}:void 0;return e("div",{...s,className:o(["dropin-content-grid",a]),tabindex:0,children:e("div",{"data-testid":"content-grid-content",className:o(["dropin-content-grid__content",["dropin-content-grid__dynamic-columns-content",!n],["dropin-content-grid__content--empty",!i]]),style:l,children:i?t:r})})},Vr=({totalPages:a=10,currentPage:t=1,onChange:n,className:r,...s})=>{const i=E({backwardButton:"Dropin.Pagination.backwardButton.ariaLabel",forwardButton:"Dropin.Pagination.forwardButton.ariaLabel"}),l=C(()=>{const p=Math.min(t+1,a);n==null||n(p)},[t,n,a]),d=C(()=>{const p=Math.max(t-1,1);n==null||n(p)},[t,n]),_=C(p=>{ge(p)&&(n==null||n(p))},[n]),m=C((p,c)=>{let u=[];const b=(f,g)=>{for(let w=f;w<=g;w++)u.push({page:w,isActive:w===p,label:w})};return c<=5?b(1,c):p<=2?(b(1,2),u.push({page:"ellipsis",isActive:!1,label:"..."}),b(c-1,c)):p>=c-3?b(c-4,c):(b(p-1,p),u.push({page:"ellipsis",isActive:!1,label:"..."}),b(c-1,c)),u},[]),h=M(()=>m(t,a),[m,t,a]);return e("div",{...s,className:o(["dropin-pagination",r]),children:[e("button",{type:"button","data-testid":"prev-button","aria-label":i.backwardButton,disabled:t===1,onClick:d,className:o(["dropin-pagination-arrow","dropin-pagination-arrow--backward"]),children:e(P,{size:"24",source:J})}),e("ul",{className:"dropin-pagination_list",children:h.map((p,c)=>e("li",{"data-testid":`dropin-pagination_list-item--${p.page}`,className:o(["dropin-pagination_list-item",`dropin-pagination_list-item--${p.page}`,["dropin-pagination_list-item--active",p.isActive]]),children:e("button",{type:"button","data-testid":`set-page-button-${p.page}`,onClick:()=>_(p.page),children:p.label})},`${p.page}_${c}`))}),e("button",{type:"button","data-testid":"next-button","aria-label":i.forwardButton,disabled:t===a,onClick:l,className:o(["dropin-pagination-arrow","dropin-pagination-arrow--forward"]),children:e(P,{size:"24",source:J})})]})};export{xr as Accordion,Ue as AccordionSection,gr as ActionButton,vr as ActionButtonGroup,Lr as AlertBanner,Tr as Breadcrumbs,R as Button,Ge as Card,Ir as CartItem,je as CartItemSkeleton,$r as CartList,Nr as Checkbox,wr as ColorSwatch,Rr as ContentGrid,_e as Divider,me as Field,Cr as Header,P as Icon,Pr as IllustratedMessage,Me as Image,yr as ImageSwatch,Dr as InLineAlert,Be as Incrementer,pe as Input,hr as InputDate,br as InputPassword,Er as Modal,Vr as Pagination,We as Picker,A as Price,Sr as PriceRange,Ke as ProgressSpinner,He as RadioButton,Ce as Skeleton,q as SkeletonRow,Ar as Tag,fr as TextArea,kr as TextSwatch,Or as ToggleButton,ce as UIContext,Ae as UIProvider,ur as provider};
|
|
1
|
+
import{jsx as e}from"./preact-jsx-runtime.js";import{d as Z,c as o,R as be,a as oe,V as k,g as fe,i as ge}from"./chunks/is-number.js";import{G as ve,T as M,k as V,F as v,L as Ne,h as F,q as C,S as K,y as W,_ as we,N as se,E as ke,A as le,x as ye}from"./chunks/icons/Add.js";import{IntlProvider as xe,Localizer as Q,Text as z,useText as E}from"./i18n.js";import U from"./chunks/icons/Minus.js";import De from"./chunks/icons/CheckWithCircle.js";import Ee from"./chunks/icons/WarningWithCircle.js";import Ie from"./chunks/icons/Date.js";import $e from"./chunks/icons/Locker.js";import Se from"./chunks/icons/Eye.js";import Te from"./chunks/icons/EyeClose.js";import de from"./chunks/icons/Check.js";import j from"./chunks/icons/Close.js";import J from"./chunks/icons/ChevronDown.js";import Le from"./chunks/icons/Trash.js";import"./chunks/image-params-keymap.js";import"./signals.js";const Pe={ExampleComponentName:{item:{label:"string"}},Pagination:{backwardButton:{ariaLabel:"Go to previous page"},forwardButton:{ariaLabel:"Go to next page"}},Incrementer:{decreaseLabel:"Decrease Quantity",increaseLabel:"Increase Quantity",label:"Quantity",errorMessage:"Enter a valid quantity",minQuantityMessage:"Enter at least {{minQuantity}}",maxQuantityMessage:"Maximum quantity is {{maxQuantity}}"},Modal:{Close:{label:"Close"}},InputPassword:{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"},pricePerItem:{label:"price per item"},quantity:{label:"Quantity"},remove:{label:"Remove {product} from the cart"},removeDefault:{label:"Remove item from the cart"},taxIncluded:{label:"incl. VAT"},taxExcluded:{label:"excl. tax"},updating:{label:"{product} is updating"}},InputDate:{picker:"Select a date"}},ee={Dropin:Pe},re={default:ee,en_US:ee},Oe=a=>Z(re.default,re[a]||{}),te=1,q=({className:a,fullWidth:t=!1,lines:n=te,size:r="small",variant:s="row",children:i=null,multilineGap:l="medium",...d})=>{const _=[[`dropin-skeleton-row__${s}`,s],[`dropin-skeleton-row__${s}-${r}`,s&&r]];if(!i&&s==="empty")return e("div",{className:o(["dropin-skeleton-row dropin-skeleton-row__empty",a])});if(i){const h=i.trim();return e("div",{...d,class:o(["dropin-skeleton-row",["dropin-skeleton-row--full",t],a]),dangerouslySetInnerHTML:{__html:h}})}return n>te===!1?e("div",{...d,class:o(["dropin-skeleton-row",["dropin-skeleton-row--full",t],"dropin-skeleton--row__content",..._,a])}):e("div",{...d,style:{"--multiline-gap-spacing":`var(--spacing-${l})`},class:o(["dropin-skeleton-row--multiline",["dropin-skeleton-row--full",t],a]),children:Array.from({length:n}).map((h,p)=>e("div",{class:o(["dropin-skeleton-row",["dropin-skeleton-row--full",t],"dropin-skeleton--row__content",..._])},p))})},Ce=({className:a,children:t,rowGap:n="medium",...r})=>e("div",{style:{"--row-gap-spacing":`var(--spacing-${n})`},...r,className:o(["dropin-skeleton",a]),role:"status","aria-label":"Loading...",children:t}),ce=ve({locale:"en-US"}),Ae=({lang:a="en_US",langDefinitions:t={},children:n})=>{const r=M(()=>{const i=Z(t.default,t[a]??{});return Z(Oe(a),i)},[a,t]),s=a.replace("_","-");return e(ce.Provider,{value:{locale:s},children:e(xe,{definition:r,children:e(V,{children:n})})})},ur=new be(e(Ae,{})),Re=function(){const t=typeof document<"u"&&document.createElement("link").relList;return t&&t.supports&&t.supports("modulepreload")?"modulepreload":"preload"}(),Ve=function(a){return"/"+a},ne={},N=function(t,n,r){let s=Promise.resolve();if(n&&n.length>0){document.getElementsByTagName("link");const i=document.querySelector("meta[property=csp-nonce]"),l=(i==null?void 0:i.nonce)||(i==null?void 0:i.getAttribute("nonce"));s=Promise.all(n.map(d=>{if(d=Ve(d),d in ne)return;ne[d]=!0;const _=d.endsWith(".css"),m=_?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${d}"]${m}`))return;const h=document.createElement("link");if(h.rel=_?"stylesheet":Re,_||(h.as="script",h.crossOrigin=""),h.href=d,l&&h.setAttribute("nonce",l),document.head.appendChild(h),_)return new Promise((p,c)=>{h.addEventListener("load",p),h.addEventListener("error",()=>c(new Error(`Unable to preload CSS for ${d}`)))})}))}return s.then(()=>t()).catch(i=>{const l=new Event("vite:preloadError",{cancelable:!0});if(l.payload=i,window.dispatchEvent(l),!l.defaultPrevented)throw i})},Fe={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"),[])),AddressBook:v(()=>N(()=>import("./chunks/icons/AddressBook.js"),[])),EmptyBox:v(()=>N(()=>import("./chunks/icons/EmptyBox.js"),[])),Coupon:v(()=>N(()=>import("./chunks/icons/Coupon.js"),[]))};function P({source:a,size:t="24",stroke:n="2",viewBox:r="0 0 24 24",className:s,...i}){const l=typeof a=="string"?Fe[a]:null,d={className:o(["dropin-icon",`dropin-icon--shape-stroke-${n}`,s]),width:t,height:t,viewBox:r};return e(Ne,{fallback:e("svg",{...i,...d}),children:l?e(l,{...i,...d}):e(a,{...i,...d})})}const Be=({name:a,value:t="1",className:n,disabled:r,error:s,success:i,min:l,max:d,onValue:_,onUpdateError:m,size:h="medium",...p})=>{const[c,u]=F(Number(t)),b=Number(l),f=Number(d),g=s||c<b||c>f,w=c<b?"Dropin.Incrementer.minQuantityMessage":c>f?"Dropin.Incrementer.maxQuantityMessage":"Dropin.Incrementer.errorMessage",x=C(oe(async $=>{if(_)try{_($)}catch(y){m&&m(y)}},200),[_,m]),I=$=>{let y=$;x(y),u(y)};return e("div",{className:o(["dropin-incrementer",`dropin-incrementer--${h}`,n]),children:[e("div",{className:o(["dropin-incrementer__content",`dropin-incrementer__content--${h}`,["dropin-incrementer__content--error",g],["dropin-incrementer__content--success",i],["dropin-incrementer__content--disabled",r]]),children:[e("div",{className:o(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",r]]),children:e(Q,{children:e("button",{type:"button",className:o(["dropin-incrementer__decrease-button",["dropin-incrementer__decrease-button--disabled",r]]),onClick:()=>I(c-1),disabled:r||c<b+1,"aria-label":e(z,{id:"Dropin.Incrementer.decreaseLabel"}),children:e(P,{source:U,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:()=>{I(Number(c))},onChange:$=>{const y=$.currentTarget.value;y!==""&&u(Number(y))},...p}),e("div",{className:o(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",r]]),children:e(Q,{children:e("button",{type:"button",className:o(["dropin-incrementer__increase-button",["dropin-incrementer__increase-button--disabled",r]]),onClick:()=>I(c+1),disabled:r||c>f-1,"aria-label":e(z,{id:"Dropin.Incrementer.increaseLabel"}),children:e(P,{source:K,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__add"})})})})]}),g&&e("p",{className:"dropin-incrementer__content--error-message",children:e(z,{id:w,fields:{minQuantity:l,maxQuantity:d}})})]})},pe=({name:a,value:t,variant:n="primary",className:r,disabled:s,error:i,floatingLabel:l,onValue:d,onUpdateError:_,size:m="medium",icon:h,maxLength:p,success:c,...u})=>{const b=(u==null?void 0:u.id)||a||`dropin-input-${Math.random().toString(36)}`,f=C(oe(async w=>{if(d)try{await d(w)}catch(x){_&&_(x)}},200),[d,_]),g=w=>{const x=w.target;f(x.value.trim())};return e("div",{className:o(["dropin-input-container",`dropin-input-container--${n}`,["dropin-input-container--floating",!!l],["dropin-input-container--disabled",s]]),children:[h&&e(k,{node:h,className:o(["dropin-input__field-icon--left",h.props.className])}),e("div",{className:"dropin-input-label-container",children:[e("input",{id:b,onChange:g,type:"text",maxLength:p,name:a,value:t,...u,className:o(["dropin-input",`dropin-input--${m}`,`dropin-input--${n}`,["dropin-input--error",!!i],["dropin-input--success",!!c],["dropin-input--disabled",s],["dropin-input--floating",!!l],["dropin-input--icon-left",!!h],r]),disabled:s}),l&&e("label",{htmlFor:b,className:o([["dropin-input__label--floating",!!l],["dropin-input__label--floating--icon-left",!!h],["dropin-input__label--floating--error",!!i]]),children:l})]}),i&&e("div",{className:o(["dropin-input__field-icon--right","dropin-input__field-icon--error"]),children:e(P,{source:Ee,size:"16",stroke:"2",className:"dropin-input--warning-icon",viewBox:"-1 -1 26 26"})}),c&&e("div",{className:o(["dropin-input__field-icon--right","dropin-input__field-icon--success"]),children:e(P,{source:De,size:"16",stroke:"2",className:"dropin-input--success-icon",viewBox:"-1 -1 26 26"})})]})},hr=({name:a="",error:t,value:n,label:r,onChange:s,onBlur:i,...l})=>{const d=E({picker:"Dropin.InputDate.picker"}),_=p=>{p.currentTarget.setAttribute("type","date")},m=p=>{var u;const c=(u=p.currentTarget.parentElement)==null?void 0:u.querySelector("input");c==null||c.focus(),c==null||c.showPicker()},h=p=>{p.currentTarget.setAttribute("type","text"),i==null||i(p)};return e("div",{className:o(["dropin-input-date"]),children:[e(me,{error:t,children:e(pe,{error:!!t,name:a,value:n==null?void 0:n.toString(),placeholder:r,floatingLabel:r,onFocus:_,onBlur:h,onChange:s,"aria-labelledby":r,className:"dropin-input-date__input",...l})}),e("button",{className:"dropin-input-date__icon","aria-label":d.picker,onClick:m,children:e(P,{source:Ie,size:"24"})})]})},ie={pending:e(U,{}),success:e(de,{}),error:e(j,{style:{fill:"red"}})},qe=({minLength:a=0,requiredCharacterClasses:t=0,uniqueSymbolsStatus:n="pending",validateLengthConfig:r={status:"",icon:"",message:""}})=>{const s=E({chartTwoSymbols:"Dropin.PasswordStatusIndicator.chartTwoSymbols",chartThreeSymbols:"Dropin.PasswordStatusIndicator.chartThreeSymbols",chartFourSymbols:"Dropin.PasswordStatusIndicator.chartFourSymbols"}),i=l=>{switch(l){case 2:return s.chartTwoSymbols;case 3:return s.chartThreeSymbols;case 4:return s.chartFourSymbols;default:return""}};return e("div",{className:o(["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:[ie[r.icon],e("span",{className:`${r.status}`,children:r.message})]}):null,t>=2?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${n}`,"data-testid":`dropin-password-status-indicator__item--${n}`,children:[ie[n],e("span",{className:"pending",children:i(t)})]}):null]})},br=({placeholder:a,floatingLabel:t,children:n,name:r,required:s,className:i,minLength:l,autoComplete:d,error:_=!1,defaultValue:m="",hideStatusIndicator:h=!1,uniqueSymbolsStatus:p,validateLengthConfig:c,requiredCharacterClasses:u,onValue:b,onBlur:f,...g})=>{const w=E({requiredFieldError:"Dropin.InputPassword.requiredFieldError",placeholder:"Dropin.InputPassword.placeholder",floatingLabel:"Dropin.InputPassword.floatingLabel",buttonTitle:"Dropin.InputPassword.buttonTitle"}),[x,I]=F(!1),$=C(()=>{I(T=>!T)},[]),L=_&&!m.length?w.requiredFieldError:_&&m.length?" ":"";return e("div",{"data-testid":"passwordFieldInput",className:o(["dropin-input-password",["dropin-input-password--error",_],["dropin-input-password--hide-label",_&&!!m.length],i]),...g,children:[e(me,{error:L,children:e(pe,{autoComplete:d,name:r??"password",type:x?"text":"password",placeholder:a||w.placeholder,floatingLabel:t||w.floatingLabel,"aria-label":w.placeholder,"aria-required":!0,required:s||!1,value:m,onValue:b,icon:e($e,{}),onBlur:f,"data-testid":"passwordInput"})}),e(R,{"aria-label":w.buttonTitle,title:w.buttonTitle,type:"button","data-testid":"toggle-password-icon",variant:"tertiary",className:o(["dropin-input-password__eye-icon",`dropin-input-password__eye-icon--${x?"show":"hide"}`,i]),onClick:$,children:x?e(Se,{}):e(Te,{})}),h?null:e(qe,{minLength:l,requiredCharacterClasses:u,validateLengthConfig:c,uniqueSymbolsStatus:p}),n]})},fr=({disabled:a,name:t="",errorMessage:n,value:r,label:s,className:i,onChange:l,onBlur:d,..._})=>{const m=(_==null?void 0:_.id)||t||`dropin-textarea-${Math.random().toString(36)}`,h=!!(n!=null&&n.length),p=C(c=>{const u=c.target;u.style.height="auto",u.style.height=`${u.scrollHeight}px`,l==null||l(c)},[l]);return e("div",{className:o(["dropin-textarea-container",i]),"data-testid":"dropin-textarea-container",children:[e("textarea",{"data-testid":"dropin-textarea-field",className:o(["dropin-textarea",["dropin-textarea--error",h],["dropin-textarea--disabled",!!a]]),id:m,placeholder:s,name:t,value:r,disabled:a,onBlur:d,onChange:p,..._}),e("label",{htmlFor:m,className:o(["dropin-textarea__label--floating",["dropin-textarea__label--floating--error",h]]),children:s}),h?e("div",{className:o(["dropin-textarea__label--floating--text",["dropin-textarea__label--floating--error",h]]),children:n}):null]})},Me=({className:a,src:t,params:n,loading:r="lazy",srcSet:s,onLoad:i,...l})=>{const[d,_]=F(!1),m=M(()=>{if(s)return s;if(!(!t||!n))return fe(t,{...n})},[n,t,s]),h=p=>{_(!0),i==null||i(p)};return e("img",{...l,className:o(["dropin-image",["dropin-image--loaded",d],a]),loading:r,onLoad:h,src:t,srcSet:m})},_e=({variant:a="primary",className:t})=>e("hr",{role:"separator",className:o(["dropin-divider",`dropin-divider--${a}`,t])}),A=({amount:a=0,currency:t,locale:n=void 0,variant:r="default",weight:s="bold",className:i,children:l,sale:d=!1,formatOptions:_={},size:m="small",...h})=>{const p=M(()=>new Intl.NumberFormat(n,{style:"currency",currency:t||"USD",minimumFractionDigits:2,maximumFractionDigits:2,..._}),[n,t,_]),c=M(()=>p.format(a),[a,p]);return e("span",{...h,className:o(["dropin-price",`dropin-price--${r}`,`dropin-price--${m}`,`dropin-price--${s}`,["dropin-price--sale",d],i]),children:c})},He=({name:a,label:t,value:n,size:r="medium",checked:s=!1,disabled:i=!1,error:l=!1,description:d="",busy:_=!1,className:m,children:h,...p})=>e("label",{className:o([m,"dropin-radio-button",["dropin-radio-button--error",l],["dropin-radio-button--disabled",i]]),children:[e("input",{name:a,value:n,checked:s,disabled:i,type:"radio",className:o(["dropin-radio-button__input",["dropin-radio-button__input--error",l],["dropin-radio-button__input--disabled",i]]),"aria-busy":_,...p}),e("span",{className:o(["dropin-radio-button__label",`dropin-radio-button__label--${r}`,["dropin-radio-button__label--error",l],["dropin-radio-button__label--disabled",i]]),children:t}),e("span",{className:o(["dropin-radio-button__description",`dropin-radio-button__description--${r}`,["dropin-radio-button__description--disabled",i]]),children:d})]}),R=({value:a,variant:t="primary",size:n="medium",icon:r,className:s,children:i,disabled:l=!1,active:d=!1,activeChildren:_,activeIcon:m,href:h,...p})=>{let c="dropin-button";(r&&!i||r&&d&&!_||!r&&d&&m)&&(c="dropin-iconButton"),d&&_&&(c="dropin-button"),s=o([c,`${c}--${n}`,`${c}--${t}`,[`${c}--${t}--disabled`,l],i&&r&&`${c}--with-icon`,!i&&_&&r&&`${c}--with-icon`,d&&m&&`${c}--with-icon`,s]);const u=o(["dropin-button-icon",`dropin-button-icon--${t}`,[`dropin-button-icon--${t}--disabled`,l],r==null?void 0:r.props.className]),b=h?{node:e("a",{}),role:"link",href:h,...p,disabled:l,active:d,onKeyDown:f=>{l&&f.preventDefault()},tabIndex:l?-1:0}:{node:e("button",{}),role:"button",...p,value:a,disabled:l,active:d};return e(k,{...b,className:s,children:[r&&!d&&e(k,{node:r,className:u}),m&&d&&e(k,{node:m,className:u}),i&&!d&&(typeof i=="string"?e("span",{children:i}):i),d&&_&&(typeof _=="string"?e("span",{children:_}):_)]})};function ae(a,t,n,r,s){return a||(t?t.value:n||r?"":s?s.value:null)}const We=({name:a,value:t=null,options:n,variant:r="primary",floatingLabel:s,size:i="medium",handleSelect:l=()=>{},disabled:d=!1,error:_=!1,placeholder:m,defaultOption:h,icon:p,className:c,...u})=>{const b=(u==null?void 0:u.id)||a||`dropin-picker-${Math.random().toString(36)}`,f=!!(u!=null&&u.required),g=n==null?void 0:n.find(T=>!T.disabled),[w,x]=F(()=>ae(t,h,m,s,g));W(()=>{x(ae(t,h,m,s,g))},[t,h,m,s,g]);const I=T=>{const{options:D,value:S}=T.target;for(const H of D)H.selected&&(x(S),l(T))},$=n==null?void 0:n.map(T=>{const{value:D,text:S,disabled:H}=T;return e("option",{value:D,selected:D===w,disabled:H,className:o(["dropin-picker__option"]),children:S},D)}),y=!!w,L=()=>(!f||!y)&&(s||m);return e("div",{className:o([c,"dropin-picker",`dropin-picker__${i}`,["dropin-picker__floating",!!s],["dropin-picker__selected",y],["dropin-picker__error",_],["dropin-picker__disabled",d],["dropin-picker__icon",p]]),children:[p&&e(p.type,{...p.props,className:"dropin-picker__icon--placeholder"}),e("select",{id:b,className:o(["dropin-picker__select",`dropin-picker__select--${r}`,`dropin-picker__select--${i}`,["dropin-picker__select--floating",!!s]]),name:a,"aria-label":a,disabled:d,onChange:I,...u,children:[L()&&e("option",{selected:!y,value:"",className:o(["dropin-picker__option dropin-picker__placeholder"]),children:s??m},t),$]}),e(P,{source:J,size:"24",stroke:"2",className:"dropin-picker__chevronDown"}),s&&y&&e("label",{htmlFor:b,className:o(["dropin-picker__floatingLabel",!!s]),children:s})]})},me=({className:a,label:t,error:n,hint:r,success:s,size:i="medium",disabled:l=!1,children:d,..._})=>{var p;const m=((p=d==null?void 0:d.props)==null?void 0:p.id)??`dropin-field-${Math.random().toString(36)}`,h=d&&typeof d.type!="string"?d.type:null;return e("div",{..._,className:o(["dropin-field",a]),children:[t&&e("label",{className:o(["dropin-field__label",["dropin-field__label--disabled",l],`dropin-field__label--${i}`]),htmlFor:m,children:t}),e("div",{className:o(["dropin-field__content"]),children:h&&d&&we(h,{...d.props,id:m,key:d.key,disabled:l,size:i,error:!!n,success:!!s&&!n})}),e("div",{className:o(["dropin-field__hint",[`dropin-field__hint--${i}`,i],["dropin-field__hint--error",!!n],["dropin-field__hint--success",!!s&&!n],["dropin-field__hint--disabled",!!l]]),children:n||s||r})]})},gr=({icon:a,className:t,children:n,active:r=!1,disabled:s=!1,...i})=>e("button",{role:"button",disabled:s,...i,className:o(["dropin-action-button",["dropin-action-button--active",r],["dropin-action-button--disabled",s],t]),children:[a&&e(k,{node:a,className:o(["dropin-action-button-icon"])}),n&&(typeof n=="string"?e("span",{children:n}):n)]}),vr=({className:a,variant:t="primary",activeOption:n,disabled:r=!1,dividers:s=!0,children:i,handleSelect:l,...d})=>{const[_,m]=F(n),h=C(c=>{r||c.props.disabled||(m(c.props.value),l&&l(c.props.value))},[l,m,r]),p=se.map(i,c=>{const u=r||c.props.disabled,b=c.props.value===_;return ke(c,{disabled:u,active:b,onClick:()=>h(c),className:o(["dropin-action-button-group__option",`dropin-action-button-group__option--${t}`,["dropin-action-button-group__option--active",b],["dropin-action-button-group__option--with-dividers",s]])})});return e("div",{role:"group",...d,className:o(["dropin-action-button-group",`dropin-action-button-group--${t}`,a]),children:p})},Ge=({variant:a="primary",className:t,children:n,...r})=>e("div",{...r,className:o(["dropin-card",`dropin-card--${a}`,t]),children:e("div",{class:"dropin-card__content",children:n})}),Nr=({name:a,value:t,size:n="medium",disabled:r=!1,error:s=!1,label:i="",description:l="",className:d,checked:_,...m})=>{const[h,p]=F(_===void 0?!1:_),c=le(null),u=f=>{var g;(g=m.onChange)==null||g.call(m,f),p(f.currentTarget.checked)},b=f=>{var g;f.key===" "&&(f.preventDefault(),(g=c==null?void 0:c.current)==null||g.click())};return e("label",{className:o(["dropin-checkbox",["dropin-checkbox--disabled",r]]),children:[e("input",{ref:c,name:a,value:t,type:"checkbox",disabled:r,className:o(["dropin-checkbox__checkbox",["dropin-checkbox__checkbox--error",s],d]),...m,onChange:u,checked:h}),e("span",{"aria-checked":h?"true":"false","aria-labelledby":`${a}-label`,"aria-describedby":`${a}-description`,className:o(["dropin-checkbox__box",["dropin-checkbox__box--error",s],["dropin-checkbox__box--disabled",r]]),role:"checkbox",tabIndex:r?-1:0,onKeyDown:b,children:e(P,{className:o(["dropin-checkbox__checkmark"]),source:de,size:"16",stroke:"3"})}),e("div",{id:`${a}-label`,className:o(["dropin-checkbox__label",`dropin-checkbox__label--${n}`,["dropin-checkbox__label--disabled",r]]),children:i}),e("div",{}),e("div",{id:`${a}-description`,role:"note",className:o(["dropin-checkbox__description",`dropin-checkbox__description--${n}`,["dropin-checkbox__description--disabled",r]]),children:l})]})},wr=({className:a,name:t,value:n,id:r,label:s,groupAriaLabel:i,size:l="medium",color:d,disabled:_=!1,selected:m=!1,outOfStock:h=!1,multi:p=!1,onValue:c,onUpdateError:u,...b})=>{const f=E("Dropin.Swatches.outOfStock.label").label,g=E("Dropin.Swatches.selected.label").label,w=E("Dropin.Swatches.swatch.label").label,x=C(async D=>{if(c)try{await c(D)}catch(S){u&&u(S)}},[c,u]),I=D=>{const S=D.target;x(S.value)},L=d&&(D=>{const S=new Option().style;return S.color=D,S.color!==""})(d)?d:"var(--color-gray-300);",T=()=>h?`${i}: ${s} ${f}`:m?`${i}: ${s} ${g}`:`${i}: ${s} ${w}`;return e("label",{className:o(["dropin-color-swatch__container",`dropin-color-swatch__container--${l}`,a]),children:[e("input",{type:p?"checkbox":"radio",name:t,id:r,value:n,"aria-label":T(),checked:m,disabled:_,onChange:I,...b,className:o(["dropin-color-swatch",["dropin-color-swatch--selected",m],["dropin-color-swatch--disabled",_],a])}),e("span",{style:{"--bg-color":L},className:o(["dropin-color-swatch__span",["dropin-color-swatch__span--out-of-stock",h],a])})]})},kr=({className:a,name:t,value:n,label:r,groupAriaLabel:s,id:i,disabled:l=!1,selected:d=!1,outOfStock:_=!1,multi:m=!1,onValue:h,onUpdateError:p,...c})=>{const u=E("Dropin.Swatches.outOfStock.label").label,b=E("Dropin.Swatches.selected.label").label,f=E("Dropin.Swatches.swatch.label").label,[g,w]=F(!1),x=le(null),I=C(async L=>{if(h)try{await h(L)}catch(T){p&&p(T)}},[h,p]),$=L=>{const T=L.target;I(T.value)},y=()=>_?`${s}: ${r} ${u}`:d?`${s}: ${r} ${b}`:`${s}: ${r} ${f}`;return W(()=>{x.current&&x.current.scrollWidth>x.current.clientWidth&&w(!0)},[r]),e("div",{className:"dropin-text-swatch__container",...g?{"data-tooltip":r}:{},children:[e("input",{type:m?"checkbox":"radio",name:t,id:i,value:n,"aria-label":y(),checked:d,disabled:l,onChange:$,...c,className:o(["dropin-text-swatch",["dropin-text-swatch--selected",d],["dropin-text-swatch--disabled",l],a])}),e("label",{htmlFor:i,ref:x,className:o(["dropin-text-swatch__label",["dropin-text-swatch__label--out-of-stock",_],a]),children:r})]})},Ke=({ariaLabel:a,size:t="small",stroke:n="4",children:r,className:s,style:i,...l})=>{const d=["dropin-progress-spinner",`dropin-progress-spinner--shape-size-${t}`,`dropin-progress-spinner--shape-stroke-${n}`],_=E({updating:"Dropin.ProgressSpinner.updating.label",updatingChildren:"Dropin.ProgressSpinner.updatingChildren.label"}),m=()=>a||(r?_.updatingChildren:_.updating);return r?e("div",{...l,className:o(["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:o(["dropin-progress-spinner-background",s]),style:i}),e("div",{className:o(["dropin-progress-spinner-with-provider",...d]),"aria-hidden":!0})]}):e("div",{...l,className:o([s,...d]),"aria-live":"polite",role:"status","aria-label":m()})},yr=({className:a,name:t,value:n,id:r,label:s,groupAriaLabel:i,src:l,alt:d,disabled:_=!1,selected:m=!1,outOfStock:h=!1,multi:p=!1,onValue:c,onUpdateError:u,...b})=>{const f=E("Dropin.Swatches.outOfStock.label").label,g=E("Dropin.Swatches.selected.label").label,w=E("Dropin.Swatches.swatch.label").label,x=C(async y=>{if(c)try{await c(y)}catch(L){u&&u(L)}},[c,u]),I=y=>{const L=y.target;x(L.value)},$=()=>h?`${i}: ${s} ${f}`:m?`${i}: ${s} ${g}`:`${i}: ${s} ${w}`;return e("label",{className:o(["dropin-image-swatch__container",a]),children:[e("input",{type:p?"checkbox":"radio",name:t,id:r,value:n,"aria-label":$(),checked:m,disabled:_,onChange:I,...b,className:o(["dropin-image-swatch",["dropin-image-swatch--selected",m],["dropin-image-swatch--disabled",_],a])}),e("span",{className:o(["dropin-image-swatch__span",["dropin-image-swatch__span--out-of-stock",h],a]),children:e(Me,{src:l,className:o(["dropin-image-swatch__content"]),params:{width:100,fit:"bounds",crop:!0},alt:d,loading:"lazy",onError:y=>y.target.style.display="none"})})]})},Ue=({className:a,children:t,title:n,secondaryText:r,actionIconPosition:s="left",iconOpen:i=K,iconClose:l=U,iconLeft:d=K,showIconLeft:_=!1,renderContentWhenClosed:m=!0,defaultOpen:h=!1,onStateChange:p,...c})=>{const[u,b]=F(h),f=$=>{$.stopImmediatePropagation();const y=!u;b(y),p==null||p(y)},g=E(`Dropin.Accordion.${u?"close":"open"}.label`).label,w=e(P,{source:i,size:"24",onClick:f,onKeyPress:f,className:"dropin-accordion-section__open-icon"}),x=e(P,{source:l,size:"24",onClick:f,onKeyPress:f,className:"dropin-accordion-section__close-icon"}),I=e(P,{source:d,size:"24"});return e("div",{...c,className:o(["dropin-accordion-section",a]),children:[e("div",{className:"dropin-accordion-section__heading",children:[e("div",{className:"dropin-accordion-section__flex",onClick:f,onKeyPress:f,role:"button","aria-label":`${g} ${n}`,tabIndex:0,children:e("div",{className:"dropin-accordion-section__title-container",children:[s==="left"&&(u?x:w),_&&I,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}),s==="right"&&(u?x:w)]})]}),e("div",{className:"dropin-accordion-section__content-container",style:{display:u?"grid":"none"},children:(u||m&&!u)&&t})]})},xr=({className:a,children:t,actionIconPosition:n="left",iconOpen:r=K,iconClose:s=U,...i})=>{const l=e(_e,{variant:"secondary"}),d=_=>e(V,{children:[e(Ue,{..._.props,actionIconPosition:n,iconOpen:r,iconClose:s}),l]});return e("div",{...i,className:o(["dropin-accordion",a]),children:[l,...(Array.isArray(t)?t:[t]).map(d)]})},Dr=({variant:a="primary",className:t,type:n="warning",additionalActions:r,onDismiss:s,heading:i,description:l,icon:d,itemList:_,actionButtonPosition:m,...h})=>{var c,u,b;const p=E({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...h,className:o(["dropin-in-line-alert",`dropin-in-line-alert--${n}`,`dropin-in-line-alert--${a}`,t]),children:[e("div",{className:"dropin-in-line-alert__heading",children:[e("div",{className:"dropin-in-line-alert__title-container",children:[d&&e(k,{node:d,className:"dropin-in-line-alert__icon"}),e("span",{className:"dropin-in-line-alert__title",children:i})]}),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":(u=r[0])==null?void 0:u.label,children:(b=r[0])==null?void 0:b.label}),s&&e(R,{icon:e(P,{source:j,size:"24",stroke:"2"}),className:"dropin-in-line-alert__dismiss-button",variant:"tertiary",onClick:s,"aria-label":p.dismiss})]})]}),l&&e("p",{className:"dropin-in-line-alert__description",children:l}),e("div",{className:"dropin-in-line-alert__item-list-container",children:_&&e(k,{node:_,className:o(["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(f=>e(R,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:f.onClick,children:f.label},f.label))})]})},Er=({size:a="small",title:t=null,centered:n=!1,backgroundDim:r=!0,clickToDismiss:s=!0,escapeToDismiss:i=!0,onClose:l,showCloseButton:d=!0,className:_,children:m=null,...h})=>{const p=C(()=>{l==null||l()},[l]),c=E({modalCloseLabel:"Dropin.Modal.Close.label"});return W(()=>{const u=b=>{const f=document.querySelector(".dropin-modal"),g=document.querySelector(".dropin-modal__body");s&&f&&g&&!g.contains(b.target)&&p()};return document.addEventListener("mousedown",u),()=>{document.removeEventListener("mousedown",u)}},[p,s]),W(()=>{const u=b=>{b.key==="Escape"&&i&&p()};return document.addEventListener("keydown",u),()=>{document.removeEventListener("keydown",u)}},[p,i]),W(()=>{const u=document.scrollingElement,b=u.style.overflow;return u.style.overflow="hidden",()=>{u.style.overflow=b}},[]),e("div",{className:o(["dropin-modal",["dropin-modal--dim",r]]),children:e("div",{...h,className:o(["dropin-modal__body",[`dropin-modal__body--${a}`,a],_]),children:[e("div",{className:o(["dropin-modal__header",["dropin-modal__header-title",!!t]]),children:[t&&e("div",{className:o(["dropin-modal__header-title-content"]),children:t}),d&&e(R,{"aria-label":c.modalCloseLabel,variant:"tertiary",className:"dropin-modal__header-close-button",onClick:p,icon:e(j,{})})]}),e("div",{className:o(["dropin-modal__content",["dropin-modal__body--centered",n]]),children:m})]})})},Ir=({className:a,children:t,ariaLabel:n,image:r,title:s,price:i,taxIncluded:l=!1,taxExcluded:d=!1,total:_,totalExcludingTax:m,sku:h,configurations:p,warning:c,alert:u,discount:b,savings:f,quantity:g,description:w,attributes:x,footer:I,loading:$=!1,updating:y=!1,quantityType:L,dropdownOptions:T,onQuantity:D,onRemove:S,...H})=>{var X,Y;const{locale:G}=ye(ce),O=E({each:"Dropin.CartItem.each.label",pricePerItem:"Dropin.CartItem.pricePerItem.label",quantity:"Dropin.CartItem.quantity.label",remove:"Dropin.CartItem.remove.label",removeDefault:"Dropin.CartItem.removeDefault.label",taxIncluded:"Dropin.CartItem.taxIncluded.label",taxExcluded:"Dropin.CartItem.taxExcluded.label",updating:"Dropin.CartItem.updating.label",updatingDefault:"Dropin.ProgressSpinner.updating.label"});if($)return e(je,{});const ue=L==="dropdown"?e(We,{className:o(["dropin-cart-item__quantity__picker"]),value:String(g),name:"quantity","aria-label":O.quantity,disabled:y,variant:"primary",options:T,handleSelect:B=>D==null?void 0:D(Number(B.target.value))}):e(Be,{className:o(["dropin-cart-item__quantity__incrementer"]),value:g,min:1,onValue:B=>D==null?void 0:D(Number(B)),name:"quantity","aria-label":O.quantity,disabled:y});return e("div",{...H,className:o(["dropin-cart-item",["dropin-cart-item--updating",y],a]),children:[y&&e(Ke,{className:o(["dropin-cart-item__spinner"]),ariaLabel:n?(X=O.updating)==null?void 0:X.replace("{product}",n):O.updatingDefault}),e("div",{className:"dropin-cart-item__wrapper",children:[r&&e(k,{node:r,className:o(["dropin-cart-item__image"])}),s&&e(k,{node:s,className:o(["dropin-cart-item__title",["dropin-cart-item__title--edit",!!D||!!S]])}),w&&e(k,{node:w,className:o(["dropin-cart-item__description"])}),h&&e(k,{node:h,className:o(["dropin-cart-item__sku"])}),e("div",{className:o(["dropin-cart-item__savings__wrapper"]),children:[b&&e(k,{node:b,className:o(["dropin-cart-item__discount","dropin-cart-item__discount__large-screen"])}),f&&e(k,{node:f,className:o(["dropin-cart-item__savings","dropin-cart-item__savings__large-screen"])})]}),x&&e("div",{className:o(["dropin-cart-item__attributes"]),children:e(k,{node:x})}),p&&e("ul",{className:o(["dropin-cart-item__configurations"]),children:Object.entries(p).map(([B,he])=>e("li",{className:o(["dropin-cart-item__configurations__item"]),children:[B,":"," ",e("strong",{className:o(["dropin-cart-item__configurations__item__value"]),children:he})]},B))}),i&&e("span",{className:o(["dropin-cart-item__price"]),"aria-label":O.pricePerItem,children:[g&&!D&&e(V,{children:[e("span",{className:"dropin-cart-item__price__quantity","aria-hidden":!0,children:[g.toLocaleString(G)," x"," "]}),e("div",{className:"dropin-cart-item__sr-only",children:[O.quantity,": ",g==null?void 0:g.toLocaleString(G),";"]})]}),e(k,{node:i,role:"text"}),g&&g>1&&e(V,{children:[" ",O.each]}),l&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",O.taxIncluded]}),d&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",O.taxExcluded]})]}),e("div",{className:o(["dropin-cart-item__quantity",["dropin-cart-item__quantity--edit",!!D]]),children:[D?ue:g&&e("span",{className:o(["dropin-cart-item__quantity__value"]),children:[O.quantity,":"," ",e("strong",{className:"dropin-cart-item__quantity__number",children:Number(g).toLocaleString(G)})]}),c&&e(k,{node:c,className:o(["dropin-cart-item__warning","dropin-cart-item__warning--quantity"])}),u&&e(k,{node:u,className:o(["dropin-cart-item__alert","dropin-cart-item__alert--quantity"])})]}),c&&e(k,{node:c,className:o(["dropin-cart-item__warning"])}),u&&e(k,{node:u,className:o(["dropin-cart-item__alert"])}),e("div",{className:o(["dropin-cart-item__total",["dropin-cart-item__total--edit",!!S]]),children:[e("div",{className:"dropin-cart-item__row-total__wrapper",children:[_&&e("div",{className:"dropin-cart-item__row-total",children:e(k,{node:_,role:"text"})}),l&&e("div",{className:"dropin-cart-item__total-tax-included",children:e("span",{"data-testid":"tax-message",className:o(["dropin-cart-item__total-tax-message"]),children:O.taxIncluded})})]}),d&&e("div",{className:"dropin-cart-item__total-tax-excluded",children:e("span",{"data-testid":"tax-message",className:o(["dropin-cart-item__total-tax-excluded-message"]),children:[m&&e(k,{node:m,role:"text"})," ",O.taxExcluded]})}),b&&e(k,{node:b,className:o(["dropin-cart-item__discount"])}),f&&e(k,{node:f,className:o(["dropin-cart-item__savings"])})]}),I&&e("div",{className:o(["dropin-cart-item__footer"]),children:e(k,{node:I})})]}),S&&e(R,{"data-testid":"cart-item-remove-button",className:o(["dropin-cart-item__remove"]),variant:"tertiary",onClick:()=>S==null?void 0:S(),icon:e(P,{"data-testid":"cart-item-remove-icon",source:Le,size:"24",stroke:"2",viewBox:"0 0 24 24","aria-label":n?(Y=O.remove)==null?void 0:Y.replace("{product}",n):O.removeDefault}),disabled:y})]})},je=()=>e("div",{className:"dropin-cart-item dropin-cart-item-skeleton",children:e(Ce,{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"})})]})}),$r=({className:a,children:t,...n})=>e("div",{...n,className:o(["dropin-cart-list",a]),children:e("div",{className:"dropin-cart-list__wrapper","aria-live":"assertive","aria-relevant":"all",children:se.map(t,(r,s)=>e("div",{className:"dropin-cart-list__item",children:r},s))})}),Sr=({className:a,children:t,locale:n,currency:r,amount:s,variant:i="default",minimumAmount:l,maximumAmount:d,size:_="small",display:m="dash",specialPrice:h,sale:p=!1,...c})=>{const u=M(()=>s||l===d||l&&!d||d&&!l,[s,d,l]);return e("div",{children:u?e("div",{...c,className:o(["dropin-price-range",a]),children:e(A,{amount:s??l??d,currency:r,locale:n,size:_,variant:i,sale:p})}):e("div",{...c,className:o(["dropin-price-range",a]),children:[m==="dash"?e(ze,{specialPrice:h,minimumAmount:l,maximumAmount:d,currency:r,locale:n,size:_,sale:p}):null,m==="from to"?e(Ze,{specialPrice:h,minimumAmount:l,maximumAmount:d,currency:r,locale:n,size:_,sale:p}):null,m==="as low as"?e(Je,{specialPrice:h,minimumAmount:l,maximumAmount:d,currency:r,locale:n,size:_,sale:p}):null]})})};function ze({specialPrice:a,minimumAmount:t,maximumAmount:n,currency:r,locale:s,size:i,sale:l}){return e(V,{children:[e(A,{amount:a??t,currency:r,locale:s,size:i,sale:!!a&&l}),e("span",{className:"dropin-price-range__separator",children:"-"}),e(A,{amount:n,currency:r,locale:s,size:i})]})}function Ze({specialPrice:a,minimumAmount:t,maximumAmount:n,currency:r,locale:s,size:i,sale:l}){const d=E({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(V,{children:[e("span",{className:o(["dropin-price-range__from",`dropin-price-range__from--${i}`]),children:d.from}),e(A,{amount:a??t,currency:r,locale:s,size:i,sale:!!a&&l}),e("span",{className:o(["dropin-price-range__to",`dropin-price-range__to--${i}`]),children:d.to}),e(A,{amount:n,currency:r,locale:s,size:i})]})}function Je({specialPrice:a,minimumAmount:t,maximumAmount:n,currency:r,locale:s,size:i,sale:l}){const d=E({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(V,{children:[e("span",{className:o(["dropin-price-range__as-low-as",`dropin-price-range__as-low-as--${i}`]),children:d.asLowAs}),a?e("div",{children:[e(A,{amount:n,currency:r,locale:s,size:i,variant:"strikethrough"}),e(A,{amount:a,currency:r,locale:s,size:i,className:"dropin-price-range__special",sale:!!a&&l})]}):e(A,{amount:t,currency:r,locale:s,size:i})]})}const Tr=({className:a,categories:t,separator:n,...r})=>e(V,{children:(t==null?void 0:t.length)>1&&e("nav",{role:"navigation",...r,className:o(["dropin-breadcrumbs__container",a]),children:e("ul",{className:"dropin-breadcrumbs__items",children:t==null?void 0:t.map((s,i)=>e("li",{className:o(["dropin-breadcrumbs__item",["dropin-breadcrumbs__item--last",i===t.length-1]]),children:[e(k,{node:s,className:"dropin-breadcrumbs__link"}),!n&&i!==t.length-1&&e("span",{className:"dropin-breadcrumbs__separator--default",children:[" ","/"," "]}),n&&i!==t.length-1&&e(k,{node:n,className:"dropin-breadcrumbs__separator--icon"})]},i))})})}),Lr=({className:a,variant:t,icon:n,message:r,onDismiss:s,action:i,...l})=>{const d=E({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...l,className:o([a,"dropin-alert-banner",`dropin-alert-banner--${t}`]),children:[e("div",{className:"dropin-alert-banner__content",children:[n&&e(k,{node:n,"aria-hidden":"true",className:"dropin-alert-banner__icon"}),e(k,{node:r,className:o(["dropin-alert-banner__message"])})]}),e("div",{className:"dropin-alert-banner__actions",children:[i&&e(R,{variant:"tertiary",className:"dropin-alert-banner__action",onClick:i.onClick,"aria-label":i.label,children:i.label}),e(R,{icon:e(P,{source:j,size:"24",stroke:"2"}),className:"dropin-alert-banner__dismiss-button",variant:"primary",onClick:s,"aria-label":d.dismiss})]})]})},Pr=({className:a,icon:t,heading:n,headingLevel:r=2,message:s,action:i,variant:l="secondary",...d})=>{const _=r>=1&&r<=6?`h${r}`:"h2";return e("div",{...d,className:o(["dropin-illustrated-message",a]),children:e(Ge,{variant:l,children:[t&&e(k,{node:t,"aria-hidden":"true",size:"80",className:"dropin-illustrated-message__icon"}),n&&e(_,{className:"dropin-illustrated-message__heading",children:n}),s&&e(k,{node:s,className:"dropin-illustrated-message__message"}),i&&e(k,{node:i,className:"dropin-illustrated-message__action"})]})})},Or=({className:a,label:t,name:n,value:r,selected:s=!0,onChange:i,icon:l,busy:d=!1,children:_,...m})=>e("div",{...m,className:o(["dropin-toggle-button",a,["dropin-toggle-button__selected",s]]),children:e("label",{className:"dropin-toggle-button__actionButton",children:[e(He,{label:"",name:n,value:r,checked:s,onChange:()=>i&&i(r),"aria-label":t,busy:d,className:o([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"}),t]})]})}),Cr=({title:a=null,size:t="medium",cta:n,divider:r=!0,className:s,...i})=>a?e("div",{...i,className:o(["dropin-header-container",s]),"data-testid":"dropin-header-container",children:[e("span",{className:o(["dropin-header-container__title",["dropin-header-container__title--medium",t==="medium"],["dropin-header-container__title--large",t==="large"]]),children:a}),n?e(k,{node:n,className:"dropin-header-container__actions"}):null,r?e(_e,{className:o(["dropin-header-container__divider",["dropin-header-container__divider--medium",t==="medium"],["dropin-header-container__divider--large",t==="large"]])}):null]}):null,Ar=({label:a,className:t,...n})=>a?e("div",{...n,className:o(["dropin-tag-container",t]),"data-testid":"dropin-tag-container",children:e("span",{className:"dropin-tag-container__label",children:a})}):null,Rr=({className:a,children:t,maxColumns:n,emptyGridContent:r,...s})=>{const i=!!t&&(Array.isArray(t)?t.length>0:!0),l=i?{gridTemplateColumns:`repeat(${n}, 1fr)`}:void 0;return e("div",{...s,className:o(["dropin-content-grid",a]),tabindex:0,children:e("div",{"data-testid":"content-grid-content",className:o(["dropin-content-grid__content",["dropin-content-grid__dynamic-columns-content",!n],["dropin-content-grid__content--empty",!i]]),style:l,children:i?t:r})})},Vr=({totalPages:a=10,currentPage:t=1,onChange:n,className:r,...s})=>{const i=E({backwardButton:"Dropin.Pagination.backwardButton.ariaLabel",forwardButton:"Dropin.Pagination.forwardButton.ariaLabel"}),l=C(()=>{const p=Math.min(t+1,a);n==null||n(p)},[t,n,a]),d=C(()=>{const p=Math.max(t-1,1);n==null||n(p)},[t,n]),_=C(p=>{ge(p)&&(n==null||n(p))},[n]),m=C((p,c)=>{let u=[];const b=(f,g)=>{for(let w=f;w<=g;w++)u.push({page:w,isActive:w===p,label:w})};return c<=5?b(1,c):p<=2?(b(1,2),u.push({page:"ellipsis",isActive:!1,label:"..."}),b(c-1,c)):p>=c-3?b(c-4,c):(b(p-1,p),u.push({page:"ellipsis",isActive:!1,label:"..."}),b(c-1,c)),u},[]),h=M(()=>m(t,a),[m,t,a]);return e("div",{...s,className:o(["dropin-pagination",r]),children:[e("button",{type:"button","data-testid":"prev-button","aria-label":i.backwardButton,disabled:t===1,onClick:d,className:o(["dropin-pagination-arrow","dropin-pagination-arrow--backward"]),children:e(P,{size:"24",source:J})}),e("ul",{className:"dropin-pagination_list",children:h.map((p,c)=>e("li",{"data-testid":`dropin-pagination_list-item--${p.page}`,className:o(["dropin-pagination_list-item",`dropin-pagination_list-item--${p.page}`,["dropin-pagination_list-item--active",p.isActive]]),children:e("button",{type:"button","data-testid":`set-page-button-${p.page}`,onClick:()=>_(p.page),children:p.label})},`${p.page}_${c}`))}),e("button",{type:"button","data-testid":"next-button","aria-label":i.forwardButton,disabled:t===a,onClick:l,className:o(["dropin-pagination-arrow","dropin-pagination-arrow--forward"]),children:e(P,{size:"24",source:J})})]})};export{xr as Accordion,Ue as AccordionSection,gr as ActionButton,vr as ActionButtonGroup,Lr as AlertBanner,Tr as Breadcrumbs,R as Button,Ge as Card,Ir as CartItem,je as CartItemSkeleton,$r as CartList,Nr as Checkbox,wr as ColorSwatch,Rr as ContentGrid,_e as Divider,me as Field,Cr as Header,P as Icon,Pr as IllustratedMessage,Me as Image,yr as ImageSwatch,Dr as InLineAlert,Be as Incrementer,pe as Input,hr as InputDate,br as InputPassword,Er as Modal,Vr as Pagination,We as Picker,A as Price,Sr as PriceRange,Ke as ProgressSpinner,He as RadioButton,Ce as Skeleton,q as SkeletonRow,Ar as Tag,fr as TextArea,kr as TextSwatch,Or as ToggleButton,ce as UIContext,Ae as UIProvider,ur as provider};
|
package/lib.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{S as v}from"./chunks/is-number.js";import{R as
|
|
1
|
+
import{d as M,S as v}from"./chunks/is-number.js";import{R as Y,V as Z,c as x,a as ee,g as re,i as te}from"./chunks/is-number.js";import{C as oe,I as se,i as ie}from"./chunks/initializer.js";import{jsx as E}from"./preact-jsx-runtime.js";import{x as O,A as b,h as P,T as $,E as _,q as p,y as D}from"./chunks/icons/Add.js";import{IntlContext as V}from"./i18n.js";import{g as de,s as ae}from"./chunks/image-params-keymap.js";import"./signals.js";const k=r=>{const n=new FormData(r);return Object.fromEntries(n)},A=r=>{const n=new FormData(r),l=Object.fromEntries(n);return Object.entries(l).reduce((s,[d])=>{const o=r.elements[d];return o!=null&&o.validationMessage?{...s,[d]:o.validationMessage}:{...s}},{})},F={arrayMerge:(r,n,l)=>{const u=r.slice();return n.forEach((s,d)=>{typeof u[d]>"u"?u[d]=l.cloneUnlessOtherwiseSpecified(s,l):l.isMergeableObject(s)?u[d]=M(r[d],s,l):r.indexOf(s)===-1&&u.push(s)}),u}};function U(r,n){return n?M(r,n,F):r}const W=r=>r.replace("_","-");function T(r,n={},l,u,s){const d=O(v),o=b(null),S=b("pending"),w=b([]),[y,R]=P({children:[u]}),[N,j]=P({}),I=$(()=>({get:t=>N[t],set:(t,e)=>{j({...I,[t]:e})}}),[N]),{intl:B}=O(V);n.dictionary=B.dictionary,n._setProps=t=>{R(e=>{const i=typeof t=="function"?t(e):t;if(s){const a=_(s(e),{key:"render"}),f=e.children.findIndex(g=>(g==null?void 0:g.key)==="render");e.children[f]=a}return i})};const c=p(t=>{typeof t=="function"?w.current.push(t):console.warn("Skipped: Invalid _registerMethod",t)},[]);n._registerMethod=c;const h=p(t=>E("div",{"data-slot-html-element":t.tagName.toLowerCase(),ref:e=>{e==null||e.appendChild(t)}}),[]);n._htmlElementToVNode=h,n.getSlotElement=p(t=>{var i,a;const e=(i=o.current)==null?void 0:i.querySelector(`[data-slot-key="${t}"]`);if(m(`🟦 "${r}" Slot getSlotElement: ${t}`,(a=o.current)==null?void 0:a.cloneNode(!0),e==null?void 0:e.cloneNode(!0)),!!e)return{appendChild:f=>{e.appendChild(f)},prependChild:f=>{e.insertBefore(f,e.firstChild)},appendSibling:f=>{const g=e.parentNode;g==null||g.insertBefore(f,e.nextSibling)},prependSibling:f=>{const g=e.parentNode;g==null||g.insertBefore(f,e)}}},[r]),n.onRender=p(t=>{w.current.push(t)},[]),n.onChange=n.onRender,n.replaceWith=p(t=>{c(e=>{const i=h(t);e._setProps({children:[i]})})},[h,c]),n.appendChild=p(t=>{c(e=>{const i=h(t);e._setProps(a=>({...a,children:[...a.children,i]}))})},[h,c]),n.prependChild=p(t=>{c(e=>{const i=h(t);e._setProps(a=>({...a,children:[i,...a.children]}))})},[h,c]),n.appendSibling=p(t=>{c(()=>{var i,a;const e=(i=o.current)==null?void 0:i.parentNode;e==null||e.insertBefore(t,((a=o.current)==null?void 0:a.nextSibling)??null)})},[c]),n.prependSibling=p(t=>{c(()=>{var i;const e=(i=o.current)==null?void 0:i.parentNode;e==null||e.insertBefore(t,o.current)})},[c]);const C=p(async()=>{if(S.current==="loading")return;S.current="loading",m(`🟨 "${r}" Slot Rendered`);const t=s?_(s(y),{key:"render"}):null;R({children:[t??u]}),w.current.forEach(e=>{e(n,I)}),S.current="ready"},[u,n,r,y,s,I]),L=p(async()=>{if(l)try{S.current="loading",m(`🟩 "${r}" Slot Initialized`),await l(n,o.current)}catch(t){console.error(`Error in "${l.name}" Slot callback`,t)}finally{S.current="ready",await C()}},[l,n,C,r]);return D(()=>{L().finally(()=>{d&&(d.value.delete(r),d.value=new Set(d.value))})},[]),D(()=>{C()},[JSON.stringify(n),JSON.stringify(N)]),[o,y]}function G({name:r,context:n,slot:l,children:u,render:s,...d}){const o=O(v),[S,w]=T(r,n,l,u,s);return $(()=>{if(!r)return console.warn('Slot "name" is required');o&&(o.value.add(r),o.value=new Set(o.value))},[r,o]),E("div",{...d,ref:S,"data-slot":r,children:w.children})}window.DROPINS=window.DROPINS||{};window.DROPINS.showSlots=async r=>{window.sessionStorage.setItem("dropin-debugger--show-slots",r.toString()),document.body.classList.toggle("dropin-debugger--show-slots",r)};let m=()=>{};window.DROPINS.logSlots=async r=>{window.sessionStorage.setItem("dropin-debugger--log-slots",r.toString()),m=r?(...n)=>console.log(...n):()=>{}};window.DROPINS.showSlots(window.sessionStorage.getItem("dropin-debugger--show-slots")==="true");window.DROPINS.logSlots(window.sessionStorage.getItem("dropin-debugger--log-slots")==="true");export{oe as Config,se as Initializer,Y as Render,G as Slot,v as SlotQueueContext,Z as VComponent,x as classes,ee as debounce,M as deepmerge,re as generateSrcset,A as getFormErrors,k as getFormValues,de as getImageParamsKeyMap,ie as initializers,te as isNumber,U as merge,ae as setImageParamsKeyMap,W as toLanguageTag,T as useSlot};
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name": "@dropins/tools", "version": "0.
|
|
1
|
+
{"name": "@dropins/tools", "version": "0.34.0-alpha1"}
|
|
@@ -37,4 +37,5 @@ export { default as EyeClose } from './EyeClose.svg';
|
|
|
37
37
|
export { default as Date } from './Date.svg';
|
|
38
38
|
export { default as AddressBook } from './AddressBook.svg';
|
|
39
39
|
export { default as EmptyBox } from './EmptyBox.svg';
|
|
40
|
+
export { default as Coupon } from './Coupon.svg';
|
|
40
41
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -9,6 +9,11 @@ type Options<T> = {
|
|
|
9
9
|
init: Init<T>;
|
|
10
10
|
listeners: Listeners<T>;
|
|
11
11
|
};
|
|
12
|
+
export type Model<T = any, D = any> = {
|
|
13
|
+
transformer?: (data: D) => T & {
|
|
14
|
+
[key: string]: any;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
12
17
|
/**
|
|
13
18
|
* The `Initializer` class is responsible for setting up event listeners and initializing a module with the given configuration.
|
|
14
19
|
*
|