@dropins/storefront-pdp 3.2.0-beta.1 → 3.2.0-beta.3

package/containers/ProductOptions.js

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

package/containers/ProductOptions.js.map

@@ -1 +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  useMemo,\n  useState,\n} from 'preact/compat';\nimport { Container, Slot, SlotProps } from '@adobe-commerce/elsie/lib';\nimport { useText } from '@adobe-commerce/elsie/i18n';\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  OptionsTransformer,\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';\nimport {\n  type ProductOptionSelectionMap,\n  isProductOptionsSelectionComplete,\n  selectionMapToOptionUIDs,\n} from '@/pdp/lib/product-option-selection';\n\n/** @deprecated Use OptionsTransformer from @/pdp/api instead */\nexport type ProductOptionsTransformer = OptionsTransformer;\n\nexport interface ProductOptionsProps extends HTMLAttributes<HTMLDivElement> {\n  scope?: string;\n  hideSelectedValue?: boolean;\n  onValues?: (optionsUIDs: string[]) => void;\n  onErrors?: (errors: { [id: string]: string }) => void;\n  transformer?: ProductOptionsTransformer;\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  scope,\n  hideSelectedValue = false,\n  transformer,\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  const ChooseOptionLabel = useText('PDP.Swatches.ChooseOption.label').label;\n\n  // Apply transformer to options if provided (must run before selection handlers)\n  const transformedOptions = useMemo(() => {\n    if (!data?.options) return undefined;\n\n    if (!transformer) {\n      return data.options;\n    }\n\n    try {\n      const transformed = transformer(data.options);\n      // Fallback to original options if transformer returns null/undefined\n      return transformed ?? data.options;\n    } catch (error) {\n      console.error(\n        'ProductOptions: transformer threw an error, using original options',\n        error\n      );\n      return data.options;\n    }\n  }, [data?.options, transformer]);\n\n  useEffect(() => {\n    const dataEvent = events.on('pdp/data', setData, { scope });\n\n    const valuesEvent = events.on(\n      'pdp/values',\n      ({ optionsUIDs }) => {\n        if (optionsUIDs) {\n          setCurrent(optionsUIDs);\n        }\n      },\n      { scope }\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: ProductOptionSelectionMap) => {\n      if (!data?.sku) return;\n\n      const { persistURLParams, anchors, acdl } = config.getConfig() ?? {};\n\n      const sanitizedSelections = Object.fromEntries(\n        Object.entries(selections).filter(\n          ([, value]) => value.label !== ChooseOptionLabel\n        )\n      ) as ProductOptionSelectionMap;\n\n      // options selected\n      let optionsUIDs = selectionMapToOptionUIDs(\n        sanitizedSelections,\n        transformedOptions\n      );\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 and update the values only if they have changed\n      if (\n        getProductConfigurationValues({ scope })?.optionsUIDs?.join('|') !==\n        optionsUIDs?.join('|')\n      ) {\n        // update values\n        setProductConfigurationValues((prev) => ({ ...prev, optionsUIDs }), {\n          scope,\n        });\n      }\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, { scope });\n\n      let valid = isProductOptionsSelectionComplete(\n        next?.options,\n        next?.optionUIDs ?? optionsUIDs,\n        next?.isBundle\n      );\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(\n            (prev) => ({\n              ...prev,\n              optionsUIDs: updatedOptionsUIDs,\n            }),\n            { scope }\n          );\n\n          valid = isProductOptionsSelectionComplete(\n            next?.options,\n            updatedOptionsUIDs,\n            next?.isBundle\n          );\n        }\n      }\n\n      // is the product valid\n      setProductConfigurationValid(() => valid, { scope });\n\n      // ACDL\n      if (acdl && next && next?.variantSku !== data.sku) {\n        publishProductPageViewEvent(next);\n      }\n    },\n    [\n      ChooseOptionLabel,\n      data?.isBundle,\n      data?.sku,\n      onValues,\n      scope,\n      transformedOptions,\n    ]\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, { scope });\n        onErrors?.(errors);\n      }\n    },\n    [onErrors, scope]\n  );\n\n  if (!data) return null;\n\n  // Only show if there are options in the data\n  if (!transformedOptions) 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={transformedOptions}\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 (options) {\n  const data = await getFetchedProductData({ scope: options?.scope });\n  const optionsUIDs =\n    getProductConfigurationValues({ scope: options?.scope })?.optionsUIDs ?? [];\n  return { data, optionsUIDs };\n};\n"],"names":["ProductOptions","initialData","scope","hideSelectedValue","transformer","slots","onValues","onErrors","children","props","data","setData","useState","current","setCurrent","selectionsToUpdate","setSelectionsToUpdate","ChooseOptionLabel","useText","transformedOptions","useMemo","error","useEffect","dataEvent","events","valuesEvent","optionsUIDs","handleOptionSelected","useCallback","selections","persistURLParams","anchors","acdl","config","sanitizedSelections","value","selectionMapToOptionUIDs","setUrlParams","_b","_a","getProductConfigurationValues","setProductConfigurationValues","prev","next","fetchProductData","valid","isProductOptionsSelectionComplete","updatedOptionsUIDs","item","setProductConfigurationValid","publishProductPageViewEvent","handleErrors","errors","jsx","Slot","Swatches","imageSwatchContext","imageProps","options","getFetchedProductData"],"mappings":"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"}
+{"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  useMemo,\n  useState,\n} from 'preact/compat';\nimport { Container, Slot, SlotProps } from '@adobe-commerce/elsie/lib';\nimport { useText } from '@adobe-commerce/elsie/i18n';\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  OptionsTransformer,\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';\nimport {\n  type ProductOptionSelectionMap,\n  isProductOptionsSelectionComplete,\n  selectionMapToOptionUIDs,\n} from '@/pdp/lib/product-option-selection';\n\n/** @deprecated Use OptionsTransformer from @/pdp/api instead */\nexport type ProductOptionsTransformer = OptionsTransformer;\n\nexport interface ProductOptionsProps extends HTMLAttributes<HTMLDivElement> {\n  scope?: string;\n  hideSelectedValue?: boolean;\n  onValues?: (optionsUIDs: string[]) => void;\n  onErrors?: (errors: { [id: string]: string }) => void;\n  transformer?: ProductOptionsTransformer;\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  scope,\n  hideSelectedValue = false,\n  transformer,\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  const ChooseOptionLabel = useText('PDP.Swatches.ChooseOption.label').label;\n\n  // Apply transformer to options if provided (must run before selection handlers)\n  const transformedOptions = useMemo(() => {\n    if (!data?.options) return undefined;\n\n    if (!transformer) {\n      return data.options;\n    }\n\n    try {\n      const transformed = transformer(data.options);\n      // Fallback to original options if transformer returns null/undefined\n      return transformed ?? data.options;\n    } catch (error) {\n      console.error(\n        'ProductOptions: transformer threw an error, using original options',\n        error\n      );\n      return data.options;\n    }\n  }, [data?.options, transformer]);\n\n  useEffect(() => {\n    const dataEvent = events.on('pdp/data', setData, { scope });\n\n    const valuesEvent = events.on(\n      'pdp/values',\n      ({ optionsUIDs }) => {\n        if (optionsUIDs) {\n          setCurrent(optionsUIDs);\n        }\n      },\n      { scope }\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: ProductOptionSelectionMap) => {\n      if (!data?.sku) return;\n\n      const { persistURLParams, anchors, acdl } = config.getConfig() ?? {};\n\n      const sanitizedSelections = Object.fromEntries(\n        Object.entries(selections).filter(\n          ([, value]) => value.label !== ChooseOptionLabel\n        )\n      ) as ProductOptionSelectionMap;\n\n      // options selected\n      let optionsUIDs = selectionMapToOptionUIDs(\n        sanitizedSelections,\n        transformedOptions\n      );\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 and update the values only if they have changed\n      if (\n        getProductConfigurationValues({ scope })?.optionsUIDs?.join('|') !==\n        optionsUIDs?.join('|')\n      ) {\n        // update values\n        setProductConfigurationValues((prev) => ({ ...prev, optionsUIDs }), {\n          scope,\n        });\n      }\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, { scope });\n\n      let valid = isProductOptionsSelectionComplete(\n        next?.options,\n        next?.optionUIDs ?? optionsUIDs,\n        next?.isBundle\n      );\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(\n            (prev) => ({\n              ...prev,\n              optionsUIDs: updatedOptionsUIDs,\n            }),\n            { scope }\n          );\n\n          valid = isProductOptionsSelectionComplete(\n            next?.options,\n            updatedOptionsUIDs,\n            next?.isBundle\n          );\n        }\n      }\n\n      // is the product valid\n      setProductConfigurationValid(() => valid, { scope });\n\n      // ACDL\n      if (acdl && next && next?.variantSku !== data.sku) {\n        publishProductPageViewEvent(next);\n      }\n    },\n    [\n      ChooseOptionLabel,\n      data?.isBundle,\n      data?.sku,\n      onValues,\n      scope,\n      transformedOptions,\n    ]\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, { scope });\n        onErrors?.(errors);\n      }\n    },\n    [onErrors, scope]\n  );\n\n  if (!data) return null;\n\n  // Only show if there are options in the data\n  if (!transformedOptions) 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={transformedOptions}\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 (options) {\n  const data = await getFetchedProductData({ scope: options?.scope });\n  const optionsUIDs =\n    getProductConfigurationValues({ scope: options?.scope })?.optionsUIDs ?? [];\n  return { data, optionsUIDs };\n};\n"],"names":["ProductOptions","initialData","scope","hideSelectedValue","transformer","slots","onValues","onErrors","children","props","data","setData","useState","current","setCurrent","selectionsToUpdate","setSelectionsToUpdate","ChooseOptionLabel","useText","transformedOptions","useMemo","error","useEffect","dataEvent","events","valuesEvent","optionsUIDs","handleOptionSelected","useCallback","selections","persistURLParams","anchors","acdl","config","sanitizedSelections","value","selectionMapToOptionUIDs","setUrlParams","_b","_a","getProductConfigurationValues","setProductConfigurationValues","prev","next","fetchProductData","valid","isProductOptionsSelectionComplete","updatedOptionsUIDs","item","setProductConfigurationValid","publishProductPageViewEvent","handleErrors","errors","jsx","Slot","Swatches","imageSwatchContext","imageProps","options","getFetchedProductData"],"mappings":"uuBAqEO,MAAMA,EAGT,CAAC,CACH,YAAAC,EAAc,CAAE,KAAM,KAAM,YAAa,CAAA,CAAC,EAC1C,MAAAC,EACA,kBAAAC,EAAoB,GACpB,YAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAM,OACJ,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAA8BX,EAAY,IAAI,EAEhE,CAACY,EAASC,CAAU,EAAIF,EAAmBX,EAAY,WAAW,EAElE,CAACc,EAAoBC,CAAqB,EAC9CJ,EAAA,EAEIK,EAAoBC,EAAQ,iCAAiC,EAAE,MAG/DC,EAAqBC,EAAQ,IAAM,CACvC,GAAKV,GAAA,MAAAA,EAAM,QAEX,IAAI,CAACN,EACH,OAAOM,EAAK,QAGd,GAAI,CAGF,OAFoBN,EAAYM,EAAK,OAAO,GAEtBA,EAAK,OAC7B,OAASW,EAAO,CACd,eAAQ,MACN,qEACAA,CAAA,EAEKX,EAAK,OACd,EACF,EAAG,CAACA,GAAA,YAAAA,EAAM,QAASN,CAAW,CAAC,EAE/BkB,EAAU,IAAM,CACd,MAAMC,EAAYC,EAAO,GAAG,WAAYb,EAAS,CAAE,MAAAT,EAAO,EAEpDuB,EAAcD,EAAO,GACzB,aACA,CAAC,CAAE,YAAAE,CAAA,IAAkB,CACfA,GACFZ,EAAWY,CAAW,CAE1B,EACA,CAAE,MAAAxB,CAAA,CAAM,EAGV,MAAO,IAAM,CACXqB,GAAA,MAAAA,EAAW,MACXE,GAAA,MAAAA,EAAa,KACf,CAEF,EAAG,CAAA,CAAE,EAEL,MAAME,EAAuBC,EAC3B,MAAOC,GAA0C,SAC/C,GAAI,EAACnB,GAAA,MAAAA,EAAM,KAAK,OAEhB,KAAM,CAAE,iBAAAoB,EAAkB,QAAAC,EAAS,KAAAC,CAAA,EAASC,EAAO,UAAA,GAAe,CAAA,EAE5DC,EAAsB,OAAO,YACjC,OAAO,QAAQL,CAAU,EAAE,OACzB,CAAC,EAAGM,CAAK,IAAMA,EAAM,QAAUlB,CAAA,CACjC,EAIF,IAAIS,EAAcU,EAChBF,EACAf,CAAA,EAMEW,GAAoB,EAACpB,GAAA,MAAAA,EAAM,WAC7B2B,EAAa,CAAE,YAAaX,EAAY,KAAK,GAAG,EAAG,IAKnDY,GAAAC,EAAAC,EAA8B,CAAE,MAAAtC,CAAA,CAAO,IAAvC,YAAAqC,EAA0C,cAA1C,YAAAD,EAAuD,KAAK,SAC5DZ,GAAA,YAAAA,EAAa,KAAK,OAGlBe,EAA+BC,IAAU,CAAE,GAAGA,EAAM,YAAAhB,IAAgB,CAClE,MAAAxB,CAAA,CACD,EAIHI,GAAA,MAAAA,EAAWoB,GAGX,MAAMiB,EAAO,MAAMC,EAAiBlC,EAAK,IAAK,CAC5C,YAAagB,GAAe,CAAA,EAC5B,SAAUhB,GAAA,YAAAA,EAAM,SAChB,QAAAqB,CAAA,CACD,EAGDP,EAAO,KAAK,WAAYmB,EAAM,CAAE,MAAAzC,EAAO,EAEvC,IAAI2C,EAAQC,EACVH,GAAA,YAAAA,EAAM,SACNA,GAAA,YAAAA,EAAM,aAAcjB,EACpBiB,GAAA,YAAAA,EAAM,QAAA,EAIR,GAAIZ,GAAA,MAAAA,EAAS,OAAQ,CACnB,MAAMgB,GAAqBJ,GAAA,YAAAA,EAAM,aAAc,CAAA,EAE5BjB,EAAY,MAAOsB,GACpCD,EAAmB,SAASC,CAAI,CAAA,IAIhChC,EAAsB2B,GAAA,YAAAA,EAAM,OAAO,EACnCF,EACGC,IAAU,CACT,GAAGA,EACH,YAAaK,CAAA,GAEf,CAAE,MAAA7C,CAAA,CAAM,EAGV2C,EAAQC,EACNH,GAAA,YAAAA,EAAM,QACNI,EACAJ,GAAA,YAAAA,EAAM,QAAA,EAGZ,CAGAM,EAA6B,IAAMJ,EAAO,CAAE,MAAA3C,EAAO,EAG/C8B,GAAQW,IAAQA,GAAA,YAAAA,EAAM,cAAejC,EAAK,KAC5CwC,EAA4BP,CAAI,CAEpC,EACA,CACE1B,EACAP,GAAA,YAAAA,EAAM,SACNA,GAAA,YAAAA,EAAM,IACNJ,EACAJ,EACAiB,CAAA,CACF,EAGIgC,EAAevB,EAClBwB,GAAqC,CAClB,OAAO,KAAKA,CAAM,EAAE,SAAW,IAG/CH,EAA6B,IAAM,GAAO,CAAE,MAAA/C,EAAO,EACnDK,GAAA,MAAAA,EAAW6C,GAEf,EACA,CAAC7C,EAAUL,CAAK,CAAA,EAMlB,MAHI,CAACQ,GAGD,CAACS,EAA2B,KAG9BkC,EAACC,EAAA,CACC,KAAK,WACL,KAAMjD,GAAA,YAAAA,EAAO,SACb,QAAS,CAAE,KAAAK,EAAM,YAAaG,CAAA,EAE9B,SAAAwC,EAACE,EAAA,CACE,GAAG9C,EACJ,QAASU,EACT,aAAcN,EACd,eAAgBA,EAChB,mBAAAE,EACA,kBAAAZ,EACA,qBAAsB,GAACoC,EAAAN,EAAO,UAAA,IAAP,MAAAM,EAAoB,sBAC3C,SAAUZ,EACV,SAAUwB,EACV,gBACE9C,GAAA,MAAAA,EAAO,YACH,CAAC,CAAE,mBAAAmD,EAAoB,GAAGC,KACxBJ,EAACC,EAAA,CACC,KAAK,cACL,KAAMjD,GAAA,YAAAA,EAAO,YACb,QAAQ,OACR,WAAW,OACX,QAAS,CACP,KAAAK,EACA,YAAaG,EACb,kBAAmB4C,EACnB,mBAAAD,CAAA,CACF,CAAA,EAGJ,MAAA,CAAA,CAER,CAAA,CAGN,EAEAxD,EAAe,eAAiB,eAAgB0D,EAAS,OACvD,MAAMhD,EAAO,MAAMiD,EAAsB,CAAE,MAAOD,GAAA,YAAAA,EAAS,MAAO,EAC5DhC,IACJa,EAAAC,EAA8B,CAAE,MAAOkB,GAAA,YAAAA,EAAS,KAAA,CAAO,IAAvD,YAAAnB,EAA0D,cAAe,CAAA,EAC3E,MAAO,CAAE,KAAA7B,EAAM,YAAAgB,CAAA,CACjB"}

package/containers/ProductPrice.js

@@ -1,4 +1,4 @@
 /*! Copyright 2026 Adobe
 All Rights Reserved. */
-import{jsx as e}from"@dropins/tools/preact-jsx-runtime.js";import{useState as v,useEffect as C}from"@dropins/tools/preact-compat.js";import{toLanguageTag as a}from"@dropins/tools/lib.js";import"@dropins/tools/components.js";import{P as F,b as I,a as h}from"../chunks/components.js";import"@dropins/tools/preact.js";import"@dropins/tools/preact-hooks.js";import{events as D}from"@dropins/tools/event-bus.js";import{config as R,getFetchedProductData as U}from"../api.js";import"@dropins/tools/i18n.js";import"@dropins/tools/fetch-graphql.js";const k=({initialData:L=null,scope:c,children:q,...x})=>{var s,l,p,n,m,u,f,g,d,P,b;const{globalLocale:S="en-US"}=R.getConfig(),[r,T]=v(L),[i,j]=v(S);return C(()=>{const t=D.on("pdp/data",T,{scope:c}),o=D.on("locale",j);return()=>{t==null||t.off(),o==null||o.off()}},[c]),!r||!r.prices?null:e(F,{...x,specialPrice:(s=r.prices)!=null&&s.visible?e(h,{...(l=r.prices)==null?void 0:l.final,locale:a(i)}):void 0,price:(p=r.prices)!=null&&p.visible&&((n=r.prices)!=null&&n.regular)&&((m=r.prices)==null?void 0:m.final.amount)!==((u=r.prices)==null?void 0:u.regular.amount)?e(h,{...(f=r.prices)==null?void 0:f.regular,locale:a(i)}):void 0,tiers:(g=r.prices)!=null&&g.visible&&((P=(d=r.prices)==null?void 0:d.tiers)==null?void 0:P.length)>0?e(I,{tiers:r.prices.tiers,locale:a(i),regularPrice:(b=r.prices.regular)==null?void 0:b.amount}):void 0})};k.getInitialData=U;export{k as ProductPrice,k as default};
+import{jsx as e}from"@dropins/tools/preact-jsx-runtime.js";import{useState as v,useEffect as C}from"@dropins/tools/preact-compat.js";import{toLanguageTag as a}from"@dropins/tools/lib.js";import"@dropins/tools/components.js";import{P as F,b as I,a as h}from"../chunks/components.js";import"@dropins/tools/preact.js";import"@dropins/tools/preact-hooks.js";import{events as D}from"@dropins/tools/event-bus.js";import{config as R,getFetchedProductData as U}from"../api.js";import"@dropins/tools/i18n.js";import"../fragments.js";import"@dropins/tools/fetch-graphql.js";const k=({initialData:L=null,scope:c,children:q,...x})=>{var s,l,p,n,m,u,f,g,d,P,b;const{globalLocale:S="en-US"}=R.getConfig(),[r,T]=v(L),[i,j]=v(S);return C(()=>{const t=D.on("pdp/data",T,{scope:c}),o=D.on("locale",j);return()=>{t==null||t.off(),o==null||o.off()}},[c]),!r||!r.prices?null:e(F,{...x,specialPrice:(s=r.prices)!=null&&s.visible?e(h,{...(l=r.prices)==null?void 0:l.final,locale:a(i)}):void 0,price:(p=r.prices)!=null&&p.visible&&((n=r.prices)!=null&&n.regular)&&((m=r.prices)==null?void 0:m.final.amount)!==((u=r.prices)==null?void 0:u.regular.amount)?e(h,{...(f=r.prices)==null?void 0:f.regular,locale:a(i)}):void 0,tiers:(g=r.prices)!=null&&g.visible&&((P=(d=r.prices)==null?void 0:d.tiers)==null?void 0:P.length)>0?e(I,{tiers:r.prices.tiers,locale:a(i),regularPrice:(b=r.prices.regular)==null?void 0:b.amount}):void 0})};k.getInitialData=U;export{k as ProductPrice,k as default};
 //# sourceMappingURL=ProductPrice.js.map

package/containers/ProductPrice.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductPrice.js","sources":["/@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 */\n\nimport { HTMLAttributes, useEffect, useState } from 'preact/compat';\nimport { Container, toLanguageTag } from '@adobe-commerce/elsie/lib';\nimport { Price, PriceRange } from '@/pdp/components';\nimport PriceTiers from '@/pdp/components/PriceTiers';\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  scope?: string;\n}\n\nexport const ProductPrice: Container<\n  ProductPriceProps,\n  ProductModel | null\n> = ({ initialData = null, scope, children, ...props }) => {\n  const { globalLocale = 'en-US' } = config.getConfig();\n\n  const [data, setData] = useState<ProductModel | null>(initialData);\n\n  const [locale, setLocale] = useState<string>(globalLocale);\n\n  useEffect(() => {\n    const dataEvent = events.on('pdp/data', setData, { scope });\n    const localeEvent = events.on('locale', setLocale);\n\n    return () => {\n      dataEvent?.off();\n      localeEvent?.off();\n    };\n  }, [scope]);\n\n  if (!data || !data.prices) 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\n            {...data.prices?.regular}\n            locale={toLanguageTag(locale)}\n          />\n        ) : undefined\n      }\n      tiers={\n        data.prices?.visible && data.prices?.tiers?.length > 0 ? (\n          <PriceTiers\n            tiers={data.prices.tiers}\n            locale={toLanguageTag(locale)}\n            regularPrice={data.prices.regular?.amount}\n          />\n        ) : undefined\n      }\n    />\n  );\n};\n\nProductPrice.getInitialData = getFetchedProductData;\n"],"names":["ProductPrice","initialData","scope","children","props","globalLocale","config","data","setData","useState","locale","setLocale","useEffect","dataEvent","events","localeEvent","jsx","Price","_a","PriceRange","_b","toLanguageTag","_c","_d","_e","_f","_g","_h","_j","_i","PriceTiers","_k","getFetchedProductData"],"mappings":"4hBA4BO,MAAMA,EAGT,CAAC,CAAE,YAAAC,EAAc,KAAM,MAAAC,EAAO,SAAAC,EAAU,GAAGC,KAAY,2BACzD,KAAM,CAAE,aAAAC,EAAe,SAAYC,EAAO,UAAA,EAEpC,CAACC,EAAMC,CAAO,EAAIC,EAA8BR,CAAW,EAE3D,CAACS,EAAQC,CAAS,EAAIF,EAAiBJ,CAAY,EAYzD,OAVAO,EAAU,IAAM,CACd,MAAMC,EAAYC,EAAO,GAAG,WAAYN,EAAS,CAAE,MAAAN,EAAO,EACpDa,EAAcD,EAAO,GAAG,SAAUH,CAAS,EAEjD,MAAO,IAAM,CACXE,GAAA,MAAAA,EAAW,MACXE,GAAA,MAAAA,EAAa,KACf,CACF,EAAG,CAACb,CAAK,CAAC,EAEN,CAACK,GAAQ,CAACA,EAAK,OAAe,KAGhCS,EAACC,EAAA,CACE,GAAGb,EACJ,cACEc,EAAAX,EAAK,SAAL,MAAAW,EAAa,UACVC,EAAA,CAAY,IAAGC,EAAAb,EAAK,SAAL,YAAAa,EAAa,MAAO,OAAQC,EAAcX,CAAM,EAAG,EACjE,OAEN,OACEY,EAAAf,EAAK,SAAL,MAAAe,EAAa,WACbC,EAAAhB,EAAK,SAAL,MAAAgB,EAAa,YACbC,EAAAjB,EAAK,SAAL,YAAAiB,EAAa,MAAM,YAAWC,EAAAlB,EAAK,SAAL,YAAAkB,EAAa,QAAQ,QACjDT,EAACG,EAAA,CACE,IAAGO,EAAAnB,EAAK,SAAL,YAAAmB,EAAa,QACjB,OAAQL,EAAcX,CAAM,CAAA,CAAA,EAE5B,OAEN,OACEiB,EAAApB,EAAK,SAAL,MAAAoB,EAAa,WAAWC,GAAAC,EAAAtB,EAAK,SAAL,YAAAsB,EAAa,QAAb,YAAAD,EAAoB,QAAS,EACnDZ,EAACc,EAAA,CACC,MAAOvB,EAAK,OAAO,MACnB,OAAQc,EAAcX,CAAM,EAC5B,cAAcqB,EAAAxB,EAAK,OAAO,UAAZ,YAAAwB,EAAqB,MAAA,CAAA,EAEnC,MAAA,CAAA,CAIZ,EAEA/B,EAAa,eAAiBgC"}
+{"version":3,"file":"ProductPrice.js","sources":["/@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 */\n\nimport { HTMLAttributes, useEffect, useState } from 'preact/compat';\nimport { Container, toLanguageTag } from '@adobe-commerce/elsie/lib';\nimport { Price, PriceRange } from '@/pdp/components';\nimport PriceTiers from '@/pdp/components/PriceTiers';\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  scope?: string;\n}\n\nexport const ProductPrice: Container<\n  ProductPriceProps,\n  ProductModel | null\n> = ({ initialData = null, scope, children, ...props }) => {\n  const { globalLocale = 'en-US' } = config.getConfig();\n\n  const [data, setData] = useState<ProductModel | null>(initialData);\n\n  const [locale, setLocale] = useState<string>(globalLocale);\n\n  useEffect(() => {\n    const dataEvent = events.on('pdp/data', setData, { scope });\n    const localeEvent = events.on('locale', setLocale);\n\n    return () => {\n      dataEvent?.off();\n      localeEvent?.off();\n    };\n  }, [scope]);\n\n  if (!data || !data.prices) 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\n            {...data.prices?.regular}\n            locale={toLanguageTag(locale)}\n          />\n        ) : undefined\n      }\n      tiers={\n        data.prices?.visible && data.prices?.tiers?.length > 0 ? (\n          <PriceTiers\n            tiers={data.prices.tiers}\n            locale={toLanguageTag(locale)}\n            regularPrice={data.prices.regular?.amount}\n          />\n        ) : undefined\n      }\n    />\n  );\n};\n\nProductPrice.getInitialData = getFetchedProductData;\n"],"names":["ProductPrice","initialData","scope","children","props","globalLocale","config","data","setData","useState","locale","setLocale","useEffect","dataEvent","events","localeEvent","jsx","Price","_a","PriceRange","_b","toLanguageTag","_c","_d","_e","_f","_g","_h","_j","_i","PriceTiers","_k","getFetchedProductData"],"mappings":"ojBA4BO,MAAMA,EAGT,CAAC,CAAE,YAAAC,EAAc,KAAM,MAAAC,EAAO,SAAAC,EAAU,GAAGC,KAAY,2BACzD,KAAM,CAAE,aAAAC,EAAe,SAAYC,EAAO,UAAA,EAEpC,CAACC,EAAMC,CAAO,EAAIC,EAA8BR,CAAW,EAE3D,CAACS,EAAQC,CAAS,EAAIF,EAAiBJ,CAAY,EAYzD,OAVAO,EAAU,IAAM,CACd,MAAMC,EAAYC,EAAO,GAAG,WAAYN,EAAS,CAAE,MAAAN,EAAO,EACpDa,EAAcD,EAAO,GAAG,SAAUH,CAAS,EAEjD,MAAO,IAAM,CACXE,GAAA,MAAAA,EAAW,MACXE,GAAA,MAAAA,EAAa,KACf,CACF,EAAG,CAACb,CAAK,CAAC,EAEN,CAACK,GAAQ,CAACA,EAAK,OAAe,KAGhCS,EAACC,EAAA,CACE,GAAGb,EACJ,cACEc,EAAAX,EAAK,SAAL,MAAAW,EAAa,UACVC,EAAA,CAAY,IAAGC,EAAAb,EAAK,SAAL,YAAAa,EAAa,MAAO,OAAQC,EAAcX,CAAM,EAAG,EACjE,OAEN,OACEY,EAAAf,EAAK,SAAL,MAAAe,EAAa,WACbC,EAAAhB,EAAK,SAAL,MAAAgB,EAAa,YACbC,EAAAjB,EAAK,SAAL,YAAAiB,EAAa,MAAM,YAAWC,EAAAlB,EAAK,SAAL,YAAAkB,EAAa,QAAQ,QACjDT,EAACG,EAAA,CACE,IAAGO,EAAAnB,EAAK,SAAL,YAAAmB,EAAa,QACjB,OAAQL,EAAcX,CAAM,CAAA,CAAA,EAE5B,OAEN,OACEiB,EAAApB,EAAK,SAAL,MAAAoB,EAAa,WAAWC,GAAAC,EAAAtB,EAAK,SAAL,YAAAsB,EAAa,QAAb,YAAAD,EAAoB,QAAS,EACnDZ,EAACc,EAAA,CACC,MAAOvB,EAAK,OAAO,MACnB,OAAQc,EAAcX,CAAM,EAC5B,cAAcqB,EAAAxB,EAAK,OAAO,UAAZ,YAAAwB,EAAqB,MAAA,CAAA,EAEnC,MAAA,CAAA,CAIZ,EAEA/B,EAAa,eAAiBgC"}

package/containers/ProductQuantity.js

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

package/containers/ProductQuantity.js.map

@@ -1 +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  scope?: string;\n  onValue?: (quantity: number) => void;\n}\n\nexport const ProductQuantity: Container<\n  ProductQuantityProps,\n  ProductModel | null\n> = ({ initialData = null, scope, 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, { scope });\n\n    const valuesEvent = events.on(\n      'pdp/values',\n      ({ quantity }) => {\n        setCurrent(quantity);\n      },\n      { eager: true, scope }\n    );\n\n    return () => {\n      dataEvent?.off();\n      valuesEvent?.off();\n    };\n  }, [scope]);\n\n  const handleOnValue = (value: string) => {\n    const quantity = parseInt(value, 10);\n    setProductConfigurationValues((prev) => ({ ...prev, quantity }), { scope });\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","scope","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":"6eAqCO,MAAMA,EAGT,CAAC,CAAE,YAAAC,EAAc,KAAM,MAAAC,EAAO,QAAAC,EAAS,SAAAC,EAAU,GAAGC,KAAY,CAClE,MAAMC,EAAmBC,EAAQ,+BAA+B,EAAE,MAE5D,CAACC,EAAMC,CAAO,EAAIC,EAA8BT,CAAW,EAE3D,CAACU,EAASC,CAAU,EAAIF,EAAS,IAAMG,EAA4B,CAAC,CAAC,EAE3EC,EAAU,IAAM,CACd,MAAMC,EAAYC,EAAO,GAAG,WAAYP,EAAS,CAAE,MAAAP,EAAO,EAEpDe,EAAcD,EAAO,GACzB,aACA,CAAC,CAAE,SAAAE,CAAA,IAAe,CAChBN,EAAWM,CAAQ,CACrB,EACA,CAAE,MAAO,GAAM,MAAAhB,CAAA,CAAM,EAGvB,MAAO,IAAM,CACXa,GAAA,MAAAA,EAAW,MACXE,GAAA,MAAAA,EAAa,KACf,CACF,EAAG,CAACf,CAAK,CAAC,EAEV,MAAMiB,EAAiBC,GAAkB,CACvC,MAAMF,EAAW,SAASE,EAAO,EAAE,EACnCC,EAA+BC,IAAU,CAAE,GAAGA,EAAM,SAAAJ,IAAa,CAAE,MAAAhB,EAAO,EAG1E,KAAM,CAAE,iBAAAqB,CAAA,EAAqBC,EAAO,UAAA,GAAe,CAAA,EAC/CD,GACFE,EAAa,CAAE,SAAAP,EAAU,EAG3Bf,GAAA,MAAAA,EAAUe,EACZ,EAEA,OAAKV,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,UAAA,EAJU,IAepB,EAEAL,EAAgB,eAAiB6B"}
+{"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  scope?: string;\n  onValue?: (quantity: number) => void;\n}\n\nexport const ProductQuantity: Container<\n  ProductQuantityProps,\n  ProductModel | null\n> = ({ initialData = null, scope, 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, { scope });\n\n    const valuesEvent = events.on(\n      'pdp/values',\n      ({ quantity }) => {\n        setCurrent(quantity);\n      },\n      { eager: true, scope }\n    );\n\n    return () => {\n      dataEvent?.off();\n      valuesEvent?.off();\n    };\n  }, [scope]);\n\n  const handleOnValue = (value: string) => {\n    const quantity = parseInt(value, 10);\n    setProductConfigurationValues((prev) => ({ ...prev, quantity }), { scope });\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","scope","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":"qgBAqCO,MAAMA,EAGT,CAAC,CAAE,YAAAC,EAAc,KAAM,MAAAC,EAAO,QAAAC,EAAS,SAAAC,EAAU,GAAGC,KAAY,CAClE,MAAMC,EAAmBC,EAAQ,+BAA+B,EAAE,MAE5D,CAACC,EAAMC,CAAO,EAAIC,EAA8BT,CAAW,EAE3D,CAACU,EAASC,CAAU,EAAIF,EAAS,IAAMG,EAA4B,CAAC,CAAC,EAE3EC,EAAU,IAAM,CACd,MAAMC,EAAYC,EAAO,GAAG,WAAYP,EAAS,CAAE,MAAAP,EAAO,EAEpDe,EAAcD,EAAO,GACzB,aACA,CAAC,CAAE,SAAAE,CAAA,IAAe,CAChBN,EAAWM,CAAQ,CACrB,EACA,CAAE,MAAO,GAAM,MAAAhB,CAAA,CAAM,EAGvB,MAAO,IAAM,CACXa,GAAA,MAAAA,EAAW,MACXE,GAAA,MAAAA,EAAa,KACf,CACF,EAAG,CAACf,CAAK,CAAC,EAEV,MAAMiB,EAAiBC,GAAkB,CACvC,MAAMF,EAAW,SAASE,EAAO,EAAE,EACnCC,EAA+BC,IAAU,CAAE,GAAGA,EAAM,SAAAJ,IAAa,CAAE,MAAAhB,EAAO,EAG1E,KAAM,CAAE,iBAAAqB,CAAA,EAAqBC,EAAO,UAAA,GAAe,CAAA,EAC/CD,GACFE,EAAa,CAAE,SAAAP,EAAU,EAG3Bf,GAAA,MAAAA,EAAUe,EACZ,EAEA,OAAKV,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,UAAA,EAJU,IAepB,EAEAL,EAAgB,eAAiB6B"}

package/containers/ProductShortDescription.js

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

package/containers/ProductShortDescription.js.map

@@ -1 +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  scope?: string;\n}\n\nexport const ProductShortDescription: Container<\n  ProductShortDescriptionProps,\n  ProductModel | null\n> = ({ initialData = null, scope, children, ...props }) => {\n  const [data, setData] = useState<ProductModel | null>(initialData);\n\n  useEffect(() => {\n    const dataEvent = events.on('pdp/data', setData, { scope });\n\n    return () => {\n      dataEvent?.off();\n    };\n  }, [scope]);\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","scope","children","props","data","setData","useState","useEffect","dataEvent","events","jsx","classes","getFetchedProductData"],"mappings":"oUA2BO,MAAMA,EAGT,CAAC,CAAE,YAAAC,EAAc,KAAM,MAAAC,EAAO,SAAAC,EAAU,GAAGC,KAAY,CACzD,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAA8BN,CAAW,EAUjE,OARAO,EAAU,IAAM,CACd,MAAMC,EAAYC,EAAO,GAAG,WAAYJ,EAAS,CAAE,MAAAJ,EAAO,EAE1D,MAAO,IAAM,CACXO,GAAA,MAAAA,EAAW,KACb,CACF,EAAG,CAACP,CAAK,CAAC,EAELG,EAGHM,EAAC,MAAA,CAEC,wBAAyB,CAAE,QAAQN,GAAA,YAAAA,EAAM,mBAAoB,EAAA,EAC5D,GAAGD,EACJ,UAAWQ,EAAQ,CAAC,wBAAyBR,EAAM,SAAS,CAAC,CAAA,CAAA,EAP/C,IAUpB,EAEAJ,EAAwB,eAAiBa"}
+{"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  scope?: string;\n}\n\nexport const ProductShortDescription: Container<\n  ProductShortDescriptionProps,\n  ProductModel | null\n> = ({ initialData = null, scope, children, ...props }) => {\n  const [data, setData] = useState<ProductModel | null>(initialData);\n\n  useEffect(() => {\n    const dataEvent = events.on('pdp/data', setData, { scope });\n\n    return () => {\n      dataEvent?.off();\n    };\n  }, [scope]);\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","scope","children","props","data","setData","useState","useEffect","dataEvent","events","jsx","classes","getFetchedProductData"],"mappings":"4VA2BO,MAAMA,EAGT,CAAC,CAAE,YAAAC,EAAc,KAAM,MAAAC,EAAO,SAAAC,EAAU,GAAGC,KAAY,CACzD,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAA8BN,CAAW,EAUjE,OARAO,EAAU,IAAM,CACd,MAAMC,EAAYC,EAAO,GAAG,WAAYJ,EAAS,CAAE,MAAAJ,EAAO,EAE1D,MAAO,IAAM,CACXO,GAAA,MAAAA,EAAW,KACb,CACF,EAAG,CAACP,CAAK,CAAC,EAELG,EAGHM,EAAC,MAAA,CAEC,wBAAyB,CAAE,QAAQN,GAAA,YAAAA,EAAM,mBAAoB,EAAA,EAC5D,GAAGD,EACJ,UAAWQ,EAAQ,CAAC,wBAAyBR,EAAM,SAAS,CAAC,CAAA,CAAA,EAP/C,IAUpB,EAEAJ,EAAwB,eAAiBa"}

package/fragments.js

@@ -1,4 +1,174 @@
 /*! Copyright 2026 Adobe
 All Rights Reserved. */
-import{P as N,a as P,b as _}from"./api.js";import"@dropins/tools/lib.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/fetch-graphql.js";export{N as PRICE_RANGE_FRAGMENT,P as PRODUCT_FRAGMENT,_ as PRODUCT_OPTION_FRAGMENT};
+const e=`
+fragment PRODUCT_OPTION_FRAGMENT on ProductViewOption {
+    id
+    title
+    required
+    multi
+    values {
+      id
+      title
+      inStock
+      __typename
+      ... on ProductViewOptionValueProduct {
+        title
+        quantity
+        isDefault
+        __typename
+        product {
+          sku
+          shortDescription
+          metaDescription
+          metaKeyword
+          metaTitle
+          name
+          price {
+            final {
+              amount {
+                value
+                currency
+              }
+            }
+            regular {
+              amount {
+                value
+                currency
+              }
+            }
+            roles
+          }
+        }
+      }
+      ... on ProductViewOptionValueSwatch {
+        id
+        title
+        type
+        value
+        inStock
+      }
+    }
+  }
+`,t=`
+  fragment PRICE_RANGE_FRAGMENT on ComplexProductView {
+    priceRange {
+      maximum {
+        final {
+          amount {
+            value
+            currency
+          }
+        }
+        regular {
+          amount {
+            value
+            currency
+          }
+        }
+        roles
+      }
+      minimum {
+        final {
+          amount {
+            value
+            currency
+          }
+        }
+        regular {
+          amount {
+            value
+            currency
+          }
+        }
+        roles
+      }
+    }
+  }
+`,r=`
+fragment PRODUCT_FRAGMENT on ProductView {
+  __typename
+  id
+  sku
+  name
+  shortDescription
+  metaDescription
+  metaKeyword
+  metaTitle
+  description
+  inStock
+  addToCartAllowed
+  url
+  urlKey
+  externalId
+
+  images(roles: []) {
+    url
+    label
+    roles
+  }
+
+  videos {
+		description
+		url
+		title
+		preview {
+			label
+			roles
+			url
+		}
+	}
+
+  attributes(roles: []) {
+    name
+    label
+    value
+    roles
+  }
+
+... on SimpleProductView {
+    price {
+        roles
+
+        regular {
+            amount {
+                value
+                currency
+            }
+        }
+
+        final {
+            amount {
+                value
+                currency
+            }
+        }
+        tiers {
+          tier {
+            amount {
+              value
+              currency
+            }
+          }
+          quantity {
+            ... on ProductViewTierRangeCondition {
+              gte
+              lt
+            }
+          }
+        }
+      }
+    }
+
+  ... on ComplexProductView {
+    options {
+      ...PRODUCT_OPTION_FRAGMENT
+    }
+
+    ...PRICE_RANGE_FRAGMENT
+  }
+}
+
+${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

@@ -1 +1 @@
-{"version":3,"file":"fragments.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"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  videos {\n\t\tdescription\n\t\turl\n\t\ttitle\n\t\tpreview {\n\t\t\tlabel\n\t\t\troles\n\t\t\turl\n\t\t}\n\t}\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        tiers {\n          tier {\n            amount {\n              value\n              currency\n            }\n          }\n          quantity {\n            ... on ProductViewTierRangeCondition {\n              gte\n              lt\n            }\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;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,EAoF9BF,CAAuB;AAAA,EACvBC,CAAoB;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dropins/storefront-pdp",
-  "version": "3.2.0-beta.1",
-  "@dropins/tools": "1.9.0-beta.0",
+  "version": "3.2.0-beta.3",
+  "@dropins/tools": "1.9.0-beta.3",
   "license": "SEE LICENSE IN LICENSE.md"
 }

package/render.js

@@ -2,5 +2,5 @@
 All Rights Reserved. */
 (function(e,a){try{if(typeof document<"u"){const o=document.createElement("style"),p=a.styleId;for(const r in a.attributes)o.setAttribute(r,a.attributes[r]);o.setAttribute("data-dropin",p),o.appendChild(document.createTextNode(e));const t=document.querySelector('style[data-dropin="sdk"]');if(t)t.after(o);else{const r=document.querySelector('link[rel="stylesheet"], style');r?r.before(o):document.head.append(o)}}}catch(o){console.error("dropin-styles (injectCodeFunction)",o)}})(`.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__slide--hidden{opacity:0;pointer-events:none}.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-gallery__video,.pdp-product-gallery__video-iframe{width:100%;height:100%;object-fit:contain}.pdp-product-gallery__video-iframe{border:none}.pdp-product-gallery__video-thumbnail{position:relative;display:inline-block;width:100%;height:100%}.pdp-product-gallery__video-thumbnail-placeholder{display:block;background-color:var(--color-neutral-300)}.pdp-product-gallery__video-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#0009;border-radius:50%;color:var(--color-neutral-50);font-size:16px;pointer-events:none;transition:background-color .2s ease}.pdp-product-gallery__video-thumbnail:hover .pdp-product-gallery__video-icon,.pdp-product-gallery__video-thumbnail:focus-visible .pdp-product-gallery__video-icon{background-color:#000c}.pdp-product-gallery__video-thumbnail img{width:100%;height:100%;object-fit:cover}.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-swatches__options--checkboxes{flex-direction:column;align-items:flex-start;gap:var(--spacing-small)}.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 ease-out;transform:var(--transform);vertical-align:middle;width:100%;will-change:transform;backface-visibility:hidden;transform-style:preserve-3d}.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);width:10px;height:10px}.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 ease-out;transform:var(--transform);will-change:transform;backface-visibility:hidden}}.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,.pdp-header__variant{font:var(--type-body-1-default-font);max-width:600px}.pdp-header__variant-separator{margin-inline:.25em}.pdp-header__variant-sku{font:var(--type-body-1-default-font)}.pdp-price{display:flex;flex-wrap:wrap;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)}.pdp-price__tiers{flex:0 0 100%}.pdp-price-tiers{display:flex;flex-direction:column;gap:8px;margin-top:8px}.pdp-price-tiers__tier{font:var(--type-body-2-font);color:var(--color-text-primary);line-height:1.4}.pdp-price-tiers__text{display:inline}.pdp-price-tiers__price{font-weight:600;color:var(--color-text-primary)}.pdp-price-tiers__savings{font-weight:600;color:var(--color-success)}.pdp-gift-card-options{display:flex;flex-direction:column;gap:var(--spacing-xsmall)}.pdp-gift-card-options__grid{display:flex;flex-direction:column;gap:var(--spacing-small)}.pdp-gift-card-options__row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-small)}.pdp-product__gift-card-options-container{grid-column:1 / -1}.pdp-gift-card-options__option-field{min-width:0;box-sizing:border-box}.pdp-gift-card-options__option-field--full-width{grid-column:1 / -1}.pdp-gift-card-options__label{font-weight:700;margin-bottom:var(--spacing-xsmall)}.pdp-downloadable-options{display:grid;grid-auto-flow:row;grid-gap:var(--grid-1-gutters);grid-auto-rows:max-content;position:relative;z-index:0}.pdp-downloadable-options__field{display:grid;font:var(--type-body-2-strong-font);grid-auto-rows:max-content;gap:var(--spacing-small)}.pdp-downloadable-options__field__label{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);color:var(--color-neutral-800);margin-bottom:var(--spacing-xxsmall)}.pdp-downloadable-options__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-small)}.pdp-downloadable-options__item{position:relative;min-width:0;display:flex;flex-direction:row;align-items:stretch}.pdp-downloadable-options__item--disabled{cursor:not-allowed;opacity:.6}.pdp-downloadable-options__item--disabled .pdp-downloadable-options__clickable{cursor:not-allowed}.pdp-downloadable-options__item--disabled:hover{border-color:var(--color-neutral-300);background-color:var(--color-neutral-50)}.pdp-downloadable-options__item--sample{cursor:default}.pdp-downloadable-options__item--sample:hover{border-color:var(--color-neutral-300);background-color:var(--color-neutral-50)}.pdp-downloadable-options__item--sample .pdp-downloadable-options__clickable{cursor:default;pointer-events:none}.pdp-downloadable-options__clickable{padding:var(--spacing-xsmall);outline:none;border-radius:var(--shape-border-radius-2) 0 0 var(--shape-border-radius-2);border:2px solid var(--color-neutral-300);background-color:var(--color-neutral-50);font:inherit;color:inherit;text-align:left;width:100%;cursor:pointer;display:flex;flex-direction:column;flex:1;transition:all .15s ease}.pdp-downloadable-options__clickable:hover:not(:disabled){border-color:var(--color-neutral-500);background-color:var(--color-neutral-100)}.pdp-downloadable-options__item--selected .pdp-downloadable-options__clickable{border-color:var(--color-brand-500);background-color:var(--color-brand-50)}.pdp-downloadable-options__item--selected .pdp-downloadable-options__clickable:hover:not(:disabled){border-color:var(--color-brand-600);background-color:var(--color-brand-100)}.pdp-downloadable-options__clickable:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.pdp-downloadable-options__item:has(.pdp-downloadable-options__clickable:focus-visible){outline:2px solid var(--color-brand-500);outline-offset:2px}.pdp-downloadable-options__content{display:flex;flex-direction:column;gap:var(--spacing-xxsmall)}.pdp-downloadable-options__header{width:100%;display:flex;justify-content:space-between;align-items:baseline;gap:var(--spacing-small)}.pdp-downloadable-options__title{font:var(--type-body-2-font);color:var(--color-neutral-900);line-height:1.4;flex:1;min-width:0}.pdp-downloadable-options__sample-button{padding:var(--spacing-xsmall);font:var(--type-details-caption-2-font);color:var(--color-brand-600);background-color:var(--color-neutral-50);border:2px solid var(--color-neutral-300);border-left:none;border-radius:0 var(--shape-border-radius-2) var(--shape-border-radius-2) 0;cursor:pointer;flex-shrink:0;white-space:nowrap;text-decoration:none;display:flex;align-items:center}.pdp-downloadable-options__price{font:var(--type-body-2-strong-font);color:var(--color-neutral-900);white-space:nowrap;flex-shrink:0}.pdp-downloadable-options__sample{display:inline-block;padding:0 var(--spacing-xsmall) var(--spacing-xsmall) var(--spacing-xsmall);font:var(--type-details-caption-2-font);color:var(--color-brand-600);text-decoration:underline;text-underline-offset:2px;transition:color .15s ease;cursor:pointer}.pdp-downloadable-options__sample:hover{color:var(--color-brand-700);text-decoration-thickness:2px}
 .pdp-product-gallery__stack{position:relative}.pdp-product-gallery__layer{transition:opacity .18s ease-out}.pdp-product-gallery__layer--pending{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.pdp-product-gallery__layer--pending.pdp-product-gallery__layer--entering{opacity:1}@media (prefers-reduced-motion: reduce){.pdp-product-gallery__layer{transition:none}}`,{styleId:"PDP"});
-import{jsx as o}from"@dropins/tools/preact-jsx-runtime.js";import{deepmerge as m,Render as u}from"@dropins/tools/lib.js";import{useState as b,useEffect as c}from"@dropins/tools/preact-hooks.js";import{UIProvider as d}from"@dropins/tools/components.js";import{events as f}from"@dropins/tools/event-bus.js";import{config as g}from"./api.js";import"@dropins/tools/fetch-graphql.js";const p={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"},TierPrice:{label:"Tier Price"},TierPricing:{label:"Buy {quantity} for {price} each and save {percent}%"},Image:{label:"{product} Image {key} of {total}"},GiftCardOptions:{ChooseAmount:{label:"Choose amount"},OtherAmount:{label:"Other amount"},RequiredFieldError:{label:"This field is required"},NumberError:{label:"Please enter a valid number"},MinError:{label:"Minimum value is {min}"},MaxError:{label:"Maximum value is {max}"},MinLengthError:{label:"Minimum length is {min_length} characters"},MaxLengthError:{label:"Maximum length is {max_length} characters"},EmailError:{label:"Please enter a valid email address"},InvalidValueError:{label:"Please select one of the allowed values: {values}"}}},Swatches:{Required:{label:"Required"},ChooseOption:{label:"Choose an option"}},DownloadableOptions:{Sample:{label:"Sample"},ViewSample:{label:"View sample for {label}"}},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"}}},h={PDP:p},P={default:h},C=({children:i})=>{var r;const[e,t]=b(),n=(r=g.getConfig())==null?void 0:r.langDefinitions;c(()=>{const l=f.on("locale",a=>{a!==e&&t(a)},{eager:!0});return()=>{l==null||l.off()}},[e]);const s=m(P,n??{});return o(d,{lang:e,langDefinitions:s,children:i})},w=new u(o(C,{}));export{w as render};
+import{jsx as o}from"@dropins/tools/preact-jsx-runtime.js";import{deepmerge as m,Render as u}from"@dropins/tools/lib.js";import{useState as b,useEffect as c}from"@dropins/tools/preact-hooks.js";import{UIProvider as d}from"@dropins/tools/components.js";import{events as f}from"@dropins/tools/event-bus.js";import{config as g}from"./api.js";import"./fragments.js";import"@dropins/tools/fetch-graphql.js";const p={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"},TierPrice:{label:"Tier Price"},TierPricing:{label:"Buy {quantity} for {price} each and save {percent}%"},Image:{label:"{product} Image {key} of {total}"},GiftCardOptions:{ChooseAmount:{label:"Choose amount"},OtherAmount:{label:"Other amount"},RequiredFieldError:{label:"This field is required"},NumberError:{label:"Please enter a valid number"},MinError:{label:"Minimum value is {min}"},MaxError:{label:"Maximum value is {max}"},MinLengthError:{label:"Minimum length is {min_length} characters"},MaxLengthError:{label:"Maximum length is {max_length} characters"},EmailError:{label:"Please enter a valid email address"},InvalidValueError:{label:"Please select one of the allowed values: {values}"}}},Swatches:{Required:{label:"Required"},ChooseOption:{label:"Choose an option"}},DownloadableOptions:{Sample:{label:"Sample"},ViewSample:{label:"View sample for {label}"}},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"}}},h={PDP:p},P={default:h},C=({children:i})=>{var r;const[e,t]=b(),n=(r=g.getConfig())==null?void 0:r.langDefinitions;c(()=>{const l=f.on("locale",a=>{a!==e&&t(a)},{eager:!0});return()=>{l==null||l.off()}},[e]);const s=m(P,n??{});return o(d,{lang:e,langDefinitions:s,children:i})},I=new u(o(C,{}));export{I as render};
 //# sourceMappingURL=render.js.map

package/render.js.map

@@ -1 +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":"wrDA2BMA,EAAkB,CACtB,QAASC,CACX,EAMaC,EAAiD,CAAC,CAC7D,SAAAC,CACF,IAAM,OACJ,KAAM,CAACC,EAAQC,CAAO,EAAIC,EAAA,EAEpBC,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,EAAA,CAAK,EAEhB,MAAO,IAAM,CACXF,GAAA,MAAAA,EAAa,KACf,CACF,EAAG,CAACP,CAAM,CAAC,EAGX,MAAMU,EAAcC,EAAUf,EAAiBO,GAAuB,CAAA,CAAE,EAExE,SACGS,EAAA,CAAW,KAAMZ,EAAQ,gBAAiBU,EACxC,SAAAX,EACH,CAEJ,EC7Cac,EAAS,IAAIC,EAAOC,EAACjB,IAAS,CAAE"}
+{"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":"+sDA2BMA,EAAkB,CACtB,QAASC,CACX,EAMaC,EAAiD,CAAC,CAC7D,SAAAC,CACF,IAAM,OACJ,KAAM,CAACC,EAAQC,CAAO,EAAIC,EAAA,EAEpBC,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,EAAA,CAAK,EAEhB,MAAO,IAAM,CACXF,GAAA,MAAAA,EAAa,KACf,CACF,EAAG,CAACP,CAAM,CAAC,EAGX,MAAMU,EAAcC,EAAUf,EAAiBO,GAAuB,CAAA,CAAE,EAExE,SACGS,EAAA,CAAW,KAAMZ,EAAQ,gBAAiBU,EACxC,SAAAX,EACH,CAEJ,EC7Cac,EAAS,IAAIC,EAAOC,EAACjB,IAAS,CAAE"}