@dropins/tools 1.5.0-alpha3001 → 1.5.0-alpha3002
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/chunks/Image.js +1 -1
- package/chunks/Image.js.map +1 -1
- package/components.js +1 -1
- package/components.js.map +1 -1
- package/lib/aem/assets.js +1 -1
- package/lib/aem/configs.js +1 -1
- package/package.json +1 -1
- package/types/elsie/src/components/Table/Table.d.ts +4 -2
- package/types/elsie/src/i18n/en_US.json.d.ts +0 -3
- package/types/elsie/src/i18n/index.d.ts +0 -9
package/chunks/Image.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! Copyright 2025 Adobe
|
|
2
2
|
All Rights Reserved. */
|
|
3
|
-
import{jsx as i}from"../preact-jsx-runtime.js";import{G as w,T as c,k as x,h as y}from"./icons/Add.js";import{IntlProvider as
|
|
3
|
+
import{jsx as i}from"../preact-jsx-runtime.js";import{G as w,T as c,k as x,h as y}from"./icons/Add.js";import{IntlProvider as T}from"../i18n.js";import{d as l}from"./cjs.js";import{R as f,g as S,c as I}from"./vcomponent.js";const P={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"},Table:{sortedAscending:"Sort {label} ascending",sortedDescending:"Sort {label} descending",sortBy:"Sort by {label}"}},r={Dropin:P},d={default:r,en_US:r},k=e=>l(d.default,d[e]||{}),v=w({locale:"en-US"}),A=({lang:e="en_US",langDefinitions:t={},children:a})=>{const n=c(()=>{const o=l(t.default,t[e]??{});return l(k(e),o)},[e,t]),s=e.replace("_","-");return i(v.Provider,{value:{locale:s},children:i(T,{definition:n,children:i(x,{children:a})})})},D=new f(i(A,{})),Q=({className:e,src:t,params:a,loading:n="lazy",srcSet:s,onLoad:o,...u})=>{const[m,p]=y(!1),b=c(()=>{if(s)return s;if(!(!t||!a))return S(t,{...a})},[a,t,s]),h=g=>{p(!0),o==null||o(g)};return i("img",{...u,className:I(["dropin-image",["dropin-image--loaded",m],e]),loading:n,onLoad:h,src:t,srcSet:b})};export{Q as I,v as U,A as a,D as p};
|
|
4
4
|
//# sourceMappingURL=Image.js.map
|
package/chunks/Image.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.js","sources":["/@dropins/tools/src/i18n/index.ts","/@dropins/tools/src/components/UIProvider/UIProvider.tsx","/@dropins/tools/src/components/Image/Image.tsx"],"sourcesContent":["/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { deepmerge } from '@adobe-commerce/elsie/lib';\nimport en_US from '@adobe-commerce/elsie/i18n/en_US.json';\n\nexport type Lang = 'en_US';\n\nexport const definition = {\n default: en_US,\n en_US,\n};\n\n// https://github.com/synacor/preact-i18n\n// eslint-disable-next-line no-restricted-imports\nexport * from 'preact-i18n';\n\nexport const getDefinitionByLanguage = (lang: Lang) => {\n return deepmerge(definition.default, definition[lang] || {});\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes, createContext, useMemo } from 'preact/compat';\nimport { deepmerge, Render } from '@adobe-commerce/elsie/lib';\nimport { IntlProvider, getDefinitionByLanguage, Lang } from '@adobe-commerce/elsie/i18n';\n\nimport '@adobe-commerce/elsie/components/UIProvider/UIProvider.css';\nimport '@adobe-commerce/elsie/components/UIProvider/normalize.css';\n\nexport const UIContext = createContext<{\n locale: string;\n}>({\n locale: 'en-US',\n});\n\ntype LangDefinitions = { [key: string]: any };\n\nexport interface UIProviderProps extends HTMLAttributes<HTMLDivElement> {\n lang?: Lang; // ... list of other supported languages\n langDefinitions?: LangDefinitions;\n}\n\nexport const UIProvider: FunctionComponent<UIProviderProps> = ({\n lang = 'en_US',\n langDefinitions = {},\n children,\n}) => {\n const definitions = useMemo(() => {\n // Merge default definition with selected definition\n const selectedDefinitions: LangDefinitions = deepmerge(\n langDefinitions.default,\n langDefinitions[lang] ?? {}\n );\n\n // Merge SDK default definitions with custom definitions\n return deepmerge(\n getDefinitionByLanguage(lang), // SDK default definitions\n selectedDefinitions // Custom definitions\n );\n }, [lang, langDefinitions]);\n\n const locale = lang.replace('_', '-');\n\n return (\n <UIContext.Provider value={{ locale }}>\n <IntlProvider definition={definitions}>\n <>{children}</>\n </IntlProvider>\n </UIContext.Provider>\n );\n};\n\nexport const provider = new Render(<UIProvider />);","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes, useMemo, useState } from 'preact/compat';\nimport {\n classes,\n generateSrcset,\n ResolveImageUrlOptions,\n} from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/Image/Image.css';\n\nexport interface ImageProps extends HTMLAttributes<HTMLDivElement> {\n params?: ResolveImageUrlOptions;\n src: string;\n onLoad?: (e: any) => void;\n}\nexport const Image: FunctionComponent<ImageProps> = ({\n className,\n src,\n params,\n loading = 'lazy',\n srcSet,\n onLoad,\n ...props\n}) => {\n const [loaded, setLoaded] = useState(false);\n\n const _srcSet = useMemo(() => {\n // If srcSet is provided, use it\n if (srcSet) return srcSet;\n\n // If src is not provided, return \"undefined\"\n if (!src || !params) return;\n\n // Otherwise, generate srcSet based on params\n return generateSrcset(src, { ...params });\n }, [params, src, srcSet]);\n\n // Add class at image onLoad\n const onLoadHandler = (e: any) => {\n setLoaded(true); \n onLoad?.(e);\n };\n\n return (\n <img\n {...props}\n className={classes([\n 'dropin-image',\n ['dropin-image--loaded', loaded],\n className,\n ])}\n loading={loading}\n onLoad={onLoadHandler}\n src={src}\n srcSet={_srcSet}\n />\n );\n};\n"],"names":["definition","en_US","getDefinitionByLanguage","lang","deepmerge","UIContext","createContext","UIProvider","langDefinitions","children","definitions","useMemo","selectedDefinitions","locale","jsx","IntlProvider","Fragment","provider","Render","Image","className","src","params","loading","srcSet","onLoad","props","loaded","setLoaded","useState","_srcSet","generateSrcset","onLoadHandler","e","classes"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Image.js","sources":["/@dropins/tools/src/i18n/index.ts","/@dropins/tools/src/components/UIProvider/UIProvider.tsx","/@dropins/tools/src/components/Image/Image.tsx"],"sourcesContent":["/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { deepmerge } from '@adobe-commerce/elsie/lib';\nimport en_US from '@adobe-commerce/elsie/i18n/en_US.json';\n\nexport type Lang = 'en_US';\n\nexport const definition = {\n default: en_US,\n en_US,\n};\n\n// https://github.com/synacor/preact-i18n\n// eslint-disable-next-line no-restricted-imports\nexport * from 'preact-i18n';\n\nexport const getDefinitionByLanguage = (lang: Lang) => {\n return deepmerge(definition.default, definition[lang] || {});\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes, createContext, useMemo } from 'preact/compat';\nimport { deepmerge, Render } from '@adobe-commerce/elsie/lib';\nimport { IntlProvider, getDefinitionByLanguage, Lang } from '@adobe-commerce/elsie/i18n';\n\nimport '@adobe-commerce/elsie/components/UIProvider/UIProvider.css';\nimport '@adobe-commerce/elsie/components/UIProvider/normalize.css';\n\nexport const UIContext = createContext<{\n locale: string;\n}>({\n locale: 'en-US',\n});\n\ntype LangDefinitions = { [key: string]: any };\n\nexport interface UIProviderProps extends HTMLAttributes<HTMLDivElement> {\n lang?: Lang; // ... list of other supported languages\n langDefinitions?: LangDefinitions;\n}\n\nexport const UIProvider: FunctionComponent<UIProviderProps> = ({\n lang = 'en_US',\n langDefinitions = {},\n children,\n}) => {\n const definitions = useMemo(() => {\n // Merge default definition with selected definition\n const selectedDefinitions: LangDefinitions = deepmerge(\n langDefinitions.default,\n langDefinitions[lang] ?? {}\n );\n\n // Merge SDK default definitions with custom definitions\n return deepmerge(\n getDefinitionByLanguage(lang), // SDK default definitions\n selectedDefinitions // Custom definitions\n );\n }, [lang, langDefinitions]);\n\n const locale = lang.replace('_', '-');\n\n return (\n <UIContext.Provider value={{ locale }}>\n <IntlProvider definition={definitions}>\n <>{children}</>\n </IntlProvider>\n </UIContext.Provider>\n );\n};\n\nexport const provider = new Render(<UIProvider />);","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes, useMemo, useState } from 'preact/compat';\nimport {\n classes,\n generateSrcset,\n ResolveImageUrlOptions,\n} from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/Image/Image.css';\n\nexport interface ImageProps extends HTMLAttributes<HTMLDivElement> {\n params?: ResolveImageUrlOptions;\n src: string;\n onLoad?: (e: any) => void;\n}\nexport const Image: FunctionComponent<ImageProps> = ({\n className,\n src,\n params,\n loading = 'lazy',\n srcSet,\n onLoad,\n ...props\n}) => {\n const [loaded, setLoaded] = useState(false);\n\n const _srcSet = useMemo(() => {\n // If srcSet is provided, use it\n if (srcSet) return srcSet;\n\n // If src is not provided, return \"undefined\"\n if (!src || !params) return;\n\n // Otherwise, generate srcSet based on params\n return generateSrcset(src, { ...params });\n }, [params, src, srcSet]);\n\n // Add class at image onLoad\n const onLoadHandler = (e: any) => {\n setLoaded(true); \n onLoad?.(e);\n };\n\n return (\n <img\n {...props}\n className={classes([\n 'dropin-image',\n ['dropin-image--loaded', loaded],\n className,\n ])}\n loading={loading}\n onLoad={onLoadHandler}\n src={src}\n srcSet={_srcSet}\n />\n );\n};\n"],"names":["definition","en_US","getDefinitionByLanguage","lang","deepmerge","UIContext","createContext","UIProvider","langDefinitions","children","definitions","useMemo","selectedDefinitions","locale","jsx","IntlProvider","Fragment","provider","Render","Image","className","src","params","loading","srcSet","onLoad","props","loaded","setLoaded","useState","_srcSet","generateSrcset","onLoadHandler","e","classes"],"mappings":"ukFAcaA,EAAa,CACxB,QAASC,EACT,MAAAA,CACF,EAMaC,EAA2BC,GAC/BC,EAAUJ,EAAW,QAASA,EAAWG,CAAI,GAAK,EAAE,ECPhDE,EAAYC,EAEtB,CACD,OAAQ,OACV,CAAC,EASYC,EAAiD,CAAC,CAC7D,KAAAJ,EAAO,QACP,gBAAAK,EAAkB,CAAC,EACnB,SAAAC,CACF,IAAM,CACE,MAAAC,EAAcC,EAAQ,IAAM,CAEhC,MAAMC,EAAuCR,EAC3CI,EAAgB,QAChBA,EAAgBL,CAAI,GAAK,CAAA,CAC3B,EAGO,OAAAC,EACLF,EAAwBC,CAAI,EAC5BS,CACF,CAAA,EACC,CAACT,EAAMK,CAAe,CAAC,EAEpBK,EAASV,EAAK,QAAQ,IAAK,GAAG,EAEpC,OACGW,EAAAT,EAAU,SAAV,CAAmB,MAAO,CAAE,OAAAQ,CAAA,EAC3B,SAAAC,EAACC,GAAa,WAAYL,EACxB,SAAGI,EAAAE,EAAA,CAAA,SAAAP,CAAA,CAAS,CACd,CAAA,EACF,CAEJ,EAEaQ,EAAW,IAAIC,EAAOJ,EAACP,IAAW,CAAE,ECrCpCY,EAAuC,CAAC,CACnD,UAAAC,EACA,IAAAC,EACA,OAAAC,EACA,QAAAC,EAAU,OACV,OAAAC,EACA,OAAAC,EACA,GAAGC,CACL,IAAM,CACJ,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAS,EAAK,EAEpCC,EAAUnB,EAAQ,IAAM,CAE5B,GAAIa,EAAe,OAAAA,EAGf,GAAA,GAACH,GAAO,CAACC,GAGb,OAAOS,EAAeV,EAAK,CAAE,GAAGC,EAAQ,CACvC,EAAA,CAACA,EAAQD,EAAKG,CAAM,CAAC,EAGlBQ,EAAiBC,GAAW,CAChCL,EAAU,EAAI,EACdH,GAAA,MAAAA,EAASQ,EACX,EAGE,OAAAnB,EAAC,MAAA,CACE,GAAGY,EACJ,UAAWQ,EAAQ,CACjB,eACA,CAAC,uBAAwBP,CAAM,EAC/BP,CAAA,CACD,EACD,QAAAG,EACA,OAAQS,EACR,IAAAX,EACA,OAAQS,CAAA,CACV,CAEJ"}
|
package/components.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! Copyright 2025 Adobe
|
|
2
2
|
All Rights Reserved. */
|
|
3
|
-
import{jsx as e}from"./preact-jsx-runtime.js";import{c as a,V as w}from"./chunks/vcomponent.js";import{I as ye,U as ke}from"./chunks/Image.js";import{a as Jr,p as Xr}from"./chunks/Image.js";import{L as ne,F as N,h as V,y as B,q as T,S as j,A as G,g as _e,T as q,_ as De,N as me,E as $e,k as W,a as Ie,x as Ee}from"./chunks/icons/Add.js";import z from"./chunks/icons/Minus.js";import{Localizer as ie,Text as Y,useText as E}from"./i18n.js";import{d as ue,a as ae,i as Se}from"./chunks/deviceUtils.js";import xe from"./chunks/icons/CheckWithCircle.js";import Le from"./chunks/icons/WarningWithCircle.js";import Te from"./chunks/icons/Date.js";import Oe from"./chunks/icons/Locker.js";import Pe from"./chunks/icons/Eye.js";import Ce from"./chunks/icons/EyeClose.js";import he from"./chunks/icons/Check.js";import J from"./chunks/icons/Close.js";import{g as Ae}from"./chunks/locale-config.js";import Q from"./chunks/icons/ChevronDown.js";import Ve from"./chunks/icons/Trash.js";import"./chunks/image-params-keymap.js";import"./signals.js";import"./chunks/cjs.js";const oe=1,R=({className:t,fullWidth:r=!1,lines:n=oe,size:i="small",variant:l="row",children:o=null,multilineGap:s="medium",...d})=>{const p=[[`dropin-skeleton-row__${l}`,l],[`dropin-skeleton-row__${l}-${i}`,l&&i]];if(!o&&l==="empty")return e("div",{className:a(["dropin-skeleton-row dropin-skeleton-row__empty",t])});if(o){const h=o.trim();return e("div",{...d,class:a(["dropin-skeleton-row",["dropin-skeleton-row--full",r],t]),dangerouslySetInnerHTML:{__html:h}})}return n>oe===!1?e("div",{...d,class:a(["dropin-skeleton-row",["dropin-skeleton-row--full",r],"dropin-skeleton--row__content",...p,t])}):e("div",{...d,style:{"--multiline-gap-spacing":`var(--spacing-${s})`},class:a(["dropin-skeleton-row--multiline",["dropin-skeleton-row--full",r],t]),children:Array.from({length:n}).map((h,m)=>e("div",{class:a(["dropin-skeleton-row",["dropin-skeleton-row--full",r],"dropin-skeleton--row__content",...p])},m))})},ee=({className:t,children:r,rowGap:n="medium",...i})=>e("div",{style:{"--row-gap-spacing":`var(--spacing-${n})`},...i,className:a(["dropin-skeleton",t]),role:"status","aria-label":"Loading...",children:r}),Re=function(){const r=typeof document<"u"&&document.createElement("link").relList;return r&&r.supports&&r.supports("modulepreload")?"modulepreload":"preload"}(),Be=function(t){return"/"+t},se={},g=function(r,n,i){let l=Promise.resolve();if(n&&n.length>0){document.getElementsByTagName("link");const s=document.querySelector("meta[property=csp-nonce]"),d=(s==null?void 0:s.nonce)||(s==null?void 0:s.getAttribute("nonce"));l=Promise.allSettled(n.map(p=>{if(p=Be(p),p in se)return;se[p]=!0;const _=p.endsWith(".css"),h=_?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${p}"]${h}`))return;const m=document.createElement("link");if(m.rel=_?"stylesheet":Re,_||(m.as="script"),m.crossOrigin="",m.href=p,d&&m.setAttribute("nonce",d),document.head.appendChild(m),_)return new Promise((c,u)=>{m.addEventListener("load",c),m.addEventListener("error",()=>u(new Error(`Unable to preload CSS for ${p}`)))})}))}function o(s){const d=new Event("vite:preloadError",{cancelable:!0});if(d.payload=s,window.dispatchEvent(d),!d.defaultPrevented)throw s}return l.then(s=>{for(const d of s||[])d.status==="rejected"&&o(d.reason);return r().catch(o)})},le={Add:N(()=>g(()=>import("./chunks/icons/Add.js").then(t=>t.$),[])),Bulk:N(()=>g(()=>import("./chunks/icons/Bulk.js"),[])),Burger:N(()=>g(()=>import("./chunks/icons/Burger.js"),[])),Cart:N(()=>g(()=>import("./chunks/icons/Cart.js"),[])),Check:N(()=>g(()=>import("./chunks/icons/Check.js"),[])),ChevronDown:N(()=>g(()=>import("./chunks/icons/ChevronDown.js"),[])),ChevronUp:N(()=>g(()=>import("./chunks/icons/ChevronUp.js"),[])),ChevronRight:N(()=>g(()=>import("./chunks/icons/ChevronRight.js"),[])),Close:N(()=>g(()=>import("./chunks/icons/Close.js"),[])),Heart:N(()=>g(()=>import("./chunks/icons/Heart.js"),[])),Minus:N(()=>g(()=>import("./chunks/icons/Minus.js"),[])),Placeholder:N(()=>g(()=>import("./chunks/icons/Placeholder.js"),[])),PlaceholderFilled:N(()=>g(()=>import("./chunks/icons/PlaceholderFilled.js"),[])),Search:N(()=>g(()=>import("./chunks/icons/Search.js"),[])),SearchFilled:N(()=>g(()=>import("./chunks/icons/SearchFilled.js"),[])),Sort:N(()=>g(()=>import("./chunks/icons/Sort.js"),[])),Star:N(()=>g(()=>import("./chunks/icons/Star.js"),[])),View:N(()=>g(()=>import("./chunks/icons/View.js"),[])),User:N(()=>g(()=>import("./chunks/icons/User.js"),[])),Warning:N(()=>g(()=>import("./chunks/icons/Warning.js"),[])),Locker:N(()=>g(()=>import("./chunks/icons/Locker.js"),[])),Wallet:N(()=>g(()=>import("./chunks/icons/Wallet.js"),[])),Card:N(()=>g(()=>import("./chunks/icons/Card.js"),[])),Order:N(()=>g(()=>import("./chunks/icons/Order.js"),[])),Delivery:N(()=>g(()=>import("./chunks/icons/Delivery.js"),[])),OrderError:N(()=>g(()=>import("./chunks/icons/OrderError.js"),[])),OrderSuccess:N(()=>g(()=>import("./chunks/icons/OrderSuccess.js"),[])),PaymentError:N(()=>g(()=>import("./chunks/icons/PaymentError.js"),[])),CheckWithCircle:N(()=>g(()=>import("./chunks/icons/CheckWithCircle.js"),[])),WarningWithCircle:N(()=>g(()=>import("./chunks/icons/WarningWithCircle.js"),[])),WarningFilled:N(()=>g(()=>import("./chunks/icons/WarningFilled.js"),[])),InfoFilled:N(()=>g(()=>import("./chunks/icons/InfoFilled.js"),[])),HeartFilled:N(()=>g(()=>import("./chunks/icons/HeartFilled.js"),[])),Trash:N(()=>g(()=>import("./chunks/icons/Trash.js"),[])),Eye:N(()=>g(()=>import("./chunks/icons/Eye.js"),[])),EyeClose:N(()=>g(()=>import("./chunks/icons/EyeClose.js"),[])),Date:N(()=>g(()=>import("./chunks/icons/Date.js"),[])),AddressBook:N(()=>g(()=>import("./chunks/icons/AddressBook.js"),[])),EmptyBox:N(()=>g(()=>import("./chunks/icons/EmptyBox.js"),[])),Coupon:N(()=>g(()=>import("./chunks/icons/Coupon.js"),[])),Gift:N(()=>g(()=>import("./chunks/icons/Gift.js"),[])),GiftCard:N(()=>g(()=>import("./chunks/icons/GiftCard.js"),[])),Edit:N(()=>g(()=>import("./chunks/icons/Edit.js"),[]))};function de(t){try{if(t.startsWith("//")){const n=`${window.location.protocol}${t}`;return new URL(n).hostname!==window.location.hostname?(console.error(`[Icon] External URL rejected for security: ${t} - Only same-domain URLs are allowed`),!1):!0}return new URL(t).hostname!==window.location.hostname?(console.error(`[Icon] External URL rejected for security: ${t} - Only same-domain URLs are allowed`),!1):!0}catch{return console.error(`[Icon] Invalid URL format: ${t}`),!1}}function Fe({url:t,...r}){const[n,i]=V(""),[l,o]=V(!0),[s,d]=V(!1);return B(()=>{fetch(t).then(p=>{if(!p.ok)throw console.error(`[Icon] Failed to fetch SVG: ${p.status} ${p.statusText}`),s;return p.text()}).then(p=>{try{if(!new DOMParser().parseFromString(p,"image/svg+xml").querySelector("svg"))throw new Error("No <svg> element found")}catch(h){h instanceof Error?console.error(`[Icon] Invalid SVG content from ${t}: ${h.message}`):console.error(`[Icon] Invalid SVG content from ${t}: ${String(h)}`),d(!0),o(!1)}let _=p;r.width&&(_=_.replace(/<svg([^>]*)\s+width\s*=\s*["'][^"']*["']/gi,"<svg$1"),_=_.replace(/<svg/i,`<svg width="${r.width}"`)),r.height&&(_=_.replace(/<svg([^>]*)\s+height\s*=\s*["'][^"']*["']/gi,"<svg$1"),_=_.replace(/<svg/i,`<svg height="${r.height}"`)),r.title&&(_=_.replace(/<title[^>]*>.*?<\/title>/gi,""),_=_.replace(/<svg([^>]*)>/i,`<svg$1><title>${r.title}</title>`)),i(_),o(!1)}).catch(p=>{p instanceof Error?console.error(`[Icon] ${p.message}`):console.error(`[Icon] ${String(p)}`),d(!0),o(!1)})},[t,r.width,r.height,r.title]),l||s?e("svg",{...r}):e("span",{className:r.className,style:{width:String(r.width),height:String(r.height),display:"inline-flex",lineHeight:0},dangerouslySetInnerHTML:{__html:n}})}function L({source:t,size:r="24",stroke:n="2",viewBox:i="0 0 24 24",className:l,...o}){const s={className:a(["dropin-icon",`dropin-icon--shape-stroke-${n}`,l]),width:r,height:r,viewBox:i},d=typeof t=="string"&&(t.startsWith("http")||t.startsWith("//")||t.startsWith("/"));if(d&&de(t))return e(ne,{fallback:e("svg",{...o,...s}),children:e(Fe,{url:t,...o,...s})});const p=typeof t=="string"&&t in le?le[t]:null,_=d&&!de(t);return e(ne,{fallback:e("svg",{...o,...s}),children:p?e(p,{...o,...s}):_?e("svg",{...o,...s}):e(t,{...o,...s})})}const He=({name:t,value:r="1",className:n,disabled:i,error:l,success:o,min:s,max:d,onValue:p,onUpdateError:_,size:h="medium",showButtons:m=!0,...c})=>{const[u,b]=V(Number(r)),f=Number(s),v=Number(d),y=l||u<f||u>v,k=u<f?"Dropin.Incrementer.minQuantityMessage":u>v?"Dropin.Incrementer.maxQuantityMessage":"Dropin.Incrementer.errorMessage";B(()=>{const I=Number(r);I!==u&&b(I)},[r]);const S=T(ue(async I=>{if(p)try{p(I)}catch(D){_&&_(D)}},200),[p,_]),x=I=>{let D=I;S(D),b(D)};return e("div",{className:a(["dropin-incrementer",`dropin-incrementer--${h}`,n]),children:[e("div",{className:a(["dropin-incrementer__content",`dropin-incrementer__content--${h}`,["dropin-incrementer__content--no-buttons",!m],["dropin-incrementer__content--error",y],["dropin-incrementer__content--success",o],["dropin-incrementer__content--disabled",i]]),children:[m&&e("div",{className:a(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",i]]),children:e(ie,{children:e("button",{type:"button",className:a(["dropin-incrementer__decrease-button",["dropin-incrementer__decrease-button--disabled",i]]),onClick:()=>x(u-1),disabled:i||u<f+1,"aria-label":e(Y,{id:"Dropin.Incrementer.decreaseLabel"}),children:e(L,{source:z,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__down"})})})}),e("input",{className:"dropin-incrementer__input",max:d,min:s,step:1,type:"number",name:t,value:u,disabled:i,onBlur:()=>{x(Number(u))},onChange:I=>{const D=I.currentTarget.value;D!==""&&x(Number(D))},...c}),m&&e("div",{className:a(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",i]]),children:e(ie,{children:e("button",{type:"button",className:a(["dropin-incrementer__increase-button",["dropin-incrementer__increase-button--disabled",i]]),onClick:()=>x(u+1),disabled:i||u>v-1,"aria-label":e(Y,{id:"Dropin.Incrementer.increaseLabel"}),children:e(L,{source:j,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__add"})})})})]}),y&&e("p",{className:"dropin-incrementer__content--error-message",children:e(Y,{id:k,fields:{minQuantity:s,maxQuantity:d}})})]})},be=({name:t,value:r,variant:n="primary",className:i,disabled:l,error:o,floatingLabel:s,onValue:d,onUpdateError:p,size:_="medium",icon:h,maxLength:m,success:c,...u})=>{const b=(u==null?void 0:u.id)||t||`dropin-input-${Math.random().toString(36)}`,f=T(ue(async y=>{if(d)try{await d(y)}catch(k){p&&p(k)}},200),[d,p]),v=y=>{const k=y.target;f(k.value.trim())};return e("div",{className:a(["dropin-input-container",`dropin-input-container--${n}`,["dropin-input-container--floating",!!s],["dropin-input-container--disabled",l]]),children:[h&&e(w,{node:h,className:a(["dropin-input__field-icon--left",h.props.className])}),e("div",{className:"dropin-input-label-container",children:[e("input",{id:b,onChange:v,type:"text",maxLength:m,name:t,value:r,...u,className:a(["dropin-input",`dropin-input--${_}`,`dropin-input--${n}`,["dropin-input--error",!!o],["dropin-input--success",!!c],["dropin-input--disabled",l],["dropin-input--floating",!!s],["dropin-input--icon-left",!!h],i]),disabled:l}),s&&e("label",{htmlFor:b,className:a([["dropin-input__label--floating",!!s],["dropin-input__label--floating--icon-left",!!h],["dropin-input__label--floating--error",!!o]]),children:s})]}),o&&e("div",{className:a(["dropin-input__field-icon--right","dropin-input__field-icon--error"]),children:e(L,{source:Le,size:"16",stroke:"2",className:"dropin-input--warning-icon",viewBox:"-1 -1 26 26"})}),c&&e("div",{className:a(["dropin-input__field-icon--right","dropin-input__field-icon--success"]),children:e(L,{source:xe,size:"16",stroke:"2",className:"dropin-input--success-icon",viewBox:"-1 -1 26 26"})})]})},wr=({name:t="",error:r,value:n,label:i,onChange:l,onBlur:o,...s})=>{const[d,p]=V((n==null?void 0:n.toString())??""),_=G(null),h=E({picker:"Dropin.InputDate.picker"}),m=T(f=>{f.currentTarget.setAttribute("type","date"),ae()&&_.current.focus()},[]),c=T(f=>{var y;const v=(y=f.currentTarget.parentElement)==null?void 0:y.querySelector("input");v==null||v.focus(),v==null||v.showPicker()},[]),u=T(f=>{f.currentTarget.setAttribute("type","text"),o==null||o(f)},[o]),b=T(f=>{p(f.target.value),l==null||l(f)},[l]);return e("div",{className:a(["dropin-input-date"]),children:[ae()?e("input",{ref:_,"data-testid":"inputDateIos",className:"dropin-input-date__input--ios",type:"date",onChange:b}):null,e(ve,{error:r,children:e(be,{"data-testid":"input-date",error:!!r,name:t,value:d,placeholder:i,floatingLabel:i,onFocus:m,onBlur:u,onChange:b,"aria-labelledby":i,className:"dropin-input-date__input",...s})}),e("button",{type:"button","data-testid":"dropin-input-date__icon",className:"dropin-input-date__icon","aria-label":h.picker,onClick:c,children:e(L,{source:Te,size:"24"})})]})},ce={pending:e(z,{}),success:e(he,{}),error:e(J,{style:{fill:"red"}})},We=({minLength:t=0,requiredCharacterClasses:r=0,uniqueSymbolsStatus:n="pending",validateLengthConfig:i={status:"",icon:"",message:""}})=>{const l=E({chartTwoSymbols:"Dropin.PasswordStatusIndicator.chartTwoSymbols",chartThreeSymbols:"Dropin.PasswordStatusIndicator.chartThreeSymbols",chartFourSymbols:"Dropin.PasswordStatusIndicator.chartFourSymbols"}),o=s=>{switch(s){case 2:return l.chartTwoSymbols;case 3:return l.chartThreeSymbols;case 4:return l.chartFourSymbols;default:return""}};return e("div",{className:a(["dropin-password-status-indicator"]),children:[t>0?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${i.status}`,"data-testid":`dropin-password-status-indicator__item--${i.icon}`,children:[ce[i.icon],e("span",{className:`${i.status}`,children:i.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:[ce[n],e("span",{className:"pending",children:o(r)})]}):null]})},yr=({placeholder:t,floatingLabel:r,children:n,name:i,required:l,className:o,minLength:s,autoComplete:d,defaultValue:p="",hideStatusIndicator:_=!1,uniqueSymbolsStatus:h,validateLengthConfig:m,requiredCharacterClasses:c,errorMessage:u,onValue:b,onBlur:f,...v})=>{const y=E({placeholder:"Dropin.InputPassword.placeholder",floatingLabel:"Dropin.InputPassword.floatingLabel",buttonShowTitle:"Dropin.InputPassword.buttonShowTitle",buttonHideTitle:"Dropin.InputPassword.buttonHideTitle"}),[k,S]=V(!1),x=T(()=>{S(D=>!D)},[]),I=k?y.buttonHideTitle:y.buttonShowTitle;return e("div",{"data-testid":"passwordFieldInput",className:a(["dropin-input-password",["dropin-input-password--error",u],o]),...v,children:[e(ve,{error:u,children:e(be,{autoComplete:d,name:i??"password",type:k?"text":"password",placeholder:t||y.placeholder,floatingLabel:r||y.floatingLabel,"aria-label":y.placeholder,"aria-required":l||!0,"aria-invalid":!!u,"aria-describedby":"password-feedback",required:l||!1,value:p,onValue:b,icon:e(Oe,{}),onBlur:f,"data-testid":"passwordInput"})}),e(F,{"aria-label":I,title:I,type:"button","data-testid":"toggle-password-icon",variant:"tertiary",className:a(["dropin-input-password__eye-icon",`dropin-input-password__eye-icon--${k?"show":"hide"}`,o]),onClick:x,children:e(L,{focusable:!1,"aria-hidden":k,source:k?Pe:Ce})}),_?null:e(We,{minLength:s,requiredCharacterClasses:c,validateLengthConfig:m,uniqueSymbolsStatus:h}),n]})},kr=({disabled:t,name:r="",errorMessage:n,value:i,label:l,className:o,onChange:s,onBlur:d,...p})=>{const _=G(null),h=_e(),m=!!(n!=null&&n.length);return B(()=>{const c=_.current;c&&(c.style.height="auto",c.style.height=`${c.scrollHeight}px`)},[i]),e("div",{className:a(["dropin-textarea-container",o]),"data-testid":"dropin-textarea-container",children:[e("textarea",{ref:_,"data-testid":"dropin-textarea-field",className:a(["dropin-textarea",["dropin-textarea--error",m],["dropin-textarea--disabled",!!t]]),id:h,placeholder:l,name:r,value:i,disabled:t,onBlur:d,onChange:s,...p}),e("label",{htmlFor:h,className:a(["dropin-textarea__label--floating",["dropin-textarea__label--floating--error",m]]),children:l}),m?e("div",{className:a(["dropin-textarea__label--floating--text",["dropin-textarea__label--floating--error",m]]),children:n}):null]})},fe=({variant:t="primary",className:r})=>e("hr",{role:"separator",className:a(["dropin-divider",`dropin-divider--${t}`,r])});var Z={};const H=({amount:t=0,currency:r,locale:n,variant:i="default",weight:l="bold",className:o,children:s,sale:d=!1,formatOptions:p={},size:_="small",...h})=>{const m=q(()=>{if(n)return n;const b=Ae();return b||(Z.LOCALE&&Z.LOCALE!=="undefined"?Z.LOCALE:"en-US")},[n]),c=q(()=>{const b={style:"currency",currency:r||"USD",minimumFractionDigits:2,maximumFractionDigits:2,...p};try{return new Intl.NumberFormat(m,b)}catch(f){return console.error(`Error creating Intl.NumberFormat instance for locale ${m}. Falling back to en-US.`,f),new Intl.NumberFormat("en-US",b)}},[m,r,p]),u=q(()=>c.format(t),[t,c]);return e("span",{...h,className:a(["dropin-price",`dropin-price--${i}`,`dropin-price--${_}`,`dropin-price--${l}`,["dropin-price--sale",d],o]),children:u})},Ue=({name:t,label:r,value:n,size:i="medium",checked:l=!1,disabled:o=!1,error:s=!1,description:d="",busy:p=!1,className:_,children:h,...m})=>e("label",{className:a([_,"dropin-radio-button",["dropin-radio-button--error",s],["dropin-radio-button--disabled",o]]),children:[e("input",{name:t,value:n,checked:l,disabled:o,type:"radio",className:a(["dropin-radio-button__input",["dropin-radio-button__input--error",s],["dropin-radio-button__input--disabled",o]]),"aria-busy":p,...m}),e("span",{className:a(["dropin-radio-button__label",`dropin-radio-button__label--${i}`,["dropin-radio-button__label--error",s],["dropin-radio-button__label--disabled",o]]),children:r}),e("span",{className:a(["dropin-radio-button__description",`dropin-radio-button__description--${i}`,["dropin-radio-button__description--disabled",o]]),children:d})]}),F=({value:t,variant:r="primary",size:n="medium",icon:i,className:l,children:o,disabled:s=!1,active:d=!1,activeChildren:p,activeIcon:_,href:h,...m})=>{let c="dropin-button";(i&&!o||i&&d&&!p||!i&&d&&_)&&(c="dropin-iconButton"),d&&p&&(c="dropin-button"),l=a([c,`${c}--${n}`,`${c}--${r}`,[`${c}--${r}--disabled`,s],o&&i&&`${c}--with-icon`,!o&&p&&i&&`${c}--with-icon`,d&&_&&`${c}--with-icon`,l]);const u=a(["dropin-button-icon",`dropin-button-icon--${r}`,[`dropin-button-icon--${r}--disabled`,s],i==null?void 0:i.props.className]),b=h?{node:e("a",{}),role:"link",href:h,...m,disabled:s,active:d,onKeyDown:f=>{s&&f.preventDefault()},tabIndex:s?-1:0}:{node:e("button",{}),role:"button",...m,value:t,disabled:s,active:d};return e(w,{...b,className:l,children:[i&&!d&&e(w,{node:i,className:u}),_&&d&&e(w,{node:_,className:u}),o&&!d&&(typeof o=="string"?e("span",{children:o}):o),d&&p&&(typeof p=="string"?e("span",{children:p}):p)]})};function pe(t,r,n,i,l){return t||(r?r.value:n||i?"":l?l.value:null)}const qe=({name:t,value:r=null,options:n,variant:i="primary",floatingLabel:l,size:o="medium",handleSelect:s=()=>{},disabled:d=!1,error:p=!1,placeholder:_,defaultOption:h,icon:m,className:c,id:u,...b})=>{const f=u??t??`dropin-picker-${Math.random().toString(36)}`,v=!!(b!=null&&b.required),y=n==null?void 0:n.find($=>!$.disabled),[k,S]=V(()=>pe(r,h,_,l,y));B(()=>{S(pe(r,h,_,l,y))},[r,h,_,l,y]);const x=$=>{const{options:P,value:K}=$.target;for(const C of P)C.selected&&(S(K),s($))},I=n==null?void 0:n.map($=>{const{value:P,text:K,disabled:C}=$;return e("option",{value:P,selected:P===k,disabled:C,className:a(["dropin-picker__option"]),children:K},P)}),D=!!k,O=()=>(!v||!D)&&(l||_);return e("div",{className:a([c,"dropin-picker",`dropin-picker__${o}`,["dropin-picker__floating",!!l],["dropin-picker__selected",D],["dropin-picker__error",p],["dropin-picker__disabled",d],["dropin-picker__icon",m]]),children:[m&&e(m.type,{...m.props,className:"dropin-picker__icon--placeholder"}),e("select",{id:f,className:a(["dropin-picker__select",`dropin-picker__select--${i}`,`dropin-picker__select--${o}`,["dropin-picker__select--floating",!!l]]),name:t,"aria-label":t,disabled:d,onChange:x,...b,children:[O()&&e("option",{selected:!D,value:"",className:a(["dropin-picker__option dropin-picker__placeholder"]),children:l??_},r),I]}),e(L,{source:Q,size:"24",stroke:"2",className:"dropin-picker__chevronDown"}),l&&D&&e("label",{htmlFor:u,className:a(["dropin-picker__floatingLabel",!!l]),children:l})]})},ve=({className:t,label:r,error:n,hint:i,success:l,size:o="medium",disabled:s=!1,children:d,...p})=>{var m;const _=((m=d==null?void 0:d.props)==null?void 0:m.id)??`dropin-field-${Math.random().toString(36)}`,h=d&&typeof d.type!="string"?d.type:null;return e("div",{...p,className:a(["dropin-field",t]),children:[r&&e("label",{className:a(["dropin-field__label",["dropin-field__label--disabled",s],`dropin-field__label--${o}`]),htmlFor:_,children:r}),e("div",{className:a(["dropin-field__content"]),children:h&&d&&De(h,{...d.props,id:_,key:d.key,disabled:s,size:o,error:!!n,success:!!l&&!n})}),e("div",{className:a(["dropin-field__hint",[`dropin-field__hint--${o}`,o],["dropin-field__hint--error",!!n],["dropin-field__hint--success",!!l&&!n],["dropin-field__hint--disabled",!!s]]),children:n||l||i})]})},Dr=({icon:t,className:r,children:n,active:i=!1,disabled:l=!1,...o})=>e("button",{role:"button",disabled:l,...o,className:a(["dropin-action-button",["dropin-action-button--active",i],["dropin-action-button--disabled",l],r]),children:[t&&e(w,{node:t,className:a(["dropin-action-button-icon"])}),n&&(typeof n=="string"?e("span",{children:n}):n)]}),$r=({className:t,variant:r="primary",activeOption:n,disabled:i=!1,dividers:l=!0,children:o,handleSelect:s,...d})=>{const[p,_]=V(n),h=T(c=>{i||c.props.disabled||(_(c.props.value),s&&s(c.props.value))},[s,_,i]),m=me.map(o,c=>{const u=i||c.props.disabled,b=c.props.value===p;return $e(c,{disabled:u,active:b,onClick:()=>h(c),className:a(["dropin-action-button-group__option",`dropin-action-button-group__option--${r}`,["dropin-action-button-group__option--active",b],["dropin-action-button-group__option--with-dividers",l]])})});return e("div",{role:"group",...d,className:a(["dropin-action-button-group",`dropin-action-button-group--${r}`,t]),children:m})},Me=({variant:t="primary",className:r,children:n,...i})=>e("div",{...i,className:a(["dropin-card",`dropin-card--${t}`,r]),children:e("div",{class:"dropin-card__content",children:n})}),Ir=({name:t,value:r,size:n="medium",disabled:i=!1,error:l=!1,label:o="",description:s="",className:d,checked:p,..._})=>{const[h,m]=V(p===void 0?!1:p),c=G(null),u=f=>{var v;(v=_.onChange)==null||v.call(_,f),m(f.currentTarget.checked)},b=f=>{var v;f.key===" "&&(f.preventDefault(),(v=c==null?void 0:c.current)==null||v.click())};return B(()=>{typeof p=="boolean"&&m(p)},[p]),e("label",{className:a(["dropin-checkbox",["dropin-checkbox--disabled",i]]),children:[e("input",{ref:c,name:t,value:r,type:"checkbox",disabled:i,className:a(["dropin-checkbox__checkbox",["dropin-checkbox__checkbox--error",l],d]),..._,onChange:u,checked:h}),e("div",{className:"dropin-checkbox__checkbox-icon",children:["",e("span",{"aria-checked":h?"true":"false","aria-labelledby":`${t}-label`,"aria-describedby":s?`${t}-description`:void 0,className:a(["dropin-checkbox__box",["dropin-checkbox__box--error",l],["dropin-checkbox__box--disabled",i]]),role:"checkbox",tabIndex:i?-1:0,onKeyDown:b,children:e(L,{className:a(["dropin-checkbox__checkmark"]),source:he,size:"16",stroke:"3"})})]}),e("div",{id:`${t}-label`,className:a(["dropin-checkbox__label",`dropin-checkbox__label--${n}`,["dropin-checkbox__label--disabled",i]]),children:o}),e("div",{}),s&&e("div",{id:`${t}-description`,role:"note",className:a(["dropin-checkbox__description",`dropin-checkbox__description--${n}`,["dropin-checkbox__description--disabled",i]]),children:s})]})},Er=({className:t,name:r,value:n,id:i,label:l,groupAriaLabel:o,size:s="medium",color:d,disabled:p=!1,selected:_=!1,outOfStock:h=!1,multi:m=!1,onValue:c,onUpdateError:u,...b})=>{const f=E("Dropin.Swatches.outOfStock.label").label,v=E("Dropin.Swatches.selected.label").label,y=E("Dropin.Swatches.swatch.label").label,k=T(async $=>{if(c)try{await c($)}catch(P){u&&u(P)}},[c,u]),S=$=>{const P=$.target;k(P.value)},D=d&&($=>{const P=new Option().style;return P.color=$,P.color!==""})(d)?d:"var(--color-gray-300);",O=()=>h?`${o}: ${l} ${f}`:_?`${o}: ${l} ${v}`:`${o}: ${l} ${y}`;return e("label",{className:a(["dropin-color-swatch__container",`dropin-color-swatch__container--${s}`,t]),children:[e("input",{type:m?"checkbox":"radio",name:r,id:i,value:n,"aria-label":O(),checked:_,disabled:p,onChange:S,...b,className:a(["dropin-color-swatch",["dropin-color-swatch--selected",_],["dropin-color-swatch--disabled",p],t])}),e("span",{style:{"--bg-color":D},className:a(["dropin-color-swatch__span",["dropin-color-swatch__span--out-of-stock",h],t])})]})},Sr=({className:t,name:r,value:n,label:i,groupAriaLabel:l,id:o,disabled:s=!1,selected:d=!1,outOfStock:p=!1,multi:_=!1,onValue:h,onUpdateError:m,...c})=>{const u=E("Dropin.Swatches.outOfStock.label").label,b=E("Dropin.Swatches.selected.label").label,f=E("Dropin.Swatches.swatch.label").label,[v,y]=V(!1),k=G(null),S=T(async O=>{if(h)try{await h(O)}catch($){m&&m($)}},[h,m]),x=O=>{const $=O.target;S($.value)},I=()=>p?`${l}: ${i} ${u}`:d?`${l}: ${i} ${b}`:`${l}: ${i} ${f}`;B(()=>{k.current&&k.current.scrollWidth>k.current.clientWidth&&y(!0)},[i]);const D=q(()=>o??`${r}_${o}_${Math.random().toString(36)}`,[r,o]);return e("div",{className:"dropin-text-swatch__container",...v?{"data-tooltip":i}:{},children:[e("input",{type:_?"checkbox":"radio",name:r,id:D,value:n,"aria-label":I(),checked:d,disabled:s,onChange:x,...c,className:a(["dropin-text-swatch",["dropin-text-swatch--selected",d],["dropin-text-swatch--disabled",s],t])}),e("label",{htmlFor:D,ref:k,className:a(["dropin-text-swatch__label",["dropin-text-swatch__label--out-of-stock",p],t]),children:i})]})},Ge=({ariaLabel:t,size:r="small",stroke:n="4",children:i,className:l,style:o,...s})=>{const d=["dropin-progress-spinner",`dropin-progress-spinner--shape-size-${r}`,`dropin-progress-spinner--shape-stroke-${n}`],p=E({updating:"Dropin.ProgressSpinner.updating.label",updatingChildren:"Dropin.ProgressSpinner.updatingChildren.label"}),_=()=>t||(i?p.updatingChildren:p.updating);return i?e("div",{...s,className:a(["dropin-progress-spinner-provider"]),"aria-live":"polite",role:"status",children:[e("div",{"aria-hidden":!0,children:i}),e("div",{"aria-label":_(),role:"status",className:a(["dropin-progress-spinner-background",l]),style:o}),e("div",{className:a(["dropin-progress-spinner-with-provider",...d]),"aria-hidden":!0})]}):e("div",{...s,className:a([l,...d]),"aria-live":"polite",role:"status","aria-label":_()})},xr=({className:t,name:r,value:n,id:i,label:l,groupAriaLabel:o,src:s,alt:d,disabled:p=!1,selected:_=!1,outOfStock:h=!1,multi:m=!1,imageNode:c,onValue:u,onUpdateError:b,...f})=>{const v=E("Dropin.Swatches.outOfStock.label").label,y=E("Dropin.Swatches.selected.label").label,k=E("Dropin.Swatches.swatch.label").label,S=T(async O=>{if(u)try{await u(O)}catch($){b&&b($)}},[u,b]),x=O=>{const $=O.target;S($.value)},I=()=>h?`${o}: ${l} ${v}`:_?`${o}: ${l} ${y}`:`${o}: ${l} ${k}`,D=q(()=>({src:s,alt:d,loading:"lazy",params:{width:100,fit:"bounds",crop:!0},onError:O=>O.target.style.display="none"}),[s,d]);return e("label",{className:a(["dropin-image-swatch__container",t]),children:[e("input",{type:m?"checkbox":"radio",name:r,id:i,value:n,"aria-label":I(),checked:_,disabled:p,onChange:x,...f,className:a(["dropin-image-swatch",["dropin-image-swatch--selected",_],["dropin-image-swatch--disabled",p],t])}),e("span",{className:a(["dropin-image-swatch__span",["dropin-image-swatch__span--out-of-stock",h],t]),children:typeof c=="function"?c({...D,imageSwatchContext:{disabled:p,outOfStock:h,selected:_,value:n,label:l,groupAriaLabel:o,name:r,id:i}}):c||e(ye,{...D,className:a(["dropin-image-swatch__content"])})})]})},Ke=({className:t,children:r,title:n,ariaLabelTitle:i,secondaryText:l,actionIconPosition:o="left",iconOpen:s=j,iconClose:d=z,iconLeft:p=j,showIconLeft:_=!1,renderContentWhenClosed:h=!0,defaultOpen:m,onStateChange:c,...u})=>{const[b,f]=V(!1),v=I=>{I.stopImmediatePropagation();const D=!b;f(D),c==null||c(D)};B(()=>{typeof m<"u"&&f(m)},[m]);const y=E(`Dropin.Accordion.${b?"close":"open"}.label`).label,k=e(L,{source:s,size:"24",onClick:v,onKeyPress:v,className:"dropin-accordion-section__open-icon"}),S=e(L,{source:d,size:"24",onClick:v,onKeyPress:v,className:"dropin-accordion-section__close-icon"}),x=e(L,{source:p,size:"24"});return e("div",{...u,className:a(["dropin-accordion-section",t]),children:[e("div",{className:"dropin-accordion-section__heading",children:[e("div",{className:"dropin-accordion-section__flex",onClick:v,onKeyPress:v,role:"button","aria-label":`${y} ${i??n}`,tabIndex:0,children:e("div",{className:"dropin-accordion-section__title-container",children:[o==="left"&&(b?S:k),_&&x,e("h3",{className:"dropin-accordion-section__title",children:n})]})}),e("div",{className:"dropin-accordion-section__secondary-text-container",children:[l&&e("h4",{className:"dropin-accordion-section__secondary-text",children:l}),o==="right"&&(b?S:k)]})]}),e("div",{className:"dropin-accordion-section__content-container",style:{display:b?"grid":"none"},children:(b||h&&!b)&&r})]})},Lr=({className:t,children:r,actionIconPosition:n="left",iconOpen:i=j,iconClose:l=z,...o})=>{const s=e(fe,{variant:"secondary"}),d=p=>e(W,{children:[e(Ke,{...p.props,actionIconPosition:n,iconOpen:i,iconClose:l}),s]});return e("div",{...o,className:a(["dropin-accordion",t]),children:[s,...(Array.isArray(r)?r:[r]).map(d)]})},Tr=({variant:t="primary",className:r,type:n="warning",additionalActions:i,onDismiss:l,heading:o,description:s,icon:d,itemList:p,actionButtonPosition:_,...h})=>{var c,u,b;const m=E({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...h,className:a(["dropin-in-line-alert",`dropin-in-line-alert--${n}`,`dropin-in-line-alert--${t}`,r]),children:[e("div",{className:"dropin-in-line-alert__heading",children:[e("div",{className:"dropin-in-line-alert__title-container",children:[d&&e(w,{node:d,className:"dropin-in-line-alert__icon"}),e("span",{className:"dropin-in-line-alert__title",children:o})]}),e("div",{className:"dropin-in-line-alert__actions-container",children:[i&&(_==="top"||!_&&i.length<=1)&&e(F,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:i.length>0?(c=i[0])==null?void 0:c.onClick:void 0,"aria-label":(u=i[0])==null?void 0:u.label,children:(b=i[0])==null?void 0:b.label}),l&&e(F,{icon:e(L,{source:J,size:"24",stroke:"2"}),className:"dropin-in-line-alert__dismiss-button",variant:"tertiary",onClick:l,"aria-label":m.dismiss})]})]}),s&&e("p",{className:"dropin-in-line-alert__description",children:s}),e("div",{className:"dropin-in-line-alert__item-list-container",children:p&&e(w,{node:p,className:a(["dropin-in-line-alert__item-list"])})}),i&&(_==="bottom"||!_&&i.length>1)&&e("div",{className:"dropin-in-line-alert__additional-actions-container",children:i.map(f=>e(F,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:f.onClick,children:f.label},f.label))})]})},je=({children:t})=>{const r=G(null),n=G(null);return Ie(()=>(r.current||(r.current=document.createElement("div"),r.current.setAttribute("data-portal-root",""),document.body.appendChild(r.current)),n.current&&r.current&&r.current.appendChild(n.current),()=>{r.current&&(r.current.remove(),r.current=null)}),[]),e("div",{ref:n,className:"dropin-design",children:t})},Or=({size:t="small",title:r=null,centered:n=!1,backgroundDim:i=!0,clickToDismiss:l=!0,escapeToDismiss:o=!0,onClose:s,showCloseButton:d=!0,className:p,children:_=null,...h})=>{const m=T(()=>{s==null||s()},[s]),c=E({modalCloseLabel:"Dropin.Modal.Close.label"});return B(()=>{const u=b=>{const f=document.querySelector(".dropin-modal"),v=document.querySelector(".dropin-modal__body");l&&f&&v&&!v.contains(b.target)&&m()};return document.addEventListener("mousedown",u),()=>{document.removeEventListener("mousedown",u)}},[m,l]),B(()=>{const u=b=>{b.key==="Escape"&&o&&m()};return document.addEventListener("keydown",u),()=>{document.removeEventListener("keydown",u)}},[m,o]),B(()=>{const u=document.scrollingElement,b=u.style.overflow;return u.style.overflow="hidden",()=>{u.style.overflow=b}},[]),e(je,{children:e("div",{className:a(["dropin-modal",["dropin-modal--dim",i]]),children:e("div",{...h,className:a(["dropin-modal__body",[`dropin-modal__body--${t}`,t],p]),children:[e("div",{className:a(["dropin-modal__header",["dropin-modal__header-title",!!r]]),children:[r&&e("div",{className:a(["dropin-modal__header-title-content"]),children:r}),d&&e(F,{"aria-label":c.modalCloseLabel,variant:"tertiary",className:"dropin-modal__header-close-button",onClick:m,icon:e(J,{})})]}),e("div",{className:a(["dropin-modal__content",["dropin-modal__body--centered",n]]),children:_})]})})})},Pr=({className:t,children:r,ariaLabel:n,image:i,title:l,price:o,taxIncluded:s=!1,taxExcluded:d=!1,total:p,totalExcludingTax:_,sku:h,configurations:m,warning:c,alert:u,discount:b,savings:f,actions:v,removeContent:y,quantity:k,quantityContent:S,description:x,attributes:I,footer:D,loading:O=!1,updating:$=!1,quantityType:P,dropdownOptions:K,onQuantity:C,onRemove:U,...Ne})=>{var re,te;const{locale:X}=Ee(ke),A=E({each:"Dropin.CartItem.each.label",pricePerItem:"Dropin.CartItem.pricePerItem.label",quantity:"Dropin.CartItem.quantity.label",remove:"Dropin.CartItem.remove.label",removeDefault:"Dropin.CartItem.removeDefault.label",taxIncluded:"Dropin.CartItem.taxIncluded.label",taxExcluded:"Dropin.CartItem.taxExcluded.label",updating:"Dropin.CartItem.updating.label",updatingDefault:"Dropin.ProgressSpinner.updating.label"});if(O)return e(ze,{});const ge=P==="dropdown"?e(qe,{className:a(["dropin-cart-item__quantity__picker"]),value:String(k),name:"quantity","aria-label":A.quantity,disabled:$,variant:"primary",options:K,handleSelect:M=>C==null?void 0:C(Number(M.target.value))}):e(He,{className:a(["dropin-cart-item__quantity__incrementer"]),value:k,min:1,onValue:M=>C==null?void 0:C(Number(M)),name:"quantity","aria-label":A.quantity,disabled:$});return e("div",{...Ne,className:a(["dropin-cart-item",["dropin-cart-item--updating",$],t]),children:[$&&e(Ge,{className:a(["dropin-cart-item__spinner"]),ariaLabel:n?(re=A.updating)==null?void 0:re.replace("{product}",n):A.updatingDefault}),e("div",{className:"dropin-cart-item__wrapper",children:[i&&e(w,{node:i,className:a(["dropin-cart-item__image"])}),l&&e(w,{node:l,className:a(["dropin-cart-item__title",["dropin-cart-item__title--edit",!!C||!!U]])}),x&&e(w,{node:x,className:a(["dropin-cart-item__description"])}),h&&e(w,{node:h,className:a(["dropin-cart-item__sku"])}),e("div",{className:a(["dropin-cart-item__savings__wrapper"]),children:[b&&e(w,{node:b,className:a(["dropin-cart-item__discount","dropin-cart-item__discount__large-screen"])}),f&&e(w,{node:f,className:a(["dropin-cart-item__savings","dropin-cart-item__savings__large-screen"])})]}),I&&e("div",{className:a(["dropin-cart-item__attributes"]),children:e(w,{node:I})}),m&&e("ul",{className:a(["dropin-cart-item__configurations"]),children:Object.entries(m).map(([M,we])=>e("li",{className:a(["dropin-cart-item__configurations__item"]),children:[M,":"," ",e("strong",{className:a(["dropin-cart-item__configurations__item__value"]),children:we})]},M))}),o&&e("span",{className:a(["dropin-cart-item__price"]),"aria-label":A.pricePerItem,children:[k&&!C&&e(W,{children:[e("span",{className:"dropin-cart-item__price__quantity","aria-hidden":!0,children:[k.toLocaleString(X)," x"," "]}),e("div",{className:"dropin-cart-item__sr-only",children:[A.quantity,": ",k==null?void 0:k.toLocaleString(X),";"]})]}),e(w,{node:o,role:"text"}),k&&k>1&&e(W,{children:[" ",A.each]}),s&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",A.taxIncluded]}),d&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",A.taxExcluded]})]}),e("div",{className:a(["dropin-cart-item__quantity",["dropin-cart-item__quantity--edit",!!C]]),children:[S?e(w,{node:S}):C?ge:k&&e("span",{className:a(["dropin-cart-item__quantity__value"]),children:[A.quantity,":"," ",e("strong",{className:"dropin-cart-item__quantity__number",children:Number(k).toLocaleString(X)})]}),c&&e(w,{node:c,className:a(["dropin-cart-item__warning","dropin-cart-item__warning--quantity"])}),u&&e(w,{node:u,className:a(["dropin-cart-item__alert","dropin-cart-item__alert--quantity"])})]}),v&&e("div",{className:a(["dropin-cart-item__actions"]),children:e(w,{node:v,className:a(["dropin-cart-item__buttons"])})}),c&&e(w,{node:c,className:a(["dropin-cart-item__warning"])}),u&&e(w,{node:u,className:a(["dropin-cart-item__alert"])}),e("div",{className:a(["dropin-cart-item__total",["dropin-cart-item__total--edit",!!U]]),children:[e("div",{className:"dropin-cart-item__row-total__wrapper",children:[p&&e("div",{className:"dropin-cart-item__row-total",children:e(w,{node:p,role:"text"})}),s&&e("div",{className:"dropin-cart-item__total-tax-included",children:e("span",{"data-testid":"tax-message",className:a(["dropin-cart-item__total-tax-message"]),children:A.taxIncluded})})]}),d&&e("div",{className:"dropin-cart-item__total-tax-excluded",children:e("span",{"data-testid":"tax-message",className:a(["dropin-cart-item__total-tax-excluded-message"]),children:[_&&e(w,{node:_,role:"text"})," ",A.taxExcluded]})}),b&&e(w,{node:b,className:a(["dropin-cart-item__discount"])}),f&&e(w,{node:f,className:a(["dropin-cart-item__savings"])})]}),D&&e(w,{node:D,className:a(["dropin-cart-item__footer"])})]}),y?e(w,{node:y}):U?e(F,{"data-testid":"cart-item-remove-button",className:a(["dropin-cart-item__remove"]),variant:"tertiary",onClick:()=>U==null?void 0:U(),icon:e(L,{"data-testid":"cart-item-remove-icon",source:Ve,size:"24",stroke:"2",viewBox:"0 0 24 24","aria-label":n?(te=A.remove)==null?void 0:te.replace("{product}",n):A.removeDefault}),disabled:$}):null]})},ze=()=>e("div",{className:"dropin-cart-item dropin-cart-item-skeleton",children:e(ee,{className:"dropin-cart-item__skeleton dropin-cart-item__wrapper",children:[e("div",{className:"dropin-cart-item__image",children:e(R,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__title",children:e(R,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__sku",children:e(R,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__price",children:e(R,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__quantity",children:e(R,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__total",children:e(R,{className:"dropin-cart-item__skeleton__item"})})]})}),Cr=({className:t,children:r,...n})=>e("div",{...n,className:a(["dropin-cart-list",t]),children:e("div",{className:"dropin-cart-list__wrapper","aria-live":"assertive","aria-relevant":"all",children:me.map(r,(i,l)=>e("div",{className:"dropin-cart-list__item",children:i},l))})}),Ar=({className:t,children:r,locale:n,currency:i,amount:l,variant:o="default",minimumAmount:s,maximumAmount:d,size:p="small",display:_="dash",specialPrice:h,sale:m=!1,...c})=>{const u=q(()=>l||s===d||s&&!d||d&&!s,[l,d,s]);return e("div",{children:u?e("div",{...c,className:a(["dropin-price-range",t]),children:e(H,{amount:l??s??d,currency:i,locale:n,size:p,variant:o,sale:m})}):e("div",{...c,className:a(["dropin-price-range",t]),children:[_==="dash"?e(Je,{specialPrice:h,minimumAmount:s,maximumAmount:d,currency:i,locale:n,size:p,sale:m}):null,_==="from to"?e(Xe,{specialPrice:h,minimumAmount:s,maximumAmount:d,currency:i,locale:n,size:p,sale:m}):null,_==="as low as"?e(Ye,{specialPrice:h,minimumAmount:s,maximumAmount:d,currency:i,locale:n,size:p,sale:m}):null]})})};function Je({specialPrice:t,minimumAmount:r,maximumAmount:n,currency:i,locale:l,size:o,sale:s}){return e(W,{children:[e(H,{amount:t??r,currency:i,locale:l,size:o,sale:!!t&&s}),e("span",{className:"dropin-price-range__separator",children:"-"}),e(H,{amount:n,currency:i,locale:l,size:o})]})}function Xe({specialPrice:t,minimumAmount:r,maximumAmount:n,currency:i,locale:l,size:o,sale:s}){const d=E({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(W,{children:[e("span",{className:a(["dropin-price-range__from",`dropin-price-range__from--${o}`]),children:d.from}),e(H,{amount:t??r,currency:i,locale:l,size:o,sale:!!t&&s}),e("span",{className:a(["dropin-price-range__to",`dropin-price-range__to--${o}`]),children:d.to}),e(H,{amount:n,currency:i,locale:l,size:o})]})}function Ye({specialPrice:t,minimumAmount:r,maximumAmount:n,currency:i,locale:l,size:o,sale:s}){const d=E({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(W,{children:[e("span",{className:a(["dropin-price-range__as-low-as",`dropin-price-range__as-low-as--${o}`]),children:d.asLowAs}),t?e("div",{children:[e(H,{amount:n,currency:i,locale:l,size:o,variant:"strikethrough"}),e(H,{amount:t,currency:i,locale:l,size:o,className:"dropin-price-range__special",sale:!!t&&s})]}):e(H,{amount:r,currency:i,locale:l,size:o})]})}const Vr=({className:t,categories:r,separator:n,...i})=>e(W,{children:(r==null?void 0:r.length)>1&&e("nav",{role:"navigation",...i,className:a(["dropin-breadcrumbs__container",t]),children:e("ul",{className:"dropin-breadcrumbs__items",children:r==null?void 0:r.map((l,o)=>e("li",{className:a(["dropin-breadcrumbs__item",["dropin-breadcrumbs__item--last",o===r.length-1]]),children:[e(w,{node:l,className:"dropin-breadcrumbs__link"}),!n&&o!==r.length-1&&e("span",{className:"dropin-breadcrumbs__separator--default",children:[" ","/"," "]}),n&&o!==r.length-1&&e(w,{node:n,className:"dropin-breadcrumbs__separator--icon"})]},o))})})}),Rr=({className:t,variant:r,icon:n,message:i,onDismiss:l,action:o,...s})=>{const d=E({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...s,className:a([t,"dropin-alert-banner",`dropin-alert-banner--${r}`]),children:[e("div",{className:"dropin-alert-banner__content",children:[n&&e(w,{node:n,"aria-hidden":"true",className:"dropin-alert-banner__icon"}),e(w,{node:i,className:a(["dropin-alert-banner__message"])})]}),e("div",{className:"dropin-alert-banner__actions",children:[o&&e(F,{variant:"tertiary",className:"dropin-alert-banner__action",onClick:o.onClick,"aria-label":o.label,children:o.label}),e(F,{icon:e(L,{source:J,size:"24",stroke:"2"}),className:"dropin-alert-banner__dismiss-button",variant:"primary",onClick:l,"aria-label":d.dismiss})]})]})},Br=({className:t,icon:r,heading:n,headingLevel:i=2,message:l,action:o,variant:s="secondary",...d})=>{const p=i>=1&&i<=6?`h${i}`:"h2";return e("div",{...d,className:a(["dropin-illustrated-message",t]),children:e(Me,{variant:s,children:[r&&e(w,{node:r,"aria-hidden":"true",size:"80",className:"dropin-illustrated-message__icon"}),n&&e(p,{className:"dropin-illustrated-message__heading",children:n}),l&&e(w,{node:l,className:"dropin-illustrated-message__message"}),o&&e(w,{node:o,className:"dropin-illustrated-message__action"})]})})},Fr=({label:t,name:r,value:n,busy:i=!1,children:l,className:o,icon:s,onChange:d,selected:p=!0,..._})=>e("div",{..._,className:a(["dropin-toggle-button",o,["dropin-toggle-button__selected",p]]),children:e("label",{className:"dropin-toggle-button__actionButton",children:[e(Ue,{label:"",name:r,value:n,checked:p,onChange:()=>d&&d(n),"aria-label":r,busy:i,className:a([o,"dropin-toggle-button__radioButton"])}),e("span",{className:"dropin-toggle-button__content",children:[s&&e(s.type,{...s==null?void 0:s.props,className:"dropin-toggle-button__icon"}),t]})]})}),Ze=({level:t,className:r,children:n})=>{const i=t&&t>=1&&t<=6?`h${t}`:"span";return e(i,{className:r,children:n})},Hr=({title:t=null,size:r="medium",cta:n,divider:i=!0,className:l,level:o,...s})=>t?e("div",{...s,className:a(["dropin-header-container",l]),"data-testid":"dropin-header-container",children:[e(Ze,{className:a(["dropin-header-container__title",["dropin-header-container__title--medium",r==="medium"],["dropin-header-container__title--large",r==="large"]]),level:o,children:t}),n?e(w,{node:n,className:"dropin-header-container__actions"}):null,i?e(fe,{className:a(["dropin-header-container__divider",["dropin-header-container__divider--medium",r==="medium"],["dropin-header-container__divider--large",r==="large"]])}):null]}):null,Wr=({label:t,className:r,children:n,...i})=>!t&&!n?null:e("div",{...i,className:a(["dropin-tag-container",r]),"data-testid":"dropin-tag-container",children:n??e("span",{className:"dropin-tag-container__label",children:t})}),Ur=({className:t,children:r,maxColumns:n,columnWidth:i="1fr",emptyGridContent:l,...o})=>{const s=!!r&&(Array.isArray(r)?r.length>0:!0),d=s?{gridTemplateColumns:`repeat(${n}, ${i})`}:void 0;return e("div",{...o,className:a(["dropin-content-grid",t]),tabindex:0,children:e("div",{"data-testid":"content-grid-content",className:a(["dropin-content-grid__content",["dropin-content-grid__dynamic-columns-content",!n],["dropin-content-grid__content--empty",!s]]),style:d,children:s?r:l})})},qr=({totalPages:t=10,currentPage:r=1,onChange:n,className:i,...l})=>{const o=E({backwardButton:"Dropin.Pagination.backwardButton.ariaLabel",forwardButton:"Dropin.Pagination.forwardButton.ariaLabel"}),s=T(()=>{const m=Math.min(r+1,t);n==null||n(m)},[r,n,t]),d=T(()=>{const m=Math.max(r-1,1);n==null||n(m)},[r,n]),p=T(m=>{Se(m)&&(n==null||n(m))},[n]),_=T((m,c)=>{let u=[];const b=(f,v)=>{for(let y=f;y<=v;y++)u.push({page:y,isActive:y===m,label:y})};return c<=5?b(1,c):m<=2?(b(1,2),u.push({page:"ellipsis",isActive:!1,label:"..."}),b(c-1,c)):m>=c-3?b(c-4,c):(b(m-1,m),u.push({page:"ellipsis",isActive:!1,label:"..."}),b(c-1,c)),u},[]),h=q(()=>_(r,t),[_,r,t]);return e("div",{...l,className:a(["dropin-pagination",i]),children:[e("button",{type:"button","data-testid":"prev-button","aria-label":o.backwardButton,disabled:r===1,onClick:d,className:a(["dropin-pagination-arrow","dropin-pagination-arrow--backward"]),children:e(L,{size:"24",source:Q})}),e("ul",{className:"dropin-pagination_list",children:h.map((m,c)=>e("li",{"data-testid":`dropin-pagination_list-item--${m.page}`,className:a(["dropin-pagination_list-item",`dropin-pagination_list-item--${m.page}`,["dropin-pagination_list-item--active",m.isActive]]),children:e("button",{type:"button","data-testid":`set-page-button-${m.page}`,onClick:()=>p(m.page),children:m.label})},`${m.page}_${c}`))}),e("button",{type:"button","data-testid":"next-button","aria-label":o.forwardButton,disabled:r===t,onClick:s,className:a(["dropin-pagination-arrow","dropin-pagination-arrow--forward"]),children:e(L,{size:"24",source:Q})})]})},Qe=()=>e("div",{className:"dropin-product-item-card dropin-product-item-card-skeleton",children:[e(ee,{className:"dropin-product-item-card__skeleton dropin-product-item-card__image-container",children:e(R,{fullWidth:!0,className:"dropin-product-item-card__skeleton__image"})}),e(ee,{className:"dropin-product-item-card__content dropin-product-item-card__skeleton__content",children:[e(R,{fullWidth:!0,size:"xsmall",className:"dropin-product-item-card__skeleton__item"}),e(R,{fullWidth:!0,size:"xsmall",className:"dropin-product-item-card__skeleton__item"}),e(R,{fullWidth:!0,size:"xsmall",className:"dropin-product-item-card__skeleton__item"})]})]}),Mr=({className:t,image:r,titleNode:n,price:i,sku:l,actionButton:o,swatches:s,initialized:d=!1,...p})=>d?e("div",{...p,className:a(["dropin-product-item-card",t]),children:[e("div",{className:"dropin-product-item-card__image-container",children:r&&e(w,{node:r,className:a(["dropin-product-item-card__image"])})}),e("div",{className:"dropin-product-item-card__content",children:[n&&e(w,{node:n,className:a(["dropin-product-item-card__title"])}),l&&e(w,{node:l,className:a(["dropin-product-item-card__sku"])}),i&&e("div",{className:"dropin-product-item-card__price",children:e(w,{node:i,className:a(["dropin-product-item-card__price"])})}),s&&e("div",{className:"dropin-product-item-card__swatches",children:e(w,{node:s,className:a(["dropin-product-item-card__swatches"])})}),o&&e("div",{className:"dropin-product-item-card__action",children:e(w,{node:o,className:a(["dropin-product-item-card__action"])})})]})]}):e(Qe,{}),Gr=({accept:t,onChange:r,label:n="Upload Document",icon:i,className:l,multiple:o,id:s,...d})=>{const p=_e(),_=s||p,h=m=>{r==null||r(m)};return e("div",{className:a(["dropin-input-file",l]),children:[e("label",{htmlFor:_,className:"dropin-input-file__label",children:[i&&e("span",{className:"dropin-input-file__icon",children:i}),n]}),e("input",{id:_,type:"file",accept:t,multiple:o,onChange:h,className:"dropin-input-file__input",...d})]})},Kr=({className:t,children:r,columns:n=[],rowData:i=[],mobileLayout:l="none",caption:o,onSortChange:s,expandedRows:d=new Set,...p})=>{const _=E({ariaSortNone:"Dropin.Table.ariaSortNone",ariaSortAscending:"Dropin.Table.ariaSortAscending",ariaSortDescending:"Dropin.Table.ariaSortDescending",sortedAscending:"Dropin.Table.sortedAscending",sortedDescending:"Dropin.Table.sortedDescending",sortBy:"Dropin.Table.sortBy"}),h=c=>{if(!s)return;let u;c.sortBy===!0?u="asc":c.sortBy==="asc"?u="desc":u=!0,s(c.key,u)},m=c=>{if(c.sortBy===void 0)return null;let u,b;return c.sortBy==="asc"?(u="ChevronUp",b=_.sortedAscending.replace("{label}",c.label)):c.sortBy==="desc"?(u="ChevronDown",b=_.sortedDescending.replace("{label}",c.label)):(u="Sort",b=_.sortBy.replace("{label}",c.label)),e(F,{variant:"tertiary",size:"medium",className:"dropin-table__header__sort-button",icon:e(L,{source:u}),"aria-label":b,onClick:()=>h(c)})};return e("div",{className:a(["dropin-table",`dropin-table--mobile-layout-${l}`,t]),children:e("table",{...p,className:"dropin-table__table",children:[o&&e("caption",{className:"dropin-table__caption",children:o}),e("thead",{className:"dropin-table__header",children:e("tr",{className:"dropin-table__header__row",children:n.map(c=>e("th",{className:a(["dropin-table__header__cell",["dropin-table__header__cell--sorted",c.sortBy==="asc"||c.sortBy==="desc"],["dropin-table__header__cell--sortable",c.sortBy!==void 0]]),"aria-sort":c.sortBy==="asc"?_.ariaSortAscending:c.sortBy==="desc"?_.ariaSortDescending:c.sortBy===!0?_.ariaSortNone:void 0,children:[c.label,m(c)]},c.key))})}),e("tbody",{className:"dropin-table__body",children:i.map((c,u)=>{const b=c._rowDetails!==void 0,f=d.has(u);return e(W,{children:[e("tr",{className:"dropin-table__body__row",children:n.map(v=>{const y=c[v.key];return typeof y=="string"||typeof y=="number"?e("td",{className:"dropin-table__body__cell","data-label":v.label,children:y},v.key):e("td",{className:"dropin-table__body__cell","data-label":v.label,children:e(w,{node:y})},v.key)})}),b&&f&&e("tr",{className:"dropin-table__row-details dropin-table__row-details--expanded",id:`row-${u}-details`,children:e("td",{className:"dropin-table__row-details__cell",colSpan:n.length,role:"region","aria-labelledby":`row-${u}-details`,children:typeof c._rowDetails=="string"?c._rowDetails:e(w,{node:c._rowDetails})})},`${u}-details`)]},u)})})]})})};export{Lr as Accordion,Ke as AccordionSection,Dr as ActionButton,$r as ActionButtonGroup,Rr as AlertBanner,Vr as Breadcrumbs,F as Button,Me as Card,Pr as CartItem,ze as CartItemSkeleton,Cr as CartList,Ir as Checkbox,Er as ColorSwatch,Ur as ContentGrid,fe as Divider,ve as Field,Hr as Header,L as Icon,Br as IllustratedMessage,ye as Image,xr as ImageSwatch,Tr as InLineAlert,He as Incrementer,be as Input,wr as InputDate,Gr as InputFile,yr as InputPassword,Or as Modal,qr as Pagination,qe as Picker,H as Price,Ar as PriceRange,Mr as ProductItemCard,Ge as ProgressSpinner,Ue as RadioButton,ee as Skeleton,R as SkeletonRow,Kr as Table,Wr as Tag,kr as TextArea,Sr as TextSwatch,Fr as ToggleButton,ke as UIContext,Jr as UIProvider,Xr as provider};
|
|
3
|
+
import{jsx as e}from"./preact-jsx-runtime.js";import{c as a,V as k}from"./chunks/vcomponent.js";import{I as ye,U as ke}from"./chunks/Image.js";import{a as Jr,p as Xr}from"./chunks/Image.js";import{L as ne,F as w,h as A,y as B,q as T,S as j,A as G,g as _e,T as q,_ as $e,N as me,E as De,k as W,a as Ie,x as Ee}from"./chunks/icons/Add.js";import J from"./chunks/icons/Minus.js";import{Localizer as ie,Text as Z,useText as x}from"./i18n.js";import{d as ue,a as ae,i as xe}from"./chunks/deviceUtils.js";import Se from"./chunks/icons/CheckWithCircle.js";import Le from"./chunks/icons/WarningWithCircle.js";import Te from"./chunks/icons/Date.js";import Oe from"./chunks/icons/Locker.js";import Pe from"./chunks/icons/Eye.js";import Ce from"./chunks/icons/EyeClose.js";import he from"./chunks/icons/Check.js";import X from"./chunks/icons/Close.js";import{g as Re}from"./chunks/locale-config.js";import ee from"./chunks/icons/ChevronDown.js";import Ve from"./chunks/icons/Trash.js";import"./chunks/image-params-keymap.js";import"./signals.js";import"./chunks/cjs.js";const oe=1,V=({className:t,fullWidth:r=!1,lines:n=oe,size:i="small",variant:s="row",children:o=null,multilineGap:l="medium",...d})=>{const c=[[`dropin-skeleton-row__${s}`,s],[`dropin-skeleton-row__${s}-${i}`,s&&i]];if(!o&&s==="empty")return e("div",{className:a(["dropin-skeleton-row dropin-skeleton-row__empty",t])});if(o){const h=o.trim();return e("div",{...d,class:a(["dropin-skeleton-row",["dropin-skeleton-row--full",r],t]),dangerouslySetInnerHTML:{__html:h}})}return n>oe===!1?e("div",{...d,class:a(["dropin-skeleton-row",["dropin-skeleton-row--full",r],"dropin-skeleton--row__content",...c,t])}):e("div",{...d,style:{"--multiline-gap-spacing":`var(--spacing-${l})`},class:a(["dropin-skeleton-row--multiline",["dropin-skeleton-row--full",r],t]),children:Array.from({length:n}).map((h,p)=>e("div",{class:a(["dropin-skeleton-row",["dropin-skeleton-row--full",r],"dropin-skeleton--row__content",...c])},p))})},z=({className:t,children:r,rowGap:n="medium",...i})=>e("div",{style:{"--row-gap-spacing":`var(--spacing-${n})`},...i,className:a(["dropin-skeleton",t]),role:"status","aria-label":"Loading...",children:r}),Ae=function(){const r=typeof document<"u"&&document.createElement("link").relList;return r&&r.supports&&r.supports("modulepreload")?"modulepreload":"preload"}(),Be=function(t){return"/"+t},se={},y=function(r,n,i){let s=Promise.resolve();if(n&&n.length>0){document.getElementsByTagName("link");const l=document.querySelector("meta[property=csp-nonce]"),d=(l==null?void 0:l.nonce)||(l==null?void 0:l.getAttribute("nonce"));s=Promise.allSettled(n.map(c=>{if(c=Be(c),c in se)return;se[c]=!0;const _=c.endsWith(".css"),h=_?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${c}"]${h}`))return;const p=document.createElement("link");if(p.rel=_?"stylesheet":Ae,_||(p.as="script"),p.crossOrigin="",p.href=c,d&&p.setAttribute("nonce",d),document.head.appendChild(p),_)return new Promise((m,u)=>{p.addEventListener("load",m),p.addEventListener("error",()=>u(new Error(`Unable to preload CSS for ${c}`)))})}))}function o(l){const d=new Event("vite:preloadError",{cancelable:!0});if(d.payload=l,window.dispatchEvent(d),!d.defaultPrevented)throw l}return s.then(l=>{for(const d of l||[])d.status==="rejected"&&o(d.reason);return r().catch(o)})},le={Add:w(()=>y(()=>import("./chunks/icons/Add.js").then(t=>t.$),[])),Bulk:w(()=>y(()=>import("./chunks/icons/Bulk.js"),[])),Burger:w(()=>y(()=>import("./chunks/icons/Burger.js"),[])),Cart:w(()=>y(()=>import("./chunks/icons/Cart.js"),[])),Check:w(()=>y(()=>import("./chunks/icons/Check.js"),[])),ChevronDown:w(()=>y(()=>import("./chunks/icons/ChevronDown.js"),[])),ChevronUp:w(()=>y(()=>import("./chunks/icons/ChevronUp.js"),[])),ChevronRight:w(()=>y(()=>import("./chunks/icons/ChevronRight.js"),[])),Close:w(()=>y(()=>import("./chunks/icons/Close.js"),[])),Heart:w(()=>y(()=>import("./chunks/icons/Heart.js"),[])),Minus:w(()=>y(()=>import("./chunks/icons/Minus.js"),[])),Placeholder:w(()=>y(()=>import("./chunks/icons/Placeholder.js"),[])),PlaceholderFilled:w(()=>y(()=>import("./chunks/icons/PlaceholderFilled.js"),[])),Search:w(()=>y(()=>import("./chunks/icons/Search.js"),[])),SearchFilled:w(()=>y(()=>import("./chunks/icons/SearchFilled.js"),[])),Sort:w(()=>y(()=>import("./chunks/icons/Sort.js"),[])),Star:w(()=>y(()=>import("./chunks/icons/Star.js"),[])),View:w(()=>y(()=>import("./chunks/icons/View.js"),[])),User:w(()=>y(()=>import("./chunks/icons/User.js"),[])),Warning:w(()=>y(()=>import("./chunks/icons/Warning.js"),[])),Locker:w(()=>y(()=>import("./chunks/icons/Locker.js"),[])),Wallet:w(()=>y(()=>import("./chunks/icons/Wallet.js"),[])),Card:w(()=>y(()=>import("./chunks/icons/Card.js"),[])),Order:w(()=>y(()=>import("./chunks/icons/Order.js"),[])),Delivery:w(()=>y(()=>import("./chunks/icons/Delivery.js"),[])),OrderError:w(()=>y(()=>import("./chunks/icons/OrderError.js"),[])),OrderSuccess:w(()=>y(()=>import("./chunks/icons/OrderSuccess.js"),[])),PaymentError:w(()=>y(()=>import("./chunks/icons/PaymentError.js"),[])),CheckWithCircle:w(()=>y(()=>import("./chunks/icons/CheckWithCircle.js"),[])),WarningWithCircle:w(()=>y(()=>import("./chunks/icons/WarningWithCircle.js"),[])),WarningFilled:w(()=>y(()=>import("./chunks/icons/WarningFilled.js"),[])),InfoFilled:w(()=>y(()=>import("./chunks/icons/InfoFilled.js"),[])),HeartFilled:w(()=>y(()=>import("./chunks/icons/HeartFilled.js"),[])),Trash:w(()=>y(()=>import("./chunks/icons/Trash.js"),[])),Eye:w(()=>y(()=>import("./chunks/icons/Eye.js"),[])),EyeClose:w(()=>y(()=>import("./chunks/icons/EyeClose.js"),[])),Date:w(()=>y(()=>import("./chunks/icons/Date.js"),[])),AddressBook:w(()=>y(()=>import("./chunks/icons/AddressBook.js"),[])),EmptyBox:w(()=>y(()=>import("./chunks/icons/EmptyBox.js"),[])),Coupon:w(()=>y(()=>import("./chunks/icons/Coupon.js"),[])),Gift:w(()=>y(()=>import("./chunks/icons/Gift.js"),[])),GiftCard:w(()=>y(()=>import("./chunks/icons/GiftCard.js"),[])),Edit:w(()=>y(()=>import("./chunks/icons/Edit.js"),[]))};function de(t){try{if(t.startsWith("//")){const n=`${window.location.protocol}${t}`;return new URL(n).hostname!==window.location.hostname?(console.error(`[Icon] External URL rejected for security: ${t} - Only same-domain URLs are allowed`),!1):!0}return new URL(t).hostname!==window.location.hostname?(console.error(`[Icon] External URL rejected for security: ${t} - Only same-domain URLs are allowed`),!1):!0}catch{return console.error(`[Icon] Invalid URL format: ${t}`),!1}}function Fe({url:t,...r}){const[n,i]=A(""),[s,o]=A(!0),[l,d]=A(!1);return B(()=>{fetch(t).then(c=>{if(!c.ok)throw console.error(`[Icon] Failed to fetch SVG: ${c.status} ${c.statusText}`),l;return c.text()}).then(c=>{try{if(!new DOMParser().parseFromString(c,"image/svg+xml").querySelector("svg"))throw new Error("No <svg> element found")}catch(h){h instanceof Error?console.error(`[Icon] Invalid SVG content from ${t}: ${h.message}`):console.error(`[Icon] Invalid SVG content from ${t}: ${String(h)}`),d(!0),o(!1)}let _=c;r.width&&(_=_.replace(/<svg([^>]*)\s+width\s*=\s*["'][^"']*["']/gi,"<svg$1"),_=_.replace(/<svg/i,`<svg width="${r.width}"`)),r.height&&(_=_.replace(/<svg([^>]*)\s+height\s*=\s*["'][^"']*["']/gi,"<svg$1"),_=_.replace(/<svg/i,`<svg height="${r.height}"`)),r.title&&(_=_.replace(/<title[^>]*>.*?<\/title>/gi,""),_=_.replace(/<svg([^>]*)>/i,`<svg$1><title>${r.title}</title>`)),i(_),o(!1)}).catch(c=>{c instanceof Error?console.error(`[Icon] ${c.message}`):console.error(`[Icon] ${String(c)}`),d(!0),o(!1)})},[t,r.width,r.height,r.title]),s||l?e("svg",{...r}):e("span",{className:r.className,style:{width:String(r.width),height:String(r.height),display:"inline-flex",lineHeight:0},dangerouslySetInnerHTML:{__html:n}})}function L({source:t,size:r="24",stroke:n="2",viewBox:i="0 0 24 24",className:s,...o}){const l={className:a(["dropin-icon",`dropin-icon--shape-stroke-${n}`,s]),width:r,height:r,viewBox:i},d=typeof t=="string"&&(t.startsWith("http")||t.startsWith("//")||t.startsWith("/"));if(d&&de(t))return e(ne,{fallback:e("svg",{...o,...l}),children:e(Fe,{url:t,...o,...l})});const c=typeof t=="string"&&t in le?le[t]:null,_=d&&!de(t);return e(ne,{fallback:e("svg",{...o,...l}),children:c?e(c,{...o,...l}):_?e("svg",{...o,...l}):e(t,{...o,...l})})}const He=({name:t,value:r="1",className:n,disabled:i,error:s,success:o,min:l,max:d,onValue:c,onUpdateError:_,size:h="medium",showButtons:p=!0,...m})=>{const[u,b]=A(Number(r)),N=Number(l),g=Number(d),f=s||u<N||u>g,v=u<N?"Dropin.Incrementer.minQuantityMessage":u>g?"Dropin.Incrementer.maxQuantityMessage":"Dropin.Incrementer.errorMessage";B(()=>{const D=Number(r);D!==u&&b(D)},[r]);const I=T(ue(async D=>{if(c)try{c(D)}catch($){_&&_($)}},200),[c,_]),S=D=>{let $=D;I($),b($)};return e("div",{className:a(["dropin-incrementer",`dropin-incrementer--${h}`,n]),children:[e("div",{className:a(["dropin-incrementer__content",`dropin-incrementer__content--${h}`,["dropin-incrementer__content--no-buttons",!p],["dropin-incrementer__content--error",f],["dropin-incrementer__content--success",o],["dropin-incrementer__content--disabled",i]]),children:[p&&e("div",{className:a(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",i]]),children:e(ie,{children:e("button",{type:"button",className:a(["dropin-incrementer__decrease-button",["dropin-incrementer__decrease-button--disabled",i]]),onClick:()=>S(u-1),disabled:i||u<N+1,"aria-label":e(Z,{id:"Dropin.Incrementer.decreaseLabel"}),children:e(L,{source:J,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__down"})})})}),e("input",{className:"dropin-incrementer__input",max:d,min:l,step:1,type:"number",name:t,value:u,disabled:i,onBlur:()=>{S(Number(u))},onChange:D=>{const $=D.currentTarget.value;$!==""&&S(Number($))},...m}),p&&e("div",{className:a(["dropin-incrementer__button-container",["dropin-incrementer__button-container--disabled",i]]),children:e(ie,{children:e("button",{type:"button",className:a(["dropin-incrementer__increase-button",["dropin-incrementer__increase-button--disabled",i]]),onClick:()=>S(u+1),disabled:i||u>g-1,"aria-label":e(Z,{id:"Dropin.Incrementer.increaseLabel"}),children:e(L,{source:j,size:"16",stroke:"1",viewBox:"4 2 20 20",className:"dropin-incrementer__add"})})})})]}),f&&e("p",{className:"dropin-incrementer__content--error-message",children:e(Z,{id:v,fields:{minQuantity:l,maxQuantity:d}})})]})},be=({name:t,value:r,variant:n="primary",className:i,disabled:s,error:o,floatingLabel:l,onValue:d,onUpdateError:c,size:_="medium",icon:h,maxLength:p,success:m,...u})=>{const b=(u==null?void 0:u.id)||t||`dropin-input-${Math.random().toString(36)}`,N=T(ue(async f=>{if(d)try{await d(f)}catch(v){c&&c(v)}},200),[d,c]),g=f=>{const v=f.target;N(v.value.trim())};return e("div",{className:a(["dropin-input-container",`dropin-input-container--${n}`,["dropin-input-container--floating",!!l],["dropin-input-container--disabled",s]]),children:[h&&e(k,{node:h,className:a(["dropin-input__field-icon--left",h.props.className])}),e("div",{className:"dropin-input-label-container",children:[e("input",{id:b,onChange:g,type:"text",maxLength:p,name:t,value:r,...u,className:a(["dropin-input",`dropin-input--${_}`,`dropin-input--${n}`,["dropin-input--error",!!o],["dropin-input--success",!!m],["dropin-input--disabled",s],["dropin-input--floating",!!l],["dropin-input--icon-left",!!h],i]),disabled:s}),l&&e("label",{htmlFor:b,className:a([["dropin-input__label--floating",!!l],["dropin-input__label--floating--icon-left",!!h],["dropin-input__label--floating--error",!!o]]),children:l})]}),o&&e("div",{className:a(["dropin-input__field-icon--right","dropin-input__field-icon--error"]),children:e(L,{source:Le,size:"16",stroke:"2",className:"dropin-input--warning-icon",viewBox:"-1 -1 26 26"})}),m&&e("div",{className:a(["dropin-input__field-icon--right","dropin-input__field-icon--success"]),children:e(L,{source:Se,size:"16",stroke:"2",className:"dropin-input--success-icon",viewBox:"-1 -1 26 26"})})]})},wr=({name:t="",error:r,value:n,label:i,onChange:s,onBlur:o,...l})=>{const[d,c]=A((n==null?void 0:n.toString())??""),_=G(null),h=x({picker:"Dropin.InputDate.picker"}),p=T(N=>{N.currentTarget.setAttribute("type","date"),ae()&&_.current.focus()},[]),m=T(N=>{var f;const g=(f=N.currentTarget.parentElement)==null?void 0:f.querySelector("input");g==null||g.focus(),g==null||g.showPicker()},[]),u=T(N=>{N.currentTarget.setAttribute("type","text"),o==null||o(N)},[o]),b=T(N=>{c(N.target.value),s==null||s(N)},[s]);return e("div",{className:a(["dropin-input-date"]),children:[ae()?e("input",{ref:_,"data-testid":"inputDateIos",className:"dropin-input-date__input--ios",type:"date",onChange:b}):null,e(ve,{error:r,children:e(be,{"data-testid":"input-date",error:!!r,name:t,value:d,placeholder:i,floatingLabel:i,onFocus:p,onBlur:u,onChange:b,"aria-labelledby":i,className:"dropin-input-date__input",...l})}),e("button",{type:"button","data-testid":"dropin-input-date__icon",className:"dropin-input-date__icon","aria-label":h.picker,onClick:m,children:e(L,{source:Te,size:"24"})})]})},ce={pending:e(J,{}),success:e(he,{}),error:e(X,{style:{fill:"red"}})},We=({minLength:t=0,requiredCharacterClasses:r=0,uniqueSymbolsStatus:n="pending",validateLengthConfig:i={status:"",icon:"",message:""}})=>{const s=x({chartTwoSymbols:"Dropin.PasswordStatusIndicator.chartTwoSymbols",chartThreeSymbols:"Dropin.PasswordStatusIndicator.chartThreeSymbols",chartFourSymbols:"Dropin.PasswordStatusIndicator.chartFourSymbols"}),o=l=>{switch(l){case 2:return s.chartTwoSymbols;case 3:return s.chartThreeSymbols;case 4:return s.chartFourSymbols;default:return""}};return e("div",{className:a(["dropin-password-status-indicator"]),children:[t>0?e("div",{className:`dropin-password-status-indicator__item dropin-password-status-indicator__item--${i.status}`,"data-testid":`dropin-password-status-indicator__item--${i.icon}`,children:[ce[i.icon],e("span",{className:`${i.status}`,children:i.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:[ce[n],e("span",{className:"pending",children:o(r)})]}):null]})},yr=({placeholder:t,floatingLabel:r,children:n,name:i,required:s,className:o,minLength:l,autoComplete:d,defaultValue:c="",hideStatusIndicator:_=!1,uniqueSymbolsStatus:h,validateLengthConfig:p,requiredCharacterClasses:m,errorMessage:u,onValue:b,onBlur:N,...g})=>{const f=x({placeholder:"Dropin.InputPassword.placeholder",floatingLabel:"Dropin.InputPassword.floatingLabel",buttonShowTitle:"Dropin.InputPassword.buttonShowTitle",buttonHideTitle:"Dropin.InputPassword.buttonHideTitle"}),[v,I]=A(!1),S=T(()=>{I($=>!$)},[]),D=v?f.buttonHideTitle:f.buttonShowTitle;return e("div",{"data-testid":"passwordFieldInput",className:a(["dropin-input-password",["dropin-input-password--error",u],o]),...g,children:[e(ve,{error:u,children:e(be,{autoComplete:d,name:i??"password",type:v?"text":"password",placeholder:t||f.placeholder,floatingLabel:r||f.floatingLabel,"aria-label":f.placeholder,"aria-required":s||!0,"aria-invalid":!!u,"aria-describedby":"password-feedback",required:s||!1,value:c,onValue:b,icon:e(Oe,{}),onBlur:N,"data-testid":"passwordInput"})}),e(F,{"aria-label":D,title:D,type:"button","data-testid":"toggle-password-icon",variant:"tertiary",className:a(["dropin-input-password__eye-icon",`dropin-input-password__eye-icon--${v?"show":"hide"}`,o]),onClick:S,children:e(L,{focusable:!1,"aria-hidden":v,source:v?Pe:Ce})}),_?null:e(We,{minLength:l,requiredCharacterClasses:m,validateLengthConfig:p,uniqueSymbolsStatus:h}),n]})},kr=({disabled:t,name:r="",errorMessage:n,value:i,label:s,className:o,onChange:l,onBlur:d,...c})=>{const _=G(null),h=_e(),p=!!(n!=null&&n.length);return B(()=>{const m=_.current;m&&(m.style.height="auto",m.style.height=`${m.scrollHeight}px`)},[i]),e("div",{className:a(["dropin-textarea-container",o]),"data-testid":"dropin-textarea-container",children:[e("textarea",{ref:_,"data-testid":"dropin-textarea-field",className:a(["dropin-textarea",["dropin-textarea--error",p],["dropin-textarea--disabled",!!t]]),id:h,placeholder:s,name:r,value:i,disabled:t,onBlur:d,onChange:l,...c}),e("label",{htmlFor:h,className:a(["dropin-textarea__label--floating",["dropin-textarea__label--floating--error",p]]),children:s}),p?e("div",{className:a(["dropin-textarea__label--floating--text",["dropin-textarea__label--floating--error",p]]),children:n}):null]})},fe=({variant:t="primary",className:r})=>e("hr",{role:"separator",className:a(["dropin-divider",`dropin-divider--${t}`,r])});var Q={};const H=({amount:t=0,currency:r,locale:n,variant:i="default",weight:s="bold",className:o,children:l,sale:d=!1,formatOptions:c={},size:_="small",...h})=>{const p=q(()=>{if(n)return n;const b=Re();return b||(Q.LOCALE&&Q.LOCALE!=="undefined"?Q.LOCALE:"en-US")},[n]),m=q(()=>{const b={style:"currency",currency:r||"USD",minimumFractionDigits:2,maximumFractionDigits:2,...c};try{return new Intl.NumberFormat(p,b)}catch(N){return console.error(`Error creating Intl.NumberFormat instance for locale ${p}. Falling back to en-US.`,N),new Intl.NumberFormat("en-US",b)}},[p,r,c]),u=q(()=>m.format(t),[t,m]);return e("span",{...h,className:a(["dropin-price",`dropin-price--${i}`,`dropin-price--${_}`,`dropin-price--${s}`,["dropin-price--sale",d],o]),children:u})},Ue=({name:t,label:r,value:n,size:i="medium",checked:s=!1,disabled:o=!1,error:l=!1,description:d="",busy:c=!1,className:_,children:h,...p})=>e("label",{className:a([_,"dropin-radio-button",["dropin-radio-button--error",l],["dropin-radio-button--disabled",o]]),children:[e("input",{name:t,value:n,checked:s,disabled:o,type:"radio",className:a(["dropin-radio-button__input",["dropin-radio-button__input--error",l],["dropin-radio-button__input--disabled",o]]),"aria-busy":c,...p}),e("span",{className:a(["dropin-radio-button__label",`dropin-radio-button__label--${i}`,["dropin-radio-button__label--error",l],["dropin-radio-button__label--disabled",o]]),children:r}),e("span",{className:a(["dropin-radio-button__description",`dropin-radio-button__description--${i}`,["dropin-radio-button__description--disabled",o]]),children:d})]}),F=({value:t,variant:r="primary",size:n="medium",icon:i,className:s,children:o,disabled:l=!1,active:d=!1,activeChildren:c,activeIcon:_,href:h,...p})=>{let m="dropin-button";(i&&!o||i&&d&&!c||!i&&d&&_)&&(m="dropin-iconButton"),d&&c&&(m="dropin-button"),s=a([m,`${m}--${n}`,`${m}--${r}`,[`${m}--${r}--disabled`,l],o&&i&&`${m}--with-icon`,!o&&c&&i&&`${m}--with-icon`,d&&_&&`${m}--with-icon`,s]);const u=a(["dropin-button-icon",`dropin-button-icon--${r}`,[`dropin-button-icon--${r}--disabled`,l],i==null?void 0:i.props.className]),b=h?{node:e("a",{}),role:"link",href:h,...p,disabled:l,active:d,onKeyDown:N=>{l&&N.preventDefault()},tabIndex:l?-1:0}:{node:e("button",{}),role:"button",...p,value:t,disabled:l,active:d};return e(k,{...b,className:s,children:[i&&!d&&e(k,{node:i,className:u}),_&&d&&e(k,{node:_,className:u}),o&&!d&&(typeof o=="string"?e("span",{children:o}):o),d&&c&&(typeof c=="string"?e("span",{children:c}):c)]})};function pe(t,r,n,i,s){return t||(r?r.value:n||i?"":s?s.value:null)}const qe=({name:t,value:r=null,options:n,variant:i="primary",floatingLabel:s,size:o="medium",handleSelect:l=()=>{},disabled:d=!1,error:c=!1,placeholder:_,defaultOption:h,icon:p,className:m,id:u,...b})=>{const N=u??t??`dropin-picker-${Math.random().toString(36)}`,g=!!(b!=null&&b.required),f=n==null?void 0:n.find(E=>!E.disabled),[v,I]=A(()=>pe(r,h,_,s,f));B(()=>{I(pe(r,h,_,s,f))},[r,h,_,s,f]);const S=E=>{const{options:P,value:K}=E.target;for(const C of P)C.selected&&(I(K),l(E))},D=n==null?void 0:n.map(E=>{const{value:P,text:K,disabled:C}=E;return e("option",{value:P,selected:P===v,disabled:C,className:a(["dropin-picker__option"]),children:K},P)}),$=!!v,O=()=>(!g||!$)&&(s||_);return e("div",{className:a([m,"dropin-picker",`dropin-picker__${o}`,["dropin-picker__floating",!!s],["dropin-picker__selected",$],["dropin-picker__error",c],["dropin-picker__disabled",d],["dropin-picker__icon",p]]),children:[p&&e(p.type,{...p.props,className:"dropin-picker__icon--placeholder"}),e("select",{id:N,className:a(["dropin-picker__select",`dropin-picker__select--${i}`,`dropin-picker__select--${o}`,["dropin-picker__select--floating",!!s]]),name:t,"aria-label":t,disabled:d,onChange:S,...b,children:[O()&&e("option",{selected:!$,value:"",className:a(["dropin-picker__option dropin-picker__placeholder"]),children:s??_},r),D]}),e(L,{source:ee,size:"24",stroke:"2",className:"dropin-picker__chevronDown"}),s&&$&&e("label",{htmlFor:u,className:a(["dropin-picker__floatingLabel",!!s]),children:s})]})},ve=({className:t,label:r,error:n,hint:i,success:s,size:o="medium",disabled:l=!1,children:d,...c})=>{var p;const _=((p=d==null?void 0:d.props)==null?void 0:p.id)??`dropin-field-${Math.random().toString(36)}`,h=d&&typeof d.type!="string"?d.type:null;return e("div",{...c,className:a(["dropin-field",t]),children:[r&&e("label",{className:a(["dropin-field__label",["dropin-field__label--disabled",l],`dropin-field__label--${o}`]),htmlFor:_,children:r}),e("div",{className:a(["dropin-field__content"]),children:h&&d&&$e(h,{...d.props,id:_,key:d.key,disabled:l,size:o,error:!!n,success:!!s&&!n})}),e("div",{className:a(["dropin-field__hint",[`dropin-field__hint--${o}`,o],["dropin-field__hint--error",!!n],["dropin-field__hint--success",!!s&&!n],["dropin-field__hint--disabled",!!l]]),children:n||s||i})]})},$r=({icon:t,className:r,children:n,active:i=!1,disabled:s=!1,...o})=>e("button",{role:"button",disabled:s,...o,className:a(["dropin-action-button",["dropin-action-button--active",i],["dropin-action-button--disabled",s],r]),children:[t&&e(k,{node:t,className:a(["dropin-action-button-icon"])}),n&&(typeof n=="string"?e("span",{children:n}):n)]}),Dr=({className:t,variant:r="primary",activeOption:n,disabled:i=!1,dividers:s=!0,children:o,handleSelect:l,...d})=>{const[c,_]=A(n),h=T(m=>{i||m.props.disabled||(_(m.props.value),l&&l(m.props.value))},[l,_,i]),p=me.map(o,m=>{const u=i||m.props.disabled,b=m.props.value===c;return De(m,{disabled:u,active:b,onClick:()=>h(m),className:a(["dropin-action-button-group__option",`dropin-action-button-group__option--${r}`,["dropin-action-button-group__option--active",b],["dropin-action-button-group__option--with-dividers",s]])})});return e("div",{role:"group",...d,className:a(["dropin-action-button-group",`dropin-action-button-group--${r}`,t]),children:p})},Me=({variant:t="primary",className:r,children:n,...i})=>e("div",{...i,className:a(["dropin-card",`dropin-card--${t}`,r]),children:e("div",{class:"dropin-card__content",children:n})}),Ir=({name:t,value:r,size:n="medium",disabled:i=!1,error:s=!1,label:o="",description:l="",className:d,checked:c,..._})=>{const[h,p]=A(c===void 0?!1:c),m=G(null),u=N=>{var g;(g=_.onChange)==null||g.call(_,N),p(N.currentTarget.checked)},b=N=>{var g;N.key===" "&&(N.preventDefault(),(g=m==null?void 0:m.current)==null||g.click())};return B(()=>{typeof c=="boolean"&&p(c)},[c]),e("label",{className:a(["dropin-checkbox",["dropin-checkbox--disabled",i]]),children:[e("input",{ref:m,name:t,value:r,type:"checkbox",disabled:i,className:a(["dropin-checkbox__checkbox",["dropin-checkbox__checkbox--error",s],d]),..._,onChange:u,checked:h}),e("div",{className:"dropin-checkbox__checkbox-icon",children:["",e("span",{"aria-checked":h?"true":"false","aria-labelledby":`${t}-label`,"aria-describedby":l?`${t}-description`:void 0,className:a(["dropin-checkbox__box",["dropin-checkbox__box--error",s],["dropin-checkbox__box--disabled",i]]),role:"checkbox",tabIndex:i?-1:0,onKeyDown:b,children:e(L,{className:a(["dropin-checkbox__checkmark"]),source:he,size:"16",stroke:"3"})})]}),e("div",{id:`${t}-label`,className:a(["dropin-checkbox__label",`dropin-checkbox__label--${n}`,["dropin-checkbox__label--disabled",i]]),children:o}),e("div",{}),l&&e("div",{id:`${t}-description`,role:"note",className:a(["dropin-checkbox__description",`dropin-checkbox__description--${n}`,["dropin-checkbox__description--disabled",i]]),children:l})]})},Er=({className:t,name:r,value:n,id:i,label:s,groupAriaLabel:o,size:l="medium",color:d,disabled:c=!1,selected:_=!1,outOfStock:h=!1,multi:p=!1,onValue:m,onUpdateError:u,...b})=>{const N=x("Dropin.Swatches.outOfStock.label").label,g=x("Dropin.Swatches.selected.label").label,f=x("Dropin.Swatches.swatch.label").label,v=T(async E=>{if(m)try{await m(E)}catch(P){u&&u(P)}},[m,u]),I=E=>{const P=E.target;v(P.value)},$=d&&(E=>{const P=new Option().style;return P.color=E,P.color!==""})(d)?d:"var(--color-gray-300);",O=()=>h?`${o}: ${s} ${N}`:_?`${o}: ${s} ${g}`:`${o}: ${s} ${f}`;return e("label",{className:a(["dropin-color-swatch__container",`dropin-color-swatch__container--${l}`,t]),children:[e("input",{type:p?"checkbox":"radio",name:r,id:i,value:n,"aria-label":O(),checked:_,disabled:c,onChange:I,...b,className:a(["dropin-color-swatch",["dropin-color-swatch--selected",_],["dropin-color-swatch--disabled",c],t])}),e("span",{style:{"--bg-color":$},className:a(["dropin-color-swatch__span",["dropin-color-swatch__span--out-of-stock",h],t])})]})},xr=({className:t,name:r,value:n,label:i,groupAriaLabel:s,id:o,disabled:l=!1,selected:d=!1,outOfStock:c=!1,multi:_=!1,onValue:h,onUpdateError:p,...m})=>{const u=x("Dropin.Swatches.outOfStock.label").label,b=x("Dropin.Swatches.selected.label").label,N=x("Dropin.Swatches.swatch.label").label,[g,f]=A(!1),v=G(null),I=T(async O=>{if(h)try{await h(O)}catch(E){p&&p(E)}},[h,p]),S=O=>{const E=O.target;I(E.value)},D=()=>c?`${s}: ${i} ${u}`:d?`${s}: ${i} ${b}`:`${s}: ${i} ${N}`;B(()=>{v.current&&v.current.scrollWidth>v.current.clientWidth&&f(!0)},[i]);const $=q(()=>o??`${r}_${o}_${Math.random().toString(36)}`,[r,o]);return e("div",{className:"dropin-text-swatch__container",...g?{"data-tooltip":i}:{},children:[e("input",{type:_?"checkbox":"radio",name:r,id:$,value:n,"aria-label":D(),checked:d,disabled:l,onChange:S,...m,className:a(["dropin-text-swatch",["dropin-text-swatch--selected",d],["dropin-text-swatch--disabled",l],t])}),e("label",{htmlFor:$,ref:v,className:a(["dropin-text-swatch__label",["dropin-text-swatch__label--out-of-stock",c],t]),children:i})]})},Ge=({ariaLabel:t,size:r="small",stroke:n="4",children:i,className:s,style:o,...l})=>{const d=["dropin-progress-spinner",`dropin-progress-spinner--shape-size-${r}`,`dropin-progress-spinner--shape-stroke-${n}`],c=x({updating:"Dropin.ProgressSpinner.updating.label",updatingChildren:"Dropin.ProgressSpinner.updatingChildren.label"}),_=()=>t||(i?c.updatingChildren:c.updating);return i?e("div",{...l,className:a(["dropin-progress-spinner-provider"]),"aria-live":"polite",role:"status",children:[e("div",{"aria-hidden":!0,children:i}),e("div",{"aria-label":_(),role:"status",className:a(["dropin-progress-spinner-background",s]),style:o}),e("div",{className:a(["dropin-progress-spinner-with-provider",...d]),"aria-hidden":!0})]}):e("div",{...l,className:a([s,...d]),"aria-live":"polite",role:"status","aria-label":_()})},Sr=({className:t,name:r,value:n,id:i,label:s,groupAriaLabel:o,src:l,alt:d,disabled:c=!1,selected:_=!1,outOfStock:h=!1,multi:p=!1,imageNode:m,onValue:u,onUpdateError:b,...N})=>{const g=x("Dropin.Swatches.outOfStock.label").label,f=x("Dropin.Swatches.selected.label").label,v=x("Dropin.Swatches.swatch.label").label,I=T(async O=>{if(u)try{await u(O)}catch(E){b&&b(E)}},[u,b]),S=O=>{const E=O.target;I(E.value)},D=()=>h?`${o}: ${s} ${g}`:_?`${o}: ${s} ${f}`:`${o}: ${s} ${v}`,$=q(()=>({src:l,alt:d,loading:"lazy",params:{width:100,fit:"bounds",crop:!0},onError:O=>O.target.style.display="none"}),[l,d]);return e("label",{className:a(["dropin-image-swatch__container",t]),children:[e("input",{type:p?"checkbox":"radio",name:r,id:i,value:n,"aria-label":D(),checked:_,disabled:c,onChange:S,...N,className:a(["dropin-image-swatch",["dropin-image-swatch--selected",_],["dropin-image-swatch--disabled",c],t])}),e("span",{className:a(["dropin-image-swatch__span",["dropin-image-swatch__span--out-of-stock",h],t]),children:typeof m=="function"?m({...$,imageSwatchContext:{disabled:c,outOfStock:h,selected:_,value:n,label:s,groupAriaLabel:o,name:r,id:i}}):m||e(ye,{...$,className:a(["dropin-image-swatch__content"])})})]})},Ke=({className:t,children:r,title:n,ariaLabelTitle:i,secondaryText:s,actionIconPosition:o="left",iconOpen:l=j,iconClose:d=J,iconLeft:c=j,showIconLeft:_=!1,renderContentWhenClosed:h=!0,defaultOpen:p,onStateChange:m,...u})=>{const[b,N]=A(!1),g=D=>{D.stopImmediatePropagation();const $=!b;N($),m==null||m($)};B(()=>{typeof p<"u"&&N(p)},[p]);const f=x(`Dropin.Accordion.${b?"close":"open"}.label`).label,v=e(L,{source:l,size:"24",onClick:g,onKeyPress:g,className:"dropin-accordion-section__open-icon"}),I=e(L,{source:d,size:"24",onClick:g,onKeyPress:g,className:"dropin-accordion-section__close-icon"}),S=e(L,{source:c,size:"24"});return e("div",{...u,className:a(["dropin-accordion-section",t]),children:[e("div",{className:"dropin-accordion-section__heading",children:[e("div",{className:"dropin-accordion-section__flex",onClick:g,onKeyPress:g,role:"button","aria-label":`${f} ${i??n}`,tabIndex:0,children:e("div",{className:"dropin-accordion-section__title-container",children:[o==="left"&&(b?I:v),_&&S,e("h3",{className:"dropin-accordion-section__title",children:n})]})}),e("div",{className:"dropin-accordion-section__secondary-text-container",children:[s&&e("h4",{className:"dropin-accordion-section__secondary-text",children:s}),o==="right"&&(b?I:v)]})]}),e("div",{className:"dropin-accordion-section__content-container",style:{display:b?"grid":"none"},children:(b||h&&!b)&&r})]})},Lr=({className:t,children:r,actionIconPosition:n="left",iconOpen:i=j,iconClose:s=J,...o})=>{const l=e(fe,{variant:"secondary"}),d=c=>e(W,{children:[e(Ke,{...c.props,actionIconPosition:n,iconOpen:i,iconClose:s}),l]});return e("div",{...o,className:a(["dropin-accordion",t]),children:[l,...(Array.isArray(r)?r:[r]).map(d)]})},Tr=({variant:t="primary",className:r,type:n="warning",additionalActions:i,onDismiss:s,heading:o,description:l,icon:d,itemList:c,actionButtonPosition:_,...h})=>{var m,u,b;const p=x({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...h,className:a(["dropin-in-line-alert",`dropin-in-line-alert--${n}`,`dropin-in-line-alert--${t}`,r]),children:[e("div",{className:"dropin-in-line-alert__heading",children:[e("div",{className:"dropin-in-line-alert__title-container",children:[d&&e(k,{node:d,className:"dropin-in-line-alert__icon"}),e("span",{className:"dropin-in-line-alert__title",children:o})]}),e("div",{className:"dropin-in-line-alert__actions-container",children:[i&&(_==="top"||!_&&i.length<=1)&&e(F,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:i.length>0?(m=i[0])==null?void 0:m.onClick:void 0,"aria-label":(u=i[0])==null?void 0:u.label,children:(b=i[0])==null?void 0:b.label}),s&&e(F,{icon:e(L,{source:X,size:"24",stroke:"2"}),className:"dropin-in-line-alert__dismiss-button",variant:"tertiary",onClick:s,"aria-label":p.dismiss})]})]}),l&&e("p",{className:"dropin-in-line-alert__description",children:l}),e("div",{className:"dropin-in-line-alert__item-list-container",children:c&&e(k,{node:c,className:a(["dropin-in-line-alert__item-list"])})}),i&&(_==="bottom"||!_&&i.length>1)&&e("div",{className:"dropin-in-line-alert__additional-actions-container",children:i.map(N=>e(F,{variant:"tertiary",className:"dropin-in-line-alert__additional-action",onClick:N.onClick,children:N.label},N.label))})]})},je=({children:t})=>{const r=G(null),n=G(null);return Ie(()=>(r.current||(r.current=document.createElement("div"),r.current.setAttribute("data-portal-root",""),document.body.appendChild(r.current)),n.current&&r.current&&r.current.appendChild(n.current),()=>{r.current&&(r.current.remove(),r.current=null)}),[]),e("div",{ref:n,className:"dropin-design",children:t})},Or=({size:t="small",title:r=null,centered:n=!1,backgroundDim:i=!0,clickToDismiss:s=!0,escapeToDismiss:o=!0,onClose:l,showCloseButton:d=!0,className:c,children:_=null,...h})=>{const p=T(()=>{l==null||l()},[l]),m=x({modalCloseLabel:"Dropin.Modal.Close.label"});return B(()=>{const u=b=>{const N=document.querySelector(".dropin-modal"),g=document.querySelector(".dropin-modal__body");s&&N&&g&&!g.contains(b.target)&&p()};return document.addEventListener("mousedown",u),()=>{document.removeEventListener("mousedown",u)}},[p,s]),B(()=>{const u=b=>{b.key==="Escape"&&o&&p()};return document.addEventListener("keydown",u),()=>{document.removeEventListener("keydown",u)}},[p,o]),B(()=>{const u=document.scrollingElement,b=u.style.overflow;return u.style.overflow="hidden",()=>{u.style.overflow=b}},[]),e(je,{children:e("div",{className:a(["dropin-modal",["dropin-modal--dim",i]]),children:e("div",{...h,className:a(["dropin-modal__body",[`dropin-modal__body--${t}`,t],c]),children:[e("div",{className:a(["dropin-modal__header",["dropin-modal__header-title",!!r]]),children:[r&&e("div",{className:a(["dropin-modal__header-title-content"]),children:r}),d&&e(F,{"aria-label":m.modalCloseLabel,variant:"tertiary",className:"dropin-modal__header-close-button",onClick:p,icon:e(X,{})})]}),e("div",{className:a(["dropin-modal__content",["dropin-modal__body--centered",n]]),children:_})]})})})},Pr=({className:t,children:r,ariaLabel:n,image:i,title:s,price:o,taxIncluded:l=!1,taxExcluded:d=!1,total:c,totalExcludingTax:_,sku:h,configurations:p,warning:m,alert:u,discount:b,savings:N,actions:g,removeContent:f,quantity:v,quantityContent:I,description:S,attributes:D,footer:$,loading:O=!1,updating:E=!1,quantityType:P,dropdownOptions:K,onQuantity:C,onRemove:U,...Ne})=>{var re,te;const{locale:Y}=Ee(ke),R=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(O)return e(ze,{});const ge=P==="dropdown"?e(qe,{className:a(["dropin-cart-item__quantity__picker"]),value:String(v),name:"quantity","aria-label":R.quantity,disabled:E,variant:"primary",options:K,handleSelect:M=>C==null?void 0:C(Number(M.target.value))}):e(He,{className:a(["dropin-cart-item__quantity__incrementer"]),value:v,min:1,onValue:M=>C==null?void 0:C(Number(M)),name:"quantity","aria-label":R.quantity,disabled:E});return e("div",{...Ne,className:a(["dropin-cart-item",["dropin-cart-item--updating",E],t]),children:[E&&e(Ge,{className:a(["dropin-cart-item__spinner"]),ariaLabel:n?(re=R.updating)==null?void 0:re.replace("{product}",n):R.updatingDefault}),e("div",{className:"dropin-cart-item__wrapper",children:[i&&e(k,{node:i,className:a(["dropin-cart-item__image"])}),s&&e(k,{node:s,className:a(["dropin-cart-item__title",["dropin-cart-item__title--edit",!!C||!!U]])}),S&&e(k,{node:S,className:a(["dropin-cart-item__description"])}),h&&e(k,{node:h,className:a(["dropin-cart-item__sku"])}),e("div",{className:a(["dropin-cart-item__savings__wrapper"]),children:[b&&e(k,{node:b,className:a(["dropin-cart-item__discount","dropin-cart-item__discount__large-screen"])}),N&&e(k,{node:N,className:a(["dropin-cart-item__savings","dropin-cart-item__savings__large-screen"])})]}),D&&e("div",{className:a(["dropin-cart-item__attributes"]),children:e(k,{node:D})}),p&&e("ul",{className:a(["dropin-cart-item__configurations"]),children:Object.entries(p).map(([M,we])=>e("li",{className:a(["dropin-cart-item__configurations__item"]),children:[M,":"," ",e("strong",{className:a(["dropin-cart-item__configurations__item__value"]),children:we})]},M))}),o&&e("span",{className:a(["dropin-cart-item__price"]),"aria-label":R.pricePerItem,children:[v&&!C&&e(W,{children:[e("span",{className:"dropin-cart-item__price__quantity","aria-hidden":!0,children:[v.toLocaleString(Y)," x"," "]}),e("div",{className:"dropin-cart-item__sr-only",children:[R.quantity,": ",v==null?void 0:v.toLocaleString(Y),";"]})]}),e(k,{node:o,role:"text"}),v&&v>1&&e(W,{children:[" ",R.each]}),l&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",R.taxIncluded]}),d&&e("span",{"data-testid":"tax-message",className:"dropin-cart-item__price-tax-message",children:[" ",R.taxExcluded]})]}),e("div",{className:a(["dropin-cart-item__quantity",["dropin-cart-item__quantity--edit",!!C]]),children:[I?e(k,{node:I}):C?ge:v&&e("span",{className:a(["dropin-cart-item__quantity__value"]),children:[R.quantity,":"," ",e("strong",{className:"dropin-cart-item__quantity__number",children:Number(v).toLocaleString(Y)})]}),m&&e(k,{node:m,className:a(["dropin-cart-item__warning","dropin-cart-item__warning--quantity"])}),u&&e(k,{node:u,className:a(["dropin-cart-item__alert","dropin-cart-item__alert--quantity"])})]}),g&&e("div",{className:a(["dropin-cart-item__actions"]),children:e(k,{node:g,className:a(["dropin-cart-item__buttons"])})}),m&&e(k,{node:m,className:a(["dropin-cart-item__warning"])}),u&&e(k,{node:u,className:a(["dropin-cart-item__alert"])}),e("div",{className:a(["dropin-cart-item__total",["dropin-cart-item__total--edit",!!U]]),children:[e("div",{className:"dropin-cart-item__row-total__wrapper",children:[c&&e("div",{className:"dropin-cart-item__row-total",children:e(k,{node:c,role:"text"})}),l&&e("div",{className:"dropin-cart-item__total-tax-included",children:e("span",{"data-testid":"tax-message",className:a(["dropin-cart-item__total-tax-message"]),children:R.taxIncluded})})]}),d&&e("div",{className:"dropin-cart-item__total-tax-excluded",children:e("span",{"data-testid":"tax-message",className:a(["dropin-cart-item__total-tax-excluded-message"]),children:[_&&e(k,{node:_,role:"text"})," ",R.taxExcluded]})}),b&&e(k,{node:b,className:a(["dropin-cart-item__discount"])}),N&&e(k,{node:N,className:a(["dropin-cart-item__savings"])})]}),$&&e(k,{node:$,className:a(["dropin-cart-item__footer"])})]}),f?e(k,{node:f}):U?e(F,{"data-testid":"cart-item-remove-button",className:a(["dropin-cart-item__remove"]),variant:"tertiary",onClick:()=>U==null?void 0:U(),icon:e(L,{"data-testid":"cart-item-remove-icon",source:Ve,size:"24",stroke:"2",viewBox:"0 0 24 24","aria-label":n?(te=R.remove)==null?void 0:te.replace("{product}",n):R.removeDefault}),disabled:E}):null]})},ze=()=>e("div",{className:"dropin-cart-item dropin-cart-item-skeleton",children:e(z,{className:"dropin-cart-item__skeleton dropin-cart-item__wrapper",children:[e("div",{className:"dropin-cart-item__image",children:e(V,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__title",children:e(V,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__sku",children:e(V,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__price",children:e(V,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__quantity",children:e(V,{className:"dropin-cart-item__skeleton__item"})}),e("div",{className:"dropin-cart-item__total",children:e(V,{className:"dropin-cart-item__skeleton__item"})})]})}),Cr=({className:t,children:r,...n})=>e("div",{...n,className:a(["dropin-cart-list",t]),children:e("div",{className:"dropin-cart-list__wrapper","aria-live":"assertive","aria-relevant":"all",children:me.map(r,(i,s)=>e("div",{className:"dropin-cart-list__item",children:i},s))})}),Rr=({className:t,children:r,locale:n,currency:i,amount:s,variant:o="default",minimumAmount:l,maximumAmount:d,size:c="small",display:_="dash",specialPrice:h,sale:p=!1,...m})=>{const u=q(()=>s||l===d||l&&!d||d&&!l,[s,d,l]);return e("div",{children:u?e("div",{...m,className:a(["dropin-price-range",t]),children:e(H,{amount:s??l??d,currency:i,locale:n,size:c,variant:o,sale:p})}):e("div",{...m,className:a(["dropin-price-range",t]),children:[_==="dash"?e(Je,{specialPrice:h,minimumAmount:l,maximumAmount:d,currency:i,locale:n,size:c,sale:p}):null,_==="from to"?e(Xe,{specialPrice:h,minimumAmount:l,maximumAmount:d,currency:i,locale:n,size:c,sale:p}):null,_==="as low as"?e(Ye,{specialPrice:h,minimumAmount:l,maximumAmount:d,currency:i,locale:n,size:c,sale:p}):null]})})};function Je({specialPrice:t,minimumAmount:r,maximumAmount:n,currency:i,locale:s,size:o,sale:l}){return e(W,{children:[e(H,{amount:t??r,currency:i,locale:s,size:o,sale:!!t&&l}),e("span",{className:"dropin-price-range__separator",children:"-"}),e(H,{amount:n,currency:i,locale:s,size:o})]})}function Xe({specialPrice:t,minimumAmount:r,maximumAmount:n,currency:i,locale:s,size:o,sale:l}){const d=x({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(W,{children:[e("span",{className:a(["dropin-price-range__from",`dropin-price-range__from--${o}`]),children:d.from}),e(H,{amount:t??r,currency:i,locale:s,size:o,sale:!!t&&l}),e("span",{className:a(["dropin-price-range__to",`dropin-price-range__to--${o}`]),children:d.to}),e(H,{amount:n,currency:i,locale:s,size:o})]})}function Ye({specialPrice:t,minimumAmount:r,maximumAmount:n,currency:i,locale:s,size:o,sale:l}){const d=x({from:"Dropin.PriceRange.from.label",to:"Dropin.PriceRange.to.label",asLowAs:"Dropin.PriceRange.asLowAs.label"});return e(W,{children:[e("span",{className:a(["dropin-price-range__as-low-as",`dropin-price-range__as-low-as--${o}`]),children:d.asLowAs}),t?e("div",{children:[e(H,{amount:n,currency:i,locale:s,size:o,variant:"strikethrough"}),e(H,{amount:t,currency:i,locale:s,size:o,className:"dropin-price-range__special",sale:!!t&&l})]}):e(H,{amount:r,currency:i,locale:s,size:o})]})}const Vr=({className:t,categories:r,separator:n,...i})=>e(W,{children:(r==null?void 0:r.length)>1&&e("nav",{role:"navigation",...i,className:a(["dropin-breadcrumbs__container",t]),children:e("ul",{className:"dropin-breadcrumbs__items",children:r==null?void 0:r.map((s,o)=>e("li",{className:a(["dropin-breadcrumbs__item",["dropin-breadcrumbs__item--last",o===r.length-1]]),children:[e(k,{node:s,className:"dropin-breadcrumbs__link"}),!n&&o!==r.length-1&&e("span",{className:"dropin-breadcrumbs__separator--default",children:[" ","/"," "]}),n&&o!==r.length-1&&e(k,{node:n,className:"dropin-breadcrumbs__separator--icon"})]},o))})})}),Ar=({className:t,variant:r,icon:n,message:i,onDismiss:s,action:o,...l})=>{const d=x({dismiss:"Dropin.InlineAlert.dismissLabel"});return e("div",{...l,className:a([t,"dropin-alert-banner",`dropin-alert-banner--${r}`]),children:[e("div",{className:"dropin-alert-banner__content",children:[n&&e(k,{node:n,"aria-hidden":"true",className:"dropin-alert-banner__icon"}),e(k,{node:i,className:a(["dropin-alert-banner__message"])})]}),e("div",{className:"dropin-alert-banner__actions",children:[o&&e(F,{variant:"tertiary",className:"dropin-alert-banner__action",onClick:o.onClick,"aria-label":o.label,children:o.label}),e(F,{icon:e(L,{source:X,size:"24",stroke:"2"}),className:"dropin-alert-banner__dismiss-button",variant:"primary",onClick:s,"aria-label":d.dismiss})]})]})},Br=({className:t,icon:r,heading:n,headingLevel:i=2,message:s,action:o,variant:l="secondary",...d})=>{const c=i>=1&&i<=6?`h${i}`:"h2";return e("div",{...d,className:a(["dropin-illustrated-message",t]),children:e(Me,{variant:l,children:[r&&e(k,{node:r,"aria-hidden":"true",size:"80",className:"dropin-illustrated-message__icon"}),n&&e(c,{className:"dropin-illustrated-message__heading",children:n}),s&&e(k,{node:s,className:"dropin-illustrated-message__message"}),o&&e(k,{node:o,className:"dropin-illustrated-message__action"})]})})},Fr=({label:t,name:r,value:n,busy:i=!1,children:s,className:o,icon:l,onChange:d,selected:c=!0,..._})=>e("div",{..._,className:a(["dropin-toggle-button",o,["dropin-toggle-button__selected",c]]),children:e("label",{className:"dropin-toggle-button__actionButton",children:[e(Ue,{label:"",name:r,value:n,checked:c,onChange:()=>d&&d(n),"aria-label":r,busy:i,className:a([o,"dropin-toggle-button__radioButton"])}),e("span",{className:"dropin-toggle-button__content",children:[l&&e(l.type,{...l==null?void 0:l.props,className:"dropin-toggle-button__icon"}),t]})]})}),Ze=({level:t,className:r,children:n})=>{const i=t&&t>=1&&t<=6?`h${t}`:"span";return e(i,{className:r,children:n})},Hr=({title:t=null,size:r="medium",cta:n,divider:i=!0,className:s,level:o,...l})=>t?e("div",{...l,className:a(["dropin-header-container",s]),"data-testid":"dropin-header-container",children:[e(Ze,{className:a(["dropin-header-container__title",["dropin-header-container__title--medium",r==="medium"],["dropin-header-container__title--large",r==="large"]]),level:o,children:t}),n?e(k,{node:n,className:"dropin-header-container__actions"}):null,i?e(fe,{className:a(["dropin-header-container__divider",["dropin-header-container__divider--medium",r==="medium"],["dropin-header-container__divider--large",r==="large"]])}):null]}):null,Wr=({label:t,className:r,children:n,...i})=>!t&&!n?null:e("div",{...i,className:a(["dropin-tag-container",r]),"data-testid":"dropin-tag-container",children:n??e("span",{className:"dropin-tag-container__label",children:t})}),Ur=({className:t,children:r,maxColumns:n,columnWidth:i="1fr",emptyGridContent:s,...o})=>{const l=!!r&&(Array.isArray(r)?r.length>0:!0),d=l?{gridTemplateColumns:`repeat(${n}, ${i})`}:void 0;return e("div",{...o,className:a(["dropin-content-grid",t]),tabindex:0,children:e("div",{"data-testid":"content-grid-content",className:a(["dropin-content-grid__content",["dropin-content-grid__dynamic-columns-content",!n],["dropin-content-grid__content--empty",!l]]),style:d,children:l?r:s})})},qr=({totalPages:t=10,currentPage:r=1,onChange:n,className:i,...s})=>{const o=x({backwardButton:"Dropin.Pagination.backwardButton.ariaLabel",forwardButton:"Dropin.Pagination.forwardButton.ariaLabel"}),l=T(()=>{const p=Math.min(r+1,t);n==null||n(p)},[r,n,t]),d=T(()=>{const p=Math.max(r-1,1);n==null||n(p)},[r,n]),c=T(p=>{xe(p)&&(n==null||n(p))},[n]),_=T((p,m)=>{let u=[];const b=(N,g)=>{for(let f=N;f<=g;f++)u.push({page:f,isActive:f===p,label:f})};return m<=5?b(1,m):p<=2?(b(1,2),u.push({page:"ellipsis",isActive:!1,label:"..."}),b(m-1,m)):p>=m-3?b(m-4,m):(b(p-1,p),u.push({page:"ellipsis",isActive:!1,label:"..."}),b(m-1,m)),u},[]),h=q(()=>_(r,t),[_,r,t]);return e("div",{...s,className:a(["dropin-pagination",i]),children:[e("button",{type:"button","data-testid":"prev-button","aria-label":o.backwardButton,disabled:r===1,onClick:d,className:a(["dropin-pagination-arrow","dropin-pagination-arrow--backward"]),children:e(L,{size:"24",source:ee})}),e("ul",{className:"dropin-pagination_list",children:h.map((p,m)=>e("li",{"data-testid":`dropin-pagination_list-item--${p.page}`,className:a(["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:()=>c(p.page),children:p.label})},`${p.page}_${m}`))}),e("button",{type:"button","data-testid":"next-button","aria-label":o.forwardButton,disabled:r===t,onClick:l,className:a(["dropin-pagination-arrow","dropin-pagination-arrow--forward"]),children:e(L,{size:"24",source:ee})})]})},Qe=()=>e("div",{className:"dropin-product-item-card dropin-product-item-card-skeleton",children:[e(z,{className:"dropin-product-item-card__skeleton dropin-product-item-card__image-container",children:e(V,{fullWidth:!0,className:"dropin-product-item-card__skeleton__image"})}),e(z,{className:"dropin-product-item-card__content dropin-product-item-card__skeleton__content",children:[e(V,{fullWidth:!0,size:"xsmall",className:"dropin-product-item-card__skeleton__item"}),e(V,{fullWidth:!0,size:"xsmall",className:"dropin-product-item-card__skeleton__item"}),e(V,{fullWidth:!0,size:"xsmall",className:"dropin-product-item-card__skeleton__item"})]})]}),Mr=({className:t,image:r,titleNode:n,price:i,sku:s,actionButton:o,swatches:l,initialized:d=!1,...c})=>d?e("div",{...c,className:a(["dropin-product-item-card",t]),children:[e("div",{className:"dropin-product-item-card__image-container",children:r&&e(k,{node:r,className:a(["dropin-product-item-card__image"])})}),e("div",{className:"dropin-product-item-card__content",children:[n&&e(k,{node:n,className:a(["dropin-product-item-card__title"])}),s&&e(k,{node:s,className:a(["dropin-product-item-card__sku"])}),i&&e("div",{className:"dropin-product-item-card__price",children:e(k,{node:i,className:a(["dropin-product-item-card__price"])})}),l&&e("div",{className:"dropin-product-item-card__swatches",children:e(k,{node:l,className:a(["dropin-product-item-card__swatches"])})}),o&&e("div",{className:"dropin-product-item-card__action",children:e(k,{node:o,className:a(["dropin-product-item-card__action"])})})]})]}):e(Qe,{}),Gr=({accept:t,onChange:r,label:n="Upload Document",icon:i,className:s,multiple:o,id:l,...d})=>{const c=_e(),_=l||c,h=p=>{r==null||r(p)};return e("div",{className:a(["dropin-input-file",s]),children:[e("label",{htmlFor:_,className:"dropin-input-file__label",children:[i&&e("span",{className:"dropin-input-file__icon",children:i}),n]}),e("input",{id:_,type:"file",accept:t,multiple:o,onChange:h,className:"dropin-input-file__input",...d})]})},Kr=({className:t,children:r,columns:n=[],rowData:i=[],mobileLayout:s="none",caption:o,expandedRows:l=new Set,loading:d=!1,skeletonRowCount:c=10,onSortChange:_,...h})=>{const p=x({sortedAscending:"Dropin.Table.sortedAscending",sortedDescending:"Dropin.Table.sortedDescending",sortBy:"Dropin.Table.sortBy"}),m=f=>{if(!_)return;let v;f.sortBy===!0?v="asc":f.sortBy==="asc"?v="desc":v=!0,_(f.key,v)},u=f=>{if(f.sortBy===void 0)return null;let v,I;return f.sortBy==="asc"?(v="ChevronUp",I=p.sortedAscending.replace("{label}",f.label)):f.sortBy==="desc"?(v="ChevronDown",I=p.sortedDescending.replace("{label}",f.label)):(v="Sort",I=p.sortBy.replace("{label}",f.label)),e(F,{variant:"tertiary",size:"medium",className:"dropin-table__header__sort-button",icon:e(L,{source:v}),"aria-label":I,onClick:()=>m(f)})},b=()=>Array.from({length:c},(f,v)=>e("tr",{className:"dropin-table__body__row",children:n.map(I=>e("td",{className:"dropin-table__body__cell","data-label":I.label,children:e(z,{children:e(V,{variant:"row",size:"small",fullWidth:!0})})},I.key))},`skeleton-${v}`)),N=()=>i.map((f,v)=>{const I=f._rowDetails!==void 0,S=l.has(v);return e(W,{children:[e("tr",{className:"dropin-table__body__row",children:n.map(D=>{const $=f[D.key];return typeof $=="string"||typeof $=="number"?e("td",{className:"dropin-table__body__cell","data-label":D.label,children:$},D.key):e("td",{className:"dropin-table__body__cell","data-label":D.label,children:e(k,{node:$})},D.key)})}),I&&S&&e("tr",{className:"dropin-table__row-details dropin-table__row-details--expanded",id:`row-${v}-details`,children:e("td",{className:"dropin-table__row-details__cell",colSpan:n.length,role:"region","aria-labelledby":`row-${v}-details`,children:typeof f._rowDetails=="string"?f._rowDetails:e(k,{node:f._rowDetails})})},`${v}-details`)]},v)}),g=f=>{if(f.sortBy===!0)return"none";if(f.sortBy==="asc")return"ascending";if(f.sortBy==="desc")return"descending"};return e("div",{className:a(["dropin-table",`dropin-table--mobile-layout-${s}`,t]),children:e("table",{...h,className:"dropin-table__table",children:[o&&e("caption",{className:"dropin-table__caption",children:o}),e("thead",{className:"dropin-table__header",children:e("tr",{className:"dropin-table__header__row",children:n.map(f=>e("th",{className:a(["dropin-table__header__cell",["dropin-table__header__cell--sorted",f.sortBy==="asc"||f.sortBy==="desc"],["dropin-table__header__cell--sortable",f.sortBy!==void 0]]),"aria-sort":g(f),children:[f.label,u(f)]},f.key))})}),e("tbody",{className:"dropin-table__body",children:d?b():N()})]})})};export{Lr as Accordion,Ke as AccordionSection,$r as ActionButton,Dr as ActionButtonGroup,Ar as AlertBanner,Vr as Breadcrumbs,F as Button,Me as Card,Pr as CartItem,ze as CartItemSkeleton,Cr as CartList,Ir as Checkbox,Er as ColorSwatch,Ur as ContentGrid,fe as Divider,ve as Field,Hr as Header,L as Icon,Br as IllustratedMessage,ye as Image,Sr as ImageSwatch,Tr as InLineAlert,He as Incrementer,be as Input,wr as InputDate,Gr as InputFile,yr as InputPassword,Or as Modal,qr as Pagination,qe as Picker,H as Price,Rr as PriceRange,Mr as ProductItemCard,Ge as ProgressSpinner,Ue as RadioButton,z as Skeleton,V as SkeletonRow,Kr as Table,Wr as Tag,kr as TextArea,xr as TextSwatch,Fr as ToggleButton,ke as UIContext,Jr as UIProvider,Xr as provider};
|
|
4
4
|
//# sourceMappingURL=components.js.map
|