@dropins/storefront-pdp 1.2.0-beta4 → 1.2.0-beta5

package/api/fetch-graphql/fetch-graphql.d.ts

@@ -13,11 +13,11 @@
  * is strictly forbidden unless prior written permission is obtained
  * from Adobe.
  */
-export declare const setEndpoint: (endpoint: string) => void, setFetchGraphQlHeader: (key: string, value: string | null) => void, removeFetchGraphQlHeader: (key: string) => void, setFetchGraphQlHeaders: (header: import('@adobe-commerce/fetch-graphql').Header) => void, fetchGraphQl: <T = any>(query: string, options?: import('@adobe-commerce/fetch-graphql').FetchOptions | undefined) => Promise<{
+export declare const setEndpoint: (endpoint: string) => void, setFetchGraphQlHeader: (key: string, value: string | null) => void, removeFetchGraphQlHeader: (key: string) => void, setFetchGraphQlHeaders: (header: import('@adobe-commerce/fetch-graphql').Header | ((prev: import('@adobe-commerce/fetch-graphql').Header) => import('@adobe-commerce/fetch-graphql').Header)) => void, fetchGraphQl: <T = any>(query: string, options?: import('@adobe-commerce/fetch-graphql').FetchOptions | undefined) => Promise<{
     errors?: import('@adobe-commerce/fetch-graphql').FetchQueryError | undefined;
     data: T;
 }>, getConfig: () => {
     endpoint: string | undefined;
-    fetchGraphQlHeaders: import('@adobe-commerce/fetch-graphql').Header | undefined;
+    fetchGraphQlHeaders: import('@adobe-commerce/fetch-graphql').Header;
 };
 //# sourceMappingURL=fetch-graphql.d.ts.map

package/api/initialize/initialize.d.ts

@@ -1,5 +1,5 @@
-import { Initializer } from '../../../@adobe-commerce/elsie/src/lib';
-import { Lang } from '../../../@adobe-commerce/elsie/src/i18n';
+import { Initializer } from '@dropins/tools/types/elsie/src/lib';
+import { Lang } from '@dropins/tools/types/elsie/src/i18n';
 import { ProductModel } from '../../data/models';
 
 type ConfigProps = {
@@ -22,6 +22,6 @@ type ConfigProps = {
     };
 };
 export declare const initialize: Initializer<ConfigProps>;
-export declare const config: import('../../../@adobe-commerce/elsie/src/lib').Config<ConfigProps>;
+export declare const config: import('@dropins/tools/types/elsie/src/lib').Config<ConfigProps>;
 export {};
 //# sourceMappingURL=initialize.d.ts.map

package/api.js

@@ -1,3 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
 import{c as i,f as d,h as c,g as n,k as u,d as g,e as f,i as h,m as p,r as l,s as m,a as P,b as C,l as F,j as G}from"./chunks/isProductConfigurationValid.js";import{g as V}from"./chunks/getFetchedProductData.js";import"@dropins/tools/lib.js";import"@dropins/tools/event-bus.js";import"./fragments.js";import"@dropins/tools/fetch-graphql.js";export{i as config,d as fetchGraphQl,c as fetchProductData,n as getConfig,V as getFetchedProductData,u as getProductConfigurationValues,g as getProductData,f as getRefinedProduct,h as initialize,p as isProductConfigurationValid,l as removeFetchGraphQlHeader,m as setEndpoint,P as setFetchGraphQlHeader,C as setFetchGraphQlHeaders,F as setProductConfigurationValid,G as setProductConfigurationValues};
+//# sourceMappingURL=api.js.map

package/api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/chunks/PriceRange.js

@@ -1,3 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
 import{jsx as r,Fragment as h,jsxs as l}from"@dropins/tools/preact-jsx-runtime.js";/* empty css     */import{Price as s}from"@dropins/tools/components.js";const o=({amount:e,currency:p,locale:d,variant:g,sale:t,minimumAmount:i,maximumAmount:n,className:a,...c})=>r(h,{children:e||i===n?r("div",{className:"pdp-price-range",...c,children:r(s,{amount:e||i,currency:p,locale:d,variant:g,sale:t,className:a})}):l("div",{className:"pdp-price-range",...c,children:[r(s,{amount:i,currency:p,locale:d,className:a}),r("span",{className:"pdp-price-range__label",children:"-"}),r(s,{amount:n,currency:p,locale:d,className:a})]})});export{o as P};
+//# sourceMappingURL=PriceRange.js.map

package/chunks/PriceRange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PriceRange.js","sources":["/@dropins/storefront-pdp/src/components/PriceRange/PriceRange.tsx"],"sourcesContent":["/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { HTMLAttributes } from 'preact/compat';\nimport '@/pdp/components/PriceRange/PriceRange.css';\nimport { FunctionalComponent } from 'preact';\nimport { Price } from '@adobe-commerce/elsie/components';\n\nexport interface PriceRangeProps extends HTMLAttributes<HTMLDivElement> {\n  locale?: string;\n  variant?: 'default' | 'strikethrough';\n  currency?: string;\n\n  // Simple product\n  amount?: number;\n  sale?: boolean;\n\n  // Complex product (range)\n  minimumAmount?: number;\n  maximumAmount?: number;\n}\n\nexport const PriceRange: FunctionalComponent<PriceRangeProps> = ({\n  amount,\n  currency,\n  locale,\n  variant,\n  sale,\n  minimumAmount,\n  maximumAmount,\n  className,\n  ...props\n}) => {\n  return (\n    <>\n      {amount || minimumAmount === maximumAmount ? (\n        <div className={'pdp-price-range'} {...props}>\n          <Price\n            amount={amount ? amount : minimumAmount}\n            currency={currency}\n            locale={locale}\n            variant={variant}\n            sale={sale}\n            className={className}\n          />\n        </div>\n      ) : (\n        <div className={'pdp-price-range'} {...props}>\n          <Price\n            amount={minimumAmount}\n            currency={currency}\n            locale={locale}\n            className={className}\n          />\n          <span className=\"pdp-price-range__label\">{'-'}</span>\n          <Price\n            amount={maximumAmount}\n            currency={currency}\n            locale={locale}\n            className={className}\n          />\n        </div>\n      )}\n    </>\n  );\n};\n"],"names":["PriceRange","amount","currency","locale","variant","sale","minimumAmount","maximumAmount","className","props","jsx","Fragment","Price","jsxs"],"mappings":"2JAmCO,MAAMA,EAAmD,CAAC,CAC/D,OAAAC,EACA,SAAAC,EACA,OAAAC,EACA,QAAAC,EACA,KAAAC,EACA,cAAAC,EACA,cAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAEIC,EAAAC,EAAA,CACG,YAAUL,IAAkBC,IAC1B,MAAI,CAAA,UAAW,kBAAoB,GAAGE,EACrC,SAAAC,EAACE,EAAA,CACC,OAAQX,GAAkBK,EAC1B,SAAAJ,EACA,OAAAC,EACA,QAAAC,EACA,KAAAC,EACA,UAAAG,CAAA,CAAA,EAEJ,EAEAK,EAAC,OAAI,UAAW,kBAAoB,GAAGJ,EACrC,SAAA,CAAAC,EAACE,EAAA,CACC,OAAQN,EACR,SAAAJ,EACA,OAAAC,EACA,UAAAK,CAAA,CACF,EACCE,EAAA,OAAA,CAAK,UAAU,yBAA0B,SAAI,IAAA,EAC9CA,EAACE,EAAA,CACC,OAAQL,EACR,SAAAL,EACA,OAAAC,EACA,UAAAK,CAAA,CAAA,CACF,CAAA,CACF,CAEJ,CAAA"}

package/chunks/Swatches.js

@@ -1,3 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
 import{jsx as h,jsxs as M}from"@dropins/tools/preact-jsx-runtime.js";import{useState as R,useEffect as N,useMemo as z,useCallback as _}from"@dropins/tools/preact-compat.js";import{classes as P}from"@dropins/tools/lib.js";import{Picker as A,ColorSwatch as y,ImageSwatch as B,TextSwatch as D}from"@dropins/tools/components.js";/* empty css     */import{useText as C}from"@dropins/tools/i18n.js";const F=["text","image","color","dropdown"],G=t=>t.map(s=>({...s,text:s.label,disabled:!s.inStock}));function H(t,s){return t.reduce((m,i)=>{const n=s==null?void 0:s.find(f=>f.items.find(w=>w.id===i));if(!n)return m;const b=n.items.find(f=>f.id===i);return{...m,[n.id]:{label:b.label,value:b.id}}},{})}const I=({options:t,hideSelectedValue:s,disablePreselections:m,selectedUIDs:i,onValues:n,onErrors:b,defaultOptions:f,selectionsToUpdate:w,className:L,children:K,imageSwatchNode:O,...q})=>{const j=C("PDP.Swatches.Required.label").label,k=C("PDP.Swatches.ChooseOption.label").label,[S,x]=R(()=>t==null?void 0:t.reduce((r,e)=>{const{items:a}=e,d=a==null?void 0:a.find(c=>f==null?void 0:f.includes(c.id)),u=a==null?void 0:a.find(c=>c.selected);return d?{...r,[e.id]:{label:d.label,value:d.id}}:u?{...r,[e.id]:{label:u.label,value:u.id}}:r},{}));N(()=>{if(i){const l=H(i,t);if(JSON.stringify(l)===JSON.stringify(S))return;x(r=>{let e={...r,...l};return n==null||n(e),e})}},[i]),N(()=>{w==null||w.forEach(l=>{x(r=>{var d;const e=(d=l==null?void 0:l.items)==null?void 0:d.find(u=>u.selected);return e?{...r,[l.id]:{label:e==null?void 0:e.label,value:e==null?void 0:e.id}}:r})})},[w,x]),z(()=>{const l=t==null?void 0:t.reduce((r,e)=>{var d;let a=!1;return(d=e==null?void 0:e.items)==null||d.forEach(u=>{var v;((v=S[e.id])==null?void 0:v.value)===u.id&&(a=!0)}),e.required&&!a&&(r[e.id]=j),r},{});return b==null||b(l),l},[S]);const g=_((l,r,e)=>{x(a=>{let d={...a,...l&&{[l]:{label:r,value:e}}};return r===k&&delete d[l],n==null||n(d,e),d})},[n]),$=_((l,r)=>{var a;const e=((a=r.selectedOptions[0])==null?void 0:a.label)??"";g(l,e,r.value)},[g]),J=_(({items:l,id:r,required:e,type:a,selected:d,label:u})=>(l==null?void 0:l.length)>0&&h("div",{className:P(["pdp-swatches__options"]),children:(a==null?void 0:a.toLowerCase())==="dropdown"?h(A,{"aria-label":u,placeholder:m?k:void 0,handleSelect:c=>$(r,c.target),options:G(l),value:d}):l==null?void 0:l.map(c=>{const v={key:c.id,id:c.id,name:r,value:c.value,label:c.label,groupAriaLabel:u,selected:d===c.id,outOfStock:!c.inStock,required:e===null?!0:e,onValue:()=>{g(r,c.label,c.id)}};switch(a){case"text":return h(D,{...v,label:c.label});case"image":return h(B,{...v,src:c.value,alt:c.label,imageNode:O});case"color":return h(y,{...v,size:"large",color:c.value});default:return console.warn(`Invalid swatch type ${a}`),null}})}),[k,g,$]);return h("div",{...q,className:P(["pdp-swatches",L]),children:t==null?void 0:t.map(({type:l,label:r,id:e,multiple:a,required:d,items:u})=>{var c;return F.includes(l)||console.warn(`Invalid swatch type ${l}`),a&&console.warn("Multiple selection swatches are not currently supported."),M("div",{id:`swatch-item-${e}`,"data-slot-key":`product-swatch--${e}`,className:"pdp-swatches__field",children:[h("div",{className:"pdp-swatches__field__label",children:S[e]?s?`${r}`:`${r}: ${S[e].label}`:r}),h(J,{id:e,type:l,required:d,items:u,label:r,selected:(c=S[e])==null?void 0:c.value})]},`swatch-item-${e}`)})})};export{I as S};
+//# sourceMappingURL=Swatches.js.map

package/chunks/Swatches.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Swatches.js","sources":["/@dropins/storefront-pdp/src/components/Swatches/Swatches.tsx"],"sourcesContent":["/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { FunctionComponent, VNode } from 'preact';\nimport {\n  HTMLAttributes,\n  useState,\n  useMemo,\n  useCallback,\n  useEffect,\n  JSX,\n} from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport {\n  ColorSwatch,\n  ImageSwatch,\n  TextSwatch,\n  Picker,\n  PickerOption,\n  ImageNodeRenderProps,\n} from '@adobe-commerce/elsie/components';\n\nimport '@/pdp/components/Swatches/Swatches.css';\n\nconst supportedTypes = ['text', 'image', 'color', 'dropdown'];\n\nconst mapToPickerOptions = (items: OptionValue[]): PickerOption[] => {\n  return items.map((item: OptionValue) => ({\n    ...item,\n    text: item.label,\n    disabled: !item.inStock,\n  }));\n};\n\ntype OptionValue = {\n  id: string;\n  label: string;\n  inStock: boolean;\n  value: string;\n  selected?: boolean;\n};\n\nexport type Option = {\n  id: string;\n  type: (typeof supportedTypes)[number];\n  label: string;\n  required?: boolean;\n  multiple?: boolean;\n  items: OptionValue[];\n};\n\ntype Selection = { [id: string]: { label: string; value: string } };\n\nfunction optionUIDsToSelection(\n  optionUIDs: string[],\n  options: Array<Option>\n): Selection {\n  return optionUIDs.reduce((accum, optionUID) => {\n    const option = options?.find((option) =>\n      option.items.find((item) => item.id === optionUID)\n    );\n    if (!option) return accum;\n\n    const item = option.items.find((item) => item.id === optionUID);\n\n    return {\n      ...accum,\n      [option.id]: {\n        label: item!.label,\n        value: item!.id,\n      },\n    };\n  }, {});\n}\n\nexport interface SwatchesProps extends HTMLAttributes<HTMLDivElement> {\n  options: Array<Option>;\n  hideSelectedValue?: boolean;\n  disablePreselections?: boolean;\n  defaultOptions?: string[];\n  selectionsToUpdate?: Option[];\n  onValues?: (uids: Selection, current: string) => void;\n  onErrors?: (errors: { [id: string]: string }) => void;\n  selectedUIDs?: string[];\n  imageSwatchNode?: VNode | ((props: ImageNodeRenderProps) => JSX.Element);\n}\n\nexport const Swatches: FunctionComponent<SwatchesProps> = ({\n  options,\n  hideSelectedValue,\n  disablePreselections,\n  selectedUIDs,\n  onValues,\n  onErrors,\n  defaultOptions,\n  selectionsToUpdate,\n  className,\n  children,\n  imageSwatchNode,\n  ...props\n}) => {\n  // i18n\n  const RequiredLabel = useText('PDP.Swatches.Required.label').label;\n  const ChooseOptionLabel = useText('PDP.Swatches.ChooseOption.label').label;\n\n  const [selections, setSelections] = useState<Selection>(() => {\n    const initial = options?.reduce((accum, option) => {\n      const { items } = option;\n      const defaultSelection = items?.find((item) =>\n        defaultOptions?.includes(item.id)\n      );\n      const selected = items?.find((item) => item.selected);\n      if (defaultSelection) {\n        return {\n          ...accum,\n          [option.id]: {\n            label: defaultSelection.label,\n            value: defaultSelection.id,\n          },\n        };\n      } else if (selected) {\n        return {\n          ...accum,\n          [option.id]: { label: selected.label, value: selected.id },\n        };\n      }\n      return accum;\n    }, {} as Selection);\n\n    return initial;\n  });\n\n  // set selected options from props\n  useEffect(() => {\n    if (selectedUIDs) {\n      const selection = optionUIDsToSelection(selectedUIDs, options);\n      // if the internal state is already the same as the props, do nothing\n      if (JSON.stringify(selection) === JSON.stringify(selections)) return;\n\n      setSelections((prev) => {\n        let next = {\n          ...prev,\n          ...selection,\n        };\n        onValues?.(next);\n        return next;\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selectedUIDs]);\n\n  // this only applies for the case with anchor options\n  // update selections in the swatches if they are updated in the parent component\n  useEffect(() => {\n    selectionsToUpdate?.forEach((selectionToUpdate) => {\n      setSelections((prev) => {\n        const selectedItem = selectionToUpdate?.items?.find(\n          (item) => item.selected\n        );\n        if (!selectedItem) return prev;\n\n        const next = {\n          ...prev,\n          [selectionToUpdate.id]: {\n            label: selectedItem?.label,\n            value: selectedItem?.id,\n          },\n        };\n        return next;\n      });\n    });\n  }, [selectionsToUpdate, setSelections]);\n\n  // Update invalid options\n  useMemo(() => {\n    const errors = options?.reduce((accum, option) => {\n      let valueSelected = false;\n      option?.items?.forEach((item) => {\n        const selected = selections[option.id]?.value === item.id;\n        if (selected) {\n          valueSelected = true;\n        }\n      });\n\n      // Validate required\n      if (option.required && !valueSelected) {\n        accum[option.id] = RequiredLabel;\n      }\n      return accum;\n    }, {} as { [id: string]: string });\n\n    // Call the callback\n    onErrors?.(errors);\n\n    return errors;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selections]);\n\n  const handleOnSelection = useCallback(\n    (id: string, label: string, optionId: string) => {\n      setSelections((prev) => {\n        let next = {\n          ...prev,\n          ...(id && { [id]: { label, value: optionId } }),\n        };\n\n        if (label === ChooseOptionLabel) {\n          delete next[id];\n        }\n\n        // Call the callback\n        onValues?.(next, optionId);\n\n        // Return the next state\n        return next;\n      });\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [onValues]\n  );\n\n  // Function to handle the picker selection\n  const handlePickerSelect = useCallback(\n    (optionId: string, selection: any) => {\n      const label = selection.selectedOptions[0]?.label ?? '';\n      handleOnSelection(optionId, label, selection.value);\n    },\n    [handleOnSelection]\n  );\n\n  const Swatches = useCallback(\n    ({ items, id, required, type, selected, label }: any) => {\n      return (\n        items?.length > 0 && (\n          <div className={classes(['pdp-swatches__options'])}>\n            {type?.toLowerCase() === 'dropdown' ? (\n              <Picker\n                aria-label={label}\n                placeholder={\n                  disablePreselections ? ChooseOptionLabel : undefined\n                }\n                handleSelect={(event) => handlePickerSelect(id, event.target)}\n                options={mapToPickerOptions(items)}\n                value={selected}\n              />\n            ) : (\n              items?.map((option: any) => {\n                const common = {\n                  key: option.id,\n                  id: option.id,\n                  name: id,\n                  value: option.value,\n                  label: option.label,\n                  groupAriaLabel: label,\n                  selected: selected === option.id,\n                  outOfStock: !option.inStock,\n                  // API may return null, we default to true as all swatches are required.\n                  //  we still comply to this in case the api return \"false\".\n                  required: required === null ? true : required,\n                  onValue: () => {\n                    handleOnSelection(id, option.label, option.id);\n                  },\n                };\n\n                switch (type) {\n                  case 'text':\n                    return <TextSwatch {...common} label={option.label} />;\n\n                  case 'image':\n                    return (\n                      <ImageSwatch\n                        {...common}\n                        src={option.value}\n                        alt={option.label}\n                        imageNode={imageSwatchNode}\n                      />\n                    );\n\n                  case 'color':\n                    return (\n                      <ColorSwatch\n                        {...common}\n                        size=\"large\"\n                        color={option.value}\n                      />\n                    );\n\n                  default:\n                    console.warn(`Invalid swatch type ${type}`);\n                    return null;\n                }\n              })\n            )}\n          </div>\n        )\n      );\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [ChooseOptionLabel, handleOnSelection, handlePickerSelect]\n  );\n\n  return (\n    <div {...props} className={classes(['pdp-swatches', className])}>\n      {options?.map(({ type, label, id, multiple, required, items }) => {\n        // Only render supported types\n        if (!supportedTypes.includes(type)) {\n          console.warn(`Invalid swatch type ${type}`);\n        }\n\n        if (multiple) {\n          console.warn(\n            'Multiple selection swatches are not currently supported.'\n          );\n        }\n\n        return (\n          <div\n            key={`swatch-item-${id}`}\n            id={`swatch-item-${id}`}\n            data-slot-key={`product-swatch--${id}`}\n            className=\"pdp-swatches__field\"\n          >\n            <div className=\"pdp-swatches__field__label\">\n              {selections[id]\n                ? hideSelectedValue\n                  ? `${label}`\n                  : `${label}: ${selections[id].label}`\n                : label}\n            </div>\n\n            <Swatches\n              id={id}\n              type={type}\n              required={required}\n              items={items}\n              label={label} //label referring to the name of the swatchGroup\n              selected={selections[id]?.value}\n            />\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["supportedTypes","mapToPickerOptions","items","item","optionUIDsToSelection","optionUIDs","options","accum","optionUID","option","Swatches","hideSelectedValue","disablePreselections","selectedUIDs","onValues","onErrors","defaultOptions","selectionsToUpdate","className","children","imageSwatchNode","props","RequiredLabel","useText","ChooseOptionLabel","selections","setSelections","useState","defaultSelection","selected","useEffect","selection","prev","next","selectionToUpdate","selectedItem","_a","useMemo","errors","valueSelected","handleOnSelection","useCallback","id","label","optionId","handlePickerSelect","required","type","jsx","classes","Picker","event","common","TextSwatch","ImageSwatch","ColorSwatch","multiple","jsxs"],"mappings":"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"}

package/chunks/Zoom.js

@@ -1,3 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
 import{jsxs as F,jsx as C,Fragment as bt}from"@dropins/tools/preact-jsx-runtime.js";import*as ot from"@dropins/tools/preact-compat.js";import{useState as X,Children as j,useRef as K,useMemo as vt,useEffect as R,useCallback as rt}from"@dropins/tools/preact-compat.js";import{debounce as yt,classes as N}from"@dropins/tools/lib.js";import{Button as mt,Icon as Wt}from"@dropins/tools/components.js";/* empty css     */import{useText as A}from"@dropins/tools/i18n.js";import{cloneElement as Et}from"@dropins/tools/preact.js";const kt=c=>ot.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...c},ot.createElement("path",{d:"M7.74512 9.87701L12.0001 14.132L16.2551 9.87701",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"square",strokeLinejoin:"round"})),Ct=c=>ot.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...c},ot.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M18.3599 5.64001L5.62988 18.37",stroke:"currentColor"}),ot.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M18.3599 18.37L5.62988 5.64001",stroke:"currentColor"})),$t=24,wt=16,Xt="32";var Mt=(c=>(c[c.small=16]="small",c[c.medium=24]="medium",c[c.large=64]="large",c))(Mt||{});const Ht=({show:c=1,scrollbar:m=!1,peak:_=!1,arrows:i=!1,controls:n="dots",arrowsOnMainImage:$=!1,loop:l=!1,gap:b=null,direction:M="horizontal",width:W="100%",height:J="100%",defaultIndex:Y=0,className:ct,children:E,thumbnails:Q=null,isZoomed:P,...V})=>{const z=A("PDP.Carousel.label").label,at=A("PDP.Carousel.Slide.label").label,it=A("PDP.Carousel.Previous.label").label,B=A("PDP.Carousel.Next.label").label,ut=A("PDP.Carousel.Controls.label").label,nt=A("PDP.Carousel.Controls.Button.label").label,[h,ht]=X(()=>Lt(c)),g=Math.ceil(j.count(E)/h),L=_?$t:0,q=b?Mt[b]:0,H=j.count(E)%h,[u,ft]=X(l?k()?Y-1:Y+1:Y),e=K([]),[y,x]=X(0),[w,O]=X(0),I=vt(()=>j.toArray(Q),[Q]),f=vt(()=>{const t=j.toArray(E).reduce((r,s,o)=>o%h===0?[...r,[s]]:[...r.slice(0,-1),[...r[r.length-1],s]],[]);return!l||t.length===1?t:l&&j.count(E)%h===0?[t[g-1]].concat(t).concat([t[0],t[1]]):[j.toArray(E).slice(-h)].concat(t).concat([t[0],t[1]])},[E,h,g,l]),S=K(null),Z=K(null),d=n==="thumbnailsRow"||n==="thumbnailsColumn";R(()=>{const t=S.current;if(!t)return;const r=yt(()=>{x(t.offsetWidth??0),O(t.offsetHeight??0);const o=window.innerWidth,a=Lt(c,o);a!==h&&ht(a)},50),s=new ResizeObserver(r);return s.observe(t),()=>{s.unobserve(t)}},[h,c]);const G=rt(t=>{const r=l?t-1:t,s=e==null?void 0:e.current[0],o=(s==null?void 0:s.offsetWidth)+wt,a=(s==null?void 0:s.offsetHeight)+wt,p=Z.current,U=n==="thumbnailsRow",lt=n==="thumbnailsColumn",T=U?p==null?void 0:p.offsetWidth:p==null?void 0:p.offsetHeight,D=U?o:a;if((U||lt)&&T){const Nt=Math.floor((U?p.clientWidth:p.clientHeight)/D),Dt=Math.floor(Nt/2),pt=(r-Dt)*D;p.style.scrollBehavior="smooth",U?p.scrollLeft=k()?-(p.scrollWidth-p.clientWidth-pt):pt:p.scrollTop=pt}},[n,l]);R(()=>{G(u)},[u,G]);const v=rt((t,r,s)=>{d&&G(t);const o=S.current,a=L?o.offsetWidth-L:o.offsetWidth-L+q;if(!Array.from(o.querySelectorAll("[data-index]")).filter(T=>{const D=Number(T.getAttribute("data-index"));return!isNaN(D)&&D>-1})[t])return;if(s){const T=t===0?g:0,D=a*(g+(H||h)/h);if(k()){if(o.scrollLeft<=0&&o.scrollLeft>-(a-5)){v(1,!0);return}if(o.scrollLeft<a-D&&o.scrollLeft>=-D){v(g,!0);return}o.style.scrollBehavior="auto",o.scrollLeft=T===0?0:-D,v(T===0?1:g,!0)}else{if(o.scrollLeft>=0&&o.scrollLeft<a-5){v(1,!0);return}if(o.scrollLeft>D-a&&o.scrollLeft<=D){v(g,!0);return}o.style.scrollBehavior="auto",o.scrollLeft=T===0?0:D,v(T===0?1:g,!0);return}}const lt=(o.offsetWidth-q)/h*f[t].length-L;o.style.scrollBehavior=r?"smooth":"auto",o.scrollLeft=k()?-(f[t].length===h?a*t:a*(t-1)-lt):f[t].length===h?a*t:a*(t-1)+lt},[q,g,L,h,H,f,G,n]),tt=rt(()=>{if(l){const r=u-1;v(r,!0,k()?u===g-1:u===1);return}const t=u<=0?0:u-1;v(t,!0)},[u,v,l]),et=rt(()=>{const t=f.length-1;if(l){const s=u+1;v(s,!0,k()?u===0:u===g);return}const r=u>=t?t:u+1;v(r,!0)},[f.length,l,u,v,g]);R(()=>{const t=r=>{r.key==="ArrowLeft"&&(r.preventDefault(),k()?et():tt()),r.key==="ArrowRight"&&(r.preventDefault(),k()?tt():et())};return window.addEventListener("keydown",t),()=>{window.removeEventListener("keydown",t)}},[et,tt]),R(()=>{v(l?Y+1:Y,!1)},[Y,v,l]);const dt=yt(()=>{const t=S.current,r=L?t.offsetWidth-L:t.offsetWidth-L+q,s=Math.abs(t.scrollLeft)/r,o=Math.abs(Math.round(s)-s<1?Math.round(s):Math.ceil(s));if(d&&G(o),l){const a=r*(g+(H||h)/h),p=k()?-t.scrollLeft:t.scrollLeft;if(Math.ceil(Math.abs(p))>=Math.ceil(a)-5){t.style.scrollBehavior="auto",t.scrollLeft=k()?-t.offsetWidth+(Math.ceil(p)-Math.ceil(a)-L):t.offsetWidth+(Math.ceil(p)-Math.ceil(a)-L);return}if(Math.abs(p)===0){t.style.scrollBehavior="auto",t.scrollLeft=k()?-(a-t.offsetWidth+L):a-t.offsetWidth+L;return}}u!==o&&ft(o)},100);R(()=>{const t=S.current;return t==null||t.addEventListener("scroll",dt),()=>{t==null||t.removeEventListener("scroll",dt)}},[dt]);const st=(t,r,s)=>C(mt,{className:N([["pdp-carousel__button",!t],[`pdp-carousel__button--${r}`,!t],[`pdp-carousel__button--${n}`,t]]),style:{"--height":`${w}px`},variant:"tertiary","aria-label":r==="next"?B:it,onClick:s,disabled:l?!1:r==="next"?u>=f.length-1:u<1,children:C(Wt,{className:N([["pdp-carousel__button__icon",!t],[`pdp-carousel__button__icon--${r}`,!t],[`pdp-carousel__button__icon--${n}--${r}`,t]]),size:Xt,source:kt})}),gt=i&&f.length!=1&&st(d,"prev",tt),_t=i&&f.length!=1&&st(d,"next",et),Pt=i&&f.length!=1&&st(!1,"prev",tt),xt=i&&f.length!=1&&st(!1,"next",et);return F("div",{role:"region","aria-roledescription":z,className:N(["pdp-carousel",["pdp-carousel--main-image-controls",$],["pdp-carousel--arrows",i&&!d],[`pdp-carousel--${n}`,d],ct]),style:{"--flex-carousel":n==="thumbnailsColumn"?"row-reverse":"column","--gap":d?"0":"var(--spacing-small)","--width":W},...V,children:[C("div",{ref:S,className:N(["pdp-carousel__wrapper",`pdp-carousel__wrapper--${M}`,["pdp-carousel__wrapper--scrollbar",m],["pdp-carousel__wrapper--peak",_]]),style:{"--total-width":n==="thumbnailsColumn"?"81.6%":"100%","--height":n==="thumbnailsColumn"?"auto":J,"--gap":b?`var(--spacing-${b})`:"0px","--per-page":h},tabIndex:0,children:f.map((t,r)=>{const s=t.length<h;return C("div",{role:"group","aria-roledescription":at,"data-index":r,className:N(["pdp-carousel__slide",`pdp-carousel__slide--${M}`,["pdp-carousel__slide--active",u===r],["pdp-carousel__slide--orphan",s]]),style:{"--length":t.length},children:t},r)})}),!d&&F(bt,{children:[gt,_t]}),d&&$&&F(bt,{children:[Pt,xt]}),n&&f.length!=1&&F("div",{className:N([[`pdp-carousel__controls__container--${n}`,d],["pdp-carousel__controls__container--no-arrows",!i||$]]),style:{"--width":n==="thumbnailsRow"?`${y}px`:W,"--height":`${w}px`,"--nr-thumbnails":I.length},children:[(d||P)&&!$&&gt,C("div",{ref:Z,className:N([[`pdp-carousel__controls__wrapper--${n}`,d],["pdp-carousel__controls__wrapper",d]]),children:C("div",{role:"group","aria-label":ut,className:N(["pdp-carousel__controls",[`pdp-carousel__controls--${n}`,d]]),children:(l?f.slice(0,g):f).map((t,r)=>{const s=l?g:f.length,o=l?u-1===r:u===r;return d?F("label",{className:N(["pdp-carousel__thumbnail__container"]),ref:a=>{a&&(e.current[r]=a)},children:[C("input",{type:"radio",name:"carousel-thumbnails","aria-label":nt.replace("{key}",String(r+1)).replace("{total}",String(s)),checked:o&&y!==0,onChange:()=>{v(l?r+1:r,!0)},...V,className:N(["pdp-carousel__thumbnail",["pdp-carousel__thumbnail--selected",o&&y!==0]])}),C("span",{className:N(["pdp-carousel__thumbnail__span"]),children:I[r]})]},r):C("button",{"aria-label":nt.replace("{key}",String(r+1)).replace("{total}",String(s)),onClick:()=>{v(l?r+1:r,!0)},className:N(["pdp-carousel__controls__button",["pdp-carousel__controls__button--active",o]])},r)})})}),(d||P)&&!$&&_t]})]})};function Lt(c,m=0){if(typeof c=="number")return c;const{small:_,medium:i,large:n}=c,l=[{breakpoint:1024,value:n},{breakpoint:786,value:i},{breakpoint:0,value:_}].find(({breakpoint:b})=>m>b);return l?l.value:_}function k(){return document.documentElement.dir==="rtl"}const Ot=({centered:c,onClose:m,className:_,children:i,...n})=>{const $=A("PDP.Overlay.Close.label").label,l=K(null),b=rt(()=>{m==null||m()},[m]);return R(()=>{const M=W=>{W.key==="Escape"&&b()};return document.addEventListener("keydown",M),()=>{document.removeEventListener("keydown",M)}},[b]),R(()=>{const M=l.current;M==null||M.focus();const W=document.scrollingElement,J=W.style.overflow;return W.style.overflow="hidden",()=>{W.style.overflow=J}},[]),F("div",{...n,className:N(["pdp-overlay",["pdp-overlay--centered",c],_]),ref:l,role:"dialog","aria-describedby":"overlay-content",tabindex:0,children:[C("div",{className:"pdp-overlay__content",id:"overlay-content",children:i}),C(mt,{"aria-label":$,variant:"tertiary",className:"pdp-overlay__close-button",onClick:b,icon:C(Ct,{})})]})},Zt=({children:c,scale:m=2,closeButton:_=!0})=>{const[i,n]=X(!1),[$,l]=X("pdp-zoom"),[b,M]=X(!1),[W,J]=X({x:0,y:0}),[Y,ct]=X({x:0,y:0}),[E,Q]=X({x:0,y:0}),P=K(null),V=K(!1),z=K(null),at=e=>{!i||e.type!=="touchstart"||(J({x:e.touches[0].clientX,y:e.touches[0].clientY}),ct({x:E.x,y:E.y}),M(!0))},it=e=>{var d;if(!b||e.type!=="touchmove")return;const y=(d=e.currentTarget)==null?void 0:d.getBoundingClientRect(),x=(100-100/m)/2,w=e.touches[0].clientX-W.x,O=e.touches[0].clientY-W.y,I=w*100/(y.width*m),f=O*100/(y.height*m),S=Y.x+I,Z=Y.y+f;Q({x:Math.max(-x,Math.min(S,x))||0,y:Math.max(-x,Math.min(Z,x))||0}),e.preventDefault()},B=e=>{var Z;const y=(Z=e.currentTarget)==null?void 0:Z.getBoundingClientRect(),x=(100-100/m)/2;let w=null;if("touches"in e)if(e.touches.length>0)w=e.touches[0],z.current={clientX:w.clientX,clientY:w.clientY};else if(e.type==="touchend"&&P.current)w={clientX:P.current.x,clientY:P.current.y};else if(z.current)w=z.current;else return;else if(e instanceof MouseEvent)w=e;else return;const O=(w.clientX-y.left)/y.width*100,I=(w.clientY-y.top)/y.height*100,f=(50-O)*(m-1)/m,S=(50-I)*(m-1)/m;Q({x:Math.max(-x,Math.min(f,x))||0,y:Math.max(-x,Math.min(S,x))||0})},ut=e=>{if(_)P.current={x:e.touches[0].clientX,y:e.touches[0].clientY,time:Date.now()},z.current={clientX:e.touches[0].clientX,clientY:e.touches[0].clientY},V.current=!1,i&&at(e);else{if(b)return;!i&&B(e),n(!i),e.preventDefault()}},nt=e=>{if(e.touches.length!==0){if(z.current={clientX:e.touches[0].clientX,clientY:e.touches[0].clientY},_){if(!P.current)return;if(b){it(e);return}const y=e.touches[0].clientX,x=e.touches[0].clientY,w=Math.abs(y-P.current.x),O=Math.abs(x-P.current.y);(w>10||O>10)&&(V.current=!0)}i&&B(e)}},h=e=>{if(_){if(!P.current)return;const y=Date.now()-P.current.time;!V.current&&y<300&&!b&&(n(!0),B(e),e.preventDefault()),M(!1),P.current=null}else n(!1)},ht=e=>{"touches"in e||b||(i?!_&&n(!1):(n(!0),B(e)),e.preventDefault())},g=e=>{"touches"in e||i&&B(e)},L=e=>{if(!("touches"in e)){if(_){M(!1);return}n(!1)}},q=e=>{n(!1),e.stopPropagation()},H=i?`scale(${m}) translateX(${E.x}%) translateY(${E.y}%)`:"none",u=A("PDP.Zoom.Close.label").label,ft=Et(j.only(c),{draggable:!1,style:{"--transform":H}});return R(()=>{l(i?`pdp-zoom ${_?"pdp-zoom--no-effects":"pdp-zoom--zoomed"}`:"pdp-zoom")},[i,_]),F("figure",{className:$,onClick:ht,onMouseMove:g,onMouseLeave:L,onTouchStart:ut,onTouchMove:nt,onTouchEnd:h,children:[ft,_&&i&&C(mt,{"aria-label":u,variant:"tertiary",className:"pdp-zoom__close-button",icon:C(Ct,{}),onClick:q})]})};export{Ht as C,Ot as O,Zt as Z};
+//# sourceMappingURL=Zoom.js.map

package/chunks/Zoom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Zoom.js","sources":["../../node_modules/@adobe-commerce/elsie/src/icons/ChevronDown.svg","../../node_modules/@adobe-commerce/elsie/src/icons/Close.svg","/@dropins/storefront-pdp/src/components/Carousel/Carousel.tsx","/@dropins/storefront-pdp/src/components/Overlay/Overlay.tsx","/@dropins/storefront-pdp/src/components/Zoom/Zoom.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgChevronDown = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M7.74512 9.87701L12.0001 14.132L16.2551 9.87701\", stroke: \"currentColor\", strokeWidth: 1.5, strokeLinecap: \"square\", strokeLinejoin: \"round\" }));\nexport default SvgChevronDown;\n","import * as React from \"react\";\nconst SvgClose = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M18.3599 5.64001L5.62988 18.37\", stroke: \"currentColor\" }), /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M18.3599 18.37L5.62988 5.64001\", stroke: \"currentColor\" }));\nexport default SvgClose;\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { FunctionComponent, VNode } from 'preact';\nimport {\n  HTMLAttributes,\n  Children,\n  useState,\n  useRef,\n  useEffect,\n  useMemo,\n  useCallback,\n} from 'preact/compat';\nimport { classes, debounce } from '@adobe-commerce/elsie/lib';\nimport { Button, Icon } from '@adobe-commerce/elsie/components';\nimport { ChevronDown } from '@adobe-commerce/elsie/icons';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nimport '@/pdp/components/Carousel/Carousel.css';\n\ntype Show = number;\n\nconst PEAK_WIDTH = 24;\nconst THUMB_GAP = 16;\nconst ICON_SIZE = '32';\n\nenum GapSize {\n  small = 16,\n  medium = 24,\n  large = 64,\n}\n\nexport interface CarouselProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'controls'> {\n  children: VNode[] | VNode;\n  thumbnails?: VNode[] | VNode;\n  show?: Show | { small: Show; medium: Show; large: Show };\n  gap?: 'small' | 'medium' | 'large' | null;\n  scrollbar?: boolean;\n  peak?: boolean;\n  arrows?: boolean;\n  controls?: 'thumbnailsRow' | 'thumbnailsColumn' | 'dots' | null;\n  arrowsOnMainImage?: boolean;\n  loop?: boolean;\n  direction?: 'horizontal';\n  style?: Record<string, string | number>;\n  width?: string;\n  height?: string;\n  defaultIndex?: number;\n  infinite?: boolean;\n  isZoomed?: boolean;\n}\n\nexport const Carousel: FunctionComponent<CarouselProps> = ({\n  show = 1,\n  scrollbar = false,\n  peak = false,\n  arrows = false,\n  controls = 'dots',\n  arrowsOnMainImage = false,\n  loop = false,\n  gap = null,\n  direction = 'horizontal',\n  width = '100%',\n  height = '100%',\n  defaultIndex = 0,\n  className,\n  children,\n  thumbnails = null,\n  isZoomed,\n  ...props\n}) => {\n  // i18n\n  const Label = useText('PDP.Carousel.label').label;\n  const SlideLabel = useText('PDP.Carousel.Slide.label').label;\n  const PreviousLabel = useText('PDP.Carousel.Previous.label').label;\n  const NextLabel = useText('PDP.Carousel.Next.label').label;\n  const ControlsLabel = useText('PDP.Carousel.Controls.label').label;\n  const ControlsBtnLabel = useText('PDP.Carousel.Controls.Button.label').label;\n\n  // States\n  const [perPage, setPerPage] = useState(() => getPerPageFromBreakpoint(show));\n\n  // Constants\n  const length = Math.ceil(Children.count(children) / perPage);\n\n  const peakWidth = peak ? PEAK_WIDTH : 0;\n  const gapWidth = gap ? GapSize[gap] : 0;\n  const rest = Children.count(children) % perPage;\n\n  // States\n  const [current, setCurrent] = useState(\n    loop ? (isRTL() ? defaultIndex - 1 : defaultIndex + 1) : defaultIndex\n  );\n\n  // Thumbnails (refs for each thumbnail item)\n  const thumbnailsRefs = useRef<HTMLLabelElement[]>([]);\n  const [thumbWidth, setThumbWidth] = useState(0);\n  const [thumbHeight, setThumbHeight] = useState(0);\n\n  // VNodes\n  const thumbnailSlides = useMemo<VNode[]>(() => {\n    return Children.toArray(thumbnails);\n  }, [thumbnails]);\n\n  // Slides\n  const slides = useMemo<VNode[][]>(() => {\n    const returnValue = Children.toArray(children).reduce((acc, child, i) => {\n      if (i % perPage === 0) {\n        return [...acc, [child]];\n      }\n\n      return [...acc.slice(0, -1), [...acc[acc.length - 1], child]];\n    }, [] as VNode[][]);\n\n    if (!loop || returnValue.length === 1) {\n      return returnValue;\n    }\n\n    if (loop && !(Children.count(children) % perPage !== 0)) {\n      return [returnValue[length - 1]]\n        .concat(returnValue)\n        .concat([returnValue[0], returnValue[1]]);\n    }\n\n    return [Children.toArray(children).slice(-perPage)]\n      .concat(returnValue)\n      .concat([returnValue[0], returnValue[1]]);\n  }, [children, perPage, length, loop]);\n\n  // Wrapper\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const thumbnailsWrapperRef = useRef<HTMLDivElement>(null);\n\n  const thumbnailControls =\n    controls === 'thumbnailsRow' || controls === 'thumbnailsColumn';\n\n  // Observe Resize (responsive)\n  useEffect(() => {\n    const wrapper = wrapperRef.current;\n\n    if (!wrapper) return; // Guard clause in case the ref is not set yet\n\n    const handleResize = debounce(() => {\n      setThumbWidth(wrapper.offsetWidth ?? 0);\n      setThumbHeight(wrapper.offsetHeight ?? 0);\n      const width = window.innerWidth;\n      const newPerPage = getPerPageFromBreakpoint(show, width);\n\n      if (newPerPage !== perPage) {\n        setPerPage(newPerPage);\n      }\n    }, 50);\n\n    const observer = new ResizeObserver(handleResize);\n    observer.observe(wrapper);\n\n    return () => {\n      observer.unobserve(wrapper);\n    };\n  }, [perPage, show]);\n\n  // Scrolling logic controls\n  const handleThumbnailsScroll = useCallback(\n    (nextSlideIndex: number) => {\n      const nextItem = loop ? nextSlideIndex - 1 : nextSlideIndex;\n      const thumbnailRef = thumbnailsRefs?.current[0];\n      const oneItemWidth = thumbnailRef?.offsetWidth + THUMB_GAP;\n      const oneItemHeight = thumbnailRef?.offsetHeight + THUMB_GAP;\n      const thumbnailsWrapper = thumbnailsWrapperRef.current!;\n\n      const isRow = controls === 'thumbnailsRow';\n      const isColumn = controls === 'thumbnailsColumn';\n      const offset = isRow\n        ? thumbnailsWrapper?.offsetWidth\n        : thumbnailsWrapper?.offsetHeight;\n      const oneItemSize = isRow ? oneItemWidth : oneItemHeight;\n\n      if ((isRow || isColumn) && offset) {\n        const visibleThumbnails = Math.floor(\n          (isRow\n            ? thumbnailsWrapper.clientWidth\n            : thumbnailsWrapper.clientHeight) / oneItemSize\n        );\n        const centerOffset = Math.floor(visibleThumbnails / 2);\n        const targetScrollPosition = (nextItem - centerOffset) * oneItemSize;\n        thumbnailsWrapper.style.scrollBehavior = 'smooth';\n\n        if (isRow) {\n          thumbnailsWrapper.scrollLeft = isRTL()\n            ? -(\n                thumbnailsWrapper.scrollWidth -\n                thumbnailsWrapper.clientWidth -\n                targetScrollPosition\n              )\n            : targetScrollPosition;\n        } else {\n          thumbnailsWrapper.scrollTop = targetScrollPosition;\n        }\n      }\n    },\n    [controls, loop]\n  );\n\n  useEffect(() => {\n    handleThumbnailsScroll(current);\n  }, [current, handleThumbnailsScroll]);\n\n  // Navigation\n  const handleScrollTo = useCallback(\n    (nextSlideIndex: number, smooth?: boolean, reset?: boolean) => {\n      if (thumbnailControls) {\n        handleThumbnailsScroll(nextSlideIndex);\n      }\n\n      const wrapper = wrapperRef.current!;\n      const realWidth = peakWidth\n        ? wrapper.offsetWidth - peakWidth\n        : wrapper.offsetWidth - peakWidth + gapWidth;\n\n      const items = Array.from(wrapper.querySelectorAll('[data-index]')).filter(\n        (element) => {\n          const dataIndex = Number(element.getAttribute('data-index')!);\n          return !isNaN(dataIndex) && dataIndex > -1;\n        }\n      );\n\n      const item = items[nextSlideIndex];\n\n      if (!item) {\n        return;\n      }\n\n      if (reset) {\n        const futureIndex = nextSlideIndex === 0 ? length : 0;\n        const scrollWidth =\n          realWidth * (length + (rest ? rest : perPage) / perPage);\n\n        if (isRTL()) {\n          if (\n            wrapper.scrollLeft <= 0 &&\n            wrapper.scrollLeft > -(realWidth - 5)\n          ) {\n            handleScrollTo(1, true);\n            return;\n          }\n          if (\n            wrapper.scrollLeft < realWidth - scrollWidth &&\n            wrapper.scrollLeft >= -scrollWidth\n          ) {\n            handleScrollTo(length, true);\n            return;\n          }\n\n          wrapper.style.scrollBehavior = 'auto';\n          wrapper.scrollLeft = futureIndex === 0 ? 0 : -scrollWidth;\n          handleScrollTo(futureIndex === 0 ? 1 : length, true);\n        } else {\n          if (wrapper.scrollLeft >= 0 && wrapper.scrollLeft < realWidth - 5) {\n            handleScrollTo(1, true);\n            return;\n          }\n\n          if (\n            wrapper.scrollLeft > scrollWidth - realWidth &&\n            wrapper.scrollLeft <= scrollWidth\n          ) {\n            handleScrollTo(length, true);\n            return;\n          }\n\n          wrapper.style.scrollBehavior = 'auto';\n          wrapper.scrollLeft = futureIndex === 0 ? 0 : scrollWidth;\n          handleScrollTo(futureIndex === 0 ? 1 : length, true);\n          return;\n        }\n      }\n\n      const diff =\n        ((wrapper.offsetWidth - gapWidth) / perPage) *\n          slides[nextSlideIndex].length -\n        peakWidth;\n\n      wrapper.style.scrollBehavior = smooth ? 'smooth' : 'auto';\n      wrapper.scrollLeft = isRTL()\n        ? -(slides[nextSlideIndex].length === perPage\n            ? realWidth * nextSlideIndex\n            : realWidth * (nextSlideIndex - 1) - diff)\n        : slides[nextSlideIndex].length === perPage\n        ? realWidth * nextSlideIndex\n        : realWidth * (nextSlideIndex - 1) + diff;\n      return;\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      gapWidth,\n      length,\n      peakWidth,\n      perPage,\n      rest,\n      slides,\n      handleThumbnailsScroll,\n      controls,\n    ]\n  );\n\n  const handleGoToPrev = useCallback(() => {\n    if (loop) {\n      const nextSlideIndex = current - 1;\n      handleScrollTo(\n        nextSlideIndex,\n        true,\n        isRTL() ? current === length - 1 : current === 1\n      );\n      return;\n    }\n\n    const nextSlideIndex = current <= 0 ? 0 : current - 1;\n    handleScrollTo(nextSlideIndex, true);\n  }, [current, handleScrollTo, loop]); //eslint-disable-line react-hooks/exhaustive-deps\n\n  const handleGoToNext = useCallback(() => {\n    const lastSlideIndex = slides.length - 1;\n\n    if (loop) {\n      const nextSlideIndex = current + 1;\n      handleScrollTo(\n        nextSlideIndex,\n        true,\n        isRTL() ? current === 0 : current === length\n      );\n      return;\n    }\n\n    const nextSlideIndex =\n      current >= lastSlideIndex ? lastSlideIndex : current + 1;\n\n    handleScrollTo(nextSlideIndex, true);\n  }, [slides.length, loop, current, handleScrollTo, length]);\n\n  // Navigate with keyboard\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'ArrowLeft') {\n        event.preventDefault();\n        isRTL() ? handleGoToNext() : handleGoToPrev();\n      }\n\n      if (event.key === 'ArrowRight') {\n        event.preventDefault();\n        isRTL() ? handleGoToPrev() : handleGoToNext();\n      }\n    };\n\n    window.addEventListener('keydown', handleKeyDown);\n\n    return () => {\n      window.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [handleGoToNext, handleGoToPrev]);\n\n  // Set default index\n  useEffect(() => {\n    handleScrollTo(loop ? defaultIndex + 1 : defaultIndex, false);\n  }, [defaultIndex, handleScrollTo, loop]);\n\n  // Track scrolling (swipes)\n  const handleOnScroll = debounce(() => {\n    const wrapper = wrapperRef.current!;\n    const realWidth = peakWidth\n      ? wrapper.offsetWidth - peakWidth\n      : wrapper.offsetWidth - peakWidth + gapWidth;\n\n    const dividing = Math.abs(wrapper.scrollLeft) / realWidth;\n    const nextSlideIndex = Math.abs(\n      Math.round(dividing) - dividing < 1\n        ? Math.round(dividing)\n        : Math.ceil(dividing)\n    );\n\n    if (thumbnailControls) {\n      handleThumbnailsScroll(nextSlideIndex);\n    }\n\n    if (loop) {\n      const totalWidth =\n        realWidth * (length + (rest ? rest : perPage) / perPage);\n      const scrollOffset = isRTL() ? -wrapper.scrollLeft : wrapper.scrollLeft;\n\n      if (Math.ceil(Math.abs(scrollOffset)) >= Math.ceil(totalWidth) - 5) {\n        wrapper.style.scrollBehavior = 'auto';\n        wrapper.scrollLeft = isRTL()\n          ? -wrapper.offsetWidth +\n            (Math.ceil(scrollOffset) - Math.ceil(totalWidth) - peakWidth)\n          : wrapper.offsetWidth +\n            (Math.ceil(scrollOffset) - Math.ceil(totalWidth) - peakWidth);\n        return;\n      }\n\n      if (Math.abs(scrollOffset) === 0) {\n        wrapper.style.scrollBehavior = 'auto';\n\n        wrapper.scrollLeft = isRTL()\n          ? -(totalWidth - wrapper.offsetWidth + peakWidth)\n          : totalWidth - wrapper.offsetWidth + peakWidth;\n        return;\n      }\n    }\n\n    if (current !== nextSlideIndex) {\n      setCurrent(nextSlideIndex);\n    }\n  }, 100);\n\n  useEffect(() => {\n    const wrapper = wrapperRef.current;\n    wrapper?.addEventListener('scroll', handleOnScroll);\n\n    return () => {\n      wrapper?.removeEventListener('scroll', handleOnScroll);\n    };\n  }, [handleOnScroll]);\n\n  // thumbnails is column -> container is row reverse, controls is column\n  // thumbnails is row -> container is column, controls is row\n  const getArrow = (\n    forThumbnails: boolean,\n    direction: string,\n    callback: () => void\n  ) => {\n    return (\n      <Button\n        className={classes([\n          ['pdp-carousel__button', !forThumbnails],\n          [`pdp-carousel__button--${direction}`, !forThumbnails],\n          [`pdp-carousel__button--${controls}`, forThumbnails],\n        ])}\n        style={{\n          '--height': `${thumbHeight}px`,\n        }}\n        variant=\"tertiary\"\n        aria-label={direction === 'next' ? NextLabel : PreviousLabel}\n        onClick={callback}\n        disabled={\n          loop\n            ? false\n            : direction === 'next'\n            ? current >= slides.length - 1\n            : current < 1\n        }\n      >\n        <Icon\n          className={classes([\n            ['pdp-carousel__button__icon', !forThumbnails],\n            [`pdp-carousel__button__icon--${direction}`, !forThumbnails],\n            [\n              `pdp-carousel__button__icon--${controls}--${direction}`,\n              forThumbnails,\n            ],\n          ])}\n          size={ICON_SIZE}\n          source={ChevronDown}\n        />\n      </Button>\n    );\n  };\n\n  const prevArrow =\n    arrows &&\n    slides.length != 1 &&\n    getArrow(thumbnailControls, 'prev', handleGoToPrev);\n\n  const nextArrow =\n    arrows &&\n    slides.length != 1 &&\n    getArrow(thumbnailControls, 'next', handleGoToNext);\n\n  const prevArrowMainImage =\n    arrows && slides.length != 1 && getArrow(false, 'prev', handleGoToPrev);\n\n  const nextArrowMainImage =\n    arrows && slides.length != 1 && getArrow(false, 'next', handleGoToNext);\n\n  return (\n    <div\n      role=\"region\"\n      aria-roledescription={Label}\n      className={classes([\n        'pdp-carousel',\n        ['pdp-carousel--main-image-controls', arrowsOnMainImage],\n        ['pdp-carousel--arrows', arrows && !thumbnailControls],\n        [`pdp-carousel--${controls}`, thumbnailControls],\n        className,\n      ])}\n      style={{\n        '--flex-carousel':\n          controls === 'thumbnailsColumn' ? 'row-reverse' : 'column',\n        '--gap': thumbnailControls ? '0' : 'var(--spacing-small)',\n        '--width': width,\n      }}\n      {...props}\n    >\n      {/* Slideshow */}\n      <div\n        ref={wrapperRef}\n        className={classes([\n          'pdp-carousel__wrapper',\n          `pdp-carousel__wrapper--${direction}`,\n          ['pdp-carousel__wrapper--scrollbar', scrollbar],\n          ['pdp-carousel__wrapper--peak', peak],\n        ])}\n        style={{\n          '--total-width': controls === 'thumbnailsColumn' ? `81.6%` : `100%`,\n          '--height': controls === 'thumbnailsColumn' ? 'auto' : height,\n          '--gap': gap ? `var(--spacing-${gap})` : '0px',\n          '--per-page': perPage,\n        }}\n        tabIndex={0}\n      >\n        {slides.map((page, index) => {\n          const orphan = page.length < perPage;\n\n          return (\n            <div\n              key={index}\n              role=\"group\"\n              aria-roledescription={SlideLabel}\n              data-index={index}\n              className={classes([\n                'pdp-carousel__slide',\n                `pdp-carousel__slide--${direction}`,\n                ['pdp-carousel__slide--active', current === index],\n                ['pdp-carousel__slide--orphan', orphan],\n              ])}\n              style={{\n                '--length': page.length,\n              }}\n            >\n              {page}\n            </div>\n          );\n        })}\n      </div>\n\n      {/* Previous and next arrows for Carousel without thumbnails */}\n      {!thumbnailControls && (\n        <>\n          {prevArrow}\n          {nextArrow}\n        </>\n      )}\n\n      {thumbnailControls && arrowsOnMainImage && (\n        <>\n          {prevArrowMainImage}\n          {nextArrowMainImage}\n        </>\n      )}\n\n      {/* Controls */}\n      {controls && slides.length != 1 && (\n        <div\n          className={classes([\n            [\n              `pdp-carousel__controls__container--${controls}`,\n              thumbnailControls,\n            ],\n            [\n              'pdp-carousel__controls__container--no-arrows',\n              !arrows || arrowsOnMainImage,\n            ],\n          ])}\n          style={{\n            '--width': controls === 'thumbnailsRow' ? `${thumbWidth}px` : width,\n            '--height': `${thumbHeight}px`,\n            '--nr-thumbnails': thumbnailSlides.length,\n          }}\n        >\n          {(thumbnailControls || isZoomed) && !arrowsOnMainImage && prevArrow}\n\n          <div\n            ref={thumbnailsWrapperRef}\n            className={classes([\n              [\n                `pdp-carousel__controls__wrapper--${controls}`,\n                thumbnailControls,\n              ],\n              [`pdp-carousel__controls__wrapper`, thumbnailControls],\n            ])}\n          >\n            <div\n              role=\"group\"\n              aria-label={ControlsLabel}\n              className={classes([\n                'pdp-carousel__controls',\n                [`pdp-carousel__controls--${controls}`, thumbnailControls],\n              ])}\n            >\n              {(loop ? slides.slice(0, length) : slides).map((_, key) => {\n                const buttonsLength = loop ? length : slides.length;\n                const active = loop ? current - 1 === key : current === key;\n\n                if (!thumbnailControls) {\n                  return (\n                    <button\n                      key={key}\n                      aria-label={ControlsBtnLabel.replace(\n                        '{key}',\n                        String(key + 1)\n                      ).replace('{total}', String(buttonsLength))}\n                      onClick={() => {\n                        handleScrollTo(loop ? key + 1 : key, true);\n                      }}\n                      className={classes([\n                        'pdp-carousel__controls__button',\n                        ['pdp-carousel__controls__button--active', active],\n                      ])}\n                    />\n                  );\n                }\n                return (\n                  <label\n                    className={classes(['pdp-carousel__thumbnail__container'])}\n                    key={key}\n                    ref={(el: HTMLLabelElement | null) => {\n                      if (el) {\n                        thumbnailsRefs.current[key] = el;\n                      }\n                    }}\n                  >\n                    <input\n                      type=\"radio\"\n                      name={'carousel-thumbnails'}\n                      aria-label={ControlsBtnLabel.replace(\n                        '{key}',\n                        String(key + 1)\n                      ).replace('{total}', String(buttonsLength))}\n                      checked={active && thumbWidth !== 0}\n                      onChange={() => {\n                        handleScrollTo(loop ? key + 1 : key, true);\n                      }}\n                      {...props}\n                      className={classes([\n                        'pdp-carousel__thumbnail',\n                        [\n                          'pdp-carousel__thumbnail--selected',\n                          active && thumbWidth !== 0,\n                        ],\n                      ])}\n                    />\n\n                    <span\n                      className={classes(['pdp-carousel__thumbnail__span'])}\n                    >\n                      {thumbnailSlides[key]}\n                    </span>\n                  </label>\n                );\n              })}\n            </div>\n          </div>\n\n          {(thumbnailControls || isZoomed) && !arrowsOnMainImage && nextArrow}\n        </div>\n      )}\n    </div>\n  );\n};\n\n// Utilities\nfunction getPerPageFromBreakpoint(\n  breakpoints: { small: number; medium: number; large: number } | number,\n  width = 0\n) {\n  if (typeof breakpoints === 'number') return breakpoints;\n\n  const { small, medium, large } = breakpoints;\n  const breakpointsMap = [\n    { breakpoint: 1024, value: large },\n    { breakpoint: 786, value: medium },\n    { breakpoint: 0, value: small },\n  ];\n\n  const matchingBreakpoint = breakpointsMap.find(\n    ({ breakpoint }) => width > breakpoint\n  );\n\n  return matchingBreakpoint ? matchingBreakpoint.value : small;\n}\n\nfunction isRTL() {\n  return document.documentElement.dir === 'rtl';\n}\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes, useCallback, useEffect, useRef } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { Close as CloseSVG } from '@adobe-commerce/elsie/icons';\nimport { Button } from '@adobe-commerce/elsie/components';\n\nimport '@/pdp/components/Overlay/Overlay.css';\n\nexport interface OverlayProps extends HTMLAttributes<HTMLDivElement> {\n  centered?: boolean;\n  onClose?: () => void;\n}\n\nexport const Overlay: FunctionComponent<OverlayProps> = ({\n  centered,\n  onClose,\n  className,\n  children,\n  ...props\n}) => {\n  // i18n\n  const CloseLabel = useText('PDP.Overlay.Close.label').label;\n  const overlayRef = useRef<HTMLInputElement>(null);\n  const handleOnClose = useCallback(() => {\n    onClose?.();\n  }, [onClose]);\n\n  // Close on ESC\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        handleOnClose();\n      }\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [handleOnClose]);\n\n  // Prevent document scrolling\n  useEffect(() => {\n    const input = overlayRef.current;\n    input?.focus();\n\n    const scrollingElement = document.scrollingElement as HTMLElement;\n\n    const defaultOverflowValue = scrollingElement.style.overflow;\n\n    scrollingElement.style.overflow = 'hidden';\n\n    return () => {\n      scrollingElement.style.overflow = defaultOverflowValue;\n    };\n  }, []);\n\n  return (\n    <div\n      {...props}\n      className={classes([\n        'pdp-overlay',\n        ['pdp-overlay--centered', centered],\n        className,\n      ])}\n      ref={overlayRef}\n      role=\"dialog\"\n      aria-describedby=\"overlay-content\"\n      tabindex={0}\n    >\n      <div className=\"pdp-overlay__content\" id=\"overlay-content\">\n        {children}\n      </div>\n      <Button\n        aria-label={CloseLabel}\n        variant=\"tertiary\"\n        className=\"pdp-overlay__close-button\"\n        onClick={handleOnClose}\n        icon={<CloseSVG />}\n      />\n    </div>\n  );\n};\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2024 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\nimport { cloneElement, FunctionComponent, VNode } from 'preact';\nimport { Children, useEffect, useState, useRef } from 'preact/compat';\n\nimport '@/pdp/components/Zoom/Zoom.css';\nimport { Button } from '@adobe-commerce/elsie/components';\nimport { Close as CloseSVG } from '@adobe-commerce/elsie/icons';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nexport interface ZoomProps {\n  children: VNode[] | VNode;\n  scale?: number;\n  closeButton?: boolean;\n}\n\nexport const Zoom: FunctionComponent<ZoomProps> = ({\n  children,\n  scale = 2.0,\n  closeButton = true,\n}) => {\n  const [zoomed, setZoomed] = useState(false);\n  const [figureClassName, setFigureClassName] = useState('pdp-zoom');\n  const [drag, setDrag] = useState(false);\n  const [dragStart, setDragStart] = useState({ x: 0, y: 0 });\n  const [dragStartPosition, setDragStartPosition] = useState({ x: 0, y: 0 });\n  const [position, setPosition] = useState({ x: 0, y: 0 });\n\n  // Track touch start position for swipe detection, only used when closeButton is enabled\n  const touchStartRef = useRef<{ x: number; y: number; time: number } | null>(\n    null\n  );\n  const isSwipingRef = useRef<boolean>(false);\n  const lastValidTouchRef = useRef<{ clientX: number; clientY: number } | null>(\n    null\n  );\n\n  const startDrag = (event: TouchEvent) => {\n    if (!zoomed || event.type !== 'touchstart') return;\n    setDragStart({ x: event.touches[0].clientX, y: event.touches[0].clientY });\n    setDragStartPosition({ x: position.x, y: position.y });\n    setDrag(true);\n  };\n\n  const dragMove = (event: TouchEvent) => {\n    if (!drag || event.type !== 'touchmove') return;\n    const zoomer = (\n      event.currentTarget as HTMLElement\n    )?.getBoundingClientRect();\n    const overlap = (100 - 100 / scale) / 2;\n    const movedX = event.touches[0].clientX - dragStart.x;\n    const movedY = event.touches[0].clientY - dragStart.y;\n    const movedXPercent = (movedX * 100) / (zoomer.width * scale);\n    const movedYPercent = (movedY * 100) / (zoomer.height * scale);\n    const x = dragStartPosition.x + movedXPercent;\n    const y = dragStartPosition.y + movedYPercent;\n    setPosition({\n      x: Math.max(-overlap, Math.min(x, overlap)) || 0,\n      y: Math.max(-overlap, Math.min(y, overlap)) || 0,\n    });\n    event.preventDefault();\n  };\n\n  const updatePosition = (event: MouseEvent | TouchEvent) => {\n    const zoomer = (\n      event.currentTarget as HTMLElement\n    )?.getBoundingClientRect();\n\n    const overlap = (100 - 100 / scale) / 2;\n    let coordinates: { clientX: number; clientY: number } | null = null;\n\n    if ('touches' in event) {\n      // For touchend events, touches array will be empty, so use our last stored position\n      if (event.touches.length > 0) {\n        coordinates = event.touches[0];\n        // Store the last valid touch for use in touchend\n        lastValidTouchRef.current = {\n          clientX: coordinates.clientX,\n          clientY: coordinates.clientY,\n        };\n      } else if (event.type === 'touchend' && touchStartRef.current) {\n        // For touchend, use the starting position as fallback\n        coordinates = {\n          clientX: touchStartRef.current.x,\n          clientY: touchStartRef.current.y,\n        };\n      } else if (lastValidTouchRef.current) {\n        // If we have a stored position, use it\n        coordinates = lastValidTouchRef.current;\n      } else {\n        // No valid coordinates available\n        return;\n      }\n    } else if (event instanceof MouseEvent) {\n      coordinates = event;\n    } else {\n      return;\n    }\n\n    // Calculate relative position as percentage from center\n    const relativeX =\n      ((coordinates.clientX - zoomer.left) / zoomer.width) * 100;\n    const relativeY =\n      ((coordinates.clientY - zoomer.top) / zoomer.height) * 100;\n\n    // Adjust position to center on click point\n    const x = ((50 - relativeX) * (scale - 1)) / scale;\n    const y = ((50 - relativeY) * (scale - 1)) / scale;\n\n    setPosition({\n      x: Math.max(-overlap, Math.min(x, overlap)) || 0,\n      y: Math.max(-overlap, Math.min(y, overlap)) || 0,\n    });\n  };\n\n  const handleTouchStart = (event: TouchEvent) => {\n    // Only use swipe detection when closeButton is enabled\n    if (closeButton) {\n      // Record the starting touch position and time\n      touchStartRef.current = {\n        x: event.touches[0].clientX,\n        y: event.touches[0].clientY,\n        time: Date.now(),\n      };\n\n      // Store last valid touch\n      lastValidTouchRef.current = {\n        clientX: event.touches[0].clientX,\n        clientY: event.touches[0].clientY,\n      };\n\n      isSwipingRef.current = false;\n\n      if (zoomed) {\n        startDrag(event);\n      }\n    } else {\n      // When closeButton is disabled, use the original behavior\n      if (drag) return;\n\n      !zoomed && updatePosition(event);\n\n      setZoomed(!zoomed);\n\n      event.preventDefault();\n    }\n  };\n\n  const handleTouchMove = (event: TouchEvent) => {\n    if (event.touches.length === 0) return;\n\n    // Store last valid touch position on any move\n    lastValidTouchRef.current = {\n      clientX: event.touches[0].clientX,\n      clientY: event.touches[0].clientY,\n    };\n\n    // When closeButton is enabled, use swipe detection\n    if (closeButton) {\n      if (!touchStartRef.current) return;\n\n      // If already in drag mode, handle drag movement\n      if (drag) {\n        dragMove(event);\n        return;\n      }\n\n      // Detect if this is a swipe (not a tap)\n      const touchX = event.touches[0].clientX;\n      const touchY = event.touches[0].clientY;\n      const deltaX = Math.abs(touchX - touchStartRef.current.x);\n      const deltaY = Math.abs(touchY - touchStartRef.current.y);\n\n      // If movement exceeds threshold, mark as swiping\n      if (deltaX > 10 || deltaY > 10) {\n        isSwipingRef.current = true;\n      }\n    }\n\n    // Update position if already zoomed\n    if (zoomed) {\n      updatePosition(event);\n    }\n  };\n\n  const handleTouchEnd = (event: TouchEvent) => {\n    // When closeButton is enabled, use swipe detection\n    if (closeButton) {\n      if (!touchStartRef.current) return;\n\n      // Handle tap vs swipe\n      const tapDuration = Date.now() - touchStartRef.current.time;\n\n      // Only trigger zoom on tap (not swipe) and when tap is short enough\n      if (!isSwipingRef.current && tapDuration < 300 && !drag) {\n        setZoomed(true);\n        updatePosition(event);\n        event.preventDefault();\n      }\n\n      // Reset drag state and clear touch tracking\n      setDrag(false);\n      touchStartRef.current = null;\n    } else {\n      // When closeButton is disabled, simply toggle zoom\n      setZoomed(false);\n    }\n  };\n\n  const handleClick = (event: MouseEvent) => {\n    // Only handle mouse clicks here\n    if ('touches' in event) return;\n\n    if (drag) return;\n\n    if (zoomed) {\n      !closeButton && setZoomed(false);\n    } else {\n      setZoomed(true);\n      updatePosition(event);\n    }\n    event.preventDefault();\n  };\n\n  const handleMove = (event: MouseEvent) => {\n    // Only handle mouse moves here\n    if ('touches' in event) return;\n\n    if (zoomed) {\n      updatePosition(event);\n    }\n  };\n\n  const handleLeave = (event: MouseEvent) => {\n    // Only handle mouse events\n    if ('touches' in event) return;\n\n    if (closeButton) {\n      setDrag(false);\n      return;\n    }\n    setZoomed(false);\n  };\n\n  const closeButtonClick = (event: MouseEvent | TouchEvent) => {\n    setZoomed(false);\n    event.stopPropagation();\n  };\n\n  const transformStyle = zoomed\n    ? `scale(${scale}) translateX(${position.x}%) translateY(${position.y}%)`\n    : 'none';\n\n  const CloseLabel = useText('PDP.Zoom.Close.label').label;\n  const ImageClone = cloneElement(Children.only(children) as any, {\n    draggable: false,\n    style: {\n      '--transform': transformStyle,\n    },\n  });\n\n  useEffect(() => {\n    const className = zoomed\n      ? `pdp-zoom ${closeButton ? 'pdp-zoom--no-effects' : 'pdp-zoom--zoomed'}`\n      : 'pdp-zoom';\n    setFigureClassName(className);\n  }, [zoomed, closeButton]);\n\n  return (\n    <figure\n      className={figureClassName}\n      onClick={handleClick}\n      onMouseMove={handleMove}\n      onMouseLeave={handleLeave}\n      onTouchStart={handleTouchStart}\n      onTouchMove={handleTouchMove}\n      onTouchEnd={handleTouchEnd}\n    >\n      {ImageClone}\n      {closeButton && zoomed && (\n        <Button\n          aria-label={CloseLabel}\n          variant=\"tertiary\"\n          className=\"pdp-zoom__close-button\"\n          icon={<CloseSVG />}\n          onClick={closeButtonClick}\n        />\n      )}\n    </figure>\n  );\n};\n"],"names":["SvgChevronDown","props","React","SvgClose","PEAK_WIDTH","THUMB_GAP","ICON_SIZE","GapSize","Carousel","show","scrollbar","peak","arrows","controls","arrowsOnMainImage","loop","gap","direction","width","height","defaultIndex","className","children","thumbnails","isZoomed","Label","useText","SlideLabel","PreviousLabel","NextLabel","ControlsLabel","ControlsBtnLabel","perPage","setPerPage","useState","getPerPageFromBreakpoint","length","Children","peakWidth","gapWidth","rest","current","setCurrent","isRTL","thumbnailsRefs","useRef","thumbWidth","setThumbWidth","thumbHeight","setThumbHeight","thumbnailSlides","useMemo","slides","returnValue","acc","child","i","wrapperRef","thumbnailsWrapperRef","thumbnailControls","useEffect","wrapper","handleResize","debounce","newPerPage","observer","handleThumbnailsScroll","useCallback","nextSlideIndex","nextItem","thumbnailRef","oneItemWidth","oneItemHeight","thumbnailsWrapper","isRow","isColumn","offset","oneItemSize","visibleThumbnails","centerOffset","targetScrollPosition","handleScrollTo","smooth","reset","realWidth","element","dataIndex","futureIndex","scrollWidth","diff","handleGoToPrev","handleGoToNext","lastSlideIndex","handleKeyDown","event","handleOnScroll","dividing","totalWidth","scrollOffset","getArrow","forThumbnails","callback","jsx","Button","classes","Icon","ChevronDown","prevArrow","nextArrow","prevArrowMainImage","nextArrowMainImage","jsxs","page","index","orphan","Fragment","_","key","buttonsLength","active","el","breakpoints","small","medium","large","matchingBreakpoint","breakpoint","Overlay","centered","onClose","CloseLabel","overlayRef","handleOnClose","input","scrollingElement","defaultOverflowValue","CloseSVG","Zoom","scale","closeButton","zoomed","setZoomed","figureClassName","setFigureClassName","drag","setDrag","dragStart","setDragStart","dragStartPosition","setDragStartPosition","position","setPosition","touchStartRef","isSwipingRef","lastValidTouchRef","startDrag","dragMove","zoomer","_a","overlap","movedX","movedY","movedXPercent","movedYPercent","x","y","updatePosition","coordinates","relativeX","relativeY","handleTouchStart","handleTouchMove","touchX","touchY","deltaX","deltaY","handleTouchEnd","tapDuration","handleClick","handleMove","handleLeave","closeButtonClick","transformStyle","ImageClone","cloneElement"],"mappings":"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","x_google_ignoreList":[0,1]}

package/chunks/date.js

@@ -1,3 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
 import{toLanguageTag as n}from"@dropins/tools/lib.js";function a(t,d="en_US"){if(!o(t))throw Error("Invalid date string");return t.split(" ")[1]||(t=`${t} 00:00:00`),new Date(t).toLocaleDateString(n(d)).toString()}function o(t){if(![/^\d{4}-\d{2}-\d{2}$/,/^\d{1,2}\/\d{1,2}\/\d{4}$/,/^\d{2}\/\d{2}\/\d{4}$/,/^\d{4}\/\d{2}\/\d{2}$/,/^\d{1,2}\.\d{1,2}\.\d{4}$/,/^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}$/].some(i=>i.test(t)))return!1;const e=new Date(t);return!isNaN(e.getTime())}export{o as i,a as t};
+//# sourceMappingURL=date.js.map

package/chunks/date.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date.js","sources":["/@dropins/storefront-pdp/src/lib/date.ts"],"sourcesContent":["/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { toLanguageTag } from '@adobe-commerce/elsie/lib';\n\nexport function toDateString(value: string, locale = 'en_US') {\n  if (!isDateValid(value)) throw Error('Invalid date string');\n\n  // normalize time to 00:00:00\n  const time = value.split(' ')[1];\n  if (!time) value = `${value} 00:00:00`;\n\n  return new Date(value).toLocaleDateString(toLanguageTag(locale)).toString();\n}\n\nexport function isDateValid(dateString: string) {\n  const acceptedFormats = [\n    /^\\d{4}-\\d{2}-\\d{2}$/, // YYYY-MM-DD\n    /^\\d{1,2}\\/\\d{1,2}\\/\\d{4}$/, // MM/DD/YYYY\n    /^\\d{2}\\/\\d{2}\\/\\d{4}$/, // MM/DD/YYYY\n    /^\\d{4}\\/\\d{2}\\/\\d{2}$/, // YYYY/MM/DD\n    /^\\d{1,2}\\.\\d{1,2}\\.\\d{4}$/, // DD.MM.YYYY\n    /^\\d{4}-\\d{2}-\\d{2} \\d{2}:\\d{2}:\\d{2}$/, // YYYY-MM-DD HH:mm:ss\n  ];\n\n  if (!acceptedFormats.some((format) => format.test(dateString))) return false;\n\n  const date = new Date(dateString);\n  return !isNaN(date.getTime());\n}\n"],"names":["toDateString","value","locale","isDateValid","toLanguageTag","dateString","format","date"],"mappings":"sDAkBgB,SAAAA,EAAaC,EAAeC,EAAS,QAAS,CAC5D,GAAI,CAACC,EAAYF,CAAK,EAAG,MAAM,MAAM,qBAAqB,EAI1D,OADaA,EAAM,MAAM,GAAG,EAAE,CAAC,IACZA,EAAA,GAAGA,CAAK,aAEpB,IAAI,KAAKA,CAAK,EAAE,mBAAmBG,EAAcF,CAAM,CAAC,EAAE,SAAS,CAC5E,CAEO,SAASC,EAAYE,EAAoB,CAU1C,GAAA,CAToB,CACtB,sBACA,4BACA,wBACA,wBACA,4BACA,uCACF,EAEqB,KAAMC,GAAWA,EAAO,KAAKD,CAAU,CAAC,EAAU,MAAA,GAEjE,MAAAE,EAAO,IAAI,KAAKF,CAAU,EAChC,MAAO,CAAC,MAAME,EAAK,SAAS,CAC9B"}

package/chunks/getFetchedProductData.js

@@ -1,3 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
 import{events as e}from"@dropins/tools/event-bus.js";const s=async()=>e._lastEvent["pdp/data"]?Promise.resolve(e._lastEvent["pdp/data"].payload):new Promise(a=>{const t=e.on("pdp/data",r=>{a(r),t==null||t.off()},{eager:!0})});export{s as g};
+//# sourceMappingURL=getFetchedProductData.js.map

package/chunks/getFetchedProductData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getFetchedProductData.js","sources":["/@dropins/storefront-pdp/src/api/getFetchedProductData/getFetchedProductData.ts"],"sourcesContent":["/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2024 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { events } from '@adobe-commerce/event-bus';\nimport { ProductModel } from '@/pdp/data/models/product-model';\n\nexport const getFetchedProductData = async (): Promise<ProductModel | null> => {\n  // if the event has already been emitted, return the last payload\n  if (events._lastEvent['pdp/data']) {\n    return Promise.resolve(events._lastEvent['pdp/data'].payload);\n  }\n\n  // otherwise, wait for the next event\n  return new Promise((resolve) => {\n    const event = events.on(\n      'pdp/data',\n      (data) => {\n        resolve(data);\n        event?.off();\n      },\n      { eager: true }\n    );\n  });\n};\n"],"names":["getFetchedProductData","events","resolve","event","data"],"mappings":"qDAmBO,MAAMA,EAAwB,SAE/BC,EAAO,WAAW,UAAU,EACvB,QAAQ,QAAQA,EAAO,WAAW,UAAU,EAAE,OAAO,EAIvD,IAAI,QAASC,GAAY,CAC9B,MAAMC,EAAQF,EAAO,GACnB,WACCG,GAAS,CACRF,EAAQE,CAAI,EACZD,GAAA,MAAAA,EAAO,KACT,EACA,CAAE,MAAO,EAAK,CAChB,CAAA,CACD"}

package/chunks/isProductConfigurationValid.js

@@ -44,3 +44,4 @@ ${ne}
             }
           }
         `).join("")}function ve(e,n=[],r){const i=Object.values(e).filter(s=>!!s).reduce((s,a)=>a.options?[...s,...a.options]:[...s],[]),t=new Map(n.map(s=>[s.id,s]));return i.forEach(s=>{r!=null&&r.includes(s.id)||t.set(s.id,s)}),[...t.values()]}function Ue(e,n,r){const i=[];let t;return e.forEach(s=>{var a,l,o,m;r.includes(s.id)?t=((l=(a=s.values)==null?void 0:a.find(u=>n.includes(u==null?void 0:u.id)))==null?void 0:l.id)||((o=s.values[0])==null?void 0:o.id):t=(m=s.values[0])==null?void 0:m.id,i.push(t)}),i}const te=async(e,n)=>{const{anchors:r,optionsUIDs:i}=_.getConfig(),{optionsUIDs:t=i,anchors:s=r,preselectFirstOption:a,isBundle:l,skipTransform:o}=n??{};return!l&&t?await _e(e,t,s,o):await Oe(e,{preselectFirstOption:a,optionsUIDs:t},o)},Ae=e=>{const n=Ie(),r=e(n);p.emit("pdp/values",{...r})},Ie=()=>{var e;return((e=p._lastEvent["pdp/values"])==null?void 0:e.payload)??null},Ve=e=>{const n=Fe(),r=e(n);p.emit("pdp/valid",r)},Fe=()=>{var e;return((e=p._lastEvent["pdp/valid"])==null?void 0:e.payload)??null};export{je as a,He as b,_ as c,Oe as d,_e as e,ae as f,Ke as g,te as h,H as i,Ae as j,Ie as k,Ve as l,Fe as m,me as n,Le as o,ye as p,qe as r,Qe as s,K as t};
+//# sourceMappingURL=isProductConfigurationValid.js.map

package/chunks/isProductConfigurationValid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isProductConfigurationValid.js","sources":["/@dropins/storefront-pdp/src/lib/url-params.ts","/@dropins/storefront-pdp/src/data/transforms/acdl-context.ts","/@dropins/storefront-pdp/src/lib/acdl.ts","/@dropins/storefront-pdp/src/data/models/acdl-models.ts","/@dropins/storefront-pdp/src/data/transforms/product-transform.ts","/@dropins/storefront-pdp/src/api/initialize/initialize.ts","/@dropins/storefront-pdp/src/api/fetch-graphql/fetch-graphql.ts","/@dropins/storefront-pdp/src/api/getProductData/graphql/getProductData.graphql.ts","/@dropins/storefront-pdp/src/api/getProductData/getProductData.ts","/@dropins/storefront-pdp/src/api/getRefinedProduct/graphql/RefineProductQuery.graphql.ts","/@dropins/storefront-pdp/src/api/getRefinedProduct/getRefinedProduct.ts","/@dropins/storefront-pdp/src/api/fetchProductData/fetchProductData.ts","/@dropins/storefront-pdp/src/api/setProductConfigurationValues/setProductConfigurationValues.ts","/@dropins/storefront-pdp/src/api/getProductConfigurationValues/getProductConfigurationValues.ts","/@dropins/storefront-pdp/src/api/setProductConfigurationValid/setProductConfigurationValid.ts","/@dropins/storefront-pdp/src/api/isProductConfigurationValid/isProductConfigurationValid.ts"],"sourcesContent":["/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nexport function setUrlParams(\n  params: Record<string, string | number | null>\n): void {\n  const urlSearchParams = new URLSearchParams(window.location.search);\n\n  Object.entries(params).forEach(([key, value]) => {\n    if (value === null) {\n      urlSearchParams.delete(key);\n    } else {\n      urlSearchParams.set(key, String(value));\n    }\n  });\n\n  let url = window.location.pathname;\n  url += `?${urlSearchParams.toString()}`;\n  url += window.location.hash;\n\n  window.history.replaceState({}, '', url);\n}\n\nexport function getUrlParams(): Record<string, string> {\n  const urlSearchParams = new URLSearchParams(window.location.search);\n  const params: Record<string, string> = {};\n\n  urlSearchParams.forEach((value, key) => {\n    params[key] = value;\n  });\n\n  return params;\n}\n\nexport function getValidatedQuantityFromUrl(\n  defaultQuantity: number = 1\n): number {\n  const urlParams = getUrlParams() || {};\n  const quantityParam = urlParams.quantity; // 'quantity' is the key\n\n  if (quantityParam) {\n    const parsedQuantity = parseInt(quantityParam, 10);\n\n    if (\n      !isNaN(parsedQuantity) &&\n      Number.isInteger(parsedQuantity) &&\n      parsedQuantity > 0\n    ) {\n      // Return the valid quantity from the URL\n      return parsedQuantity;\n    }\n  }\n\n  // Return the default quantity if the parameter is missing, invalid, or not positive\n  return defaultQuantity;\n}\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { ProductModel } from '../models';\n\nimport { Product } from '../models/acdl-models';\n\nexport function transformProduct(product: ProductModel): Product {\n  return {\n    productId: Number(product?.externalId),\n    name: product?.name,\n    sku: product?.variantSku || product?.sku,\n    topLevelSku: product?.sku,\n    specialToDate: undefined,\n    specialFromDate: undefined,\n    newToDate: undefined,\n    newFromDate: undefined,\n    createdAt: undefined,\n    updatedAt: undefined,\n    manufacturer: undefined,\n    countryOfManufacture: undefined,\n    categories: undefined,\n    productType: product?.productType,\n    pricing: {\n      regularPrice: product?.prices?.regular?.amount || 0,\n      minimalPrice: product?.prices?.final?.minimumAmount,\n      maximalPrice: product?.prices?.final?.maximumAmount,\n      specialPrice: product?.prices?.final?.amount,\n      tierPricing: undefined,\n      currencyCode: product?.prices?.final?.currency || 'USD',\n    },\n    canonicalUrl: product?.url,\n    mainImageUrl: product?.images?.[0]?.url,\n  };\n}\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\n/* Publish functions for the Adobe Client Data Layer (ACDL) */\n\nimport { ProductModel } from '../data/models';\nimport { transformProduct } from '../data/transforms/acdl-context';\n\n/**\n * See: https://github.com/adobe/commerce-events/blob/main/packages/storefront-events-sdk/src/contexts.ts\n */\nexport const contexts = {\n  PRODUCT_CONTEXT: 'productContext',\n};\n\n/**\n * See: https://github.com/adobe/commerce-events/blob/main/packages/storefront-events-sdk/src/events.ts\n */\nexport const events = {\n  PRODUCT_PAGE_VIEW: 'product-page-view',\n};\n\nexport function getAdobeDataLayer() {\n  // @ts-ignore\n  window.adobeDataLayer = window.adobeDataLayer || [];\n  // @ts-ignore\n  return window.adobeDataLayer;\n}\n\n/**\n* Sets a context in the Adobe Client Data Layer (ACDL)\n* Logic based on: https://github.com/adobe/commerce-events/blob/main/packages/storefront-events-sdk/src/Base.ts#L6\n*/\nfunction setContext(name: string, data: any) {\n  const adobeDataLayer = getAdobeDataLayer();\n\n  // Clear existing context\n  adobeDataLayer.push({\n    [name]: null,\n  });\n\n  // Set new context\n  adobeDataLayer.push({\n    [name]: data,\n  });\n}\n\n/**\n * Pushes an event to the Adobe Client Data Layer (ACDL)\n * Logic based on: https://github.com/adobe/commerce-events/blob/1973d0ce28471ef190fa06dad6359ffa0ab51db6/packages/storefront-events-sdk/src/Base.ts#L34\n */\nfunction pushEvent(event: string, additionalContext?: any) {\n  const adobeDataLayer = getAdobeDataLayer();\n\n  adobeDataLayer.push((acdl: any) => {\n    const state = acdl.getState ? acdl.getState() : {};\n\n    acdl.push({\n      event,\n      eventInfo: {\n        ...state,\n        ...additionalContext,\n      },\n    });\n  });\n}\n\n// Triggered when a product page is viewed\nexport function publishProductPageViewEvent(product: ProductModel) {\n  const productItem = transformProduct(product);\n  setContext(contexts.PRODUCT_CONTEXT, productItem);\n  pushEvent(events.PRODUCT_PAGE_VIEW);\n}\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\n/**\n * ACDL Product Types from:\n * https://github.com/adobe/commerce-events/blob/main/packages/storefront-events-sdk/src/types/schemas/product.ts\n */\n\nexport type Product = {\n  productId: number;\n  name: string;\n  sku: string;\n  topLevelSku?: string | null;\n  specialToDate?: string | null;\n  specialFromDate?: string | null;\n  newToDate?: string | null;\n  newFromDate?: string | null;\n  createdAt?: string | null;\n  updatedAt?: string | null;\n  manufacturer?: string | null;\n  countryOfManufacture?: string | null;\n  categories?: string[] | null;\n  productType?: ProductType;\n  pricing?: {\n    regularPrice: number;\n    minimalPrice?: number;\n    maximalPrice?: number;\n    specialPrice?: number;\n    tierPricing?: {\n      customerGroupId?: number | null;\n      qty: number;\n      value: number;\n    }[];\n    currencyCode: string | null;\n  };\n  canonicalUrl?: string | null;\n  mainImageUrl?: string | null;\n};\n\nexport enum ProductType {\n  ComplexProduct = 'complex',\n  SimpleProduct = 'simple'\n}\n\nexport enum ProductViewType {\n  ComplexProductView = 'ComplexProductView',\n  SimpleProductView = 'SimpleProductView'\n}\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\nimport { merge } from '@adobe-commerce/elsie/lib';\nimport { config } from '@/pdp/api';\nimport { ProductModel } from '@/pdp/data/models';\nimport { ProductType, ProductViewType } from '../models/acdl-models';\n\nexport function transformProductData(\n  data: any,\n  options?: {\n    preselectFirstOption?: boolean;\n  }\n): ProductModel | null {\n  const isBundle =\n    data?.options?.[0]?.values?.[0]?.__typename ===\n    'ProductViewOptionValueProduct';\n  const optionUIDs = getOptionUIDs(\n    data,\n    isBundle,\n    options?.preselectFirstOption\n  );\n  const productType =\n    data?.__typename === ProductViewType.SimpleProductView\n      ? ProductType.SimpleProduct\n      : ProductType.ComplexProduct;\n\n  const productData = data\n    ? ({\n        name: data.name,\n        sku: data.sku,\n        isBundle,\n        addToCartAllowed: data.addToCartAllowed,\n        inStock: data.inStock,\n        shortDescription: data.shortDescription,\n        metaDescription: data.metaDescription,\n        metaKeyword: data.metaKeyword,\n        metaTitle: data.metaTitle,\n        description: data.description,\n        images: transformImages(data),\n        prices: transformPrices(data, isBundle, optionUIDs),\n        attributes: transformAttributes(data),\n        options: transformOptions(data, isBundle),\n        optionUIDs,\n        url: data.url,\n        urlKey: data.urlKey,\n        externalId: data.externalId,\n        externalParentId: data.externalParentId,\n        variantSku: data.variantSku,\n        productType,\n      } as ProductModel)\n    : null;\n\n  // extend the model with custom transformer\n  return merge(\n    productData,\n    config.getConfig()?.models?.ProductDetails?.transformer?.(data) ??\n      config.getConfig()?.models?.ProductDetails?.transform?.(data)\n  );\n}\n\nfunction transformImages(data: any) {\n  return data.images\n    ?.filter((image: any) => !image.roles?.includes('hide_from_pdp'))\n    ?.map((image: any) => {\n      // Remove protocol from image URL\n      image.url = image.url.replace(/^https?:/, '');\n\n      return image;\n    });\n}\n\nfunction transformAttributes(data: any) {\n  return (\n    data.attributes\n      // only show attributes that are visible in PDP\n      ?.filter(({ roles }: any) => roles?.indexOf('visible_in_pdp') !== -1)\n      // transform attribute values\n      ?.map(({ label, value, name }: any) => {\n        return {\n          id: name,\n          label,\n          value: value.toString().split(',').join(', '),\n        };\n      })\n  );\n}\n\nfunction transformOptions(data: any, isBundle?: boolean) {\n  const { options, optionUIDs } = data;\n\n  return options?.map(({ id, title, required, multi, values }: any) => {\n    const typename = values?.[0]?.__typename;\n    let type: string = values?.[0].type;\n\n    if (type) {\n      type = type\n        .replace('COLOR_HEX', 'color')\n        .replace('TEXT', 'text')\n        .replace('IMAGE', 'image');\n    } else {\n      type = 'dropdown';\n    }\n\n    return {\n      id,\n      type,\n      typename,\n      label: title,\n      required,\n      multiple: multi,\n      items: isBundle\n        ? mapBundleOptionValues(values, optionUIDs)\n        : mapOptionValues(values, optionUIDs, type),\n    };\n  });\n}\n\nfunction mapBundleOptionValues(values: any, optionUIDs: string[]) {\n  return values\n    ?.filter(({ enabled }: any) => typeof enabled === 'undefined' || enabled)\n    .map(({ id, title, inStock, isDefault, product }: any) => {\n      return {\n        id,\n        inStock,\n        label: title,\n        selected: optionUIDs?.indexOf(id) > -1 || isDefault,\n        value: id,\n        product,\n      };\n    });\n}\n\nfunction mapOptionValues(values: any, optionUIDs: string[], type: string) {\n  return values?.map(({ id, title, inStock, value }: any) => {\n    return {\n      id,\n      inStock,\n      label: title,\n      selected: optionUIDs?.indexOf(id) > -1,\n      value:\n        type?.toLowerCase() === 'dropdown'\n          ? id\n          : value?.replace(/^https?:/, ''),\n    };\n  });\n}\n\nfunction transformPrices(\n  data: any,\n  isBundle: boolean,\n  defaultOptionUIDs?: string[]\n) {\n  const { price, priceRange, options, optionUIDs = defaultOptionUIDs } = data;\n  let { __typename: type } = data;\n\n  function getSimpleProductPrices() {\n    const regularPrice = price.regular.amount.value;\n    const finalPrice = price.final?.amount.value ?? price.regular.amount.value;\n\n    const currency =\n      price.regular.amount.currency === 'NONE' //temporary fix if there is no currency\n        ? 'USD'\n        : price?.regular.amount.currency;\n\n    return [regularPrice, finalPrice, finalPrice, currency];\n  }\n\n  function getComplexProductPrices() {\n    const finalMinimumPrice = priceRange?.minimum?.final.amount.value;\n    const finalMaximumPrice = priceRange?.maximum?.final.amount.value;\n    let regularPrice;\n\n    if (\n      priceRange?.minimum?.regular?.amount.value ===\n      priceRange?.maximum?.regular?.amount.value\n    ) {\n      regularPrice = priceRange?.minimum?.regular?.amount.value;\n    }\n\n    const currency =\n      priceRange?.minimum?.final?.amount.currency === 'NONE'\n        ? 'USD'\n        : priceRange?.minimum?.final?.amount.currency;\n\n    return [regularPrice, finalMinimumPrice, finalMaximumPrice, currency];\n  }\n\n  function getBundleProductPrice() {\n    // Currently the Catalog Service does not have support for the individual prices of the options of a fixed bundle,\n    // so the price used in UI is taken from the priceRange object.\n\n    // The dynamic bundle has full support in Catalog Service.\n    // If there are pre-selected values of the option, then the starting price is the sum of those and\n    // after each selection, the price is updated with the sum of prices for the selected options.\n    // This is not supported by default and needs to be updated in the drop-in upon each selection.\n\n    let maxSumRegular = 0;\n    let bundlePrice = 0;\n    options?.forEach((option: any) => {\n      const values = option?.values;\n      if (values && Array.isArray(values)) {\n        const regularAmounts = values\n          .map((value) => value?.product?.price?.regular?.amount?.value)\n          .filter((amount) => amount !== undefined);\n\n        const maxRegularAmount =\n          regularAmounts.length > 0 ? Math.max(...regularAmounts) : 0;\n        maxSumRegular += maxRegularAmount;\n      }\n      option?.values?.forEach((value: any) => {\n        if (optionUIDs?.includes(value.id)) {\n          bundlePrice += value?.product?.price?.final?.amount?.value;\n        }\n      });\n    });\n\n    const finalMinimumPrice = priceRange?.minimum?.final.amount.value;\n    const finalMaximumPrice = priceRange?.maximum?.final.amount.value;\n    let regularPrice;\n\n    if (\n      priceRange?.minimum?.regular?.amount.value ===\n      priceRange?.maximum?.regular?.amount.value\n    ) {\n      regularPrice = priceRange?.minimum?.regular?.amount.value;\n    }\n\n    const currency =\n      priceRange?.minimum?.final?.amount.currency === 'NONE'\n        ? 'USD'\n        : priceRange?.minimum?.final?.amount.currency;\n\n    if (isBundle && optionUIDs?.length < 1) {\n      return [regularPrice, finalMinimumPrice, finalMaximumPrice, currency];\n    }\n\n    return maxSumRegular === priceRange?.maximum.regular.amount.value\n      ? [bundlePrice, bundlePrice, bundlePrice, currency]\n      : [regularPrice, finalMinimumPrice, finalMaximumPrice, currency];\n  }\n\n  const [regularPrice, finalMinimumPrice, finalMaximumPrice, currency] =\n    type === 'SimpleProductView'\n      ? getSimpleProductPrices()\n      : isBundle\n      ? getBundleProductPrice()\n      : getComplexProductPrices();\n\n  const visible =\n    type === 'SimpleProductView'\n      ? price?.roles?.includes('visible')\n      : priceRange?.maximum?.roles?.includes('visible') &&\n        priceRange?.minimum?.roles?.includes('visible');\n\n  if (finalMaximumPrice && finalMinimumPrice === finalMaximumPrice) {\n    const hasDiscount = regularPrice && finalMinimumPrice !== regularPrice;\n\n    return {\n      regular: {\n        amount: regularPrice,\n        currency,\n        variant: hasDiscount ? 'strikethrough' : 'default',\n      },\n      final: {\n        amount: finalMaximumPrice,\n        currency,\n        variant: 'default',\n      },\n      visible,\n    };\n  }\n\n  return {\n    final: {\n      minimumAmount: finalMinimumPrice,\n      maximumAmount: finalMaximumPrice,\n      currency,\n    },\n    visible,\n  };\n}\n\nfunction getOptionUIDs(\n  data: any,\n  isBundle?: boolean,\n  preselectFirstOption?: boolean\n): string[] {\n  if (isBundle) {\n    const selections: Array<string | null> = data?.options?.map(\n      ({ values }: any) => {\n        const defaultSelection =\n          values?.find(({ isDefault }: any) => isDefault)?.id ?? null;\n        const preselectedFirstOption = preselectFirstOption\n          ? values[0].id\n          : null;\n        return defaultSelection || preselectedFirstOption;\n      }\n    );\n\n    return selections.filter((selection) => selection !== null) as string[];\n  }\n\n  return data?.optionUIDs;\n}\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { Initializer } from '@adobe-commerce/elsie/lib';\nimport { Lang } from '@adobe-commerce/elsie/i18n';\nimport { ProductModel } from '@/pdp/data/models';\nimport {\n  fetchProductData,\n  setProductConfigurationValid,\n  setProductConfigurationValues,\n} from '@/pdp/api';\nimport { events } from '@adobe-commerce/event-bus';\nimport {\n  getUrlParams,\n  getValidatedQuantityFromUrl,\n} from '@/pdp/lib/url-params';\nimport { publishProductPageViewEvent } from '@/pdp/lib/acdl';\nimport { transformProductData } from '@/pdp/data/transforms/product-transform';\n\ntype ConfigProps = {\n  langDefinitions?: Lang;\n  defaultLocale?: string;\n  sku?: string;\n  acdl?: boolean;\n  anchors?: string[];\n  persistURLParams?: boolean;\n  preselectFirstOption?: boolean;\n  optionsUIDs?: string[];\n  models?: {\n    [name: string]: {\n      initialData: any;\n      /** @deprecated Use \"transformer\" instead */\n      transform?: (data?: ProductModel) => ProductModel;\n      transformer?: (data?: ProductModel) => ProductModel;\n      fallbackData?: (\n        parentProduct: any,\n        simpleProduct: ProductModel\n      ) => ProductModel;\n    };\n  };\n};\n\nexport const initialize = new Initializer<ConfigProps>({\n  init: async (_config) => {\n    const initialData = _config?.models?.ProductDetails?.initialData;\n\n    // Get URL parameters safely\n    const urlParams = getUrlParams() || {};\n\n    // Get optionsUIDs from URL params or config\n    const optionsUIDs =\n      urlParams.optionsUIDs?.split(',') || initialData?.optionsUIDs;\n\n    // Get and validate quantity from URL params\n    const initialQuantity = getValidatedQuantityFromUrl(1); // Default quantity to 1 - Ensures backward compatibility\n\n    // Set default config\n    const defaultConfig: ConfigProps = {\n      defaultLocale: 'en-US',\n      persistURLParams: false,\n      acdl: false,\n      optionsUIDs,\n    };\n\n    const config = { ...defaultConfig, ..._config };\n\n    initialize.config.setConfig({ ...config });\n\n    if (config?.sku) {\n      // Get PDP data\n      const data = initialData\n        ? transformProductData(initialData)\n        : await fetchProductData(config.sku, {\n            preselectFirstOption: config.preselectFirstOption,\n          });\n\n      // Emit PDP initial data\n      events.emit('pdp/data', data);\n\n      // Set default values for product configuration\n      const defaultValues = {\n        sku: config.sku,\n        quantity: initialQuantity, // Use the determined quantity from URL params or default to 1\n        optionsUIDs: data?.optionUIDs,\n      };\n\n      setProductConfigurationValues(() => ({ ...defaultValues }));\n\n      setProductConfigurationValid(() => {\n        // configurable product, check if all options are selected\n        if (data?.options) {\n          // all selections should be made\n          return data.options.length === data?.optionUIDs?.length;\n        }\n\n        // simple product\n        return true;\n      });\n\n      // Publish ACDL event\n      if (config.acdl && data) {\n        publishProductPageViewEvent(data);\n      }\n    }\n  },\n\n  listeners: () => [\n    events.on('locale', async () => {\n      const { sku } = initialize.config.getConfig();\n\n      if (sku) {\n        const next = await fetchProductData(sku);\n        events.emit('pdp/data', next);\n      }\n    }),\n  ],\n});\n\nexport const config = initialize.config;\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { FetchGraphQL } from '@adobe-commerce/fetch-graphql';\n\nexport const {\n  setEndpoint,\n  setFetchGraphQlHeader,\n  removeFetchGraphQlHeader,\n  setFetchGraphQlHeaders,\n  fetchGraphQl,\n  getConfig,\n} = new FetchGraphQL().getMethods();\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { PRODUCT_FRAGMENT } from '@/pdp/api/graphql/ProductFragment.graphql';\n\nexport const GET_PRODUCT_DATA = `\nquery GET_PRODUCT_DATA($skus: [String]) {\n    products(skus: $skus) {\n        ...PRODUCT_FRAGMENT\n    }\n}\n\n${PRODUCT_FRAGMENT}\n`;\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { fetchGraphQl } from '@/pdp/api';\nimport { ProductModel } from '@/pdp/data/models';\nimport { transformProductData } from '@/pdp/data/transforms';\nimport { GET_PRODUCT_DATA } from './graphql/getProductData.graphql';\n\nexport const getProductData = async (\n  sku: string,\n  options?: {\n    preselectFirstOption?: boolean;\n    optionsUIDs?: string[];\n  },\n  raw?: boolean\n): Promise<ProductModel | null> => {\n  const { data } = await fetchGraphQl(GET_PRODUCT_DATA, {\n    method: 'GET',\n    variables: { skus: [sku] },\n  });\n\n  const product = data?.products?.[0];\n\n  // If optionsUIDs are provided, override the optionsUIDs from the response\n  if (options?.optionsUIDs) {\n    product.optionUIDs = options.optionsUIDs;\n  }\n\n  if (!product) {\n    return null;\n  }\n  return raw\n    ? product\n    : transformProductData(product, {\n        preselectFirstOption: options?.preselectFirstOption,\n      });\n};\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { PRODUCT_FRAGMENT } from '@/pdp/api/graphql/ProductFragment.graphql';\n\nexport const REFINE_PRODUCT_QUERY = `\nquery REFINE_PRODUCT_QUERY(\n    $optionIds: [String!]!\n    $sku: String!\n) {\n    # Refined Product\n    refineProduct(\n        optionIds: $optionIds \n        sku: $sku\n    ) {\n        ...PRODUCT_FRAGMENT\n    }\n\n    # Parent Product\n    products(skus: [$sku]) {\n        ...PRODUCT_FRAGMENT\n    }\n\n    # %extendedPlaceholder%\n}\n\n${PRODUCT_FRAGMENT}\n`;\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { fetchGraphQl, config } from '@/pdp/api';\nimport { ProductModel } from '@/pdp/data/models';\nimport { transformProductData } from '@/pdp/data/transforms';\nimport { REFINE_PRODUCT_QUERY } from './graphql/RefineProductQuery.graphql';\n\nasync function getProductData(sku: string, optionUIDs: string[]): Promise<any> {\n  const optionPairCombinations = getPairCombination(optionUIDs);\n  const optionQueries = getProductOptionQuery(optionPairCombinations, sku);\n\n  const mergedQueries = REFINE_PRODUCT_QUERY.replace(\n    '# %extendedPlaceholder%',\n    optionQueries\n  );\n\n  const { data } = await fetchGraphQl(mergedQueries, {\n    method: 'GET',\n    variables: { optionIds: optionUIDs, sku },\n  });\n  return data;\n}\n\nexport const getRefinedProduct = async (\n  sku: string,\n  optionUIDs: string[],\n  anchorOptions?: string[],\n  raw?: boolean\n): Promise<ProductModel | null> => {\n  const data = await getProductData(sku, optionUIDs);\n  if (!data) return null;\n\n  let { products, refineProduct, ...refinedOptions } = data;\n\n  const parent = products?.[0];\n\n  const options = mergeRefinedOptions(\n    Object.values(refinedOptions),\n    parent.options,\n    anchorOptions\n  );\n\n  // needed when anchor options exist\n  if (anchorOptions?.length && refineProduct === null) {\n    optionUIDs = updateSelections(options, optionUIDs, anchorOptions);\n    const updatedRefinedData = await getProductData(sku, optionUIDs);\n    refineProduct = updatedRefinedData?.refineProduct;\n  }\n\n  const response = {\n    ...(refineProduct || parent),\n    sku: parent.sku,\n    name: parent.name,\n    externalParentId: parent?.externalId,\n    options,\n    optionUIDs,\n    variantSku:\n      refineProduct?.__typename === 'SimpleProductView'\n        ? refineProduct?.sku\n        : undefined,\n  };\n\n  const refinedData = raw ? response : transformProductData(response);\n\n  const fallback = config?.getConfig()?.models?.ProductDetails?.fallbackData;\n\n  if (fallback) {\n    return fallback(parent, refinedData!);\n  }\n\n  return refinedData;\n};\n\nfunction getPairCombination(arr: string[]): string[][] {\n  if (arr.length < 2) {\n    return [arr];\n  }\n\n  const result: string[][] = [];\n\n  arr.forEach((item) => {\n    const temp: string[] = [];\n\n    arr.forEach((item2) => {\n      if (item !== item2) {\n        temp.push(item2);\n      }\n    });\n\n    result.push(temp);\n  });\n\n  return result;\n}\n\nfunction getProductOptionQuery(optionUIDs: string[][], sku: string): string {\n  return optionUIDs\n    .map((ids: string[], i: number) => {\n      return `\n          ProductOption${i}: refineProduct(\n            optionIds: [\n              ${ids.map((id) => `\"${id}\"`).join(', ')}\n            ]\n            sku: \"${sku}\"\n          ) {\n            ... on ComplexProductView {\n              options {\n                ...PRODUCT_OPTION_FRAGMENT\n              }\n            }\n          }\n        `;\n    })\n    .join('');\n}\n\nfunction mergeRefinedOptions(\n  options: {},\n  parent: [] = [],\n  anchorOptions?: string[]\n) {\n  // flat _refined[].options[] to _refinedOptions[]\n  const refinedOptions: any = Object.values(options)\n    .filter((x) => !!x)\n    .reduce((acc: any, curr: any) => {\n      if (!curr.options) return [...acc];\n\n      return [...acc, ...curr.options];\n    }, []);\n\n  // Create a map to store items by their id from original\n  const map = new Map(parent.map((item: any) => [item.id, item]));\n\n  // Iterate through refinedOptions and merge items\n  refinedOptions.forEach((current: any) => {\n    // anchor options should display all values, so no merge is performed\n    if (anchorOptions?.includes(current.id)) {\n      return;\n    }\n\n    map.set(current.id, current);\n  });\n\n  return [...map.values()];\n}\n\nfunction updateSelections(\n  options: any[],\n  optionsUIDs: string[],\n  anchorOptions: string[]\n): string[] {\n  const updatedOptionsUIDs: string[] = [];\n\n  let optionValue: string;\n  options.forEach((option: any) => {\n    if (anchorOptions.includes(option.id)) {\n      optionValue =\n        option.values?.find((value: any) => optionsUIDs.includes(value?.id))\n          ?.id || option.values[0]?.id;\n    } else {\n      optionValue = option.values[0]?.id; // TODO check if we should use default value instead\n    }\n    updatedOptionsUIDs.push(optionValue);\n  });\n  return updatedOptionsUIDs;\n}\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2024 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { getProductData, getRefinedProduct, config } from '@/pdp/api';\n\nexport type Options = {\n  anchors?: string[];\n  optionsUIDs?: string[];\n  preselectFirstOption?: boolean;\n  isBundle?: boolean;\n  skipTransform?: boolean;\n};\n\nexport const fetchProductData = async (sku: string, options?: Options) => {\n  // Get the default configuration values\n  const { anchors: defaultAnchors, optionsUIDs: defaultOptionsUIDs } =\n    config.getConfig();\n\n  // Destructure the options object\n  const {\n    optionsUIDs = defaultOptionsUIDs,\n    anchors = defaultAnchors,\n    preselectFirstOption,\n    isBundle,\n    skipTransform,\n  } = options ?? {};\n\n  // ❗️ Warning ❗️\n  // If we have default selections, but we cannot determine that the product is of type bundle, then the response is going to result in null objects and error(s).\n  // Only the `products` object will be populated correctly, the `ProductOption${i}` and `refinedProduct` will be set as null.\n  // This does not affect the UI, but the error message(s) can be detected by 3rd party tools that the client might be using.\n  // This is accepted as a known behaviour, since a bundle product does not have variants.\n  // However, if initialData is passed from the integration layer, then we can determine if the product is a bundle and set the isBundle flag accordingly.\n  return !isBundle && optionsUIDs\n    ? await getRefinedProduct(sku, optionsUIDs, anchors, skipTransform)\n    : await getProductData(\n        sku,\n        {\n          preselectFirstOption,\n          optionsUIDs,\n        },\n        skipTransform\n      );\n};\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2024 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { events } from '@adobe-commerce/event-bus';\nimport { ValuesModel } from '@/pdp/data/models';\nimport { getProductConfigurationValues } from '@/pdp/api';\n\nexport const setProductConfigurationValues = (\n  callback: (prev: ValuesModel) => ValuesModel\n) => {\n  const prev = getProductConfigurationValues();\n\n  const next = callback(prev as ValuesModel);\n\n  events.emit('pdp/values', { ...next });\n};\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2024 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { events } from '@adobe-commerce/event-bus';\nimport { ValuesModel } from '@/pdp/data/models';\n\nexport const getProductConfigurationValues =  (): ValuesModel | null => {\n  return events._lastEvent['pdp/values']?.payload ?? null;\n};\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2024 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { events } from '@adobe-commerce/event-bus';\nimport { isProductConfigurationValid } from '@/pdp/api';\n\nexport const setProductConfigurationValid = (\n  callback: (prev: boolean) => boolean\n) => {\n  const prev = isProductConfigurationValid();\n\n  const next = callback(prev as boolean);\n\n  events.emit('pdp/valid', next);\n};\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2024 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { events } from '@adobe-commerce/event-bus';\n\nexport const isProductConfigurationValid = (): boolean | null => {\n  return events._lastEvent['pdp/valid']?.payload ?? null;\n};\n"],"names":["setUrlParams","params","urlSearchParams","key","value","url","getUrlParams","getValidatedQuantityFromUrl","defaultQuantity","quantityParam","parsedQuantity","transformProduct","product","_b","_a","_d","_c","_f","_e","_h","_g","_j","_i","_l","_k","contexts","events","getAdobeDataLayer","setContext","name","data","adobeDataLayer","pushEvent","event","additionalContext","acdl","state","publishProductPageViewEvent","productItem","ProductType","ProductViewType","transformProductData","options","isBundle","optionUIDs","getOptionUIDs","productType","productData","transformImages","transformPrices","transformAttributes","transformOptions","merge","config","image","roles","label","id","title","required","multi","values","typename","type","mapBundleOptionValues","mapOptionValues","enabled","inStock","isDefault","defaultOptionUIDs","price","priceRange","getSimpleProductPrices","regularPrice","finalPrice","currency","getComplexProductPrices","finalMinimumPrice","finalMaximumPrice","getBundleProductPrice","maxSumRegular","bundlePrice","option","regularAmounts","amount","maxRegularAmount","visible","preselectFirstOption","defaultSelection","preselectedFirstOption","selection","initialize","Initializer","_config","initialData","optionsUIDs","initialQuantity","fetchProductData","defaultValues","setProductConfigurationValues","setProductConfigurationValid","sku","next","setEndpoint","setFetchGraphQlHeader","removeFetchGraphQlHeader","setFetchGraphQlHeaders","fetchGraphQl","getConfig","FetchGraphQL","GET_PRODUCT_DATA","PRODUCT_FRAGMENT","getProductData","raw","REFINE_PRODUCT_QUERY","optionPairCombinations","getPairCombination","optionQueries","getProductOptionQuery","mergedQueries","getRefinedProduct","anchorOptions","products","refineProduct","refinedOptions","parent","mergeRefinedOptions","updateSelections","updatedRefinedData","response","refinedData","fallback","arr","result","item","temp","item2","ids","x","acc","curr","map","current","updatedOptionsUIDs","optionValue","defaultAnchors","defaultOptionsUIDs","anchors","skipTransform","callback","prev","getProductConfigurationValues","isProductConfigurationValid"],"mappings":"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"}

package/components/Swatches/Swatches.d.ts

@@ -1,6 +1,6 @@
 import { FunctionComponent, VNode } from 'preact';
 import { HTMLAttributes, JSX } from 'preact/compat';
-import { ImageNodeRenderProps } from '../../../@adobe-commerce/elsie/src/components';
+import { ImageNodeRenderProps } from '@dropins/tools/types/elsie/src/components';
 
 declare const supportedTypes: string[];
 type OptionValue = {

package/containers/ProductAttributes/ProductAttributes.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'preact/compat';
-import { Container, SlotProps } from '../../../@adobe-commerce/elsie/src/lib';
+import { Container, SlotProps } from '@dropins/tools/types/elsie/src/lib';
 import { ProductModel } from '../../data/models';
 
 type DefaultSlotContext = {

package/containers/ProductAttributes.js

@@ -1,3 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
 import{jsxs as c,jsx as a}from"@dropins/tools/preact-jsx-runtime.js";import{useState as m,useMemo as h,useEffect as x}from"@dropins/tools/preact-compat.js";import{classes as P,Slot as A}from"@dropins/tools/lib.js";import{events as s}from"@dropins/tools/event-bus.js";import{i as L,t as j}from"../chunks/date.js";import{g as C}from"../chunks/getFetchedProductData.js";import{useText as I}from"@dropins/tools/i18n.js";import{c as M}from"../chunks/isProductConfigurationValid.js";import"../fragments.js";import"@dropins/tools/fetch-graphql.js";const N=({initialData:l=null,children:T,slots:e,...i})=>{var n;const u=I("PDP.Product.Details.label").label,{defaultLocale:f="en-US"}=M.getConfig(),[d,p]=m(f),[r,b]=m(l),g=h(()=>({data:r}),[r]);return x(()=>{const o=s.on("pdp/data",b),t=s.on("locale",p);return()=>{o==null||o.off(),t==null||t.off()}},[]),r?c("div",{...i,className:P(["pdp-attributes",i.className]),children:[u,e!=null&&e.Attributes?a(A,{name:"Attributes",slot:e==null?void 0:e.Attributes,context:{...g}}):a("ul",{children:(n=r==null?void 0:r.attributes)==null?void 0:n.map(({label:o,value:t},D)=>{const S=L(t)?j(t,d):t.toString();return c("li",{children:[o,": ",a("span",{dangerouslySetInnerHTML:{__html:S}})]},D)})})]}):null};N.getInitialData=C;export{N as ProductAttributes,N as default};
+//# sourceMappingURL=ProductAttributes.js.map

package/containers/ProductAttributes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductAttributes.js","sources":["/@dropins/storefront-pdp/src/containers/ProductAttributes/ProductAttributes.tsx"],"sourcesContent":["/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2024 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { HTMLAttributes, useEffect, useState, useMemo } from 'preact/compat';\nimport { classes, Container, Slot, SlotProps } from '@adobe-commerce/elsie/lib';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { events } from '@adobe-commerce/event-bus';\nimport { ProductModel } from '@/pdp/data/models';\nimport { isDateValid, toDateString } from '@/pdp/lib/date';\nimport { config, getFetchedProductData } from '@/pdp/api';\n\ntype DefaultSlotContext = {\n  data: ProductModel | null;\n};\n\nexport interface ProductAttributesProps extends HTMLAttributes<HTMLDivElement> {\n  slots?: {\n    Attributes?: SlotProps<DefaultSlotContext>;\n  };\n}\n\nexport const ProductAttributes: Container<\n  ProductAttributesProps,\n  ProductModel | null\n> = ({ initialData = null, children, slots, ...props }) => {\n  const DetailsLabel = useText('PDP.Product.Details.label').label;\n  const { defaultLocale = 'en-US' } = config.getConfig();\n\n  const [locale, setLocale] = useState<string>(defaultLocale);\n\n  const [data, setData] = useState<ProductModel | null>(initialData);\n\n  const defaultSlotContext: DefaultSlotContext = useMemo(\n    () => ({ data }),\n    [data]\n  );\n\n  useEffect(() => {\n    const dataEvent = events.on('pdp/data', setData);\n    const localeEvent = events.on('locale', setLocale);\n\n    return () => {\n      dataEvent?.off();\n      localeEvent?.off();\n    };\n  }, []);\n\n  if (!data) return null;\n\n  return (\n    <div {...props} className={classes(['pdp-attributes', props.className])}>\n      {DetailsLabel}\n      {slots?.Attributes ? (\n        <Slot\n          name=\"Attributes\"\n          slot={slots?.Attributes}\n          context={{ ...defaultSlotContext }}\n        />\n      ) : (\n        <ul>\n          {data?.attributes?.map(({ label, value }, key) => {\n            const __html = isDateValid(value)\n              ? toDateString(value, locale)\n              : value.toString();\n\n            return (\n              <li key={key}>\n                {/* eslint-disable-next-line react/no-danger */}\n                {label}: <span dangerouslySetInnerHTML={{ __html }} />\n              </li>\n            );\n          })}\n        </ul>\n      )}\n    </div>\n  );\n};\n\nProductAttributes.getInitialData = getFetchedProductData;\n"],"names":["ProductAttributes","initialData","children","slots","props","DetailsLabel","useText","defaultLocale","config","locale","setLocale","useState","data","setData","defaultSlotContext","useMemo","useEffect","dataEvent","events","localeEvent","jsxs","classes","jsx","Slot","_a","label","value","key","__html","isDateValid","toDateString","getFetchedProductData"],"mappings":"6hBAkCa,MAAAA,EAGT,CAAC,CAAE,YAAAC,EAAc,KAAM,SAAAC,EAAU,MAAAC,EAAO,GAAGC,KAAY,OACnD,MAAAC,EAAeC,EAAQ,2BAA2B,EAAE,MACpD,CAAE,cAAAC,EAAgB,SAAYC,EAAO,UAAU,EAE/C,CAACC,EAAQC,CAAS,EAAIC,EAAiBJ,CAAa,EAEpD,CAACK,EAAMC,CAAO,EAAIF,EAA8BV,CAAW,EAE3Da,EAAyCC,EAC7C,KAAO,CAAE,KAAAH,CAAK,GACd,CAACA,CAAI,CACP,EAYI,OAVJI,EAAU,IAAM,CACd,MAAMC,EAAYC,EAAO,GAAG,WAAYL,CAAO,EACzCM,EAAcD,EAAO,GAAG,SAAUR,CAAS,EAEjD,MAAO,IAAM,CACXO,GAAA,MAAAA,EAAW,MACXE,GAAA,MAAAA,EAAa,KACf,CACF,EAAG,EAAE,EAEAP,EAGHQ,EAAC,MAAK,CAAA,GAAGhB,EAAO,UAAWiB,EAAQ,CAAC,iBAAkBjB,EAAM,SAAS,CAAC,EACnE,SAAA,CAAAC,EACAF,GAAA,MAAAA,EAAO,WACNmB,EAACC,EAAA,CACC,KAAK,aACL,KAAMpB,GAAA,YAAAA,EAAO,WACb,QAAS,CAAE,GAAGW,CAAmB,CAAA,CACnC,EAECQ,EAAA,KAAA,CACE,UAAME,EAAAZ,GAAA,YAAAA,EAAA,aAAA,YAAAY,EAAY,IAAI,CAAC,CAAE,MAAAC,EAAO,MAAAC,CAAM,EAAGC,IAAQ,CAC1C,MAAAC,EAASC,EAAYH,CAAK,EAC5BI,EAAaJ,EAAOjB,CAAM,EAC1BiB,EAAM,SAAS,EAEnB,SACG,KAEE,CAAA,SAAA,CAAAD,EAAM,KAAGH,EAAA,OAAA,CAAK,wBAAyB,CAAE,OAAAM,EAAU,CAAA,CAAA,CAAA,EAF7CD,CAGT,CAAA,EAGN,CAAA,CAAA,EAEJ,EA3BgB,IA6BpB,EAEA3B,EAAkB,eAAiB+B"}

package/containers/ProductDescription/ProductDescription.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'preact/compat';
-import { Container } from '../../../@adobe-commerce/elsie/src/lib';
+import { Container } from '@dropins/tools/types/elsie/src/lib';
 import { ProductModel } from '../../data/models';
 
 export interface ProductDescriptionProps extends HTMLAttributes<HTMLDivElement> {

package/containers/ProductDescription.js

@@ -1,3 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
 import{jsx as n}from"@dropins/tools/preact-jsx-runtime.js";import{useState as i,useEffect as a}from"@dropins/tools/preact-compat.js";import{classes as c}from"@dropins/tools/lib.js";import{events as m}from"@dropins/tools/event-bus.js";import{g as l}from"../chunks/getFetchedProductData.js";const f=({initialData:o=null,children:p,...r})=>{const[t,s]=i(o);return a(()=>{const e=m.on("pdp/data",s);return()=>{e==null||e.off()}},[]),t?n("div",{dangerouslySetInnerHTML:{__html:(t==null?void 0:t.description)??""},...r,className:c(["pdp-description",r.className])}):null};f.getInitialData=l;export{f as ProductDescription,f as default};
+//# sourceMappingURL=ProductDescription.js.map

package/containers/ProductDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductDescription.js","sources":["/@dropins/storefront-pdp/src/containers/ProductDescription/ProductDescription.tsx"],"sourcesContent":["/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2024 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { HTMLAttributes, useEffect, useState } from 'preact/compat';\nimport { classes, Container } from '@adobe-commerce/elsie/lib';\nimport { events } from '@adobe-commerce/event-bus';\nimport { ProductModel } from '@/pdp/data/models';\nimport { getFetchedProductData } from '@/pdp/api';\n\nexport interface ProductDescriptionProps\n  extends HTMLAttributes<HTMLDivElement> {}\n\nexport const ProductDescription: Container<\n  ProductDescriptionProps,\n  ProductModel | null\n> = ({ initialData = null, children, ...props }) => {\n  const [data, setData] = useState<ProductModel | null>(initialData);\n\n  useEffect(() => {\n    const dataEvent = events.on('pdp/data', setData);\n\n    return () => {\n      dataEvent?.off();\n    };\n  }, []);\n\n  if (!data) return null;\n\n  return (\n    <div\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{ __html: data?.description ?? '' }}\n      {...props}\n      className={classes(['pdp-description', props.className])}\n    />\n  );\n};\n\nProductDescription.getInitialData = getFetchedProductData;\n"],"names":["ProductDescription","initialData","children","props","data","setData","useState","useEffect","dataEvent","events","jsx","classes","getFetchedProductData"],"mappings":"iSAyBa,MAAAA,EAGT,CAAC,CAAE,YAAAC,EAAc,KAAM,SAAAC,EAAU,GAAGC,KAAY,CAClD,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAA8BL,CAAW,EAU7D,OARJM,EAAU,IAAM,CACd,MAAMC,EAAYC,EAAO,GAAG,WAAYJ,CAAO,EAE/C,MAAO,IAAM,CACXG,GAAA,MAAAA,EAAW,KACb,CACF,EAAG,EAAE,EAEAJ,EAGHM,EAAC,MAAA,CAEC,wBAAyB,CAAE,QAAQN,GAAA,YAAAA,EAAM,cAAe,EAAG,EAC1D,GAAGD,EACJ,UAAWQ,EAAQ,CAAC,kBAAmBR,EAAM,SAAS,CAAC,CAAA,CACzD,EARgB,IAUpB,EAEAH,EAAmB,eAAiBY"}

package/containers/ProductDetails/ProductDetails.d.ts

@@ -1,9 +1,9 @@
 import { HTMLAttributes } from 'preact/compat';
-import { Container, SlotProps, SlotMethod, ResolveImageUrlOptions } from '../../../@adobe-commerce/elsie/src/lib';
-import { ButtonProps } from '../../../@adobe-commerce/elsie/src/components';
+import { Container, SlotProps, SlotMethod, ResolveImageUrlOptions } from '@dropins/tools/types/elsie/src/lib';
+import { ButtonProps } from '@dropins/tools/types/elsie/src/components';
 import { ProductModel } from '../../data/models';
 
-type IconType = keyof typeof import('@adobe-commerce/elsie/icons');
+type IconType = keyof typeof import('@dropins/tools/types/elsie/src/icons');
 /** @deprecated This type is part of the deprecated ProductDetails component. */
 export type Values = {
     sku: string;

package/containers/ProductDetails.js

@@ -1,3 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
 import{jsx as e,jsxs as V,Fragment as vt}from"@dropins/tools/preact-jsx-runtime.js";import{useState as z,Children as mt,useEffect as f,useCallback as g,useMemo as Ot}from"@dropins/tools/preact-compat.js";import{VComponent as m,classes as w,Slot as A,toLanguageTag as ut}from"@dropins/tools/lib.js";import{Incrementer as It,Image as bt,Button as At,Icon as dt,Breadcrumbs as lt}from"@dropins/tools/components.js";/* empty css             */import{Z as Dt,C,O as st}from"../chunks/Zoom.js";import{useText as x}from"@dropins/tools/i18n.js";import{P as Pt}from"../chunks/PriceRange.js";import{S as wt}from"../chunks/Swatches.js";import"@dropins/tools/preact.js";import{c as St,n as Vt,h as ht,p as kt,o as yt,t as Ut}from"../chunks/isProductConfigurationValid.js";import{events as tt}from"@dropins/tools/event-bus.js";import{i as Bt,t as xt}from"../chunks/date.js";import"../fragments.js";import"@dropins/tools/fetch-graphql.js";const Lt=({title:a,breadcrumbs:N,galleryContent:S,infoContent:v,productContent:O,sku:I,outOfStock:k,shortDescription:L,description:r,attributes:et,images:c,options:h,price:u,specialPrice:K,className:G,children:it,quantity:J,actions:M,carouselConfig:n,zoomType:$="overlay",closeButton:nt=!0,...rt})=>{var T,Q,E,_,F,j,W,X,Y;const pt=x("PDP.Product.RegularPrice.label").label,U=x("PDP.Product.SpecialPrice.label").label,ct=x("PDP.Product.OutOfStock.label").label,B=x("PDP.Product.Image.label").label,[H,t]=z(null),D=c!=null&&c.length?c.map((s,y)=>{var Z;const q=((Z=a==null?void 0:a.props)==null?void 0:Z.children)&&(B==null?void 0:B.replace("{product}",a.props.children.toString()).replace("{key}",String(y+1)).replace("{total}",String(c.length)));return $==="zoom"?e(Dt,{closeButton:nt,children:e(m,{node:s,loading:y===0?"eager":"lazy",alt:q},y)}):e(m,{node:s,loading:y===0?"eager":"lazy",alt:q,onClick:()=>t(y)},y)}):e("img",{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",className:"pdp-product__images__placeholder","aria-hidden":!0}),P=(T=n==null?void 0:n.thumbnails)!=null&&T.length?n.thumbnails.map((s,y)=>{var q;return e(m,{node:s,loading:(n==null?void 0:n.thumbnailsLoadingMode)||"lazy",alt:((q=a==null?void 0:a.props)==null?void 0:q.children)&&(B==null?void 0:B.replace("{product}",a.props.children.toString()).replace("{key}",String(y+1)).replace("{total}",String(c.length)))},y)}):e("img",{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",className:"pdp-product__images__placeholder","aria-hidden":!0});return V("div",{...rt,className:w(["pdp-product",G]),children:[N&&e(m,{node:N,className:"pdp-product__breadcrumbs"}),V("div",{className:"pdp-product__column-container pdp-product__gallery-column",children:[e("div",{className:"pdp-product__column-body",children:(Q=n==null?void 0:n.controls)!=null&&Q.desktop?e(C,{className:"pdp-product__overlay__carousel",arrows:(c==null?void 0:c.length)>1,controls:(c==null?void 0:c.length)>1?n.controls.desktop:"dots",arrowsOnMainImage:n==null?void 0:n.arrowsOnMainImage,loop:(n==null?void 0:n.loopable)&&(c==null?void 0:c.length)>1,peak:((E=n==null?void 0:n.thumbnails)==null?void 0:E.length)>1&&((_=n==null?void 0:n.peak)==null?void 0:_.desktop)||!1,gap:(n==null?void 0:n.gap)||null,width:"100%",height:"100%",defaultIndex:H||0,thumbnails:P,children:D}):e(Mt,{className:"pdp-product__images",gap:"small",children:D})}),S&&e(m,{node:S,className:"pdp-product__gallery-content"})]}),V("div",{className:"pdp-product__column-container pdp-product__content-column",children:[V("div",{className:"pdp-product__column-body",children:[V("div",{className:"pdp-product__header",children:[a&&e(m,{node:a,className:"pdp-product__title"}),I&&e(m,{node:I,className:"pdp-product__sku"})]}),V("div",{className:"pdp-product__prices",children:[K&&e(m,{node:K,className:w(["pdp-product__price-special","pdp-product__price"]),"aria-label":U,role:"text"}),u&&e(m,{node:u,className:w(["pdp-product__price-regular","pdp-product__price--grey"]),"aria-label":pt,role:"text"})]}),(F=n==null?void 0:n.controls)!=null&&F.mobile&&((j=n==null?void 0:n.controls)==null?void 0:j.mobile)==="thumbnailsRow"?e(C,{className:"pdp-product__images pdp-product__images--carousel pdp-product__images--carousel--thumbnails",width:"100%",height:"auto",arrows:(c==null?void 0:c.length)>1,controls:(c==null?void 0:c.length)>1?"thumbnailsRow":null,loop:(n==null?void 0:n.loopable)&&(c==null?void 0:c.length)>1,peak:((W=n==null?void 0:n.thumbnails)==null?void 0:W.length)>1&&((X=n==null?void 0:n.peak)==null?void 0:X.mobile)||!1,gap:(n==null?void 0:n.gap)||null,thumbnails:P,children:D}):e(C,{className:"pdp-product__images pdp-product__images--carousel",peak:((Y=n==null?void 0:n.peak)==null?void 0:Y.mobile)&&(c==null?void 0:c.length)>1,gap:(n==null?void 0:n.gap)||null,width:"100%",height:"auto",arrows:(c==null?void 0:c.length)>1,controls:(c==null?void 0:c.length)>1?"dots":null,loop:(n==null?void 0:n.loopable)&&(c==null?void 0:c.length)>1,children:D}),V("div",{className:w(["pdp-product__actions",["pdp-product__actions--out-of-stock",k]]),children:[k&&e("div",{className:"pdp-product__out-of-stock__text",children:ct}),h&&e(m,{node:h,className:w(["pdp-product__options"])}),J&&e("div",{className:"pdp-product__quantity",children:e(m,{node:J})}),M&&e(m,{node:M,className:w(["pdp-product__buttons"])})]}),L&&e(m,{node:L,className:w(["pdp-product__short_description"])}),r&&e(m,{node:r,className:w(["pdp-product__description"])}),et?e("div",{className:"pdp-product__attributes",children:et}):null]}),v&&e(m,{node:v,className:"pdp-product__info-content"})]}),O&&e(m,{node:O,className:"pdp-product__content"}),H===null?null:e(st,{className:"pdp-product__overlay",onClose:()=>t(null),centered:!0,children:e(C,{className:"pdp-product__overlay__carousel",arrows:(c==null?void 0:c.length)>1,width:"100%",height:"100%",defaultIndex:H||0,loop:(n==null?void 0:n.loopable)&&(c==null?void 0:c.length)>1,controls:(c==null?void 0:c.length)>1?"dots":null,isZoomed:!0,children:D})})]})},Mt=({children:a,gap:N=null,className:S,style:v,...O})=>{const I=mt.count(a);return e("div",{...O,className:w(["pdp-gallery-grid",S]),style:{"--gap":N?`var(--spacing-${N})`:"0px",...v},children:mt.map(a,(k,L)=>e("div",{className:"pdp-gallery-grid__item",children:e(m,{node:k,loading:L===0?"eager":"lazy"},k.props.src)},I+L))})},qt=({sku:a,hideSku:N,hideQuantity:S,hideShortDescription:v,hideDescription:O,hideAttributes:I,hideURLParams:k,hideSelectedOptionValue:L,slots:r,children:et,initialData:c,carousel:h,optionsConfig:u,useACDL:K,onAddToCart:G,zoomType:it,closeButton:J=!0,disableDropdownPreselection:M,...n})=>{var Z,at,ot,_t;const $=x("PDP.Product.AddToCart.label").label,nt=x("PDP.Product.Incrementer.label").label,rt=x("PDP.Product.Details.label").label,pt=x("PDP.Swatches.ChooseOption.label").label,[U,ct]=z(St.getConfig().defaultLocale||"en-US"),[B,H]=z(),[t=null,D]=z(c),[P,T]=z(()=>{const p=Vt(1),d={sku:a,quantity:p};return t!=null&&t.optionUIDs&&(d.optionsUIDs=t.optionUIDs),d}),[Q,E]=z(()=>{var p,d;return!(t!=null&&t.options&&((p=t==null?void 0:t.options)==null?void 0:p.length)>0&&((d=t==null?void 0:t.optionUIDs)==null?void 0:d.length)!==(t==null?void 0:t.options.length))}),_={data:t,values:P,valid:Q};function F(p){return p==null?void 0:p.some(d=>(d==null?void 0:d.typename)==="ProductViewOptionValueProduct")}f(()=>{const p=tt.on("pdp/data",l=>{l&&(D(l),T(i=>({...i,sku:l.sku,optionsUIDs:l.optionUIDs})))}),d=tt.on("pdp/setValues",l=>{T(i=>({...i,...l}))});return()=>{d==null||d.off(),p==null||p.off()}},[]),f(()=>{const p=tt.on("locale",d=>{d!==U&&(ct(d),ht(a,{preselectFirstOption:!M,anchors:u==null?void 0:u.anchorOptions}).then(D))});return()=>{p==null||p.off()}},[M,U,u==null?void 0:u.anchorOptions,a]),f(()=>{K&&c&&Object.keys(c).length>0&&kt(c)},[c]);const j=g(p=>{T(d=>({...d,...p}))},[]);f(()=>{tt.emit("pdp/values",P)},[JSON.stringify(P)]);const W=g(async p=>{var i,o;let d=Object.entries(p).filter(([b,R])=>R.label!==pt).map(([b,R])=>p[b].value).filter(b=>b!==void 0);!k&&(t!=null&&t.options)&&!F(t.options)&&yt({optionsUIDs:d.join(",")}),j({optionsUIDs:d}),E((d==null?void 0:d.length)===((i=t==null?void 0:t.options)==null?void 0:i.length));const l=await ht(a,{anchors:u==null?void 0:u.anchorOptions,isBundle:t==null?void 0:t.isBundle,optionsUIDs:d,preselectFirstOption:!M});D(l),(o=u==null?void 0:u.anchorOptions)!=null&&o.length&&X(l,d)},[a]),X=g((p,d)=>{var o;const l=(p==null?void 0:p.optionUIDs)??[];d.every(b=>l.includes(b))||(H(p==null?void 0:p.options),j({optionsUIDs:l}),E((l==null?void 0:l.length)===((o=p==null?void 0:p.options)==null?void 0:o.length)))},[a]),Y=g(p=>{Object.keys(p).length!==0&&E(!1)},[]),s=Ot(()=>{var p;return(p=t==null?void 0:t.attributes)==null?void 0:p.map(({label:d,value:l},i)=>{const o=Bt(l)?xt(l,U):l.toString();return V("li",{children:[d,": ",e("span",{dangerouslySetInnerHTML:{__html:o}})]},i)})},[t==null?void 0:t.attributes,U]),y=!S&&(t!=null&&t.inStock)?e(A,{name:"Quantity",slot:r==null?void 0:r.Quantity,context:{..._},children:e(It,{name:"quantity",defaultValue:P.quantity.toString(),value:P.quantity.toString(),min:1,"aria-label":nt,className:"pdp-product__quantity",onValue:p=>{const d=Number(p);j({quantity:d}),!k&&(t!=null&&t.options)&&(F(t.options)||yt({quantity:d}))}},"quantity")}):void 0,q=()=>{if(t!=null&&t.options)return e(A,{name:"Options",slot:r==null?void 0:r.Options,context:{..._},children:e(wt,{selectedUIDs:P.optionsUIDs,options:t.options,defaultOptions:P.optionsUIDs,selectionsToUpdate:B,hideSelectedValue:L,disablePreselections:M,onValues:W,onErrors:Y})})};return e("div",{...n,children:e(Lt,{title:e(A,{name:"Title",slot:r==null?void 0:r.Title,context:{..._},children:t==null?void 0:t.name}),sku:N?void 0:e(A,{name:"SKU",slot:r==null?void 0:r.SKU,context:{..._},children:t==null?void 0:t.sku}),options:q(),breadcrumbs:(r==null?void 0:r.Breadcrumbs)&&e(A,{name:"Breadcrumbs",slot:r==null?void 0:r.Breadcrumbs,context:{..._,setSeparator(p){this._registerMethod((...d)=>{const l=p(...d),i=l&&e(dt,{source:l});this._setProps(o=>({...o,separator:i,children:[e(lt,{separator:i,categories:o.categories})]}))})},appendLink(p){this._registerMethod((...d)=>{const{text:l,...i}=p(...d),o=e("a",{...i,children:l});this._setProps(b=>{const R=[...b.categories||[],o];return{...b,categories:R,children:[e(lt,{separator:b.separator,categories:R})]}})})},appendHTMLElement(p){this._registerMethod((...d)=>{const l=p(...d),i=this._htmlElementToVNode(l);this._setProps(o=>{const b=[...o.categories||[],i];return{...o,categories:b,children:[e(lt,{separator:o.separator,categories:b})]}})})}}}),quantity:y,actions:e(A,{name:"Actions",slot:r==null?void 0:r.Actions,context:{..._,appendButton(p){this._registerMethod((...d)=>{const l=p(...d);if(!l)return;const{text:i,icon:o,...b}=l,R=e(At,{type:"button",...b,icon:o&&e(dt,{source:o}),children:i});this._setProps(Nt=>({children:[...Nt.children||[],R]}))})}},children:!(r!=null&&r.Actions)&&e(At,{size:"medium",type:"submit",icon:e(dt,{source:"Cart"}),disabled:!(t!=null&&t.inStock)||!Q,"aria-label":$,onClick:()=>G==null?void 0:G(P),children:$})}),shortDescription:v?void 0:e(A,{name:"ShortDescription",slot:r==null?void 0:r.ShortDescription,context:{..._},children:e("div",{dangerouslySetInnerHTML:{__html:(t==null?void 0:t.shortDescription)??""}})}),description:O?void 0:e(A,{name:"Description",slot:r==null?void 0:r.Description,context:{..._},children:e("div",{dangerouslySetInnerHTML:{__html:(t==null?void 0:t.description)??""}})}),images:((Z=t==null?void 0:t.images)==null?void 0:Z.map(({label:p,url:d})=>{var l,i;return e(bt,{title:p,alt:p,src:d,width:((l=h==null?void 0:h.imageParams)==null?void 0:l.width)??960,height:((i=h==null?void 0:h.imageParams)==null?void 0:i.height)??1191,params:(h==null?void 0:h.imageParams)??{width:960}},d)}))??[],specialPrice:(at=t==null?void 0:t.prices)!=null&&at.visible?e(A,{name:"SpecialPrice",slot:r==null?void 0:r.SpecialPrice,context:{..._},children:e(Pt,{...t.prices.final,locale:ut(U)})}):void 0,price:(ot=t==null?void 0:t.prices)!=null&&ot.visible&&t.prices.regular&&t.prices.final.amount!==(t==null?void 0:t.prices.regular.amount)?e(A,{name:"RegularPrice",slot:r==null?void 0:r.RegularPrice,context:{..._},children:e(Pt,{...t.prices.regular,locale:ut(U)})}):void 0,zoomType:it,closeButton:J,carouselConfig:{...h,thumbnails:h&&Object.keys(h).length?((_t=t==null?void 0:t.images)==null?void 0:_t.map(({label:p,url:d})=>{var l,i;return e(bt,{title:p,alt:p,src:d,width:((l=h==null?void 0:h.thumbnailParams)==null?void 0:l.width)??200,height:((i=h==null?void 0:h.thumbnailParams)==null?void 0:i.height)??248,params:(h==null?void 0:h.thumbnailParams)??{width:200}},d)}))??[]:[]},outOfStock:!(t!=null&&t.inStock),attributes:I?void 0:e(A,{name:"Attributes",slot:r==null?void 0:r.Attributes,context:{..._},children:s!=null&&s.length?V(vt,{children:[rt,e("ul",{children:s})]}):null}),galleryContent:(r==null?void 0:r.GalleryContent)&&e(A,{name:"GalleryContent",slot:r.GalleryContent,context:{..._}}),infoContent:(r==null?void 0:r.InfoContent)&&e(A,{name:"InfoContent",slot:r.InfoContent,context:{..._}}),productContent:(r==null?void 0:r.Content)&&e(A,{name:"Content",slot:r.Content,context:{..._}})})})};qt.getInitialData=async function({sku:a,disableDropdownPreselection:N=!1,optionsConfig:S}){var O,I;const v=(I=(O=St.getConfig().models)==null?void 0:O.ProductDetails)==null?void 0:I.initialData;return v?Ut(v):ht(a,{preselectFirstOption:!N,anchors:S==null?void 0:S.anchorOptions})};export{qt as ProductDetails,qt as default};
+//# sourceMappingURL=ProductDetails.js.map

package/containers/ProductDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductDetails.js","sources":["/@dropins/storefront-pdp/src/components/Product/Product.tsx","/@dropins/storefront-pdp/src/components/GalleryGrid/GalleryGrid.tsx","/@dropins/storefront-pdp/src/containers/ProductDetails/ProductDetails.tsx"],"sourcesContent":["/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, useState } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nimport { Carousel, GalleryGrid, Overlay, Zoom } from '@/pdp/components';\nimport '@/pdp/components/Product/Product.css';\n\nimport { CarouselConfig } from '@/pdp/containers';\n\ninterface ProductCarouselConfig extends CarouselConfig {\n  thumbnails: VNode[];\n}\n\nexport interface ProductProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  title?: VNode;\n  breadcrumbs?: VNode;\n  galleryContent?: VNode;\n  infoContent?: VNode;\n  productContent?: VNode;\n  shortDescription?: VNode;\n  description?: VNode;\n  attributes?: VNode;\n  images: VNode[];\n  options?: VNode;\n  sku?: VNode;\n  price?: VNode;\n  specialPrice?: VNode;\n  outOfStock: boolean;\n  actions?: VNode;\n  quantity?: VNode;\n  carouselConfig?: ProductCarouselConfig;\n  zoomType?: 'zoom' | 'overlay';\n  closeButton?: boolean;\n}\n\nexport const Product: FunctionComponent<ProductProps> = ({\n  title,\n  breadcrumbs,\n  galleryContent,\n  infoContent,\n  productContent,\n  sku,\n  outOfStock,\n  shortDescription,\n  description,\n  attributes,\n  images,\n  options,\n  price,\n  specialPrice,\n  className,\n  children,\n  quantity,\n  actions,\n  carouselConfig,\n  zoomType = 'overlay',\n  closeButton = true,\n  ...props\n}) => {\n  // i18n\n  const RegularPriceLabel = useText('PDP.Product.RegularPrice.label').label;\n  const SpecialPriceLabel = useText('PDP.Product.SpecialPrice.label').label;\n  const OutOfStockLabel = useText('PDP.Product.OutOfStock.label').label;\n  const ImagesLabel = useText('PDP.Product.Image.label').label;\n\n  const [zoom, setZoom] = useState<number | null>(null);\n\n  const galleryImages = images?.length ? (\n    images.map((image, key) => {\n      const alt =\n        title?.props?.children &&\n        ImagesLabel?.replace('{product}', title.props.children.toString())\n          .replace('{key}', String(key + 1))\n          .replace('{total}', String(images.length));\n      return zoomType === 'zoom' ? (\n        <Zoom closeButton={closeButton}>\n          <VComponent\n            key={key}\n            node={image}\n            loading={key === 0 ? 'eager' : 'lazy'}\n            alt={alt}\n          />\n        </Zoom>\n      ) : (\n        <VComponent\n          key={key}\n          node={image}\n          loading={key === 0 ? 'eager' : 'lazy'}\n          alt={alt}\n          onClick={() => setZoom(key)}\n        />\n      );\n    })\n  ) : (\n    <img\n      src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\n      className=\"pdp-product__images__placeholder\"\n      aria-hidden\n    />\n  );\n\n  const localThumbnailsImages = carouselConfig?.thumbnails?.length ? (\n    carouselConfig.thumbnails.map((image, key) => (\n      <VComponent\n        key={key}\n        node={image}\n        loading={carouselConfig?.thumbnailsLoadingMode || 'lazy'}\n        alt={\n          title?.props?.children &&\n          ImagesLabel?.replace('{product}', title.props.children.toString())\n            .replace('{key}', String(key + 1))\n            .replace('{total}', String(images.length))\n        }\n      />\n    ))\n  ) : (\n    <img\n      src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\n      className=\"pdp-product__images__placeholder\"\n      aria-hidden\n    />\n  );\n\n  return (\n    <div {...props} className={classes(['pdp-product', className])}>\n      {breadcrumbs && (\n        <VComponent node={breadcrumbs} className=\"pdp-product__breadcrumbs\" />\n      )}\n      <div className=\"pdp-product__column-container pdp-product__gallery-column\">\n        <div className=\"pdp-product__column-body\">\n          {carouselConfig?.controls?.desktop ? (\n            <Carousel\n              className=\"pdp-product__overlay__carousel\"\n              arrows={images?.length > 1}\n              controls={\n                images?.length > 1 ? carouselConfig.controls.desktop : 'dots'\n              }\n              arrowsOnMainImage={carouselConfig?.arrowsOnMainImage}\n              loop={carouselConfig?.loopable && images?.length > 1}\n              peak={\n                (carouselConfig?.thumbnails?.length > 1 &&\n                  carouselConfig?.peak?.desktop) ||\n                false\n              }\n              gap={carouselConfig?.gap || null}\n              width=\"100%\"\n              height=\"100%\"\n              defaultIndex={zoom || 0}\n              thumbnails={localThumbnailsImages}\n            >\n              {galleryImages}\n            </Carousel>\n          ) : (\n            <GalleryGrid className=\"pdp-product__images\" gap=\"small\">\n              {galleryImages}\n            </GalleryGrid>\n          )}\n        </div>\n        {galleryContent && (\n          <VComponent\n            node={galleryContent}\n            className=\"pdp-product__gallery-content\"\n          />\n        )}\n      </div>\n\n      <div className=\"pdp-product__column-container pdp-product__content-column\">\n        <div className=\"pdp-product__column-body\">\n          <div className=\"pdp-product__header\">\n            {title && (\n              <VComponent node={title} className=\"pdp-product__title\" />\n            )}\n\n            {sku && <VComponent node={sku} className=\"pdp-product__sku\" />}\n          </div>\n\n          <div className=\"pdp-product__prices\">\n            {specialPrice && (\n              <VComponent\n                node={specialPrice}\n                className={classes([\n                  'pdp-product__price-special',\n                  'pdp-product__price',\n                ])}\n                aria-label={SpecialPriceLabel}\n                role=\"text\"\n              />\n            )}\n            {price && (\n              <VComponent\n                node={price}\n                className={classes([\n                  'pdp-product__price-regular',\n                  'pdp-product__price--grey',\n                ])}\n                aria-label={RegularPriceLabel}\n                role=\"text\"\n              />\n            )}\n          </div>\n\n          {/* Small Screen Gallery */}\n          {carouselConfig?.controls?.mobile &&\n          carouselConfig?.controls?.mobile === 'thumbnailsRow' ? (\n            <Carousel\n              className=\"pdp-product__images pdp-product__images--carousel pdp-product__images--carousel--thumbnails\"\n              width=\"100%\"\n              height=\"auto\"\n              arrows={images?.length > 1}\n              controls={images?.length > 1 ? 'thumbnailsRow' : null}\n              loop={carouselConfig?.loopable && images?.length > 1}\n              peak={\n                (carouselConfig?.thumbnails?.length > 1 &&\n                  carouselConfig?.peak?.mobile) ||\n                false\n              }\n              gap={carouselConfig?.gap || null}\n              thumbnails={localThumbnailsImages}\n            >\n              {galleryImages}\n            </Carousel>\n          ) : (\n            <Carousel\n              className=\"pdp-product__images pdp-product__images--carousel\"\n              peak={carouselConfig?.peak?.mobile && images?.length > 1}\n              gap={carouselConfig?.gap || null}\n              width=\"100%\"\n              height=\"auto\"\n              arrows={images?.length > 1}\n              controls={images?.length > 1 ? 'dots' : null}\n              loop={carouselConfig?.loopable && images?.length > 1}\n            >\n              {galleryImages}\n            </Carousel>\n          )}\n\n          <div\n            className={classes([\n              'pdp-product__actions',\n              [`pdp-product__actions--out-of-stock`, outOfStock],\n            ])}\n          >\n            {outOfStock && (\n              <div className=\"pdp-product__out-of-stock__text\">\n                {OutOfStockLabel}\n              </div>\n            )}\n\n            {options && (\n              <VComponent\n                node={options}\n                className={classes(['pdp-product__options'])}\n              />\n            )}\n\n            {quantity && (\n              <div className=\"pdp-product__quantity\">\n                <VComponent node={quantity} />\n              </div>\n            )}\n\n            {actions && (\n              <VComponent\n                node={actions}\n                className={classes(['pdp-product__buttons'])}\n              />\n            )}\n          </div>\n\n          {shortDescription && (\n            <VComponent\n              node={shortDescription}\n              className={classes(['pdp-product__short_description'])}\n            />\n          )}\n\n          {description && (\n            <VComponent\n              node={description}\n              className={classes(['pdp-product__description'])}\n            />\n          )}\n\n          {attributes ? (\n            <div className=\"pdp-product__attributes\">{attributes}</div>\n          ) : null}\n        </div>\n        {infoContent && (\n          <VComponent\n            node={infoContent}\n            className=\"pdp-product__info-content\"\n          />\n        )}\n      </div>\n\n      {productContent && (\n        <VComponent node={productContent} className=\"pdp-product__content\" />\n      )}\n\n      {/* Zoom Overlay */}\n      {zoom === null ? null : (\n        <Overlay\n          className=\"pdp-product__overlay\"\n          onClose={() => setZoom(null)}\n          centered\n        >\n          <Carousel\n            className=\"pdp-product__overlay__carousel\"\n            arrows={images?.length > 1}\n            width=\"100%\"\n            height=\"100%\"\n            defaultIndex={zoom || 0}\n            loop={carouselConfig?.loopable && images?.length > 1}\n            controls={images?.length > 1 ? 'dots' : null}\n            isZoomed\n          >\n            {galleryImages}\n          </Carousel>\n        </Overlay>\n      )}\n    </div>\n  );\n};\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, Children } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport '@/pdp/components/GalleryGrid/GalleryGrid.css';\n\nexport interface GalleryGridProps extends HTMLAttributes<HTMLDivElement> {\n  children: VNode[] | VNode;\n  gap?: 'small' | 'medium' | 'large' | null;\n  style?: Record<string, string | number>;\n}\n\nexport const GalleryGrid: FunctionComponent<GalleryGridProps> = ({\n  children,\n  gap = null,\n  className,\n  style,\n  ...props\n}) => {\n  const count = Children.count(children);\n\n  return (\n    <div\n      {...props}\n      className={classes(['pdp-gallery-grid', className])}\n      style={{\n        '--gap': gap ? `var(--spacing-${gap})` : '0px',\n        ...style,\n      }}\n    >\n      {Children.map(\n        children,\n        (child: VNode<HTMLAttributes<HTMLElement>>, key) => (\n          <div key={count + key} className=\"pdp-gallery-grid__item\">\n            <VComponent\n              key={child.props.src}\n              node={child}\n              loading={key === 0 ? 'eager' : 'lazy'}\n            />\n          </div>\n        )\n      )}\n    </div>\n  );\n};\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport {\n  HTMLAttributes,\n  useEffect,\n  useState,\n  useCallback,\n  useMemo,\n} from 'preact/compat';\n\nimport {\n  Container,\n  toLanguageTag,\n  SlotProps,\n  SlotMethod,\n  Slot,\n  ResolveImageUrlOptions,\n} from '@adobe-commerce/elsie/lib';\n\nimport {\n  Button,\n  Icon,\n  ButtonProps,\n  Image,\n  Incrementer,\n  Breadcrumbs,\n} from '@adobe-commerce/elsie/components';\nimport { Product, Swatches, PriceRange, Option } from '@/pdp/components';\nimport { config, fetchProductData } from '@/pdp/api';\nimport { events } from '@adobe-commerce/event-bus';\nimport { Lang, useText } from '@adobe-commerce/elsie/i18n';\nimport { isDateValid, toDateString } from '@/pdp/lib/date';\nimport {\n  setUrlParams,\n  getValidatedQuantityFromUrl,\n} from '@/pdp/lib/url-params';\nimport { publishProductPageViewEvent } from '@/pdp/lib/acdl';\nimport { ProductModel, Option as ProductOption } from '@/pdp/data/models';\nimport { transformProductData } from '@/pdp/data/transforms/product-transform';\n\ntype IconType = keyof typeof import('@adobe-commerce/elsie/icons');\n\n/** @deprecated This type is part of the deprecated ProductDetails component. */\nexport type Values = {\n  sku: string;\n  quantity: number;\n  optionsUIDs?: string[];\n};\n\n/** @deprecated This type is part of the deprecated ProductDetails component. */\ntype DefaultSlotContext = {\n  data: ProductModel | null;\n  values: Values;\n  valid: boolean;\n};\n\n/** @deprecated This type is part of the deprecated ProductDetails component. */\nexport type CarouselConfig = {\n  controls?: {\n    desktop?: 'thumbnailsRow' | 'thumbnailsColumn' | 'dots' | null;\n    mobile?: 'dots' | 'thumbnailsRow' | null;\n  };\n  arrowsOnMainImage?: boolean;\n  loopable?: boolean;\n  peak?: {\n    desktop: boolean;\n    mobile: boolean;\n  };\n  gap?: 'small' | 'medium' | 'large' | null;\n  thumbnailsLoadingMode?: 'lazy' | 'eager';\n  imageParams?: ResolveImageUrlOptions;\n  thumbnailParams?: ResolveImageUrlOptions;\n};\n\n/** @deprecated This type is part of the deprecated ProductDetails component. */\nexport type OptionsConfig = {\n  anchorOptions?: string[];\n};\n\n/** @deprecated This interface is part of the deprecated ProductDetails component. */\nexport interface ProductDetailsProps extends HTMLAttributes<HTMLDivElement> {\n  sku: string;\n  productData?: ProductModel;\n  hideSku?: boolean;\n  hideQuantity?: boolean;\n  hideShortDescription?: boolean;\n  hideDescription?: boolean;\n  hideAttributes?: boolean;\n  hideSelectedOptionValue?: boolean;\n  hideURLParams?: boolean;\n  slots?: {\n    Title?: SlotProps<DefaultSlotContext>;\n\n    SKU?: SlotProps<DefaultSlotContext>;\n\n    RegularPrice?: SlotProps<DefaultSlotContext>;\n\n    SpecialPrice?: SlotProps<DefaultSlotContext>;\n\n    Options?: SlotProps<DefaultSlotContext>;\n\n    Quantity?: SlotProps<DefaultSlotContext>;\n\n    Actions?: SlotProps<\n      DefaultSlotContext & {\n        appendButton: SlotMethod<\n          Omit<ButtonProps, 'icon'> & {\n            text?: string;\n            icon?: IconType;\n          }\n        >;\n      }\n    >;\n\n    ShortDescription?: SlotProps<DefaultSlotContext>;\n\n    Description?: SlotProps<DefaultSlotContext>;\n\n    Attributes?: SlotProps<DefaultSlotContext>;\n\n    Breadcrumbs?: SlotProps<\n      DefaultSlotContext & {\n        setSeparator: SlotMethod<IconType>;\n\n        appendLink: SlotMethod<\n          HTMLAttributes<HTMLAnchorElement> & { text?: string }\n        >;\n\n        appendHTMLElement: SlotMethod<HTMLElement>;\n      }\n    >;\n\n    GalleryContent?: SlotProps<DefaultSlotContext>;\n\n    InfoContent?: SlotProps<DefaultSlotContext>;\n\n    Content?: SlotProps<DefaultSlotContext>;\n  };\n  carousel?: CarouselConfig;\n  optionsConfig?: OptionsConfig;\n  useACDL?: boolean;\n  onAddToCart?: (values: Values) => void;\n  zoomType?: 'zoom' | 'overlay';\n  closeButton?: boolean;\n  disableDropdownPreselection?: boolean;\n}\n\n/**\n * @deprecated This container has been deprecated and will be removed in a future release.\n * Please use the different composable containers to build your product details page.xs\n */\nexport const ProductDetails: Container<\n  ProductDetailsProps,\n  ProductModel | null\n> = ({\n  sku,\n  hideSku,\n  hideQuantity,\n  hideShortDescription,\n  hideDescription,\n  hideAttributes,\n  hideURLParams,\n  hideSelectedOptionValue,\n  slots,\n  children,\n  initialData,\n  carousel,\n  optionsConfig,\n  useACDL,\n  onAddToCart,\n  zoomType,\n  closeButton = true,\n  disableDropdownPreselection,\n  ...props\n}) => {\n  // i18n\n  const AddToCartLabel = useText('PDP.Product.AddToCart.label').label;\n  const IncrementerLabel = useText('PDP.Product.Incrementer.label').label;\n  const DetailsLabel = useText('PDP.Product.Details.label').label;\n  const ChooseOptionLabel = useText('PDP.Swatches.ChooseOption.label').label;\n\n  // TODO: Investigate if the \"|| 'en-US' \" is really necessary\n  const [locale, setLocale] = useState<Lang>(\n    (config.getConfig().defaultLocale as Lang) || 'en-US'\n  );\n\n  const [selectionsToUpdate, setSelectionsToUpdate] = useState<Option[]>();\n\n  const [data = null, setData] = useState(initialData);\n\n  const [values, setValues] = useState<Values>(() => {\n    const initialQuantity = getValidatedQuantityFromUrl(1); // Default quantity to 1\n\n    const defaultValues: Values = {\n      sku,\n      quantity: initialQuantity,\n    };\n\n    if (data?.optionUIDs) {\n      defaultValues.optionsUIDs = data.optionUIDs;\n    }\n    return defaultValues;\n  });\n\n  // the context is invalid for a configurable product that doesn't have all the options selected\n  const [valid, setValid] = useState(() => {\n    return !(\n      data?.options &&\n      data?.options?.length > 0 &&\n      data?.optionUIDs?.length !== data?.options.length\n    );\n  });\n\n  const defaultSlotContext: DefaultSlotContext = { data, values, valid };\n\n  function hasProductViewOptionValueProduct(options: ProductOption[]) {\n    return options?.some(\n      (option) => option?.typename === 'ProductViewOptionValueProduct'\n    );\n  }\n\n  useEffect(() => {\n    const dataEvent = events.on('pdp/data', (payload) => {\n      if (payload) {\n        setData(payload);\n        // Preserve the current quantity value when updating from pdp/data event\n        setValues((prev: Values) => ({\n          ...prev,\n          sku: payload.sku,\n          optionsUIDs: payload.optionUIDs,\n        }));\n      }\n    });\n\n    // @ts-ignore - Type error with event bus events\n    const updateDataEvent = events.on(\n      'pdp/setValues',\n      (payload: Partial<Values>) => {\n        setValues((prev: Values) => ({ ...prev, ...payload }));\n      }\n    );\n\n    return () => {\n      updateDataEvent?.off();\n      dataEvent?.off();\n    };\n  }, []);\n\n  // Locale\n  useEffect(() => {\n    const localeEvent = events.on('locale', (payload: string) => {\n      if (payload === locale) return;\n\n      setLocale(payload as Lang);\n\n      fetchProductData(sku, {\n        preselectFirstOption: !disableDropdownPreselection,\n        anchors: optionsConfig?.anchorOptions,\n      }).then(setData);\n    });\n    return () => {\n      localeEvent?.off();\n    };\n  }, [disableDropdownPreselection, locale, optionsConfig?.anchorOptions, sku]);\n\n  useEffect(() => {\n    if (useACDL && initialData && Object.keys(initialData).length > 0) {\n      publishProductPageViewEvent(initialData);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [initialData]);\n\n  // Callbacks\n  const handleOnValues = useCallback((newValues: Partial<Values>) => {\n    setValues((prev) => ({ ...prev, ...newValues }));\n  }, []);\n\n  useEffect(() => {\n    events.emit('pdp/values', values);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [JSON.stringify(values)]);\n\n  const handleOptionSelected = useCallback(\n    async (selections: { [id: string]: { label: string; value: string } }) => {\n      // options Selected\n      let optionsUIDs = Object.entries(selections)\n        .filter(([_, value]) => value.label !== ChooseOptionLabel) // eslint-disable-line no-unused-vars\n        .map(([id, _]) => selections[id].value) // eslint-disable-line no-unused-vars\n        .filter((element) => element !== undefined);\n\n      // set optionUIDs to URL params\n      // ?optionsUIDs=1,2,3\n      // only set the URL params if the hideURLParams is not set to true and the product is not a bundle type\n      if (\n        !hideURLParams &&\n        data?.options &&\n        !hasProductViewOptionValueProduct(data.options)\n      ) {\n        setUrlParams({ optionsUIDs: optionsUIDs.join(',') });\n      }\n\n      // update state\n      handleOnValues({ optionsUIDs });\n      setValid(optionsUIDs?.length === data?.options?.length);\n\n      // get refined product data and update state\n      const next = await fetchProductData(sku, {\n        anchors: optionsConfig?.anchorOptions,\n        isBundle: data?.isBundle,\n        optionsUIDs,\n        preselectFirstOption: !disableDropdownPreselection,\n      });\n\n      setData(next);\n\n      // special processing for anchor options (options that should not be refined when other options are selected)\n      if (optionsConfig?.anchorOptions?.length) {\n        processUpdates(next, optionsUIDs);\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [sku]\n  );\n\n  const processUpdates = useCallback(\n    (next: ProductModel | null, previousOptionsUIDs: string[]) => {\n      const updatedOptionsUIDs = next?.optionUIDs ?? [];\n      const haveSameValues = previousOptionsUIDs.every((item) =>\n        updatedOptionsUIDs.includes(item)\n      );\n      if (!haveSameValues) {\n        setSelectionsToUpdate(next?.options);\n        handleOnValues({ optionsUIDs: updatedOptionsUIDs });\n        setValid(updatedOptionsUIDs?.length === next?.options?.length);\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [sku]\n  );\n\n  const handleOnErrors = useCallback((_errors: { [id: string]: string }) => {\n    if (Object.keys(_errors).length !== 0) setValid(false);\n  }, []);\n\n  // Product Attributes\n  const attributes = useMemo(() => {\n    return data?.attributes?.map(({ label, value }, key: number) => {\n      const __html = isDateValid(value)\n        ? toDateString(value, locale)\n        : value.toString();\n\n      return (\n        <li key={key}>\n          {/* eslint-disable-next-line react/no-danger */}\n          {label}: <span dangerouslySetInnerHTML={{ __html }} />\n        </li>\n      );\n    });\n  }, [data?.attributes, locale]);\n\n  const quantity =\n    !hideQuantity && data?.inStock ? (\n      <Slot\n        name=\"Quantity\"\n        slot={slots?.Quantity}\n        context={{ ...defaultSlotContext }}\n      >\n        <Incrementer\n          key=\"quantity\"\n          name=\"quantity\"\n          defaultValue={values.quantity.toString()}\n          value={values.quantity.toString()}\n          min={1}\n          aria-label={IncrementerLabel}\n          className=\"pdp-product__quantity\"\n          onValue={(quantity) => {\n            const quantityValue = Number(quantity);\n            handleOnValues({ quantity: quantityValue });\n\n            // Add quantity to URL parameters if not set to hide\n            if (!hideURLParams && data?.options) {\n              // Only update URL if the product is not a bundle type\n              if (!hasProductViewOptionValueProduct(data.options)) {\n                setUrlParams({ quantity: quantityValue });\n              }\n            }\n          }}\n        />\n      </Slot>\n    ) : undefined;\n\n  const renderOptions = () => {\n    if (data?.options) {\n      return (\n        <Slot\n          name=\"Options\"\n          slot={slots?.Options}\n          context={{ ...defaultSlotContext }}\n        >\n          <Swatches\n            selectedUIDs={values.optionsUIDs}\n            options={data.options}\n            defaultOptions={values.optionsUIDs}\n            selectionsToUpdate={selectionsToUpdate}\n            hideSelectedValue={hideSelectedOptionValue}\n            disablePreselections={disableDropdownPreselection}\n            onValues={handleOptionSelected}\n            onErrors={handleOnErrors}\n          />\n        </Slot>\n      );\n    }\n  };\n\n  return (\n    <div {...props}>\n      <Product\n        title={\n          <Slot\n            name=\"Title\"\n            slot={slots?.Title}\n            context={{ ...defaultSlotContext }}\n          >\n            {data?.name}\n          </Slot>\n        }\n        sku={\n          !hideSku ? (\n            <Slot\n              name=\"SKU\"\n              slot={slots?.SKU}\n              context={{ ...defaultSlotContext }}\n            >\n              {data?.sku}\n            </Slot>\n          ) : undefined\n        }\n        options={renderOptions()}\n        breadcrumbs={\n          slots?.Breadcrumbs && (\n            <Slot\n              name=\"Breadcrumbs\"\n              slot={slots?.Breadcrumbs}\n              context={{\n                ...defaultSlotContext,\n\n                setSeparator(callback) {\n                  this._registerMethod((...attrs) => {\n                    const nextSeparator = callback(...attrs);\n\n                    const separator = nextSeparator && (\n                      <Icon source={nextSeparator} />\n                    );\n\n                    this._setProps((prev: any) => {\n                      return {\n                        ...prev,\n                        separator,\n                        children: [\n                          // eslint-disable-next-line react/jsx-key\n                          <Breadcrumbs\n                            separator={separator}\n                            categories={prev.categories}\n                          />,\n                        ],\n                      };\n                    });\n                  });\n                },\n\n                appendLink(callback) {\n                  this._registerMethod((...attrs) => {\n                    const { text, ...p } = callback(...attrs);\n\n                    const link = <a {...p}>{text}</a>;\n\n                    this._setProps((prev: any) => {\n                      const categories = [...(prev.categories || []), link];\n                      return {\n                        ...prev,\n                        categories,\n                        children: [\n                          // eslint-disable-next-line react/jsx-key\n                          <Breadcrumbs\n                            separator={prev.separator}\n                            categories={categories}\n                          />,\n                        ],\n                      };\n                    });\n                  });\n                },\n\n                appendHTMLElement(callback) {\n                  this._registerMethod((...attrs) => {\n                    const domElement = callback(...attrs);\n\n                    const vnode = this._htmlElementToVNode(domElement);\n\n                    this._setProps((prev: any) => {\n                      const categories = [...(prev.categories || []), vnode];\n\n                      return {\n                        ...prev,\n                        categories,\n                        children: [\n                          // eslint-disable-next-line react/jsx-key\n                          <Breadcrumbs\n                            separator={prev.separator}\n                            categories={categories}\n                          />,\n                        ],\n                      };\n                    });\n                  });\n                },\n              }}\n            />\n          )\n        }\n        quantity={quantity}\n        actions={\n          <Slot\n            name=\"Actions\"\n            slot={slots?.Actions}\n            context={{\n              ...defaultSlotContext,\n\n              appendButton(callback) {\n                this._registerMethod((...attrs) => {\n                  const _button = callback(...attrs);\n\n                  if (!_button) return;\n\n                  const { text, icon, ...buttonProps } = _button;\n\n                  const button = (\n                    <Button\n                      type=\"button\"\n                      {...buttonProps}\n                      icon={icon && <Icon source={icon} />}\n                    >\n                      {text}\n                    </Button>\n                  );\n\n                  this._setProps((prev: any) => ({\n                    children: [...(prev.children || []), button],\n                  }));\n                });\n              },\n            }}\n          >\n            {\n              // Default Add to Cart button if no slot is provided\n              !slots?.Actions && (\n                <Button\n                  size=\"medium\"\n                  type=\"submit\"\n                  icon={<Icon source=\"Cart\" />}\n                  disabled={!data?.inStock || !valid}\n                  aria-label={AddToCartLabel}\n                  onClick={() => {\n                    return onAddToCart?.(values);\n                  }}\n                >\n                  {AddToCartLabel}\n                </Button>\n              )\n            }\n          </Slot>\n        }\n        shortDescription={\n          !hideShortDescription ? (\n            <Slot\n              name=\"ShortDescription\"\n              slot={slots?.ShortDescription}\n              context={{ ...defaultSlotContext }}\n            >\n              <div\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{\n                  __html: data?.shortDescription ?? '',\n                }}\n              />\n            </Slot>\n          ) : undefined\n        }\n        description={\n          !hideDescription ? (\n            <Slot\n              name=\"Description\"\n              slot={slots?.Description}\n              context={{ ...defaultSlotContext }}\n            >\n              <div\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{ __html: data?.description ?? '' }}\n              />\n            </Slot>\n          ) : undefined\n        }\n        images={\n          data?.images?.map(({ label, url }) => (\n            <Image\n              key={url}\n              title={label}\n              alt={label}\n              src={url}\n              // TODO: change width/height for image aspect ratio\n              // pending https://jira.corp.adobe.com/browse/DATA-5122\n              width={carousel?.imageParams?.width ?? 960}\n              height={carousel?.imageParams?.height ?? 1191}\n              params={carousel?.imageParams ?? { width: 960 }}\n            />\n          )) ?? []\n        }\n        specialPrice={\n          data?.prices?.visible ? (\n            <Slot\n              name=\"SpecialPrice\"\n              slot={slots?.SpecialPrice}\n              context={{ ...defaultSlotContext }}\n            >\n              <PriceRange\n                {...data.prices.final}\n                locale={toLanguageTag(locale)}\n              />\n            </Slot>\n          ) : undefined\n        }\n        price={\n          data?.prices?.visible &&\n          data.prices.regular &&\n          data.prices.final.amount !== data?.prices.regular.amount ? (\n            <Slot\n              name=\"RegularPrice\"\n              slot={slots?.RegularPrice}\n              context={{ ...defaultSlotContext }}\n            >\n              <PriceRange\n                {...data.prices.regular}\n                locale={toLanguageTag(locale)}\n              />\n            </Slot>\n          ) : undefined\n        }\n        zoomType={zoomType}\n        closeButton={closeButton}\n        carouselConfig={{\n          ...carousel,\n          thumbnails:\n            carousel && Object.keys(carousel).length\n              ? data?.images?.map(({ label, url }) => (\n                  <Image\n                    key={url}\n                    title={label}\n                    alt={label}\n                    src={url}\n                    // TODO: change width/height for image aspect ratio\n                    // pending https://jira.corp.adobe.com/browse/DATA-5122\n                    width={carousel?.thumbnailParams?.width ?? 200}\n                    height={carousel?.thumbnailParams?.height ?? 248}\n                    params={carousel?.thumbnailParams ?? { width: 200 }}\n                  />\n                )) ?? []\n              : [],\n        }}\n        outOfStock={!data?.inStock}\n        attributes={\n          !hideAttributes ? (\n            <Slot\n              name=\"Attributes\"\n              slot={slots?.Attributes}\n              context={{ ...defaultSlotContext }}\n            >\n              {attributes?.length ? (\n                <>\n                  {DetailsLabel}\n                  <ul>{attributes}</ul>\n                </>\n              ) : null}\n            </Slot>\n          ) : undefined\n        }\n        galleryContent={\n          slots?.GalleryContent && (\n            <Slot\n              name=\"GalleryContent\"\n              slot={slots.GalleryContent}\n              context={{ ...defaultSlotContext }}\n            />\n          )\n        }\n        infoContent={\n          slots?.InfoContent && (\n            <Slot\n              name=\"InfoContent\"\n              slot={slots.InfoContent}\n              context={{ ...defaultSlotContext }}\n            />\n          )\n        }\n        productContent={\n          slots?.Content && (\n            <Slot\n              name=\"Content\"\n              slot={slots.Content}\n              context={{ ...defaultSlotContext }}\n            />\n          )\n        }\n      />\n    </div>\n  );\n};\n\n/** @deprecated This method is part of the deprecated ProductDetails component. */\nProductDetails.getInitialData = async function ({\n  sku,\n  disableDropdownPreselection = false,\n  optionsConfig,\n}) {\n  const initialData = config.getConfig().models?.ProductDetails?.initialData;\n\n  return initialData\n    ? transformProductData(initialData)\n    : fetchProductData(sku, {\n        preselectFirstOption: !disableDropdownPreselection,\n        anchors: optionsConfig?.anchorOptions,\n      });\n};\n"],"names":["Product","title","breadcrumbs","galleryContent","infoContent","productContent","sku","outOfStock","shortDescription","description","attributes","images","options","price","specialPrice","className","children","quantity","actions","carouselConfig","zoomType","closeButton","props","RegularPriceLabel","useText","SpecialPriceLabel","OutOfStockLabel","ImagesLabel","zoom","setZoom","useState","galleryImages","image","key","alt","_a","jsx","Zoom","VComponent","localThumbnailsImages","jsxs","classes","_b","Carousel","_c","_d","GalleryGrid","_e","_f","_g","_h","_i","Overlay","gap","style","count","Children","child","ProductDetails","hideSku","hideQuantity","hideShortDescription","hideDescription","hideAttributes","hideURLParams","hideSelectedOptionValue","slots","initialData","carousel","optionsConfig","useACDL","onAddToCart","disableDropdownPreselection","AddToCartLabel","IncrementerLabel","DetailsLabel","ChooseOptionLabel","locale","setLocale","config","selectionsToUpdate","setSelectionsToUpdate","data","setData","values","setValues","initialQuantity","getValidatedQuantityFromUrl","defaultValues","valid","setValid","defaultSlotContext","hasProductViewOptionValueProduct","option","useEffect","dataEvent","events","payload","prev","updateDataEvent","localeEvent","fetchProductData","publishProductPageViewEvent","handleOnValues","useCallback","newValues","handleOptionSelected","selections","optionsUIDs","_","value","id","element","setUrlParams","next","processUpdates","previousOptionsUIDs","updatedOptionsUIDs","item","handleOnErrors","_errors","useMemo","label","__html","isDateValid","toDateString","Slot","Incrementer","quantityValue","renderOptions","Swatches","callback","attrs","nextSeparator","separator","Icon","Breadcrumbs","text","p","link","categories","domElement","vnode","_button","icon","buttonProps","button","Button","url","Image","PriceRange","toLanguageTag","Fragment","transformProductData"],"mappings":"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"}

package/containers/ProductGallery/ProductGallery.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'preact/compat';
-import { Container, ResolveImageUrlOptions, SlotProps } from '../../../@adobe-commerce/elsie/src/lib';
-import { ImageProps } from '../../../@adobe-commerce/elsie/src/components';
+import { Container, ResolveImageUrlOptions, SlotProps } from '@dropins/tools/types/elsie/src/lib';
+import { ImageProps } from '@dropins/tools/types/elsie/src/components';
 import { ProductModel } from '../../data/models/product-model';
 
 type DefaultSlotContext = {

package/containers/ProductGallery.js

@@ -1,3 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
 import{jsx as A,jsxs as z}from"@dropins/tools/preact-jsx-runtime.js";import{useState as O,useEffect as J,useMemo as w}from"@dropins/tools/preact-compat.js";import{Slot as R}from"@dropins/tools/lib.js";import{Image as Z}from"@dropins/tools/components.js";import{events as K}from"@dropins/tools/event-bus.js";import{g as U}from"../chunks/getFetchedProductData.js";import{Z as V,C as j,O as W}from"../chunks/Zoom.js";/* empty css             */import{useText as X}from"@dropins/tools/i18n.js";import"@dropins/tools/preact.js";const Y=({initialData:v=null,controls:G="dots",loop:I=!0,peak:k=!1,gap:H=null,arrows:N=!0,arrowsOnMainImage:Q=!1,zoom:h=!1,imageParams:t,thumbnailParams:o,children:$,slots:l,...F})=>{var x,y,T,_,S,D;const c=X("PDP.Product.Image.label").label,[e,q]=O(v),[f,C]=O(null);J(()=>{const n=K.on("pdp/data",q);return()=>{n==null||n.off()}},[]);const g=w(()=>({data:e}),[e]),B=w(()=>{var n;return((n=e==null?void 0:e.images)==null?void 0:n.map(({label:p,url:r},i)=>{const d=({...u})=>{var M;const E={title:p,src:r,alt:c==null?void 0:c.replace("{product}",p).replace("{key}",String(i+1)).replace("{total}",String((M=e==null?void 0:e.images)==null?void 0:M.length)),width:(t==null?void 0:t.width)??960,height:(t==null?void 0:t.height)??1191,params:t??{width:960},loading:i===0?"eager":"lazy",...u};return A(R,{name:"CarouselMainImage",slot:l==null?void 0:l.CarouselMainImage,context:{...g,defaultImageProps:E},children:A(Z,{...E})})};return h?A(V,{closeButton:typeof h=="object"?h.closeButton:!1,children:A(d,{})},r):A(d,{onClick:()=>C(i)},r)}))??A("img",{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",className:"pdp-product-gallery__images__placeholder",width:(t==null?void 0:t.width)??960,height:(t==null?void 0:t.height)??1191,"aria-hidden":!0},"pleaceholder")},[c,e==null?void 0:e.images,t,h,g,l==null?void 0:l.CarouselMainImage]),s=w(()=>{var n;return((n=e==null?void 0:e.images)==null?void 0:n.map(({label:p,url:r},i)=>{var u;const d={title:p,src:r,alt:c==null?void 0:c.replace("{product}",p).replace("{key}",String(i+1)).replace("{total}",String((u=e==null?void 0:e.images)==null?void 0:u.length)),width:(o==null?void 0:o.width)??200,height:(o==null?void 0:o.height)??248,params:o??{width:200},loading:"lazy"};return A(R,{name:"CarouselThumbnail",slotTag:"span",contentTag:"span",slot:l==null?void 0:l.CarouselThumbnail,context:{...g,defaultImageProps:d},children:A(Z,{...d})},r)}))??A("img",{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",className:"pdp-product-gallery__thumbnail__placeholder",width:(o==null?void 0:o.width)??200,height:(o==null?void 0:o.height)??248,"aria-hidden":!0},"pleaceholder")},[c,e==null?void 0:e.images,o,g,l==null?void 0:l.CarouselThumbnail]);return e?z("div",{...F,children:[A(j,{arrows:!!((x=e==null?void 0:e.images)!=null&&x.length)&&N,arrowsOnMainImage:Q,controls:(y=e==null?void 0:e.images)!=null&&y.length?G:void 0,loop:I&&!!((T=e.images)!=null&&T.length),peak:!!((_=e==null?void 0:e.images)!=null&&_.length)&&k,gap:H,defaultIndex:f||0,thumbnails:s,children:B}),f===null?null:A(W,{onClose:()=>C(null),centered:!0,children:A(j,{arrows:!!((S=e==null?void 0:e.images)!=null&&S.length),width:"100%",height:"100%",defaultIndex:f,loop:I&&!!((D=e.images)!=null&&D.length),controls:"dots",isZoomed:!0,children:B})})]}):null};Y.getInitialData=U;export{Y as ProductGallery,Y as default};
+//# sourceMappingURL=ProductGallery.js.map

package/containers/ProductGallery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductGallery.js","sources":["/@dropins/storefront-pdp/src/containers/ProductGallery/ProductGallery.tsx"],"sourcesContent":["import { HTMLAttributes, useEffect, useMemo, useState } from 'preact/compat';\nimport {\n  Container,\n  ResolveImageUrlOptions,\n  Slot,\n  SlotProps,\n} from '@adobe-commerce/elsie/lib';\n\nimport { Image, ImageProps } from '@adobe-commerce/elsie/components';\nimport { events } from '@adobe-commerce/event-bus';\nimport { ProductModel } from '@/pdp/data/models/product-model';\nimport { getFetchedProductData } from '@/pdp/api';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { Carousel, Overlay, Zoom } from '@/pdp/components';\n\ntype DefaultSlotContext = {\n  data: ProductModel | null;\n};\n\nexport interface ProductGalleryProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'controls'> {\n  controls?: 'thumbnailsRow' | 'thumbnailsColumn' | 'dots' | null;\n  loop?: boolean;\n  peak?: boolean;\n  gap?: 'small' | 'medium' | 'large' | null;\n  arrows?: boolean;\n  arrowsOnMainImage?: boolean;\n  imageParams?: ResolveImageUrlOptions;\n  thumbnailParams?: ResolveImageUrlOptions;\n  zoom?: { closeButton: boolean } | boolean;\n  slots?: {\n    CarouselThumbnail?: SlotProps<\n      DefaultSlotContext & { defaultImageProps: ImageProps }\n    >;\n    CarouselMainImage?: SlotProps<\n      DefaultSlotContext & { defaultImageProps: ImageProps }\n    >;\n  };\n}\n\nexport const ProductGallery: Container<\n  ProductGalleryProps,\n  ProductModel | null\n> = ({\n  initialData = null,\n  controls = 'dots',\n  loop = true,\n  peak = false,\n  gap = null,\n  arrows = true,\n  arrowsOnMainImage = false,\n  zoom = false,\n  imageParams,\n  thumbnailParams,\n  children,\n  slots,\n  ...props\n}) => {\n  const ImagesLabel = useText('PDP.Product.Image.label').label;\n\n  const [data, setData] = useState<ProductModel | null>(initialData);\n\n  const [zoomTo, setZoomTo] = useState<number | null>(null);\n\n  useEffect(() => {\n    const dataEvent = events.on('pdp/data', setData);\n    return () => {\n      dataEvent?.off();\n    };\n  }, []);\n\n  const defaultSlotContext: DefaultSlotContext = useMemo(\n    () => ({ data }),\n    [data]\n  );\n\n  const images = useMemo(\n    () =>\n      data?.images?.map(({ label, url }, key) => {\n        const Item = ({ ...itemProps }) => {\n          const defaultProps = {\n            title: label,\n            src: url,\n            alt: ImagesLabel?.replace('{product}', label)\n              .replace('{key}', String(key + 1))\n              .replace('{total}', String(data?.images?.length)),\n\n            // TODO: change width/height for image aspect ratio\n            // pending https://jira.corp.adobe.com/browse/DATA-5122\n            width: imageParams?.width ?? 960,\n            height: imageParams?.height ?? 1191,\n            params: imageParams ?? { width: 960 },\n            loading: key === 0 ? 'eager' : 'lazy',\n            ...itemProps,\n          } as const;\n\n          return (\n            <Slot\n              name=\"CarouselMainImage\"\n              slot={slots?.CarouselMainImage}\n              context={{\n                ...defaultSlotContext,\n                defaultImageProps: defaultProps,\n              }}\n            >\n              <Image {...defaultProps} />\n            </Slot>\n          );\n        };\n\n        return zoom ? (\n          <Zoom\n            key={url}\n            closeButton={typeof zoom === 'object' ? zoom.closeButton : false}\n          >\n            <Item />\n          </Zoom>\n        ) : (\n          <Item key={url} onClick={() => setZoomTo(key)} />\n        );\n      }) ?? (\n        <img\n          key=\"pleaceholder\"\n          src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\n          className=\"pdp-product-gallery__images__placeholder\"\n          width={imageParams?.width ?? 960}\n          height={imageParams?.height ?? 1191}\n          aria-hidden\n        />\n      ),\n    [\n      ImagesLabel,\n      data?.images,\n      imageParams,\n      zoom,\n      defaultSlotContext,\n      slots?.CarouselMainImage,\n    ]\n  );\n\n  const thumbnails = useMemo(() => {\n    return (\n      data?.images?.map(({ label, url }, key) => {\n        const defaultProps = {\n          title: label,\n          src: url,\n          alt: ImagesLabel?.replace('{product}', label)\n            .replace('{key}', String(key + 1))\n            .replace('{total}', String(data?.images?.length)),\n\n          // TODO: change width/height for image aspect ratio\n          // pending https://jira.corp.adobe.com/browse/DATA-5122\n          width: thumbnailParams?.width ?? 200,\n          height: thumbnailParams?.height ?? 248,\n          params: thumbnailParams ?? { width: 200 },\n          loading: 'lazy',\n        } as const;\n\n        return (\n          <Slot\n            key={url}\n            name=\"CarouselThumbnail\"\n            slotTag=\"span\"\n            contentTag=\"span\"\n            slot={slots?.CarouselThumbnail}\n            context={{\n              ...defaultSlotContext,\n              defaultImageProps: defaultProps,\n            }}\n          >\n            <Image {...defaultProps} />\n          </Slot>\n        );\n      }) ?? (\n        <img\n          key=\"pleaceholder\"\n          src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\n          className=\"pdp-product-gallery__thumbnail__placeholder\"\n          width={thumbnailParams?.width ?? 200}\n          height={thumbnailParams?.height ?? 248}\n          aria-hidden\n        />\n      )\n    );\n  }, [\n    ImagesLabel,\n    data?.images,\n    thumbnailParams,\n    defaultSlotContext,\n    slots?.CarouselThumbnail,\n  ]);\n\n  if (!data) return null;\n\n  return (\n    <div {...props}>\n      {/* Carousel */}\n      <Carousel\n        arrows={!!data?.images?.length && arrows}\n        arrowsOnMainImage={arrowsOnMainImage}\n        controls={data?.images?.length ? controls : undefined}\n        loop={loop && !!data.images?.length}\n        peak={!!data?.images?.length && peak}\n        gap={gap}\n        defaultIndex={zoomTo || 0}\n        thumbnails={thumbnails}\n      >\n        {images}\n      </Carousel>\n\n      {/* Zoom Overlay */}\n      {zoomTo === null ? null : (\n        <Overlay onClose={() => setZoomTo(null)} centered>\n          <Carousel\n            arrows={!!data?.images?.length}\n            width=\"100%\"\n            height=\"100%\"\n            defaultIndex={zoomTo}\n            loop={loop && !!data.images?.length}\n            controls=\"dots\"\n            isZoomed\n          >\n            {images}\n          </Carousel>\n        </Overlay>\n      )}\n    </div>\n  );\n};\n\nProductGallery.getInitialData = getFetchedProductData;\n"],"names":["ProductGallery","initialData","controls","loop","peak","gap","arrows","arrowsOnMainImage","zoom","imageParams","thumbnailParams","children","slots","props","ImagesLabel","useText","data","setData","useState","zoomTo","setZoomTo","useEffect","dataEvent","events","defaultSlotContext","useMemo","images","_a","label","url","key","Item","itemProps","defaultProps","jsx","Slot","Image","Zoom","thumbnails","jsxs","Carousel","_b","_c","_d","Overlay","_e","_f","getFetchedProductData"],"mappings":"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"}

package/containers/ProductHeader/ProductHeader.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'preact/compat';
-import { Container } from '../../../@adobe-commerce/elsie/src/lib';
+import { Container } from '@dropins/tools/types/elsie/src/lib';
 import { ProductModel } from '../../data/models';
 
 export interface ProductHeaderProps extends HTMLAttributes<HTMLDivElement> {

package/containers/ProductHeader.js

@@ -1,3 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
 import{jsxs as c,jsx as e,Fragment as i}from"@dropins/tools/preact-jsx-runtime.js";import{useState as m,useEffect as p}from"@dropins/tools/preact-compat.js";import{classes as u,VComponent as l}from"@dropins/tools/lib.js";import"@dropins/tools/components.js";/* empty css             */import"@dropins/tools/preact.js";import{events as f}from"@dropins/tools/event-bus.js";import{g as h}from"../chunks/getFetchedProductData.js";const g=({className:r,title:a,sku:n,hideSku:s=!1,children:t,...d})=>c("div",{...d,className:u(["pdp-header",r]),children:[e("div",{className:"pdp-header__title",children:e(l,{node:a})}),!s&&e("div",{className:"pdp-header__sku",children:e(l,{node:n})})]}),_=({initialData:r=null,hideSku:a=!1,children:n,...s})=>{const[t,d]=m(r);return p(()=>{const o=f.on("pdp/data",d);return()=>{o==null||o.off()}},[]),t?e(g,{...s,title:e(i,{children:t.name}),sku:e(i,{children:t.sku}),hideSku:a}):null};_.getInitialData=h;export{_ as ProductHeader,_ as default};
+//# sourceMappingURL=ProductHeader.js.map

package/containers/ProductHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductHeader.js","sources":["/@dropins/storefront-pdp/src/components/Header/Header.tsx","/@dropins/storefront-pdp/src/containers/ProductHeader/ProductHeader.tsx"],"sourcesContent":["/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2024 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport '@/pdp/components/Header/Header.css';\n\nexport interface HeaderProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  title: VNode;\n  sku: VNode;\n  hideSku?: boolean;\n}\n\nexport const Header: FunctionComponent<HeaderProps> = ({\n  className,\n  title,\n  sku,\n  hideSku = false,\n  children,\n  ...props\n}) => {\n  return (\n    <div {...props} className={classes(['pdp-header', className])}>\n      <div className=\"pdp-header__title\">\n        <VComponent node={title} />\n      </div>\n      {!hideSku && (\n        <div className=\"pdp-header__sku\">\n          <VComponent node={sku} />\n        </div>\n      )}\n    </div>\n  );\n};\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2024 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { HTMLAttributes, useEffect, useState } from 'preact/compat';\nimport { Container } from '@adobe-commerce/elsie/lib';\nimport { Header } from '@/pdp/components';\nimport { events } from '@adobe-commerce/event-bus';\nimport { ProductModel } from '@/pdp/data/models';\nimport { getFetchedProductData } from '@/pdp/api';\n\nexport interface ProductHeaderProps extends HTMLAttributes<HTMLDivElement> {\n  hideSku?: boolean;\n}\n\nexport const ProductHeader: Container<\n  ProductHeaderProps,\n  ProductModel | null\n> = ({ initialData = null, hideSku = false, children, ...props }) => {\n  const [data, setData] = useState<ProductModel | null>(initialData);\n\n  useEffect(() => {\n    const dataEvent = events.on('pdp/data', setData);\n\n    return () => {\n      dataEvent?.off();\n    };\n  }, []);\n\n  if (!data) return null;\n\n  return (\n    <Header\n      {...props}\n      title={<>{data.name}</>}\n      sku={<>{data.sku}</>}\n      hideSku={hideSku}\n    />\n  );\n};\n\nProductHeader.getInitialData = getFetchedProductData;\n"],"names":["Header","className","title","sku","hideSku","children","props","jsxs","classes","jsx","VComponent","ProductHeader","initialData","data","setData","useState","useEffect","dataEvent","events","Fragment","getFetchedProductData"],"mappings":"0aA4BO,MAAMA,EAAyC,CAAC,CACrD,UAAAC,EACA,MAAAC,EACA,IAAAC,EACA,QAAAC,EAAU,GACV,SAAAC,EACA,GAAGC,CACL,IAEIC,EAAC,MAAK,CAAA,GAAGD,EAAO,UAAWE,EAAQ,CAAC,aAAcP,CAAS,CAAC,EAC1D,SAAA,CAAAQ,EAAC,OAAI,UAAU,oBACb,WAACC,EAAW,CAAA,KAAMR,EAAO,CAC3B,CAAA,EACC,CAACE,GACAK,EAAC,MAAI,CAAA,UAAU,kBACb,SAACA,EAAAC,EAAA,CAAW,KAAMP,CAAK,CAAA,CACzB,CAAA,CAAA,EAEJ,ECnBSQ,EAGT,CAAC,CAAE,YAAAC,EAAc,KAAM,QAAAR,EAAU,GAAO,SAAAC,EAAU,GAAGC,KAAY,CACnE,KAAM,CAACO,EAAMC,CAAO,EAAIC,EAA8BH,CAAW,EAU7D,OARJI,EAAU,IAAM,CACd,MAAMC,EAAYC,EAAO,GAAG,WAAYJ,CAAO,EAE/C,MAAO,IAAM,CACXG,GAAA,MAAAA,EAAW,KACb,CACF,EAAG,EAAE,EAEAJ,EAGHJ,EAACT,EAAA,CACE,GAAGM,EACJ,MAAUG,EAAAU,EAAA,CAAA,SAAAN,EAAK,KAAK,EACpB,IAAQJ,EAAAU,EAAA,CAAA,SAAAN,EAAK,IAAI,EACjB,QAAAT,CAAA,CACF,EARgB,IAUpB,EAEAO,EAAc,eAAiBS"}

package/containers/ProductOptions/ProductOptions.d.ts

@@ -1,7 +1,7 @@
 import { HTMLAttributes } from 'preact/compat';
-import { Container, SlotProps } from '../../../@adobe-commerce/elsie/src/lib';
+import { Container, SlotProps } from '@dropins/tools/types/elsie/src/lib';
 import { ProductModel } from '../../data/models';
-import { ImageNodeRenderProps, ImageProps } from '../../../@adobe-commerce/elsie/src/components';
+import { ImageNodeRenderProps, ImageProps } from '@dropins/tools/types/elsie/src/components';
 
 export interface ProductOptionsProps extends HTMLAttributes<HTMLDivElement> {
     hideSelectedValue?: boolean;

package/containers/ProductOptions.js

@@ -1,3 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
 import{jsx as g}from"@dropins/tools/preact-jsx-runtime.js";import{useState as d,useEffect as q,useCallback as k}from"@dropins/tools/preact-compat.js";import{Slot as j}from"@dropins/tools/lib.js";import{events as h}from"@dropins/tools/event-bus.js";import"@dropins/tools/components.js";/* empty css             */import{S as z}from"../chunks/Swatches.js";import"@dropins/tools/preact.js";import{c as C,o as A,k as y,j as v,h as G,l as b,p as H}from"../chunks/isProductConfigurationValid.js";import{g as J}from"../chunks/getFetchedProductData.js";import"@dropins/tools/i18n.js";import"../fragments.js";import"@dropins/tools/fetch-graphql.js";const K=({initialData:r={data:null,optionsUIDs:[]},hideSelectedValue:l=!1,slots:o,onValues:p,onErrors:f,children:Q,...O})=>{var S;const[t,B]=d(r.data),[u,T]=d(r.optionsUIDs),[F,M]=d();q(()=>{const i=h.on("pdp/data",B),s=h.on("pdp/values",({optionsUIDs:a})=>{a&&T(a)});return()=>{i==null||i.off(),s==null||s.off()}},[]);const L=k(async i=>{var I,P,U,w;if(!(t!=null&&t.sku))return;const{persistURLParams:s,anchors:a,acdl:R}=C.getConfig()??{};let n=Object.keys(i).map(e=>i[e].value).filter(e=>e!==void 0);if(s&&!(t!=null&&t.isBundle)&&A({optionsUIDs:n.join(",")}),((P=(I=y())==null?void 0:I.optionsUIDs)==null?void 0:P.join("|"))!==(n==null?void 0:n.join("|"))){v(c=>({...c,optionsUIDs:n})),p==null||p(n);const e=await G(t.sku,{optionsUIDs:n??[],isBundle:t==null?void 0:t.isBundle,anchors:a});h.emit("pdp/data",e);let D=(n==null?void 0:n.length)===((U=e==null?void 0:e.options)==null?void 0:U.length);if(a!=null&&a.length){const c=(e==null?void 0:e.optionUIDs)??[];n.every(m=>c.includes(m))||(M(e==null?void 0:e.options),v(m=>({...m,optionsUIDs:c})),D=(c==null?void 0:c.length)===((w=e==null?void 0:e.options)==null?void 0:w.length))}b(()=>D),R&&e&&(e==null?void 0:e.variantSku)!==t.sku&&H(e)}},[t==null?void 0:t.isBundle,t==null?void 0:t.sku,p]),N=k(i=>{Object.keys(i).length!==0&&(b(()=>!1),f==null||f(i))},[f]);return!t||!t.options?null:g(j,{name:"Swatches",slot:o==null?void 0:o.Swatches,context:{data:t,optionsUIDs:u},children:g(z,{...O,options:t.options,selectedUIDs:u,defaultOptions:u,selectionsToUpdate:F,hideSelectedValue:l,disablePreselections:!((S=C.getConfig())!=null&&S.preselectFirstOption),onValues:L,onErrors:N,imageSwatchNode:o!=null&&o.SwatchImage?({imageSwatchContext:i,...s})=>g(j,{name:"SwatchImage",slot:o==null?void 0:o.SwatchImage,slotTag:"span",contentTag:"span",context:{data:t,optionsUIDs:u,defaultImageProps:s,imageSwatchContext:i}}):void 0})})};K.getInitialData=async function(){var o;const r=await J(),l=((o=y())==null?void 0:o.optionsUIDs)??[];return{data:r,optionsUIDs:l}};export{K as ProductOptions,K as default};
+//# sourceMappingURL=ProductOptions.js.map

package/containers/ProductOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductOptions.js","sources":["/@dropins/storefront-pdp/src/containers/ProductOptions/ProductOptions.tsx"],"sourcesContent":["/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2024 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport {\n  HTMLAttributes,\n  useCallback,\n  useEffect,\n  useState,\n} from 'preact/compat';\nimport { Container, Slot, SlotProps } from '@adobe-commerce/elsie/lib';\nimport { ProductModel } from '@/pdp/data/models';\nimport { events } from '@adobe-commerce/event-bus';\nimport { Swatches } from '@/pdp/components';\nimport {\n  setProductConfigurationValues,\n  getProductConfigurationValues,\n  setProductConfigurationValid,\n  fetchProductData,\n  getFetchedProductData,\n  config,\n} from '@/pdp/api';\nimport { setUrlParams } from '@/pdp/lib/url-params';\nimport { publishProductPageViewEvent } from '@/pdp/lib/acdl';\nimport {\n  ImageNodeRenderProps,\n  ImageProps,\n} from '@adobe-commerce/elsie/components';\n\nexport interface ProductOptionsProps extends HTMLAttributes<HTMLDivElement> {\n  hideSelectedValue?: boolean;\n  onValues?: (optionsUIDs: string[]) => void;\n  onErrors?: (errors: { [id: string]: string }) => void;\n  slots?: {\n    Swatches?: SlotProps<{ data: ProductModel | null; optionsUIDs: string[] }>;\n    SwatchImage?: SlotProps<{\n      data: ProductModel | null;\n      optionsUIDs: string[];\n      imageSwatchContext: ImageNodeRenderProps['imageSwatchContext'];\n      defaultImageProps: ImageProps;\n    }>;\n  };\n}\n\nexport const ProductOptions: Container<\n  ProductOptionsProps,\n  { data: ProductModel | null; optionsUIDs: string[] }\n> = ({\n  initialData = { data: null, optionsUIDs: [] },\n  hideSelectedValue = false,\n  slots,\n  onValues,\n  onErrors,\n  children,\n  ...props\n}) => {\n  const [data, setData] = useState<ProductModel | null>(initialData.data);\n\n  const [current, setCurrent] = useState<string[]>(initialData.optionsUIDs);\n\n  const [selectionsToUpdate, setSelectionsToUpdate] =\n    useState<ProductModel['options']>();\n\n  useEffect(() => {\n    const dataEvent = events.on('pdp/data', setData);\n\n    const valuesEvent = events.on('pdp/values', ({ optionsUIDs }) => {\n      if (optionsUIDs) {\n        setCurrent(optionsUIDs);\n      }\n    });\n\n    return () => {\n      dataEvent?.off();\n      valuesEvent?.off();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const handleOptionSelected = useCallback(\n    async (selections: { [id: string]: { label: string; value: string } }) => {\n      if (!data?.sku) return;\n\n      const { persistURLParams, anchors, acdl } = config.getConfig() ?? {};\n\n      // options selected\n      let optionsUIDs = Object.keys(selections)\n        .map((id) => selections[id].value)\n        .filter((element) => element !== undefined);\n\n      // set optionUIDs to URL params\n      // ?optionsUIDs=1,2,3\n      // only set the URL params if the \"persistURLParams\" is set to true and the product is not a bundle type\n      if (persistURLParams && !data?.isBundle) {\n        setUrlParams({ optionsUIDs: optionsUIDs.join(',') });\n      }\n\n      // check if the options have changed\n      if (\n        getProductConfigurationValues()?.optionsUIDs?.join('|') !==\n        optionsUIDs?.join('|')\n      ) {\n        // update values\n        setProductConfigurationValues((prev) => ({ ...prev, optionsUIDs }));\n\n        // pass the selected options to callback\n        onValues?.(optionsUIDs);\n\n        // refetch data\n        const next = await fetchProductData(data.sku, {\n          optionsUIDs: optionsUIDs ?? [],\n          isBundle: data?.isBundle,\n          anchors,\n        });\n\n        // emit the new data\n        events.emit('pdp/data', next);\n\n        let valid = optionsUIDs?.length === next?.options?.length;\n\n        // special processing for anchor options (options that should not be refined when other options are selected)\n        if (anchors?.length) {\n          const updatedOptionsUIDs = next?.optionUIDs ?? [];\n\n          const isMatching = optionsUIDs.every((item) =>\n            updatedOptionsUIDs.includes(item)\n          );\n\n          if (!isMatching) {\n            setSelectionsToUpdate(next?.options);\n            setProductConfigurationValues((prev) => ({\n              ...prev,\n              optionsUIDs: updatedOptionsUIDs,\n            }));\n\n            valid = updatedOptionsUIDs?.length === next?.options?.length;\n          }\n        }\n\n        // is the product valid\n        setProductConfigurationValid(() => valid);\n\n        // ACDL\n        if (acdl && next && next?.variantSku !== data.sku) {\n          publishProductPageViewEvent(next);\n        }\n      }\n    },\n    [data?.isBundle, data?.sku, onValues]\n  );\n\n  const handleErrors = useCallback(\n    (errors: { [id: string]: string }) => {\n      const hasErrors = Object.keys(errors).length !== 0;\n\n      if (hasErrors) {\n        setProductConfigurationValid(() => false);\n        onErrors?.(errors);\n      }\n    },\n    [onErrors]\n  );\n\n  if (!data) return null;\n\n  // Only show if there are options in the data\n  if (!data.options) return null;\n\n  return (\n    <Slot\n      name=\"Swatches\"\n      slot={slots?.Swatches}\n      context={{ data, optionsUIDs: current }}\n    >\n      <Swatches\n        {...props}\n        options={data.options}\n        selectedUIDs={current}\n        defaultOptions={current}\n        selectionsToUpdate={selectionsToUpdate}\n        hideSelectedValue={hideSelectedValue}\n        disablePreselections={!config.getConfig()?.preselectFirstOption}\n        onValues={handleOptionSelected}\n        onErrors={handleErrors}\n        imageSwatchNode={\n          slots?.SwatchImage\n            ? ({ imageSwatchContext, ...imageProps }) => (\n                <Slot\n                  name=\"SwatchImage\"\n                  slot={slots?.SwatchImage}\n                  slotTag=\"span\"\n                  contentTag=\"span\"\n                  context={{\n                    data,\n                    optionsUIDs: current,\n                    defaultImageProps: imageProps,\n                    imageSwatchContext,\n                  }}\n                />\n              )\n            : undefined\n        }\n      />\n    </Slot>\n  );\n};\n\nProductOptions.getInitialData = async function () {\n  const data = await getFetchedProductData();\n  const optionsUIDs = getProductConfigurationValues()?.optionsUIDs ?? [];\n  return { data, optionsUIDs };\n};\n"],"names":["ProductOptions","initialData","hideSelectedValue","slots","onValues","onErrors","children","props","data","setData","useState","current","setCurrent","selectionsToUpdate","setSelectionsToUpdate","useEffect","dataEvent","events","valuesEvent","optionsUIDs","handleOptionSelected","useCallback","selections","persistURLParams","anchors","acdl","config","id","element","setUrlParams","_b","_a","getProductConfigurationValues","setProductConfigurationValues","prev","next","fetchProductData","valid","_c","updatedOptionsUIDs","item","_d","setProductConfigurationValid","publishProductPageViewEvent","handleErrors","errors","jsx","Slot","Swatches","imageSwatchContext","imageProps","getFetchedProductData"],"mappings":"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"}

package/containers/ProductPrice/ProductPrice.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'preact/compat';
-import { Container } from '../../../@adobe-commerce/elsie/src/lib';
+import { Container } from '@dropins/tools/types/elsie/src/lib';
 import { ProductModel } from '../../data/models';
 
 export interface ProductPriceProps extends HTMLAttributes<HTMLDivElement> {

package/containers/ProductPrice.js

@@ -1,3 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
 import{jsxs as D,jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import{useState as d,useEffect as L}from"@dropins/tools/preact-compat.js";import{classes as s,VComponent as f,toLanguageTag as g}from"@dropins/tools/lib.js";import"@dropins/tools/components.js";/* empty css             */import{P}from"../chunks/PriceRange.js";import"@dropins/tools/preact.js";import{useText as b}from"@dropins/tools/i18n.js";import{events as _}from"@dropins/tools/event-bus.js";import{g as h}from"../chunks/getFetchedProductData.js";import{c as v}from"../chunks/isProductConfigurationValid.js";import"../fragments.js";import"@dropins/tools/fetch-graphql.js";const S=({className:t,price:i,specialPrice:a,children:n,...e})=>{const c=b("PDP.Product.RegularPrice.label").label,o=b("PDP.Product.SpecialPrice.label").label;return D("div",{...e,className:s(["pdp-price",t]),children:[a&&r(f,{node:a,className:s(["pdp-price__amount-special","pdp-price__amount"]),"aria-label":o,role:"text"}),i&&r(f,{node:i,className:s(["pdp-price__amount-regular","pdp-price__amount--grey"]),"aria-label":c,role:"text"})]})},N=({initialData:t=null,children:i,...a})=>{var m,u;const{defaultLocale:n="en-US"}=v.getConfig(),[e,c]=d(t),[o,x]=d(n);return L(()=>{const l=_.on("pdp/data",c),p=_.on("locale",x);return()=>{l==null||l.off(),p==null||p.off()}},[]),e?r(S,{...a,specialPrice:(m=e.prices)!=null&&m.visible?r(P,{...e.prices.final,locale:g(o)}):void 0,price:(u=e.prices)!=null&&u.visible&&e.prices.regular&&e.prices.final.amount!==e.prices.regular.amount?r(P,{...e.prices.regular,locale:g(o)}):void 0}):null};N.getInitialData=h;export{N as ProductPrice,N as default};
+//# sourceMappingURL=ProductPrice.js.map

package/containers/ProductPrice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductPrice.js","sources":["/@dropins/storefront-pdp/src/components/Price/Price.tsx","/@dropins/storefront-pdp/src/containers/ProductPrice/ProductPrice.tsx"],"sourcesContent":["/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2024 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */import { FunctionComponent, VNode } from 'preact';\n\n \nimport { HTMLAttributes } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport '@/pdp/components/Price/Price.css';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nexport interface PriceProps extends HTMLAttributes<HTMLDivElement> {\n  price?: VNode;\n  specialPrice?: VNode;\n}\n\nexport const Price: FunctionComponent<PriceProps> = ({\n  className,\n  price,\n  specialPrice,\n  children,\n  ...props\n}) => {\n  const RegularPriceLabel = useText('PDP.Product.RegularPrice.label').label;\n  const SpecialPriceLabel = useText('PDP.Product.SpecialPrice.label').label;\n\n  return (\n    <div {...props} className={classes(['pdp-price', className])}>\n      {specialPrice && (\n        <VComponent\n          node={specialPrice}\n          className={classes([\n            'pdp-price__amount-special',\n            'pdp-price__amount',\n          ])}\n          aria-label={SpecialPriceLabel}\n          role=\"text\"\n        />\n      )}\n      {price && (\n        <VComponent\n          node={price}\n          className={classes([\n            'pdp-price__amount-regular',\n            'pdp-price__amount--grey',\n          ])}\n          aria-label={RegularPriceLabel}\n          role=\"text\"\n        />\n      )}\n    </div>\n  );\n};\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2024 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { HTMLAttributes, useEffect, useState } from 'preact/compat';\nimport { Container, toLanguageTag } from '@adobe-commerce/elsie/lib';\nimport { Price, PriceRange } from '@/pdp/components';\nimport { events } from '@adobe-commerce/event-bus';\nimport { ProductModel } from '@/pdp/data/models';\nimport { config, getFetchedProductData } from '@/pdp/api';\n\nexport interface ProductPriceProps extends HTMLAttributes<HTMLDivElement> {}\n\nexport const ProductPrice: Container<\n  ProductPriceProps,\n  ProductModel | null\n> = ({ initialData = null, children, ...props }) => {\n  const { defaultLocale = 'en-US' } = config.getConfig();\n\n  const [data, setData] = useState<ProductModel | null>(initialData);\n\n  const [locale, setLocale] = useState<string>(defaultLocale);\n\n  useEffect(() => {\n    const dataEvent = events.on('pdp/data', setData);\n    const localeEvent = events.on('locale', setLocale);\n\n    return () => {\n      dataEvent?.off();\n      localeEvent?.off();\n    };\n  }, []);\n\n  if (!data) return null;\n\n  return (\n    <Price\n      {...props}\n      specialPrice={\n        data.prices?.visible ? (\n          <PriceRange {...data.prices.final} locale={toLanguageTag(locale)} />\n        ) : undefined\n      }\n      price={\n        data.prices?.visible &&\n        data.prices.regular &&\n        data.prices.final.amount !== data.prices.regular.amount ? (\n          <PriceRange {...data.prices.regular} locale={toLanguageTag(locale)} />\n        ) : undefined\n      }\n    />\n  );\n};\n\nProductPrice.getInitialData = getFetchedProductData;\n"],"names":["Price","className","price","specialPrice","children","props","RegularPriceLabel","useText","SpecialPriceLabel","jsxs","classes","jsx","VComponent","ProductPrice","initialData","defaultLocale","config","data","setData","useState","locale","setLocale","useEffect","dataEvent","events","localeEvent","_a","PriceRange","toLanguageTag","_b","getFetchedProductData"],"mappings":"ooBA2BO,MAAMA,EAAuC,CAAC,CACnD,UAAAC,EACA,MAAAC,EACA,aAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAM,CACE,MAAAC,EAAoBC,EAAQ,gCAAgC,EAAE,MAC9DC,EAAoBD,EAAQ,gCAAgC,EAAE,MAGlE,OAAAE,EAAC,MAAK,CAAA,GAAGJ,EAAO,UAAWK,EAAQ,CAAC,YAAaT,CAAS,CAAC,EACxD,SAAA,CACCE,GAAAQ,EAACC,EAAA,CACC,KAAMT,EACN,UAAWO,EAAQ,CACjB,4BACA,mBAAA,CACD,EACD,aAAYF,EACZ,KAAK,MAAA,CACP,EAEDN,GACCS,EAACC,EAAA,CACC,KAAMV,EACN,UAAWQ,EAAQ,CACjB,4BACA,yBAAA,CACD,EACD,aAAYJ,EACZ,KAAK,MAAA,CAAA,CACP,EAEJ,CAEJ,ECtCaO,EAGT,CAAC,CAAE,YAAAC,EAAc,KAAM,SAAAV,EAAU,GAAGC,KAAY,SAClD,KAAM,CAAE,cAAAU,EAAgB,SAAYC,EAAO,UAAU,EAE/C,CAACC,EAAMC,CAAO,EAAIC,EAA8BL,CAAW,EAE3D,CAACM,EAAQC,CAAS,EAAIF,EAAiBJ,CAAa,EAYtD,OAVJO,EAAU,IAAM,CACd,MAAMC,EAAYC,EAAO,GAAG,WAAYN,CAAO,EACzCO,EAAcD,EAAO,GAAG,SAAUH,CAAS,EAEjD,MAAO,IAAM,CACXE,GAAA,MAAAA,EAAW,MACXE,GAAA,MAAAA,EAAa,KACf,CACF,EAAG,EAAE,EAEAR,EAGHN,EAACX,EAAA,CACE,GAAGK,EACJ,cACEqB,EAAAT,EAAK,SAAL,MAAAS,EAAa,UACVC,EAAY,CAAA,GAAGV,EAAK,OAAO,MAAO,OAAQW,EAAcR,CAAM,CAAG,CAAA,EAChE,OAEN,OACES,EAAAZ,EAAK,SAAL,MAAAY,EAAa,SACbZ,EAAK,OAAO,SACZA,EAAK,OAAO,MAAM,SAAWA,EAAK,OAAO,QAAQ,OAC9CN,EAAAgB,EAAA,CAAY,GAAGV,EAAK,OAAO,QAAS,OAAQW,EAAcR,CAAM,CAAG,CAAA,EAClE,MAAA,CAER,EAjBgB,IAmBpB,EAEAP,EAAa,eAAiBiB"}

package/containers/ProductQuantity/ProductQuantity.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'preact/compat';
-import { Container } from '../../../@adobe-commerce/elsie/src/lib';
+import { Container } from '@dropins/tools/types/elsie/src/lib';
 import { ProductModel } from '../../data/models';
 
 export interface ProductQuantityProps extends HTMLAttributes<HTMLDivElement> {

package/containers/ProductQuantity.js

@@ -1,3 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
 import{jsx as g}from"@dropins/tools/preact-jsx-runtime.js";import{useState as s,useEffect as P}from"@dropins/tools/preact-compat.js";import{classes as y}from"@dropins/tools/lib.js";import{Incrementer as I}from"@dropins/tools/components.js";import{events as i}from"@dropins/tools/event-bus.js";import{n as b,j as q,c as D,o as h}from"../chunks/isProductConfigurationValid.js";import{g as x}from"../chunks/getFetchedProductData.js";import{useText as C}from"@dropins/tools/i18n.js";import"../fragments.js";import"@dropins/tools/fetch-graphql.js";const S=({initialData:m=null,onValue:e,children:U,...n})=>{const c=C("PDP.Product.Incrementer.label").label,[u,l]=s(m),[o,f]=s(()=>b(1));P(()=>{const r=i.on("pdp/data",l),t=i.on("pdp/values",({quantity:a})=>{f(a)},{eager:!0});return()=>{r==null||r.off(),t==null||t.off()}},[]);const p=r=>{const t=parseInt(r,10);q(d=>({...d,quantity:t}));const{persistURLParams:a}=D.getConfig()??{};a&&h({quantity:t}),e==null||e(t)};return u?g(I,{name:"quantity",defaultValue:String(o),value:String(o),min:1,"aria-label":c,onValue:p,...n,className:y(["pdp-quantity",n.className])},"quantity"):null};S.getInitialData=x;export{S as ProductQuantity,S as default};
+//# sourceMappingURL=ProductQuantity.js.map

package/containers/ProductQuantity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductQuantity.js","sources":["/@dropins/storefront-pdp/src/containers/ProductQuantity/ProductQuantity.tsx"],"sourcesContent":["/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2024 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { HTMLAttributes, useEffect, useState } from 'preact/compat';\nimport { classes, Container } from '@adobe-commerce/elsie/lib';\nimport { Incrementer } from '@adobe-commerce/elsie/components';\nimport { events } from '@adobe-commerce/event-bus';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { ProductModel } from '@/pdp/data/models';\nimport {\n  setProductConfigurationValues,\n  getFetchedProductData,\n} from '@/pdp/api';\nimport {\n  setUrlParams,\n  getValidatedQuantityFromUrl,\n} from '@/pdp/lib/url-params';\nimport { config } from '@/pdp/api/initialize';\n\nexport interface ProductQuantityProps extends HTMLAttributes<HTMLDivElement> {\n  onValue?: (quantity: number) => void;\n}\n\nexport const ProductQuantity: Container<\n  ProductQuantityProps,\n  ProductModel | null\n> = ({ initialData = null, onValue, children, ...props }) => {\n  const IncrementerLabel = useText('PDP.Product.Incrementer.label').label;\n\n  const [data, setData] = useState<ProductModel | null>(initialData);\n\n  const [current, setCurrent] = useState(() => getValidatedQuantityFromUrl(1)); // Default quantity to 1\n\n  useEffect(() => {\n    const dataEvent = events.on('pdp/data', setData);\n\n    const valuesEvent = events.on(\n      'pdp/values',\n      ({ quantity }) => {\n        setCurrent(quantity);\n      },\n      { eager: true }\n    );\n\n    return () => {\n      dataEvent?.off();\n      valuesEvent?.off();\n    };\n  }, []);\n\n  const handleOnValue = (value: string) => {\n    const quantity = parseInt(value, 10);\n    setProductConfigurationValues((prev) => ({ ...prev, quantity }));\n\n    // Update URL parameters if persistURLParams is enabled\n    const { persistURLParams } = config.getConfig() ?? {};\n    if (persistURLParams) {\n      setUrlParams({ quantity });\n    }\n\n    onValue?.(quantity);\n  };\n\n  if (!data) return null;\n\n  return (\n    <Incrementer\n      key=\"quantity\"\n      name=\"quantity\"\n      defaultValue={String(current)}\n      value={String(current)}\n      min={1}\n      aria-label={IncrementerLabel}\n      onValue={handleOnValue}\n      {...props}\n      className={classes(['pdp-quantity', props.className])}\n    />\n  );\n};\n\nProductQuantity.getInitialData = getFetchedProductData;\n"],"names":["ProductQuantity","initialData","onValue","children","props","IncrementerLabel","useText","data","setData","useState","current","setCurrent","getValidatedQuantityFromUrl","useEffect","dataEvent","events","valuesEvent","quantity","handleOnValue","value","setProductConfigurationValues","prev","persistURLParams","config","setUrlParams","jsx","Incrementer","classes","getFetchedProductData"],"mappings":"+hBAoCa,MAAAA,EAGT,CAAC,CAAE,YAAAC,EAAc,KAAM,QAAAC,EAAS,SAAAC,EAAU,GAAGC,KAAY,CACrD,MAAAC,EAAmBC,EAAQ,+BAA+B,EAAE,MAE5D,CAACC,EAAMC,CAAO,EAAIC,EAA8BR,CAAW,EAE3D,CAACS,EAASC,CAAU,EAAIF,EAAS,IAAMG,EAA4B,CAAC,CAAC,EAE3EC,EAAU,IAAM,CACd,MAAMC,EAAYC,EAAO,GAAG,WAAYP,CAAO,EAEzCQ,EAAcD,EAAO,GACzB,aACA,CAAC,CAAE,SAAAE,CAAA,IAAe,CAChBN,EAAWM,CAAQ,CACrB,EACA,CAAE,MAAO,EAAK,CAChB,EAEA,MAAO,IAAM,CACXH,GAAA,MAAAA,EAAW,MACXE,GAAA,MAAAA,EAAa,KACf,CACF,EAAG,EAAE,EAEC,MAAAE,EAAiBC,GAAkB,CACjC,MAAAF,EAAW,SAASE,EAAO,EAAE,EACnCC,EAA+BC,IAAU,CAAE,GAAGA,EAAM,SAAAJ,CAAW,EAAA,EAG/D,KAAM,CAAE,iBAAAK,CAAiB,EAAIC,EAAO,aAAe,CAAC,EAChDD,GACWE,EAAA,CAAE,SAAAP,EAAU,EAG3Bf,GAAA,MAAAA,EAAUe,EACZ,EAEI,OAACV,EAGHkB,EAACC,EAAA,CAEC,KAAK,WACL,aAAc,OAAOhB,CAAO,EAC5B,MAAO,OAAOA,CAAO,EACrB,IAAK,EACL,aAAYL,EACZ,QAASa,EACR,GAAGd,EACJ,UAAWuB,EAAQ,CAAC,eAAgBvB,EAAM,SAAS,CAAC,CAAA,EARhD,UASN,EAbgB,IAepB,EAEAJ,EAAgB,eAAiB4B"}

package/containers/ProductShortDescription/ProductShortDescription.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'preact/compat';
-import { Container } from '../../../@adobe-commerce/elsie/src/lib';
+import { Container } from '@dropins/tools/types/elsie/src/lib';
 import { ProductModel } from '../../data/models';
 
 export interface ProductShortDescriptionProps extends HTMLAttributes<HTMLDivElement> {

package/containers/ProductShortDescription.js

@@ -1,3 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
 import{jsx as n}from"@dropins/tools/preact-jsx-runtime.js";import{useState as i,useEffect as a}from"@dropins/tools/preact-compat.js";import{classes as c}from"@dropins/tools/lib.js";import{events as m}from"@dropins/tools/event-bus.js";import{g as l}from"../chunks/getFetchedProductData.js";const f=({initialData:o=null,children:p,...e})=>{const[t,s]=i(o);return a(()=>{const r=m.on("pdp/data",s);return()=>{r==null||r.off()}},[]),t?n("div",{dangerouslySetInnerHTML:{__html:(t==null?void 0:t.shortDescription)??""},...e,className:c(["pdp-short-description",e.className])}):null};f.getInitialData=l;export{f as ProductShortDescription,f as default};
+//# sourceMappingURL=ProductShortDescription.js.map

package/containers/ProductShortDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductShortDescription.js","sources":["/@dropins/storefront-pdp/src/containers/ProductShortDescription/ProductShortDescription.tsx"],"sourcesContent":["/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2024 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { HTMLAttributes, useEffect, useState } from 'preact/compat';\nimport { classes, Container } from '@adobe-commerce/elsie/lib';\nimport { events } from '@adobe-commerce/event-bus';\nimport { ProductModel } from '@/pdp/data/models';\nimport { getFetchedProductData } from '@/pdp/api';\n\nexport interface ProductShortDescriptionProps\n  extends HTMLAttributes<HTMLDivElement> { }\n\nexport const ProductShortDescription: Container<\n  ProductShortDescriptionProps,\n  ProductModel | null\n> = ({ initialData = null, children, ...props }) => {\n  const [data, setData] = useState<ProductModel | null>(initialData);\n\n  useEffect(() => {\n    const dataEvent = events.on('pdp/data', setData);\n\n    return () => {\n      dataEvent?.off();\n    };\n  }, []);\n\n  if (!data) return null;\n\n  return (\n    <div\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{ __html: data?.shortDescription ?? '' }}\n      {...props}\n      className={classes(['pdp-short-description', props.className])}\n    />\n  );\n};\n\nProductShortDescription.getInitialData = getFetchedProductData;\n"],"names":["ProductShortDescription","initialData","children","props","data","setData","useState","useEffect","dataEvent","events","jsx","classes","getFetchedProductData"],"mappings":"iSAyBa,MAAAA,EAGT,CAAC,CAAE,YAAAC,EAAc,KAAM,SAAAC,EAAU,GAAGC,KAAY,CAClD,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAA8BL,CAAW,EAU7D,OARJM,EAAU,IAAM,CACd,MAAMC,EAAYC,EAAO,GAAG,WAAYJ,CAAO,EAE/C,MAAO,IAAM,CACXG,GAAA,MAAAA,EAAW,KACb,CACF,EAAG,EAAE,EAEAJ,EAGHM,EAAC,MAAA,CAEC,wBAAyB,CAAE,QAAQN,GAAA,YAAAA,EAAM,mBAAoB,EAAG,EAC/D,GAAGD,EACJ,UAAWQ,EAAQ,CAAC,wBAAyBR,EAAM,SAAS,CAAC,CAAA,CAC/D,EARgB,IAUpB,EAEAH,EAAwB,eAAiBY"}

package/fragments.js

@@ -146,3 +146,4 @@ fragment PRODUCT_FRAGMENT on ProductView {
 ${e}
 ${t}
 `;export{t as PRICE_RANGE_FRAGMENT,r as PRODUCT_FRAGMENT,e as PRODUCT_OPTION_FRAGMENT};
+//# sourceMappingURL=fragments.js.map

package/fragments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fragments.js","sources":["/@dropins/storefront-pdp/src/api/graphql/ProductOptionFragment.graphql.ts","/@dropins/storefront-pdp/src/api/graphql/PriceRangeFragment.graphql.ts","/@dropins/storefront-pdp/src/api/graphql/ProductFragment.graphql.ts"],"sourcesContent":["/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nexport const PRODUCT_OPTION_FRAGMENT = `\nfragment PRODUCT_OPTION_FRAGMENT on ProductViewOption {\n    id\n    title\n    required\n    multi\n    values {\n      id\n      title\n      inStock\n      __typename\n      ... on ProductViewOptionValueProduct {\n        title\n        quantity\n        isDefault\n        __typename\n        product {\n          sku\n          shortDescription\n          metaDescription\n          metaKeyword\n          metaTitle\n          name\n          price {\n            final {\n              amount {\n                value\n                currency\n              }\n            }\n            regular {\n              amount {\n                value\n                currency\n              }\n            }\n            roles\n          }\n        }\n      }\n      ... on ProductViewOptionValueSwatch {\n        id\n        title\n        type\n        value\n        inStock\n      }\n    }\n  }\n`;\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2025 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nexport const PRICE_RANGE_FRAGMENT = `\n  fragment PRICE_RANGE_FRAGMENT on ComplexProductView {\n    priceRange {\n      maximum {\n        final {\n          amount {\n            value\n            currency\n          }\n        }\n        regular {\n          amount {\n            value\n            currency\n          }\n        }\n        roles\n      }\n      minimum {\n        final {\n          amount {\n            value\n            currency\n          }\n        }\n        regular {\n          amount {\n            value\n            currency\n          }\n        }\n        roles\n      }\n    }\n  }\n`;\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { PRODUCT_OPTION_FRAGMENT } from '@/pdp/api/graphql/ProductOptionFragment.graphql';\nimport { PRICE_RANGE_FRAGMENT } from './PriceRangeFragment.graphql';\n\nexport const PRODUCT_FRAGMENT = `\nfragment PRODUCT_FRAGMENT on ProductView {\n  __typename\n  id\n  sku\n  name\n  shortDescription\n  metaDescription\n  metaKeyword\n  metaTitle\n  description\n  inStock\n  addToCartAllowed\n  url\n  urlKey\n  externalId\n\n  images(roles: []) {\n    url\n    label\n    roles\n  }\n\n  attributes(roles: []) {\n    name\n    label\n    value\n    roles\n  }\n\n... on SimpleProductView {\n    price {\n        roles\n\n        regular {\n            amount {\n                value\n                currency\n            }\n        }\n\n        final {\n            amount {\n                value\n                currency\n            }\n        }\n      }\n    }\n\n  ... on ComplexProductView {\n    options {\n      ...PRODUCT_OPTION_FRAGMENT\n    }\n\n    ...PRICE_RANGE_FRAGMENT\n  }\n}\n\n${PRODUCT_OPTION_FRAGMENT}\n${PRICE_RANGE_FRAGMENT}\n`;\n"],"names":["PRODUCT_OPTION_FRAGMENT","PRICE_RANGE_FRAGMENT","PRODUCT_FRAGMENT"],"mappings":"AAgBO,MAAMA,EAA0B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,ECA1BC,EAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,ECGvBC,EAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA2D9BF,CAAuB;AAAA,EACvBC,CAAoB;"}

package/package.json

@@ -1 +1 @@
-{"name": "@dropins/storefront-pdp", "version": "1.2.0-beta4", "@dropins/tools": "~1.2.0", "license": "SEE LICENSE IN LICENSE.md"}
+{"name": "@dropins/storefront-pdp", "version": "1.2.0-beta5", "@dropins/tools": "1.3.0-beta2", "license": "SEE LICENSE IN LICENSE.md"}

package/render/render.d.ts

@@ -1,4 +1,4 @@
-import { Render } from '../../@adobe-commerce/elsie/src/lib';
+import { Render } from '@dropins/tools/types/elsie/src/lib';
 
 export declare const render: Render;
 //# sourceMappingURL=render.d.ts.map

package/render.js

@@ -2,3 +2,4 @@
 All Rights Reserved. */
 (function(p,t){try{if(typeof document<"u"){const r=document.createElement("style"),e=t.styleId;for(const a in t.attributes)r.setAttribute(a,t.attributes[a]);r.setAttribute("data-dropin",e),r.appendChild(document.createTextNode(p));const o=document.querySelector('style[data-dropin="sdk"]');if(o)o.after(r);else{const a=document.querySelector('link[rel="stylesheet"], style');a?a.before(r):document.head.append(r)}}}catch(r){console.error("dropin-styles (injectCodeFunction)",r)}})(".pdp-carousel{--icon-size: 32px;--icon-extra-padding: 8px;--thumb-peak: 32px;--thumbnails-col-width: 18.6%;position:relative;display:flex;flex-direction:var(--flex-carousel);align-items:center;gap:var(--gap);width:var(--width)}.pdp-carousel .dropin-button--tertiary--disabled:hover{color:var(--color-neutral-500)}.pdp-carousel--thumbnailsColumn{justify-content:flex-end;align-items:start}.pdp-carousel--thumbnailsRow{align-items:center}.pdp-carousel--arrows{padding-left:calc(var(--icon-size) + var(--icon-extra-padding));padding-right:calc(var(--icon-size) + var(--icon-extra-padding));width:calc(var(--width) - 2 * var(--icon-size) - 2 * var(--icon-extra-padding))}.pdp-carousel__button{position:absolute;top:50%;transform:translateY(-50%);padding:0}.pdp-carousel__button--prev{left:0}[dir=rtl] .pdp-carousel__button--prev{left:auto;right:0}[dir=rtl] .pdp-carousel__button--next{right:auto;left:0}.pdp-carousel__button__icon--next{transform:rotate(-90deg)}.pdp-carousel__button--next{right:0}.pdp-carousel__button__icon--prev{transform:rotate(90deg)}[dir=rtl] .pdp-carousel__button__icon--prev{transform:rotate(-90deg)}[dir=rtl] .pdp-carousel__button__icon--next{transform:rotate(90deg)}.pdp-carousel--main-image-controls.pdp-carousel--thumbnailsColumn .pdp-carousel__button--prev{left:var(--thumbnails-col-width)}.pdp-carousel--main-image-controls.pdp-carousel--thumbnailsRow .pdp-carousel__button--prev,.pdp-carousel--main-image-controls.pdp-carousel--thumbnailsRow .pdp-carousel__button--next{top:calc(var(--height) / 2)}.pdp-carousel__button--thumbnailsColumn{margin:auto;padding:0}.pdp-carousel__button--thumbnailsRow{padding:0}.pdp-carousel__button__icon--thumbnailsColumn--prev{transform:rotate(180deg)}.pdp-carousel__button__icon--thumbnailsRow--prev{transform:rotate(90deg)}[dir=rtl] .pdp-carousel__button__icon--thumbnailsRow--prev,.pdp-carousel__button__icon--thumbnailsRow--next{transform:rotate(-90deg)}[dir=rtl] .pdp-carousel__button__icon--thumbnailsRow--next{transform:rotate(90deg)}.pdp-carousel__wrapper{--peak: 0px;scroll-padding:var(--peak);width:var(--total-width);height:var(--height);display:flex;flex-wrap:nowrap;gap:var(--gap);-webkit-overflow-scrolling:touch}.pdp-carousel__wrapper--horizontal{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}.pdp-carousel__slide{display:grid;grid-gap:var(--gap);grid-auto-columns:1fr;grid-auto-rows:100%;scroll-snap-align:end;scroll-snap-stop:always;flex-shrink:0}.pdp-carousel__slide--horizontal{grid-auto-flow:column;width:calc(100% - var(--peak))}.pdp-carousel__slide--horizontal.pdp-carousel__slide--orphan{width:calc((100% / var(--per-page) * var(--length)) - var(--peak) / var(--per-page) * var(--length) - var(--gap) / var(--per-page) * (var(--per-page) - var(--length)))}.pdp-carousel__slide *{vertical-align:middle;max-width:100%;max-height:100%;width:100%;height:100%}.pdp-carousel__slide img{object-fit:contain;width:100%;height:100%}.pdp-carousel__wrapper--peak{--peak: calc(var(--spacing-medium) + var(--gap))}.pdp-carousel__wrapper--scrollbar{--scroll-foreground: var(--color-neutral-600);--scroll-background: var(--color-neutral-400);scrollbar-color:var(--scroll-foreground) var(--scroll-background);scrollbar-width:thin}.pdp-carousel__wrapper:not(.pdp-carousel__wrapper--scrollbar){scrollbar-width:none}.pdp-carousel__wrapper:not(.pdp-carousel__wrapper--scrollbar)::-webkit-scrollbar{display:none}.pdp-carousel__wrapper--scrollbar::-webkit-scrollbar{width:4px;height:4px}.pdp-carousel__wrapper--scrollbar::-webkit-scrollbar-thumb{background:var(--scroll-foreground)}.pdp-carousel__wrapper--scrollbar::-webkit-scrollbar-track{background:var(--scroll-background)}.pdp-carousel__controls__container--thumbnailsRow{--thumbnails-spacing: var(--spacing-small);--thumbnails-box-width: var(--spacing-xxsmall);--thumbnails-rest: calc(var(--thumbnails-spacing) - var(--thumbnails-box-width));--thumbnails-width: calc((var(--width) - 2 * var(--icon-size) - 4 * var(--thumbnails-spacing) - var(--thumb-peak) - 2 * var(--thumbnails-box-width)) / 4);margin-top:var(--thumbnails-rest);width:var(--width);display:flex}.pdp-carousel__controls__container--thumbnailsColumn{--thumbnails-spacing: var(--spacing-small);--thumbnails-box-width: var(--spacing-xxsmall);--thumbnails-rest: calc(var(--thumbnails-spacing) - var(--thumbnails-box-width));--thumbnails-width: 100%;margin-right:var(--thumbnails-rest);width:calc(var(--thumbnails-col-width) - var(--thumbnails-rest))}.pdp-carousel__controls__container--thumbnailsColumn:not(.pdp-carousel__controls__container--no-arrows){height:calc(max(var(--height),4 * var(--thumbnails-spacing)) - 4 * var(--thumbnails-spacing))}.pdp-carousel__controls__container--thumbnailsColumn.pdp-carousel__controls__container--no-arrows{height:var(--height)}.pdp-carousel__controls__wrapper--thumbnailsColumn{max-height:100%;overflow-y:scroll}.pdp-carousel__controls__wrapper--thumbnailsRow{max-width:100%;overflow-x:scroll}.pdp-carousel__controls--thumbnailsRow>label>span:nth-last-child(1){margin-left:0;margin-right:var(--thumbnails-box-width)}[dir=rtl] .pdp-carousel__controls--thumbnailsRow>label>span:nth-last-child(1){margin-left:var(--thumbnails-box-width);margin-right:0}.pdp-carousel__controls__wrapper::-webkit-scrollbar{display:none}.pdp-carousel__controls__wrapper{-ms-overflow-style:none;scrollbar-width:none}.pdp-carousel__controls{display:flex;flex-direction:row;gap:var(--spacing-xsmall)}.pdp-carousel__controls--thumbnailsColumn{display:grid;grid-template-columns:repeat(1,1fr);grid-auto-rows:1fr;grid-row-gap:var(--thumbnails-spacing);padding:var(--thumbnails-box-width)}.pdp-carousel__controls--thumbnailsRow{grid-column-gap:var(--thumbnails-spacing);padding:var(--thumbnails-box-width)}.pdp-carousel__controls__button{border-radius:50%;width:10px;height:10px;padding:0;border:none;background:var(--color-neutral-400);cursor:pointer}.pdp-carousel__controls__button:hover{background:var(--color-neutral-500)}.pdp-carousel__controls__button:active,.pdp-carousel__controls__button--active{background:var(--color-neutral-600)}.pdp-carousel__slide--last{width:100%}.pdp-carousel__thumbnail__container input[type=radio]{opacity:0;position:absolute;width:0;height:0}.pdp-carousel__thumbnail__container .pdp-carousel__thumbnail__span{--bg-color: var(--color-neutral-300);display:inline-block;box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-400);position:relative;cursor:pointer;background-color:var(--bg-color);background-image:var(--background-image);background-repeat:no-repeat;background-size:cover;height:100%;width:100%;overflow:hidden}.pdp-carousel__thumbnail__content{width:inherit;position:absolute;top:-9999px;bottom:-9999px;left:-9999px;right:-9999px;margin:auto;overflow:hidden}.pdp-carousel__thumbnail__span:hover{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-500);outline:none}.pdp-carousel__controls__wrapper--thumbnailsRow .pdp-carousel__thumbnail__container{min-width:100px}.pdp-carousel__thumbnail__container input[type=radio]:not(:checked):active~.pdp-carousel-thumbnail__span{box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-500);outline:none}.pdp-carousel__thumbnail__container input[type=radio]:checked~.pdp-carousel__thumbnail__span,.pdp-carousel__thumbnail--selected{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-800)}.pdp-carousel__thumbnail__container input[type=radio]:checked:active~.pdp-carousel__thumbnail__span{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-600)}.pdp-carousel__thumbnail__container input[type=radio]:focus-visible+.pdp-carousel__thumbnail__span{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-900),0 0 0 6px var(--color-neutral-400)}.pdp-carousel__thumbnail__span img{object-fit:cover;width:100%;height:100%}.pdp-product{display:grid;grid-template-columns:repeat(var(--grid-1-columns),1fr);grid-column-gap:var(--grid-1-gutters);margin:0 var(--grid-1-margins)}.pdp-product__gallery-column{display:none}.pdp-product__content-column{grid-column:1 / span 4;color:var(--color-neutral-800)}.pdp-product__header{display:grid;grid-auto-rows:max-content;margin-bottom:var(--spacing-medium)}.pdp-product__breadcrumbs{grid-column:1 / -1;padding:var(--spacing-medium) 0 var(--spacing-xxbig)}.pdp-product__title{font:var(--type-display-3-font);letter-spacing:var(--type-display-3-letter-spacing);margin:0}.pdp-product__sku{font:var(--type-body-1-default-font);max-width:600px}.pdp-product__prices{display:flex;gap:var(--spacing-xsmall);margin-top:var(--spacing-medium)}.pdp-product__out-of-stock__text{font:var(--type-headline-2-strong-font)}.pdp-product__options{grid-column:1 / span 4}.pdp-product__price,.pdp-product__price-special{font:var(--type-headline-2-strong-font)}.pdp-product__price,.pdp-product__sku,.pdp-product__price-special,.pdp-product__out-of-stock__text{letter-spacing:var(--type-headline-2-strong-letter-spacing)}.pdp-product__price--grey{color:var(--color-neutral-500)}.pdp-product__actions,.pdp-product__actions--out-of-stock{display:grid;grid-auto-flow:row;gap:var(--grid-1-gutters);grid-auto-rows:max-content;margin-bottom:var(--spacing-xxbig);margin-top:var(--spacing-big)}.pdp-product__short_description,.pdp-product__attributes{font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing);margin-bottom:var(--spacing-small)}.pdp-product__description,.pdp-product__attributes li{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.pdp-product__attributes{margin-top:var(--spacing-xsmall)}.pdp-product__short_description p,.pdp-product__description p,.pdp-product__attributes li p{margin:0}.pdp-product__short_description figure,.pdp-product__description figure{margin:0}.pdp-product__short_description img,.pdp-product__description img{max-width:100%}.pdp-product__images--carousel{max-height:60vh}.pdp-product__images--carousel--thumbnails{max-height:90vh}.pdp-product__images__placeholder{background-color:var(--color-neutral-200)}.pdp-product__buttons{display:grid;grid-auto-rows:max-content;grid-gap:var(--grid-1-gutters)}.pdp-product__buttons a{text-align:center}.pdp-product__buttons a:hover{text-decoration:none}.pdp-product__overlay .pdp-overlay__content{width:100%;height:100%}.pdp-product__overlay__carousel{width:100%;height:100%;box-sizing:border-box}.pdp-product__overlay__carousel img{width:100%;height:100%;object-fit:contain}.pdp-carousel__controls__container--thumbnailsRow img,.pdp-carousel__controls__container--thumbnailsColumn img{object-fit:cover}.pdp-product__quantity,.pdp-product__buttons{grid-column:1 / span 4}@media only screen and (min-width: 1024px){.pdp-product__breadcrumbs{grid-column:2 / -2}.pdp-product{grid-template-columns:repeat(var(--grid-3-columns),1fr);grid-column-gap:var(--grid-3-gutters);margin:0 var(--grid-3-margins);position:relative}.pdp-product__column-container{position:relative;display:flex;flex-direction:column}.pdp-product__column-body{position:sticky;bottom:30%;align-self:flex-end}.pdp-product__gallery-column{display:block;grid-column:2 / span 6}.pdp-product__content-column{grid-column:8 / span 4;padding-top:var(--spacing-medium)}.pdp-product__images--carousel{display:none}.pdp-product__header{margin-bottom:var(--spacing-small)}.pdp-product__actions{grid-template-columns:repeat(var(--grid-1-columns),1fr);grid-column-gap:var(--grid-1-gutters);grid-row-gap:var(--spacing-xxbig);margin-top:var(--spacing-xxbig)}.pdp-product__quantity{grid-column:1 / span 2;width:fit-content}.pdp-product__actions--out-of-stock{grid-template-columns:repeat(var(--grid-1-columns),1fr);grid-column-gap:var(--grid-1-gutters);grid-row-gap:var(--spacing-xxbig);margin-top:var(--spacing-small)}.pdp-product__buttons{grid-column:1 / span 4}.pdp-product__out-of-stock__text{grid-column:1 / span 2}.pdp-product__gallery-content,.pdp-product__content{grid-column:2 / span 6}}.pdp-gallery-grid{display:grid;grid-gap:var(--gap);grid-template-columns:repeat(1,1fr);grid-auto-rows:max-content}.pdp-gallery-grid__item>*{height:100%;max-width:100%;min-width:100%;vertical-align:middle;width:100%;object-fit:contain}.pdp-gallery-grid__item:only-child{grid-column:1 / span 2}.pdp-gallery-grid__item:first-child:nth-last-child(2){grid-column:1 / span 2;grid-row:1}.pdp-gallery-grid__item:nth-child(2):last-child{grid-column:1 / 3;grid-row:2}@media only screen and (min-width: 1024px){.pdp-gallery-grid{grid-template-columns:repeat(2,1fr)}}.pdp-price-range .dropin-price{letter-spacing:var(--type-headline-2-strong-letter-spacing);font:var(--type-headline-2-strong-font)}.pdp-price-range__label{font:var(--type-headline-2-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing);margin-left:5px;margin-right:5px}.pdp-overlay{position:fixed;top:0;left:0;z-index:1000;right:0;bottom:0;background-color:var(--color-neutral-50);display:flex;padding:var(--spacing-medium)}.pdp-overlay--centered{align-items:center;justify-content:center}.pdp-overlay__content{display:flex;height:100%;width:100%}.pdp-overlay__close-button{position:absolute;top:var(--spacing-medium);right:var(--spacing-medium);z-index:1001}.pdp-swatches{display:grid;grid-auto-flow:row;grid-gap:var(--grid-1-gutters);grid-auto-rows:max-content;position:relative;z-index:0}.pdp-swatches__field{display:grid;font:var(--type-body-2-strong-font);grid-auto-rows:max-content;gap:var(--spacing-xsmall)}.pdp-swatches__field__label{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);color:var(--color-neutral-800)}.pdp-swatches__options{display:flex;flex-wrap:wrap;gap:var(--spacing-xsmall)}.pdp-zoom{cursor:zoom-in;overflow:hidden;margin:0;position:relative}.pdp-zoom img{height:100%;max-width:100%;min-width:100%;object-fit:contain;position:relative;transition:transform .2s;transform:var(--transform);vertical-align:middle;width:100%}.pdp-zoom .pdp-zoom__close-button{background-color:var(--color-neutral-50);border-radius:50%;position:absolute;right:var(--spacing-small);top:var(--spacing-small)}.pdp-zoom.pdp-zoom--zoomed{cursor:zoom-out}.pdp-zoom.pdp-zoom--no-effects{cursor:default}@media only screen and (max-width: 768px){.pdp-zoom img{display:block;width:100%;height:100%;transition:transform .2s;transform:var(--transform)}}.pdp-header{display:grid;grid-auto-rows:max-content}.pdp-header__title{font:var(--type-display-3-font);letter-spacing:var(--type-display-3-letter-spacing);margin:0}.pdp-header__sku{font:var(--type-body-1-default-font);max-width:600px}.pdp-price{display:flex;gap:var(--spacing-xsmall);margin-top:var(--spacing-medium)}.pdp-price__amount,.pdp-price__amount-special{font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing)}.pdp-price__amount--grey{color:var(--color-neutral-500)}",{styleId:"PDP"});
 import{jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import{deepmerge as c,Render as u}from"@dropins/tools/lib.js";import{useState as m,useEffect as f}from"@dropins/tools/preact-hooks.js";import{UIProvider as b}from"@dropins/tools/components.js";import{events as d}from"@dropins/tools/event-bus.js";import{c as g}from"./chunks/isProductConfigurationValid.js";import"./fragments.js";import"@dropins/tools/fetch-graphql.js";const C={Product:{Incrementer:{label:"Item Quantity"},OutOfStock:{label:"Out of Stock"},AddToCart:{label:"Add to Cart"},Details:{label:"Details"},RegularPrice:{label:"Regular Price"},SpecialPrice:{label:"Special Price"},PriceRange:{From:{label:"From"},To:{label:"to"}},Image:{label:"{product} Image {key} of {total}"}},Swatches:{Required:{label:"Required"},ChooseOption:{label:"Choose an option"}},Carousel:{label:"Carousel",Next:{label:"Next"},Previous:{label:"Previous"},Slide:{label:"Slide"},Controls:{label:"Carousel Controls",Button:{label:"Show slide {key} of {total}"}}},Overlay:{Close:{label:"Close"}},Zoom:{Close:{label:"Close"}}},p={quantityLabel:"Quantity"},P={PDP:C,Custom:p},S={default:P},D=({children:a})=>{var t;const[e,i]=m(),n=(t=g.getConfig())==null?void 0:t.langDefinitions;f(()=>{const o=d.on("locale",l=>{l!==e&&i(l)},{eager:!0});return()=>{o==null||o.off()}},[e]);const s=c(S,n??{});return r(b,{lang:e,langDefinitions:s,children:a})},q=new u(r(D,{}));export{q as render};
+//# sourceMappingURL=render.js.map

package/render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.js","sources":["/@dropins/storefront-pdp/src/render/Provider.tsx","/@dropins/storefront-pdp/src/render/render.tsx"],"sourcesContent":["/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { FunctionComponent } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\nimport { UIProvider } from '@adobe-commerce/elsie/components';\nimport { Lang } from '@adobe-commerce/elsie/i18n';\nimport { events } from '@adobe-commerce/event-bus';\nimport { config } from '../api';\nimport { deepmerge } from '@adobe-commerce/elsie/lib';\n\nimport en_US from '../i18n/en_US.json';\n\n// Langs\nconst langDefinitions = {\n  default: en_US,\n};\n\ninterface CartProviderProps {\n  children?: any;\n}\n\nexport const Provider: FunctionComponent<CartProviderProps> = ({\n  children,\n}) => {\n  const [locale, setLang] = useState<Lang>();\n\n  const userLangDefinitions = config.getConfig()?.langDefinitions;\n\n  //   Events\n  useEffect(() => {\n    const localeEvent = events.on(\n      'locale',\n      (payload) => {\n        if (payload !== locale) setLang(payload as Lang);\n      },\n      { eager: true }\n    );\n    return () => {\n      localeEvent?.off();\n    };\n  }, [locale]);\n\n  // Merge language definitions with user language definitions\n  const definitions = deepmerge(langDefinitions, userLangDefinitions ?? {});\n\n  return (\n    <UIProvider lang={locale} langDefinitions={definitions}>\n      {children}\n    </UIProvider>\n  );\n};\n","/**\n * ADOBE CONFIDENTIAL\n * __________________\n * Copyright 2023 Adobe\n * All Rights Reserved.\n * __________________\n * NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n */\n\nimport { Render } from '@adobe-commerce/elsie/lib';\nimport { Provider } from './Provider';\n\nexport const render = new Render(<Provider />);\n"],"names":["langDefinitions","en_US","Provider","children","locale","setLang","useState","userLangDefinitions","_a","config","useEffect","localeEvent","events","payload","definitions","deepmerge","UIProvider","render","Render","jsx"],"mappings":"4lCA2BMA,EAAkB,CACtB,QAASC,CACX,EAMaC,EAAiD,CAAC,CAC7D,SAAAC,CACF,IAAM,OACJ,KAAM,CAACC,EAAQC,CAAO,EAAIC,EAAe,EAEnCC,GAAsBC,EAAAC,EAAO,UAAA,IAAP,YAAAD,EAAoB,gBAGhDE,EAAU,IAAM,CACd,MAAMC,EAAcC,EAAO,GACzB,SACCC,GAAY,CACPA,IAAYT,GAAQC,EAAQQ,CAAe,CACjD,EACA,CAAE,MAAO,EAAK,CAChB,EACA,MAAO,IAAM,CACXF,GAAA,MAAAA,EAAa,KACf,CAAA,EACC,CAACP,CAAM,CAAC,EAGX,MAAMU,EAAcC,EAAUf,EAAiBO,GAAuB,CAAA,CAAE,EAExE,SACGS,EAAW,CAAA,KAAMZ,EAAQ,gBAAiBU,EACxC,SAAAX,EACH,CAEJ,EC7Cac,EAAS,IAAIC,EAAOC,EAACjB,IAAS,CAAE"}