diff --git a/package-lock.json b/package-lock.json index 63cb8dd882..02095980a6 100644 --- a/package-lock.json +++ b/package-lock.json @@ -18,12 +18,12 @@ "@dropins/storefront-checkout": "~1.0.0", "@dropins/storefront-order": "~1.0.2", "@dropins/storefront-pdp": "~1.0.0", - "@dropins/tools": "^0.39.0" + "@dropins/tools": "^0.40.0" }, "devDependencies": { "@adobe/aem-cli": "^16.5.8", "@babel/eslint-parser": "7.25.9", - "@dropins/build-tools": "0.1.1", + "@dropins/build-tools": "0.2.0", "eslint": "8.57.1", "eslint-config-airbnb-base": "15.0.0", "eslint-plugin-import": "2.31.0", @@ -1784,9 +1784,9 @@ } }, "node_modules/@dropins/build-tools": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/@dropins/build-tools/-/build-tools-0.1.1.tgz", - "integrity": "sha512-rhEsS/uvIssl4K2kLg92zOkYGwYtpZrROJpokLDZRUHImKhJpEnBtC7CSIZwVmqTwwjBU2vht4usVceqmJl/XQ==", + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/@dropins/build-tools/-/build-tools-0.2.0.tgz", + "integrity": "sha512-PvyzoY4rDFx4I4BJBKErTHx3F+3CbPKbI5A5tVR1efN1oCex7tjk68yb0XdHI6TQoTOc126tl8gIZckavOti4g==", "dev": true, "dependencies": { "escodegen": "^2.1.0", @@ -1828,9 +1828,9 @@ "integrity": "sha512-OKfvTYdNYrU5QEKr8FWrEOv607rIVshzD0hJYFZuD6KjJ/+mQKoA7QNn6RSqn05fvYK+rG/yc0+M6smUP+mCrw==" }, "node_modules/@dropins/tools": { - "version": "0.39.0", - "resolved": "https://registry.npmjs.org/@dropins/tools/-/tools-0.39.0.tgz", - "integrity": "sha512-RFBXqmu+I9FNQHaaxza1gmJjbADsChCj7IACXGPq/NmXKrZDxjqbV1jbta00Ps9T2nGoBxwfDaDTpI5eq5w3Bg==" + "version": "0.40.0", + "resolved": "https://registry.npmjs.org/@dropins/tools/-/tools-0.40.0.tgz", + "integrity": "sha512-1YwUCj/OTS9ZzOlVUw5c/O1JFy6siw070OuUIbA/XNOaniduW6tFVmmD4eEXSSnaDur5XMZ8vpH4H2A2fL9FDw==" }, "node_modules/@dual-bundle/import-meta-resolve": { "version": "4.1.0", diff --git a/package.json b/package.json index a143de8ba6..1db222e0da 100644 --- a/package.json +++ b/package.json @@ -25,7 +25,7 @@ "devDependencies": { "@adobe/aem-cli": "^16.5.8", "@babel/eslint-parser": "7.25.9", - "@dropins/build-tools": "0.1.1", + "@dropins/build-tools": "0.2.0", "eslint": "8.57.1", "eslint-config-airbnb-base": "15.0.0", "eslint-plugin-import": "2.31.0", @@ -41,6 +41,6 @@ "@dropins/storefront-checkout": "~1.0.0", "@dropins/storefront-order": "~1.0.2", "@dropins/storefront-pdp": "~1.0.0", - "@dropins/tools": "^0.39.0" + "@dropins/tools": "^0.40.0" } } diff --git a/scripts/__dropins__/tools/chunks/icons/GiftCard.js b/scripts/__dropins__/tools/chunks/icons/GiftCard.js new file mode 100644 index 0000000000..d3421c395b --- /dev/null +++ b/scripts/__dropins__/tools/chunks/icons/GiftCard.js @@ -0,0 +1,3 @@ +/*! Copyright 2025 Adobe +All Rights Reserved. */ +import{_ as C}from"./Add.js";const r=t=>C("svg",{width:24,height:16,viewBox:"0 0 24 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},C("path",{d:"M22.5364 9.8598V2.1658C22.5364 1.63583 22.099 1.20996 21.576 1.20996H2.42337C1.89083 1.20996 1.46289 1.64529 1.46289 2.1658V9.8598M22.5364 9.8598H1.46289M22.5364 9.8598V13.844C22.5364 14.3645 22.1085 14.7999 21.576 14.7999H2.42337C1.90034 14.7999 1.46289 14.374 1.46289 13.844V9.8598M3.9164 12.5191L7.5396 9.8598M7.5396 9.8598L11.1628 12.5191M7.5396 9.8598C7.5396 9.8598 6.96902 7.26674 6.40795 6.70838C5.84687 6.15002 4.93394 6.15002 4.37287 6.70838C3.81179 7.26674 3.81179 8.17526 4.37287 8.73362C4.93394 9.29198 7.5396 9.8598 7.5396 9.8598ZM7.5396 9.8598C7.5396 9.8598 10.1643 9.27305 10.7254 8.71469C11.2864 8.15633 11.2864 7.24782 10.7254 6.68946C10.1643 6.1311 9.25135 6.1311 8.69028 6.68946C8.12921 7.24782 7.5396 9.8598 7.5396 9.8598ZM7.5396 14.7904V1.20996",stroke:"currentColor",strokeLinecap:"round"}));export{r as default}; diff --git a/scripts/__dropins__/tools/components.js b/scripts/__dropins__/tools/components.js index 78acd5865a..184066ace4 100644 --- a/scripts/__dropins__/tools/components.js +++ b/scripts/__dropins__/tools/components.js @@ -1,3 +1,3 @@ /*! Copyright 2025 Adobe All Rights Reserved. */ -import{jsx as e}from"./preact-jsx-runtime.js";import{d as J,c as s,R as fe,a as le,V as y,b as ee,g as ve,i as ge}from"./chunks/deviceUtils.js";import{G as Ne,T as M,k as B,F as g,L as we,h as A,q as T,S as K,A as U,g as ke,y as F,_ as ye,N as de,E as Ie,x as De}from"./chunks/icons/Add.js";import{IntlProvider as xe,Localizer as te,Text as Z,useText as x}from"./i18n.js";import j from"./chunks/icons/Minus.js";import Ee from"./chunks/icons/CheckWithCircle.js";import $e from"./chunks/icons/WarningWithCircle.js";import Se from"./chunks/icons/Date.js";import Te from"./chunks/icons/Locker.js";import Le from"./chunks/icons/Eye.js";import Oe from"./chunks/icons/EyeClose.js";import ce from"./chunks/icons/Check.js";import z from"./chunks/icons/Close.js";import X from"./chunks/icons/ChevronDown.js";import Pe from"./chunks/icons/Trash.js";import"./chunks/image-params-keymap.js";import"./signals.js";const Ce={ExampleComponentName:{item:{label:"string"}},Pagination:{backwardButton:{ariaLabel:"Go to previous page"},forwardButton:{ariaLabel:"Go to next page"}},Incrementer:{decreaseLabel:"Decrease Quantity",increaseLabel:"Increase Quantity",label:"Quantity",errorMessage:"Enter a valid quantity",minQuantityMessage:"Enter at least {{minQuantity}}",maxQuantityMessage:"Maximum quantity is {{maxQuantity}}"},Modal:{Close:{label:"Close"}},InputPassword:{placeholder:"Password",floatingLabel:"Password",buttonShowTitle:"Click to show password",buttonHideTitle:"Click to hide password"},PasswordStatusIndicator:{chartTwoSymbols:"Use characters and numbers or symbols",chartThreeSymbols:"Use characters, numbers and symbols",chartFourSymbols:"Use uppercase characters, lowercase characters, numbers and symbols",messageLengthPassword:"At least {minLength} characters long"},InlineAlert:{dismissLabel:"Dismiss Alert"},PriceSummary:{subTotal:{label:"Subtotal",withTaxes:"Including taxes",withoutTaxes:"excluding taxes"},shipping:{label:"Shipping",editZipAction:"Apply",estimated:"Estimated Shipping",estimatedDestination:"Estimated Shipping to ",destinationLinkAriaLabel:"Change destination",zipPlaceholder:"Zip Code",withTaxes:"Including taxes",withoutTaxes:"excluding taxes",alternateField:{zip:"Estimate using country/zip",state:"Estimate using country/state"}},taxes:{total:"Tax Total",totalOnly:"Tax",breakdown:"Taxes",showBreakdown:"Show Tax Breakdown",hideBreakdown:"Hide Tax Breakdown",estimated:"Estimated Tax"},total:{estimated:"Estimated Total",label:"Total",withoutTax:"Total excluding taxes"}},ProgressSpinner:{updating:{label:"Item is updating"},updatingChildren:{label:"Items are updating"}},PriceRange:{from:{label:"From"},to:{label:"to"},asLowAs:{label:"As low as"}},Swatches:{outOfStock:{label:"out of stock swatch"},selected:{label:"swatch selected"},swatch:{label:"swatch"}},Accordion:{open:{label:"Open"},close:{label:"Close"}},CartItem:{each:{label:"each"},pricePerItem:{label:"price per item"},quantity:{label:"Quantity"},remove:{label:"Remove {product} from the cart"},removeDefault:{label:"Remove item from the cart"},taxIncluded:{label:"incl. VAT"},taxExcluded:{label:"excl. tax"},updating:{label:"{product} is updating"}},InputDate:{picker:"Select a date"}},re={Dropin:Ce},ne={default:re,en_US:re},Ae=a=>J(ne.default,ne[a]||{}),ie=1,q=({className:a,fullWidth:r=!1,lines:n=ie,size:t="small",variant:o="row",children:i=null,multilineGap:d="medium",...l})=>{const _=[[`dropin-skeleton-row__${o}`,o],[`dropin-skeleton-row__${o}-${t}`,o&&t]];if(!i&&o==="empty")return e("div",{className:s(["dropin-skeleton-row dropin-skeleton-row__empty",a])});if(i){const u=i.trim();return e("div",{...l,class:s(["dropin-skeleton-row",["dropin-skeleton-row--full",r],a]),dangerouslySetInnerHTML:{__html:u}})}return n>ie===!1?e("div",{...l,class:s(["dropin-skeleton-row",["dropin-skeleton-row--full",r],"dropin-skeleton--row__content",..._,a])}):e("div",{...l,style:{"--multiline-gap-spacing":`var(--spacing-${d})`},class:s(["dropin-skeleton-row--multiline",["dropin-skeleton-row--full",r],a]),children:Array.from({length:n}).map((u,p)=>e("div",{class:s(["dropin-skeleton-row",["dropin-skeleton-row--full",r],"dropin-skeleton--row__content",..._])},p))})},Ve=({className:a,children:r,rowGap:n="medium",...t})=>e("div",{style:{"--row-gap-spacing":`var(--spacing-${n})`},...t,className:s(["dropin-skeleton",a]),role:"status","aria-label":"Loading...",children:r}),pe=Ne({locale:"en-US"}),Re=({lang:a="en_US",langDefinitions:r={},children:n})=>{const t=M(()=>{const i=J(r.default,r[a]??{});return J(Ae(a),i)},[a,r]),o=a.replace("_","-");return e(pe.Provider,{value:{locale:o},children:e(xe,{definition:t,children:e(B,{children:n})})})},bt=new fe(e(Re,{})),Be=function(){const r=typeof document<"u"&&document.createElement("link").relList;return r&&r.supports&&r.supports("modulepreload")?"modulepreload":"preload"}(),Fe=function(a){return"/"+a},ae={},N=function(r,n,t){let o=Promise.resolve();if(n&&n.length>0){document.getElementsByTagName("link");const i=document.querySelector("meta[property=csp-nonce]"),d=(i==null?void 0:i.nonce)||(i==null?void 0:i.getAttribute("nonce"));o=Promise.all(n.map(l=>{if(l=Fe(l),l in ae)return;ae[l]=!0;const _=l.endsWith(".css"),m=_?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${l}"]${m}`))return;const u=document.createElement("link");if(u.rel=_?"stylesheet":Be,_||(u.as="script",u.crossOrigin=""),u.href=l,d&&u.setAttribute("nonce",d),document.head.appendChild(u),_)return new Promise((p,c)=>{u.addEventListener("load",p),u.addEventListener("error",()=>c(new Error(`Unable to preload CSS for ${l}`)))})}))}return o.then(()=>r()).catch(i=>{const d=new Event("vite:preloadError",{cancelable:!0});if(d.payload=i,window.dispatchEvent(d),!d.defaultPrevented)throw i})},He={Add:g(()=>N(()=>import("./chunks/icons/Add.js").then(a=>a.$),[])),Bulk:g(()=>N(()=>import("./chunks/icons/Bulk.js"),[])),Burger:g(()=>N(()=>import("./chunks/icons/Burger.js"),[])),Cart:g(()=>N(()=>import("./chunks/icons/Cart.js"),[])),Check:g(()=>N(()=>import("./chunks/icons/Check.js"),[])),ChevronDown:g(()=>N(()=>import("./chunks/icons/ChevronDown.js"),[])),ChevronUp:g(()=>N(()=>import("./chunks/icons/ChevronUp.js"),[])),ChevronRight:g(()=>N(()=>import("./chunks/icons/ChevronRight.js"),[])),Close:g(()=>N(()=>import("./chunks/icons/Close.js"),[])),Heart:g(()=>N(()=>import("./chunks/icons/Heart.js"),[])),Minus:g(()=>N(()=>import("./chunks/icons/Minus.js"),[])),Placeholder:g(()=>N(()=>import("./chunks/icons/Placeholder.js"),[])),PlaceholderFilled:g(()=>N(()=>import("./chunks/icons/PlaceholderFilled.js"),[])),Search:g(()=>N(()=>import("./chunks/icons/Search.js"),[])),SearchFilled:g(()=>N(()=>import("./chunks/icons/SearchFilled.js"),[])),Sort:g(()=>N(()=>import("./chunks/icons/Sort.js"),[])),Star:g(()=>N(()=>import("./chunks/icons/Star.js"),[])),View:g(()=>N(()=>import("./chunks/icons/View.js"),[])),User:g(()=>N(()=>import("./chunks/icons/User.js"),[])),Warning:g(()=>N(()=>import("./chunks/icons/Warning.js"),[])),Locker:g(()=>N(()=>import("./chunks/icons/Locker.js"),[])),Wallet:g(()=>N(()=>import("./chunks/icons/Wallet.js"),[])),Card:g(()=>N(()=>import("./chunks/icons/Card.js"),[])),Order:g(()=>N(()=>import("./chunks/icons/Order.js"),[])),Delivery:g(()=>N(()=>import("./chunks/icons/Delivery.js"),[])),OrderError:g(()=>N(()=>import("./chunks/icons/OrderError.js"),[])),OrderSuccess:g(()=>N(()=>import("./chunks/icons/OrderSuccess.js"),[])),PaymentError:g(()=>N(()=>import("./chunks/icons/PaymentError.js"),[])),CheckWithCircle:g(()=>N(()=>import("./chunks/icons/CheckWithCircle.js"),[])),WarningWithCircle:g(()=>N(()=>import("./chunks/icons/WarningWithCircle.js"),[])),WarningFilled:g(()=>N(()=>import("./chunks/icons/WarningFilled.js"),[])),InfoFilled:g(()=>N(()=>import("./chunks/icons/InfoFilled.js"),[])),HeartFilled:g(()=>N(()=>import("./chunks/icons/HeartFilled.js"),[])),Trash:g(()=>N(()=>import("./chunks/icons/Trash.js"),[])),Eye:g(()=>N(()=>import("./chunks/icons/Eye.js"),[])),EyeClose:g(()=>N(()=>import("./chunks/icons/EyeClose.js"),[])),Date:g(()=>N(()=>import("./chunks/icons/Date.js"),[])),AddressBook:g(()=>N(()=>import("./chunks/icons/AddressBook.js"),[])),EmptyBox:g(()=>N(()=>import("./chunks/icons/EmptyBox.js"),[])),Coupon:g(()=>N(()=>import("./chunks/icons/Coupon.js"),[])),Gift:g(()=>N(()=>import("./chunks/icons/Gift.js"),[]))};function L({source:a,size:r="24",stroke:n="2",viewBox:t="0 0 24 24",className:o,...i}){const d=typeof a=="string"?He[a]:null,l={className:s(["dropin-icon",`dropin-icon--shape-stroke-${n}`,o]),width:r,height:r,viewBox:t};return e(we,{fallback:e("svg",{...i,...l}),children:d?e(d,{...i,...l}):e(a,{...i,...l})})}const qe=({name:a,value:r="1",className:n,disabled:t,error:o,success:i,min:d,max:l,onValue:_,onUpdateError:m,size:u="medium",...p})=>{const[c,h]=A(Number(r)),f=Number(d),b=Number(l),v=o||cb,w=cb?"Dropin.Incrementer.maxQuantityMessage":"Dropin.Incrementer.errorMessage",I=T(le(async $=>{if(_)try{_($)}catch(k){m&&m(k)}},200),[_,m]),E=$=>{let k=$;I(k),h(k)};return e("div",{className:s(["dropin-incrementer",`dropin-incrementer--${u}`,n]),children:[e("div",{className:s(["dropin-incrementer__content",`dropin-incrementer__content--${u}`,["dropin-incrementer__content--error",v],["dropin-incrementer__content--success",i],["dropin-incrementer__content--disabled",t]]),children:[e("div",{className:s(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",t]]),children:e(te,{children:e("button",{type:"button",className:s(["dropin-incrementer__decrease-button",["dropin-incrementer__decrease-button--disabled",t]]),onClick:()=>E(c-1),disabled:t||c{E(Number(c))},onChange:$=>{const k=$.currentTarget.value;k!==""&&E(Number(k))},...p}),e("div",{className:s(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",t]]),children:e(te,{children:e("button",{type:"button",className:s(["dropin-incrementer__increase-button",["dropin-incrementer__increase-button--disabled",t]]),onClick:()=>E(c+1),disabled:t||c>b-1,"aria-label":e(Z,{id:"Dropin.Incrementer.increaseLabel"}),children:e(L,{source:K,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__add"})})})})]}),v&&e("p",{className:"dropin-incrementer__content--error-message",children:e(Z,{id:w,fields:{minQuantity:d,maxQuantity:l}})})]})},_e=({name:a,value:r,variant:n="primary",className:t,disabled:o,error:i,floatingLabel:d,onValue:l,onUpdateError:_,size:m="medium",icon:u,maxLength:p,success:c,...h})=>{const f=(h==null?void 0:h.id)||a||`dropin-input-${Math.random().toString(36)}`,b=T(le(async w=>{if(l)try{await l(w)}catch(I){_&&_(I)}},200),[l,_]),v=w=>{const I=w.target;b(I.value.trim())};return e("div",{className:s(["dropin-input-container",`dropin-input-container--${n}`,["dropin-input-container--floating",!!d],["dropin-input-container--disabled",o]]),children:[u&&e(y,{node:u,className:s(["dropin-input__field-icon--left",u.props.className])}),e("div",{className:"dropin-input-label-container",children:[e("input",{id:f,onChange:v,type:"text",maxLength:p,name:a,value:r,...h,className:s(["dropin-input",`dropin-input--${m}`,`dropin-input--${n}`,["dropin-input--error",!!i],["dropin-input--success",!!c],["dropin-input--disabled",o],["dropin-input--floating",!!d],["dropin-input--icon-left",!!u],t]),disabled:o}),d&&e("label",{htmlFor:f,className:s([["dropin-input__label--floating",!!d],["dropin-input__label--floating--icon-left",!!u],["dropin-input__label--floating--error",!!i]]),children:d})]}),i&&e("div",{className:s(["dropin-input__field-icon--right","dropin-input__field-icon--error"]),children:e(L,{source:$e,size:"16",stroke:"2",className:"dropin-input--warning-icon",viewBox:"-1 -1 26 26"})}),c&&e("div",{className:s(["dropin-input__field-icon--right","dropin-input__field-icon--success"]),children:e(L,{source:Ee,size:"16",stroke:"2",className:"dropin-input--success-icon",viewBox:"-1 -1 26 26"})})]})},ft=({name:a="",error:r,value:n,label:t,onChange:o,onBlur:i,...d})=>{const[l,_]=A((n==null?void 0:n.toString())??""),m=U(null),u=x({picker:"Dropin.InputDate.picker"}),p=T(b=>{b.currentTarget.setAttribute("type","date"),ee()&&m.current.focus()},[]),c=T(b=>{var w;const v=(w=b.currentTarget.parentElement)==null?void 0:w.querySelector("input");v==null||v.focus(),v==null||v.showPicker()},[]),h=T(b=>{b.currentTarget.setAttribute("type","text"),i==null||i(b)},[i]),f=T(b=>{_(b.target.value),o==null||o(b)},[o]);return e("div",{className:s(["dropin-input-date"]),children:[ee()?e("input",{ref:m,"data-testid":"inputDateIos",className:"dropin-input-date__input--ios",type:"date",onChange:f}):null,e(ue,{error:r,children:e(_e,{"data-testid":"input-date",error:!!r,name:a,value:l,placeholder:t,floatingLabel:t,onFocus:p,onBlur:h,onChange:f,"aria-labelledby":t,className:"dropin-input-date__input",...d})}),e("button",{type:"button","data-testid":"dropin-input-date__icon",className:"dropin-input-date__icon","aria-label":u.picker,onClick:c,children:e(L,{source:Se,size:"24"})})]})},oe={pending:e(j,{}),success:e(ce,{}),error:e(z,{style:{fill:"red"}})},Me=({minLength:a=0,requiredCharacterClasses:r=0,uniqueSymbolsStatus:n="pending",validateLengthConfig:t={status:"",icon:"",message:""}})=>{const o=x({chartTwoSymbols:"Dropin.PasswordStatusIndicator.chartTwoSymbols",chartThreeSymbols:"Dropin.PasswordStatusIndicator.chartThreeSymbols",chartFourSymbols:"Dropin.PasswordStatusIndicator.chartFourSymbols"}),i=d=>{switch(d){case 2:return o.chartTwoSymbols;case 3:return o.chartThreeSymbols;case 4:return o.chartFourSymbols;default:return""}};return e("div",{className:s(["dropin-password-status-indicator"]),children:[a>0?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${t.status}`,"data-testid":`dropin-password-status-indicator__item--${t.icon}`,children:[oe[t.icon],e("span",{className:`${t.status}`,children:t.message})]}):null,r>=2?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${n}`,"data-testid":`dropin-password-status-indicator__item--${n}`,children:[oe[n],e("span",{className:"pending",children:i(r)})]}):null]})},vt=({placeholder:a,floatingLabel:r,children:n,name:t,required:o,className:i,minLength:d,autoComplete:l,defaultValue:_="",hideStatusIndicator:m=!1,uniqueSymbolsStatus:u,validateLengthConfig:p,requiredCharacterClasses:c,errorMessage:h,onValue:f,onBlur:b,...v})=>{const w=x({placeholder:"Dropin.InputPassword.placeholder",floatingLabel:"Dropin.InputPassword.floatingLabel",buttonShowTitle:"Dropin.InputPassword.buttonShowTitle",buttonHideTitle:"Dropin.InputPassword.buttonHideTitle"}),[I,E]=A(!1),$=T(()=>{E(O=>!O)},[]),k=I?w.buttonHideTitle:w.buttonShowTitle;return e("div",{"data-testid":"passwordFieldInput",className:s(["dropin-input-password",["dropin-input-password--error",h],i]),...v,children:[e(ue,{error:h,children:e(_e,{autoComplete:l,name:t??"password",type:I?"text":"password",placeholder:a||w.placeholder,floatingLabel:r||w.floatingLabel,"aria-label":w.placeholder,"aria-required":o||!0,"aria-invalid":!!h,"aria-describedby":"password-feedback",required:o||!1,value:_,onValue:f,icon:e(Te,{}),onBlur:b,"data-testid":"passwordInput"})}),e(R,{"aria-label":k,title:k,type:"button","data-testid":"toggle-password-icon",variant:"tertiary",className:s(["dropin-input-password__eye-icon",`dropin-input-password__eye-icon--${I?"show":"hide"}`,i]),onClick:$,children:e(L,{focusable:!1,"aria-hidden":I,source:I?Le:Oe})}),m?null:e(Me,{minLength:d,requiredCharacterClasses:c,validateLengthConfig:p,uniqueSymbolsStatus:u}),n]})},gt=({disabled:a,name:r="",errorMessage:n,value:t,label:o,className:i,onChange:d,onBlur:l,..._})=>{const m=U(null),u=ke(),p=!!(n!=null&&n.length);return F(()=>{const c=m.current;c&&(c.style.height="auto",c.style.height=`${c.scrollHeight}px`)},[t]),e("div",{className:s(["dropin-textarea-container",i]),"data-testid":"dropin-textarea-container",children:[e("textarea",{ref:m,"data-testid":"dropin-textarea-field",className:s(["dropin-textarea",["dropin-textarea--error",p],["dropin-textarea--disabled",!!a]]),id:u,placeholder:o,name:r,value:t,disabled:a,onBlur:l,onChange:d,..._}),e("label",{htmlFor:u,className:s(["dropin-textarea__label--floating",["dropin-textarea__label--floating--error",p]]),children:o}),p?e("div",{className:s(["dropin-textarea__label--floating--text",["dropin-textarea__label--floating--error",p]]),children:n}):null]})},We=({className:a,src:r,params:n,loading:t="lazy",srcSet:o,onLoad:i,...d})=>{const[l,_]=A(!1),m=M(()=>{if(o)return o;if(!(!r||!n))return ve(r,{...n})},[n,r,o]),u=p=>{_(!0),i==null||i(p)};return e("img",{...d,className:s(["dropin-image",["dropin-image--loaded",l],a]),loading:t,onLoad:u,src:r,srcSet:m})},me=({variant:a="primary",className:r})=>e("hr",{role:"separator",className:s(["dropin-divider",`dropin-divider--${a}`,r])}),V=({amount:a=0,currency:r,locale:n=void 0,variant:t="default",weight:o="bold",className:i,children:d,sale:l=!1,formatOptions:_={},size:m="small",...u})=>{const p=M(()=>new Intl.NumberFormat(n,{style:"currency",currency:r||"USD",minimumFractionDigits:2,maximumFractionDigits:2,..._}),[n,r,_]),c=M(()=>p.format(a),[a,p]);return e("span",{...u,className:s(["dropin-price",`dropin-price--${t}`,`dropin-price--${m}`,`dropin-price--${o}`,["dropin-price--sale",l],i]),children:c})},Ge=({name:a,label:r,value:n,size:t="medium",checked:o=!1,disabled:i=!1,error:d=!1,description:l="",busy:_=!1,className:m,children:u,...p})=>e("label",{className:s([m,"dropin-radio-button",["dropin-radio-button--error",d],["dropin-radio-button--disabled",i]]),children:[e("input",{name:a,value:n,checked:o,disabled:i,type:"radio",className:s(["dropin-radio-button__input",["dropin-radio-button__input--error",d],["dropin-radio-button__input--disabled",i]]),"aria-busy":_,...p}),e("span",{className:s(["dropin-radio-button__label",`dropin-radio-button__label--${t}`,["dropin-radio-button__label--error",d],["dropin-radio-button__label--disabled",i]]),children:r}),e("span",{className:s(["dropin-radio-button__description",`dropin-radio-button__description--${t}`,["dropin-radio-button__description--disabled",i]]),children:l})]}),R=({value:a,variant:r="primary",size:n="medium",icon:t,className:o,children:i,disabled:d=!1,active:l=!1,activeChildren:_,activeIcon:m,href:u,...p})=>{let c="dropin-button";(t&&!i||t&&l&&!_||!t&&l&&m)&&(c="dropin-iconButton"),l&&_&&(c="dropin-button"),o=s([c,`${c}--${n}`,`${c}--${r}`,[`${c}--${r}--disabled`,d],i&&t&&`${c}--with-icon`,!i&&_&&t&&`${c}--with-icon`,l&&m&&`${c}--with-icon`,o]);const h=s(["dropin-button-icon",`dropin-button-icon--${r}`,[`dropin-button-icon--${r}--disabled`,d],t==null?void 0:t.props.className]),f=u?{node:e("a",{}),role:"link",href:u,...p,disabled:d,active:l,onKeyDown:b=>{d&&b.preventDefault()},tabIndex:d?-1:0}:{node:e("button",{}),role:"button",...p,value:a,disabled:d,active:l};return e(y,{...f,className:o,children:[t&&!l&&e(y,{node:t,className:h}),m&&l&&e(y,{node:m,className:h}),i&&!l&&(typeof i=="string"?e("span",{children:i}):i),l&&_&&(typeof _=="string"?e("span",{children:_}):_)]})};function se(a,r,n,t,o){return a||(r?r.value:n||t?"":o?o.value:null)}const Ke=({name:a,value:r=null,options:n,variant:t="primary",floatingLabel:o,size:i="medium",handleSelect:d=()=>{},disabled:l=!1,error:_=!1,placeholder:m,defaultOption:u,icon:p,className:c,...h})=>{const f=(h==null?void 0:h.id)||a||`dropin-picker-${Math.random().toString(36)}`,b=!!(h!=null&&h.required),v=n==null?void 0:n.find(P=>!P.disabled),[w,I]=A(()=>se(r,u,m,o,v));F(()=>{I(se(r,u,m,o,v))},[r,u,m,o,v]);const E=P=>{const{options:D,value:S}=P.target;for(const W of D)W.selected&&(I(S),d(P))},$=n==null?void 0:n.map(P=>{const{value:D,text:S,disabled:W}=P;return e("option",{value:D,selected:D===w,disabled:W,className:s(["dropin-picker__option"]),children:S},D)}),k=!!w,O=()=>(!b||!k)&&(o||m);return e("div",{className:s([c,"dropin-picker",`dropin-picker__${i}`,["dropin-picker__floating",!!o],["dropin-picker__selected",k],["dropin-picker__error",_],["dropin-picker__disabled",l],["dropin-picker__icon",p]]),children:[p&&e(p.type,{...p.props,className:"dropin-picker__icon--placeholder"}),e("select",{id:f,className:s(["dropin-picker__select",`dropin-picker__select--${t}`,`dropin-picker__select--${i}`,["dropin-picker__select--floating",!!o]]),name:a,"aria-label":a,disabled:l,onChange:E,...h,children:[O()&&e("option",{selected:!k,value:"",className:s(["dropin-picker__option dropin-picker__placeholder"]),children:o??m},r),$]}),e(L,{source:X,size:"24",stroke:"2",className:"dropin-picker__chevronDown"}),o&&k&&e("label",{htmlFor:f,className:s(["dropin-picker__floatingLabel",!!o]),children:o})]})},ue=({className:a,label:r,error:n,hint:t,success:o,size:i="medium",disabled:d=!1,children:l,..._})=>{var p;const m=((p=l==null?void 0:l.props)==null?void 0:p.id)??`dropin-field-${Math.random().toString(36)}`,u=l&&typeof l.type!="string"?l.type:null;return e("div",{..._,className:s(["dropin-field",a]),children:[r&&e("label",{className:s(["dropin-field__label",["dropin-field__label--disabled",d],`dropin-field__label--${i}`]),htmlFor:m,children:r}),e("div",{className:s(["dropin-field__content"]),children:u&&l&&ye(u,{...l.props,id:m,key:l.key,disabled:d,size:i,error:!!n,success:!!o&&!n})}),e("div",{className:s(["dropin-field__hint",[`dropin-field__hint--${i}`,i],["dropin-field__hint--error",!!n],["dropin-field__hint--success",!!o&&!n],["dropin-field__hint--disabled",!!d]]),children:n||o||t})]})},Nt=({icon:a,className:r,children:n,active:t=!1,disabled:o=!1,...i})=>e("button",{role:"button",disabled:o,...i,className:s(["dropin-action-button",["dropin-action-button--active",t],["dropin-action-button--disabled",o],r]),children:[a&&e(y,{node:a,className:s(["dropin-action-button-icon"])}),n&&(typeof n=="string"?e("span",{children:n}):n)]}),wt=({className:a,variant:r="primary",activeOption:n,disabled:t=!1,dividers:o=!0,children:i,handleSelect:d,...l})=>{const[_,m]=A(n),u=T(c=>{t||c.props.disabled||(m(c.props.value),d&&d(c.props.value))},[d,m,t]),p=de.map(i,c=>{const h=t||c.props.disabled,f=c.props.value===_;return Ie(c,{disabled:h,active:f,onClick:()=>u(c),className:s(["dropin-action-button-group__option",`dropin-action-button-group__option--${r}`,["dropin-action-button-group__option--active",f],["dropin-action-button-group__option--with-dividers",o]])})});return e("div",{role:"group",...l,className:s(["dropin-action-button-group",`dropin-action-button-group--${r}`,a]),children:p})},Ue=({variant:a="primary",className:r,children:n,...t})=>e("div",{...t,className:s(["dropin-card",`dropin-card--${a}`,r]),children:e("div",{class:"dropin-card__content",children:n})}),kt=({name:a,value:r,size:n="medium",disabled:t=!1,error:o=!1,label:i="",description:d="",className:l,checked:_,...m})=>{const[u,p]=A(_===void 0?!1:_),c=U(null),h=b=>{var v;(v=m.onChange)==null||v.call(m,b),p(b.currentTarget.checked)},f=b=>{var v;b.key===" "&&(b.preventDefault(),(v=c==null?void 0:c.current)==null||v.click())};return F(()=>{typeof _=="boolean"&&p(_)},[_]),e("label",{className:s(["dropin-checkbox",["dropin-checkbox--disabled",t]]),children:[e("input",{ref:c,name:a,value:r,type:"checkbox",disabled:t,className:s(["dropin-checkbox__checkbox",["dropin-checkbox__checkbox--error",o],l]),...m,onChange:h,checked:u}),e("span",{"aria-checked":u?"true":"false","aria-labelledby":`${a}-label`,"aria-describedby":`${a}-description`,className:s(["dropin-checkbox__box",["dropin-checkbox__box--error",o],["dropin-checkbox__box--disabled",t]]),role:"checkbox",tabIndex:t?-1:0,onKeyDown:f,children:e(L,{className:s(["dropin-checkbox__checkmark"]),source:ce,size:"16",stroke:"3"})}),e("div",{id:`${a}-label`,className:s(["dropin-checkbox__label",`dropin-checkbox__label--${n}`,["dropin-checkbox__label--disabled",t]]),children:i}),e("div",{}),e("div",{id:`${a}-description`,role:"note",className:s(["dropin-checkbox__description",`dropin-checkbox__description--${n}`,["dropin-checkbox__description--disabled",t]]),children:d})]})},yt=({className:a,name:r,value:n,id:t,label:o,groupAriaLabel:i,size:d="medium",color:l,disabled:_=!1,selected:m=!1,outOfStock:u=!1,multi:p=!1,onValue:c,onUpdateError:h,...f})=>{const b=x("Dropin.Swatches.outOfStock.label").label,v=x("Dropin.Swatches.selected.label").label,w=x("Dropin.Swatches.swatch.label").label,I=T(async D=>{if(c)try{await c(D)}catch(S){h&&h(S)}},[c,h]),E=D=>{const S=D.target;I(S.value)},O=l&&(D=>{const S=new Option().style;return S.color=D,S.color!==""})(l)?l:"var(--color-gray-300);",P=()=>u?`${i}: ${o} ${b}`:m?`${i}: ${o} ${v}`:`${i}: ${o} ${w}`;return e("label",{className:s(["dropin-color-swatch__container",`dropin-color-swatch__container--${d}`,a]),children:[e("input",{type:p?"checkbox":"radio",name:r,id:t,value:n,"aria-label":P(),checked:m,disabled:_,onChange:E,...f,className:s(["dropin-color-swatch",["dropin-color-swatch--selected",m],["dropin-color-swatch--disabled",_],a])}),e("span",{style:{"--bg-color":O},className:s(["dropin-color-swatch__span",["dropin-color-swatch__span--out-of-stock",u],a])})]})},It=({className:a,name:r,value:n,label:t,groupAriaLabel:o,id:i,disabled:d=!1,selected:l=!1,outOfStock:_=!1,multi:m=!1,onValue:u,onUpdateError:p,...c})=>{const h=x("Dropin.Swatches.outOfStock.label").label,f=x("Dropin.Swatches.selected.label").label,b=x("Dropin.Swatches.swatch.label").label,[v,w]=A(!1),I=U(null),E=T(async O=>{if(u)try{await u(O)}catch(P){p&&p(P)}},[u,p]),$=O=>{const P=O.target;E(P.value)},k=()=>_?`${o}: ${t} ${h}`:l?`${o}: ${t} ${f}`:`${o}: ${t} ${b}`;return F(()=>{I.current&&I.current.scrollWidth>I.current.clientWidth&&w(!0)},[t]),e("div",{className:"dropin-text-swatch__container",...v?{"data-tooltip":t}:{},children:[e("input",{type:m?"checkbox":"radio",name:r,id:i,value:n,"aria-label":k(),checked:l,disabled:d,onChange:$,...c,className:s(["dropin-text-swatch",["dropin-text-swatch--selected",l],["dropin-text-swatch--disabled",d],a])}),e("label",{htmlFor:i,ref:I,className:s(["dropin-text-swatch__label",["dropin-text-swatch__label--out-of-stock",_],a]),children:t})]})},je=({ariaLabel:a,size:r="small",stroke:n="4",children:t,className:o,style:i,...d})=>{const l=["dropin-progress-spinner",`dropin-progress-spinner--shape-size-${r}`,`dropin-progress-spinner--shape-stroke-${n}`],_=x({updating:"Dropin.ProgressSpinner.updating.label",updatingChildren:"Dropin.ProgressSpinner.updatingChildren.label"}),m=()=>a||(t?_.updatingChildren:_.updating);return t?e("div",{...d,className:s(["dropin-progress-spinner-provider"]),"aria-live":"polite",role:"status",children:[e("div",{"aria-hidden":!0,children:t}),e("div",{"aria-label":m(),role:"status",className:s(["dropin-progress-spinner-background",o]),style:i}),e("div",{className:s(["dropin-progress-spinner-with-provider",...l]),"aria-hidden":!0})]}):e("div",{...d,className:s([o,...l]),"aria-live":"polite",role:"status","aria-label":m()})},Dt=({className:a,name:r,value:n,id:t,label:o,groupAriaLabel:i,src:d,alt:l,disabled:_=!1,selected:m=!1,outOfStock:u=!1,multi:p=!1,onValue:c,onUpdateError:h,...f})=>{const b=x("Dropin.Swatches.outOfStock.label").label,v=x("Dropin.Swatches.selected.label").label,w=x("Dropin.Swatches.swatch.label").label,I=T(async k=>{if(c)try{await c(k)}catch(O){h&&h(O)}},[c,h]),E=k=>{const O=k.target;I(O.value)},$=()=>u?`${i}: ${o} ${b}`:m?`${i}: ${o} ${v}`:`${i}: ${o} ${w}`;return e("label",{className:s(["dropin-image-swatch__container",a]),children:[e("input",{type:p?"checkbox":"radio",name:r,id:t,value:n,"aria-label":$(),checked:m,disabled:_,onChange:E,...f,className:s(["dropin-image-swatch",["dropin-image-swatch--selected",m],["dropin-image-swatch--disabled",_],a])}),e("span",{className:s(["dropin-image-swatch__span",["dropin-image-swatch__span--out-of-stock",u],a]),children:e(We,{src:d,className:s(["dropin-image-swatch__content"]),params:{width:100,fit:"bounds",crop:!0},alt:l,loading:"lazy",onError:k=>k.target.style.display="none"})})]})},ze=({className:a,children:r,title:n,secondaryText:t,actionIconPosition:o="left",iconOpen:i=K,iconClose:d=j,iconLeft:l=K,showIconLeft:_=!1,renderContentWhenClosed:m=!0,defaultOpen:u=!1,onStateChange:p,...c})=>{const[h,f]=A(u),b=$=>{$.stopImmediatePropagation();const k=!h;f(k),p==null||p(k)},v=x(`Dropin.Accordion.${h?"close":"open"}.label`).label,w=e(L,{source:i,size:"24",onClick:b,onKeyPress:b,className:"dropin-accordion-section__open-icon"}),I=e(L,{source:d,size:"24",onClick:b,onKeyPress:b,className:"dropin-accordion-section__close-icon"}),E=e(L,{source:l,size:"24"});return e("div",{...c,className:s(["dropin-accordion-section",a]),children:[e("div",{className:"dropin-accordion-section__heading",children:[e("div",{className:"dropin-accordion-section__flex",onClick:b,onKeyPress:b,role:"button","aria-label":`${v} ${n}`,tabIndex:0,children:e("div",{className:"dropin-accordion-section__title-container",children:[o==="left"&&(h?I:w),_&&E,e("h3",{className:"dropin-accordion-section__title",children:n})]})}),e("div",{className:"dropin-accordion-section__secondary-text-container",children:[t&&e("h4",{className:"dropin-accordion-section__secondary-text",children:t}),o==="right"&&(h?I:w)]})]}),e("div",{className:"dropin-accordion-section__content-container",style:{display:h?"grid":"none"},children:(h||m&&!h)&&r})]})},xt=({className:a,children:r,actionIconPosition:n="left",iconOpen:t=K,iconClose:o=j,...i})=>{const d=e(me,{variant:"secondary"}),l=_=>e(B,{children:[e(ze,{..._.props,actionIconPosition:n,iconOpen:t,iconClose:o}),d]});return e("div",{...i,className:s(["dropin-accordion",a]),children:[d,...(Array.isArray(r)?r:[r]).map(l)]})},Et=({variant:a="primary",className:r,type:n="warning",additionalActions:t,onDismiss:o,heading:i,description:d,icon:l,itemList:_,actionButtonPosition:m,...u})=>{var c,h,f;const p=x({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...u,className:s(["dropin-in-line-alert",`dropin-in-line-alert--${n}`,`dropin-in-line-alert--${a}`,r]),children:[e("div",{className:"dropin-in-line-alert__heading",children:[e("div",{className:"dropin-in-line-alert__title-container",children:[l&&e(y,{node:l,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:[t&&(m==="top"||!m&&t.length<=1)&&e(R,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:t.length>0?(c=t[0])==null?void 0:c.onClick:void 0,"aria-label":(h=t[0])==null?void 0:h.label,children:(f=t[0])==null?void 0:f.label}),o&&e(R,{icon:e(L,{source:z,size:"24",stroke:"2"}),className:"dropin-in-line-alert__dismiss-button",variant:"tertiary",onClick:o,"aria-label":p.dismiss})]})]}),d&&e("p",{className:"dropin-in-line-alert__description",children:d}),e("div",{className:"dropin-in-line-alert__item-list-container",children:_&&e(y,{node:_,className:s(["dropin-in-line-alert__item-list"])})}),t&&(m==="bottom"||!m&&t.length>1)&&e("div",{className:"dropin-in-line-alert__additional-actions-container",children:t.map(b=>e(R,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:b.onClick,children:b.label},b.label))})]})},$t=({size:a="small",title:r=null,centered:n=!1,backgroundDim:t=!0,clickToDismiss:o=!0,escapeToDismiss:i=!0,onClose:d,showCloseButton:l=!0,className:_,children:m=null,...u})=>{const p=T(()=>{d==null||d()},[d]),c=x({modalCloseLabel:"Dropin.Modal.Close.label"});return F(()=>{const h=f=>{const b=document.querySelector(".dropin-modal"),v=document.querySelector(".dropin-modal__body");o&&b&&v&&!v.contains(f.target)&&p()};return document.addEventListener("mousedown",h),()=>{document.removeEventListener("mousedown",h)}},[p,o]),F(()=>{const h=f=>{f.key==="Escape"&&i&&p()};return document.addEventListener("keydown",h),()=>{document.removeEventListener("keydown",h)}},[p,i]),F(()=>{const h=document.scrollingElement,f=h.style.overflow;return h.style.overflow="hidden",()=>{h.style.overflow=f}},[]),e("div",{className:s(["dropin-modal",["dropin-modal--dim",t]]),children:e("div",{...u,className:s(["dropin-modal__body",[`dropin-modal__body--${a}`,a],_]),children:[e("div",{className:s(["dropin-modal__header",["dropin-modal__header-title",!!r]]),children:[r&&e("div",{className:s(["dropin-modal__header-title-content"]),children:r}),l&&e(R,{"aria-label":c.modalCloseLabel,variant:"tertiary",className:"dropin-modal__header-close-button",onClick:p,icon:e(z,{})})]}),e("div",{className:s(["dropin-modal__content",["dropin-modal__body--centered",n]]),children:m})]})})},St=({className:a,children:r,ariaLabel:n,image:t,title:o,price:i,taxIncluded:d=!1,taxExcluded:l=!1,total:_,totalExcludingTax:m,sku:u,configurations:p,warning:c,alert:h,discount:f,savings:b,quantity:v,description:w,attributes:I,footer:E,loading:$=!1,updating:k=!1,quantityType:O,dropdownOptions:P,onQuantity:D,onRemove:S,...W})=>{var Y,Q;const{locale:G}=De(pe),C=x({each:"Dropin.CartItem.each.label",pricePerItem:"Dropin.CartItem.pricePerItem.label",quantity:"Dropin.CartItem.quantity.label",remove:"Dropin.CartItem.remove.label",removeDefault:"Dropin.CartItem.removeDefault.label",taxIncluded:"Dropin.CartItem.taxIncluded.label",taxExcluded:"Dropin.CartItem.taxExcluded.label",updating:"Dropin.CartItem.updating.label",updatingDefault:"Dropin.ProgressSpinner.updating.label"});if($)return e(Ze,{});const he=O==="dropdown"?e(Ke,{className:s(["dropin-cart-item__quantity__picker"]),value:String(v),name:"quantity","aria-label":C.quantity,disabled:k,variant:"primary",options:P,handleSelect:H=>D==null?void 0:D(Number(H.target.value))}):e(qe,{className:s(["dropin-cart-item__quantity__incrementer"]),value:v,min:1,onValue:H=>D==null?void 0:D(Number(H)),name:"quantity","aria-label":C.quantity,disabled:k});return e("div",{...W,className:s(["dropin-cart-item",["dropin-cart-item--updating",k],a]),children:[k&&e(je,{className:s(["dropin-cart-item__spinner"]),ariaLabel:n?(Y=C.updating)==null?void 0:Y.replace("{product}",n):C.updatingDefault}),e("div",{className:"dropin-cart-item__wrapper",children:[t&&e(y,{node:t,className:s(["dropin-cart-item__image"])}),o&&e(y,{node:o,className:s(["dropin-cart-item__title",["dropin-cart-item__title--edit",!!D||!!S]])}),w&&e(y,{node:w,className:s(["dropin-cart-item__description"])}),u&&e(y,{node:u,className:s(["dropin-cart-item__sku"])}),e("div",{className:s(["dropin-cart-item__savings__wrapper"]),children:[f&&e(y,{node:f,className:s(["dropin-cart-item__discount","dropin-cart-item__discount__large-screen"])}),b&&e(y,{node:b,className:s(["dropin-cart-item__savings","dropin-cart-item__savings__large-screen"])})]}),I&&e("div",{className:s(["dropin-cart-item__attributes"]),children:e(y,{node:I})}),p&&e("ul",{className:s(["dropin-cart-item__configurations"]),children:Object.entries(p).map(([H,be])=>e("li",{className:s(["dropin-cart-item__configurations__item"]),children:[H,":"," ",e("strong",{className:s(["dropin-cart-item__configurations__item__value"]),children:be})]},H))}),i&&e("span",{className:s(["dropin-cart-item__price"]),"aria-label":C.pricePerItem,children:[v&&!D&&e(B,{children:[e("span",{className:"dropin-cart-item__price__quantity","aria-hidden":!0,children:[v.toLocaleString(G)," x"," "]}),e("div",{className:"dropin-cart-item__sr-only",children:[C.quantity,": ",v==null?void 0:v.toLocaleString(G),";"]})]}),e(y,{node:i,role:"text"}),v&&v>1&&e(B,{children:[" ",C.each]}),d&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",C.taxIncluded]}),l&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",C.taxExcluded]})]}),e("div",{className:s(["dropin-cart-item__quantity",["dropin-cart-item__quantity--edit",!!D]]),children:[D?he:v&&e("span",{className:s(["dropin-cart-item__quantity__value"]),children:[C.quantity,":"," ",e("strong",{className:"dropin-cart-item__quantity__number",children:Number(v).toLocaleString(G)})]}),c&&e(y,{node:c,className:s(["dropin-cart-item__warning","dropin-cart-item__warning--quantity"])}),h&&e(y,{node:h,className:s(["dropin-cart-item__alert","dropin-cart-item__alert--quantity"])})]}),c&&e(y,{node:c,className:s(["dropin-cart-item__warning"])}),h&&e(y,{node:h,className:s(["dropin-cart-item__alert"])}),e("div",{className:s(["dropin-cart-item__total",["dropin-cart-item__total--edit",!!S]]),children:[e("div",{className:"dropin-cart-item__row-total__wrapper",children:[_&&e("div",{className:"dropin-cart-item__row-total",children:e(y,{node:_,role:"text"})}),d&&e("div",{className:"dropin-cart-item__total-tax-included",children:e("span",{"data-testid":"tax-message",className:s(["dropin-cart-item__total-tax-message"]),children:C.taxIncluded})})]}),l&&e("div",{className:"dropin-cart-item__total-tax-excluded",children:e("span",{"data-testid":"tax-message",className:s(["dropin-cart-item__total-tax-excluded-message"]),children:[m&&e(y,{node:m,role:"text"})," ",C.taxExcluded]})}),f&&e(y,{node:f,className:s(["dropin-cart-item__discount"])}),b&&e(y,{node:b,className:s(["dropin-cart-item__savings"])})]}),E&&e("div",{className:s(["dropin-cart-item__footer"]),children:e(y,{node:E})})]}),S&&e(R,{"data-testid":"cart-item-remove-button",className:s(["dropin-cart-item__remove"]),variant:"tertiary",onClick:()=>S==null?void 0:S(),icon:e(L,{"data-testid":"cart-item-remove-icon",source:Pe,size:"24",stroke:"2",viewBox:"0 0 24 24","aria-label":n?(Q=C.remove)==null?void 0:Q.replace("{product}",n):C.removeDefault}),disabled:k})]})},Ze=()=>e("div",{className:"dropin-cart-item dropin-cart-item-skeleton",children:e(Ve,{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"})})]})}),Tt=({className:a,children:r,...n})=>e("div",{...n,className:s(["dropin-cart-list",a]),children:e("div",{className:"dropin-cart-list__wrapper","aria-live":"assertive","aria-relevant":"all",children:de.map(r,(t,o)=>e("div",{className:"dropin-cart-list__item",children:t},o))})}),Lt=({className:a,children:r,locale:n,currency:t,amount:o,variant:i="default",minimumAmount:d,maximumAmount:l,size:_="small",display:m="dash",specialPrice:u,sale:p=!1,...c})=>{const h=M(()=>o||d===l||d&&!l||l&&!d,[o,l,d]);return e("div",{children:h?e("div",{...c,className:s(["dropin-price-range",a]),children:e(V,{amount:o??d??l,currency:t,locale:n,size:_,variant:i,sale:p})}):e("div",{...c,className:s(["dropin-price-range",a]),children:[m==="dash"?e(Je,{specialPrice:u,minimumAmount:d,maximumAmount:l,currency:t,locale:n,size:_,sale:p}):null,m==="from to"?e(Xe,{specialPrice:u,minimumAmount:d,maximumAmount:l,currency:t,locale:n,size:_,sale:p}):null,m==="as low as"?e(Ye,{specialPrice:u,minimumAmount:d,maximumAmount:l,currency:t,locale:n,size:_,sale:p}):null]})})};function Je({specialPrice:a,minimumAmount:r,maximumAmount:n,currency:t,locale:o,size:i,sale:d}){return e(B,{children:[e(V,{amount:a??r,currency:t,locale:o,size:i,sale:!!a&&d}),e("span",{className:"dropin-price-range__separator",children:"-"}),e(V,{amount:n,currency:t,locale:o,size:i})]})}function Xe({specialPrice:a,minimumAmount:r,maximumAmount:n,currency:t,locale:o,size:i,sale:d}){const l=x({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(B,{children:[e("span",{className:s(["dropin-price-range__from",`dropin-price-range__from--${i}`]),children:l.from}),e(V,{amount:a??r,currency:t,locale:o,size:i,sale:!!a&&d}),e("span",{className:s(["dropin-price-range__to",`dropin-price-range__to--${i}`]),children:l.to}),e(V,{amount:n,currency:t,locale:o,size:i})]})}function Ye({specialPrice:a,minimumAmount:r,maximumAmount:n,currency:t,locale:o,size:i,sale:d}){const l=x({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(B,{children:[e("span",{className:s(["dropin-price-range__as-low-as",`dropin-price-range__as-low-as--${i}`]),children:l.asLowAs}),a?e("div",{children:[e(V,{amount:n,currency:t,locale:o,size:i,variant:"strikethrough"}),e(V,{amount:a,currency:t,locale:o,size:i,className:"dropin-price-range__special",sale:!!a&&d})]}):e(V,{amount:r,currency:t,locale:o,size:i})]})}const Ot=({className:a,categories:r,separator:n,...t})=>e(B,{children:(r==null?void 0:r.length)>1&&e("nav",{role:"navigation",...t,className:s(["dropin-breadcrumbs__container",a]),children:e("ul",{className:"dropin-breadcrumbs__items",children:r==null?void 0:r.map((o,i)=>e("li",{className:s(["dropin-breadcrumbs__item",["dropin-breadcrumbs__item--last",i===r.length-1]]),children:[e(y,{node:o,className:"dropin-breadcrumbs__link"}),!n&&i!==r.length-1&&e("span",{className:"dropin-breadcrumbs__separator--default",children:[" ","/"," "]}),n&&i!==r.length-1&&e(y,{node:n,className:"dropin-breadcrumbs__separator--icon"})]},i))})})}),Pt=({className:a,variant:r,icon:n,message:t,onDismiss:o,action:i,...d})=>{const l=x({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...d,className:s([a,"dropin-alert-banner",`dropin-alert-banner--${r}`]),children:[e("div",{className:"dropin-alert-banner__content",children:[n&&e(y,{node:n,"aria-hidden":"true",className:"dropin-alert-banner__icon"}),e(y,{node:t,className:s(["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(L,{source:z,size:"24",stroke:"2"}),className:"dropin-alert-banner__dismiss-button",variant:"primary",onClick:o,"aria-label":l.dismiss})]})]})},Ct=({className:a,icon:r,heading:n,headingLevel:t=2,message:o,action:i,variant:d="secondary",...l})=>{const _=t>=1&&t<=6?`h${t}`:"h2";return e("div",{...l,className:s(["dropin-illustrated-message",a]),children:e(Ue,{variant:d,children:[r&&e(y,{node:r,"aria-hidden":"true",size:"80",className:"dropin-illustrated-message__icon"}),n&&e(_,{className:"dropin-illustrated-message__heading",children:n}),o&&e(y,{node:o,className:"dropin-illustrated-message__message"}),i&&e(y,{node:i,className:"dropin-illustrated-message__action"})]})})},At=({className:a,label:r,name:n,value:t,selected:o=!0,onChange:i,icon:d,busy:l=!1,children:_,...m})=>e("div",{...m,className:s(["dropin-toggle-button",a,["dropin-toggle-button__selected",o]]),children:e("label",{className:"dropin-toggle-button__actionButton",children:[e(Ge,{label:"",name:n,value:t,checked:o,onChange:()=>i&&i(t),"aria-label":r,busy:l,className:s([a,"dropin-toggle-button__radioButton"])}),e("span",{className:"dropin-toggle-button__content",children:[d&&e(d.type,{...d==null?void 0:d.props,className:"dropin-toggle-button__icon"}),r]})]})}),Vt=({title:a=null,size:r="medium",cta:n,divider:t=!0,className:o,...i})=>a?e("div",{...i,className:s(["dropin-header-container",o]),"data-testid":"dropin-header-container",children:[e("span",{className:s(["dropin-header-container__title",["dropin-header-container__title--medium",r==="medium"],["dropin-header-container__title--large",r==="large"]]),children:a}),n?e(y,{node:n,className:"dropin-header-container__actions"}):null,t?e(me,{className:s(["dropin-header-container__divider",["dropin-header-container__divider--medium",r==="medium"],["dropin-header-container__divider--large",r==="large"]])}):null]}):null,Rt=({label:a,className:r,...n})=>a?e("div",{...n,className:s(["dropin-tag-container",r]),"data-testid":"dropin-tag-container",children:e("span",{className:"dropin-tag-container__label",children:a})}):null,Bt=({className:a,children:r,maxColumns:n,columnWidth:t="1fr",emptyGridContent:o,...i})=>{const d=!!r&&(Array.isArray(r)?r.length>0:!0),l=d?{gridTemplateColumns:`repeat(${n}, ${t})`}:void 0;return e("div",{...i,className:s(["dropin-content-grid",a]),tabindex:0,children:e("div",{"data-testid":"content-grid-content",className:s(["dropin-content-grid__content",["dropin-content-grid__dynamic-columns-content",!n],["dropin-content-grid__content--empty",!d]]),style:l,children:d?r:o})})},Ft=({totalPages:a=10,currentPage:r=1,onChange:n,className:t,...o})=>{const i=x({backwardButton:"Dropin.Pagination.backwardButton.ariaLabel",forwardButton:"Dropin.Pagination.forwardButton.ariaLabel"}),d=T(()=>{const p=Math.min(r+1,a);n==null||n(p)},[r,n,a]),l=T(()=>{const p=Math.max(r-1,1);n==null||n(p)},[r,n]),_=T(p=>{ge(p)&&(n==null||n(p))},[n]),m=T((p,c)=>{let h=[];const f=(b,v)=>{for(let w=b;w<=v;w++)h.push({page:w,isActive:w===p,label:w})};return c<=5?f(1,c):p<=2?(f(1,2),h.push({page:"ellipsis",isActive:!1,label:"..."}),f(c-1,c)):p>=c-3?f(c-4,c):(f(p-1,p),h.push({page:"ellipsis",isActive:!1,label:"..."}),f(c-1,c)),h},[]),u=M(()=>m(r,a),[m,r,a]);return e("div",{...o,className:s(["dropin-pagination",t]),children:[e("button",{type:"button","data-testid":"prev-button","aria-label":i.backwardButton,disabled:r===1,onClick:l,className:s(["dropin-pagination-arrow","dropin-pagination-arrow--backward"]),children:e(L,{size:"24",source:X})}),e("ul",{className:"dropin-pagination_list",children:u.map((p,c)=>e("li",{"data-testid":`dropin-pagination_list-item--${p.page}`,className:s(["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:r===a,onClick:d,className:s(["dropin-pagination-arrow","dropin-pagination-arrow--forward"]),children:e(L,{size:"24",source:X})})]})};export{xt as Accordion,ze as AccordionSection,Nt as ActionButton,wt as ActionButtonGroup,Pt as AlertBanner,Ot as Breadcrumbs,R as Button,Ue as Card,St as CartItem,Ze as CartItemSkeleton,Tt as CartList,kt as Checkbox,yt as ColorSwatch,Bt as ContentGrid,me as Divider,ue as Field,Vt as Header,L as Icon,Ct as IllustratedMessage,We as Image,Dt as ImageSwatch,Et as InLineAlert,qe as Incrementer,_e as Input,ft as InputDate,vt as InputPassword,$t as Modal,Ft as Pagination,Ke as Picker,V as Price,Lt as PriceRange,je as ProgressSpinner,Ge as RadioButton,Ve as Skeleton,q as SkeletonRow,Rt as Tag,gt as TextArea,It as TextSwatch,At as ToggleButton,pe as UIContext,Re as UIProvider,bt as provider}; +import{jsx as e}from"./preact-jsx-runtime.js";import{d as J,c as s,R as fe,a as le,V as y,b as ee,g as ve,i as ge}from"./chunks/deviceUtils.js";import{G as Ne,T as M,k as B,F as g,L as we,h as A,q as T,S as K,A as U,g as ke,y as F,_ as ye,N as de,E as Ie,x as De}from"./chunks/icons/Add.js";import{IntlProvider as xe,Localizer as te,Text as Z,useText as x}from"./i18n.js";import j from"./chunks/icons/Minus.js";import Ee from"./chunks/icons/CheckWithCircle.js";import $e from"./chunks/icons/WarningWithCircle.js";import Se from"./chunks/icons/Date.js";import Te from"./chunks/icons/Locker.js";import Le from"./chunks/icons/Eye.js";import Oe from"./chunks/icons/EyeClose.js";import ce from"./chunks/icons/Check.js";import z from"./chunks/icons/Close.js";import X from"./chunks/icons/ChevronDown.js";import Pe from"./chunks/icons/Trash.js";import"./chunks/image-params-keymap.js";import"./signals.js";const Ce={ExampleComponentName:{item:{label:"string"}},Pagination:{backwardButton:{ariaLabel:"Go to previous page"},forwardButton:{ariaLabel:"Go to next page"}},Incrementer:{decreaseLabel:"Decrease Quantity",increaseLabel:"Increase Quantity",label:"Quantity",errorMessage:"Enter a valid quantity",minQuantityMessage:"Enter at least {{minQuantity}}",maxQuantityMessage:"Maximum quantity is {{maxQuantity}}"},Modal:{Close:{label:"Close"}},InputPassword:{placeholder:"Password",floatingLabel:"Password",buttonShowTitle:"Click to show password",buttonHideTitle:"Click to hide password"},PasswordStatusIndicator:{chartTwoSymbols:"Use characters and numbers or symbols",chartThreeSymbols:"Use characters, numbers and symbols",chartFourSymbols:"Use uppercase characters, lowercase characters, numbers and symbols",messageLengthPassword:"At least {minLength} characters long"},InlineAlert:{dismissLabel:"Dismiss Alert"},PriceSummary:{subTotal:{label:"Subtotal",withTaxes:"Including taxes",withoutTaxes:"excluding taxes"},shipping:{label:"Shipping",editZipAction:"Apply",estimated:"Estimated Shipping",estimatedDestination:"Estimated Shipping to ",destinationLinkAriaLabel:"Change destination",zipPlaceholder:"Zip Code",withTaxes:"Including taxes",withoutTaxes:"excluding taxes",alternateField:{zip:"Estimate using country/zip",state:"Estimate using country/state"}},taxes:{total:"Tax Total",totalOnly:"Tax",breakdown:"Taxes",showBreakdown:"Show Tax Breakdown",hideBreakdown:"Hide Tax Breakdown",estimated:"Estimated Tax"},total:{estimated:"Estimated Total",label:"Total",withoutTax:"Total excluding taxes"}},ProgressSpinner:{updating:{label:"Item is updating"},updatingChildren:{label:"Items are updating"}},PriceRange:{from:{label:"From"},to:{label:"to"},asLowAs:{label:"As low as"}},Swatches:{outOfStock:{label:"out of stock swatch"},selected:{label:"swatch selected"},swatch:{label:"swatch"}},Accordion:{open:{label:"Open"},close:{label:"Close"}},CartItem:{each:{label:"each"},pricePerItem:{label:"price per item"},quantity:{label:"Quantity"},remove:{label:"Remove {product} from the cart"},removeDefault:{label:"Remove item from the cart"},taxIncluded:{label:"incl. VAT"},taxExcluded:{label:"excl. tax"},updating:{label:"{product} is updating"}},InputDate:{picker:"Select a date"}},re={Dropin:Ce},ne={default:re,en_US:re},Ae=a=>J(ne.default,ne[a]||{}),ie=1,q=({className:a,fullWidth:r=!1,lines:n=ie,size:t="small",variant:o="row",children:i=null,multilineGap:d="medium",...l})=>{const _=[[`dropin-skeleton-row__${o}`,o],[`dropin-skeleton-row__${o}-${t}`,o&&t]];if(!i&&o==="empty")return e("div",{className:s(["dropin-skeleton-row dropin-skeleton-row__empty",a])});if(i){const u=i.trim();return e("div",{...l,class:s(["dropin-skeleton-row",["dropin-skeleton-row--full",r],a]),dangerouslySetInnerHTML:{__html:u}})}return n>ie===!1?e("div",{...l,class:s(["dropin-skeleton-row",["dropin-skeleton-row--full",r],"dropin-skeleton--row__content",..._,a])}):e("div",{...l,style:{"--multiline-gap-spacing":`var(--spacing-${d})`},class:s(["dropin-skeleton-row--multiline",["dropin-skeleton-row--full",r],a]),children:Array.from({length:n}).map((u,p)=>e("div",{class:s(["dropin-skeleton-row",["dropin-skeleton-row--full",r],"dropin-skeleton--row__content",..._])},p))})},Ve=({className:a,children:r,rowGap:n="medium",...t})=>e("div",{style:{"--row-gap-spacing":`var(--spacing-${n})`},...t,className:s(["dropin-skeleton",a]),role:"status","aria-label":"Loading...",children:r}),pe=Ne({locale:"en-US"}),Re=({lang:a="en_US",langDefinitions:r={},children:n})=>{const t=M(()=>{const i=J(r.default,r[a]??{});return J(Ae(a),i)},[a,r]),o=a.replace("_","-");return e(pe.Provider,{value:{locale:o},children:e(xe,{definition:t,children:e(B,{children:n})})})},bt=new fe(e(Re,{})),Be=function(){const r=typeof document<"u"&&document.createElement("link").relList;return r&&r.supports&&r.supports("modulepreload")?"modulepreload":"preload"}(),Fe=function(a){return"/"+a},ae={},N=function(r,n,t){let o=Promise.resolve();if(n&&n.length>0){document.getElementsByTagName("link");const i=document.querySelector("meta[property=csp-nonce]"),d=(i==null?void 0:i.nonce)||(i==null?void 0:i.getAttribute("nonce"));o=Promise.all(n.map(l=>{if(l=Fe(l),l in ae)return;ae[l]=!0;const _=l.endsWith(".css"),m=_?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${l}"]${m}`))return;const u=document.createElement("link");if(u.rel=_?"stylesheet":Be,_||(u.as="script",u.crossOrigin=""),u.href=l,d&&u.setAttribute("nonce",d),document.head.appendChild(u),_)return new Promise((p,c)=>{u.addEventListener("load",p),u.addEventListener("error",()=>c(new Error(`Unable to preload CSS for ${l}`)))})}))}return o.then(()=>r()).catch(i=>{const d=new Event("vite:preloadError",{cancelable:!0});if(d.payload=i,window.dispatchEvent(d),!d.defaultPrevented)throw i})},He={Add:g(()=>N(()=>import("./chunks/icons/Add.js").then(a=>a.$),[])),Bulk:g(()=>N(()=>import("./chunks/icons/Bulk.js"),[])),Burger:g(()=>N(()=>import("./chunks/icons/Burger.js"),[])),Cart:g(()=>N(()=>import("./chunks/icons/Cart.js"),[])),Check:g(()=>N(()=>import("./chunks/icons/Check.js"),[])),ChevronDown:g(()=>N(()=>import("./chunks/icons/ChevronDown.js"),[])),ChevronUp:g(()=>N(()=>import("./chunks/icons/ChevronUp.js"),[])),ChevronRight:g(()=>N(()=>import("./chunks/icons/ChevronRight.js"),[])),Close:g(()=>N(()=>import("./chunks/icons/Close.js"),[])),Heart:g(()=>N(()=>import("./chunks/icons/Heart.js"),[])),Minus:g(()=>N(()=>import("./chunks/icons/Minus.js"),[])),Placeholder:g(()=>N(()=>import("./chunks/icons/Placeholder.js"),[])),PlaceholderFilled:g(()=>N(()=>import("./chunks/icons/PlaceholderFilled.js"),[])),Search:g(()=>N(()=>import("./chunks/icons/Search.js"),[])),SearchFilled:g(()=>N(()=>import("./chunks/icons/SearchFilled.js"),[])),Sort:g(()=>N(()=>import("./chunks/icons/Sort.js"),[])),Star:g(()=>N(()=>import("./chunks/icons/Star.js"),[])),View:g(()=>N(()=>import("./chunks/icons/View.js"),[])),User:g(()=>N(()=>import("./chunks/icons/User.js"),[])),Warning:g(()=>N(()=>import("./chunks/icons/Warning.js"),[])),Locker:g(()=>N(()=>import("./chunks/icons/Locker.js"),[])),Wallet:g(()=>N(()=>import("./chunks/icons/Wallet.js"),[])),Card:g(()=>N(()=>import("./chunks/icons/Card.js"),[])),Order:g(()=>N(()=>import("./chunks/icons/Order.js"),[])),Delivery:g(()=>N(()=>import("./chunks/icons/Delivery.js"),[])),OrderError:g(()=>N(()=>import("./chunks/icons/OrderError.js"),[])),OrderSuccess:g(()=>N(()=>import("./chunks/icons/OrderSuccess.js"),[])),PaymentError:g(()=>N(()=>import("./chunks/icons/PaymentError.js"),[])),CheckWithCircle:g(()=>N(()=>import("./chunks/icons/CheckWithCircle.js"),[])),WarningWithCircle:g(()=>N(()=>import("./chunks/icons/WarningWithCircle.js"),[])),WarningFilled:g(()=>N(()=>import("./chunks/icons/WarningFilled.js"),[])),InfoFilled:g(()=>N(()=>import("./chunks/icons/InfoFilled.js"),[])),HeartFilled:g(()=>N(()=>import("./chunks/icons/HeartFilled.js"),[])),Trash:g(()=>N(()=>import("./chunks/icons/Trash.js"),[])),Eye:g(()=>N(()=>import("./chunks/icons/Eye.js"),[])),EyeClose:g(()=>N(()=>import("./chunks/icons/EyeClose.js"),[])),Date:g(()=>N(()=>import("./chunks/icons/Date.js"),[])),AddressBook:g(()=>N(()=>import("./chunks/icons/AddressBook.js"),[])),EmptyBox:g(()=>N(()=>import("./chunks/icons/EmptyBox.js"),[])),Coupon:g(()=>N(()=>import("./chunks/icons/Coupon.js"),[])),Gift:g(()=>N(()=>import("./chunks/icons/Gift.js"),[])),GiftCard:g(()=>N(()=>import("./chunks/icons/GiftCard.js"),[]))};function L({source:a,size:r="24",stroke:n="2",viewBox:t="0 0 24 24",className:o,...i}){const d=typeof a=="string"?He[a]:null,l={className:s(["dropin-icon",`dropin-icon--shape-stroke-${n}`,o]),width:r,height:r,viewBox:t};return e(we,{fallback:e("svg",{...i,...l}),children:d?e(d,{...i,...l}):e(a,{...i,...l})})}const qe=({name:a,value:r="1",className:n,disabled:t,error:o,success:i,min:d,max:l,onValue:_,onUpdateError:m,size:u="medium",...p})=>{const[c,h]=A(Number(r)),f=Number(d),b=Number(l),v=o||cb,w=cb?"Dropin.Incrementer.maxQuantityMessage":"Dropin.Incrementer.errorMessage",I=T(le(async $=>{if(_)try{_($)}catch(k){m&&m(k)}},200),[_,m]),E=$=>{let k=$;I(k),h(k)};return e("div",{className:s(["dropin-incrementer",`dropin-incrementer--${u}`,n]),children:[e("div",{className:s(["dropin-incrementer__content",`dropin-incrementer__content--${u}`,["dropin-incrementer__content--error",v],["dropin-incrementer__content--success",i],["dropin-incrementer__content--disabled",t]]),children:[e("div",{className:s(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",t]]),children:e(te,{children:e("button",{type:"button",className:s(["dropin-incrementer__decrease-button",["dropin-incrementer__decrease-button--disabled",t]]),onClick:()=>E(c-1),disabled:t||c{E(Number(c))},onChange:$=>{const k=$.currentTarget.value;k!==""&&E(Number(k))},...p}),e("div",{className:s(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",t]]),children:e(te,{children:e("button",{type:"button",className:s(["dropin-incrementer__increase-button",["dropin-incrementer__increase-button--disabled",t]]),onClick:()=>E(c+1),disabled:t||c>b-1,"aria-label":e(Z,{id:"Dropin.Incrementer.increaseLabel"}),children:e(L,{source:K,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__add"})})})})]}),v&&e("p",{className:"dropin-incrementer__content--error-message",children:e(Z,{id:w,fields:{minQuantity:d,maxQuantity:l}})})]})},_e=({name:a,value:r,variant:n="primary",className:t,disabled:o,error:i,floatingLabel:d,onValue:l,onUpdateError:_,size:m="medium",icon:u,maxLength:p,success:c,...h})=>{const f=(h==null?void 0:h.id)||a||`dropin-input-${Math.random().toString(36)}`,b=T(le(async w=>{if(l)try{await l(w)}catch(I){_&&_(I)}},200),[l,_]),v=w=>{const I=w.target;b(I.value.trim())};return e("div",{className:s(["dropin-input-container",`dropin-input-container--${n}`,["dropin-input-container--floating",!!d],["dropin-input-container--disabled",o]]),children:[u&&e(y,{node:u,className:s(["dropin-input__field-icon--left",u.props.className])}),e("div",{className:"dropin-input-label-container",children:[e("input",{id:f,onChange:v,type:"text",maxLength:p,name:a,value:r,...h,className:s(["dropin-input",`dropin-input--${m}`,`dropin-input--${n}`,["dropin-input--error",!!i],["dropin-input--success",!!c],["dropin-input--disabled",o],["dropin-input--floating",!!d],["dropin-input--icon-left",!!u],t]),disabled:o}),d&&e("label",{htmlFor:f,className:s([["dropin-input__label--floating",!!d],["dropin-input__label--floating--icon-left",!!u],["dropin-input__label--floating--error",!!i]]),children:d})]}),i&&e("div",{className:s(["dropin-input__field-icon--right","dropin-input__field-icon--error"]),children:e(L,{source:$e,size:"16",stroke:"2",className:"dropin-input--warning-icon",viewBox:"-1 -1 26 26"})}),c&&e("div",{className:s(["dropin-input__field-icon--right","dropin-input__field-icon--success"]),children:e(L,{source:Ee,size:"16",stroke:"2",className:"dropin-input--success-icon",viewBox:"-1 -1 26 26"})})]})},ft=({name:a="",error:r,value:n,label:t,onChange:o,onBlur:i,...d})=>{const[l,_]=A((n==null?void 0:n.toString())??""),m=U(null),u=x({picker:"Dropin.InputDate.picker"}),p=T(b=>{b.currentTarget.setAttribute("type","date"),ee()&&m.current.focus()},[]),c=T(b=>{var w;const v=(w=b.currentTarget.parentElement)==null?void 0:w.querySelector("input");v==null||v.focus(),v==null||v.showPicker()},[]),h=T(b=>{b.currentTarget.setAttribute("type","text"),i==null||i(b)},[i]),f=T(b=>{_(b.target.value),o==null||o(b)},[o]);return e("div",{className:s(["dropin-input-date"]),children:[ee()?e("input",{ref:m,"data-testid":"inputDateIos",className:"dropin-input-date__input--ios",type:"date",onChange:f}):null,e(ue,{error:r,children:e(_e,{"data-testid":"input-date",error:!!r,name:a,value:l,placeholder:t,floatingLabel:t,onFocus:p,onBlur:h,onChange:f,"aria-labelledby":t,className:"dropin-input-date__input",...d})}),e("button",{type:"button","data-testid":"dropin-input-date__icon",className:"dropin-input-date__icon","aria-label":u.picker,onClick:c,children:e(L,{source:Se,size:"24"})})]})},oe={pending:e(j,{}),success:e(ce,{}),error:e(z,{style:{fill:"red"}})},Me=({minLength:a=0,requiredCharacterClasses:r=0,uniqueSymbolsStatus:n="pending",validateLengthConfig:t={status:"",icon:"",message:""}})=>{const o=x({chartTwoSymbols:"Dropin.PasswordStatusIndicator.chartTwoSymbols",chartThreeSymbols:"Dropin.PasswordStatusIndicator.chartThreeSymbols",chartFourSymbols:"Dropin.PasswordStatusIndicator.chartFourSymbols"}),i=d=>{switch(d){case 2:return o.chartTwoSymbols;case 3:return o.chartThreeSymbols;case 4:return o.chartFourSymbols;default:return""}};return e("div",{className:s(["dropin-password-status-indicator"]),children:[a>0?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${t.status}`,"data-testid":`dropin-password-status-indicator__item--${t.icon}`,children:[oe[t.icon],e("span",{className:`${t.status}`,children:t.message})]}):null,r>=2?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${n}`,"data-testid":`dropin-password-status-indicator__item--${n}`,children:[oe[n],e("span",{className:"pending",children:i(r)})]}):null]})},vt=({placeholder:a,floatingLabel:r,children:n,name:t,required:o,className:i,minLength:d,autoComplete:l,defaultValue:_="",hideStatusIndicator:m=!1,uniqueSymbolsStatus:u,validateLengthConfig:p,requiredCharacterClasses:c,errorMessage:h,onValue:f,onBlur:b,...v})=>{const w=x({placeholder:"Dropin.InputPassword.placeholder",floatingLabel:"Dropin.InputPassword.floatingLabel",buttonShowTitle:"Dropin.InputPassword.buttonShowTitle",buttonHideTitle:"Dropin.InputPassword.buttonHideTitle"}),[I,E]=A(!1),$=T(()=>{E(O=>!O)},[]),k=I?w.buttonHideTitle:w.buttonShowTitle;return e("div",{"data-testid":"passwordFieldInput",className:s(["dropin-input-password",["dropin-input-password--error",h],i]),...v,children:[e(ue,{error:h,children:e(_e,{autoComplete:l,name:t??"password",type:I?"text":"password",placeholder:a||w.placeholder,floatingLabel:r||w.floatingLabel,"aria-label":w.placeholder,"aria-required":o||!0,"aria-invalid":!!h,"aria-describedby":"password-feedback",required:o||!1,value:_,onValue:f,icon:e(Te,{}),onBlur:b,"data-testid":"passwordInput"})}),e(R,{"aria-label":k,title:k,type:"button","data-testid":"toggle-password-icon",variant:"tertiary",className:s(["dropin-input-password__eye-icon",`dropin-input-password__eye-icon--${I?"show":"hide"}`,i]),onClick:$,children:e(L,{focusable:!1,"aria-hidden":I,source:I?Le:Oe})}),m?null:e(Me,{minLength:d,requiredCharacterClasses:c,validateLengthConfig:p,uniqueSymbolsStatus:u}),n]})},gt=({disabled:a,name:r="",errorMessage:n,value:t,label:o,className:i,onChange:d,onBlur:l,..._})=>{const m=U(null),u=ke(),p=!!(n!=null&&n.length);return F(()=>{const c=m.current;c&&(c.style.height="auto",c.style.height=`${c.scrollHeight}px`)},[t]),e("div",{className:s(["dropin-textarea-container",i]),"data-testid":"dropin-textarea-container",children:[e("textarea",{ref:m,"data-testid":"dropin-textarea-field",className:s(["dropin-textarea",["dropin-textarea--error",p],["dropin-textarea--disabled",!!a]]),id:u,placeholder:o,name:r,value:t,disabled:a,onBlur:l,onChange:d,..._}),e("label",{htmlFor:u,className:s(["dropin-textarea__label--floating",["dropin-textarea__label--floating--error",p]]),children:o}),p?e("div",{className:s(["dropin-textarea__label--floating--text",["dropin-textarea__label--floating--error",p]]),children:n}):null]})},Ge=({className:a,src:r,params:n,loading:t="lazy",srcSet:o,onLoad:i,...d})=>{const[l,_]=A(!1),m=M(()=>{if(o)return o;if(!(!r||!n))return ve(r,{...n})},[n,r,o]),u=p=>{_(!0),i==null||i(p)};return e("img",{...d,className:s(["dropin-image",["dropin-image--loaded",l],a]),loading:t,onLoad:u,src:r,srcSet:m})},me=({variant:a="primary",className:r})=>e("hr",{role:"separator",className:s(["dropin-divider",`dropin-divider--${a}`,r])}),V=({amount:a=0,currency:r,locale:n=void 0,variant:t="default",weight:o="bold",className:i,children:d,sale:l=!1,formatOptions:_={},size:m="small",...u})=>{const p=M(()=>new Intl.NumberFormat(n,{style:"currency",currency:r||"USD",minimumFractionDigits:2,maximumFractionDigits:2,..._}),[n,r,_]),c=M(()=>p.format(a),[a,p]);return e("span",{...u,className:s(["dropin-price",`dropin-price--${t}`,`dropin-price--${m}`,`dropin-price--${o}`,["dropin-price--sale",l],i]),children:c})},We=({name:a,label:r,value:n,size:t="medium",checked:o=!1,disabled:i=!1,error:d=!1,description:l="",busy:_=!1,className:m,children:u,...p})=>e("label",{className:s([m,"dropin-radio-button",["dropin-radio-button--error",d],["dropin-radio-button--disabled",i]]),children:[e("input",{name:a,value:n,checked:o,disabled:i,type:"radio",className:s(["dropin-radio-button__input",["dropin-radio-button__input--error",d],["dropin-radio-button__input--disabled",i]]),"aria-busy":_,...p}),e("span",{className:s(["dropin-radio-button__label",`dropin-radio-button__label--${t}`,["dropin-radio-button__label--error",d],["dropin-radio-button__label--disabled",i]]),children:r}),e("span",{className:s(["dropin-radio-button__description",`dropin-radio-button__description--${t}`,["dropin-radio-button__description--disabled",i]]),children:l})]}),R=({value:a,variant:r="primary",size:n="medium",icon:t,className:o,children:i,disabled:d=!1,active:l=!1,activeChildren:_,activeIcon:m,href:u,...p})=>{let c="dropin-button";(t&&!i||t&&l&&!_||!t&&l&&m)&&(c="dropin-iconButton"),l&&_&&(c="dropin-button"),o=s([c,`${c}--${n}`,`${c}--${r}`,[`${c}--${r}--disabled`,d],i&&t&&`${c}--with-icon`,!i&&_&&t&&`${c}--with-icon`,l&&m&&`${c}--with-icon`,o]);const h=s(["dropin-button-icon",`dropin-button-icon--${r}`,[`dropin-button-icon--${r}--disabled`,d],t==null?void 0:t.props.className]),f=u?{node:e("a",{}),role:"link",href:u,...p,disabled:d,active:l,onKeyDown:b=>{d&&b.preventDefault()},tabIndex:d?-1:0}:{node:e("button",{}),role:"button",...p,value:a,disabled:d,active:l};return e(y,{...f,className:o,children:[t&&!l&&e(y,{node:t,className:h}),m&&l&&e(y,{node:m,className:h}),i&&!l&&(typeof i=="string"?e("span",{children:i}):i),l&&_&&(typeof _=="string"?e("span",{children:_}):_)]})};function se(a,r,n,t,o){return a||(r?r.value:n||t?"":o?o.value:null)}const Ke=({name:a,value:r=null,options:n,variant:t="primary",floatingLabel:o,size:i="medium",handleSelect:d=()=>{},disabled:l=!1,error:_=!1,placeholder:m,defaultOption:u,icon:p,className:c,...h})=>{const f=(h==null?void 0:h.id)||a||`dropin-picker-${Math.random().toString(36)}`,b=!!(h!=null&&h.required),v=n==null?void 0:n.find(P=>!P.disabled),[w,I]=A(()=>se(r,u,m,o,v));F(()=>{I(se(r,u,m,o,v))},[r,u,m,o,v]);const E=P=>{const{options:D,value:S}=P.target;for(const G of D)G.selected&&(I(S),d(P))},$=n==null?void 0:n.map(P=>{const{value:D,text:S,disabled:G}=P;return e("option",{value:D,selected:D===w,disabled:G,className:s(["dropin-picker__option"]),children:S},D)}),k=!!w,O=()=>(!b||!k)&&(o||m);return e("div",{className:s([c,"dropin-picker",`dropin-picker__${i}`,["dropin-picker__floating",!!o],["dropin-picker__selected",k],["dropin-picker__error",_],["dropin-picker__disabled",l],["dropin-picker__icon",p]]),children:[p&&e(p.type,{...p.props,className:"dropin-picker__icon--placeholder"}),e("select",{id:f,className:s(["dropin-picker__select",`dropin-picker__select--${t}`,`dropin-picker__select--${i}`,["dropin-picker__select--floating",!!o]]),name:a,"aria-label":a,disabled:l,onChange:E,...h,children:[O()&&e("option",{selected:!k,value:"",className:s(["dropin-picker__option dropin-picker__placeholder"]),children:o??m},r),$]}),e(L,{source:X,size:"24",stroke:"2",className:"dropin-picker__chevronDown"}),o&&k&&e("label",{htmlFor:f,className:s(["dropin-picker__floatingLabel",!!o]),children:o})]})},ue=({className:a,label:r,error:n,hint:t,success:o,size:i="medium",disabled:d=!1,children:l,..._})=>{var p;const m=((p=l==null?void 0:l.props)==null?void 0:p.id)??`dropin-field-${Math.random().toString(36)}`,u=l&&typeof l.type!="string"?l.type:null;return e("div",{..._,className:s(["dropin-field",a]),children:[r&&e("label",{className:s(["dropin-field__label",["dropin-field__label--disabled",d],`dropin-field__label--${i}`]),htmlFor:m,children:r}),e("div",{className:s(["dropin-field__content"]),children:u&&l&&ye(u,{...l.props,id:m,key:l.key,disabled:d,size:i,error:!!n,success:!!o&&!n})}),e("div",{className:s(["dropin-field__hint",[`dropin-field__hint--${i}`,i],["dropin-field__hint--error",!!n],["dropin-field__hint--success",!!o&&!n],["dropin-field__hint--disabled",!!d]]),children:n||o||t})]})},Nt=({icon:a,className:r,children:n,active:t=!1,disabled:o=!1,...i})=>e("button",{role:"button",disabled:o,...i,className:s(["dropin-action-button",["dropin-action-button--active",t],["dropin-action-button--disabled",o],r]),children:[a&&e(y,{node:a,className:s(["dropin-action-button-icon"])}),n&&(typeof n=="string"?e("span",{children:n}):n)]}),wt=({className:a,variant:r="primary",activeOption:n,disabled:t=!1,dividers:o=!0,children:i,handleSelect:d,...l})=>{const[_,m]=A(n),u=T(c=>{t||c.props.disabled||(m(c.props.value),d&&d(c.props.value))},[d,m,t]),p=de.map(i,c=>{const h=t||c.props.disabled,f=c.props.value===_;return Ie(c,{disabled:h,active:f,onClick:()=>u(c),className:s(["dropin-action-button-group__option",`dropin-action-button-group__option--${r}`,["dropin-action-button-group__option--active",f],["dropin-action-button-group__option--with-dividers",o]])})});return e("div",{role:"group",...l,className:s(["dropin-action-button-group",`dropin-action-button-group--${r}`,a]),children:p})},Ue=({variant:a="primary",className:r,children:n,...t})=>e("div",{...t,className:s(["dropin-card",`dropin-card--${a}`,r]),children:e("div",{class:"dropin-card__content",children:n})}),kt=({name:a,value:r,size:n="medium",disabled:t=!1,error:o=!1,label:i="",description:d="",className:l,checked:_,...m})=>{const[u,p]=A(_===void 0?!1:_),c=U(null),h=b=>{var v;(v=m.onChange)==null||v.call(m,b),p(b.currentTarget.checked)},f=b=>{var v;b.key===" "&&(b.preventDefault(),(v=c==null?void 0:c.current)==null||v.click())};return F(()=>{typeof _=="boolean"&&p(_)},[_]),e("label",{className:s(["dropin-checkbox",["dropin-checkbox--disabled",t]]),children:[e("input",{ref:c,name:a,value:r,type:"checkbox",disabled:t,className:s(["dropin-checkbox__checkbox",["dropin-checkbox__checkbox--error",o],l]),...m,onChange:h,checked:u}),e("span",{"aria-checked":u?"true":"false","aria-labelledby":`${a}-label`,"aria-describedby":`${a}-description`,className:s(["dropin-checkbox__box",["dropin-checkbox__box--error",o],["dropin-checkbox__box--disabled",t]]),role:"checkbox",tabIndex:t?-1:0,onKeyDown:f,children:e(L,{className:s(["dropin-checkbox__checkmark"]),source:ce,size:"16",stroke:"3"})}),e("div",{id:`${a}-label`,className:s(["dropin-checkbox__label",`dropin-checkbox__label--${n}`,["dropin-checkbox__label--disabled",t]]),children:i}),e("div",{}),e("div",{id:`${a}-description`,role:"note",className:s(["dropin-checkbox__description",`dropin-checkbox__description--${n}`,["dropin-checkbox__description--disabled",t]]),children:d})]})},yt=({className:a,name:r,value:n,id:t,label:o,groupAriaLabel:i,size:d="medium",color:l,disabled:_=!1,selected:m=!1,outOfStock:u=!1,multi:p=!1,onValue:c,onUpdateError:h,...f})=>{const b=x("Dropin.Swatches.outOfStock.label").label,v=x("Dropin.Swatches.selected.label").label,w=x("Dropin.Swatches.swatch.label").label,I=T(async D=>{if(c)try{await c(D)}catch(S){h&&h(S)}},[c,h]),E=D=>{const S=D.target;I(S.value)},O=l&&(D=>{const S=new Option().style;return S.color=D,S.color!==""})(l)?l:"var(--color-gray-300);",P=()=>u?`${i}: ${o} ${b}`:m?`${i}: ${o} ${v}`:`${i}: ${o} ${w}`;return e("label",{className:s(["dropin-color-swatch__container",`dropin-color-swatch__container--${d}`,a]),children:[e("input",{type:p?"checkbox":"radio",name:r,id:t,value:n,"aria-label":P(),checked:m,disabled:_,onChange:E,...f,className:s(["dropin-color-swatch",["dropin-color-swatch--selected",m],["dropin-color-swatch--disabled",_],a])}),e("span",{style:{"--bg-color":O},className:s(["dropin-color-swatch__span",["dropin-color-swatch__span--out-of-stock",u],a])})]})},It=({className:a,name:r,value:n,label:t,groupAriaLabel:o,id:i,disabled:d=!1,selected:l=!1,outOfStock:_=!1,multi:m=!1,onValue:u,onUpdateError:p,...c})=>{const h=x("Dropin.Swatches.outOfStock.label").label,f=x("Dropin.Swatches.selected.label").label,b=x("Dropin.Swatches.swatch.label").label,[v,w]=A(!1),I=U(null),E=T(async O=>{if(u)try{await u(O)}catch(P){p&&p(P)}},[u,p]),$=O=>{const P=O.target;E(P.value)},k=()=>_?`${o}: ${t} ${h}`:l?`${o}: ${t} ${f}`:`${o}: ${t} ${b}`;return F(()=>{I.current&&I.current.scrollWidth>I.current.clientWidth&&w(!0)},[t]),e("div",{className:"dropin-text-swatch__container",...v?{"data-tooltip":t}:{},children:[e("input",{type:m?"checkbox":"radio",name:r,id:i,value:n,"aria-label":k(),checked:l,disabled:d,onChange:$,...c,className:s(["dropin-text-swatch",["dropin-text-swatch--selected",l],["dropin-text-swatch--disabled",d],a])}),e("label",{htmlFor:i,ref:I,className:s(["dropin-text-swatch__label",["dropin-text-swatch__label--out-of-stock",_],a]),children:t})]})},je=({ariaLabel:a,size:r="small",stroke:n="4",children:t,className:o,style:i,...d})=>{const l=["dropin-progress-spinner",`dropin-progress-spinner--shape-size-${r}`,`dropin-progress-spinner--shape-stroke-${n}`],_=x({updating:"Dropin.ProgressSpinner.updating.label",updatingChildren:"Dropin.ProgressSpinner.updatingChildren.label"}),m=()=>a||(t?_.updatingChildren:_.updating);return t?e("div",{...d,className:s(["dropin-progress-spinner-provider"]),"aria-live":"polite",role:"status",children:[e("div",{"aria-hidden":!0,children:t}),e("div",{"aria-label":m(),role:"status",className:s(["dropin-progress-spinner-background",o]),style:i}),e("div",{className:s(["dropin-progress-spinner-with-provider",...l]),"aria-hidden":!0})]}):e("div",{...d,className:s([o,...l]),"aria-live":"polite",role:"status","aria-label":m()})},Dt=({className:a,name:r,value:n,id:t,label:o,groupAriaLabel:i,src:d,alt:l,disabled:_=!1,selected:m=!1,outOfStock:u=!1,multi:p=!1,onValue:c,onUpdateError:h,...f})=>{const b=x("Dropin.Swatches.outOfStock.label").label,v=x("Dropin.Swatches.selected.label").label,w=x("Dropin.Swatches.swatch.label").label,I=T(async k=>{if(c)try{await c(k)}catch(O){h&&h(O)}},[c,h]),E=k=>{const O=k.target;I(O.value)},$=()=>u?`${i}: ${o} ${b}`:m?`${i}: ${o} ${v}`:`${i}: ${o} ${w}`;return e("label",{className:s(["dropin-image-swatch__container",a]),children:[e("input",{type:p?"checkbox":"radio",name:r,id:t,value:n,"aria-label":$(),checked:m,disabled:_,onChange:E,...f,className:s(["dropin-image-swatch",["dropin-image-swatch--selected",m],["dropin-image-swatch--disabled",_],a])}),e("span",{className:s(["dropin-image-swatch__span",["dropin-image-swatch__span--out-of-stock",u],a]),children:e(Ge,{src:d,className:s(["dropin-image-swatch__content"]),params:{width:100,fit:"bounds",crop:!0},alt:l,loading:"lazy",onError:k=>k.target.style.display="none"})})]})},ze=({className:a,children:r,title:n,secondaryText:t,actionIconPosition:o="left",iconOpen:i=K,iconClose:d=j,iconLeft:l=K,showIconLeft:_=!1,renderContentWhenClosed:m=!0,defaultOpen:u=!1,onStateChange:p,...c})=>{const[h,f]=A(u),b=$=>{$.stopImmediatePropagation();const k=!h;f(k),p==null||p(k)},v=x(`Dropin.Accordion.${h?"close":"open"}.label`).label,w=e(L,{source:i,size:"24",onClick:b,onKeyPress:b,className:"dropin-accordion-section__open-icon"}),I=e(L,{source:d,size:"24",onClick:b,onKeyPress:b,className:"dropin-accordion-section__close-icon"}),E=e(L,{source:l,size:"24"});return e("div",{...c,className:s(["dropin-accordion-section",a]),children:[e("div",{className:"dropin-accordion-section__heading",children:[e("div",{className:"dropin-accordion-section__flex",onClick:b,onKeyPress:b,role:"button","aria-label":`${v} ${n}`,tabIndex:0,children:e("div",{className:"dropin-accordion-section__title-container",children:[o==="left"&&(h?I:w),_&&E,e("h3",{className:"dropin-accordion-section__title",children:n})]})}),e("div",{className:"dropin-accordion-section__secondary-text-container",children:[t&&e("h4",{className:"dropin-accordion-section__secondary-text",children:t}),o==="right"&&(h?I:w)]})]}),e("div",{className:"dropin-accordion-section__content-container",style:{display:h?"grid":"none"},children:(h||m&&!h)&&r})]})},xt=({className:a,children:r,actionIconPosition:n="left",iconOpen:t=K,iconClose:o=j,...i})=>{const d=e(me,{variant:"secondary"}),l=_=>e(B,{children:[e(ze,{..._.props,actionIconPosition:n,iconOpen:t,iconClose:o}),d]});return e("div",{...i,className:s(["dropin-accordion",a]),children:[d,...(Array.isArray(r)?r:[r]).map(l)]})},Et=({variant:a="primary",className:r,type:n="warning",additionalActions:t,onDismiss:o,heading:i,description:d,icon:l,itemList:_,actionButtonPosition:m,...u})=>{var c,h,f;const p=x({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...u,className:s(["dropin-in-line-alert",`dropin-in-line-alert--${n}`,`dropin-in-line-alert--${a}`,r]),children:[e("div",{className:"dropin-in-line-alert__heading",children:[e("div",{className:"dropin-in-line-alert__title-container",children:[l&&e(y,{node:l,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:[t&&(m==="top"||!m&&t.length<=1)&&e(R,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:t.length>0?(c=t[0])==null?void 0:c.onClick:void 0,"aria-label":(h=t[0])==null?void 0:h.label,children:(f=t[0])==null?void 0:f.label}),o&&e(R,{icon:e(L,{source:z,size:"24",stroke:"2"}),className:"dropin-in-line-alert__dismiss-button",variant:"tertiary",onClick:o,"aria-label":p.dismiss})]})]}),d&&e("p",{className:"dropin-in-line-alert__description",children:d}),e("div",{className:"dropin-in-line-alert__item-list-container",children:_&&e(y,{node:_,className:s(["dropin-in-line-alert__item-list"])})}),t&&(m==="bottom"||!m&&t.length>1)&&e("div",{className:"dropin-in-line-alert__additional-actions-container",children:t.map(b=>e(R,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:b.onClick,children:b.label},b.label))})]})},$t=({size:a="small",title:r=null,centered:n=!1,backgroundDim:t=!0,clickToDismiss:o=!0,escapeToDismiss:i=!0,onClose:d,showCloseButton:l=!0,className:_,children:m=null,...u})=>{const p=T(()=>{d==null||d()},[d]),c=x({modalCloseLabel:"Dropin.Modal.Close.label"});return F(()=>{const h=f=>{const b=document.querySelector(".dropin-modal"),v=document.querySelector(".dropin-modal__body");o&&b&&v&&!v.contains(f.target)&&p()};return document.addEventListener("mousedown",h),()=>{document.removeEventListener("mousedown",h)}},[p,o]),F(()=>{const h=f=>{f.key==="Escape"&&i&&p()};return document.addEventListener("keydown",h),()=>{document.removeEventListener("keydown",h)}},[p,i]),F(()=>{const h=document.scrollingElement,f=h.style.overflow;return h.style.overflow="hidden",()=>{h.style.overflow=f}},[]),e("div",{className:s(["dropin-modal",["dropin-modal--dim",t]]),children:e("div",{...u,className:s(["dropin-modal__body",[`dropin-modal__body--${a}`,a],_]),children:[e("div",{className:s(["dropin-modal__header",["dropin-modal__header-title",!!r]]),children:[r&&e("div",{className:s(["dropin-modal__header-title-content"]),children:r}),l&&e(R,{"aria-label":c.modalCloseLabel,variant:"tertiary",className:"dropin-modal__header-close-button",onClick:p,icon:e(z,{})})]}),e("div",{className:s(["dropin-modal__content",["dropin-modal__body--centered",n]]),children:m})]})})},St=({className:a,children:r,ariaLabel:n,image:t,title:o,price:i,taxIncluded:d=!1,taxExcluded:l=!1,total:_,totalExcludingTax:m,sku:u,configurations:p,warning:c,alert:h,discount:f,savings:b,quantity:v,description:w,attributes:I,footer:E,loading:$=!1,updating:k=!1,quantityType:O,dropdownOptions:P,onQuantity:D,onRemove:S,...G})=>{var Y,Q;const{locale:W}=De(pe),C=x({each:"Dropin.CartItem.each.label",pricePerItem:"Dropin.CartItem.pricePerItem.label",quantity:"Dropin.CartItem.quantity.label",remove:"Dropin.CartItem.remove.label",removeDefault:"Dropin.CartItem.removeDefault.label",taxIncluded:"Dropin.CartItem.taxIncluded.label",taxExcluded:"Dropin.CartItem.taxExcluded.label",updating:"Dropin.CartItem.updating.label",updatingDefault:"Dropin.ProgressSpinner.updating.label"});if($)return e(Ze,{});const he=O==="dropdown"?e(Ke,{className:s(["dropin-cart-item__quantity__picker"]),value:String(v),name:"quantity","aria-label":C.quantity,disabled:k,variant:"primary",options:P,handleSelect:H=>D==null?void 0:D(Number(H.target.value))}):e(qe,{className:s(["dropin-cart-item__quantity__incrementer"]),value:v,min:1,onValue:H=>D==null?void 0:D(Number(H)),name:"quantity","aria-label":C.quantity,disabled:k});return e("div",{...G,className:s(["dropin-cart-item",["dropin-cart-item--updating",k],a]),children:[k&&e(je,{className:s(["dropin-cart-item__spinner"]),ariaLabel:n?(Y=C.updating)==null?void 0:Y.replace("{product}",n):C.updatingDefault}),e("div",{className:"dropin-cart-item__wrapper",children:[t&&e(y,{node:t,className:s(["dropin-cart-item__image"])}),o&&e(y,{node:o,className:s(["dropin-cart-item__title",["dropin-cart-item__title--edit",!!D||!!S]])}),w&&e(y,{node:w,className:s(["dropin-cart-item__description"])}),u&&e(y,{node:u,className:s(["dropin-cart-item__sku"])}),e("div",{className:s(["dropin-cart-item__savings__wrapper"]),children:[f&&e(y,{node:f,className:s(["dropin-cart-item__discount","dropin-cart-item__discount__large-screen"])}),b&&e(y,{node:b,className:s(["dropin-cart-item__savings","dropin-cart-item__savings__large-screen"])})]}),I&&e("div",{className:s(["dropin-cart-item__attributes"]),children:e(y,{node:I})}),p&&e("ul",{className:s(["dropin-cart-item__configurations"]),children:Object.entries(p).map(([H,be])=>e("li",{className:s(["dropin-cart-item__configurations__item"]),children:[H,":"," ",e("strong",{className:s(["dropin-cart-item__configurations__item__value"]),children:be})]},H))}),i&&e("span",{className:s(["dropin-cart-item__price"]),"aria-label":C.pricePerItem,children:[v&&!D&&e(B,{children:[e("span",{className:"dropin-cart-item__price__quantity","aria-hidden":!0,children:[v.toLocaleString(W)," x"," "]}),e("div",{className:"dropin-cart-item__sr-only",children:[C.quantity,": ",v==null?void 0:v.toLocaleString(W),";"]})]}),e(y,{node:i,role:"text"}),v&&v>1&&e(B,{children:[" ",C.each]}),d&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",C.taxIncluded]}),l&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",C.taxExcluded]})]}),e("div",{className:s(["dropin-cart-item__quantity",["dropin-cart-item__quantity--edit",!!D]]),children:[D?he:v&&e("span",{className:s(["dropin-cart-item__quantity__value"]),children:[C.quantity,":"," ",e("strong",{className:"dropin-cart-item__quantity__number",children:Number(v).toLocaleString(W)})]}),c&&e(y,{node:c,className:s(["dropin-cart-item__warning","dropin-cart-item__warning--quantity"])}),h&&e(y,{node:h,className:s(["dropin-cart-item__alert","dropin-cart-item__alert--quantity"])})]}),c&&e(y,{node:c,className:s(["dropin-cart-item__warning"])}),h&&e(y,{node:h,className:s(["dropin-cart-item__alert"])}),e("div",{className:s(["dropin-cart-item__total",["dropin-cart-item__total--edit",!!S]]),children:[e("div",{className:"dropin-cart-item__row-total__wrapper",children:[_&&e("div",{className:"dropin-cart-item__row-total",children:e(y,{node:_,role:"text"})}),d&&e("div",{className:"dropin-cart-item__total-tax-included",children:e("span",{"data-testid":"tax-message",className:s(["dropin-cart-item__total-tax-message"]),children:C.taxIncluded})})]}),l&&e("div",{className:"dropin-cart-item__total-tax-excluded",children:e("span",{"data-testid":"tax-message",className:s(["dropin-cart-item__total-tax-excluded-message"]),children:[m&&e(y,{node:m,role:"text"})," ",C.taxExcluded]})}),f&&e(y,{node:f,className:s(["dropin-cart-item__discount"])}),b&&e(y,{node:b,className:s(["dropin-cart-item__savings"])})]}),E&&e("div",{className:s(["dropin-cart-item__footer"]),children:e(y,{node:E})})]}),S&&e(R,{"data-testid":"cart-item-remove-button",className:s(["dropin-cart-item__remove"]),variant:"tertiary",onClick:()=>S==null?void 0:S(),icon:e(L,{"data-testid":"cart-item-remove-icon",source:Pe,size:"24",stroke:"2",viewBox:"0 0 24 24","aria-label":n?(Q=C.remove)==null?void 0:Q.replace("{product}",n):C.removeDefault}),disabled:k})]})},Ze=()=>e("div",{className:"dropin-cart-item dropin-cart-item-skeleton",children:e(Ve,{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"})})]})}),Tt=({className:a,children:r,...n})=>e("div",{...n,className:s(["dropin-cart-list",a]),children:e("div",{className:"dropin-cart-list__wrapper","aria-live":"assertive","aria-relevant":"all",children:de.map(r,(t,o)=>e("div",{className:"dropin-cart-list__item",children:t},o))})}),Lt=({className:a,children:r,locale:n,currency:t,amount:o,variant:i="default",minimumAmount:d,maximumAmount:l,size:_="small",display:m="dash",specialPrice:u,sale:p=!1,...c})=>{const h=M(()=>o||d===l||d&&!l||l&&!d,[o,l,d]);return e("div",{children:h?e("div",{...c,className:s(["dropin-price-range",a]),children:e(V,{amount:o??d??l,currency:t,locale:n,size:_,variant:i,sale:p})}):e("div",{...c,className:s(["dropin-price-range",a]),children:[m==="dash"?e(Je,{specialPrice:u,minimumAmount:d,maximumAmount:l,currency:t,locale:n,size:_,sale:p}):null,m==="from to"?e(Xe,{specialPrice:u,minimumAmount:d,maximumAmount:l,currency:t,locale:n,size:_,sale:p}):null,m==="as low as"?e(Ye,{specialPrice:u,minimumAmount:d,maximumAmount:l,currency:t,locale:n,size:_,sale:p}):null]})})};function Je({specialPrice:a,minimumAmount:r,maximumAmount:n,currency:t,locale:o,size:i,sale:d}){return e(B,{children:[e(V,{amount:a??r,currency:t,locale:o,size:i,sale:!!a&&d}),e("span",{className:"dropin-price-range__separator",children:"-"}),e(V,{amount:n,currency:t,locale:o,size:i})]})}function Xe({specialPrice:a,minimumAmount:r,maximumAmount:n,currency:t,locale:o,size:i,sale:d}){const l=x({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(B,{children:[e("span",{className:s(["dropin-price-range__from",`dropin-price-range__from--${i}`]),children:l.from}),e(V,{amount:a??r,currency:t,locale:o,size:i,sale:!!a&&d}),e("span",{className:s(["dropin-price-range__to",`dropin-price-range__to--${i}`]),children:l.to}),e(V,{amount:n,currency:t,locale:o,size:i})]})}function Ye({specialPrice:a,minimumAmount:r,maximumAmount:n,currency:t,locale:o,size:i,sale:d}){const l=x({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(B,{children:[e("span",{className:s(["dropin-price-range__as-low-as",`dropin-price-range__as-low-as--${i}`]),children:l.asLowAs}),a?e("div",{children:[e(V,{amount:n,currency:t,locale:o,size:i,variant:"strikethrough"}),e(V,{amount:a,currency:t,locale:o,size:i,className:"dropin-price-range__special",sale:!!a&&d})]}):e(V,{amount:r,currency:t,locale:o,size:i})]})}const Ot=({className:a,categories:r,separator:n,...t})=>e(B,{children:(r==null?void 0:r.length)>1&&e("nav",{role:"navigation",...t,className:s(["dropin-breadcrumbs__container",a]),children:e("ul",{className:"dropin-breadcrumbs__items",children:r==null?void 0:r.map((o,i)=>e("li",{className:s(["dropin-breadcrumbs__item",["dropin-breadcrumbs__item--last",i===r.length-1]]),children:[e(y,{node:o,className:"dropin-breadcrumbs__link"}),!n&&i!==r.length-1&&e("span",{className:"dropin-breadcrumbs__separator--default",children:[" ","/"," "]}),n&&i!==r.length-1&&e(y,{node:n,className:"dropin-breadcrumbs__separator--icon"})]},i))})})}),Pt=({className:a,variant:r,icon:n,message:t,onDismiss:o,action:i,...d})=>{const l=x({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...d,className:s([a,"dropin-alert-banner",`dropin-alert-banner--${r}`]),children:[e("div",{className:"dropin-alert-banner__content",children:[n&&e(y,{node:n,"aria-hidden":"true",className:"dropin-alert-banner__icon"}),e(y,{node:t,className:s(["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(L,{source:z,size:"24",stroke:"2"}),className:"dropin-alert-banner__dismiss-button",variant:"primary",onClick:o,"aria-label":l.dismiss})]})]})},Ct=({className:a,icon:r,heading:n,headingLevel:t=2,message:o,action:i,variant:d="secondary",...l})=>{const _=t>=1&&t<=6?`h${t}`:"h2";return e("div",{...l,className:s(["dropin-illustrated-message",a]),children:e(Ue,{variant:d,children:[r&&e(y,{node:r,"aria-hidden":"true",size:"80",className:"dropin-illustrated-message__icon"}),n&&e(_,{className:"dropin-illustrated-message__heading",children:n}),o&&e(y,{node:o,className:"dropin-illustrated-message__message"}),i&&e(y,{node:i,className:"dropin-illustrated-message__action"})]})})},At=({className:a,label:r,name:n,value:t,selected:o=!0,onChange:i,icon:d,busy:l=!1,children:_,...m})=>e("div",{...m,className:s(["dropin-toggle-button",a,["dropin-toggle-button__selected",o]]),children:e("label",{className:"dropin-toggle-button__actionButton",children:[e(We,{label:"",name:n,value:t,checked:o,onChange:()=>i&&i(t),"aria-label":r,busy:l,className:s([a,"dropin-toggle-button__radioButton"])}),e("span",{className:"dropin-toggle-button__content",children:[d&&e(d.type,{...d==null?void 0:d.props,className:"dropin-toggle-button__icon"}),r]})]})}),Vt=({title:a=null,size:r="medium",cta:n,divider:t=!0,className:o,...i})=>a?e("div",{...i,className:s(["dropin-header-container",o]),"data-testid":"dropin-header-container",children:[e("span",{className:s(["dropin-header-container__title",["dropin-header-container__title--medium",r==="medium"],["dropin-header-container__title--large",r==="large"]]),children:a}),n?e(y,{node:n,className:"dropin-header-container__actions"}):null,t?e(me,{className:s(["dropin-header-container__divider",["dropin-header-container__divider--medium",r==="medium"],["dropin-header-container__divider--large",r==="large"]])}):null]}):null,Rt=({label:a,className:r,children:n,...t})=>!a&&!n?null:e("div",{...t,className:s(["dropin-tag-container",r]),"data-testid":"dropin-tag-container",children:n??e("span",{className:"dropin-tag-container__label",children:a})}),Bt=({className:a,children:r,maxColumns:n,columnWidth:t="1fr",emptyGridContent:o,...i})=>{const d=!!r&&(Array.isArray(r)?r.length>0:!0),l=d?{gridTemplateColumns:`repeat(${n}, ${t})`}:void 0;return e("div",{...i,className:s(["dropin-content-grid",a]),tabindex:0,children:e("div",{"data-testid":"content-grid-content",className:s(["dropin-content-grid__content",["dropin-content-grid__dynamic-columns-content",!n],["dropin-content-grid__content--empty",!d]]),style:l,children:d?r:o})})},Ft=({totalPages:a=10,currentPage:r=1,onChange:n,className:t,...o})=>{const i=x({backwardButton:"Dropin.Pagination.backwardButton.ariaLabel",forwardButton:"Dropin.Pagination.forwardButton.ariaLabel"}),d=T(()=>{const p=Math.min(r+1,a);n==null||n(p)},[r,n,a]),l=T(()=>{const p=Math.max(r-1,1);n==null||n(p)},[r,n]),_=T(p=>{ge(p)&&(n==null||n(p))},[n]),m=T((p,c)=>{let h=[];const f=(b,v)=>{for(let w=b;w<=v;w++)h.push({page:w,isActive:w===p,label:w})};return c<=5?f(1,c):p<=2?(f(1,2),h.push({page:"ellipsis",isActive:!1,label:"..."}),f(c-1,c)):p>=c-3?f(c-4,c):(f(p-1,p),h.push({page:"ellipsis",isActive:!1,label:"..."}),f(c-1,c)),h},[]),u=M(()=>m(r,a),[m,r,a]);return e("div",{...o,className:s(["dropin-pagination",t]),children:[e("button",{type:"button","data-testid":"prev-button","aria-label":i.backwardButton,disabled:r===1,onClick:l,className:s(["dropin-pagination-arrow","dropin-pagination-arrow--backward"]),children:e(L,{size:"24",source:X})}),e("ul",{className:"dropin-pagination_list",children:u.map((p,c)=>e("li",{"data-testid":`dropin-pagination_list-item--${p.page}`,className:s(["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:r===a,onClick:d,className:s(["dropin-pagination-arrow","dropin-pagination-arrow--forward"]),children:e(L,{size:"24",source:X})})]})};export{xt as Accordion,ze as AccordionSection,Nt as ActionButton,wt as ActionButtonGroup,Pt as AlertBanner,Ot as Breadcrumbs,R as Button,Ue as Card,St as CartItem,Ze as CartItemSkeleton,Tt as CartList,kt as Checkbox,yt as ColorSwatch,Bt as ContentGrid,me as Divider,ue as Field,Vt as Header,L as Icon,Ct as IllustratedMessage,Ge as Image,Dt as ImageSwatch,Et as InLineAlert,qe as Incrementer,_e as Input,ft as InputDate,vt as InputPassword,$t as Modal,Ft as Pagination,Ke as Picker,V as Price,Lt as PriceRange,je as ProgressSpinner,We as RadioButton,Ve as Skeleton,q as SkeletonRow,Rt as Tag,gt as TextArea,It as TextSwatch,At as ToggleButton,pe as UIContext,Re as UIProvider,bt as provider}; diff --git a/scripts/__dropins__/tools/types/elsie/src/components/Checkbox/Checkbox.d.ts b/scripts/__dropins__/tools/types/elsie/src/components/Checkbox/Checkbox.d.ts index be2aa39958..b7fef6c125 100644 --- a/scripts/__dropins__/tools/types/elsie/src/components/Checkbox/Checkbox.d.ts +++ b/scripts/__dropins__/tools/types/elsie/src/components/Checkbox/Checkbox.d.ts @@ -1,4 +1,4 @@ -import { FunctionComponent } from 'preact'; +import { FunctionComponent, VNode } from 'preact'; import { HTMLAttributes } from 'preact/compat'; export interface CheckboxProps extends Omit, 'size'> { @@ -6,8 +6,8 @@ export interface CheckboxProps extends Omit, 's size?: 'medium' | 'large'; disabled?: boolean; error?: boolean; - label?: string; - description?: string; + label?: string | VNode[]; + description?: string | VNode[]; } export declare const Checkbox: FunctionComponent; //# sourceMappingURL=Checkbox.d.ts.map \ No newline at end of file diff --git a/scripts/__dropins__/tools/types/elsie/src/components/Tag/Tag.d.ts b/scripts/__dropins__/tools/types/elsie/src/components/Tag/Tag.d.ts index 901c1153cb..32bb63872c 100644 --- a/scripts/__dropins__/tools/types/elsie/src/components/Tag/Tag.d.ts +++ b/scripts/__dropins__/tools/types/elsie/src/components/Tag/Tag.d.ts @@ -1,8 +1,9 @@ -import { FunctionComponent } from 'preact'; +import { FunctionComponent, VNode } from 'preact'; import { HTMLAttributes } from 'preact/compat'; export interface TagProps extends Omit, 'onChange' | 'icon'> { - label: string; + label?: string; + children?: VNode | VNode[]; } export declare const Tag: FunctionComponent; //# sourceMappingURL=Tag.d.ts.map \ No newline at end of file diff --git a/scripts/__dropins__/tools/types/elsie/src/icons/index.d.ts b/scripts/__dropins__/tools/types/elsie/src/icons/index.d.ts index bbe8d1a7db..57839d4679 100644 --- a/scripts/__dropins__/tools/types/elsie/src/icons/index.d.ts +++ b/scripts/__dropins__/tools/types/elsie/src/icons/index.d.ts @@ -39,4 +39,5 @@ export { default as AddressBook } from './AddressBook.svg'; export { default as EmptyBox } from './EmptyBox.svg'; export { default as Coupon } from './Coupon.svg'; export { default as Gift } from './Gift.svg'; +export { default as GiftCard } from './GiftCard.svg'; //# sourceMappingURL=index.d.ts.map \ No newline at end of file