From 5107d3cd6802eafa77aa2a98a4939a474369c009 Mon Sep 17 00:00:00 2001
From: "Carlos A. Cabrera" <316104+fnhipster@users.noreply.github.com>
Date: Wed, 27 Nov 2024 11:40:14 -0600
Subject: [PATCH] PDP Containers (#135)

* PDP containers

* merge

* fix

* fixed height in overlay

* bump

* layout

* promsie all

* fixes

* Promise.all

* testin w/o promise all

* Revert "testin w/o promise all"

This reverts commit b3d8faa21a6c2d22f812704e8546eb32922fe827.

* update

* Update scripts.js

* Update product-details.js

* test: disable placeholders

* Update scripts.js

* Update product-details.js

* placeholders

* moved to variable

* settings needs to be set once

* Update head.html

* extra berak line

* promtoe jsonldp

* fixed linting issues

* initialDat

* initialization

* set jsonld on lcp

* fixes

* fix lint

* fixed selections

* moved initializer

* reverting

* removed spaces

* clean up

* optionsUIDs

* getOptionsUIDsFromUrl

* promise

* prefetch placeholders

* preload

* render concurrently

* wip initializer poc

* initialize cart globally

* initialize globally

* fixed loop redirect

* pdp initializer

* await

* mountImmediately

* bump

* fixed lint issues

* clean up

* fix lint errors

* fixed cypress tests

* preloads

* preloads

* Update product-details.js

* valid

* Update package.json

* updated PDP drop-in version

* bug fixes

* removed custom pdp

* bump

* load css first

* pre-initialize pdp

* preload product image

* Update pdp.js

* Update pdp.js

* Update pdp.js

---------

Co-authored-by: Daniela Neagu <danielan@adobe.com>
---
 .eslintrc.js                                  |   1 +
 blocks/product-details-custom/Icon.js         |  43 --
 .../ProductDetailsCarousel.js                 | 149 -----
 .../ProductDetailsShimmer.js                  |  17 -
 .../ProductDetailsSidebar.js                  | 132 ----
 .../product-details-custom.css                | 562 ------------------
 .../product-details-custom.js                 | 224 -------
 blocks/product-details/product-details.css    | 113 +++-
 blocks/product-details/product-details.js     | 390 +++++++-----
 .../e2eTests/events/initiate-checkout.spec.js |   4 +-
 .../src/tests/e2eTests/events/recs.spec.js    |   2 +-
 head.html                                     |  11 +-
 package-lock.json                             | 378 +-----------
 package.json                                  |   2 +-
 .../__mocks__/product-mocks.d.ts              |   1 +
 scripts/__dropins__/storefront-pdp/api.js     |   4 +-
 .../fetchProductData/fetchProductData.d.ts    |  24 +
 .../api/fetchProductData/index.d.ts           |  17 +
 .../getFetchedProductData.d.ts                |   4 +
 .../api/getFetchedProductData/index.d.ts      |  17 +
 .../getProductConfigurationValues.d.ts        |   4 +
 .../getProductConfigurationValues/index.d.ts  |  17 +
 .../api/getProductData/getProductData.d.ts    |   5 +-
 .../getRefinedProduct/getRefinedProduct.d.ts  |   2 +-
 .../__dropins__/storefront-pdp/api/index.d.ts |   6 +
 .../api/initialize/initialize.d.ts            |  10 +-
 .../isProductConfigurationValid/index.d.ts    |  17 +
 .../isProductConfigurationValid.d.ts          |  17 +
 .../setProductConfigurationValid/index.d.ts   |  17 +
 .../setProductConfigurationValid.d.ts         |  17 +
 .../setProductConfigurationValues/index.d.ts  |  17 +
 .../setProductConfigurationValues.d.ts        |   4 +
 .../storefront-pdp/chunks/PriceRange.js       |   3 +
 .../storefront-pdp/chunks/Swatches.js         |   3 +
 .../__dropins__/storefront-pdp/chunks/Zoom.js |   3 +
 .../__dropins__/storefront-pdp/chunks/date.js |   3 +
 .../chunks/getFetchedProductData.js           |   3 +
 .../chunks/getProductConfigurationValues.js   |   3 +
 .../chunks/getRefinedProduct.js               | 185 ------
 .../storefront-pdp/chunks/initialize.js       |   1 -
 .../chunks/isProductConfigurationValid.js     | 187 ++++++
 .../components/Header/Header.d.ts             |  10 +
 .../components/Header/index.d.ts              |  18 +
 .../components/Price/Price.d.ts               |   9 +
 .../components/Price/index.d.ts               |  18 +
 .../components/Swatches/Swatches.d.ts         |   1 +
 .../storefront-pdp/components/index.d.ts      |   2 +
 .../containers/ProductAttributes.d.ts         |   3 +
 .../containers/ProductAttributes.js           |   3 +
 .../ProductAttributes/ProductAttributes.d.ts  |   8 +
 .../containers/ProductAttributes/index.d.ts   |  18 +
 .../containers/ProductDescription.d.ts        |   3 +
 .../containers/ProductDescription.js          |   3 +
 .../ProductDescription.d.ts                   |   8 +
 .../containers/ProductDescription/index.d.ts  |  18 +
 .../containers/ProductDetails.js              |   4 +-
 .../ProductDetails/ProductDetails.d.ts        |   1 +
 .../containers/ProductGallery.d.ts            |   3 +
 .../containers/ProductGallery.js              |   3 +
 .../ProductGallery/ProductGallery.d.ts        |  18 +
 .../containers/ProductGallery/index.d.ts      |   3 +
 .../containers/ProductHeader.d.ts             |   3 +
 .../containers/ProductHeader.js               |   3 +
 .../ProductHeader/ProductHeader.d.ts          |   9 +
 .../containers/ProductHeader/index.d.ts       |  18 +
 .../containers/ProductOptions.d.ts            |   3 +
 .../containers/ProductOptions.js              |   3 +
 .../ProductOptions/ProductOptions.d.ts        |  22 +
 .../containers/ProductOptions/index.d.ts      |  18 +
 .../containers/ProductPrice.d.ts              |   3 +
 .../storefront-pdp/containers/ProductPrice.js |   3 +
 .../containers/ProductPrice/ProductPrice.d.ts |   8 +
 .../containers/ProductPrice/index.d.ts        |  18 +
 .../containers/ProductQuantity.d.ts           |   3 +
 .../containers/ProductQuantity.js             |   3 +
 .../ProductQuantity/ProductQuantity.d.ts      |   9 +
 .../containers/ProductQuantity/index.d.ts     |  18 +
 .../containers/ProductShortDescription.d.ts   |   3 +
 .../containers/ProductShortDescription.js     |   3 +
 .../ProductShortDescription.d.ts              |   8 +
 .../ProductShortDescription/index.d.ts        |  18 +
 .../storefront-pdp/containers/index.d.ts      |   8 +
 .../data/models/acdl-models.d.ts              |  10 +-
 .../storefront-pdp/data/models/index.d.ts     |   1 +
 .../data/models/product-model.d.ts            |  19 +-
 .../data/models/values-model.d.ts             |   6 +
 .../data/transforms/product-transform.d.ts    |   4 +-
 .../storefront-pdp/i18n/en_US.json.d.ts       |   3 +
 scripts/__dropins__/storefront-pdp/render.js  |   6 +-
 scripts/commerce.js                           | 150 +----
 scripts/initializers/pdp.js                   |  44 +-
 scripts/scripts.js                            |  32 +-
 92 files changed, 1211 insertions(+), 2021 deletions(-)
 delete mode 100644 blocks/product-details-custom/Icon.js
 delete mode 100644 blocks/product-details-custom/ProductDetailsCarousel.js
 delete mode 100644 blocks/product-details-custom/ProductDetailsShimmer.js
 delete mode 100644 blocks/product-details-custom/ProductDetailsSidebar.js
 delete mode 100644 blocks/product-details-custom/product-details-custom.css
 delete mode 100644 blocks/product-details-custom/product-details-custom.js
 create mode 100644 scripts/__dropins__/storefront-pdp/api/fetchProductData/fetchProductData.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/api/fetchProductData/index.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/api/getFetchedProductData/getFetchedProductData.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/api/getFetchedProductData/index.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/api/getProductConfigurationValues/getProductConfigurationValues.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/api/getProductConfigurationValues/index.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/api/isProductConfigurationValid/index.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/api/isProductConfigurationValid/isProductConfigurationValid.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/api/setProductConfigurationValid/index.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/api/setProductConfigurationValid/setProductConfigurationValid.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/api/setProductConfigurationValues/index.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/api/setProductConfigurationValues/setProductConfigurationValues.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/chunks/PriceRange.js
 create mode 100644 scripts/__dropins__/storefront-pdp/chunks/Swatches.js
 create mode 100644 scripts/__dropins__/storefront-pdp/chunks/Zoom.js
 create mode 100644 scripts/__dropins__/storefront-pdp/chunks/date.js
 create mode 100644 scripts/__dropins__/storefront-pdp/chunks/getFetchedProductData.js
 create mode 100644 scripts/__dropins__/storefront-pdp/chunks/getProductConfigurationValues.js
 delete mode 100644 scripts/__dropins__/storefront-pdp/chunks/getRefinedProduct.js
 delete mode 100644 scripts/__dropins__/storefront-pdp/chunks/initialize.js
 create mode 100644 scripts/__dropins__/storefront-pdp/chunks/isProductConfigurationValid.js
 create mode 100644 scripts/__dropins__/storefront-pdp/components/Header/Header.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/components/Header/index.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/components/Price/Price.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/components/Price/index.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/containers/ProductAttributes.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/containers/ProductAttributes.js
 create mode 100644 scripts/__dropins__/storefront-pdp/containers/ProductAttributes/ProductAttributes.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/containers/ProductAttributes/index.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/containers/ProductDescription.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/containers/ProductDescription.js
 create mode 100644 scripts/__dropins__/storefront-pdp/containers/ProductDescription/ProductDescription.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/containers/ProductDescription/index.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/containers/ProductGallery.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/containers/ProductGallery.js
 create mode 100644 scripts/__dropins__/storefront-pdp/containers/ProductGallery/ProductGallery.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/containers/ProductGallery/index.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/containers/ProductHeader.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/containers/ProductHeader.js
 create mode 100644 scripts/__dropins__/storefront-pdp/containers/ProductHeader/ProductHeader.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/containers/ProductHeader/index.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/containers/ProductOptions.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/containers/ProductOptions.js
 create mode 100644 scripts/__dropins__/storefront-pdp/containers/ProductOptions/ProductOptions.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/containers/ProductOptions/index.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/containers/ProductPrice.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/containers/ProductPrice.js
 create mode 100644 scripts/__dropins__/storefront-pdp/containers/ProductPrice/ProductPrice.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/containers/ProductPrice/index.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/containers/ProductQuantity.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/containers/ProductQuantity.js
 create mode 100644 scripts/__dropins__/storefront-pdp/containers/ProductQuantity/ProductQuantity.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/containers/ProductQuantity/index.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/containers/ProductShortDescription.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/containers/ProductShortDescription.js
 create mode 100644 scripts/__dropins__/storefront-pdp/containers/ProductShortDescription/ProductShortDescription.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/containers/ProductShortDescription/index.d.ts
 create mode 100644 scripts/__dropins__/storefront-pdp/data/models/values-model.d.ts

diff --git a/.eslintrc.js b/.eslintrc.js
index b1f96769da..d8d2e468ad 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -21,5 +21,6 @@ module.exports = {
         allow: ['warn', 'error', 'info', 'debug'],
       },
     ],
+    'no-unused-vars': ['error', { argsIgnorePattern: '^_', varsIgnorePattern: '^_' }],
   },
 };
diff --git a/blocks/product-details-custom/Icon.js b/blocks/product-details-custom/Icon.js
deleted file mode 100644
index 4506b6a18c..0000000000
--- a/blocks/product-details-custom/Icon.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import {
-  h, Component, Fragment,
-  // eslint-disable-next-line import/no-unresolved,import/extensions
-} from '../../scripts/preact.js';
-// eslint-disable-next-line import/no-unresolved,import/extensions
-import htm from '../../scripts/htm.js';
-
-const html = htm.bind(h);
-
-export default class Icon extends Component {
-  constructor(props) {
-    super();
-
-    this.iconName = props.name;
-  }
-
-  async componentDidMount() {
-    const resp = await fetch(`${window.hlx.codeBasePath}/icons/${this.iconName}.svg`);
-    if (resp.ok) {
-      const iconHTML = await resp.text();
-      this.setState({ iconHTML });
-    }
-  }
-
-  render() {
-    if (!this.state.iconHTML) {
-      return null;
-    }
-
-    if (this.state.iconHTML.match(/<style/i)) {
-      const src = `data:image/svg+xml,${encodeURIComponent(this.state.iconHTML)}`;
-      return html`
-        <span class=${`icon icon${this.iconName}`}><img src=${src} /></span>
-      `;
-    }
-
-    return html`<${Fragment}>
-        <span class=${`icon icon${this.iconName}`} dangerouslySetInnerHTML=${{ __html: this.state.iconHTML }}>
-        </span>
-    </Fragment>
-    `;
-  }
-}
diff --git a/blocks/product-details-custom/ProductDetailsCarousel.js b/blocks/product-details-custom/ProductDetailsCarousel.js
deleted file mode 100644
index ab60958f6a..0000000000
--- a/blocks/product-details-custom/ProductDetailsCarousel.js
+++ /dev/null
@@ -1,149 +0,0 @@
-import {
-  h, Component, Fragment,
-} from '../../scripts/preact.js';
-import htm from '../../scripts/htm.js';
-import Icon from './Icon.js';
-
-const html = htm.bind(h);
-
-function OptimizedSources({
-  src,
-  sizes,
-  width,
-  height,
-  loading = 'lazy',
-}) {
-  const createUrlForWidth = (url, w, useWebply = true) => {
-    const newUrl = new URL(url);
-    if (useWebply) {
-      newUrl.searchParams.set('format', 'webply');
-      newUrl.searchParams.set('optimize', 'medium');
-    } else {
-      newUrl.searchParams.delete('format');
-    }
-    newUrl.searchParams.set('width', w);
-    newUrl.searchParams.delete('quality');
-    newUrl.searchParams.delete('dpr');
-    newUrl.searchParams.delete('bg-color');
-    return newUrl.toString();
-  };
-
-  const createUrlForDpi = (url, w, useWebply = true) => `${createUrlForWidth(url, w, useWebply)} 1x, ${createUrlForWidth(url, w * 2, useWebply)} 2x, ${createUrlForWidth(url, w * 3, useWebply)} 3x`;
-
-  return html`<${Fragment}>
-    ${sizes.map((size) => {
-    const webpUrl = createUrlForDpi(src, size.width || width, true);
-    const jpgUrl = createUrlForDpi(src, size.width || width, false);
-    const mediaAttribute = {};
-    if (size.media) {
-      mediaAttribute.media = `(max-width: ${size.media}px)`;
-    }
-    const jpgTag = html`<source ...${mediaAttribute} srcset=${jpgUrl} />`;
-    const webpTag = html`<source ...${mediaAttribute} srcset=${webpUrl}/>`;
-    return html`${webpTag}\n${jpgTag}`;
-  })}
-    <img height=${height} width=${width} src=${createUrlForWidth(src, width, false)} loading=${loading} />
-  <//>`;
-}
-
-export default class Carousel extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      slide: 0,
-      thumbnailSlide: 0,
-    };
-  }
-
-  getImages() {
-    const productImages = this.props.product?.images.map((i) => {
-      const url = new URL(i.url);
-      url.protocol = window.location.protocol;
-      return url.toString();
-    });
-
-    if (productImages) {
-      this.thumbnailImages = productImages.map((image) => `${image}?quality=100&bg-color=255,255,255`);
-      this.images = productImages.map((image) => `${image}?width=700&quality=100&bg-color=255,255,255`);
-    }
-  }
-
-  static negativeModulo(i, mod) {
-    return ((i % mod) + mod) % mod;
-  }
-
-  updateThumbnailSlide(getNextIndex) {
-    const nextIndex = getNextIndex(this.state.thumbnailSlide);
-    const limitedIndex = Math.min(Math.max(nextIndex, 0), this.thumbnailImages.length - 1);
-    this.setState({ thumbnailSlide: limitedIndex });
-  }
-
-  updateSlide(getNextIndex) {
-    const nextIndex = getNextIndex(this.state.slide);
-    const correctedNextIndex = Carousel.negativeModulo(nextIndex, this.images.length);
-    this.setState({
-      slide: correctedNextIndex,
-      thumbnailSlide: correctedNextIndex,
-    });
-  }
-
-  static getDerivedStateFromProps(nextProps, state) {
-    if (state.slide >= nextProps.product?.productImages?.length ?? 0) {
-      return {
-        ...state,
-        slide: 0,
-        thumbnailSlide: 0,
-      };
-    }
-    return null;
-  }
-
-  render() {
-    this.getImages();
-
-    return html`
-        <div class="product-detail-carousel">
-            <div class="carousel-thumbnails-wrapper">
-                <div class="thumbnail-controls">
-                    <button class="button" name="thumbnail-prev" disabled=${this.props.shimmer} onClick=${() => this.updateThumbnailSlide((index) => index - 1)}><${Icon} name="caret-up-fill" /></button>
-                    <button class="button" name="thumbnail-next" disabled=${this.props.shimmer} onClick=${() => this.updateThumbnailSlide((index) => index + 1)}><${Icon} name="caret-down-fill" /></button>
-                </div>
-                <ul class="carousel-thumbnails" style="transform: translateY(-${(this.state.thumbnailSlide === 0 ? 0 : 1) * -252.7 + (this.state.thumbnailSlide) * 322.6}px)">
-                    ${!this.props.loading && this.thumbnailImages.map((image, i) => html`
-                          <li key=${image} onClick=${() => this.setState({ slide: i, thumbnailSlide: i })}>
-                              <picture>
-                                  <${OptimizedSources} src=${image} height="313" width="247" loading=${'lazy'} sizes=${[]} />
-                              </picture>
-                          </li>`)}
-                    ${this.props.loading && [1, 2, 3].map(() => html`
-                        <li><picture class="shimmer"><img height="313" width="247" /></picture></li>
-                    `)}
-                </ul>
-            </div>
-            <div class="carousel-stage-wrapper">
-                ${!this.props.loading && html`
-                    <div class="main-controls">
-                        <button class="button" name="stage-prev" onClick=${() => this.updateSlide((index) => index - 1)}><${Icon} name="caret-left-fill" /></button>
-                        <button class="button" name="stage-next" onClick=${() => this.updateSlide((index) => index + 1)}><${Icon} name="caret-right-fill" /></button>
-                    </div>
-                `}
-                <ul
-                        class="carousel-stage"
-                        style="transform: translateX(-${this.state.slide * 100}%)"
-                >
-                    ${!this.props.loading && this.images.map((image, i) => html`
-                        <li key=${image} active=${i === this.state.slide ? 'true' : 'false'}>
-                            <picture>
-                                <${OptimizedSources} src=${image} width="700" height="888" loading=${i === 0 ? 'eager' : 'lazy'} sizes=${[{ media: 450, width: 450 }, { width: 700 }]} />
-                            </picture>
-                        </li>
-                    `)}
-                    ${this.props.loading && html`
-                        <li><picture class="shimmer"><img width="700" height="888" /></picture></li>
-                    `}
-                </ul>
-            </div>
-        </div>
-    `;
-  }
-}
diff --git a/blocks/product-details-custom/ProductDetailsShimmer.js b/blocks/product-details-custom/ProductDetailsShimmer.js
deleted file mode 100644
index f6b5e73cfa..0000000000
--- a/blocks/product-details-custom/ProductDetailsShimmer.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import {
-  h, Fragment,
-} from '../../scripts/preact.js';
-import htm from '../../scripts/htm.js';
-import Sidebar from './ProductDetailsSidebar.js';
-import Carousel from './ProductDetailsCarousel.js';
-
-const html = htm.bind(h);
-
-export default function ProductDetailsShimmer() {
-  return html`<${Fragment}>
-      <div class="title-shimmer shimmer desktop-hidden"></div>
-      <${Carousel} loading />
-      <${Sidebar} loading />
-      <div class="detail-shimmer shimmer mobile-hidden"></div>
-  <//>`;
-}
diff --git a/blocks/product-details-custom/ProductDetailsSidebar.js b/blocks/product-details-custom/ProductDetailsSidebar.js
deleted file mode 100644
index be7b3bdace..0000000000
--- a/blocks/product-details-custom/ProductDetailsSidebar.js
+++ /dev/null
@@ -1,132 +0,0 @@
-import { Component, Fragment, h } from '../../scripts/preact.js';
-import htm from '../../scripts/htm.js';
-import Icon from './Icon.js';
-import { renderPrice } from '../../scripts/commerce.js';
-
-const html = htm.bind(h);
-
-function QuantitySelector({ onChange }) {
-  const options = Array.from({ length: 15 }, (_, index) => index + 1);
-  return html`<div class="sidebar-section quantity-select">
-      <h4 class="selection">Quantity</h4>
-      <select onchange=${(event) => onChange?.(Number.parseInt(event.target.value, 10))}>
-        ${options.map((value) => html`<option key=${value} value=${value}>${value}</option>`)}
-      </select>
-    </div>`;
-}
-
-function NameAndPriceShimmer() {
-  return html`
-      <div class="desktop-hidden title-shimmer">
-          <div class="heading-shimmer shimmer"></div>
-          <div class="price-shimmer shimmer"></div>
-      </div>
-  `;
-}
-
-function NameAndPrice({ shimmer, product }) {
-  const {
-    priceRange, price, name, sku,
-  } = product;
-
-  if (shimmer || !(priceRange || price)) {
-    return html`<${NameAndPriceShimmer} />`;
-  }
-
-  const priceFormatter = new Intl.NumberFormat('en-US', {
-    style: 'currency',
-    currency: 'USD',
-  });
-
-  const priceHtml = renderPrice(product, priceFormatter.format, html, Fragment);
-  return html`<${Fragment}>
-    <h1 dangerouslySetInnerHTML=${{ __html: name }}></h1>
-    <div class="price" >${priceHtml}</div>
-    <div class="style-id">SKU: ${sku}</div>
-  <//>`;
-}
-
-function Options({ product, updateSelection, selection }) {
-  const options = product?.options;
-  if (!options) {
-    return null;
-  }
-
-  const renderSwatches = (option) => {
-    const { values } = option;
-    const selectedValue = selection?.[option.id]?.id;
-
-    return values.map((value) => {
-      const attr = {};
-      if (value.type === 'COLOR_HEX') {
-        attr.style = {
-          backgroundColor: value.value,
-        };
-      }
-
-      return html`<li key=${value.id} class="swatch">
-          <button
-            ...${attr}
-            class="button"
-            aria-selected=${value.id === selectedValue}
-            disabled=${!value.inStock}
-            onClick=${() => updateSelection({ [option.id]: value })}>${value.title}</button>
-        </li>`;
-    });
-  };
-
-  return options.map((option) => {
-    const selectedTitle = selection?.[option.id]?.title;
-    return html`<div class=${`sidebar-section ${option.id === 'color' ? 'color-selector' : 'sizes-selector'}`}>
-      <h4>${selectedTitle ? `${option.title}: ${selectedTitle}` : option.title}</h4>
-      <ul class="swatches swatches-regular">${renderSwatches(option)}</ul>
-    </div>`;
-  });
-}
-
-function CartSection({ onAddToCart, canAddToCart, onAddToWishlist }) {
-  return html`<div class="sidebar-section cart">
-    <button disabled=${!canAddToCart()} onclick=${onAddToCart} class="button primary cart-button">Add to Bag</button>
-    <button onclick=${onAddToWishlist} class="button secondary secondary-action"><${Icon} name="heart" />Add to Favorites</button>
-  </div>`;
-}
-
-export default class ProductDetailsSidebar extends Component {
-  constructor(props) {
-    super(props);
-
-    this.updateSelection = this.updateSelection.bind(this);
-    this.canAddToCart = this.canAddToCart.bind(this);
-  }
-
-  updateSelection(fragment) {
-    this.props.onSelectionChanged?.(fragment);
-  }
-
-  canAddToCart() {
-    return Object.keys(this.props.selection).length === (this.props.product.options?.length || 0);
-  }
-
-  render() {
-    const { product, loading, selection } = this.props;
-    if (loading) {
-      return html`<div class="sidebar shimmer"></div>`;
-    }
-
-    return html`<${Fragment}>
-      <div class="product-title desktop-hidden">
-        <${NameAndPrice} shimmer=${this.props.shimmer} product=${product} />
-      </div>
-      <div class=${`sidebar ${this.props.shimmer ? 'shimmer' : ''}`}>
-          ${this.props.shimmer || html`
-          <div class="product-title sidebar-section mobile-hidden">
-            <${NameAndPrice} product=${product} />
-          </div>
-          <${Options} product=${product} updateSelection=${this.updateSelection} selection=${selection} />
-          <${QuantitySelector} onChange=${this.props.onQuantityChanged} />
-          <${CartSection} onAddToWishlist=${this.props.onAddToWishlist} onAddToCart=${this.props.onAddToCart} canAddToCart=${this.canAddToCart} />
-        `}
-      </div>
-    <//>`;
-  }
-}
diff --git a/blocks/product-details-custom/product-details-custom.css b/blocks/product-details-custom/product-details-custom.css
deleted file mode 100644
index f127b92e98..0000000000
--- a/blocks/product-details-custom/product-details-custom.css
+++ /dev/null
@@ -1,562 +0,0 @@
-/* stylelint-disable comment-empty-line-before */
-/* stylelint-disable no-descending-specificity */
-/* stylelint-disable declaration-block-no-redundant-longhand-properties */
-.product-details-custom {
-  display: grid !important;
-  grid-template: 'product-title' 'carousel';
-}
-
-.product-details-custom > div.full-height {
-  height: 100vh;
-}
-
-.product-details-custom > *:not(.product-detail-carousel) {
-  padding: 8px 25px 25px;
-}
-
-.product-details-custom .product-detail-description {
-  font: var(--type-body-2-default-font);
-  letter-spacing: var(--type-body-2-default-letter-spacing);
-}
-
-.product-details-custom .product-detail-description h3 {
-  margin: 0 0 16px;
-}
-
-.product-details-custom .product-detail-description ul {
-  margin: 1.6rem 0;
-  padding: 0 0 0 38px;
-}
-
-.product-details-custom .product-detail-description ul li {
-  margin: 0 0 16px;
-}
-
-.product-details-custom .product-title h1 {
-  font: var(--type-headline-1-font);
-  letter-spacing: var(--type-headline-1-letter-spacing);
-  margin: 0 0 16px;
-}
-
-.product-details-custom .sidebar-section {
-  border-bottom: 1px solid #c2c2c2;
-  padding: 0 0 2rem;
-  margin: 0 0 2rem;
-}
-
-.product-details-custom .sidebar-section:last-child {
-  margin: 0;
-}
-
-.product-details-custom .sidebar-section .social-links {
-  margin: 2rem 0 0;
-  display: grid;
-  justify-content: center;
-  text-align: center;
-  gap:16px 0;
-  grid-template: 'favorites favorites' 'email help' /1fr 1fr;
-}
-
-.product-details-custom .sidebar-section .social-links .favorites {
-  grid-area: favorites;
-}
-
-.product-details-custom .sidebar-section .social-links .email {
-  grid-area: email;
-}
-
-.product-details-custom .sidebar-section .social-links .help {
-  grid-area: help;
-}
-
-.product-details-custom .product-title .price {
-  display: flex;
-  flex-direction: column;
-}
-
-.product-details-custom .sidebar-section h4 {
-  margin: 0;
-}
-
-.product-details-custom .sidebar-section.quantity-select {
-  display: flex;
-  gap: 25px;
-  align-items: center;
-}
-
-.product-details-custom .sidebar-section.cart button {
-  max-width: 100%;
-}
-
-.product-details-custom .product-title .price .price-regular {
-  font: var(--type-headline-2-default-font);
-  letter-spacing: var(--type-headline-2-default-letter-spacing);
-  color: var(--color-neutral-600);
-  text-decoration: line-through;
-  order: -1;
-}
-
-.product-details-custom .product-title .price .price-range {
-  display: flex;
-  align-items: baseline;
-  flex-wrap: wrap;
-}
-
-.product-details-custom .product-title .price .price-range .price-regular {
-  flex: 0 1 100%;
-  order: -1;
-}
-
-.product-details-custom .product-title .price .price-range .price-from {
-  font: var(--type-headline-2-strong-font);
-  letter-spacing: var(--type-headline-2-strong-letter-spacing);
-}
-
-.product-details-custom .product-title .price .price-range .price-from:first-child::after {
-  content: "-";
-  padding: 0 8px;
-}
-
-.product-details-custom .product-title .price .price-final {
-  font: var(--type-headline-2-strong-font);
-  letter-spacing: var(--type-headline-2-strong-letter-spacing);
-}
-
-.product-details-custom .product-title .style-id {
-  font: var(--type-headline-2-default-font);
-  letter-spacing: var(--type-headline-2-default-letter-spacing);
-  text-align: right;
-}
-
-.product-details-custom .product-title.desktop-hidden {
-  grid-area: product-title;
-  display: grid;
-  grid-template: 'title title' 'price style';
-  align-items: flex-end;
-}
-
-.product-details-custom .product-title.desktop-hidden h1 {
-  grid-area: title;
-}
-
-.product-details-custom .product-title.desktop-hidden .price {
-  grid-area: price;
-}
-
-.product-details-custom .product-title.desktop-hidden .style-id {
-  grid-area: style;
-}
-
-.product-details-custom .mobile-hidden {
-  display: none;
-}
-
-.product-details-custom .swatches .swatch-spacer {
-  width: 64px;
-}
-
-.product-details-custom .sidebar .sidebar-section.color-selector {
-  padding-bottom: 80px;
-}
-
-.product-details-custom .sidebar .sidebar-section.color-selector button {
-  font-size: 0;
-}
-
-.product-details-custom .selected-color {
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-  max-width: 34rem;
-}
-
-.product-details-custom .swatches {
-  will-change: height;
-  list-style: none;
-  padding: 0;
-  display: flex;
-  gap: 8px;
-  flex-wrap: wrap;
-  margin: 12px 0 0;
-}
-
-.product-details-custom .swatches li {
-  display: flex;
-}
-
-.product-details-custom .swatch>button {
-  width: 36px;
-  height: 36px;
-  background-size: initial;
-  border-radius: var(--shape-border-radius-3);
-  border: var(--shape-border-width-3) solid var(--color-neutral-50);
-  display: inline;
-  margin: 0;
-  padding: 0;
-  outline: var(--shape-border-width-1) solid var(--color-neutral-300);
-}
-
-.product-details-custom .swatch>button[aria-selected="true"] {
-  outline: var(--shape-border-width-2) solid var(--color-neutral-900);
-}
-
-.product-details-custom .swatch>button[disabled] {
-  cursor: not-allowed;
-  color: var(--color-neutral-500);
-}
-
-.product-details-custom .cart .secondary-action {
-  margin: 1.6rem auto;
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  justify-content: center;
-}
-
-.product-details-custom .cart .secondary-action svg {
-  width: 22px;
-  height: 22px;
-  fill: currentcolor;
-  stroke: currentcolor;
-}
-
-.product-details-custom .cart .cart-button {
-  margin: 1.6rem auto;
-  display: block;
-}
-
-.product-details-custom .product-detail-carousel {
-  position: relative;
-  overflow: hidden;
-}
-
-.product-details-custom .product-detail-carousel .carousel-stage-wrapper {
-  display: grid;
-  overflow: hidden;
-  min-width: 100%;
-}
-
-.product-details-custom picture.shimmer img {
-  visibility: hidden;
-}
-
-.product-details-custom picture.shimmer {
-  display: block;
-  max-width: 700px;
-  margin: auto;
-}
-
-.product-details-custom .product-detail-carousel .carousel-stage-wrapper img {
-  aspect-ratio: 800 / 1014;
-  width: 100vw;
-  height: auto;
-  object-fit: contain;
-  display: block;
-  margin: auto;
-}
-
-.product-details-custom .product-detail-carousel ul {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-}
-
-.product-details-custom .sizes-selector h4 {
-  display: inline-block;
-  margin: 0;
-}
-
-.product-details-custom .sizes-selector span {
-  float: right;
-  margin-top: 1.4rem;
-}
-
-.product-details-custom .sizes-selector ul {
-  flex-wrap: wrap;
-  display: flex;
-  list-style: none;
-  padding: 0;
-  gap: 12px;
-  margin: 32px 0 16px;
-}
-
-.product-details-custom .sizes-selector ul li button {
-  background: none;
-  margin: 0;
-  padding: 10px;
-  color: var(--color-brand-700);
-  border-radius: 4px;
-  border: var(--shape-border-width-3) solid var(--color-neutral-500);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  cursor: pointer;
-  width: auto;
-  height: auto;
-}
-
-.product-details-custom .sizes-selector ul li button[aria-selected="true"],
-.product-details-custom .sizes-selector ul li button:hover,
-.product-details-custom .sizes-selector ul li button:focus {
-  border-color: var(--color-brand-500);
-  background-color: var(--color-neutral-50);
-  text-decoration: none;
-}
-
-.product-details-custom .sizes-selector ul li button[disabled] {
-  cursor: not-allowed;
-  color: var(--color-neutral-500);
-}
-
-.product-details-custom .product-detail-carousel .carousel-thumbnails-wrapper {
-  display: none;
-}
-
-.product-details-custom .product-detail-carousel .carousel-stage {
-  grid-area: 1 / 1 / 1 / 1;
-  display: flex;
-  transition: transform 200ms;
-  min-width: 100%;
-}
-
-.product-details-custom .product-detail-carousel .carousel-stage li {
-  width: 100%;
-  flex-shrink: 0;
-}
-
-.product-details-custom .sidebar .variant-selection span:nth-child(2) {
-  text-transform: none;
-}
-
-.product-details-custom .product-detail-carousel .main-controls {
-  grid-area: 1 / 1 / 1 / 1;
-  z-index: 2;
-  position: absolute;
-  right: 40px;
-  left: 40px;
-  top: 0;
-  bottom: 0;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.product-details-custom .product-detail-carousel .carousel-thumbnails>li {
-  cursor: pointer;
-}
-
-.product-details-custom .product-detail-carousel div:is(.main-controls, .thumbnail-controls) button {
-  color: black;
-  padding: 0;
-  margin: 0;
-  background: white;
-  width: 30px;
-  height: 30px;
-  border-radius: 15px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.product-details-custom .title-shimmer .heading-shimmer {
-  height: 19.8px;
-  width: 100%;
-  max-width: 500px;
-  margin-top: 18px;
-  margin-bottom: 9px;
-}
-
-.product-details-custom .title-shimmer .price-shimmer {
-  height: 72px;
-  width: 25%;
-}
-
-.product-details-custom .title-shimmer {
-  height: calc(165px - 2 * 18px);
-  width: calc(100% - 32px);
-  box-sizing: border-box;
-  display: block;
-  margin: 18px 16px;
-}
-
-.product-details-custom .detail-shimmer {
-  height: 500px;
-  width: 60%;
-  margin-top: 28px;
-}
-
-.product-details-custom .shimmer {
-  background-color: #f8f8f8;
-}
-
-.product-details-custom .sidebar.shimmer {
-  min-height: 800px;
-  margin-top: 34px;
-  margin-left: 32px;
-  margin-right: 32px;
-}
-
-@keyframes loading {
-  to {
-    background-position-x: -20%;
-  }
-}
-
-@media (width >= 600px) {
-  .product-details-custom > *:not(.product-detail-carousel) {
-    padding: 0 32px;
-  }
-
-  .product-details-custom .product-detail-carousel .carousel-stage-wrapper img {
-    aspect-ratio: 700 / 888;
-    width: auto;
-  }
-
-  .product-details-custom .product-detail-carousel {
-    margin: 25px 0;
-  }
-}
-
-@media (width >= 1024px) {
-  .product-details-custom .product-title .style-id {
-    text-align: right;
-    position: absolute;
-    right: 25px;
-    bottom: 25px;
-  }
-
-  .product-details-custom .sidebar.shimmer {
-    margin: 0;
-    border: none;
-  }
-
-  .product-details-custom {
-    display: grid;
-    grid-template-columns: auto 30%;
-    grid-auto-flow: column;
-  }
-
-  .product-details-custom > *:not(.product-detail-carousel) {
-    padding: 0;
-  }
-
-  .product-details-custom .product-detail-carousel .carousel-stage>li {
-    display: flex;
-    justify-content: center;
-  }
-
-  .product-details-custom .product-detail-carousel .main-controls {
-    left: 80px;
-    right: 80px;
-  }
-
-  .product-details-custom .mobile-hidden {
-    display: block;
-  }
-
-  .product-details-custom .product-title.desktop-hidden {
-    display: none;
-  }
-
-  .product-details-custom .sidebar {
-    grid-column: 2;
-    grid-row: 1 / 3;
-    border: 1px solid #c2c2c2;
-    height: max-content;
-  }
-
-  .product-details-custom .sidebar .sidebar-section {
-    padding: 25px;
-    margin: 0;
-    position: relative;
-  }
-
-  .product-details-custom .product-detail-description {
-    grid-column: 1;
-    padding-left: 10px;
-  }
-
-  .product-details-custom .product-detail-carousel {
-    display: flex;
-    grid-column: 1;
-  }
-
-  .product-details-custom .sidebar h4 {
-    margin-bottom: 0;
-  }
-
-  .product-details-custom .sizes-selector span {
-    margin: 0;
-  }
-}
-
-/* Full desktop product page */
-@media (width >= 1280px) {
-  :root {
-    --carousel-control-height: 30px;
-    --pdp-max-width: 1400px;
-  }
-
-  .product-details-custom-wrapper {
-    max-width: var(--pdp-max-width) !important;
-  }
-
-  .product-details-custom .product-detail-carousel {
-    overflow: hidden;
-    height: 888px;
-  }
-
-  .product-details-custom .product-detail-carousel .carousel-stage-wrapper {
-    margin-left: 27%;
-    position: relative;
-    height: 888px;
-    min-width: unset;
-  }
-
-  .product-details-custom .product-detail-carousel .carousel-thumbnails {
-    display: flex;
-    flex-direction: column;
-    transition: transform 200ms;
-    gap: 20px;
-  }
-
-  .product-details-custom .product-detail-carousel .thumbnail-controls {
-    position: absolute;
-    z-index: 3;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    top: 0;
-    display: flex;
-    justify-content: space-between;
-    flex-direction: column;
-    pointer-events: none;
-  }
-
-  .product-details-custom .product-detail-carousel div.thumbnail-controls button {
-    width: 100%;
-    border-radius: 0;
-    height: var(--carousel-control-height);
-    pointer-events: all;
-  }
-
-  .product-details-custom .product-detail-carousel .carousel-thumbnails-wrapper {
-    display: initial;
-    padding-top: var(--carousel-control-height);
-    position: absolute;
-    left: 0;
-    z-index: 1;
-    background: white;
-    height: calc(100% - var(--carousel-control-height));
-  }
-
-  .product-details-custom .product-detail-carousel .carousel-thumbnails img {
-    aspect-ratio: 247/313;
-    width: 247px;
-    height: 313px;
-  }
-
-  .product-details-custom .product-detail-carousel .carousel-thumbnails picture {
-    display: block;
-  }
-}
diff --git a/blocks/product-details-custom/product-details-custom.js b/blocks/product-details-custom/product-details-custom.js
deleted file mode 100644
index ea83eab45c..0000000000
--- a/blocks/product-details-custom/product-details-custom.js
+++ /dev/null
@@ -1,224 +0,0 @@
-/* eslint-disable class-methods-use-this */
-import {
-  Component, Fragment, h, render,
-} from '../../scripts/preact.js';
-
-import htm from '../../scripts/htm.js';
-import Carousel from './ProductDetailsCarousel.js';
-import Sidebar from './ProductDetailsSidebar.js';
-import ProductDetailsShimmer from './ProductDetailsShimmer.js';
-import {
-  getProduct,
-  getSkuFromUrl,
-  performCatalogServiceQuery,
-  refineProductQuery,
-  setJsonLd,
-  loadErrorPage,
-  variantsQuery,
-  mapProductAcdl,
-} from '../../scripts/commerce.js';
-import { readBlockConfig } from '../../scripts/aem.js';
-
-const html = htm.bind(h);
-
-async function getVariantDetails(variantIds, sku) {
-  const result = await performCatalogServiceQuery(
-    refineProductQuery,
-    {
-      sku,
-      variantIds,
-    },
-  );
-  return {
-    images: result.refineProduct?.images,
-    price: result.refineProduct?.price,
-  };
-}
-
-async function setJsonLdProduct(product) {
-  const {
-    name, inStock, description, sku, urlKey, price, priceRange, images, attributes,
-  } = product;
-  const amount = priceRange?.minimum?.final?.amount || price?.final?.amount;
-  const brand = attributes.find((attr) => attr.name === 'brand');
-
-  // get variants
-  const { variants } = (await performCatalogServiceQuery(variantsQuery, { sku }))?.variants
-  || { variants: [] };
-
-  const ldJson = {
-    '@context': 'http://schema.org',
-    '@type': 'Product',
-    name,
-    description,
-    image: images[0]?.url,
-    offers: [],
-    productID: sku,
-    brand: {
-      '@type': 'Brand',
-      name: brand?.value,
-    },
-    url: new URL(`/products/${urlKey}/${sku}`, window.location),
-    sku,
-    '@id': new URL(`/products/${urlKey}/${sku}`, window.location),
-  };
-
-  if (variants.length > 1) {
-    ldJson.offers.push(...variants.map((variant) => ({
-      '@type': 'Offer',
-      name: variant.product.name,
-      image: variant.product.images[0]?.url,
-      price: variant.product.price.final.amount.value,
-      priceCurrency: variant.product.price.final.amount.currency,
-      availability: variant.product.inStock ? 'http://schema.org/InStock' : 'http://schema.org/OutOfStock',
-      sku: variant.product.sku,
-    })));
-  } else {
-    ldJson.offers.push({
-      '@type': 'Offer',
-      price: amount?.value,
-      priceCurrency: amount?.currency,
-      availability: inStock ? 'http://schema.org/InStock' : 'http://schema.org/OutOfStock',
-    });
-  }
-
-  setJsonLd(ldJson, 'product');
-}
-
-class ProductDetailPage extends Component {
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      loading: true,
-    };
-
-    this.onSelectionChanged = this.onSelectionChanged.bind(this);
-    this.onAddToCart = this.onAddToCart.bind(this);
-    this.onQuantityChanged = this.onQuantityChanged.bind(this);
-    this.onAddToWishlist = this.onAddToWishlist.bind(this);
-  }
-
-  async componentDidMount() {
-    let product;
-    try {
-      if (!window.getProductPromise) {
-        window.getProductPromise = getProduct(this.props.sku);
-      }
-      product = await window.getProductPromise;
-      if (!product) {
-        throw new Error("Couldn't get product");
-      }
-
-      this.setState({
-        product,
-        loading: false,
-        selection: {},
-      });
-    } catch (e) {
-      await loadErrorPage();
-    } finally {
-      this.props.resolve();
-    }
-  }
-
-  onAddToCart = async () => {
-    if (Object.keys(this.state.selection).length === (this.state.product.options?.length || 0)) {
-      const optionsUIDs = Object.values(this.state.selection).map((option) => option.id);
-      const values = [{
-        optionsUIDs,
-        quantity: this.state.selectedQuantity ?? 1,
-        sku: this.state.product.sku,
-      }];
-      const { addProductsToCart } = await import('@dropins/storefront-cart/api.js');
-      console.debug('onAddToCart', values, addProductsToCart);
-      addProductsToCart(values);
-    }
-  };
-
-  onAddToWishlist = async () => {
-    console.debug('onAddToWishlist', this.state.product.sku);
-  };
-
-  onQuantityChanged = (quantity) => {
-    this.setState({ selectedQuantity: quantity });
-  };
-
-  onSelectionChanged = (fragment) => {
-    // update selection value
-    this.setState((oldState) => ({
-      selection: {
-        ...oldState.selection,
-        ...fragment,
-      },
-    }));
-
-    // fetch new images and prices
-    const variantIds = Object.values({ ...this.state.selection, ...fragment })
-      .map((selection) => selection.id);
-    getVariantDetails(variantIds, this.state.product.sku).then(({ images, price }) => {
-      this.setState((oldState) => ({
-        product: {
-          ...oldState.product,
-          images,
-          price,
-        },
-      }));
-    });
-  };
-
-  async componentDidUpdate() {
-    const { loading, product } = this.state;
-    if (!loading && product) {
-      setJsonLdProduct(product);
-      document.title = product.name;
-      window.adobeDataLayer.push((dl) => {
-        dl.push({
-          productContext: mapProductAcdl(product),
-        });
-        // TODO: Remove eventInfo once collector is updated
-        dl.push({ event: 'product-page-view', eventInfo: { ...dl.getState() } });
-      });
-    }
-  }
-
-  render() {
-    if (this.state.loading) {
-      return html`<${ProductDetailsShimmer} />`;
-    }
-
-    return html`
-      <${Fragment} >
-        <${Carousel} product=${this.state.product} sku=${this.props.sku} />
-        <${Sidebar}
-          product=${this.state.product}
-          selection=${this.state.selection}
-          onSelectionChanged=${this.onSelectionChanged}
-          onAddToCart=${this.onAddToCart}
-          onAddToWishlist=${this.onAddToWishlist}
-          onQuantityChanged=${this.onQuantityChanged}
-        />
-        <div class="product-detail-description">
-          <h3>Product Details</h3>
-          <div dangerouslySetInnerHTML=${{ __html: this.state.product.description }}></div>
-        </div>
-      <//>
-    `;
-  }
-}
-
-export default async function decorate($block) {
-  const blockConfig = readBlockConfig($block);
-  $block.innerHTML = '<div class="full-height"></div>';
-
-  const skuFromUrl = getSkuFromUrl() || blockConfig.sku;
-  if (!skuFromUrl) {
-    await loadErrorPage();
-    return Promise.reject();
-  }
-
-  return new Promise((resolve) => {
-    const app = html`<${ProductDetailPage} sku=${skuFromUrl} resolve=${resolve} />`;
-    render(app, $block);
-  });
-}
diff --git a/blocks/product-details/product-details.css b/blocks/product-details/product-details.css
index 6febf7785c..cf644973c6 100644
--- a/blocks/product-details/product-details.css
+++ b/blocks/product-details/product-details.css
@@ -1,14 +1,119 @@
 /* stylelint-disable no-empty-source */
 /* stylelint-disable selector-class-pattern */
 
+.product-details__wrapper {
+  display: grid;
+  grid-template-columns: repeat(var(--grid-1-columns), 1fr);
+  grid-column-gap: var(--grid-1-gutters);
+  margin-top: var(--spacing-medium);
+}
+
+.product-details__left-column {
+  display: none;
+}
+
+.product-details__right-column {
+  grid-column: 1 / span 4;
+  color: var(--color-neutral-800);
+}
+
 .product-details__alert {
   margin-bottom: var(--spacing-small);
 }
 
-.pdp-product__buttons {
-  display: flex;
+.product-details__alert:empty {
+  display: none;
+}
+
+.product-details__header {
+  margin-bottom: var(--spacing-medium);
+}
+
+.product-details__price {
+  margin-top: var(--spacing-medium);
+}
+
+.product-details__gallery .pdp-carousel {
+  max-height: 60vh;
+}
+
+.product-details__gallery .pdp-carousel--thumbnailsRow {
+  max-height: 80vh;
+}
+
+.product-details__gallery .pdp-overlay__content .pdp-carousel,
+.product-details__gallery .pdp-overlay__content .pdp-carousel--thumbnailsRow
+{
+  max-height: unset;;
 }
 
-.pdp-product__buttons > .dropin-button--primary {
-  flex-grow: 1;
+
+.product-details__configuration {
+  grid-column: 1 / span 4;
+  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);
+}
+
+.product-details__buttons {
+  display: grid;
+  grid-template-columns: 1fr auto;
+  gap: var(--grid-1-gutters);
+  grid-auto-rows: max-content;
+}
+
+.product-details__buttons > div {
+  display: contents;
+}
+
+.product-details__attributes {
+  margin-top: var(--spacing-xsmall);
+}
+
+@media (width >= 900px) {
+  .product-details__wrapper {
+    grid-template-columns: repeat(var(--grid-3-columns), 1fr);
+    grid-column-gap: var(--grid-3-gutters);
+    position: relative;
+  }
+
+  .product-details__alert {
+    grid-column: 1 / span 12;
+    margin-bottom: var(--spacing-medium);
+  }
+
+  .product-details__left-column {
+    display: block;
+    grid-column: 1 / span 6;
+  }
+  
+  .product-details__right-column {
+    grid-column: 7 / span 5;
+    padding-top: var(--spacing-medium);
+  }
+
+  .product-details__right-column .product-details__gallery {
+    display: none;
+  }
+
+  .product-details__configuration {
+    grid-template-columns: repeat(var(--grid-1-columns), 1fr);
+    grid-gap: var(--grid-1-gutters);
+    margin-top: var(--spacing-xxbig);
+  }
+
+  .product-details__options {
+    grid-column: 1 / span 4;
+  }
+
+  .product-details__buttons {
+    grid-column: 1 / span 4;
+  }
+
+  .product-details__quantity {
+    grid-column: 1 / span 2;
+  }
 }
diff --git a/blocks/product-details/product-details.js b/blocks/product-details/product-details.js
index 499766db99..0c5c21f315 100644
--- a/blocks/product-details/product-details.js
+++ b/blocks/product-details/product-details.js
@@ -1,23 +1,242 @@
-import { events } from '@dropins/tools/event-bus.js';
+/* eslint-disable import/no-unresolved */
+
 import {
   InLineAlert,
   Icon,
+  Button,
   provider as UI,
 } from '@dropins/tools/components.js';
-import { render as productRenderer } from '@dropins/storefront-pdp/render.js';
-import { addProductsToCart } from '@dropins/storefront-cart/api.js';
-import ProductDetails from '@dropins/storefront-pdp/containers/ProductDetails.js';
+import { events } from '@dropins/tools/event-bus.js';
+import * as pdpApi from '@dropins/storefront-pdp/api.js';
+import { render as pdpRendered } from '@dropins/storefront-pdp/render.js';
+
+// Containers
+import ProductHeader from '@dropins/storefront-pdp/containers/ProductHeader.js';
+import ProductPrice from '@dropins/storefront-pdp/containers/ProductPrice.js';
+import ProductShortDescription from '@dropins/storefront-pdp/containers/ProductShortDescription.js';
+import ProductOptions from '@dropins/storefront-pdp/containers/ProductOptions.js';
+import ProductQuantity from '@dropins/storefront-pdp/containers/ProductQuantity.js';
+import ProductDescription from '@dropins/storefront-pdp/containers/ProductDescription.js';
+import ProductAttributes from '@dropins/storefront-pdp/containers/ProductAttributes.js';
+import ProductGallery from '@dropins/storefront-pdp/containers/ProductGallery.js';
 
 // Libs
-import {
-  getSkuFromUrl,
-  setJsonLd,
-  loadErrorPage, performCatalogServiceQuery, variantsQuery,
-} from '../../scripts/commerce.js';
+import { setJsonLd, loadErrorPage } from '../../scripts/commerce.js';
+import { fetchPlaceholders } from '../../scripts/aem.js';
 
 // Initializers
+import { IMAGES_SIZES } from '../../scripts/initializers/pdp.js';
 import '../../scripts/initializers/cart.js';
-import '../../scripts/initializers/pdp.js';
+
+export default async function decorate(block) {
+  // eslint-disable-next-line no-underscore-dangle
+  const product = events._lastEvent?.['pdp/data']?.payload ?? null;
+  const labels = await fetchPlaceholders();
+
+  if (!product) {
+    await loadErrorPage();
+    return Promise.reject();
+  }
+
+  // Layout
+  const fragment = document.createRange().createContextualFragment(`
+    <div class="product-details__wrapper">
+      <div class="product-details__alert"></div>
+      <div class="product-details__left-column">
+        <div class="product-details__gallery"></div>
+      </div>
+      <div class="product-details__right-column">
+        <div class="product-details__header"></div>
+        <div class="product-details__price"></div>
+        <div class="product-details__gallery"></div>
+        <div class="product-details__short-description"></div>
+        <div class="product-details__configuration">
+          <div class="product-details__options"></div>
+          <div class="product-details__quantity"></div>
+          <div class="product-details__buttons">
+            <div class="product-details__buttons__add-to-cart"></div>
+            <div class="product-details__buttons__add-to-wishlist"></div>
+          </div>
+        </div>
+        <div class="product-details__description"></div>
+        <div class="product-details__attributes"></div>
+      </div>
+    </div>
+  `);
+
+  const $alert = fragment.querySelector('.product-details__alert');
+  const $gallery = fragment.querySelector('.product-details__gallery');
+  const $header = fragment.querySelector('.product-details__header');
+  const $price = fragment.querySelector('.product-details__price');
+  const $galleryMobile = fragment.querySelector('.product-details__right-column .product-details__gallery');
+  const $shortDescription = fragment.querySelector('.product-details__short-description');
+  const $options = fragment.querySelector('.product-details__options');
+  const $quantity = fragment.querySelector('.product-details__quantity');
+  const $addToCart = fragment.querySelector('.product-details__buttons__add-to-cart');
+  const $addToWishlist = fragment.querySelector('.product-details__buttons__add-to-wishlist');
+  const $description = fragment.querySelector('.product-details__description');
+  const $attributes = fragment.querySelector('.product-details__attributes');
+
+  block.appendChild(fragment);
+
+  // Alert
+  let inlineAlert = null;
+
+  // Render Containers
+  const [
+    _galleryMobile,
+    _gallery,
+    _header,
+    _price,
+    _shortDescription,
+    _options,
+    _quantity,
+    addToCart,
+    addToWishlist,
+    _description,
+    _attributes,
+  ] = await Promise.all([
+    // Gallery (Mobile)
+    pdpRendered.render(ProductGallery, {
+      controls: 'dots',
+      arrows: true,
+      peak: false,
+      gap: 'small',
+      loop: false,
+      imageParams: {
+        ...IMAGES_SIZES,
+      },
+    })($galleryMobile),
+
+    // Gallery (Desktop)
+    pdpRendered.render(ProductGallery, {
+      controls: 'thumbnailsColumn',
+      arrows: true,
+      peak: true,
+      gap: 'small',
+      loop: false,
+      imageParams: {
+        ...IMAGES_SIZES,
+      },
+    })($gallery),
+
+    // Header
+    pdpRendered.render(ProductHeader, {})($header),
+
+    // Price
+    pdpRendered.render(ProductPrice, {})($price),
+
+    // Short Description
+    pdpRendered.render(ProductShortDescription, {})($shortDescription),
+
+    // Configuration - Swatches
+    pdpRendered.render(ProductOptions, { hideSelectedValue: false })($options),
+
+    // Configuration  Quantity
+    pdpRendered.render(ProductQuantity, {})($quantity),
+
+    // Configuration – Button - Add to Cart
+    UI.render(Button, {
+      children: labels.PDP.Product.AddToCart.label,
+      icon: Icon({ source: 'Cart' }),
+      onClick: async () => {
+        try {
+          addToCart.setProps((prev) => ({
+            ...prev,
+            children: labels.Custom.AddingToCart.label,
+            disabled: true,
+          }));
+
+          // get the current selection values
+          const values = pdpApi.getProductConfigurationValues();
+          const valid = pdpApi.isProductConfigurationValid();
+
+          // add the product to the cart
+          if (valid) {
+            const { addProductsToCart } = await import('@dropins/storefront-cart/api.js');
+            await addProductsToCart([{ ...values }]);
+          }
+
+          // reset any previous alerts if successful
+          inlineAlert?.remove();
+        } catch (error) {
+          // add alert message
+          inlineAlert = await UI.render(InLineAlert, {
+            heading: 'Error',
+            description: error.message,
+            icon: Icon({ source: 'Warning' }),
+            'aria-live': 'assertive',
+            role: 'alert',
+            onDismiss: () => {
+              inlineAlert.remove();
+            },
+          })($alert);
+
+          // Scroll the alertWrapper into view
+          $alert.scrollIntoView({
+            behavior: 'smooth',
+            block: 'center',
+          });
+        } finally {
+          addToCart.setProps((prev) => ({
+            ...prev,
+            children: labels.PDP.Product.AddToCart.label,
+            disabled: false,
+          }));
+        }
+      },
+    })($addToCart),
+
+    // Configuration - Add to Wishlist
+    UI.render(Button, {
+      icon: Icon({ source: 'Heart' }),
+      variant: 'secondary',
+      onClick: async () => {
+        try {
+          addToWishlist.setProps((prev) => ({ ...prev, disabled: true }));
+
+          const values = pdpApi.getProductConfigurationValues();
+
+          if (values?.sku) {
+            const wishlist = await import('../../scripts/wishlist/api.js');
+            await wishlist.addToWishlist(values.sku);
+          }
+        } catch (error) {
+          console.error(error);
+        } finally {
+          addToWishlist.setProps((prev) => ({ ...prev, disabled: false }));
+        }
+      },
+    })($addToWishlist),
+
+    // Description
+    pdpRendered.render(ProductDescription, {})($description),
+
+    // Attributes
+    pdpRendered.render(ProductAttributes, {})($attributes),
+  ]);
+
+  // Lifecycle Events
+  events.on('pdp/valid', (valid) => {
+    // update add to cart button disabled state based on product selection validity
+    addToCart.setProps((prev) => ({ ...prev, disabled: !valid }));
+  }, { eager: true });
+
+  // Set JSON-LD and Meta Tags
+  events.on(
+    'eds/lcp',
+    () => {
+      if (product) {
+        setJsonLdProduct(product);
+        setMetaTags(product);
+        document.title = product.name;
+      }
+    },
+    { eager: true },
+  );
+
+  return Promise.resolve();
+}
 
 async function setJsonLdProduct(product) {
   const {
@@ -35,8 +254,32 @@ async function setJsonLdProduct(product) {
   const brand = attributes.find((attr) => attr.name === 'brand');
 
   // get variants
-  const { variants } = (await performCatalogServiceQuery(variantsQuery, { sku }))?.variants
-    || { variants: [] };
+  const { data } = await pdpApi.fetchGraphQl(`
+    query GET_PRODUCT_VARIANTS($sku: String!) {
+      variants(sku: $sku) {
+        variants {
+          product {
+            sku
+            name
+            inStock
+            images(roles: ["image"]) {
+              url
+            }
+            ...on SimpleProductView {
+              price {
+                final { amount { currency value } }
+              }
+            }
+          }
+        }
+      }
+    }
+  `, {
+    method: 'GET',
+    variables: { sku },
+  });
+
+  const variants = data?.variants?.variants || [];
 
   const ldJson = {
     '@context': 'http://schema.org',
@@ -105,14 +348,11 @@ function setMetaTags(product) {
     return;
   }
 
-  const price = product.priceRange
-    ? product.priceRange.minimum.final.amount
-    : product.price.final.amount;
+  const price = product.prices.final.minimumAmount ?? product.prices.final.amount;
 
   createMetaTag('title', product.metaTitle || product.name, 'name');
   createMetaTag('description', product.metaDescription, 'name');
   createMetaTag('keywords', product.metaKeyword, 'name');
-
   createMetaTag('og:type', 'og:product', 'property');
   createMetaTag('og:description', product.shortDescription, 'property');
   createMetaTag('og:title', product.metaTitle || product.name, 'property');
@@ -124,121 +364,3 @@ function setMetaTags(product) {
   createMetaTag('og:product:price:amount', price.value, 'property');
   createMetaTag('og:product:price:currency', price.currency, 'property');
 }
-
-export default async function decorate(block) {
-  const product = await window.getProductPromise;
-
-  if (!product) {
-    await loadErrorPage();
-    return Promise.reject();
-  }
-
-  events.on(
-    'eds/lcp',
-    () => {
-      if (!product) {
-        return;
-      }
-
-      setJsonLdProduct(product);
-      setMetaTags(product);
-      document.title = product.name;
-    },
-    { eager: true },
-  );
-
-  // Alert Message Wrapper
-  const alertWrapper = document.createElement('div');
-  alertWrapper.classList.add('product-details__alert');
-  block.appendChild(alertWrapper);
-  let inlineAlert;
-
-  // PDP Wrapper
-  const pdpWrapper = document.createElement('div');
-  block.appendChild(pdpWrapper);
-
-  // Render Containers
-  try {
-    return await productRenderer.render(ProductDetails, {
-      sku: getSkuFromUrl(),
-      carousel: {
-        controls: {
-          desktop: 'thumbnailsColumn',
-          mobile: 'thumbnailsRow',
-        },
-        arrowsOnMainImage: true,
-        peak: {
-          mobile: true,
-          desktop: false,
-        },
-        gap: 'small',
-      },
-      slots: {
-        Actions: (ctx) => {
-          // Add to Cart Button
-          ctx.appendButton((next, state) => {
-            const adding = state.get('addingCart');
-            return {
-              text: adding
-                ? next.dictionary.Custom.AddingToCart?.label
-                : next.dictionary.PDP.Product.AddToCart?.label,
-              icon: 'Cart',
-              variant: 'primary',
-              disabled: adding || !next.data?.inStock || !next.valid,
-              onClick: async () => {
-                try {
-                  state.set('addingCart', true);
-                  await addProductsToCart([{ ...next.values }]);
-                  // reset any previous alerts if successful
-                  inlineAlert?.remove();
-                } catch (error) {
-                  // add alert message
-                  inlineAlert = await UI.render(InLineAlert, {
-                    heading: 'Error',
-                    description: error.message,
-                    icon: Icon({ source: 'Warning' }),
-                    'aria-live': 'assertive',
-                    role: 'alert',
-                    onDismiss: () => {
-                      inlineAlert.remove();
-                    },
-                  })(alertWrapper);
-                  // Scroll the alertWrapper into view
-                  alertWrapper.scrollIntoView({
-                    behavior: 'smooth',
-                    block: 'center',
-                  });
-                } finally {
-                  state.set('addingCart', false);
-                }
-              },
-            };
-          });
-
-          ctx.appendButton((next, state) => {
-            const adding = state.get('addingWishlist');
-            return ({
-              disabled: adding,
-              icon: 'Heart',
-              variant: 'secondary',
-              onClick: async () => {
-                try {
-                  state.set('addingWishlist', true);
-                  const { addToWishlist } = await import('../../scripts/wishlist/api.js');
-                  await addToWishlist(next.values.sku);
-                } finally {
-                  state.set('addingWishlist', false);
-                }
-              },
-            });
-          });
-        },
-      },
-      useACDL: true,
-    })(pdpWrapper);
-  } catch (e) {
-    console.error(e);
-    await loadErrorPage();
-  }
-  return undefined;
-}
diff --git a/cypress/src/tests/e2eTests/events/initiate-checkout.spec.js b/cypress/src/tests/e2eTests/events/initiate-checkout.spec.js
index 6f92aea3c3..56b4b97d91 100644
--- a/cypress/src/tests/e2eTests/events/initiate-checkout.spec.js
+++ b/cypress/src/tests/e2eTests/events/initiate-checkout.spec.js
@@ -27,7 +27,7 @@ it("is sent on mini cart Checkout button click", () => {
     cy.window().then((win) => {
       cy.spy(win.adobeDataLayer, "push").as("adl");
       // add to cart
-      cy.get(".pdp-product__buttons span:contains('Add to Cart')").should("be.visible").click();
+      cy.get(".product-details__buttons__add-to-cart button").should("be.visible").click();
       // click the minicart toggle
       cy.get('button[data-count="1"]').should("be.visible").click();
       // click the checkout button
@@ -56,7 +56,7 @@ it("is sent on cart page Checkout button click", () => {
     products.configurable.urlPathWithOptions
   );
   // add to cart
-  cy.get(".pdp-product__buttons span:contains('Add to Cart')").should("be.visible").click();
+  cy.get(".product-details__buttons__add-to-cart button").should("be.visible").click();
   // after mini cart count updates, go to /cart page
   cy.get('button[data-count="1"]').should("be.visible");
   cy.visit("/cart");
diff --git a/cypress/src/tests/e2eTests/events/recs.spec.js b/cypress/src/tests/e2eTests/events/recs.spec.js
index defa4b1b48..383f73f6a7 100644
--- a/cypress/src/tests/e2eTests/events/recs.spec.js
+++ b/cypress/src/tests/e2eTests/events/recs.spec.js
@@ -49,7 +49,7 @@ it('recs-unit-view', () => {
       return adobeDataLayer;
     }).then(adobeDataLayer => {
       // triggers a second view when scrolled again
-      cy.get('.pdp-product__title').scrollIntoView({ duration: 50 }).then(() => {
+      cy.get('.pdp-header__title').scrollIntoView({ duration: 50 }).then(() => {
         cy.get('.product-recommendations-wrapper').scrollIntoView({ duration: 50 }).then(() => {
           const eventCount = adobeDataLayer.filter(data => data?.event === 'recs-unit-view');
           expect(eventCount).to.have.lengthOf(2);
diff --git a/head.html b/head.html
index d88cffee8a..7fe34e9b55 100644
--- a/head.html
+++ b/head.html
@@ -29,16 +29,19 @@
     }
 </script>
 
+<link rel="stylesheet" href="/styles/styles.css" />
+
 <script src="/scripts/aem.js" type="module"></script>
 <script src="/scripts/scripts.js" type="module"></script>
 <script src="/scripts/configs.js" type="module"></script>
 <script src="/scripts/commerce.js" type="module"></script>
 
+<link rel="preload" href="/placeholders.json" as="fetch" crossorigin="anonymous" />
 <link rel="modulepreload" href="/scripts/initializers/index.js" />
-<link rel="modulepreload" href="/scripts/initializers/auth.js" />
-<link rel="modulepreload" href="/scripts/initializers/cart.js" />
 <link rel="modulepreload" href="/scripts/__dropins__/tools/event-bus.js" />
 <link rel="modulepreload" href="/scripts/__dropins__/tools/fetch-graphql.js" />
 <link rel="modulepreload" href="/scripts/__dropins__/tools/initializer.js" />
-
-<link rel="stylesheet" href="/styles/styles.css" />
+<link rel="modulepreload" href="/scripts/__dropins__/tools/preact.js" />
+<link rel="modulepreload" href="/scripts/__dropins__/tools/preact-compat.js" />
+<link rel="modulepreload" href="/scripts/__dropins__/tools/preact-hooks.js" />
+<link rel="modulepreload" href="/scripts/__dropins__/tools/components.js" />
diff --git a/package-lock.json b/package-lock.json
index 3a55bdd04c..3f5a113afa 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,7 +17,7 @@
         "@dropins/storefront-cart": "0.10.0",
         "@dropins/storefront-checkout": "0.1.0-alpha58",
         "@dropins/storefront-order": "0.1.0-alpha24",
-        "@dropins/storefront-pdp": "0.4.0",
+        "@dropins/storefront-pdp": "1.0.0-beta3",
         "@dropins/tools": "^0.36.0"
       },
       "devDependencies": {
@@ -40,8 +40,6 @@
     },
     "node_modules/@adobe/aem-cli": {
       "version": "16.7.15",
-      "resolved": "https://registry.npmjs.org/@adobe/aem-cli/-/aem-cli-16.7.15.tgz",
-      "integrity": "sha512-lwqp5HHspIG3IfzPsFCC6GAI0JvUZ/j+jqCrMVvebyXEgpI6lV2KkBuHRxSUNeSdU5tRYKfJgA9jgGW8GwVQOg==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -91,8 +89,6 @@
     },
     "node_modules/@adobe/aem-cli/node_modules/ignore": {
       "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-6.0.2.tgz",
-      "integrity": "sha512-InwqeHHN2XpumIkMvpl/DCJVrAHgCsG5+cn1XlnLWGwtZBm8QJfSusItfrwx81CTp5agNZqpKU2J/ccC5nGT4A==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -135,8 +131,6 @@
     },
     "node_modules/@adobe/fetch": {
       "version": "4.1.9",
-      "resolved": "https://registry.npmjs.org/@adobe/fetch/-/fetch-4.1.9.tgz",
-      "integrity": "sha512-FWIzm4vvl1OtCarTBgWDW6otj4gxrNmMf/DdriqBUw7DjjmckjT3ZQA43b4HzBkzkuAHhajwMy91btp9fWgTEw==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -150,8 +144,6 @@
     },
     "node_modules/@adobe/fetch/node_modules/debug": {
       "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
-      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -168,15 +160,11 @@
     },
     "node_modules/@adobe/fetch/node_modules/ms": {
       "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/@adobe/helix-log": {
       "version": "6.0.4",
-      "resolved": "https://registry.npmjs.org/@adobe/helix-log/-/helix-log-6.0.4.tgz",
-      "integrity": "sha512-3JmEZFS6ekFDQ54a8RA7ylQfUPysrGVtuUmrzJ+1//sbHm+qoGcjwmAQiCNwQQffIF46YP0Dmkjphu9fXRBS6Q==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -189,8 +177,6 @@
     },
     "node_modules/@adobe/helix-shared-config": {
       "version": "11.0.5",
-      "resolved": "https://registry.npmjs.org/@adobe/helix-shared-config/-/helix-shared-config-11.0.5.tgz",
-      "integrity": "sha512-paRulQTwFg52lLUIMkb+CaMYDpYpO1VycQO/0A9B2CrSXSWhzZRj+gehUf3mjslIErzB6Hwna0qOkN1b/VeSZg==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -211,8 +197,6 @@
     },
     "node_modules/@adobe/helix-shared-config/node_modules/ignore": {
       "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-6.0.2.tgz",
-      "integrity": "sha512-InwqeHHN2XpumIkMvpl/DCJVrAHgCsG5+cn1XlnLWGwtZBm8QJfSusItfrwx81CTp5agNZqpKU2J/ccC5nGT4A==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -221,8 +205,6 @@
     },
     "node_modules/@adobe/helix-shared-config/node_modules/lru-cache": {
       "version": "11.0.1",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.0.1.tgz",
-      "integrity": "sha512-CgeuL5uom6j/ZVrg7G/+1IXqRY8JXX4Hghfy5YE0EhoYQWvndP1kufu58cmZLNIDKnRhZrXfdS9urVWx98AipQ==",
       "dev": true,
       "license": "ISC",
       "engines": {
@@ -231,8 +213,6 @@
     },
     "node_modules/@adobe/helix-shared-git": {
       "version": "3.0.14",
-      "resolved": "https://registry.npmjs.org/@adobe/helix-shared-git/-/helix-shared-git-3.0.14.tgz",
-      "integrity": "sha512-xSZ70XpKb0Mf80xbS7suxWNr8wlH+1/BvEcztVXcJ68ZOvGeFHdvWfnngHdK9hJqhw/Bn179kiGwpMQv6LE1iQ==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -242,8 +222,6 @@
     },
     "node_modules/@adobe/helix-shared-indexer": {
       "version": "2.1.7",
-      "resolved": "https://registry.npmjs.org/@adobe/helix-shared-indexer/-/helix-shared-indexer-2.1.7.tgz",
-      "integrity": "sha512-78BzRKmzuMhcm1dDAKpf/zn3CVWcwTdiU+s0eI+5ze0yBR+O4kHf7qiBowPDw62f4U5o8VXNOovocGb98fxnbg==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -259,15 +237,11 @@
     },
     "node_modules/@adobe/helix-shared-prune": {
       "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@adobe/helix-shared-prune/-/helix-shared-prune-1.0.5.tgz",
-      "integrity": "sha512-xvNIA5qxRSYnNAtzikIEbn8SEqnmAdr2NbsonQqTimor5Ie8jstLuIo4wXHzeK2l+Vy9zVvimzGokEkgBslgIg==",
       "dev": true,
       "license": "Apache-2.0"
     },
     "node_modules/@adobe/helix-shared-utils": {
       "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/@adobe/helix-shared-utils/-/helix-shared-utils-2.2.0.tgz",
-      "integrity": "sha512-Xu0cRb62Ml+SIQxm573WtI2PhkwhCdTwv4r67jxJJYbuFZATX1zNRq31HB1QMtMBKpK1hB7hGpwpkZNaH+n1sw==",
       "dev": true,
       "license": "Apache-2.0",
       "engines": {
@@ -347,8 +321,6 @@
     },
     "node_modules/@arr/every": {
       "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@arr/every/-/every-1.0.1.tgz",
-      "integrity": "sha512-UQFQ6SgyJ6LX42W8rHCs8KVc0JS0tzVL9ct4XYedJukskYVWTo49tNiMEK9C2HTyarbNiT/RVIRSY82vH+6sTg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -417,8 +389,6 @@
     },
     "node_modules/@babel/eslint-parser": {
       "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/eslint-parser/-/eslint-parser-7.25.9.tgz",
-      "integrity": "sha512-5UXfgpK0j0Xr/xIdgdLEhOFxaDZ0bRPWJJchRpqOSur/3rZoPbqqki5mm0p4NE2cs28krBEiSM2MB7//afRSQQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -783,9 +753,8 @@
     },
     "node_modules/@dropins/build-tools": {
       "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/@dropins/build-tools/-/build-tools-0.1.0.tgz",
-      "integrity": "sha512-GAWrrCDRddlSDnB7z+IwaGN3R+fp/fZqE0vO1M3q9Yeg4MNXnHd3fNXP4VzsnQRzcSXM88BNBqLUHTyzKdr+2A==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "escodegen": "^2.1.0",
         "esprima": "^4.0.1",
@@ -796,19 +765,13 @@
       }
     },
     "node_modules/@dropins/storefront-account": {
-      "version": "0.1.0-alpha20",
-      "resolved": "https://registry.npmjs.org/@dropins/storefront-account/-/storefront-account-0.1.0-alpha20.tgz",
-      "integrity": "sha512-zrDZxq6b2F5Yw1hyq1n52DiKofRi84z8VBVyzeoMWjMYtYYgpPB+G9ubXyGBYPZ/JkK2TdXpGNsVX+o5Tc/ZCg=="
+      "version": "0.1.0-alpha20"
     },
     "node_modules/@dropins/storefront-auth": {
-      "version": "0.0.1-alpha25",
-      "resolved": "https://registry.npmjs.org/@dropins/storefront-auth/-/storefront-auth-0.0.1-alpha25.tgz",
-      "integrity": "sha512-/ulJyTHW5RLt1n5p5upNob1e0dicR24HSfxUHIooI4xwKj+rPgRRyF98ziSskY0TF6H6xJ6RPQwXcMkRh29aVw=="
+      "version": "0.0.1-alpha25"
     },
     "node_modules/@dropins/storefront-cart": {
-      "version": "0.10.0",
-      "resolved": "https://registry.npmjs.org/@dropins/storefront-cart/-/storefront-cart-0.10.0.tgz",
-      "integrity": "sha512-1xbwAGHndT2zEJoCpANkTcq7gQP1QF97BEMMJ7fk0VFrpam1ZDVg9b96w2Z4BELQOz6wRBcnKWxnHcnd4ZNeGA=="
+      "version": "0.10.0"
     },
     "node_modules/@dropins/storefront-checkout": {
       "version": "0.1.0-alpha58",
@@ -816,19 +779,15 @@
       "integrity": "sha512-xWtgOQ7Ulv2r/dRlo5DLKbygqvV3Ay1Kj4YRbopmDytPdOFg+j8+EGI2SpIo9fz8mTniSWVjPcMSb/awiLuo+Q=="
     },
     "node_modules/@dropins/storefront-order": {
-      "version": "0.1.0-alpha24",
-      "resolved": "https://registry.npmjs.org/@dropins/storefront-order/-/storefront-order-0.1.0-alpha24.tgz",
-      "integrity": "sha512-yh+uGvcytcBre8qptTd9moYTcyOpMhihRRG0q0LVxVJHL4Mtext6Amvx8w2JReFgFlqXq0FlEUJg7cmIZx2ADw=="
+      "version": "0.1.0-alpha24"
     },
     "node_modules/@dropins/storefront-pdp": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/@dropins/storefront-pdp/-/storefront-pdp-0.4.0.tgz",
-      "integrity": "sha512-njTZ6gCbqeMANmabRWo/cnFUthPKix6lgQ04r1N5frFbEXvaKGpiWXsAdRZ+NjhdU8Lvz2zKDR9WwIyx3P2whA=="
+      "version": "1.0.0-beta3",
+      "resolved": "https://registry.npmjs.org/@dropins/storefront-pdp/-/storefront-pdp-1.0.0-beta3.tgz",
+      "integrity": "sha512-+FrqwWudn1zoOUeEsPNA7OApiUt5tcMSpLP7aJega8UNF1YzLyVyDNFG/PbZ0EmZunB/oJESG5ZxThnqitNurA=="
     },
     "node_modules/@dropins/tools": {
-      "version": "0.36.0",
-      "resolved": "https://registry.npmjs.org/@dropins/tools/-/tools-0.36.0.tgz",
-      "integrity": "sha512-5FRH1KhL6DU/dMc39Yhp77uFJwpI5pmW8ymydcD8ip0nfxa9tZysrSjbeXhGQhV/SygE8x8VFoYwSPMseZpPlw=="
+      "version": "0.36.0"
     },
     "node_modules/@dual-bundle/import-meta-resolve": {
       "version": "4.1.0",
@@ -930,8 +889,6 @@
     },
     "node_modules/@eslint/js": {
       "version": "8.57.1",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.1.tgz",
-      "integrity": "sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -940,9 +897,6 @@
     },
     "node_modules/@humanwhocodes/config-array": {
       "version": "0.13.0",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.13.0.tgz",
-      "integrity": "sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==",
-      "deprecated": "Use @eslint/config-array instead",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -968,9 +922,6 @@
     },
     "node_modules/@humanwhocodes/object-schema": {
       "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
-      "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
-      "deprecated": "Use @eslint/object-schema instead",
       "dev": true,
       "license": "BSD-3-Clause"
     },
@@ -1114,15 +1065,11 @@
     },
     "node_modules/@polka/url": {
       "version": "0.5.0",
-      "resolved": "https://registry.npmjs.org/@polka/url/-/url-0.5.0.tgz",
-      "integrity": "sha512-oZLYFEAzUKyi3SKnXvj32ZCEGH6RDnao7COuCVhDydMS9NrCSVXhM79VaKyP5+Zc33m0QXEd2DN3UkU7OsHcfw==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/@rtsao/scc": {
       "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
-      "integrity": "sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==",
       "dev": true,
       "license": "MIT"
     },
@@ -1198,8 +1145,6 @@
     },
     "node_modules/@types/hast": {
       "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz",
-      "integrity": "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1213,8 +1158,6 @@
     },
     "node_modules/@types/mdast": {
       "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-4.0.4.tgz",
-      "integrity": "sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1223,8 +1166,6 @@
     },
     "node_modules/@types/unist": {
       "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
-      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
       "dev": true,
       "license": "MIT"
     },
@@ -1292,8 +1233,6 @@
     },
     "node_modules/ajv-formats": {
       "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-3.0.1.tgz",
-      "integrity": "sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1349,8 +1288,6 @@
     },
     "node_modules/array-flatten": {
       "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
-      "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
       "dev": true,
       "license": "MIT"
     },
@@ -1495,8 +1432,6 @@
     },
     "node_modules/bail": {
       "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/bail/-/bail-2.0.2.tgz",
-      "integrity": "sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -1519,8 +1454,6 @@
     },
     "node_modules/bcp-47-match": {
       "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/bcp-47-match/-/bcp-47-match-2.0.3.tgz",
-      "integrity": "sha512-JtTezzbAibu8G0R9op9zb3vcWZd9JF6M0xOYGPn0fNCd7wOpRB1mU2mH9T8gaBGbAAyIIVgB2G7xG0GP98zMAQ==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -1530,8 +1463,6 @@
     },
     "node_modules/big.js": {
       "version": "6.2.2",
-      "resolved": "https://registry.npmjs.org/big.js/-/big.js-6.2.2.tgz",
-      "integrity": "sha512-y/ie+Faknx7sZA5MfGA2xKlu0GDv8RWrXGsmlteyJQ2lvoKv9GBK/fpRMc2qlSoBAgNxrixICFCBefIq8WCQpQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -1544,8 +1475,6 @@
     },
     "node_modules/body-parser": {
       "version": "1.20.3",
-      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.3.tgz",
-      "integrity": "sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1569,8 +1498,6 @@
     },
     "node_modules/body-parser/node_modules/bytes": {
       "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
-      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -1579,8 +1506,6 @@
     },
     "node_modules/body-parser/node_modules/debug": {
       "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1589,15 +1514,11 @@
     },
     "node_modules/body-parser/node_modules/ms": {
       "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/boolbase": {
       "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
-      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
       "dev": true,
       "license": "ISC"
     },
@@ -1734,8 +1655,6 @@
     },
     "node_modules/ccount": {
       "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/ccount/-/ccount-2.0.1.tgz",
-      "integrity": "sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -1745,8 +1664,6 @@
     },
     "node_modules/centra": {
       "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/centra/-/centra-2.7.0.tgz",
-      "integrity": "sha512-PbFMgMSrmgx6uxCdm57RUos9Tc3fclMvhLSATYN39XsDV29B89zZ3KA89jmY0vwSGazyU+uerqwa6t+KaodPcg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1793,8 +1710,6 @@
     },
     "node_modules/character-entities-html4": {
       "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/character-entities-html4/-/character-entities-html4-2.1.0.tgz",
-      "integrity": "sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -1804,8 +1719,6 @@
     },
     "node_modules/character-entities-legacy": {
       "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-3.0.0.tgz",
-      "integrity": "sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -1822,8 +1735,6 @@
     },
     "node_modules/chokidar": {
       "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.1.tgz",
-      "integrity": "sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1938,15 +1849,11 @@
     },
     "node_modules/colorette": {
       "version": "2.0.20",
-      "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz",
-      "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/comma-separated-tokens": {
       "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz",
-      "integrity": "sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -2007,8 +1914,6 @@
     },
     "node_modules/content-disposition": {
       "version": "0.5.4",
-      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
-      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2020,8 +1925,6 @@
     },
     "node_modules/content-disposition/node_modules/safe-buffer": {
       "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
-      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
       "dev": true,
       "funding": [
         {
@@ -2041,8 +1944,6 @@
     },
     "node_modules/content-type": {
       "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
-      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -2057,8 +1958,6 @@
     },
     "node_modules/cookie": {
       "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/cookie/-/cookie-1.0.1.tgz",
-      "integrity": "sha512-Xd8lFX4LM9QEEwxQpF9J9NTUh8pmdJO0cyRJhFiDoLTk2eH8FXlRv2IFGYVadZpqI3j8fhNrSdKCeYPxiAhLXw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -2067,8 +1966,6 @@
     },
     "node_modules/cookie-parser": {
       "version": "1.4.7",
-      "resolved": "https://registry.npmjs.org/cookie-parser/-/cookie-parser-1.4.7.tgz",
-      "integrity": "sha512-nGUvgXnotP3BsjiLX2ypbQnWoGUPIIfHQNZkkC668ntrzGWEZVW70HDEB1qnNGMicPje6EttlIgzo51YSwNQGw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2081,8 +1978,6 @@
     },
     "node_modules/cookie-parser/node_modules/cookie": {
       "version": "0.7.2",
-      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
-      "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -2091,8 +1986,6 @@
     },
     "node_modules/cookie-signature": {
       "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
-      "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==",
       "dev": true,
       "license": "MIT"
     },
@@ -2154,8 +2047,6 @@
     },
     "node_modules/css-functions-list": {
       "version": "3.2.3",
-      "resolved": "https://registry.npmjs.org/css-functions-list/-/css-functions-list-3.2.3.tgz",
-      "integrity": "sha512-IQOkD3hbR5KrN93MtcYuad6YPuTSUhntLHDuLEbFWE+ff2/XSZNdZG+LcbbIW5AXKg/WFIfYItIzVoHngHXZzA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -2164,8 +2055,6 @@
     },
     "node_modules/css-selector-parser": {
       "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/css-selector-parser/-/css-selector-parser-3.0.5.tgz",
-      "integrity": "sha512-3itoDFbKUNx1eKmVpYMFyqKX04Ww9osZ+dLgrk6GEv6KMVeXUhUnp4I5X+evw+u3ZxVU6RFXSSRxlTeMh8bA+g==",
       "dev": true,
       "funding": [
         {
@@ -2181,8 +2070,6 @@
     },
     "node_modules/css-tree": {
       "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-3.0.0.tgz",
-      "integrity": "sha512-o88DVQ6GzsABn1+6+zo2ct801dBO5OASVyxbbvA2W20ue2puSh/VOuqUj90eUeMSX/xqGqBmOKiRQN7tJOuBXw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2210,8 +2097,6 @@
     },
     "node_modules/cuint": {
       "version": "0.2.2",
-      "resolved": "https://registry.npmjs.org/cuint/-/cuint-0.2.2.tgz",
-      "integrity": "sha512-d4ZVpCW31eWwCMe1YT3ur7mUDnTXbgwyzaL320DrcRT45rfjYxkt5QWLrmOJ+/UEAI2+fQgKe/fCjR8l4TpRgw==",
       "dev": true,
       "license": "MIT"
     },
@@ -2273,8 +2158,6 @@
     },
     "node_modules/dayjs": {
       "version": "1.11.13",
-      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.13.tgz",
-      "integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==",
       "dev": true,
       "license": "MIT"
     },
@@ -2397,8 +2280,6 @@
     },
     "node_modules/depd": {
       "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
-      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -2407,8 +2288,6 @@
     },
     "node_modules/dequal": {
       "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
-      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -2417,8 +2296,6 @@
     },
     "node_modules/destroy": {
       "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
-      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -2428,8 +2305,6 @@
     },
     "node_modules/devlop": {
       "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/devlop/-/devlop-1.1.0.tgz",
-      "integrity": "sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2458,8 +2333,6 @@
     },
     "node_modules/direction": {
       "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/direction/-/direction-2.0.1.tgz",
-      "integrity": "sha512-9S6m9Sukh1cZNknO1CWAr2QAWsbKLafQiyM5gZ7VgXHeuaoUwffKN4q6NC4A/Mf9iiPlOXQEKW/Mv/mh9/3YFA==",
       "dev": true,
       "license": "MIT",
       "bin": {
@@ -2499,8 +2372,6 @@
     },
     "node_modules/ee-first": {
       "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
-      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
       "dev": true,
       "license": "MIT"
     },
@@ -2517,8 +2388,6 @@
     },
     "node_modules/encodeurl": {
       "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
-      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -2527,8 +2396,6 @@
     },
     "node_modules/entities": {
       "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
-      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
       "dev": true,
       "license": "BSD-2-Clause",
       "engines": {
@@ -2690,8 +2557,6 @@
     },
     "node_modules/escape-html": {
       "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
-      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
       "dev": true,
       "license": "MIT"
     },
@@ -2733,9 +2598,6 @@
     },
     "node_modules/eslint": {
       "version": "8.57.1",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.1.tgz",
-      "integrity": "sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==",
-      "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2834,8 +2696,6 @@
     },
     "node_modules/eslint-module-utils": {
       "version": "2.12.0",
-      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.12.0.tgz",
-      "integrity": "sha512-wALZ0HFoytlyh/1+4wuZ9FJCD/leWHQzzrxJ8+rebyReSLk7LApMyd3WJaLVoN+D5+WIdJyDK1c6JnE65V4Zyg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2852,8 +2712,6 @@
     },
     "node_modules/eslint-module-utils/node_modules/debug": {
       "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2862,8 +2720,6 @@
     },
     "node_modules/eslint-plugin-import": {
       "version": "2.31.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.31.0.tgz",
-      "integrity": "sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3190,8 +3046,6 @@
     },
     "node_modules/etag": {
       "version": "1.8.1",
-      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
-      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -3200,8 +3054,6 @@
     },
     "node_modules/express": {
       "version": "4.21.1",
-      "resolved": "https://registry.npmjs.org/express/-/express-4.21.1.tgz",
-      "integrity": "sha512-YSFlK1Ee0/GC8QaO91tHcDxJiE/X4FbpAyQWkxAvG6AXCuR65YzK8ua6D9hvi/TzUfZMpc+BwuM1IPw8fmQBiQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3243,8 +3095,6 @@
     },
     "node_modules/express/node_modules/cookie": {
       "version": "0.7.1",
-      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.1.tgz",
-      "integrity": "sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -3253,8 +3103,6 @@
     },
     "node_modules/express/node_modules/debug": {
       "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3263,15 +3111,11 @@
     },
     "node_modules/express/node_modules/ms": {
       "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/express/node_modules/safe-buffer": {
       "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
-      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
       "dev": true,
       "funding": [
         {
@@ -3291,8 +3135,6 @@
     },
     "node_modules/extend": {
       "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
-      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
       "dev": true,
       "license": "MIT"
     },
@@ -3341,8 +3183,6 @@
     },
     "node_modules/fastestsmallesttextencoderdecoder": {
       "version": "1.0.22",
-      "resolved": "https://registry.npmjs.org/fastestsmallesttextencoderdecoder/-/fastestsmallesttextencoderdecoder-1.0.22.tgz",
-      "integrity": "sha512-Pb8d48e+oIuY4MaM64Cd7OW1gt4nxCHs7/ddPPZ/Ic3sg8yVGM7O9wDvZ7us6ScaUupzM+pfBolwtYhN1IxBIw==",
       "dev": true,
       "license": "CC0-1.0"
     },
@@ -3367,8 +3207,6 @@
     },
     "node_modules/ferrum": {
       "version": "1.9.4",
-      "resolved": "https://registry.npmjs.org/ferrum/-/ferrum-1.9.4.tgz",
-      "integrity": "sha512-ooNerLoIht/dK4CQJux93z/hnt9JysrXniJCI3r6YRgmHeXC57EJ8XaTCT1Gm8LfhIAeWxyJA0O7d/W3pqDYRg==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -3423,8 +3261,6 @@
     },
     "node_modules/finalhandler": {
       "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.1.tgz",
-      "integrity": "sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3442,8 +3278,6 @@
     },
     "node_modules/finalhandler/node_modules/debug": {
       "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3452,8 +3286,6 @@
     },
     "node_modules/finalhandler/node_modules/ms": {
       "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
       "dev": true,
       "license": "MIT"
     },
@@ -3492,8 +3324,6 @@
     },
     "node_modules/follow-redirects": {
       "version": "1.15.9",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz",
-      "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==",
       "dev": true,
       "funding": [
         {
@@ -3547,8 +3377,6 @@
     },
     "node_modules/forwarded": {
       "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
-      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -3557,8 +3385,6 @@
     },
     "node_modules/fresh": {
       "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
-      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -3942,8 +3768,6 @@
     },
     "node_modules/hast-util-from-html": {
       "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/hast-util-from-html/-/hast-util-from-html-2.0.3.tgz",
-      "integrity": "sha512-CUSRHXyKjzHov8yKsQjGOElXy/3EKpyX56ELnkHH34vDVw1N1XSQ1ZcAvTyAPtGqLTuKP/uxM+aLkSPqF/EtMw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3961,8 +3785,6 @@
     },
     "node_modules/hast-util-from-parse5": {
       "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/hast-util-from-parse5/-/hast-util-from-parse5-8.0.1.tgz",
-      "integrity": "sha512-Er/Iixbc7IEa7r/XLtuG52zoqn/b3Xng/w6aZQ0xGVxzhw5xUFxcRqdPzP6yFi/4HBYRaifaI5fQ1RH8n0ZeOQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3982,8 +3804,6 @@
     },
     "node_modules/hast-util-has-property": {
       "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/hast-util-has-property/-/hast-util-has-property-3.0.0.tgz",
-      "integrity": "sha512-MNilsvEKLFpV604hwfhVStK0usFY/QmM5zX16bo7EjnAEGofr5YyI37kzopBlZJkHD4t887i+q/C8/tr5Q94cA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3996,8 +3816,6 @@
     },
     "node_modules/hast-util-is-element": {
       "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/hast-util-is-element/-/hast-util-is-element-3.0.0.tgz",
-      "integrity": "sha512-Val9mnv2IWpLbNPqc/pUem+a7Ipj2aHacCwgNfTiK0vJKl0LF+4Ba4+v1oPHFpf3bLYmreq0/l3Gud9S5OH42g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4010,8 +3828,6 @@
     },
     "node_modules/hast-util-parse-selector": {
       "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/hast-util-parse-selector/-/hast-util-parse-selector-4.0.0.tgz",
-      "integrity": "sha512-wkQCkSYoOGCRKERFWcxMVMOcYE2K1AaNLU8DXS9arxnLOUEWbOXKXiJUNzEpqZ3JOKpnha3jkFrumEjVliDe7A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4024,8 +3840,6 @@
     },
     "node_modules/hast-util-select": {
       "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/hast-util-select/-/hast-util-select-6.0.3.tgz",
-      "integrity": "sha512-OVRQlQ1XuuLP8aFVLYmC2atrfWHS5UD3shonxpnyrjcCkwtvmt/+N6kYJdcY4mkMJhxp4kj2EFIxQ9kvkkt/eQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4052,8 +3866,6 @@
     },
     "node_modules/hast-util-to-html": {
       "version": "9.0.3",
-      "resolved": "https://registry.npmjs.org/hast-util-to-html/-/hast-util-to-html-9.0.3.tgz",
-      "integrity": "sha512-M17uBDzMJ9RPCqLMO92gNNUDuBSq10a25SDBI08iCCxmorf4Yy6sYHK57n9WAbRAAaU+DuR4W6GN9K4DFZesYg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4076,8 +3888,6 @@
     },
     "node_modules/hast-util-to-string": {
       "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/hast-util-to-string/-/hast-util-to-string-3.0.1.tgz",
-      "integrity": "sha512-XelQVTDWvqcl3axRfI0xSeoVKzyIFPwsAGSLIsKdJKQMXDYJS4WYrBNF/8J7RdhIcFI2BOHgAifggsvsxp/3+A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4090,8 +3900,6 @@
     },
     "node_modules/hast-util-to-text": {
       "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/hast-util-to-text/-/hast-util-to-text-4.0.2.tgz",
-      "integrity": "sha512-KK6y/BN8lbaq654j7JgBydev7wuNMcID54lkRav1P0CaE1e47P72AWWPiGKXTJU271ooYzcvTAn/Zt0REnvc7A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4107,8 +3915,6 @@
     },
     "node_modules/hast-util-whitespace": {
       "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-3.0.0.tgz",
-      "integrity": "sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4121,8 +3927,6 @@
     },
     "node_modules/hastscript": {
       "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/hastscript/-/hastscript-8.0.0.tgz",
-      "integrity": "sha512-dMOtzCEd3ABUeSIISmrETiKuyydk1w0pa+gE/uormcTpSYuaNJPbX1NU3JLyscSLjwAQM8bWMhhIlnCqnRvDTw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4150,8 +3954,6 @@
     },
     "node_modules/html-void-elements": {
       "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/html-void-elements/-/html-void-elements-3.0.0.tgz",
-      "integrity": "sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -4161,15 +3963,11 @@
     },
     "node_modules/http-cache-semantics": {
       "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz",
-      "integrity": "sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==",
       "dev": true,
       "license": "BSD-2-Clause"
     },
     "node_modules/http-errors": {
       "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
-      "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4214,8 +4012,6 @@
     },
     "node_modules/iconv-lite": {
       "version": "0.4.24",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
-      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4313,8 +4109,6 @@
     },
     "node_modules/ipaddr.js": {
       "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
-      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -4380,8 +4174,6 @@
     },
     "node_modules/is-core-module": {
       "version": "2.15.1",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.15.1.tgz",
-      "integrity": "sha512-z0vtXSwucUJtANQWldhbtbt7BnL0vxiFjIdDLAatwhDYty2bad6s+rijD6Ri4YuYJubLzIJLUidCh09e1djEVQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4523,8 +4315,6 @@
     },
     "node_modules/is-plain-obj": {
       "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
-      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -4719,8 +4509,6 @@
     },
     "node_modules/jsep": {
       "version": "1.3.9",
-      "resolved": "https://registry.npmjs.org/jsep/-/jsep-1.3.9.tgz",
-      "integrity": "sha512-i1rBX5N7VPl0eYb6+mHNp52sEuaS2Wi8CDYx1X5sn9naevL78+265XJqy1qENEk7mRKwS06NHpUqiBwR7qeodw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -4845,8 +4633,6 @@
     },
     "node_modules/lodash.isplainobject": {
       "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
-      "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==",
       "dev": true,
       "license": "MIT"
     },
@@ -4870,8 +4656,6 @@
     },
     "node_modules/matchit": {
       "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/matchit/-/matchit-1.1.0.tgz",
-      "integrity": "sha512-+nGYoOlfHmxe5BW5tE0EMJppXEwdSf8uBA1GTZC7Q77kbT35+VKLYJMzVNWCHSsga1ps1tPYFtFyvxvKzWVmMA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4892,8 +4676,6 @@
     },
     "node_modules/mdast-util-to-hast": {
       "version": "13.2.0",
-      "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-13.2.0.tgz",
-      "integrity": "sha512-QGYKEuUsYT9ykKBCMOEDLsU5JRObWQusAolFMeko/tYPufNkRffBAQjIE+99jbA87xv6FgmjLtwjh9wBWajwAA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4914,15 +4696,11 @@
     },
     "node_modules/mdn-data": {
       "version": "2.10.0",
-      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.10.0.tgz",
-      "integrity": "sha512-qq7C3EtK3yJXMwz1zAab65pjl+UhohqMOctTgcqjLOWABqmwj+me02LSsCuEUxnst9X1lCBpoE0WArGKgdGDzw==",
       "dev": true,
       "license": "CC0-1.0"
     },
     "node_modules/media-typer": {
       "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
-      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -4942,8 +4720,6 @@
     },
     "node_modules/merge-descriptors": {
       "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz",
-      "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -4960,8 +4736,6 @@
     },
     "node_modules/methods": {
       "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
-      "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -4970,8 +4744,6 @@
     },
     "node_modules/micromark-util-character": {
       "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/micromark-util-character/-/micromark-util-character-2.1.0.tgz",
-      "integrity": "sha512-KvOVV+X1yLBfs9dCBSopq/+G1PcgT3lAK07mC4BzXi5E7ahzMAF8oIupDDJ6mievI6F+lAATkbQQlQixJfT3aQ==",
       "dev": true,
       "funding": [
         {
@@ -4991,8 +4763,6 @@
     },
     "node_modules/micromark-util-encode": {
       "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/micromark-util-encode/-/micromark-util-encode-2.0.0.tgz",
-      "integrity": "sha512-pS+ROfCXAGLWCOc8egcBvT0kf27GoWMqtdarNfDcjb6YLuV5cM3ioG45Ys2qOVqeqSbjaKg72vU+Wby3eddPsA==",
       "dev": true,
       "funding": [
         {
@@ -5008,8 +4778,6 @@
     },
     "node_modules/micromark-util-sanitize-uri": {
       "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-2.0.0.tgz",
-      "integrity": "sha512-WhYv5UEcZrbAtlsnPuChHUAsu/iBPOVaEVsntLBIdpibO0ddy8OzavZz3iL2xVvBZOpolujSliP65Kq0/7KIYw==",
       "dev": true,
       "funding": [
         {
@@ -5030,8 +4798,6 @@
     },
     "node_modules/micromark-util-symbol": {
       "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/micromark-util-symbol/-/micromark-util-symbol-2.0.0.tgz",
-      "integrity": "sha512-8JZt9ElZ5kyTnO94muPxIGS8oyElRJaiJO8EzV6ZSyGQ1Is8xwl4Q45qU5UOg+bGH4AikWziz0iN4sFLWs8PGw==",
       "dev": true,
       "funding": [
         {
@@ -5047,8 +4813,6 @@
     },
     "node_modules/micromark-util-types": {
       "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/micromark-util-types/-/micromark-util-types-2.0.0.tgz",
-      "integrity": "sha512-oNh6S2WMHWRZrmutsRmDDfkzKtxF+bc2VxLC9dvtrDIRFln627VsFP6fLMgTryGDljgLPjkrzQSDcPrjPyDJ5w==",
       "dev": true,
       "funding": [
         {
@@ -5076,8 +4840,6 @@
     },
     "node_modules/mime": {
       "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
-      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
       "dev": true,
       "license": "MIT",
       "bin": {
@@ -5159,8 +4921,6 @@
     },
     "node_modules/nanoid": {
       "version": "3.3.7",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
-      "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
       "dev": true,
       "funding": [
         {
@@ -5248,8 +5008,6 @@
     },
     "node_modules/nth-check": {
       "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
-      "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
       "dev": true,
       "license": "BSD-2-Clause",
       "dependencies": {
@@ -5268,8 +5026,6 @@
     },
     "node_modules/object-hash": {
       "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
-      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -5373,8 +5129,6 @@
     },
     "node_modules/on-finished": {
       "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
-      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -5538,8 +5292,6 @@
     },
     "node_modules/parse5": {
       "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.2.0.tgz",
-      "integrity": "sha512-ZkDsAOcxsUMZ4Lz5fVciOehNcJ+Gb8gTzcA4yl3wnc273BAybYWrQ+Ks/OjCjSEpjvQkDSeZbybK9qj2VHHdGA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -5551,8 +5303,6 @@
     },
     "node_modules/parseurl": {
       "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
-      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -5613,8 +5363,6 @@
     },
     "node_modules/path-to-regexp": {
       "version": "0.1.10",
-      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.10.tgz",
-      "integrity": "sha512-7lf7qcQidTku0Gu3YDPc8DJ1q7OOucfa/BSsIwjuh56VU7katFvuM8hULfkwB3Fns/rsVF7PwPKVw1sl5KQS9w==",
       "dev": true,
       "license": "MIT"
     },
@@ -5628,8 +5376,6 @@
     },
     "node_modules/phin": {
       "version": "3.7.1",
-      "resolved": "https://registry.npmjs.org/phin/-/phin-3.7.1.tgz",
-      "integrity": "sha512-GEazpTWwTZaEQ9RhL7Nyz0WwqilbqgLahDM3D0hxWwmVDI52nXEybHqiN6/elwpkJBhcuj+WbBu+QfT0uhPGfQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -5641,8 +5387,6 @@
     },
     "node_modules/picocolors": {
       "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
-      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
       "dev": true,
       "license": "ISC"
     },
@@ -5667,8 +5411,6 @@
     },
     "node_modules/polka": {
       "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/polka/-/polka-0.5.2.tgz",
-      "integrity": "sha512-FVg3vDmCqP80tOrs+OeNlgXYmFppTXdjD5E7I4ET1NjvtNmQrb1/mJibybKkb/d4NA7YWAr1ojxuhpL3FHqdlw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -5686,8 +5428,6 @@
     },
     "node_modules/postcss": {
       "version": "8.4.47",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.47.tgz",
-      "integrity": "sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==",
       "dev": true,
       "funding": [
         {
@@ -5720,8 +5460,6 @@
     },
     "node_modules/postcss-safe-parser": {
       "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-7.0.1.tgz",
-      "integrity": "sha512-0AioNCJZ2DPYz5ABT6bddIqlhgwhpHZ/l65YAYo0BCIn0xiDpsnTHz0gnoTGk0OXZW0JRs+cDwL8u/teRdz+8A==",
       "dev": true,
       "funding": [
         {
@@ -5784,8 +5522,6 @@
     },
     "node_modules/property-information": {
       "version": "6.5.0",
-      "resolved": "https://registry.npmjs.org/property-information/-/property-information-6.5.0.tgz",
-      "integrity": "sha512-PgTgs/BlvHxOu8QuEN7wi5A0OmXaBcHpmCSTehcs6Uuu9IkDIEo13Hy7n898RHfrQ49vKCoGeWZSaAK01nwVig==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -5795,8 +5531,6 @@
     },
     "node_modules/proxy-addr": {
       "version": "2.0.7",
-      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
-      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -5840,8 +5574,6 @@
     },
     "node_modules/qs": {
       "version": "6.13.0",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz",
-      "integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==",
       "dev": true,
       "license": "BSD-3-Clause",
       "dependencies": {
@@ -5881,8 +5613,6 @@
     },
     "node_modules/range-parser": {
       "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
-      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -5891,8 +5621,6 @@
     },
     "node_modules/raw-body": {
       "version": "2.5.2",
-      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz",
-      "integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -5907,8 +5635,6 @@
     },
     "node_modules/raw-body/node_modules/bytes": {
       "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
-      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -5930,8 +5656,6 @@
     },
     "node_modules/readdirp": {
       "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.0.2.tgz",
-      "integrity": "sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -5971,8 +5695,6 @@
     },
     "node_modules/rehype-parse": {
       "version": "9.0.1",
-      "resolved": "https://registry.npmjs.org/rehype-parse/-/rehype-parse-9.0.1.tgz",
-      "integrity": "sha512-ksCzCD0Fgfh7trPDxr2rSylbwq9iYDkSn8TCDmEJ49ljEUBxDVCzCHv7QNzZOfODanX4+bWQ4WZqLCRWYLfhag==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -6140,8 +5862,6 @@
     },
     "node_modules/safer-buffer": {
       "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
       "dev": true,
       "license": "MIT"
     },
@@ -6158,8 +5878,6 @@
     },
     "node_modules/send": {
       "version": "0.19.0",
-      "resolved": "https://registry.npmjs.org/send/-/send-0.19.0.tgz",
-      "integrity": "sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -6183,8 +5901,6 @@
     },
     "node_modules/send/node_modules/debug": {
       "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -6193,15 +5909,11 @@
     },
     "node_modules/send/node_modules/debug/node_modules/ms": {
       "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/send/node_modules/encodeurl": {
       "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
-      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -6210,15 +5922,11 @@
     },
     "node_modules/send/node_modules/ms": {
       "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/serve-static": {
       "version": "1.16.2",
-      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.2.tgz",
-      "integrity": "sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -6263,8 +5971,6 @@
     },
     "node_modules/setprototypeof": {
       "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
-      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
       "dev": true,
       "license": "ISC"
     },
@@ -6516,8 +6222,6 @@
     },
     "node_modules/source-map-js": {
       "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
-      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
       "dev": true,
       "license": "BSD-3-Clause",
       "engines": {
@@ -6526,8 +6230,6 @@
     },
     "node_modules/space-separated-tokens": {
       "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz",
-      "integrity": "sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -6542,8 +6244,6 @@
     },
     "node_modules/statuses": {
       "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
-      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -6685,8 +6385,6 @@
     },
     "node_modules/stringify-entities": {
       "version": "4.0.4",
-      "resolved": "https://registry.npmjs.org/stringify-entities/-/stringify-entities-4.0.4.tgz",
-      "integrity": "sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -6742,8 +6440,6 @@
     },
     "node_modules/stylelint": {
       "version": "16.10.0",
-      "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-16.10.0.tgz",
-      "integrity": "sha512-z/8X2rZ52dt2c0stVwI9QL2AFJhLhbPkyfpDFcizs200V/g7v+UYY6SNcB9hKOLcDDX/yGLDsY/pX08sLkz9xQ==",
       "dev": true,
       "funding": [
         {
@@ -6876,8 +6572,6 @@
     },
     "node_modules/stylelint/node_modules/file-entry-cache": {
       "version": "9.1.0",
-      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-9.1.0.tgz",
-      "integrity": "sha512-/pqPFG+FdxWQj+/WSuzXSDaNzxgTLr/OrR1QuqfEZzDakpdYE70PwUxL7BPUa8hpjbvY1+qvCl8k+8Tq34xJgg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -6889,8 +6583,6 @@
     },
     "node_modules/stylelint/node_modules/flat-cache": {
       "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-5.0.0.tgz",
-      "integrity": "sha512-JrqFmyUl2PnPi1OvLyTVHnQvwQ0S+e6lGSwu8OkAZlSaNIZciTY2H/cOOROxsBA1m/LZNHDsqAgDZt6akWcjsQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -6903,8 +6595,6 @@
     },
     "node_modules/stylelint/node_modules/ignore": {
       "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-6.0.2.tgz",
-      "integrity": "sha512-InwqeHHN2XpumIkMvpl/DCJVrAHgCsG5+cn1XlnLWGwtZBm8QJfSusItfrwx81CTp5agNZqpKU2J/ccC5nGT4A==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -6961,8 +6651,6 @@
     },
     "node_modules/supports-hyperlinks": {
       "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/supports-hyperlinks/-/supports-hyperlinks-3.1.0.tgz",
-      "integrity": "sha512-2rn0BZ+/f7puLOHZm1HOJfwBggfaHXUpPUSSG/SWM4TWp5KCfmNYwnC3hruy2rZlMnmWZ+QAGpZfchu3f3695A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -6978,8 +6666,6 @@
     },
     "node_modules/supports-hyperlinks/node_modules/has-flag": {
       "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -6988,8 +6674,6 @@
     },
     "node_modules/supports-hyperlinks/node_modules/supports-color": {
       "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -7074,8 +6758,6 @@
     },
     "node_modules/toidentifier": {
       "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
-      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -7084,8 +6766,6 @@
     },
     "node_modules/trim-lines": {
       "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/trim-lines/-/trim-lines-3.0.1.tgz",
-      "integrity": "sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -7095,8 +6775,6 @@
     },
     "node_modules/trough": {
       "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/trough/-/trough-2.2.0.tgz",
-      "integrity": "sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -7106,8 +6784,6 @@
     },
     "node_modules/trouter": {
       "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/trouter/-/trouter-2.0.1.tgz",
-      "integrity": "sha512-kr8SKKw94OI+xTGOkfsvwZQ8mWoikZDd2n8XZHjJVZUARZT+4/VV6cacRS6CLsH9bNm+HFIPU1Zx4CnNnb4qlQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -7167,8 +6843,6 @@
     },
     "node_modules/type-is": {
       "version": "1.6.18",
-      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
-      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -7264,8 +6938,6 @@
     },
     "node_modules/unified": {
       "version": "11.0.5",
-      "resolved": "https://registry.npmjs.org/unified/-/unified-11.0.5.tgz",
-      "integrity": "sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -7284,8 +6956,6 @@
     },
     "node_modules/unist-util-find-after": {
       "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/unist-util-find-after/-/unist-util-find-after-5.0.0.tgz",
-      "integrity": "sha512-amQa0Ep2m6hE2g72AugUItjbuM8X8cGQnFoHk0pGfrFeT9GZhzN5SW8nRsiGKK7Aif4CrACPENkA6P/Lw6fHGQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -7299,8 +6969,6 @@
     },
     "node_modules/unist-util-is": {
       "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-6.0.0.tgz",
-      "integrity": "sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -7313,8 +6981,6 @@
     },
     "node_modules/unist-util-position": {
       "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/unist-util-position/-/unist-util-position-5.0.0.tgz",
-      "integrity": "sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -7327,8 +6993,6 @@
     },
     "node_modules/unist-util-stringify-position": {
       "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-4.0.0.tgz",
-      "integrity": "sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -7341,8 +7005,6 @@
     },
     "node_modules/unist-util-visit": {
       "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-5.0.0.tgz",
-      "integrity": "sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -7357,8 +7019,6 @@
     },
     "node_modules/unist-util-visit-parents": {
       "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-6.0.1.tgz",
-      "integrity": "sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -7380,8 +7040,6 @@
     },
     "node_modules/unpipe": {
       "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
-      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -7433,8 +7091,6 @@
     },
     "node_modules/utils-merge": {
       "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
-      "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -7463,8 +7119,6 @@
     },
     "node_modules/vfile": {
       "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/vfile/-/vfile-6.0.3.tgz",
-      "integrity": "sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -7478,8 +7132,6 @@
     },
     "node_modules/vfile-location": {
       "version": "5.0.3",
-      "resolved": "https://registry.npmjs.org/vfile-location/-/vfile-location-5.0.3.tgz",
-      "integrity": "sha512-5yXvWDEgqeiYiBe1lbxYF7UMAIm/IcopxMHrMQDq3nvKcjPKIhZklUKL+AE7J7uApI4kwe2snsK+eI6UTj9EHg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -7493,8 +7145,6 @@
     },
     "node_modules/vfile-message": {
       "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-4.0.2.tgz",
-      "integrity": "sha512-jRDZ1IMLttGj41KcZvlrYAaI3CfqpLpfpf+Mfig13viT6NKvRzWZ+lXz0Y5D60w6uJIBAOGq9mSHf0gktF0duw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -7508,8 +7158,6 @@
     },
     "node_modules/web-namespaces": {
       "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/web-namespaces/-/web-namespaces-2.0.1.tgz",
-      "integrity": "sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==",
       "dev": true,
       "license": "MIT",
       "funding": {
@@ -7737,8 +7385,6 @@
     },
     "node_modules/xxhashjs": {
       "version": "0.2.2",
-      "resolved": "https://registry.npmjs.org/xxhashjs/-/xxhashjs-0.2.2.tgz",
-      "integrity": "sha512-AkTuIuVTET12tpsVIQo+ZU6f/qDmKuRUcjaqR+OIvm+aCBsZ95i7UVY5WJ9TMsSaZ0DA2WxoZ4acu0sPH+OKAw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -7761,8 +7407,6 @@
     },
     "node_modules/yaml": {
       "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.5.1.tgz",
-      "integrity": "sha512-bLQOjaX/ADgQ20isPJRvF0iRUHIxVhYvr53Of7wGcWlO2jvtUlH5m87DsmulFVxRpNLOnI4tB6p/oh8D7kpn9Q==",
       "dev": true,
       "license": "ISC",
       "bin": {
@@ -7828,8 +7472,6 @@
     },
     "node_modules/zwitch": {
       "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.4.tgz",
-      "integrity": "sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==",
       "dev": true,
       "license": "MIT",
       "funding": {
diff --git a/package.json b/package.json
index 50c583f992..78f98da424 100644
--- a/package.json
+++ b/package.json
@@ -40,7 +40,7 @@
     "@dropins/storefront-cart": "0.10.0",
     "@dropins/storefront-checkout": "0.1.0-alpha58",
     "@dropins/storefront-order": "0.1.0-alpha24",
-    "@dropins/storefront-pdp": "0.4.0",
+    "@dropins/storefront-pdp": "1.0.0-beta3",
     "@dropins/tools": "^0.36.0"
   }
 }
diff --git a/scripts/__dropins__/storefront-pdp/__mocks__/product-mocks.d.ts b/scripts/__dropins__/storefront-pdp/__mocks__/product-mocks.d.ts
index 0583bef6fb..a28578fd4f 100644
--- a/scripts/__dropins__/storefront-pdp/__mocks__/product-mocks.d.ts
+++ b/scripts/__dropins__/storefront-pdp/__mocks__/product-mocks.d.ts
@@ -91,6 +91,7 @@ export declare const MOCK_DATA_BUNDLE: {
 export declare const MOCK_DATA_BUNDLE_TRANSFORMED: {
     name: string;
     sku: string;
+    isBundle: boolean;
     addToCartAllowed: boolean;
     inStock: boolean;
     shortDescription: string;
diff --git a/scripts/__dropins__/storefront-pdp/api.js b/scripts/__dropins__/storefront-pdp/api.js
index beedc21372..e03a44ad5d 100644
--- a/scripts/__dropins__/storefront-pdp/api.js
+++ b/scripts/__dropins__/storefront-pdp/api.js
@@ -1 +1,3 @@
-import{f as s,g as o,c as i,d as c,r as p,s as d,a as h,b as f}from"./chunks/getRefinedProduct.js";import{c as n,i as l}from"./chunks/initialize.js";import"@dropins/tools/fetch-graphql.js";import"@dropins/tools/lib.js";export{n as config,s as fetchGraphQl,o as getConfig,i as getProductData,c as getRefinedProduct,l as initialize,p as removeFetchGraphQlHeader,d as setEndpoint,h as setFetchGraphQlHeader,f as setFetchGraphQlHeaders};
+/*! Copyright 2024 Adobe
+All Rights Reserved. */
+import{c as s,f as i,h as d,g as c,d as g,e as n,i as u,k as f,r as h,s as p,a as l,b as P,j as m}from"./chunks/isProductConfigurationValid.js";import{g as F,s as G}from"./chunks/getProductConfigurationValues.js";import{g as V}from"./chunks/getFetchedProductData.js";import"@dropins/tools/lib.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/fetch-graphql.js";export{s as config,i as fetchGraphQl,d as fetchProductData,c as getConfig,V as getFetchedProductData,F as getProductConfigurationValues,g as getProductData,n as getRefinedProduct,u as initialize,f as isProductConfigurationValid,h as removeFetchGraphQlHeader,p as setEndpoint,l as setFetchGraphQlHeader,P as setFetchGraphQlHeaders,m as setProductConfigurationValid,G as setProductConfigurationValues};
diff --git a/scripts/__dropins__/storefront-pdp/api/fetchProductData/fetchProductData.d.ts b/scripts/__dropins__/storefront-pdp/api/fetchProductData/fetchProductData.d.ts
new file mode 100644
index 0000000000..20debb6d4e
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/api/fetchProductData/fetchProductData.d.ts
@@ -0,0 +1,24 @@
+/**
+ * ADOBE CONFIDENTIAL
+ * __________________
+ * Copyright 2024 Adobe
+ * All Rights Reserved.
+ * __________________
+ * NOTICE: All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ */
+export type Options = {
+    anchors?: string[];
+    optionsUIDs?: string[];
+    preselectFirstOption?: boolean;
+    isBundle?: boolean;
+    skipTransform?: boolean;
+};
+export declare const fetchProductData: (sku: string, options?: Options) => Promise<import('../../data/models/product-model').ProductModel | null>;
+//# sourceMappingURL=fetchProductData.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/api/fetchProductData/index.d.ts b/scripts/__dropins__/storefront-pdp/api/fetchProductData/index.d.ts
new file mode 100644
index 0000000000..4359f3fa31
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/api/fetchProductData/index.d.ts
@@ -0,0 +1,17 @@
+/**
+ * ADOBE CONFIDENTIAL
+ * __________________
+ * Copyright 2024 Adobe
+ * All Rights Reserved.
+ * __________________
+ * NOTICE: All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ */
+export * from './fetchProductData';
+//# sourceMappingURL=index.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/api/getFetchedProductData/getFetchedProductData.d.ts b/scripts/__dropins__/storefront-pdp/api/getFetchedProductData/getFetchedProductData.d.ts
new file mode 100644
index 0000000000..c0578e840c
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/api/getFetchedProductData/getFetchedProductData.d.ts
@@ -0,0 +1,4 @@
+import { ProductModel } from '../../data/models/product-model';
+
+export declare const getFetchedProductData: () => Promise<ProductModel | null>;
+//# sourceMappingURL=getFetchedProductData.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/api/getFetchedProductData/index.d.ts b/scripts/__dropins__/storefront-pdp/api/getFetchedProductData/index.d.ts
new file mode 100644
index 0000000000..fc0b77048a
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/api/getFetchedProductData/index.d.ts
@@ -0,0 +1,17 @@
+/**
+ * ADOBE CONFIDENTIAL
+ * __________________
+ * Copyright 2024 Adobe
+ * All Rights Reserved.
+ * __________________
+ * NOTICE: All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ */
+export * from './getFetchedProductData';
+//# sourceMappingURL=index.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/api/getProductConfigurationValues/getProductConfigurationValues.d.ts b/scripts/__dropins__/storefront-pdp/api/getProductConfigurationValues/getProductConfigurationValues.d.ts
new file mode 100644
index 0000000000..fd9cc4a6aa
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/api/getProductConfigurationValues/getProductConfigurationValues.d.ts
@@ -0,0 +1,4 @@
+import { ValuesModel } from '../../data/models';
+
+export declare const getProductConfigurationValues: () => ValuesModel | null;
+//# sourceMappingURL=getProductConfigurationValues.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/api/getProductConfigurationValues/index.d.ts b/scripts/__dropins__/storefront-pdp/api/getProductConfigurationValues/index.d.ts
new file mode 100644
index 0000000000..d2af5c5c5e
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/api/getProductConfigurationValues/index.d.ts
@@ -0,0 +1,17 @@
+/**
+ * ADOBE CONFIDENTIAL
+ * __________________
+ * Copyright 2024 Adobe
+ * All Rights Reserved.
+ * __________________
+ * NOTICE: All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ */
+export * from './getProductConfigurationValues';
+//# sourceMappingURL=index.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/api/getProductData/getProductData.d.ts b/scripts/__dropins__/storefront-pdp/api/getProductData/getProductData.d.ts
index 00cc3fc96a..2cdb94108e 100644
--- a/scripts/__dropins__/storefront-pdp/api/getProductData/getProductData.d.ts
+++ b/scripts/__dropins__/storefront-pdp/api/getProductData/getProductData.d.ts
@@ -1,4 +1,7 @@
 import { ProductModel } from '../../data/models';
 
-export declare const getProductData: (sku: string) => Promise<ProductModel | null>;
+export declare const getProductData: (sku: string, options?: {
+    preselectFirstOption?: boolean;
+    optionsUIDs?: string[];
+}, raw?: boolean) => Promise<ProductModel | null>;
 //# sourceMappingURL=getProductData.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/api/getRefinedProduct/getRefinedProduct.d.ts b/scripts/__dropins__/storefront-pdp/api/getRefinedProduct/getRefinedProduct.d.ts
index 5c7ec9a4d7..6442000fae 100644
--- a/scripts/__dropins__/storefront-pdp/api/getRefinedProduct/getRefinedProduct.d.ts
+++ b/scripts/__dropins__/storefront-pdp/api/getRefinedProduct/getRefinedProduct.d.ts
@@ -1,4 +1,4 @@
 import { ProductModel } from '../../data/models';
 
-export declare const getRefinedProduct: (sku: string, optionUIDs: string[], anchorOptions?: string[], isBundle?: boolean) => Promise<ProductModel | null>;
+export declare const getRefinedProduct: (sku: string, optionUIDs: string[], anchorOptions?: string[], raw?: boolean) => Promise<ProductModel | null>;
 //# sourceMappingURL=getRefinedProduct.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/api/index.d.ts b/scripts/__dropins__/storefront-pdp/api/index.d.ts
index f3e6257bbf..4afc0b5d31 100644
--- a/scripts/__dropins__/storefront-pdp/api/index.d.ts
+++ b/scripts/__dropins__/storefront-pdp/api/index.d.ts
@@ -17,4 +17,10 @@ export * from './initialize';
 export * from './fetch-graphql';
 export * from './getProductData';
 export * from './getRefinedProduct';
+export * from './fetchProductData';
+export * from './setProductConfigurationValues';
+export * from './getProductConfigurationValues';
+export * from './setProductConfigurationValid';
+export * from './getFetchedProductData';
+export * from './isProductConfigurationValid';
 //# sourceMappingURL=index.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/api/initialize/initialize.d.ts b/scripts/__dropins__/storefront-pdp/api/initialize/initialize.d.ts
index 07b5b62c7e..ae0335fb47 100644
--- a/scripts/__dropins__/storefront-pdp/api/initialize/initialize.d.ts
+++ b/scripts/__dropins__/storefront-pdp/api/initialize/initialize.d.ts
@@ -5,10 +5,18 @@ import { ProductModel } from '../../data/models';
 type ConfigProps = {
     langDefinitions?: Lang;
     defaultLocale?: string;
+    sku?: string;
+    acdl?: boolean;
+    anchors?: string[];
+    persistURLParams?: boolean;
+    preselectFirstOption?: boolean;
+    optionsUIDs?: string[];
     models?: {
         [name: string]: {
             initialData: any;
-            transform: (data?: ProductModel) => ProductModel;
+            /** @deprecated Use "transformer" instead */
+            transform?: (data?: ProductModel) => ProductModel;
+            transformer?: (data?: ProductModel) => ProductModel;
             fallbackData?: (parentProduct: any, simpleProduct: ProductModel) => ProductModel;
         };
     };
diff --git a/scripts/__dropins__/storefront-pdp/api/isProductConfigurationValid/index.d.ts b/scripts/__dropins__/storefront-pdp/api/isProductConfigurationValid/index.d.ts
new file mode 100644
index 0000000000..f06819c6b4
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/api/isProductConfigurationValid/index.d.ts
@@ -0,0 +1,17 @@
+/**
+ * ADOBE CONFIDENTIAL
+ * __________________
+ * Copyright 2024 Adobe
+ * All Rights Reserved.
+ * __________________
+ * NOTICE: All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ */
+export * from './isProductConfigurationValid';
+//# sourceMappingURL=index.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/api/isProductConfigurationValid/isProductConfigurationValid.d.ts b/scripts/__dropins__/storefront-pdp/api/isProductConfigurationValid/isProductConfigurationValid.d.ts
new file mode 100644
index 0000000000..15505ef040
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/api/isProductConfigurationValid/isProductConfigurationValid.d.ts
@@ -0,0 +1,17 @@
+/**
+ * ADOBE CONFIDENTIAL
+ * __________________
+ * Copyright 2024 Adobe
+ * All Rights Reserved.
+ * __________________
+ * NOTICE: All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ */
+export declare const isProductConfigurationValid: () => boolean | null;
+//# sourceMappingURL=isProductConfigurationValid.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/api/setProductConfigurationValid/index.d.ts b/scripts/__dropins__/storefront-pdp/api/setProductConfigurationValid/index.d.ts
new file mode 100644
index 0000000000..0beb9a0a43
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/api/setProductConfigurationValid/index.d.ts
@@ -0,0 +1,17 @@
+/**
+ * ADOBE CONFIDENTIAL
+ * __________________
+ * Copyright 2024 Adobe
+ * All Rights Reserved.
+ * __________________
+ * NOTICE: All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ */
+export * from './setProductConfigurationValid';
+//# sourceMappingURL=index.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/api/setProductConfigurationValid/setProductConfigurationValid.d.ts b/scripts/__dropins__/storefront-pdp/api/setProductConfigurationValid/setProductConfigurationValid.d.ts
new file mode 100644
index 0000000000..d3da4f8f3a
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/api/setProductConfigurationValid/setProductConfigurationValid.d.ts
@@ -0,0 +1,17 @@
+/**
+ * ADOBE CONFIDENTIAL
+ * __________________
+ * Copyright 2024 Adobe
+ * All Rights Reserved.
+ * __________________
+ * NOTICE: All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ */
+export declare const setProductConfigurationValid: (callback: (prev: boolean) => boolean) => void;
+//# sourceMappingURL=setProductConfigurationValid.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/api/setProductConfigurationValues/index.d.ts b/scripts/__dropins__/storefront-pdp/api/setProductConfigurationValues/index.d.ts
new file mode 100644
index 0000000000..bd96ba1193
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/api/setProductConfigurationValues/index.d.ts
@@ -0,0 +1,17 @@
+/**
+ * ADOBE CONFIDENTIAL
+ * __________________
+ * Copyright 2024 Adobe
+ * All Rights Reserved.
+ * __________________
+ * NOTICE: All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ */
+export * from './setProductConfigurationValues';
+//# sourceMappingURL=index.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/api/setProductConfigurationValues/setProductConfigurationValues.d.ts b/scripts/__dropins__/storefront-pdp/api/setProductConfigurationValues/setProductConfigurationValues.d.ts
new file mode 100644
index 0000000000..8adf840fa9
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/api/setProductConfigurationValues/setProductConfigurationValues.d.ts
@@ -0,0 +1,4 @@
+import { ValuesModel } from '../../data/models';
+
+export declare const setProductConfigurationValues: (callback: (prev: ValuesModel) => ValuesModel) => void;
+//# sourceMappingURL=setProductConfigurationValues.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/chunks/PriceRange.js b/scripts/__dropins__/storefront-pdp/chunks/PriceRange.js
new file mode 100644
index 0000000000..cc5535a55d
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/chunks/PriceRange.js
@@ -0,0 +1,3 @@
+/*! Copyright 2024 Adobe
+All Rights Reserved. */
+import{jsx as r,Fragment as h,jsxs as l}from"@dropins/tools/preact-jsx-runtime.js";/* empty css     */import{Price as s}from"@dropins/tools/components.js";const o=({amount:e,currency:p,locale:d,variant:g,sale:t,minimumAmount:i,maximumAmount:n,className:a,...c})=>r(h,{children:e||i===n?r("div",{className:"pdp-price-range",...c,children:r(s,{amount:e||i,currency:p,locale:d,variant:g,sale:t,className:a})}):l("div",{className:"pdp-price-range",...c,children:[r(s,{amount:i,currency:p,locale:d,className:a}),r("span",{className:"pdp-price-range__label",children:"-"}),r(s,{amount:n,currency:p,locale:d,className:a})]})});export{o as P};
diff --git a/scripts/__dropins__/storefront-pdp/chunks/Swatches.js b/scripts/__dropins__/storefront-pdp/chunks/Swatches.js
new file mode 100644
index 0000000000..cf3c448f42
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/chunks/Swatches.js
@@ -0,0 +1,3 @@
+/*! Copyright 2024 Adobe
+All Rights Reserved. */
+import{jsx as h,jsxs as J}from"@dropins/tools/preact-jsx-runtime.js";import{useState as M,useEffect as P,useMemo as R,useCallback as _}from"@dropins/tools/preact-compat.js";import{classes as N}from"@dropins/tools/lib.js";import{Picker as z,ColorSwatch as A,ImageSwatch as y,TextSwatch as B}from"@dropins/tools/components.js";/* empty css     */import{useText as C}from"@dropins/tools/i18n.js";const D=["text","image","color","dropdown"],F=d=>d.map(s=>({...s,text:s.label,disabled:!s.inStock}));function G(d,s){return d.reduce((x,i)=>{const n=s==null?void 0:s.find(f=>f.items.find(w=>w.id===i));if(!n)return x;const b=n.items.find(f=>f.id===i);return{...x,[n.id]:{label:b.label,value:b.id}}},{})}const E=({options:d,hideSelectedValue:s,disablePreselections:x,selectedUIDs:i,onValues:n,onErrors:b,defaultOptions:f,selectionsToUpdate:w,className:L,children:H,...O})=>{const q=C("PDP.Swatches.Required.label").label,k=C("PDP.Swatches.ChooseOption.label").label,[S,m]=M(()=>d==null?void 0:d.reduce((r,e)=>{const{items:a}=e,t=a==null?void 0:a.find(c=>f==null?void 0:f.includes(c.id)),u=a==null?void 0:a.find(c=>c.selected);return t?{...r,[e.id]:{label:t.label,value:t.id}}:u?{...r,[e.id]:{label:u.label,value:u.id}}:r},{}));P(()=>{if(i){const l=G(i,d);if(JSON.stringify(l)===JSON.stringify(S))return;m(r=>{let e={...r,...l};return n==null||n(e),e})}},[i]),P(()=>{w==null||w.forEach(l=>{m(r=>{var t;const e=(t=l==null?void 0:l.items)==null?void 0:t.find(u=>u.selected);return e?{...r,[l.id]:{label:e==null?void 0:e.label,value:e==null?void 0:e.id}}:r})})},[w,m]),R(()=>{const l=d==null?void 0:d.reduce((r,e)=>{var t;let a=!1;return(t=e==null?void 0:e.items)==null||t.forEach(u=>{var v;((v=S[e.id])==null?void 0:v.value)===u.id&&(a=!0)}),e.required&&!a&&(r[e.id]=q),r},{});return b==null||b(l),l},[S]);const g=_((l,r,e)=>{m(a=>{let t={...a,...l&&{[l]:{label:r,value:e}}};return r===k&&delete t[l],n==null||n(t,e),t})},[n]),$=_((l,r)=>{var a;const e=((a=r.selectedOptions[0])==null?void 0:a.label)??"";g(l,e,r.value)},[g]),j=_(({items:l,id:r,required:e,type:a,selected:t,label:u})=>(l==null?void 0:l.length)>0&&h("div",{className:N(["pdp-swatches__options"]),children:(a==null?void 0:a.toLowerCase())==="dropdown"?h(z,{"aria-label":u,placeholder:x?k:void 0,handleSelect:c=>$(r,c.target),options:F(l),value:t}):l==null?void 0:l.map(c=>{const v={key:c.id,id:c.id,name:r,value:c.value,label:c.label,groupAriaLabel:u,selected:t===c.id,outOfStock:!c.inStock,required:e===null?!0:e,onValue:()=>{g(r,c.label,c.id)}};switch(a){case"text":return h(B,{...v,label:c.label});case"image":return h(y,{...v,src:c.value,alt:c.label});case"color":return h(A,{...v,size:"large",color:c.value});default:return console.warn(`Invalid swatch type ${a}`),null}})}),[k,g,$]);return h("div",{...O,className:N(["pdp-swatches",L]),children:d==null?void 0:d.map(({type:l,label:r,id:e,multiple:a,required:t,items:u})=>{var c;return D.includes(l)||console.warn(`Invalid swatch type ${l}`),a&&console.warn("Multiple selection swatches are not currently supported."),J("div",{id:`swatch-item-${e}`,"data-slot-key":`product-swatch--${e}`,className:"pdp-swatches__field",children:[h("div",{className:"pdp-swatches__field__label",children:S[e]?s?`${r}`:`${r}: ${S[e].label}`:r}),h(j,{id:e,type:l,required:t,items:u,label:r,selected:(c=S[e])==null?void 0:c.value})]},`swatch-item-${e}`)})})};export{E as S};
diff --git a/scripts/__dropins__/storefront-pdp/chunks/Zoom.js b/scripts/__dropins__/storefront-pdp/chunks/Zoom.js
new file mode 100644
index 0000000000..d1e726a1e4
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/chunks/Zoom.js
@@ -0,0 +1,3 @@
+/*! Copyright 2024 Adobe
+All Rights Reserved. */
+import{jsxs as z,jsx as L,Fragment as _e}from"@dropins/tools/preact-jsx-runtime.js";import*as I from"@dropins/tools/preact-compat.js";import{useState as k,Children as R,useRef as le,useMemo as be,useEffect as B,useCallback as V}from"@dropins/tools/preact-compat.js";import{debounce as ve,classes as M}from"@dropins/tools/lib.js";import{Button as he,Icon as Ne}from"@dropins/tools/components.js";/* empty css     */import{useText as S}from"@dropins/tools/i18n.js";import{cloneElement as Ee}from"@dropins/tools/preact.js";const We=i=>I.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...i},I.createElement("path",{d:"M7.74512 9.87701L12.0001 14.132L16.2551 9.87701",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"square",strokeLinejoin:"round"})),Le=i=>I.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...i},I.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M18.3599 5.64001L5.62988 18.37",stroke:"currentColor"}),I.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M18.3599 18.37L5.62988 5.64001",stroke:"currentColor"})),ke=24,ye=16,H=2,De="32";var Ce=(i=>(i[i.small=16]="small",i[i.medium=24]="medium",i[i.large=64]="large",i))(Ce||{});const He=({show:i=1,scrollbar:y=!1,peak:v=!1,arrows:p=!1,controls:l="dots",arrowsOnMainImage:W=!1,loop:n=!1,gap:C=null,direction:P="horizontal",width:N="100%",height:X="100%",defaultIndex:D=0,className:ae,children:E,thumbnails:Y=null,isZoomed:J,...Q})=>{const G=S("PDP.Carousel.label").label,ee=S("PDP.Carousel.Slide.label").label,te=S("PDP.Carousel.Previous.label").label,re=S("PDP.Carousel.Next.label").label,ce=S("PDP.Carousel.Controls.label").label,oe=S("PDP.Carousel.Controls.Button.label").label,[d,ie]=k(()=>we(i)),r=Math.ceil(R.count(E)/d),h=v?ke:0,m=C?Ce[C]:0,x=R.count(E)%d,[a,O]=k(n?w()?D-1:D+1:D),$=le([]),[Z,ue]=k(0),[j,Me]=k(0),fe=be(()=>R.toArray(Y),[Y]),g=be(()=>{const e=R.toArray(E).reduce((t,s,o)=>o%d===0?[...t,[s]]:[...t.slice(0,-1),[...t[t.length-1],s]],[]);return!n||e.length===1?e:n&&R.count(E)%d===0?[e[r-1]].concat(e).concat([e[0],e[1]]):[R.toArray(E).slice(-d)].concat(e).concat([e[0],e[1]])},[E,d,r,n]),F=le(null),pe=le(null),_=l==="thumbnailsRow"||l==="thumbnailsColumn";B(()=>{const e=F.current;if(!e)return;const t=ve(()=>{ue(e.offsetWidth??0),Me(e.offsetHeight??0);const o=window.innerWidth,u=we(i,o);u!==d&&ie(u)},50),s=new ResizeObserver(t);return s.observe(e),()=>{s.unobserve(e)}},[d,i]);const K=V(e=>{const t=n?e-1:e,s=$==null?void 0:$.current[0],o=(s==null?void 0:s.offsetWidth)+ye,u=(s==null?void 0:s.offsetHeight)+ye,c=pe.current,T=l==="thumbnailsRow",ne=l==="thumbnailsColumn",A=T?c==null?void 0:c.offsetWidth:c==null?void 0:c.offsetHeight,f=T?o:u;(T||ne)&&A&&(f*(t+1)>A&&(c.style.scrollBehavior="smooth",T?c.scrollLeft=w()?c.scrollWidth-c.clientWidth-(t+H)*f:(t+H)*f:c.scrollTop=(t+H)*f),(w()&&(T?c.scrollLeft:c.scrollTop)<=-f*t||!w()&&(T?c.scrollLeft:c.scrollTop)>f*t)&&(c.style.scrollBehavior="smooth",T?c.scrollLeft=w()?-(t-H)*f:(t-H)*f:c.scrollTop=(t-H)*f))},[l,n]);B(()=>{K(a)},[a,K]);const b=V((e,t,s)=>{_&&K(e);const o=F.current,u=h?o.offsetWidth-h:o.offsetWidth-h+m;if(!Array.from(o.querySelectorAll("[data-index]")).filter(A=>{const f=Number(A.getAttribute("data-index"));return!isNaN(f)&&f>-1})[e])return;if(s){const A=e===0?r:0,f=u*(r+(x||d)/d);if(w()){if(o.scrollLeft<=0&&o.scrollLeft>-(u-5)){b(1,!0);return}if(o.scrollLeft<u-f&&o.scrollLeft>=-f){b(r,!0);return}o.style.scrollBehavior="auto",o.scrollLeft=A===0?0:-f,b(A===0?1:r,!0)}else{if(o.scrollLeft>=0&&o.scrollLeft<u-5){b(1,!0);return}if(o.scrollLeft>f-u&&o.scrollLeft<=f){b(r,!0);return}o.style.scrollBehavior="auto",o.scrollLeft=A===0?0:f,b(A===0?1:r,!0);return}}const ne=(o.offsetWidth-m)/d*g[e].length-h;o.style.scrollBehavior=t?"smooth":"auto",o.scrollLeft=w()?-(g[e].length===d?u*e:u*(e-1)-ne):g[e].length===d?u*e:u*(e-1)+ne},[m,r,h,d,x,g,K,l]),q=V(()=>{if(n){const t=a-1;b(t,!0,w()?a===r-1:a===1);return}const e=a<=0?0:a-1;b(e,!0)},[a,b,n]),U=V(()=>{const e=g.length-1;if(n){const s=a+1;b(s,!0,w()?a===0:a===r);return}const t=a>=e?e:a+1;b(t,!0)},[g.length,n,a,b,r]);B(()=>{const e=t=>{t.key==="ArrowLeft"&&(t.preventDefault(),w()?U():q()),t.key==="ArrowRight"&&(t.preventDefault(),w()?q():U())};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}},[U,q]),B(()=>{b(n?D+1:D,!1)},[D,b,n]);const de=ve(()=>{const e=F.current,t=h?e.offsetWidth-h:e.offsetWidth-h+m,s=Math.abs(e.scrollLeft)/t,o=Math.abs(Math.round(s)-s<1?Math.round(s):Math.ceil(s));if(_&&K(o),n){const u=t*(r+(x||d)/d),c=w()?-e.scrollLeft:e.scrollLeft;if(Math.ceil(Math.abs(c))>=Math.ceil(u)-5){e.style.scrollBehavior="auto",e.scrollLeft=w()?-e.offsetWidth+(Math.ceil(c)-Math.ceil(u)-h):e.offsetWidth+(Math.ceil(c)-Math.ceil(u)-h);return}if(Math.abs(c)===0){e.style.scrollBehavior="auto",e.scrollLeft=w()?-(u-e.offsetWidth+h):u-e.offsetWidth+h;return}}a!==o&&O(o)},100);B(()=>{const e=F.current;return e==null||e.addEventListener("scroll",de),()=>{e==null||e.removeEventListener("scroll",de)}},[de]);const se=(e,t,s)=>L(he,{className:M([["pdp-carousel__button",!e],[`pdp-carousel__button--${t}`,!e],[`pdp-carousel__button--${l}`,e]]),style:{"--height":`${j}px`},variant:"tertiary","aria-label":t==="next"?re:te,onClick:s,disabled:n?!1:t==="next"?a>=g.length-1:a<1,children:L(Ne,{className:M([["pdp-carousel__button__icon",!e],[`pdp-carousel__button__icon--${t}`,!e],[`pdp-carousel__button__icon--${l}--${t}`,e]]),size:De,source:We})}),me=p&&g.length!=1&&se(_,"prev",q),ge=p&&g.length!=1&&se(_,"next",U),Pe=p&&g.length!=1&&se(!1,"prev",q),xe=p&&g.length!=1&&se(!1,"next",U);return z("div",{role:"region","aria-roledescription":G,className:M(["pdp-carousel",["pdp-carousel--main-image-controls",W],["pdp-carousel--arrows",p&&!_],[`pdp-carousel--${l}`,_],ae]),style:{"--flex-carousel":l==="thumbnailsColumn"?"row-reverse":"column","--gap":_?"0":"var(--spacing-small)","--width":N},...Q,children:[L("div",{ref:F,className:M(["pdp-carousel__wrapper",`pdp-carousel__wrapper--${P}`,["pdp-carousel__wrapper--scrollbar",y],["pdp-carousel__wrapper--peak",v]]),style:{"--total-width":l==="thumbnailsColumn"?"81.6%":"100%","--height":l==="thumbnailsColumn"?"auto":X,"--gap":C?`var(--spacing-${C})`:"0px","--per-page":d},tabIndex:0,children:g.map((e,t)=>{const s=e.length<d;return L("div",{role:"group","aria-roledescription":ee,"data-index":t,className:M(["pdp-carousel__slide",`pdp-carousel__slide--${P}`,["pdp-carousel__slide--active",a===t],["pdp-carousel__slide--orphan",s]]),style:{"--length":e.length},children:e},t)})}),!_&&z(_e,{children:[me,ge]}),_&&W&&z(_e,{children:[Pe,xe]}),l&&g.length!=1&&z("div",{className:M([[`pdp-carousel__controls__container--${l}`,_],["pdp-carousel__controls__container--no-arrows",!p||W]]),style:{"--width":l==="thumbnailsRow"?`${Z}px`:N,"--height":`${j}px`,"--nr-thumbnails":fe.length},children:[(_||J)&&!W&&me,L("div",{ref:pe,className:M([[`pdp-carousel__controls__wrapper--${l}`,_],["pdp-carousel__controls__wrapper",_]]),children:L("div",{role:"group","aria-label":ce,className:M(["pdp-carousel__controls",[`pdp-carousel__controls--${l}`,_]]),children:(n?g.slice(0,r):g).map((e,t)=>{const s=n?r:g.length,o=n?a-1===t:a===t;return _?z("label",{className:M(["pdp-carousel__thumbnail__container"]),ref:u=>{u&&($.current[t]=u)},children:[L("input",{type:"radio",name:"carousel-thumbnails","aria-label":oe.replace("{key}",String(t+1)).replace("{total}",String(s)),checked:o&&Z!==0,onChange:()=>{b(n?t+1:t,!0)},...Q,className:M(["pdp-carousel__thumbnail",["pdp-carousel__thumbnail--selected",o&&Z!==0]])}),L("span",{className:M(["pdp-carousel__thumbnail__span"]),children:fe[t]})]},t):L("button",{"aria-label":oe.replace("{key}",String(t+1)).replace("{total}",String(s)),onClick:()=>{b(n?t+1:t,!0)},className:M(["pdp-carousel__controls__button",["pdp-carousel__controls__button--active",o]])},t)})})}),(_||J)&&!W&&ge]})]})};function we(i,y=0){if(typeof i=="number")return i;const{small:v,medium:p,large:l}=i,n=[{breakpoint:1024,value:l},{breakpoint:786,value:p},{breakpoint:0,value:v}].find(({breakpoint:C})=>y>C);return n?n.value:v}function w(){return document.documentElement.dir==="rtl"}const Xe=({centered:i,onClose:y,className:v,children:p,...l})=>{const W=S("PDP.Overlay.Close.label").label,n=le(null),C=V(()=>{y==null||y()},[y]);return B(()=>{const P=N=>{N.key==="Escape"&&C()};return document.addEventListener("keydown",P),()=>{document.removeEventListener("keydown",P)}},[C]),B(()=>{const P=n.current;P==null||P.focus();const N=document.scrollingElement,X=N.style.overflow;return N.style.overflow="hidden",()=>{N.style.overflow=X}},[]),z("div",{...l,className:M(["pdp-overlay",["pdp-overlay--centered",i],v]),ref:n,role:"dialog","aria-describedby":"overlay-content",tabindex:0,children:[L("div",{className:"pdp-overlay__content",id:"overlay-content",children:p}),L(he,{"aria-label":W,variant:"tertiary",className:"pdp-overlay__close-button",onClick:C,icon:L(Le,{})})]})},Ye=({children:i,scale:y=2,closeButton:v=!0})=>{const[p,l]=k(!1),[W,n]=k("pdp-zoom"),[C,P]=k(!1),[N,X]=k({x:0,y:0}),[D,ae]=k({x:0,y:0}),[E,Y]=k({x:0,y:0}),J=r=>{!p||r.type!=="touchstart"||(X({x:r.touches[0].clientX,y:r.touches[0].clientY}),ae({x:E.x,y:E.y}),P(!0))},Q=r=>{var j;if(!C||r.type!=="touchmove")return;const h=(j=r.currentTarget)==null?void 0:j.getBoundingClientRect(),m=(100-100/y)/2,x=r.touches[0].clientX-N.x,a=r.touches[0].clientY-N.y,O=x*100/(h.width*y),$=a*100/(h.height*y),Z=D.x+O,ue=D.y+$;Y({x:Math.max(-m,Math.min(Z,m))||0,y:Math.max(-m,Math.min(ue,m))||0}),r.preventDefault()},G=r=>{var $;const h=($=r.currentTarget)==null?void 0:$.getBoundingClientRect(),m=(100-100/y)/2;let x;if("touches"in r)x=r.touches[0];else if(r instanceof MouseEvent)x=r;else return;const a=m-(x.clientX-h.left)/h.width*100,O=m-(x.clientY-h.top)/h.height*100;Y({x:Math.max(-m,Math.min(a,m))||0,y:Math.max(-m,Math.min(O,m))||0})},ee=r=>{if(!C){if(p){if(v&&"touches"in r){J(r);return}v||l(!1)}else l(!0),G(r);r.preventDefault()}},te=r=>{if(v&&"touches"in r){Q(r);return}p&&G(r)},re=()=>{if(v){P(!1);return}l(!1)},ce=r=>{l(!1),r.stopPropagation()},oe=p?`scale(${y}) translateX(${E.x}%) translateY(${E.y}%)`:"none",d=S("PDP.Zoom.Close.label").label,ie=Ee(R.only(i),{draggable:!1,style:{"--transform":oe}});return B(()=>{n(p?`pdp-zoom ${v?"pdp-zoom--no-effects":"pdp-zoom--zoomed"}`:"pdp-zoom")},[p,v]),z("figure",{className:W,onClick:ee,onMouseMove:te,onMouseLeave:re,onTouchStart:ee,onTouchMove:te,onTouchEnd:re,children:[ie,v&&p&&L(he,{"aria-label":d,variant:"tertiary",className:"pdp-zoom__close-button",icon:L(Le,{}),onClick:ce})]})};export{He as C,Xe as O,Ye as Z};
diff --git a/scripts/__dropins__/storefront-pdp/chunks/date.js b/scripts/__dropins__/storefront-pdp/chunks/date.js
new file mode 100644
index 0000000000..629d21dbd1
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/chunks/date.js
@@ -0,0 +1,3 @@
+/*! Copyright 2024 Adobe
+All Rights Reserved. */
+import{toLanguageTag as n}from"@dropins/tools/lib.js";function a(t,d="en_US"){if(!o(t))throw Error("Invalid date string");return t.split(" ")[1]||(t=`${t} 00:00:00`),new Date(t).toLocaleDateString(n(d)).toString()}function o(t){if(![/^\d{4}-\d{2}-\d{2}$/,/^\d{1,2}\/\d{1,2}\/\d{4}$/,/^\d{2}\/\d{2}\/\d{4}$/,/^\d{4}\/\d{2}\/\d{2}$/,/^\d{1,2}\.\d{1,2}\.\d{4}$/,/^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}$/].some(i=>i.test(t)))return!1;const e=new Date(t);return!isNaN(e.getTime())}export{o as i,a as t};
diff --git a/scripts/__dropins__/storefront-pdp/chunks/getFetchedProductData.js b/scripts/__dropins__/storefront-pdp/chunks/getFetchedProductData.js
new file mode 100644
index 0000000000..3b8bfea59e
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/chunks/getFetchedProductData.js
@@ -0,0 +1,3 @@
+/*! Copyright 2024 Adobe
+All Rights Reserved. */
+import{events as e}from"@dropins/tools/event-bus.js";const s=async()=>e._lastEvent["pdp/data"]?Promise.resolve(e._lastEvent["pdp/data"].payload):new Promise(a=>{const t=e.on("pdp/data",r=>{a(r),t==null||t.off()},{eager:!0})});export{s as g};
diff --git a/scripts/__dropins__/storefront-pdp/chunks/getProductConfigurationValues.js b/scripts/__dropins__/storefront-pdp/chunks/getProductConfigurationValues.js
new file mode 100644
index 0000000000..1a47041364
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/chunks/getProductConfigurationValues.js
@@ -0,0 +1,3 @@
+/*! Copyright 2024 Adobe
+All Rights Reserved. */
+import{events as o}from"@dropins/tools/event-bus.js";import"@dropins/tools/lib.js";const a=t=>{const s=e(),n=t(s);JSON.stringify(s)!==JSON.stringify(n)&&o.emit("pdp/values",{...n})},e=()=>{var t;return((t=o._lastEvent["pdp/values"])==null?void 0:t.payload)??null};export{e as g,a as s};
diff --git a/scripts/__dropins__/storefront-pdp/chunks/getRefinedProduct.js b/scripts/__dropins__/storefront-pdp/chunks/getRefinedProduct.js
deleted file mode 100644
index fb71cf4b8e..0000000000
--- a/scripts/__dropins__/storefront-pdp/chunks/getRefinedProduct.js
+++ /dev/null
@@ -1,185 +0,0 @@
-import{c as B}from"./initialize.js";import{FetchGraphQL as et}from"@dropins/tools/fetch-graphql.js";const{setEndpoint:gt,setFetchGraphQlHeader:ht,removeFetchGraphQlHeader:wt,setFetchGraphQlHeaders:xt,fetchGraphQl:q,getConfig:_t}=new et().getMethods();function K(e,r){var i,u,o;const n=e?{name:e.name,sku:e.sku,addToCartAllowed:e.addToCartAllowed,inStock:e.inStock,shortDescription:e.shortDescription,metaDescription:e.metaDescription,metaKeyword:e.metaKeyword,metaTitle:e.metaTitle,description:e.description,images:rt(e),prices:mt(e,!!r),attributes:nt(e),options:ut(e),optionUIDs:at(e),url:e.url,urlKey:e.urlKey,externalId:e.externalId,externalParentId:e.externalParentId,variantSku:e.variantSku}:null,t=(o=(u=(i=B.getConfig())==null?void 0:i.models)==null?void 0:u.ProductDetails)==null?void 0:o.transform;return t&&n?t(n):n}function rt(e){var r;return(r=e.images)==null?void 0:r.map(n=>(n.url=n.url.replace(/^https?:/,""),n))}function nt(e){var r,n;return(n=(r=e.attributes)==null?void 0:r.filter(({roles:t})=>(t==null?void 0:t.indexOf("visible_in_pdp"))!==-1))==null?void 0:n.map(({label:t,value:i,name:u})=>({id:u,label:t,value:i.toString().split(",").join(", ")}))}function ut(e){const{options:r,optionUIDs:n}=e;return r==null?void 0:r.map(({id:t,title:i,required:u,multi:o,values:m})=>{var d,s;const a=(d=m==null?void 0:m[0])==null?void 0:d.__typename;let l=m==null?void 0:m[0].type;const c=((s=m==null?void 0:m[0])==null?void 0:s.__typename)==="ProductViewOptionValueProduct";return l?l=l.replace("COLOR_HEX","color").replace("TEXT","text").replace("IMAGE","image"):l="dropdown",{id:t,type:l,typename:a,label:i,required:u,multiple:o,items:c?it(m,n):ot(m,n,l)}})}function it(e,r){return e==null?void 0:e.map(({id:n,title:t,inStock:i,isDefault:u,product:o})=>({id:n,inStock:i,label:t,selected:(r==null?void 0:r.indexOf(n))>-1||u,value:n,product:o}))}function ot(e,r,n){return e==null?void 0:e.map(({id:t,title:i,inStock:u,value:o})=>({id:t,inStock:u,label:i,selected:(r==null?void 0:r.indexOf(t))>-1,value:(n==null?void 0:n.toLowerCase())==="dropdown"?t:o==null?void 0:o.replace(/^https?:/,"")}))}function mt(e,r){var E,x,H,I,L;const{price:n,priceRange:t,options:i,optionUIDs:u}=e;let{__typename:o}=e;function m(){var g;const P=n.regular.amount.value,f=((g=n.final)==null?void 0:g.amount.value)??n.regular.amount.value,y=n.regular.amount.currency==="NONE"?"USD":n==null?void 0:n.regular.amount.currency;return[P,f,f,y]}function a(){var _,b,S,V,T,C,D,A,F,$,G,M;const P=(_=t==null?void 0:t.minimum)==null?void 0:_.final.amount.value,f=(b=t==null?void 0:t.maximum)==null?void 0:b.final.amount.value;let y;((V=(S=t==null?void 0:t.minimum)==null?void 0:S.regular)==null?void 0:V.amount.value)===((C=(T=t==null?void 0:t.maximum)==null?void 0:T.regular)==null?void 0:C.amount.value)&&(y=(A=(D=t==null?void 0:t.minimum)==null?void 0:D.regular)==null?void 0:A.amount.value);const g=(($=(F=t==null?void 0:t.minimum)==null?void 0:F.final)==null?void 0:$.amount.currency)==="NONE"?"USD":(M=(G=t==null?void 0:t.minimum)==null?void 0:G.final)==null?void 0:M.amount.currency;return[y,P,f,g]}function l(){var S,V,T,C,D,A,F,$,G,M,X,Y;let P=0,f=0;i==null||i.forEach(k=>{var z;const j=k==null?void 0:k.values;if(j&&Array.isArray(j)){const h=j.map(p=>{var Q,N,J,W;return(W=(J=(N=(Q=p==null?void 0:p.product)==null?void 0:Q.price)==null?void 0:N.regular)==null?void 0:J.amount)==null?void 0:W.value}).filter(p=>p!==void 0),v=h.length>0?Math.max(...h):0;P+=v}else P+=0;(z=k==null?void 0:k.values)==null||z.forEach(h=>{var v,p,Q,N;u!=null&&u.includes(h.id)&&(f+=(N=(Q=(p=(v=h==null?void 0:h.product)==null?void 0:v.price)==null?void 0:p.final)==null?void 0:Q.amount)==null?void 0:N.value)})});const y=(S=t==null?void 0:t.minimum)==null?void 0:S.final.amount.value,g=(V=t==null?void 0:t.maximum)==null?void 0:V.final.amount.value;let _;((C=(T=t==null?void 0:t.minimum)==null?void 0:T.regular)==null?void 0:C.amount.value)===((A=(D=t==null?void 0:t.maximum)==null?void 0:D.regular)==null?void 0:A.amount.value)&&(_=($=(F=t==null?void 0:t.minimum)==null?void 0:F.regular)==null?void 0:$.amount.value);const b=((M=(G=t==null?void 0:t.minimum)==null?void 0:G.final)==null?void 0:M.amount.currency)==="NONE"?"USD":(Y=(X=t==null?void 0:t.minimum)==null?void 0:X.final)==null?void 0:Y.amount.currency;return r&&!u?[_,y,g,b]:P===(t==null?void 0:t.maximum.regular.amount.value)?[f,f,f,b]:[_,y,g,b]}const[c,d,s,w]=o==="SimpleProductView"?m():r?l():a(),O=o==="SimpleProductView"?(E=n==null?void 0:n.roles)==null?void 0:E.includes("visible"):((H=(x=t==null?void 0:t.maximum)==null?void 0:x.roles)==null?void 0:H.includes("visible"))&&((L=(I=t==null?void 0:t.minimum)==null?void 0:I.roles)==null?void 0:L.includes("visible"));return s&&d===s?{regular:{amount:c,currency:w,variant:c&&d!==c?"strikethrough":"default"},final:{amount:s,currency:w,variant:"default"},visible:O}:{final:{minimumAmount:d,maximumAmount:s,currency:w},visible:O}}function at(e){var n;let{optionUIDs:r}=e;return(n=e==null?void 0:e.options)==null||n.map(({values:t})=>{var u;((u=t==null?void 0:t[0])==null?void 0:u.__typename)==="ProductViewOptionValueProduct"&&!r&&(r=[],t==null||t.map(({id:o,isDefault:m})=>{m&&(r==null?void 0:r.indexOf(o))===-1&&r.push(o)}))}),r}const lt=`
-fragment ProductOptionFragment 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
-      }
-    }
-  }
-`,R=`
-fragment ProductFragment on ProductView {
-  __typename
-  id
-  sku
-  name
-  shortDescription
-  metaDescription
-  metaKeyword
-  metaTitle
-  description
-  inStock
-  addToCartAllowed
-  url
-  urlKey
-  externalId
-
-  images(roles: []) {
-    url
-    label
-    roles
-  }
-
-  attributes(roles: []) {
-    name
-    label
-    value
-    roles
-  }
-
-... on SimpleProductView {
-    price {
-        roles
-
-        regular {
-            amount {
-                value
-                currency
-            }
-        }
-
-        final {
-            amount {
-                value
-                currency
-            }
-        }
-    }
-}
-
-
-  ... on ComplexProductView {
-    options {
-      ...ProductOptionFragment
-    }
-
-    priceRange {
-      maximum {
-        final {
-          amount {
-            value
-            currency
-          }
-        }
-        regular {
-          amount {
-            value
-            currency
-          }
-        }
-        roles
-      }
-      minimum {
-        final {
-          amount {
-            value
-            currency
-          }
-        }
-        regular {
-          amount {
-            value
-            currency
-          }
-        }
-        roles
-      }
-    }
-  }
-}
-
-${lt}
-`,tt=`
-query GET_PRODUCT_DATA($skus: [String]) {
-    products(skus: $skus) {
-        ...ProductFragment
-    }
-}
-
-${R}
-`;function Z(e){return e.some(r=>(r==null?void 0:r.__typename)==="ProductViewOptionValueProduct")}const bt=async e=>{var u,o,m,a,l,c,d;const r=(a=(m=(o=(u=B)==null?void 0:u.getConfig())==null?void 0:o.models)==null?void 0:m.ProductDetails)==null?void 0:a.initialData;let n=(l=r==null?void 0:r.options)==null?void 0:l.some(s=>Z(s.values));if(r)return K(r,!!n);const{data:t}=await q(tt,{method:"GET",variables:{skus:[e]}}),i=(c=t==null?void 0:t.products)==null?void 0:c[0];return n=(d=i==null?void 0:i.options)==null?void 0:d.some(s=>Z(s.values)),K(i,!!n)},ct=`
-query REFINE_PRODUCT_QUERY(
-    $optionIds: [String!]!
-    $sku: String!
-) {
-    # Refined Product
-    refineProduct(
-        optionIds: $optionIds 
-        sku: $sku
-    ) {
-        ...ProductFragment
-    }
-
-    # Parent Product
-    products(skus: [$sku]) {
-        ...ProductFragment
-    }
-
-    # %extendedPlaceholder%
-}
-
-${R}
-`;async function U(e,r,n){var m;if(n)return{...(m=(await q(tt,{method:"GET",variables:{skus:[e]}})).data)==null?void 0:m.products[0],optionUIDs:r};const t=st(r),i=dt(t,e),u=ct.replace("# %extendedPlaceholder%",i),{data:o}=await q(u,{method:"GET",variables:{optionIds:r,sku:e}});return o}const kt=async(e,r,n,t)=>{var s,w,O,E;let i;if(i=await U(e,r,t),!i)return null;if(t)return K({...i,optionUIDs:r},!0);let{products:u,refineProduct:o,...m}=i;const a=u==null?void 0:u[0],l=ft(Object.values(m),a.options,n);if(n!=null&&n.length&&o===null){r=Pt(l,r,n);const x=await U(e,r);o=x==null?void 0:x.refineProduct}const c=K({...o||a,sku:a.sku,name:a.name,externalParentId:a==null?void 0:a.externalId,options:l,optionUIDs:r,variantSku:(o==null?void 0:o.__typename)==="SimpleProductView"?o==null?void 0:o.sku:void 0}),d=(E=(O=(w=(s=B)==null?void 0:s.getConfig())==null?void 0:w.models)==null?void 0:O.ProductDetails)==null?void 0:E.fallbackData;return d?d(a,c):c};function st(e){if(e.length<2)return[e];const r=[];return e.forEach(n=>{const t=[];e.forEach(i=>{n!==i&&t.push(i)}),r.push(t)}),r}function dt(e,r){return e.map((n,t)=>`
-          ProductOption${t}: refineProduct(
-            optionIds: [
-              ${n.map(i=>`"${i}"`).join(", ")}
-            ]
-            sku: "${r}"
-          ) {
-            ... on ComplexProductView {
-              options {
-                ...ProductOptionFragment
-              }
-            }
-          }
-        `).join("")}function ft(e,r,n){const t=Object.values(e).filter(u=>!!u).reduce((u,o)=>o.options?[...u,...o.options]:[...u],[]),i=new Map(r.map(u=>[u.id,u]));return t.forEach(u=>{n!=null&&n.includes(u.id)||i.set(u.id,u)}),[...i.values()]}function Pt(e,r,n){const t=[];let i;return e.forEach(u=>{var o,m,a,l;n.includes(u.id)?i=((m=(o=u.values)==null?void 0:o.find(c=>r.includes(c==null?void 0:c.id)))==null?void 0:m.id)||((a=u.values[0])==null?void 0:a.id):i=(l=u.values[0])==null?void 0:l.id,t.push(i)}),t}export{ht as a,xt as b,bt as c,kt as d,q as f,_t as g,wt as r,gt as s};
diff --git a/scripts/__dropins__/storefront-pdp/chunks/initialize.js b/scripts/__dropins__/storefront-pdp/chunks/initialize.js
deleted file mode 100644
index ee6ee5ce63..0000000000
--- a/scripts/__dropins__/storefront-pdp/chunks/initialize.js
+++ /dev/null
@@ -1 +0,0 @@
-import{Initializer as t}from"@dropins/tools/lib.js";const i=new t({init:async n=>{const o={defaultLocale:"en-US"};i.config.setConfig({...o,...n})},listeners:()=>[]}),c=i.config;export{c,i};
diff --git a/scripts/__dropins__/storefront-pdp/chunks/isProductConfigurationValid.js b/scripts/__dropins__/storefront-pdp/chunks/isProductConfigurationValid.js
new file mode 100644
index 0000000000..8494ef8de8
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/chunks/isProductConfigurationValid.js
@@ -0,0 +1,187 @@
+/*! Copyright 2024 Adobe
+All Rights Reserved. */
+import{merge as se,Initializer as ae}from"@dropins/tools/lib.js";import{events as N}from"@dropins/tools/event-bus.js";import{FetchGraphQL as ue}from"@dropins/tools/fetch-graphql.js";import{s as le}from"./getProductConfigurationValues.js";function Me(e){const n=new URLSearchParams(window.location.search);Object.entries(e).forEach(([r,t])=>{t===null?n.delete(r):n.set(r,String(t))});let i=window.location.pathname;i+=`?${n.toString()}`,i+=window.location.hash,window.history.replaceState({},"",i)}function me(){const e=new URLSearchParams(window.location.search),n={};return e.forEach((i,r)=>{n[r]=i}),n}function ce(e){var n,i,r,t,o,a,l,s,m,u,c,f;return{productId:Number(e==null?void 0:e.externalId),name:e==null?void 0:e.name,sku:(e==null?void 0:e.variantSku)||(e==null?void 0:e.sku),topLevelSku:e==null?void 0:e.sku,specialToDate:void 0,specialFromDate:void 0,newToDate:void 0,newFromDate:void 0,createdAt:void 0,updatedAt:void 0,manufacturer:void 0,countryOfManufacture:void 0,categories:void 0,productType:e==null?void 0:e.productType,pricing:{regularPrice:((i=(n=e==null?void 0:e.prices)==null?void 0:n.regular)==null?void 0:i.amount)||0,minimalPrice:(t=(r=e==null?void 0:e.prices)==null?void 0:r.final)==null?void 0:t.minimumAmount,maximalPrice:(a=(o=e==null?void 0:e.prices)==null?void 0:o.final)==null?void 0:a.maximumAmount,specialPrice:(s=(l=e==null?void 0:e.prices)==null?void 0:l.final)==null?void 0:s.amount,tierPricing:void 0,currencyCode:((u=(m=e==null?void 0:e.prices)==null?void 0:m.final)==null?void 0:u.currency)||"USD"},canonicalUrl:e==null?void 0:e.url,mainImageUrl:(f=(c=e==null?void 0:e.images)==null?void 0:c[0])==null?void 0:f.url}}const fe={PRODUCT_CONTEXT:"productContext"},de={PRODUCT_PAGE_VIEW:"product-page-view"};function ne(){return window.adobeDataLayer=window.adobeDataLayer||[],window.adobeDataLayer}function Pe(e,n){const i=ne();i.push({[e]:null}),i.push({[e]:n})}function ge(e,n){ne().push(r=>{const t=r.getState?r.getState():{};r.push({event:e,eventInfo:{...t,...n}})})}function we(e){const n=ce(e);Pe(fe.PRODUCT_CONTEXT,n),ge(de.PRODUCT_PAGE_VIEW)}var K=(e=>(e.ComplexProduct="complex",e.SimpleProduct="simple",e))(K||{}),re=(e=>(e.ComplexProductView="ComplexProductView",e.SimpleProductView="SimpleProductView",e))(re||{});function H(e,n){var a,l,s,m,u,c,f,P,g,y,d,b;const i=((m=(s=(l=(a=e==null?void 0:e.options)==null?void 0:a[0])==null?void 0:l.values)==null?void 0:s[0])==null?void 0:m.__typename)==="ProductViewOptionValueProduct",r=Ce(e,i,n==null?void 0:n.preselectFirstOption),t=(e==null?void 0:e.__typename)===re.SimpleProductView?K.SimpleProduct:K.ComplexProduct,o=e?{name:e.name,sku:e.sku,isBundle:i,addToCartAllowed:e.addToCartAllowed,inStock:e.inStock,shortDescription:e.shortDescription,metaDescription:e.metaDescription,metaKeyword:e.metaKeyword,metaTitle:e.metaTitle,description:e.description,images:ye(e),prices:Se(e,i,r),attributes:he(e),options:pe(e,i),optionUIDs:r,url:e.url,urlKey:e.urlKey,externalId:e.externalId,externalParentId:e.externalParentId,variantSku:e.variantSku,productType:t}:null;return se(o,((P=(f=(c=(u=k.getConfig())==null?void 0:u.models)==null?void 0:c.ProductDetails)==null?void 0:f.transformer)==null?void 0:P.call(f,e))??((b=(d=(y=(g=k.getConfig())==null?void 0:g.models)==null?void 0:y.ProductDetails)==null?void 0:d.transform)==null?void 0:b.call(d,e)))}function ye(e){var n,i;return(i=(n=e.images)==null?void 0:n.filter(r=>{var t;return!((t=r.roles)!=null&&t.includes("hide_from_pdp"))}))==null?void 0:i.map(r=>(r.url=r.url.replace(/^https?:/,""),r))}function he(e){var n,i;return(i=(n=e.attributes)==null?void 0:n.filter(({roles:r})=>(r==null?void 0:r.indexOf("visible_in_pdp"))!==-1))==null?void 0:i.map(({label:r,value:t,name:o})=>({id:o,label:r,value:t.toString().split(",").join(", ")}))}function pe(e,n){const{options:i,optionUIDs:r}=e;return i==null?void 0:i.map(({id:t,title:o,required:a,multi:l,values:s})=>{var c;const m=(c=s==null?void 0:s[0])==null?void 0:c.__typename;let u=s==null?void 0:s[0].type;return u?u=u.replace("COLOR_HEX","color").replace("TEXT","text").replace("IMAGE","image"):u="dropdown",{id:t,type:u,typename:m,label:o,required:a,multiple:l,items:n?De(s,r):xe(s,r,u)}})}function De(e,n){return e==null?void 0:e.map(({id:i,title:r,inStock:t,isDefault:o,product:a})=>({id:i,inStock:t,label:r,selected:(n==null?void 0:n.indexOf(i))>-1||o,value:i,product:a}))}function xe(e,n,i){return e==null?void 0:e.map(({id:r,title:t,inStock:o,value:a})=>({id:r,inStock:o,label:t,selected:(n==null?void 0:n.indexOf(r))>-1,value:(i==null?void 0:i.toLowerCase())==="dropdown"?r:a==null?void 0:a.replace(/^https?:/,"")}))}function Se(e,n,i){var d,b,X,B,z;const{price:r,priceRange:t,options:o,optionUIDs:a=i}=e;let{__typename:l}=e;function s(){var x;const p=r.regular.amount.value,w=((x=r.final)==null?void 0:x.amount.value)??r.regular.amount.value,D=r.regular.amount.currency==="NONE"?"USD":r==null?void 0:r.regular.amount.currency;return[p,w,w,D]}function m(){var C,v,E,T,_,V,I,F,U,A,$,L;const p=(C=t==null?void 0:t.minimum)==null?void 0:C.final.amount.value,w=(v=t==null?void 0:t.maximum)==null?void 0:v.final.amount.value;let D;((T=(E=t==null?void 0:t.minimum)==null?void 0:E.regular)==null?void 0:T.amount.value)===((V=(_=t==null?void 0:t.maximum)==null?void 0:_.regular)==null?void 0:V.amount.value)&&(D=(F=(I=t==null?void 0:t.minimum)==null?void 0:I.regular)==null?void 0:F.amount.value);const x=((A=(U=t==null?void 0:t.minimum)==null?void 0:U.final)==null?void 0:A.amount.currency)==="NONE"?"USD":(L=($=t==null?void 0:t.minimum)==null?void 0:$.final)==null?void 0:L.amount.currency;return[D,p,w,x]}function u(){var E,T,_,V,I,F,U,A,$,L,W,Y;let p=0,w=0;o==null||o.forEach(O=>{var J;const j=O==null?void 0:O.values;if(j&&Array.isArray(j)){const S=j.map(h=>{var G,M,Z,R;return(R=(Z=(M=(G=h==null?void 0:h.product)==null?void 0:G.price)==null?void 0:M.regular)==null?void 0:Z.amount)==null?void 0:R.value}).filter(h=>h!==void 0),Q=S.length>0?Math.max(...S):0;p+=Q}(J=O==null?void 0:O.values)==null||J.forEach(S=>{var Q,h,G,M;a!=null&&a.includes(S.id)&&(w+=(M=(G=(h=(Q=S==null?void 0:S.product)==null?void 0:Q.price)==null?void 0:h.final)==null?void 0:G.amount)==null?void 0:M.value)})});const D=(E=t==null?void 0:t.minimum)==null?void 0:E.final.amount.value,x=(T=t==null?void 0:t.maximum)==null?void 0:T.final.amount.value;let C;((V=(_=t==null?void 0:t.minimum)==null?void 0:_.regular)==null?void 0:V.amount.value)===((F=(I=t==null?void 0:t.maximum)==null?void 0:I.regular)==null?void 0:F.amount.value)&&(C=(A=(U=t==null?void 0:t.minimum)==null?void 0:U.regular)==null?void 0:A.amount.value);const v=((L=($=t==null?void 0:t.minimum)==null?void 0:$.final)==null?void 0:L.amount.currency)==="NONE"?"USD":(Y=(W=t==null?void 0:t.minimum)==null?void 0:W.final)==null?void 0:Y.amount.currency;return n&&(a==null?void 0:a.length)<1?[C,D,x,v]:p===(t==null?void 0:t.maximum.regular.amount.value)?[w,w,w,v]:[C,D,x,v]}const[c,f,P,g]=l==="SimpleProductView"?s():n?u():m(),y=l==="SimpleProductView"?(d=r==null?void 0:r.roles)==null?void 0:d.includes("visible"):((X=(b=t==null?void 0:t.maximum)==null?void 0:b.roles)==null?void 0:X.includes("visible"))&&((z=(B=t==null?void 0:t.minimum)==null?void 0:B.roles)==null?void 0:z.includes("visible"));return P&&f===P?{regular:{amount:c,currency:g,variant:c&&f!==c?"strikethrough":"default"},final:{amount:P,currency:g,variant:"default"},visible:y}:{final:{minimumAmount:f,maximumAmount:P,currency:g},visible:y}}function Ce(e,n,i){var r;return n?((r=e==null?void 0:e.options)==null?void 0:r.map(({values:o})=>{var s;const a=((s=o==null?void 0:o.find(({isDefault:m})=>m))==null?void 0:s.id)??null,l=i?o[0].id:null;return a||l})).filter(o=>o!==null):e==null?void 0:e.optionUIDs}const q=new ae({init:async e=>{var o,a,l;const n=(a=(o=e==null?void 0:e.models)==null?void 0:o.ProductDetails)==null?void 0:a.initialData,t={...{defaultLocale:"en-US",persistURLParams:!1,acdl:!1,optionsUIDs:((l=me().optionsUIDs)==null?void 0:l.split(","))||(n==null?void 0:n.optionsUIDs)},...e};if(q.config.setConfig({...t}),t!=null&&t.sku){const s=n?H(n):await te(t.sku,{preselectFirstOption:t.preselectFirstOption});N.emit("pdp/data",s);const m={sku:t.sku,quantity:1,optionsUIDs:s==null?void 0:s.optionUIDs};le(()=>({...m})),Fe(()=>{var u;return s!=null&&s.options?s.options.length===((u=s==null?void 0:s.optionUIDs)==null?void 0:u.length):!0}),t.acdl&&s&&we(s)}},listeners:()=>[N.on("locale",async()=>{const{sku:e}=q.config.getConfig();if(e){const n=await te(e);N.emit("pdp/data",n)}})]}),k=q.config,{setEndpoint:Ne,setFetchGraphQlHeader:Qe,removeFetchGraphQlHeader:je,setFetchGraphQlHeaders:Ke,fetchGraphQl:ie,getConfig:qe}=new ue().getMethods(),ve=`
+fragment ProductOptionFragment 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
+      }
+    }
+  }
+`,oe=`
+fragment ProductFragment on ProductView {
+  __typename
+  id
+  sku
+  name
+  shortDescription
+  metaDescription
+  metaKeyword
+  metaTitle
+  description
+  inStock
+  addToCartAllowed
+  url
+  urlKey
+  externalId
+
+  images(roles: []) {
+    url
+    label
+    roles
+  }
+
+  attributes(roles: []) {
+    name
+    label
+    value
+    roles
+  }
+
+... on SimpleProductView {
+    price {
+        roles
+
+        regular {
+            amount {
+                value
+                currency
+            }
+        }
+
+        final {
+            amount {
+                value
+                currency
+            }
+        }
+    }
+}
+
+
+  ... on ComplexProductView {
+    options {
+      ...ProductOptionFragment
+    }
+
+    priceRange {
+      maximum {
+        final {
+          amount {
+            value
+            currency
+          }
+        }
+        regular {
+          amount {
+            value
+            currency
+          }
+        }
+        roles
+      }
+      minimum {
+        final {
+          amount {
+            value
+            currency
+          }
+        }
+        regular {
+          amount {
+            value
+            currency
+          }
+        }
+        roles
+      }
+    }
+  }
+}
+
+${ve}
+`,Oe=`
+query GET_PRODUCT_DATA($skus: [String]) {
+    products(skus: $skus) {
+        ...ProductFragment
+    }
+}
+
+${oe}
+`,ke=async(e,n,i)=>{var o;const{data:r}=await ie(Oe,{method:"GET",variables:{skus:[e]}}),t=(o=r==null?void 0:r.products)==null?void 0:o[0];return n!=null&&n.optionsUIDs&&(t.optionUIDs=n.optionsUIDs),i?t:H(t,{preselectFirstOption:n==null?void 0:n.preselectFirstOption})},be=`
+query REFINE_PRODUCT_QUERY(
+    $optionIds: [String!]!
+    $sku: String!
+) {
+    # Refined Product
+    refineProduct(
+        optionIds: $optionIds 
+        sku: $sku
+    ) {
+        ...ProductFragment
+    }
+
+    # Parent Product
+    products(skus: [$sku]) {
+        ...ProductFragment
+    }
+
+    # %extendedPlaceholder%
+}
+
+${oe}
+`;async function ee(e,n){const i=Te(n),r=_e(i,e),t=be.replace("# %extendedPlaceholder%",r),{data:o}=await ie(t,{method:"GET",variables:{optionIds:n,sku:e}});return o}const Ee=async(e,n,i,r)=>{var P,g,y;const t=await ee(e,n);if(!t)return null;let{products:o,refineProduct:a,...l}=t;const s=o==null?void 0:o[0],m=Ve(Object.values(l),s.options,i);if(i!=null&&i.length&&a===null){n=Ie(m,n,i);const d=await ee(e,n);a=d==null?void 0:d.refineProduct}const u={...a||s,sku:s.sku,name:s.name,externalParentId:s==null?void 0:s.externalId,options:m,optionUIDs:n,variantSku:(a==null?void 0:a.__typename)==="SimpleProductView"?a==null?void 0:a.sku:void 0},c=r?u:H(u),f=(y=(g=(P=k==null?void 0:k.getConfig())==null?void 0:P.models)==null?void 0:g.ProductDetails)==null?void 0:y.fallbackData;return f?f(s,c):c};function Te(e){if(e.length<2)return[e];const n=[];return e.forEach(i=>{const r=[];e.forEach(t=>{i!==t&&r.push(t)}),n.push(r)}),n}function _e(e,n){return e.map((i,r)=>`
+          ProductOption${r}: refineProduct(
+            optionIds: [
+              ${i.map(t=>`"${t}"`).join(", ")}
+            ]
+            sku: "${n}"
+          ) {
+            ... on ComplexProductView {
+              options {
+                ...ProductOptionFragment
+              }
+            }
+          }
+        `).join("")}function Ve(e,n=[],i){const r=Object.values(e).filter(o=>!!o).reduce((o,a)=>a.options?[...o,...a.options]:[...o],[]),t=new Map(n.map(o=>[o.id,o]));return r.forEach(o=>{i!=null&&i.includes(o.id)||t.set(o.id,o)}),[...t.values()]}function Ie(e,n,i){const r=[];let t;return e.forEach(o=>{var a,l,s,m;i.includes(o.id)?t=((l=(a=o.values)==null?void 0:a.find(u=>n.includes(u==null?void 0:u.id)))==null?void 0:l.id)||((s=o.values[0])==null?void 0:s.id):t=(m=o.values[0])==null?void 0:m.id,r.push(t)}),r}const te=async(e,n)=>{const{anchors:i,optionsUIDs:r}=k.getConfig(),{optionsUIDs:t=r,anchors:o=i,preselectFirstOption:a,isBundle:l,skipTransform:s}=n??{};return!l&&t?await Ee(e,t,o,s):await ke(e,{preselectFirstOption:a,optionsUIDs:t},s)},Fe=e=>{const n=Ue(),i=e(n);n!==i&&N.emit("pdp/valid",i)},Ue=()=>{var e;return((e=N._lastEvent["pdp/valid"])==null?void 0:e.payload)??null};export{Qe as a,Ke as b,k as c,ke as d,Ee as e,ie as f,qe as g,te as h,q as i,Fe as j,Ue as k,Me as l,we as p,je as r,Ne as s,H as t};
diff --git a/scripts/__dropins__/storefront-pdp/components/Header/Header.d.ts b/scripts/__dropins__/storefront-pdp/components/Header/Header.d.ts
new file mode 100644
index 0000000000..268d5a9d24
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/components/Header/Header.d.ts
@@ -0,0 +1,10 @@
+import { FunctionComponent, VNode } from 'preact';
+import { HTMLAttributes } from 'preact/compat';
+
+export interface HeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    title: VNode;
+    sku: VNode;
+    hideSku?: boolean;
+}
+export declare const Header: FunctionComponent<HeaderProps>;
+//# sourceMappingURL=Header.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/components/Header/index.d.ts b/scripts/__dropins__/storefront-pdp/components/Header/index.d.ts
new file mode 100644
index 0000000000..f56ed8ed6a
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/components/Header/index.d.ts
@@ -0,0 +1,18 @@
+/**
+ * ADOBE CONFIDENTIAL
+ * __________________
+ * Copyright 2024 Adobe
+ * All Rights Reserved.
+ * __________________
+ * NOTICE: All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ */
+export * from './Header';
+export { Header as default } from './Header';
+//# sourceMappingURL=index.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/components/Price/Price.d.ts b/scripts/__dropins__/storefront-pdp/components/Price/Price.d.ts
new file mode 100644
index 0000000000..dc7f7da99e
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/components/Price/Price.d.ts
@@ -0,0 +1,9 @@
+import { FunctionComponent, VNode } from 'preact';
+import { HTMLAttributes } from 'preact/compat';
+
+export interface PriceProps extends HTMLAttributes<HTMLDivElement> {
+    price?: VNode;
+    specialPrice?: VNode;
+}
+export declare const Price: FunctionComponent<PriceProps>;
+//# sourceMappingURL=Price.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/components/Price/index.d.ts b/scripts/__dropins__/storefront-pdp/components/Price/index.d.ts
new file mode 100644
index 0000000000..7fe872098b
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/components/Price/index.d.ts
@@ -0,0 +1,18 @@
+/**
+ * ADOBE CONFIDENTIAL
+ * __________________
+ * Copyright 2024 Adobe
+ * All Rights Reserved.
+ * __________________
+ * NOTICE: All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ */
+export * from './Price';
+export { Price as default } from './Price';
+//# sourceMappingURL=index.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/components/Swatches/Swatches.d.ts b/scripts/__dropins__/storefront-pdp/components/Swatches/Swatches.d.ts
index fb5fd5efef..b888e4909e 100644
--- a/scripts/__dropins__/storefront-pdp/components/Swatches/Swatches.d.ts
+++ b/scripts/__dropins__/storefront-pdp/components/Swatches/Swatches.d.ts
@@ -26,6 +26,7 @@ type Selection = {
 export interface SwatchesProps extends HTMLAttributes<HTMLDivElement> {
     options: Array<Option>;
     hideSelectedValue?: boolean;
+    disablePreselections?: boolean;
     defaultOptions?: string[];
     selectionsToUpdate?: Option[];
     onValues?: (uids: Selection, current: string) => void;
diff --git a/scripts/__dropins__/storefront-pdp/components/index.d.ts b/scripts/__dropins__/storefront-pdp/components/index.d.ts
index 7b6bd87ba4..3b7f96bc6c 100644
--- a/scripts/__dropins__/storefront-pdp/components/index.d.ts
+++ b/scripts/__dropins__/storefront-pdp/components/index.d.ts
@@ -20,4 +20,6 @@ export * from './PriceRange';
 export * from './Overlay';
 export * from './Swatches';
 export * from './Zoom';
+export * from './Header';
+export * from './Price';
 //# sourceMappingURL=index.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/containers/ProductAttributes.d.ts b/scripts/__dropins__/storefront-pdp/containers/ProductAttributes.d.ts
new file mode 100644
index 0000000000..32bf923724
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/containers/ProductAttributes.d.ts
@@ -0,0 +1,3 @@
+export * from './ProductAttributes/index'
+import _default from './ProductAttributes/index'
+export default _default
diff --git a/scripts/__dropins__/storefront-pdp/containers/ProductAttributes.js b/scripts/__dropins__/storefront-pdp/containers/ProductAttributes.js
new file mode 100644
index 0000000000..7409b8be62
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/containers/ProductAttributes.js
@@ -0,0 +1,3 @@
+/*! Copyright 2024 Adobe
+All Rights Reserved. */
+import{jsxs as a,jsx as i}from"@dropins/tools/preact-jsx-runtime.js";import{useState as n,useEffect as b}from"@dropins/tools/preact-compat.js";import{classes as h}from"@dropins/tools/lib.js";import{events as l}from"@dropins/tools/event-bus.js";import{i as P,t as S}from"../chunks/date.js";import{g as x}from"../chunks/getFetchedProductData.js";import{useText as L}from"@dropins/tools/i18n.js";import{c as j}from"../chunks/isProductConfigurationValid.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/getProductConfigurationValues.js";const I=({initialData:c=null,children:N,...r})=>{var s;const m=L("PDP.Product.Details.label").label,{defaultLocale:f="en-US"}=j.getConfig(),[u,p]=n(f),[o,d]=n(c);return b(()=>{const e=l.on("pdp/data",d),t=l.on("locale",p);return()=>{e==null||e.off(),t==null||t.off()}},[]),o?a("div",{...r,className:h(["pdp-attributes",r.className]),children:[m,i("ul",{children:(s=o==null?void 0:o.attributes)==null?void 0:s.map(({label:e,value:t},g)=>{const D=P(t)?S(t,u):t.toString();return a("li",{children:[e,": ",i("span",{dangerouslySetInnerHTML:{__html:D}})]},g)})})]}):null};I.getInitialData=x;export{I as ProductAttributes,I as default};
diff --git a/scripts/__dropins__/storefront-pdp/containers/ProductAttributes/ProductAttributes.d.ts b/scripts/__dropins__/storefront-pdp/containers/ProductAttributes/ProductAttributes.d.ts
new file mode 100644
index 0000000000..075b677257
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/containers/ProductAttributes/ProductAttributes.d.ts
@@ -0,0 +1,8 @@
+import { HTMLAttributes } from 'preact/compat';
+import { Container } from '@dropins/tools/types/elsie/src/lib';
+import { ProductModel } from '../../data/models';
+
+export interface ProductAttributesProps extends HTMLAttributes<HTMLDivElement> {
+}
+export declare const ProductAttributes: Container<ProductAttributesProps, ProductModel | null>;
+//# sourceMappingURL=ProductAttributes.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/containers/ProductAttributes/index.d.ts b/scripts/__dropins__/storefront-pdp/containers/ProductAttributes/index.d.ts
new file mode 100644
index 0000000000..6fba9ef4ab
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/containers/ProductAttributes/index.d.ts
@@ -0,0 +1,18 @@
+/**
+ * ADOBE CONFIDENTIAL
+ * __________________
+ * Copyright 2024 Adobe
+ * All Rights Reserved.
+ * __________________
+ * NOTICE: All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ */
+export * from './ProductAttributes';
+export { ProductAttributes as default } from './ProductAttributes';
+//# sourceMappingURL=index.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/containers/ProductDescription.d.ts b/scripts/__dropins__/storefront-pdp/containers/ProductDescription.d.ts
new file mode 100644
index 0000000000..161407f1f3
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/containers/ProductDescription.d.ts
@@ -0,0 +1,3 @@
+export * from './ProductDescription/index'
+import _default from './ProductDescription/index'
+export default _default
diff --git a/scripts/__dropins__/storefront-pdp/containers/ProductDescription.js b/scripts/__dropins__/storefront-pdp/containers/ProductDescription.js
new file mode 100644
index 0000000000..b955366064
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/containers/ProductDescription.js
@@ -0,0 +1,3 @@
+/*! Copyright 2024 Adobe
+All Rights Reserved. */
+import{jsx as n}from"@dropins/tools/preact-jsx-runtime.js";import{useState as i,useEffect as a}from"@dropins/tools/preact-compat.js";import{classes as c}from"@dropins/tools/lib.js";import{events as m}from"@dropins/tools/event-bus.js";import{g as l}from"../chunks/getFetchedProductData.js";const f=({initialData:o=null,children:p,...r})=>{const[t,s]=i(o);return a(()=>{const e=m.on("pdp/data",s);return()=>{e==null||e.off()}},[]),t?n("div",{dangerouslySetInnerHTML:{__html:(t==null?void 0:t.description)??""},...r,className:c(["pdp-description",r.className])}):null};f.getInitialData=l;export{f as ProductDescription,f as default};
diff --git a/scripts/__dropins__/storefront-pdp/containers/ProductDescription/ProductDescription.d.ts b/scripts/__dropins__/storefront-pdp/containers/ProductDescription/ProductDescription.d.ts
new file mode 100644
index 0000000000..c3b2f206f0
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/containers/ProductDescription/ProductDescription.d.ts
@@ -0,0 +1,8 @@
+import { HTMLAttributes } from 'preact/compat';
+import { Container } from '@dropins/tools/types/elsie/src/lib';
+import { ProductModel } from '../../data/models';
+
+export interface ProductDescriptionProps extends HTMLAttributes<HTMLDivElement> {
+}
+export declare const ProductDescription: Container<ProductDescriptionProps, ProductModel | null>;
+//# sourceMappingURL=ProductDescription.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/containers/ProductDescription/index.d.ts b/scripts/__dropins__/storefront-pdp/containers/ProductDescription/index.d.ts
new file mode 100644
index 0000000000..db91f8f47c
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/containers/ProductDescription/index.d.ts
@@ -0,0 +1,18 @@
+/**
+ * ADOBE CONFIDENTIAL
+ * __________________
+ * Copyright 2024 Adobe
+ * All Rights Reserved.
+ * __________________
+ * NOTICE: All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ */
+export * from './ProductDescription';
+export { ProductDescription as default } from './ProductDescription';
+//# sourceMappingURL=index.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/containers/ProductDetails.js b/scripts/__dropins__/storefront-pdp/containers/ProductDetails.js
index d42974de5b..580e2c5a57 100644
--- a/scripts/__dropins__/storefront-pdp/containers/ProductDetails.js
+++ b/scripts/__dropins__/storefront-pdp/containers/ProductDetails.js
@@ -1 +1,3 @@
-import{jsxs as F,jsx as r,Fragment as Ae}from"@dropins/tools/preact-jsx-runtime.js";import*as fe from"@dropins/tools/preact-compat.js";import{useState as K,Children as ue,useRef as Le,useMemo as Ne,useEffect as ee,useCallback as ce}from"@dropins/tools/preact-compat.js";import{debounce as xe,classes as B,VComponent as Y,toLanguageTag as Me,Slot as J}from"@dropins/tools/lib.js";import{Button as we,Icon as Se,Price as ge,Picker as qe,ColorSwatch as je,ImageSwatch as Xe,TextSwatch as Fe,Incrementer as Ge,Breadcrumbs as De,Image as Oe}from"@dropins/tools/components.js";import{useText as Z}from"@dropins/tools/i18n.js";import{cloneElement as Ye}from"@dropins/tools/preact.js";import{c as Te,d as Be}from"../chunks/getRefinedProduct.js";import{events as ke}from"@dropins/tools/event-bus.js";import{c as We}from"../chunks/initialize.js";import"@dropins/tools/fetch-graphql.js";const Ke=t=>fe.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},fe.createElement("path",{d:"M7.74512 9.87701L12.0001 14.132L16.2551 9.87701",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"square",strokeLinejoin:"round"})),Ve=t=>fe.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},fe.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M18.3599 5.64001L5.62988 18.37",stroke:"currentColor"}),fe.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M18.3599 18.37L5.62988 5.64001",stroke:"currentColor"})),Ze=24,Ee=16,ve=2,Qe="32";var ze=(t=>(t[t.small=16]="small",t[t.medium=24]="medium",t[t.large=64]="large",t))(ze||{});const ye=({show:t=1,scrollbar:o=!1,peak:u=!1,arrows:p=!1,controls:s="dots",arrowsOnMainImage:f=!1,loop:d=!1,gap:v=null,direction:l="horizontal",width:G="100%",height:c="100%",defaultIndex:m=0,className:W,children:$,thumbnails:j=null,isZoomed:ne,...b})=>{const P=Z("PDP.Carousel.label").label,n=Z("PDP.Carousel.Slide.label").label,y=Z("PDP.Carousel.Previous.label").label,E=Z("PDP.Carousel.Next.label").label,I=Z("PDP.Carousel.Controls.label").label,A=Z("PDP.Carousel.Controls.Button.label").label,[N,me]=K(()=>$e(t)),e=Math.ceil(ue.count($)/N),M=u?Ze:0,D=v?ze[v]:0,q=ue.count($)%N,[L,te]=K(d?C()?m-1:m+1:m),x=Le([]),[re,oe]=K(0),[ie,be]=K(0),_e=Ne(()=>ue.toArray(j),[j]),T=Ne(()=>{const a=ue.toArray($).reduce((h,k,S)=>S%N===0?[...h,[k]]:[...h.slice(0,-1),[...h[h.length-1],k]],[]);return!d||a.length===1?a:d&&ue.count($)%N===0?[a[e-1]].concat(a).concat([a[0],a[1]]):[ue.toArray($).slice(-N)].concat(a).concat([a[0],a[1]])},[$,N,e,d]),le=Le(null),se=Le(null),g=s==="thumbnailsRow"||s==="thumbnailsColumn";ee(()=>{const a=document.body,h=xe(()=>{var O,ae;oe(((O=le.current)==null?void 0:O.offsetWidth)??0),be(((ae=le.current)==null?void 0:ae.offsetHeight)??0);const S=window.innerWidth,z=$e(t,S);z!==N&&me(z)},50),k=new ResizeObserver(h);return k.observe(a),()=>{k.unobserve(a)}},[N,t]);const Q=ce(a=>{const h=d?a-1:a,k=x==null?void 0:x.current[0],S=(k==null?void 0:k.offsetWidth)+Ee,z=(k==null?void 0:k.offsetHeight)+Ee,O=se.current,ae=s==="thumbnailsRow",Pe=s==="thumbnailsColumn",he=ae?O==null?void 0:O.offsetWidth:O==null?void 0:O.offsetHeight,X=ae?S:z;(ae||Pe)&&he&&(X*(h+1)>he&&(O.style.scrollBehavior="smooth",ae?O.scrollLeft=C()?O.scrollWidth-O.clientWidth-(h+ve)*X:(h+ve)*X:O.scrollTop=(h+ve)*X),(C()&&(ae?O.scrollLeft:O.scrollTop)<=-X*h||!C()&&(ae?O.scrollLeft:O.scrollTop)>X*h)&&(O.style.scrollBehavior="smooth",ae?O.scrollLeft=C()?-(h-ve)*X:(h-ve)*X:O.scrollTop=(h-ve)*X))},[s,d]);ee(()=>{Q(L)},[L,Q]);const U=ce((a,h,k)=>{g&&Q(a);const S=le.current,z=M?S.offsetWidth-M:S.offsetWidth-M+D;if(!Array.from(S.querySelectorAll("[data-index]")).filter(he=>{const X=Number(he.getAttribute("data-index"));return!isNaN(X)&&X>-1})[a])return;if(k){const he=a===0?e:0,X=z*(e+(q||N)/N);if(C()){if(S.scrollLeft<=0&&S.scrollLeft>-(z-5)){U(1,!0);return}if(S.scrollLeft<z-X&&S.scrollLeft>=-X){U(e,!0);return}S.style.scrollBehavior="auto",S.scrollLeft=he===0?0:-X,U(he===0?1:e,!0)}else{if(S.scrollLeft>=0&&S.scrollLeft<z-5){U(1,!0);return}if(S.scrollLeft>X-z&&S.scrollLeft<=X){U(e,!0);return}S.style.scrollBehavior="auto",S.scrollLeft=he===0?0:X,U(he===0?1:e,!0);return}}const Pe=(S.offsetWidth-D)/N*T[a].length-M;S.style.scrollBehavior=h?"smooth":"auto",S.scrollLeft=C()?-(T[a].length===N?z*a:z*(a-1)-Pe):T[a].length===N?z*a:z*(a-1)+Pe},[D,e,M,N,q,T,Q,s]),pe=ce(()=>{if(d){const h=L-1;U(h,!0,C()?L===e-1:L===1);return}const a=L<=0?0:L-1;U(a,!0)},[L,U,d]),i=ce(()=>{const a=T.length-1;if(d){const k=L+1;U(k,!0,C()?L===0:L===e);return}const h=L>=a?a:L+1;U(h,!0)},[T.length,d,L,U,e]);ee(()=>{const a=h=>{h.key==="ArrowLeft"&&(h.preventDefault(),C()?i():pe()),h.key==="ArrowRight"&&(h.preventDefault(),C()?pe():i())};return window.addEventListener("keydown",a),()=>{window.removeEventListener("keydown",a)}},[i,pe]),ee(()=>{U(d?m+1:m,!1)},[m,U,d]);const _=xe(()=>{const a=le.current,h=M?a.offsetWidth-M:a.offsetWidth-M+D,k=Math.abs(a.scrollLeft)/h,S=Math.abs(Math.round(k)-k<1?Math.round(k):Math.ceil(k));if(g&&Q(S),d){const z=h*(e+(q||N)/N),O=C()?-a.scrollLeft:a.scrollLeft;if(Math.ceil(Math.abs(O))>=Math.ceil(z)-5){a.style.scrollBehavior="auto",a.scrollLeft=C()?-a.offsetWidth+(Math.ceil(O)-Math.ceil(z)-M):a.offsetWidth+(Math.ceil(O)-Math.ceil(z)-M);return}if(Math.abs(O)===0){a.style.scrollBehavior="auto",a.scrollLeft=C()?-(z-a.offsetWidth+M):z-a.offsetWidth+M;return}}L!==S&&te(S)},100);ee(()=>{const a=le.current;return a==null||a.addEventListener("scroll",_),()=>{a==null||a.removeEventListener("scroll",_)}},[_]);const w=(a,h,k)=>r(we,{className:B([["pdp-carousel__button",!a],[`pdp-carousel__button--${h}`,!a],[`pdp-carousel__button--${s}`,a]]),style:{"--height":`${ie}px`},variant:"tertiary","aria-label":h==="next"?E:y,onClick:k,disabled:d?!1:h==="next"?L>=T.length-1:L<1,children:r(Se,{className:B([["pdp-carousel__button__icon",!a],[`pdp-carousel__button__icon--${h}`,!a],[`pdp-carousel__button__icon--${s}--${h}`,a]]),size:Qe,source:Ke})}),V=p&&T.length!=1&&w(g,"prev",pe),H=p&&T.length!=1&&w(g,"next",i),R=p&&T.length!=1&&w(!1,"prev",pe),de=p&&T.length!=1&&w(!1,"next",i);return F("div",{role:"region","aria-roledescription":P,className:B(["pdp-carousel",["pdp-carousel--main-image-controls",f],["pdp-carousel--arrows",p&&!g],[`pdp-carousel--${s}`,g],W]),style:{"--flex-carousel":s==="thumbnailsColumn"?"row-reverse":"column","--gap":g?"0":"var(--spacing-small)","--width":G},...b,children:[r("div",{ref:le,className:B(["pdp-carousel__wrapper",`pdp-carousel__wrapper--${l}`,["pdp-carousel__wrapper--scrollbar",o],["pdp-carousel__wrapper--peak",u]]),style:{"--total-width":s==="thumbnailsColumn"?"81.6%":"100%","--height":s==="thumbnailsColumn"?"auto":c,"--gap":v?`var(--spacing-${v})`:"0px","--per-page":N},tabIndex:0,children:T.map((a,h)=>{const k=a.length<N;return r("div",{role:"group","aria-roledescription":n,"data-index":h,className:B(["pdp-carousel__slide",`pdp-carousel__slide--${l}`,["pdp-carousel__slide--active",L===h],["pdp-carousel__slide--orphan",k]]),style:{"--length":a.length},children:a},h)})}),!g&&F(Ae,{children:[V,H]}),g&&f&&F(Ae,{children:[R,de]}),s&&T.length!=1&&F("div",{className:B([[`pdp-carousel__controls__container--${s}`,g],["pdp-carousel__controls__container--no-arrows",!p||f]]),style:{"--width":s==="thumbnailsRow"?`${re}px`:G,"--height":`${ie}px`,"--nr-thumbnails":_e.length},children:[(g||ne)&&!f&&V,r("div",{ref:se,className:B([[`pdp-carousel__controls__wrapper--${s}`,g],["pdp-carousel__controls__wrapper",g]]),children:r("div",{role:"group","aria-label":I,className:B(["pdp-carousel__controls",[`pdp-carousel__controls--${s}`,g]]),children:(d?T.slice(0,e):T).map((a,h)=>{const k=d?e:T.length,S=d?L-1===h:L===h;return g?F("label",{className:B(["pdp-carousel__thumbnail__container"]),ref:z=>{z&&(x.current[h]=z)},children:[r("input",{type:"radio",name:"carousel-thumbnails","aria-label":A.replace("{key}",String(h+1)).replace("{total}",String(k)),checked:S&&re!==0,onChange:()=>{U(d?h+1:h,!0)},...b,className:B(["pdp-carousel__thumbnail",["pdp-carousel__thumbnail--selected",S&&re!==0]])}),r("span",{className:B(["pdp-carousel__thumbnail__span"]),children:_e[h]})]},h):r("button",{"aria-label":A.replace("{key}",String(h+1)).replace("{total}",String(k)),onClick:()=>{U(d?h+1:h,!0)},className:B(["pdp-carousel__controls__button",["pdp-carousel__controls__button--active",S]])},h)})})}),(g||ne)&&!f&&H]})]})};function $e(t,o=0){if(typeof t=="number")return t;const{small:u,medium:p,large:s}=t,d=[{breakpoint:1024,value:s},{breakpoint:786,value:p},{breakpoint:0,value:u}].find(({breakpoint:v})=>o>v);return d?d.value:u}function C(){return document.documentElement.dir==="rtl"}const Je=({title:t,breadcrumbs:o,galleryContent:u,infoContent:p,productContent:s,sku:f,outOfStock:d,shortDescription:v,description:l,attributes:G,images:c,options:m,price:W,specialPrice:$,className:j,children:ne,quantity:b,actions:P,carouselConfig:n,zoomType:y="overlay",closeButton:E=!0,...I})=>{var te,x,re,oe,ie,be,_e,T,le;const A=Z("PDP.Product.RegularPrice.label").label,N=Z("PDP.Product.SpecialPrice.label").label,me=Z("PDP.Product.OutOfStock.label").label,e=Z("PDP.Product.Image.label").label,[M,D]=K(null),q=c!=null&&c.length?c.map((se,g)=>{var U;const Q=((U=t==null?void 0:t.props)==null?void 0:U.children)&&(e==null?void 0:e.replace("{product}",t.props.children.toString()).replace("{key}",String(g+1)).replace("{total}",String(c.length)));return y==="zoom"?r(at,{closeButton:E,children:r(Y,{node:se,loading:g===0?"eager":"lazy",alt:Q},g)}):r(Y,{node:se,loading:g===0?"eager":"lazy",alt:Q,onClick:()=>D(g)},g)}):r("img",{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",className:"pdp-product__images__placeholder","aria-hidden":!0}),L=(te=n==null?void 0:n.thumbnails)!=null&&te.length?n.thumbnails.map((se,g)=>{var Q;return r(Y,{node:se,loading:(n==null?void 0:n.thumbnailsLoadingMode)||"lazy",alt:((Q=t==null?void 0:t.props)==null?void 0:Q.children)&&(e==null?void 0:e.replace("{product}",t.props.children.toString()).replace("{key}",String(g+1)).replace("{total}",String(c.length)))},g)}):r("img",{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",className:"pdp-product__images__placeholder","aria-hidden":!0});return F("div",{...I,className:B(["pdp-product",j]),children:[o&&r(Y,{node:o,className:"pdp-product__breadcrumbs"}),F("div",{className:"pdp-product__column-container pdp-product__gallery-column",children:[r("div",{className:"pdp-product__column-body",children:(x=n==null?void 0:n.controls)!=null&&x.desktop?r(ye,{className:"pdp-product__overlay__carousel",arrows:(c==null?void 0:c.length)>1,controls:(c==null?void 0:c.length)>1?n.controls.desktop:"dots",arrowsOnMainImage:n==null?void 0:n.arrowsOnMainImage,loop:(n==null?void 0:n.loopable)&&(c==null?void 0:c.length)>1,peak:((re=n==null?void 0:n.thumbnails)==null?void 0:re.length)>1&&((oe=n==null?void 0:n.peak)==null?void 0:oe.desktop)||!1,gap:(n==null?void 0:n.gap)||null,width:"100%",height:"100%",defaultIndex:M||0,thumbnails:L,children:q}):r(Ce,{className:"pdp-product__images",gap:"small",children:q})}),u&&r(Y,{node:u,className:"pdp-product__gallery-content"})]}),F("div",{className:"pdp-product__column-container pdp-product__content-column",children:[F("div",{className:"pdp-product__column-body",children:[F("div",{className:"pdp-product__header",children:[t&&r(Y,{node:t,className:"pdp-product__title"}),f&&r(Y,{node:f,className:"pdp-product__sku"})]}),F("div",{className:"pdp-product__prices",children:[$&&r(Y,{node:$,className:B(["pdp-product__price-special","pdp-product__price"]),"aria-label":N,role:"text"}),W&&r(Y,{node:W,className:B(["pdp-product__price-regular","pdp-product__price--grey"]),"aria-label":A,role:"text"})]}),(ie=n==null?void 0:n.controls)!=null&&ie.mobile&&((be=n==null?void 0:n.controls)==null?void 0:be.mobile)==="thumbnailsRow"?r(ye,{className:"pdp-product__images pdp-product__images--carousel pdp-product__images--carousel--thumbnails",width:"100%",height:"auto",arrows:(c==null?void 0:c.length)>1,controls:(c==null?void 0:c.length)>1?"thumbnailsRow":null,loop:(n==null?void 0:n.loopable)&&(c==null?void 0:c.length)>1,peak:((_e=n==null?void 0:n.thumbnails)==null?void 0:_e.length)>1&&((T=n==null?void 0:n.peak)==null?void 0:T.mobile)||!1,gap:(n==null?void 0:n.gap)||null,thumbnails:L,children:q}):r(ye,{className:"pdp-product__images pdp-product__images--carousel",peak:((le=n==null?void 0:n.peak)==null?void 0:le.mobile)&&(c==null?void 0:c.length)>1,gap:(n==null?void 0:n.gap)||null,width:"100%",height:"auto",arrows:(c==null?void 0:c.length)>1,controls:(c==null?void 0:c.length)>1?"dots":null,loop:(n==null?void 0:n.loopable)&&(c==null?void 0:c.length)>1,children:q}),F("div",{className:B(["pdp-product__actions",["pdp-product__actions--out-of-stock",d]]),children:[d&&r("div",{className:"pdp-product__out-of-stock__text",children:me}),m&&r(Y,{node:m,className:B(["pdp-product__options"])}),b&&r("div",{className:"pdp-product__quantity",children:r(Y,{node:b})}),P&&r(Y,{node:P,className:B(["pdp-product__buttons"])})]}),v&&r(Y,{node:v,className:B(["pdp-product__short_description"])}),l&&r(Y,{node:l,className:B(["pdp-product__description"])}),G?r("div",{className:"pdp-product__attributes",children:G}):null]}),p&&r(Y,{node:p,className:"pdp-product__info-content"})]}),s&&r(Y,{node:s,className:"pdp-product__content"}),M===null?null:r(et,{className:"pdp-product__overlay",onClose:()=>D(null),centered:!0,children:r(ye,{className:"pdp-product__overlay__carousel",arrows:(c==null?void 0:c.length)>1,width:"100%",height:"100%",defaultIndex:M||0,loop:(n==null?void 0:n.loopable)&&(c==null?void 0:c.length)>1,controls:(c==null?void 0:c.length)>1?"dots":null,isZoomed:!0,children:q})})]})},Ce=({children:t,gap:o=null,className:u,style:p,...s})=>{const f=ue.count(t);return r("div",{...s,className:B(["pdp-gallery-grid",u]),style:{"--gap":o?`var(--spacing-${o})`:"0px",...p},children:ue.map(t,(d,v)=>r("div",{className:"pdp-gallery-grid__item",children:r(Y,{node:d,loading:v===0?"eager":"lazy"},d.props.src)},f+v))})},Ie=({amount:t,currency:o,locale:u,variant:p,sale:s,minimumAmount:f,maximumAmount:d,className:v,...l})=>r(Ae,{children:t||f===d?r("div",{className:"pdp-price-range",...l,children:r(ge,{amount:t||f,currency:o,locale:u,variant:p,sale:s,className:v})}):F("div",{className:"pdp-price-range",...l,children:[r(ge,{amount:f,currency:o,locale:u,className:v}),r("span",{className:"pdp-price-range__label",children:"-"}),r(ge,{amount:d,currency:o,locale:u,className:v})]})}),et=({centered:t,onClose:o,className:u,children:p,...s})=>{const f=Z("PDP.Overlay.Close.label").label,d=ce(()=>{o==null||o()},[o]);return ee(()=>{const v=l=>{l.key==="Escape"&&d()};return document.addEventListener("keydown",v),()=>{document.removeEventListener("keydown",v)}},[d]),ee(()=>{const v=document.scrollingElement,l=v.style.overflow;return v.style.overflow="hidden",()=>{v.style.overflow=l}},[]),F("div",{...s,className:B(["pdp-overlay",["pdp-overlay--centered",t],u]),children:[r("div",{className:"pdp-overlay__content",children:p}),r(we,{"aria-label":f,variant:"tertiary",className:"pdp-overlay__close-button",onClick:d,icon:r(Ve,{})})]})},tt=["text","image","color","dropdown"],nt=t=>t.map(o=>({...o,text:o.label,disabled:!o.inStock}));function rt(t,o){return t.reduce((u,p)=>{const s=o==null?void 0:o.find(d=>d.items.find(v=>v.id===p));if(!s)return u;const f=s.items.find(d=>d.id===p);return{...u,[s.id]:{label:f.label,value:f.id}}},{})}const lt=({options:t,hideSelectedValue:o,selectedUIDs:u,onValues:p,onErrors:s,defaultOptions:f,selectionsToUpdate:d,className:v,children:l,...G})=>{const c=Z("PDP.Swatches.Required.label").label,[m,W]=K(()=>t==null?void 0:t.reduce((P,n)=>{const{items:y}=n,E=y==null?void 0:y.find(A=>f==null?void 0:f.includes(A.id)),I=y==null?void 0:y.find(A=>A.selected);return E?{...P,[n.id]:{label:E.label,value:E.id}}:I?{...P,[n.id]:{label:I.label,value:I.id}}:P},{}));ee(()=>{if(u){const b=rt(u,t);if(JSON.stringify(b)===JSON.stringify(m))return;$(Object.keys(b)[0],b[Object.keys(b)[0]].label,u[0])}},[u]),ee(()=>{d==null||d.forEach(b=>{W(P=>{var E;const n=(E=b==null?void 0:b.items)==null?void 0:E.find(I=>I.selected);return n?{...P,[b.id]:{label:n==null?void 0:n.label,value:n==null?void 0:n.id}}:P})})},[d,W]),Ne(()=>{const b=t==null?void 0:t.reduce((P,n)=>{var E;let y=!1;return(E=n==null?void 0:n.items)==null||E.forEach(I=>{var N;((N=m[n.id])==null?void 0:N.value)===I.id&&(y=!0)}),n.required&&!y&&(P[n.id]=c),P},{});return s==null||s(b),b},[m]);const $=ce((b,P,n)=>{W(y=>{const E={...y,[b]:{label:P,value:n}};return p==null||p(E,n),E})},[p]),j=(b,P)=>{var y;const n=((y=P.selectedOptions[0])==null?void 0:y.label)??"";$(b,n,P.value)},ne=ce(({items:b,id:P,required:n,type:y,selected:E,label:I})=>(b==null?void 0:b.length)>0&&r("div",{className:B(["pdp-swatches__options"]),children:(y==null?void 0:y.toLowerCase())==="dropdown"?r(qe,{"aria-label":I,handleSelect:A=>j(P,A.target),options:nt(b),value:E}):b==null?void 0:b.map(A=>{const N={key:A.id,id:A.id,name:P,value:A.value,label:A.label,groupAriaLabel:I,selected:E===A.id,outOfStock:!A.inStock,required:n===null?!0:n,onValue:()=>{$(P,A.label,A.id)}};switch(y){case"text":return r(Fe,{...N,label:A.label});case"image":return r(Xe,{...N,src:A.value,alt:A.label});case"color":return r(je,{...N,size:"large",color:A.value});default:return console.warn(`Invalid swatch type ${y}`),null}})}),[$]);return r("div",{...G,className:B(["pdp-swatches",v]),children:t==null?void 0:t.map(({type:b,label:P,id:n,multiple:y,required:E,items:I})=>{var A;return tt.includes(b)||console.warn(`Invalid swatch type ${b}`),y&&console.warn("Multiple selection swatches are not currently supported."),F("div",{id:`swatch-item-${n}`,"data-slot-key":`product-swatch--${n}`,className:"pdp-swatches__field",children:[r("div",{className:"pdp-swatches__field__label",children:m[n]?o?`${P}`:`${P}: ${m[n].label}`:P}),r(ne,{id:n,type:b,required:E,items:I,label:P,selected:(A=m[n])==null?void 0:A.value})]},`swatch-item-${n}`)})})},at=({children:t,scale:o=2,closeButton:u=!0})=>{const[p,s]=K(!1),[f,d]=K("pdp-zoom"),[v,l]=K(!1),[G,c]=K({x:0,y:0}),[m,W]=K({x:0,y:0}),[$,j]=K({x:0,y:0}),ne=e=>{!p||e.type!=="touchstart"||(c({x:e.touches[0].clientX,y:e.touches[0].clientY}),W({x:$.x,y:$.y}),l(!0))},b=e=>{var ie;if(!v||e.type!=="touchmove")return;const M=(ie=e.currentTarget)==null?void 0:ie.getBoundingClientRect(),D=(100-100/o)/2,q=e.touches[0].clientX-G.x,L=e.touches[0].clientY-G.y,te=q*100/(M.width*o),x=L*100/(M.height*o),re=m.x+te,oe=m.y+x;j({x:Math.max(-D,Math.min(re,D))||0,y:Math.max(-D,Math.min(oe,D))||0}),e.preventDefault()},P=e=>{var x;const M=(x=e.currentTarget)==null?void 0:x.getBoundingClientRect(),D=(100-100/o)/2;let q;if("touches"in e)q=e.touches[0];else if(e instanceof MouseEvent)q=e;else return;const L=D-(q.clientX-M.left)/M.width*100,te=D-(q.clientY-M.top)/M.height*100;j({x:Math.max(-D,Math.min(L,D))||0,y:Math.max(-D,Math.min(te,D))||0})},n=e=>{if(!v){if(p){if(u&&"touches"in e){ne(e);return}u||s(!1)}else s(!0),P(e);e.preventDefault()}},y=e=>{if(u&&"touches"in e){b(e);return}p&&P(e)},E=()=>{if(u){l(!1);return}s(!1)},I=e=>{s(!1),e.stopPropagation()},A=p?`scale(${o}) translateX(${$.x}%) translateY(${$.y}%)`:"none",N=Z("PDP.Zoom.Close.label").label,me=Ye(ue.only(t),{draggable:!1,style:{"--transform":A}});return ee(()=>{d(p?`pdp-zoom ${u?"pdp-zoom--no-effects":"pdp-zoom--zoomed"}`:"pdp-zoom")},[p,u]),F("figure",{className:f,onClick:n,onMouseMove:y,onMouseLeave:E,onTouchStart:n,onTouchMove:y,onTouchEnd:E,children:[me,u&&p&&r(we,{"aria-label":N,variant:"tertiary",className:"pdp-zoom__close-button",icon:r(Ve,{}),onClick:I})]})};function ct(t,o="en_US"){if(!Ue(t))throw Error("Invalid date string");return t.split(" ")[1]||(t=`${t} 00:00:00`),new Date(t).toLocaleDateString(Me(o)).toString()}function Ue(t){if(![/^\d{4}-\d{2}-\d{2}$/,/^\d{1,2}\/\d{1,2}\/\d{4}$/,/^\d{2}\/\d{2}\/\d{4}$/,/^\d{4}\/\d{2}\/\d{2}$/,/^\d{1,2}\.\d{1,2}\.\d{4}$/,/^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}$/].some(p=>p.test(t)))return!1;const u=new Date(t);return!isNaN(u.getTime())}function ot(t){const o=new URLSearchParams(window.location.search);Object.entries(t).forEach(([p,s])=>{s===null?o.delete(p):o.set(p,String(s))});let u=window.location.pathname;u+=`?${o.toString()}`,u+=window.location.hash,window.history.replaceState({},"",u)}function it(){const t=new URLSearchParams(window.location.search),o={};return t.forEach((u,p)=>{o[p]=u}),o}function st(t){var o,u,p,s,f,d,v,l,G,c,m,W;return{productId:Number(t==null?void 0:t.externalId),name:t==null?void 0:t.name,sku:(t==null?void 0:t.variantSku)||(t==null?void 0:t.sku),topLevelSku:t==null?void 0:t.sku,specialToDate:void 0,specialFromDate:void 0,newToDate:void 0,newFromDate:void 0,createdAt:void 0,updatedAt:void 0,manufacturer:void 0,countryOfManufacture:void 0,categories:void 0,productType:void 0,pricing:{regularPrice:((u=(o=t==null?void 0:t.prices)==null?void 0:o.regular)==null?void 0:u.amount)||0,minimalPrice:(s=(p=t==null?void 0:t.prices)==null?void 0:p.final)==null?void 0:s.minimumAmount,maximalPrice:(d=(f=t==null?void 0:t.prices)==null?void 0:f.final)==null?void 0:d.maximumAmount,specialPrice:(l=(v=t==null?void 0:t.prices)==null?void 0:v.final)==null?void 0:l.amount,tierPricing:void 0,currencyCode:((c=(G=t==null?void 0:t.prices)==null?void 0:G.final)==null?void 0:c.currency)||"USD"},canonicalUrl:t==null?void 0:t.url,mainImageUrl:(W=(m=t==null?void 0:t.images)==null?void 0:m[0])==null?void 0:W.url}}const dt={PRODUCT_CONTEXT:"productContext"},ht={PRODUCT_PAGE_VIEW:"product-page-view"};function He(){return window.adobeDataLayer=window.adobeDataLayer||[],window.adobeDataLayer}function ut(t,o){const u=He();u.push({[t]:null}),u.push({[t]:o})}function pt(t,o){He().push(p=>{const s=p.getState?p.getState():{};p.push({event:t,eventInfo:{...s,...o}})})}function Re(t){const o=st(t);ut(dt.PRODUCT_CONTEXT,o),pt(ht.PRODUCT_PAGE_VIEW)}const mt=({sku:t,hideSku:o,hideQuantity:u,hideShortDescription:p,hideDescription:s,hideAttributes:f,hideURLParams:d,hideSelectedOptionValue:v,slots:l,children:G,initialData:c,carousel:m,optionsConfig:W,useACDL:$,onAddToCart:j,zoomType:ne,closeButton:b=!0,...P})=>{var g,Q,U,pe;const n=Z("PDP.Product.AddToCart.label").label,y=Z("PDP.Product.Incrementer.label").label,E=Z("PDP.Product.Details.label").label,[I,A]=K(We.getConfig().defaultLocale||"en-US"),[N,me]=K(),[e=null,M]=K(c),[D,q]=K(()=>{const i={sku:t,quantity:1};return e!=null&&e.optionUIDs&&(i.optionsUIDs=e.optionUIDs),i}),[L,te]=K(()=>{var i,_;return!(e!=null&&e.options&&((i=e==null?void 0:e.options)==null?void 0:i.length)>0&&((_=e==null?void 0:e.optionUIDs)==null?void 0:_.length)!==(e==null?void 0:e.options.length))}),x={data:e,values:D,valid:L};function re(i){return i==null?void 0:i.some(_=>(_==null?void 0:_.typename)==="ProductViewOptionValueProduct")}ee(()=>{const i=ke.on("pdp/setValues",_=>{q(w=>({...w,..._}))});return()=>{i==null||i.off()}},[]),ee(()=>{const i=ke.on("locale",_=>{_!==I&&(A(_),Te(t).then(M))});return()=>{i==null||i.off()}},[I,t]),ee(()=>{$&&c&&Object.keys(c).length>0&&Re(c)},[c]);const oe=ce(i=>{q(_=>({..._,...i}))},[]);ee(()=>{ke.emit("pdp/values",D)},[JSON.stringify(D)]);const ie=ce(i=>{var V,H;let _=Object.keys(i).map(R=>i[R].value).filter(R=>R!==void 0);!d&&(e!=null&&e.options)&&!re(e.options)&&ot({optionsUIDs:_.join(",")}),oe({optionsUIDs:_}),te((_==null?void 0:_.length)===((V=e==null?void 0:e.options)==null?void 0:V.length));const w=(H=e==null?void 0:e.options)==null?void 0:H.some(R=>re([R]));Be(t,_,W==null?void 0:W.anchorOptions,w).then(R=>{var de;M(R),(de=W==null?void 0:W.anchorOptions)!=null&&de.length&&be(R,_),$&&(R==null?void 0:R.variantSku)!==t&&Re(R)})},[t]),be=ce((i,_)=>{var H;const w=(i==null?void 0:i.optionUIDs)??[];_.every(R=>w.includes(R))||(me(i==null?void 0:i.options),oe({optionsUIDs:w}),te((w==null?void 0:w.length)===((H=i==null?void 0:i.options)==null?void 0:H.length)))},[t]),_e=ce(i=>{Object.keys(i).length!==0&&te(!1)},[]),T=Ne(()=>{var i;return(i=e==null?void 0:e.attributes)==null?void 0:i.map(({label:_,value:w},V)=>{const H=Ue(w)?ct(w,I):w.toString();return F("li",{children:[_,": ",r("span",{dangerouslySetInnerHTML:{__html:H}})]},V)})},[e==null?void 0:e.attributes,I]),le=!u&&(e!=null&&e.inStock)?r(J,{name:"Quantity",slot:l==null?void 0:l.Quantity,context:{...x},children:r(Ge,{name:"quantity",defaultValue:D.quantity.toString(),value:D.quantity.toString(),min:1,"aria-label":y,className:"pdp-product__quantity",onValue:i=>{oe({quantity:Number(i)})}},"quantity")}):void 0,se=()=>{if(e!=null&&e.options)return r(J,{name:"Options",slot:l==null?void 0:l.Options,context:{...x},children:r(lt,{selectedUIDs:D.optionsUIDs,options:e.options,defaultOptions:D.optionsUIDs,selectionsToUpdate:N,hideSelectedValue:v,onValues:ie,onErrors:_e})})};return r("div",{...P,children:r(Je,{title:r(J,{name:"Title",slot:l==null?void 0:l.Title,context:{...x},children:e==null?void 0:e.name}),sku:o?void 0:r(J,{name:"SKU",slot:l==null?void 0:l.SKU,context:{...x},children:e==null?void 0:e.sku}),options:se(),breadcrumbs:(l==null?void 0:l.Breadcrumbs)&&r(J,{name:"Breadcrumbs",slot:l==null?void 0:l.Breadcrumbs,context:{...x,setSeparator(i){this._registerMethod((..._)=>{const w=i(..._),V=w&&r(Se,{source:w});this._setProps(H=>({...H,separator:V,children:[r(De,{separator:V,categories:H.categories})]}))})},appendLink(i){this._registerMethod((..._)=>{const{text:w,...V}=i(..._),H=r("a",{...V,children:w});this._setProps(R=>{const de=[...R.categories||[],H];return{...R,categories:de,children:[r(De,{separator:R.separator,categories:de})]}})})},appendHTMLElement(i){this._registerMethod((..._)=>{const w=i(..._),V=this._htmlElementToVNode(w);this._setProps(H=>{const R=[...H.categories||[],V];return{...H,categories:R,children:[r(De,{separator:H.separator,categories:R})]}})})}}}),quantity:le,actions:r(J,{name:"Actions",slot:l==null?void 0:l.Actions,context:{...x,appendButton(i){this._registerMethod((..._)=>{const w=i(..._);if(!w)return;const{text:V,icon:H,...R}=w,de=r(we,{type:"button",...R,icon:H&&r(Se,{source:H}),children:V});this._setProps(a=>({children:[...a.children||[],de]}))})}},children:!(l!=null&&l.Actions)&&r(we,{size:"medium",type:"submit",icon:r(Se,{source:"Cart"}),disabled:!(e!=null&&e.inStock)||!L,"aria-label":n,onClick:()=>j==null?void 0:j(D),children:n})}),shortDescription:p?void 0:r(J,{name:"ShortDescription",slot:l==null?void 0:l.ShortDescription,context:{...x},children:r("div",{dangerouslySetInnerHTML:{__html:(e==null?void 0:e.shortDescription)??""}})}),description:s?void 0:r(J,{name:"Description",slot:l==null?void 0:l.Description,context:{...x},children:r("div",{dangerouslySetInnerHTML:{__html:(e==null?void 0:e.description)??""}})}),images:((g=e==null?void 0:e.images)==null?void 0:g.map(({label:i,url:_})=>{var w,V;return r(Oe,{title:i,alt:i,src:_,width:((w=m==null?void 0:m.imageParams)==null?void 0:w.width)??960,height:((V=m==null?void 0:m.imageParams)==null?void 0:V.height)??1191,params:(m==null?void 0:m.imageParams)??{width:960}},_)}))??[],specialPrice:(Q=e==null?void 0:e.prices)!=null&&Q.visible?r(J,{name:"SpecialPrice",slot:l==null?void 0:l.SpecialPrice,context:{...x},children:r(Ie,{...e.prices.final,locale:Me(I)})}):void 0,price:(U=e==null?void 0:e.prices)!=null&&U.visible&&e.prices.regular&&e.prices.final.amount!==(e==null?void 0:e.prices.regular.amount)?r(J,{name:"RegularPrice",slot:l==null?void 0:l.RegularPrice,context:{...x},children:r(Ie,{...e.prices.regular,locale:Me(I)})}):void 0,zoomType:ne,closeButton:b,carouselConfig:{...m,thumbnails:m&&Object.keys(m).length?((pe=e==null?void 0:e.images)==null?void 0:pe.map(({label:i,url:_})=>{var w,V;return r(Oe,{title:i,alt:i,src:_,width:((w=m==null?void 0:m.thumbnailParams)==null?void 0:w.width)??200,height:((V=m==null?void 0:m.thumbnailParams)==null?void 0:V.height)??248,params:(m==null?void 0:m.thumbnailParams)??{width:200}},_)}))??[]:[]},outOfStock:!(e!=null&&e.inStock),attributes:f?void 0:r(J,{name:"Attributes",slot:l==null?void 0:l.Attributes,context:{...x},children:T!=null&&T.length?F(Ae,{children:[E,r("ul",{children:T})]}):null}),galleryContent:(l==null?void 0:l.GalleryContent)&&r(J,{name:"GalleryContent",slot:l.GalleryContent,context:{...x}}),infoContent:(l==null?void 0:l.InfoContent)&&r(J,{name:"InfoContent",slot:l.InfoContent,context:{...x}}),productContent:(l==null?void 0:l.Content)&&r(J,{name:"Content",slot:l.Content,context:{...x}})})})};mt.getInitialData=async function({sku:t,optionsConfig:o}){var v,l,G,c,m,W,$;function u(j){return j.some(ne=>ne.__typename==="ProductViewOptionValueProduct")}let p;const s=We.getConfig(),f=((v=it().optionsUIDs)==null?void 0:v.split(","))||((c=(G=(l=s==null?void 0:s.models)==null?void 0:l.ProductDetails)==null?void 0:G.initialData)==null?void 0:c.optionsUIDs),d=(W=(m=s==null?void 0:s.models)==null?void 0:m.ProductDetails)==null?void 0:W.initialData;return d&&Object.keys(d).length>0&&(p=($=d.options)==null?void 0:$.some(j=>u(j==null?void 0:j.values))),f!=null&&f.length?await Be(t,f,o==null?void 0:o.anchorOptions,p):await Te(t)};export{mt as ProductDetails,mt as default};
+/*! Copyright 2024 Adobe
+All Rights Reserved. */
+import{jsx as e,jsxs as V,Fragment as Nt}from"@dropins/tools/preact-jsx-runtime.js";import{useState as j,Children as ot,useEffect as f,useCallback as g,useMemo as vt}from"@dropins/tools/preact-compat.js";import{VComponent as o,classes as w,Slot as A,toLanguageTag as ut}from"@dropins/tools/lib.js";import{Incrementer as Ot,Breadcrumbs as ct,Button as bt,Icon as dt,Image as At}from"@dropins/tools/components.js";/* empty css             */import{Z as It,C,O as Dt}from"../chunks/Zoom.js";import{useText as L}from"@dropins/tools/i18n.js";import{P as Pt}from"../chunks/PriceRange.js";import{S as wt}from"../chunks/Swatches.js";import"@dropins/tools/preact.js";import{c as yt,h as ht,p as Vt,l as kt,t as Bt}from"../chunks/isProductConfigurationValid.js";import{events as lt}from"@dropins/tools/event-bus.js";import{i as xt,t as Lt}from"../chunks/date.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/getProductConfigurationValues.js";const Ut=({title:a,breadcrumbs:N,galleryContent:S,infoContent:v,productContent:O,sku:I,outOfStock:U,shortDescription:s,description:r,attributes:tt,images:c,options:h,price:u,specialPrice:Z,className:z,children:at,quantity:K,actions:M,carouselConfig:n,zoomType:J="overlay",closeButton:et=!0,...nt})=>{var H,F,E,m,$,q,W,X,Y;const rt=L("PDP.Product.RegularPrice.label").label,k=L("PDP.Product.SpecialPrice.label").label,pt=L("PDP.Product.OutOfStock.label").label,B=L("PDP.Product.Image.label").label,[G,t]=j(null),x=c!=null&&c.length?c.map((D,y)=>{var Q;const R=((Q=a==null?void 0:a.props)==null?void 0:Q.children)&&(B==null?void 0:B.replace("{product}",a.props.children.toString()).replace("{key}",String(y+1)).replace("{total}",String(c.length)));return J==="zoom"?e(It,{closeButton:et,children:e(o,{node:D,loading:y===0?"eager":"lazy",alt:R},y)}):e(o,{node:D,loading:y===0?"eager":"lazy",alt:R,onClick:()=>t(y)},y)}):e("img",{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",className:"pdp-product__images__placeholder","aria-hidden":!0}),P=(H=n==null?void 0:n.thumbnails)!=null&&H.length?n.thumbnails.map((D,y)=>{var R;return e(o,{node:D,loading:(n==null?void 0:n.thumbnailsLoadingMode)||"lazy",alt:((R=a==null?void 0:a.props)==null?void 0:R.children)&&(B==null?void 0:B.replace("{product}",a.props.children.toString()).replace("{key}",String(y+1)).replace("{total}",String(c.length)))},y)}):e("img",{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",className:"pdp-product__images__placeholder","aria-hidden":!0});return V("div",{...nt,className:w(["pdp-product",z]),children:[N&&e(o,{node:N,className:"pdp-product__breadcrumbs"}),V("div",{className:"pdp-product__column-container pdp-product__gallery-column",children:[e("div",{className:"pdp-product__column-body",children:(F=n==null?void 0:n.controls)!=null&&F.desktop?e(C,{className:"pdp-product__overlay__carousel",arrows:(c==null?void 0:c.length)>1,controls:(c==null?void 0:c.length)>1?n.controls.desktop:"dots",arrowsOnMainImage:n==null?void 0:n.arrowsOnMainImage,loop:(n==null?void 0:n.loopable)&&(c==null?void 0:c.length)>1,peak:((E=n==null?void 0:n.thumbnails)==null?void 0:E.length)>1&&((m=n==null?void 0:n.peak)==null?void 0:m.desktop)||!1,gap:(n==null?void 0:n.gap)||null,width:"100%",height:"100%",defaultIndex:G||0,thumbnails:P,children:x}):e(st,{className:"pdp-product__images",gap:"small",children:x})}),S&&e(o,{node:S,className:"pdp-product__gallery-content"})]}),V("div",{className:"pdp-product__column-container pdp-product__content-column",children:[V("div",{className:"pdp-product__column-body",children:[V("div",{className:"pdp-product__header",children:[a&&e(o,{node:a,className:"pdp-product__title"}),I&&e(o,{node:I,className:"pdp-product__sku"})]}),V("div",{className:"pdp-product__prices",children:[Z&&e(o,{node:Z,className:w(["pdp-product__price-special","pdp-product__price"]),"aria-label":k,role:"text"}),u&&e(o,{node:u,className:w(["pdp-product__price-regular","pdp-product__price--grey"]),"aria-label":rt,role:"text"})]}),($=n==null?void 0:n.controls)!=null&&$.mobile&&((q=n==null?void 0:n.controls)==null?void 0:q.mobile)==="thumbnailsRow"?e(C,{className:"pdp-product__images pdp-product__images--carousel pdp-product__images--carousel--thumbnails",width:"100%",height:"auto",arrows:(c==null?void 0:c.length)>1,controls:(c==null?void 0:c.length)>1?"thumbnailsRow":null,loop:(n==null?void 0:n.loopable)&&(c==null?void 0:c.length)>1,peak:((W=n==null?void 0:n.thumbnails)==null?void 0:W.length)>1&&((X=n==null?void 0:n.peak)==null?void 0:X.mobile)||!1,gap:(n==null?void 0:n.gap)||null,thumbnails:P,children:x}):e(C,{className:"pdp-product__images pdp-product__images--carousel",peak:((Y=n==null?void 0:n.peak)==null?void 0:Y.mobile)&&(c==null?void 0:c.length)>1,gap:(n==null?void 0:n.gap)||null,width:"100%",height:"auto",arrows:(c==null?void 0:c.length)>1,controls:(c==null?void 0:c.length)>1?"dots":null,loop:(n==null?void 0:n.loopable)&&(c==null?void 0:c.length)>1,children:x}),V("div",{className:w(["pdp-product__actions",["pdp-product__actions--out-of-stock",U]]),children:[U&&e("div",{className:"pdp-product__out-of-stock__text",children:pt}),h&&e(o,{node:h,className:w(["pdp-product__options"])}),K&&e("div",{className:"pdp-product__quantity",children:e(o,{node:K})}),M&&e(o,{node:M,className:w(["pdp-product__buttons"])})]}),s&&e(o,{node:s,className:w(["pdp-product__short_description"])}),r&&e(o,{node:r,className:w(["pdp-product__description"])}),tt?e("div",{className:"pdp-product__attributes",children:tt}):null]}),v&&e(o,{node:v,className:"pdp-product__info-content"})]}),O&&e(o,{node:O,className:"pdp-product__content"}),G===null?null:e(Dt,{className:"pdp-product__overlay",onClose:()=>t(null),centered:!0,children:e(C,{className:"pdp-product__overlay__carousel",arrows:(c==null?void 0:c.length)>1,width:"100%",height:"100%",defaultIndex:G||0,loop:(n==null?void 0:n.loopable)&&(c==null?void 0:c.length)>1,controls:(c==null?void 0:c.length)>1?"dots":null,isZoomed:!0,children:x})})]})},st=({children:a,gap:N=null,className:S,style:v,...O})=>{const I=ot.count(a);return e("div",{...O,className:w(["pdp-gallery-grid",S]),style:{"--gap":N?`var(--spacing-${N})`:"0px",...v},children:ot.map(a,(U,s)=>e("div",{className:"pdp-gallery-grid__item",children:e(o,{node:U,loading:s===0?"eager":"lazy"},U.props.src)},I+s))})},Mt=({sku:a,hideSku:N,hideQuantity:S,hideShortDescription:v,hideDescription:O,hideAttributes:I,hideURLParams:U,hideSelectedOptionValue:s,slots:r,children:tt,initialData:c,carousel:h,optionsConfig:u,useACDL:Z,onAddToCart:z,zoomType:at,closeButton:K=!0,disableDropdownPreselection:M,...n})=>{var Q,it,_t,mt;const J=L("PDP.Product.AddToCart.label").label,et=L("PDP.Product.Incrementer.label").label,nt=L("PDP.Product.Details.label").label,rt=L("PDP.Swatches.ChooseOption.label").label,[k,pt]=j(yt.getConfig().defaultLocale||"en-US"),[B,G]=j(),[t=null,x]=j(c),[P,H]=j(()=>{const p={sku:a,quantity:1};return t!=null&&t.optionUIDs&&(p.optionsUIDs=t.optionUIDs),p}),[F,E]=j(()=>{var p,d;return!(t!=null&&t.options&&((p=t==null?void 0:t.options)==null?void 0:p.length)>0&&((d=t==null?void 0:t.optionUIDs)==null?void 0:d.length)!==(t==null?void 0:t.options.length))}),m={data:t,values:P,valid:F};function $(p){return p==null?void 0:p.some(d=>(d==null?void 0:d.typename)==="ProductViewOptionValueProduct")}f(()=>{const p=lt.on("pdp/setValues",d=>{H(l=>({...l,...d}))});return()=>{p==null||p.off()}},[]),f(()=>{const p=lt.on("locale",d=>{d!==k&&(pt(d),ht(a,{preselectFirstOption:!M,anchors:u==null?void 0:u.anchorOptions}).then(x))});return()=>{p==null||p.off()}},[M,k,u==null?void 0:u.anchorOptions,a]),f(()=>{Z&&c&&Object.keys(c).length>0&&Vt(c)},[c]);const q=g(p=>{H(d=>({...d,...p}))},[]);f(()=>{lt.emit("pdp/values",P)},[JSON.stringify(P)]);const W=g(async p=>{var i,_;let d=Object.entries(p).filter(([b,T])=>T.label!==rt).map(([b,T])=>p[b].value).filter(b=>b!==void 0);!U&&(t!=null&&t.options)&&!$(t.options)&&kt({optionsUIDs:d.join(",")}),q({optionsUIDs:d}),E((d==null?void 0:d.length)===((i=t==null?void 0:t.options)==null?void 0:i.length));const l=await ht(a,{anchors:u==null?void 0:u.anchorOptions,isBundle:t==null?void 0:t.isBundle,optionsUIDs:d,preselectFirstOption:!M});x(l),(_=u==null?void 0:u.anchorOptions)!=null&&_.length&&X(l,d)},[a]),X=g((p,d)=>{var _;const l=(p==null?void 0:p.optionUIDs)??[];d.every(b=>l.includes(b))||(G(p==null?void 0:p.options),q({optionsUIDs:l}),E((l==null?void 0:l.length)===((_=p==null?void 0:p.options)==null?void 0:_.length)))},[a]),Y=g(p=>{Object.keys(p).length!==0&&E(!1)},[]),D=vt(()=>{var p;return(p=t==null?void 0:t.attributes)==null?void 0:p.map(({label:d,value:l},i)=>{const _=xt(l)?Lt(l,k):l.toString();return V("li",{children:[d,": ",e("span",{dangerouslySetInnerHTML:{__html:_}})]},i)})},[t==null?void 0:t.attributes,k]),y=!S&&(t!=null&&t.inStock)?e(A,{name:"Quantity",slot:r==null?void 0:r.Quantity,context:{...m},children:e(Ot,{name:"quantity",defaultValue:P.quantity.toString(),value:P.quantity.toString(),min:1,"aria-label":et,className:"pdp-product__quantity",onValue:p=>{q({quantity:Number(p)})}},"quantity")}):void 0,R=()=>{if(t!=null&&t.options)return e(A,{name:"Options",slot:r==null?void 0:r.Options,context:{...m},children:e(wt,{selectedUIDs:P.optionsUIDs,options:t.options,defaultOptions:P.optionsUIDs,selectionsToUpdate:B,hideSelectedValue:s,disablePreselections:M,onValues:W,onErrors:Y})})};return e("div",{...n,children:e(Ut,{title:e(A,{name:"Title",slot:r==null?void 0:r.Title,context:{...m},children:t==null?void 0:t.name}),sku:N?void 0:e(A,{name:"SKU",slot:r==null?void 0:r.SKU,context:{...m},children:t==null?void 0:t.sku}),options:R(),breadcrumbs:(r==null?void 0:r.Breadcrumbs)&&e(A,{name:"Breadcrumbs",slot:r==null?void 0:r.Breadcrumbs,context:{...m,setSeparator(p){this._registerMethod((...d)=>{const l=p(...d),i=l&&e(dt,{source:l});this._setProps(_=>({..._,separator:i,children:[e(ct,{separator:i,categories:_.categories})]}))})},appendLink(p){this._registerMethod((...d)=>{const{text:l,...i}=p(...d),_=e("a",{...i,children:l});this._setProps(b=>{const T=[...b.categories||[],_];return{...b,categories:T,children:[e(ct,{separator:b.separator,categories:T})]}})})},appendHTMLElement(p){this._registerMethod((...d)=>{const l=p(...d),i=this._htmlElementToVNode(l);this._setProps(_=>{const b=[..._.categories||[],i];return{..._,categories:b,children:[e(ct,{separator:_.separator,categories:b})]}})})}}}),quantity:y,actions:e(A,{name:"Actions",slot:r==null?void 0:r.Actions,context:{...m,appendButton(p){this._registerMethod((...d)=>{const l=p(...d);if(!l)return;const{text:i,icon:_,...b}=l,T=e(bt,{type:"button",...b,icon:_&&e(dt,{source:_}),children:i});this._setProps(St=>({children:[...St.children||[],T]}))})}},children:!(r!=null&&r.Actions)&&e(bt,{size:"medium",type:"submit",icon:e(dt,{source:"Cart"}),disabled:!(t!=null&&t.inStock)||!F,"aria-label":J,onClick:()=>z==null?void 0:z(P),children:J})}),shortDescription:v?void 0:e(A,{name:"ShortDescription",slot:r==null?void 0:r.ShortDescription,context:{...m},children:e("div",{dangerouslySetInnerHTML:{__html:(t==null?void 0:t.shortDescription)??""}})}),description:O?void 0:e(A,{name:"Description",slot:r==null?void 0:r.Description,context:{...m},children:e("div",{dangerouslySetInnerHTML:{__html:(t==null?void 0:t.description)??""}})}),images:((Q=t==null?void 0:t.images)==null?void 0:Q.map(({label:p,url:d})=>{var l,i;return e(At,{title:p,alt:p,src:d,width:((l=h==null?void 0:h.imageParams)==null?void 0:l.width)??960,height:((i=h==null?void 0:h.imageParams)==null?void 0:i.height)??1191,params:(h==null?void 0:h.imageParams)??{width:960}},d)}))??[],specialPrice:(it=t==null?void 0:t.prices)!=null&&it.visible?e(A,{name:"SpecialPrice",slot:r==null?void 0:r.SpecialPrice,context:{...m},children:e(Pt,{...t.prices.final,locale:ut(k)})}):void 0,price:(_t=t==null?void 0:t.prices)!=null&&_t.visible&&t.prices.regular&&t.prices.final.amount!==(t==null?void 0:t.prices.regular.amount)?e(A,{name:"RegularPrice",slot:r==null?void 0:r.RegularPrice,context:{...m},children:e(Pt,{...t.prices.regular,locale:ut(k)})}):void 0,zoomType:at,closeButton:K,carouselConfig:{...h,thumbnails:h&&Object.keys(h).length?((mt=t==null?void 0:t.images)==null?void 0:mt.map(({label:p,url:d})=>{var l,i;return e(At,{title:p,alt:p,src:d,width:((l=h==null?void 0:h.thumbnailParams)==null?void 0:l.width)??200,height:((i=h==null?void 0:h.thumbnailParams)==null?void 0:i.height)??248,params:(h==null?void 0:h.thumbnailParams)??{width:200}},d)}))??[]:[]},outOfStock:!(t!=null&&t.inStock),attributes:I?void 0:e(A,{name:"Attributes",slot:r==null?void 0:r.Attributes,context:{...m},children:D!=null&&D.length?V(Nt,{children:[nt,e("ul",{children:D})]}):null}),galleryContent:(r==null?void 0:r.GalleryContent)&&e(A,{name:"GalleryContent",slot:r.GalleryContent,context:{...m}}),infoContent:(r==null?void 0:r.InfoContent)&&e(A,{name:"InfoContent",slot:r.InfoContent,context:{...m}}),productContent:(r==null?void 0:r.Content)&&e(A,{name:"Content",slot:r.Content,context:{...m}})})})};Mt.getInitialData=async function({sku:a,disableDropdownPreselection:N=!1,optionsConfig:S}){var O,I;const v=(I=(O=yt.getConfig().models)==null?void 0:O.ProductDetails)==null?void 0:I.initialData;return v?Bt(v):ht(a,{preselectFirstOption:!N,anchors:S==null?void 0:S.anchorOptions})};export{Mt as ProductDetails,Mt as default};
diff --git a/scripts/__dropins__/storefront-pdp/containers/ProductDetails/ProductDetails.d.ts b/scripts/__dropins__/storefront-pdp/containers/ProductDetails/ProductDetails.d.ts
index aa61939afe..f4d0203ce6 100644
--- a/scripts/__dropins__/storefront-pdp/containers/ProductDetails/ProductDetails.d.ts
+++ b/scripts/__dropins__/storefront-pdp/containers/ProductDetails/ProductDetails.d.ts
@@ -76,6 +76,7 @@ export interface ProductDetailsProps extends HTMLAttributes<HTMLDivElement> {
     onAddToCart?: (values: Values) => void;
     zoomType?: 'zoom' | 'overlay';
     closeButton?: boolean;
+    disableDropdownPreselection?: boolean;
 }
 export declare const ProductDetails: Container<ProductDetailsProps, ProductModel | null>;
 export {};
diff --git a/scripts/__dropins__/storefront-pdp/containers/ProductGallery.d.ts b/scripts/__dropins__/storefront-pdp/containers/ProductGallery.d.ts
new file mode 100644
index 0000000000..08e282deb2
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/containers/ProductGallery.d.ts
@@ -0,0 +1,3 @@
+export * from './ProductGallery/index'
+import _default from './ProductGallery/index'
+export default _default
diff --git a/scripts/__dropins__/storefront-pdp/containers/ProductGallery.js b/scripts/__dropins__/storefront-pdp/containers/ProductGallery.js
new file mode 100644
index 0000000000..b925d12519
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/containers/ProductGallery.js
@@ -0,0 +1,3 @@
+/*! Copyright 2024 Adobe
+All Rights Reserved. */
+import{jsx as A,jsxs as N}from"@dropins/tools/preact-jsx-runtime.js";import{useState as S,useEffect as Q,useMemo as C}from"@dropins/tools/preact-compat.js";import{Image as E}from"@dropins/tools/components.js";import{events as F}from"@dropins/tools/event-bus.js";import"@dropins/tools/lib.js";import{g as q}from"../chunks/getFetchedProductData.js";import{Z as z,C as R,O as J}from"../chunks/Zoom.js";/* empty css             */import{useText as K}from"@dropins/tools/i18n.js";import"@dropins/tools/preact.js";const U=({initialData:Z=null,controls:j="dots",loop:g=!0,peak:v=!1,gap:G=null,arrows:f=!0,zoom:h=!1,imageParams:t,thumbnailParams:o,children:V,...T})=>{var w,B,y,I,_,x,D;const c=K("PDP.Product.Image.label").label,[e,k]=S(Z),[d,s]=S(null);Q(()=>{const l=F.on("pdp/data",k);return()=>{l==null||l.off()}},[]);const u=C(()=>{var l;return((l=e==null?void 0:e.images)==null?void 0:l.map(({label:i,url:p},n)=>{const r=({...M})=>{var O;return A(E,{title:i,src:p,alt:c==null?void 0:c.replace("{product}",i).replace("{key}",String(n+1)).replace("{total}",String((O=e==null?void 0:e.images)==null?void 0:O.length)),width:(t==null?void 0:t.width)??960,height:(t==null?void 0:t.height)??1191,params:t??{width:960},loading:n===0?"eager":"lazy",...M})};return h?A(z,{closeButton:typeof h=="object"?h.closeButton:!1,children:A(r,{})},p):A(r,{onClick:()=>s(n)},p)}))??A("img",{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",className:"pdp-product-gallery__images__placeholder",width:(t==null?void 0:t.width)??960,height:(t==null?void 0:t.height)??1191,"aria-hidden":!0},"pleaceholder")},[c,e==null?void 0:e.images,t,h]),H=C(()=>{var l;return((l=e==null?void 0:e.images)==null?void 0:l.map(({label:i,url:p},n)=>{var r;return A(E,{title:i,src:p,alt:c==null?void 0:c.replace("{product}",i).replace("{key}",String(n+1)).replace("{total}",String((r=e==null?void 0:e.images)==null?void 0:r.length)),width:(o==null?void 0:o.width)??200,height:(o==null?void 0:o.height)??248,params:o??{width:200},loading:"lazy"},p)}))??A("img",{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",className:"pdp-product-gallery__thumbnail__placeholder",width:(o==null?void 0:o.width)??200,height:(o==null?void 0:o.height)??248,"aria-hidden":!0},"pleaceholder")},[c,e==null?void 0:e.images,o]);return e?N("div",{...T,children:[A(R,{arrows:!!((w=e==null?void 0:e.images)!=null&&w.length)&&f,arrowsOnMainImage:!!((B=e==null?void 0:e.images)!=null&&B.length)&&f,controls:(y=e==null?void 0:e.images)!=null&&y.length?j:void 0,loop:g&&!!((I=e.images)!=null&&I.length),peak:!!((_=e==null?void 0:e.images)!=null&&_.length)&&v,gap:G,defaultIndex:d||0,thumbnails:H,children:u}),d===null?null:A(J,{onClose:()=>s(null),centered:!0,children:A(R,{arrows:!!((x=e==null?void 0:e.images)!=null&&x.length),width:"100%",height:"100%",defaultIndex:d,loop:g&&!!((D=e.images)!=null&&D.length),controls:"dots",isZoomed:!0,children:u})})]}):null};U.getInitialData=q;export{U as ProductGallery,U as default};
diff --git a/scripts/__dropins__/storefront-pdp/containers/ProductGallery/ProductGallery.d.ts b/scripts/__dropins__/storefront-pdp/containers/ProductGallery/ProductGallery.d.ts
new file mode 100644
index 0000000000..99326747b3
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/containers/ProductGallery/ProductGallery.d.ts
@@ -0,0 +1,18 @@
+import { HTMLAttributes } from 'preact/compat';
+import { Container, ResolveImageUrlOptions } from '@dropins/tools/types/elsie/src/lib';
+import { ProductModel } from '../../data/models/product-model';
+
+export interface ProductGalleryProps extends Omit<HTMLAttributes<HTMLDivElement>, 'controls'> {
+    controls?: 'thumbnailsRow' | 'thumbnailsColumn' | 'dots' | null;
+    loop?: boolean;
+    peak?: boolean;
+    gap?: 'small' | 'medium' | 'large' | null;
+    arrows?: boolean;
+    imageParams?: ResolveImageUrlOptions;
+    thumbnailParams?: ResolveImageUrlOptions;
+    zoom?: {
+        closeButton: boolean;
+    } | boolean;
+}
+export declare const ProductGallery: Container<ProductGalleryProps, ProductModel | null>;
+//# sourceMappingURL=ProductGallery.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/containers/ProductGallery/index.d.ts b/scripts/__dropins__/storefront-pdp/containers/ProductGallery/index.d.ts
new file mode 100644
index 0000000000..9082c78fc5
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/containers/ProductGallery/index.d.ts
@@ -0,0 +1,3 @@
+export * from './ProductGallery';
+export { ProductGallery as default } from './ProductGallery';
+//# sourceMappingURL=index.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/containers/ProductHeader.d.ts b/scripts/__dropins__/storefront-pdp/containers/ProductHeader.d.ts
new file mode 100644
index 0000000000..91ad9abad0
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/containers/ProductHeader.d.ts
@@ -0,0 +1,3 @@
+export * from './ProductHeader/index'
+import _default from './ProductHeader/index'
+export default _default
diff --git a/scripts/__dropins__/storefront-pdp/containers/ProductHeader.js b/scripts/__dropins__/storefront-pdp/containers/ProductHeader.js
new file mode 100644
index 0000000000..cd1941ce2c
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/containers/ProductHeader.js
@@ -0,0 +1,3 @@
+/*! Copyright 2024 Adobe
+All Rights Reserved. */
+import{jsxs as c,jsx as e,Fragment as i}from"@dropins/tools/preact-jsx-runtime.js";import{useState as m,useEffect as p}from"@dropins/tools/preact-compat.js";import{classes as u,VComponent as l}from"@dropins/tools/lib.js";import"@dropins/tools/components.js";/* empty css             */import"@dropins/tools/preact.js";import{events as f}from"@dropins/tools/event-bus.js";import{g as h}from"../chunks/getFetchedProductData.js";const g=({className:r,title:a,sku:n,hideSku:s=!1,children:t,...d})=>c("div",{...d,className:u(["pdp-header",r]),children:[e("div",{className:"pdp-header__title",children:e(l,{node:a})}),!s&&e("div",{className:"pdp-header__sku",children:e(l,{node:n})})]}),_=({initialData:r=null,hideSku:a=!1,children:n,...s})=>{const[t,d]=m(r);return p(()=>{const o=f.on("pdp/data",d);return()=>{o==null||o.off()}},[]),t?e(g,{...s,title:e(i,{children:t.name}),sku:e(i,{children:t.sku}),hideSku:a}):null};_.getInitialData=h;export{_ as ProductHeader,_ as default};
diff --git a/scripts/__dropins__/storefront-pdp/containers/ProductHeader/ProductHeader.d.ts b/scripts/__dropins__/storefront-pdp/containers/ProductHeader/ProductHeader.d.ts
new file mode 100644
index 0000000000..e72b654403
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/containers/ProductHeader/ProductHeader.d.ts
@@ -0,0 +1,9 @@
+import { HTMLAttributes } from 'preact/compat';
+import { Container } from '@dropins/tools/types/elsie/src/lib';
+import { ProductModel } from '../../data/models';
+
+export interface ProductHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    hideSku?: boolean;
+}
+export declare const ProductHeader: Container<ProductHeaderProps, ProductModel | null>;
+//# sourceMappingURL=ProductHeader.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/containers/ProductHeader/index.d.ts b/scripts/__dropins__/storefront-pdp/containers/ProductHeader/index.d.ts
new file mode 100644
index 0000000000..5d592809c3
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/containers/ProductHeader/index.d.ts
@@ -0,0 +1,18 @@
+/**
+ * ADOBE CONFIDENTIAL
+ * __________________
+ * Copyright 2024 Adobe
+ * All Rights Reserved.
+ * __________________
+ * NOTICE: All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ */
+export * from './ProductHeader';
+export { ProductHeader as default } from './ProductHeader';
+//# sourceMappingURL=index.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/containers/ProductOptions.d.ts b/scripts/__dropins__/storefront-pdp/containers/ProductOptions.d.ts
new file mode 100644
index 0000000000..a14e8e4d5a
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/containers/ProductOptions.d.ts
@@ -0,0 +1,3 @@
+export * from './ProductOptions/index'
+import _default from './ProductOptions/index'
+export default _default
diff --git a/scripts/__dropins__/storefront-pdp/containers/ProductOptions.js b/scripts/__dropins__/storefront-pdp/containers/ProductOptions.js
new file mode 100644
index 0000000000..17eab56617
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/containers/ProductOptions.js
@@ -0,0 +1,3 @@
+/*! Copyright 2024 Adobe
+All Rights Reserved. */
+import{jsx as j}from"@dropins/tools/preact-jsx-runtime.js";import{useState as d,useEffect as q,useCallback as C}from"@dropins/tools/preact-compat.js";import{Slot as z}from"@dropins/tools/lib.js";import{events as g}from"@dropins/tools/event-bus.js";import"@dropins/tools/components.js";/* empty css             */import{S as A}from"../chunks/Swatches.js";import"@dropins/tools/preact.js";import{c as I,l as G,h as H,j as w,p as J}from"../chunks/isProductConfigurationValid.js";import{g as v,s as b}from"../chunks/getProductConfigurationValues.js";import{g as K}from"../chunks/getFetchedProductData.js";import"@dropins/tools/i18n.js";import"@dropins/tools/fetch-graphql.js";const N=({initialData:a={data:null,optionsUIDs:[]},hideSelectedValue:f=!1,slots:r,onValues:p,onErrors:l,children:Q,...y})=>{var h;const[o,O]=d(a.data),[u,B]=d(a.optionsUIDs),[F,M]=d();q(()=>{const i=g.on("pdp/data",O),c=g.on("pdp/values",({optionsUIDs:e})=>{e&&B(e)});return()=>{i==null||i.off(),c==null||c.off()}},[]);const T=C(async i=>{var P,U,D,S;if(!(o!=null&&o.sku))return;const{persistURLParams:c,anchors:e,acdl:R}=I.getConfig()??{};let s=Object.keys(i).map(t=>i[t].value).filter(t=>t!==void 0);if(c&&!(o!=null&&o.isBundle)&&G({optionsUIDs:s.join(",")}),((U=(P=v())==null?void 0:P.optionsUIDs)==null?void 0:U.join("|"))!==(s==null?void 0:s.join("|"))){b(n=>({...n,optionsUIDs:s})),p==null||p(s);const t=await H(o.sku,{optionsUIDs:s??[],isBundle:o==null?void 0:o.isBundle,anchors:e});g.emit("pdp/data",t);let k=(s==null?void 0:s.length)===((D=t==null?void 0:t.options)==null?void 0:D.length);if(e!=null&&e.length){const n=(t==null?void 0:t.optionUIDs)??[];s.every(m=>n.includes(m))||(M(t==null?void 0:t.options),b(m=>({...m,optionsUIDs:n})),k=(n==null?void 0:n.length)===((S=t==null?void 0:t.options)==null?void 0:S.length))}w(()=>k),R&&t&&(t==null?void 0:t.variantSku)!==o.sku&&J(t)}},[o==null?void 0:o.isBundle,o==null?void 0:o.sku,p]),L=C(i=>{Object.keys(i).length!==0&&(w(()=>!1),l==null||l(i))},[l]);return!o||!o.options?null:j(z,{name:"Swatches",slot:r==null?void 0:r.Swatches,context:{data:o,optionsUIDs:u},children:j(A,{...y,options:o.options,selectedUIDs:u,defaultOptions:u,selectionsToUpdate:F,hideSelectedValue:f,disablePreselections:!((h=I.getConfig())!=null&&h.preselectFirstOption),onValues:T,onErrors:L})})};N.getInitialData=async function(){var r;const a=await K(),f=((r=v())==null?void 0:r.optionsUIDs)??[];return{data:a,optionsUIDs:f}};export{N as ProductOptions,N as default};
diff --git a/scripts/__dropins__/storefront-pdp/containers/ProductOptions/ProductOptions.d.ts b/scripts/__dropins__/storefront-pdp/containers/ProductOptions/ProductOptions.d.ts
new file mode 100644
index 0000000000..c3643d64b0
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/containers/ProductOptions/ProductOptions.d.ts
@@ -0,0 +1,22 @@
+import { HTMLAttributes } from 'preact/compat';
+import { Container, SlotProps } from '@dropins/tools/types/elsie/src/lib';
+import { ProductModel } from '../../data/models';
+
+export interface ProductOptionsProps extends HTMLAttributes<HTMLDivElement> {
+    hideSelectedValue?: boolean;
+    onValues?: (optionsUIDs: string[]) => void;
+    onErrors?: (errors: {
+        [id: string]: string;
+    }) => void;
+    slots?: {
+        Swatches: SlotProps<{
+            data: ProductModel | null;
+            optionsUIDs: string[];
+        }>;
+    };
+}
+export declare const ProductOptions: Container<ProductOptionsProps, {
+    data: ProductModel | null;
+    optionsUIDs: string[];
+}>;
+//# sourceMappingURL=ProductOptions.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/containers/ProductOptions/index.d.ts b/scripts/__dropins__/storefront-pdp/containers/ProductOptions/index.d.ts
new file mode 100644
index 0000000000..9dc1e66e4a
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/containers/ProductOptions/index.d.ts
@@ -0,0 +1,18 @@
+/**
+ * ADOBE CONFIDENTIAL
+ * __________________
+ * Copyright 2024 Adobe
+ * All Rights Reserved.
+ * __________________
+ * NOTICE: All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ */
+export * from './ProductOptions';
+export { ProductOptions as default } from './ProductOptions';
+//# sourceMappingURL=index.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/containers/ProductPrice.d.ts b/scripts/__dropins__/storefront-pdp/containers/ProductPrice.d.ts
new file mode 100644
index 0000000000..9f7c82594e
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/containers/ProductPrice.d.ts
@@ -0,0 +1,3 @@
+export * from './ProductPrice/index'
+import _default from './ProductPrice/index'
+export default _default
diff --git a/scripts/__dropins__/storefront-pdp/containers/ProductPrice.js b/scripts/__dropins__/storefront-pdp/containers/ProductPrice.js
new file mode 100644
index 0000000000..181bac01ca
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/containers/ProductPrice.js
@@ -0,0 +1,3 @@
+/*! Copyright 2024 Adobe
+All Rights Reserved. */
+import{jsxs as D,jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import{useState as d,useEffect as L}from"@dropins/tools/preact-compat.js";import{classes as s,VComponent as f,toLanguageTag as g}from"@dropins/tools/lib.js";import"@dropins/tools/components.js";/* empty css             */import{P}from"../chunks/PriceRange.js";import"@dropins/tools/preact.js";import{useText as b}from"@dropins/tools/i18n.js";import{events as _}from"@dropins/tools/event-bus.js";import{g as h}from"../chunks/getFetchedProductData.js";import{c as v}from"../chunks/isProductConfigurationValid.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/getProductConfigurationValues.js";const S=({className:t,price:i,specialPrice:a,children:n,...e})=>{const c=b("PDP.Product.RegularPrice.label").label,o=b("PDP.Product.SpecialPrice.label").label;return D("div",{...e,className:s(["pdp-price",t]),children:[a&&r(f,{node:a,className:s(["pdp-price__amount-special","pdp-price__amount"]),"aria-label":o,role:"text"}),i&&r(f,{node:i,className:s(["pdp-price__amount-regular","pdp-price__amount--grey"]),"aria-label":c,role:"text"})]})},N=({initialData:t=null,children:i,...a})=>{var m,u;const{defaultLocale:n="en-US"}=v.getConfig(),[e,c]=d(t),[o,x]=d(n);return L(()=>{const l=_.on("pdp/data",c),p=_.on("locale",x);return()=>{l==null||l.off(),p==null||p.off()}},[]),e?r(S,{...a,specialPrice:(m=e.prices)!=null&&m.visible?r(P,{...e.prices.final,locale:g(o)}):void 0,price:(u=e.prices)!=null&&u.visible&&e.prices.regular&&e.prices.final.amount!==e.prices.regular.amount?r(P,{...e.prices.regular,locale:g(o)}):void 0}):null};N.getInitialData=h;export{N as ProductPrice,N as default};
diff --git a/scripts/__dropins__/storefront-pdp/containers/ProductPrice/ProductPrice.d.ts b/scripts/__dropins__/storefront-pdp/containers/ProductPrice/ProductPrice.d.ts
new file mode 100644
index 0000000000..337abf9f3e
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/containers/ProductPrice/ProductPrice.d.ts
@@ -0,0 +1,8 @@
+import { HTMLAttributes } from 'preact/compat';
+import { Container } from '@dropins/tools/types/elsie/src/lib';
+import { ProductModel } from '../../data/models';
+
+export interface ProductPriceProps extends HTMLAttributes<HTMLDivElement> {
+}
+export declare const ProductPrice: Container<ProductPriceProps, ProductModel | null>;
+//# sourceMappingURL=ProductPrice.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/containers/ProductPrice/index.d.ts b/scripts/__dropins__/storefront-pdp/containers/ProductPrice/index.d.ts
new file mode 100644
index 0000000000..674df14b0b
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/containers/ProductPrice/index.d.ts
@@ -0,0 +1,18 @@
+/**
+ * ADOBE CONFIDENTIAL
+ * __________________
+ * Copyright 2024 Adobe
+ * All Rights Reserved.
+ * __________________
+ * NOTICE: All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ */
+export * from './ProductPrice';
+export { ProductPrice as default } from './ProductPrice';
+//# sourceMappingURL=index.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/containers/ProductQuantity.d.ts b/scripts/__dropins__/storefront-pdp/containers/ProductQuantity.d.ts
new file mode 100644
index 0000000000..94325aa081
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/containers/ProductQuantity.d.ts
@@ -0,0 +1,3 @@
+export * from './ProductQuantity/index'
+import _default from './ProductQuantity/index'
+export default _default
diff --git a/scripts/__dropins__/storefront-pdp/containers/ProductQuantity.js b/scripts/__dropins__/storefront-pdp/containers/ProductQuantity.js
new file mode 100644
index 0000000000..ef177689f3
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/containers/ProductQuantity.js
@@ -0,0 +1,3 @@
+/*! Copyright 2024 Adobe
+All Rights Reserved. */
+import{jsx as d}from"@dropins/tools/preact-jsx-runtime.js";import{useState as s,useEffect as g}from"@dropins/tools/preact-compat.js";import{classes as P}from"@dropins/tools/lib.js";import{Incrementer as y}from"@dropins/tools/components.js";import{events as u}from"@dropins/tools/event-bus.js";import{s as I}from"../chunks/getProductConfigurationValues.js";import{g as b}from"../chunks/getFetchedProductData.js";import{useText as q}from"@dropins/tools/i18n.js";const D=({initialData:i=null,onValue:r,children:h,...n})=>{const m=q("PDP.Product.Incrementer.label").label,[c,l]=s(i),[o,f]=s(1);g(()=>{const e=u.on("pdp/data",l),t=u.on("pdp/values",({quantity:a})=>{f(a)},{eager:!0});return()=>{e==null||e.off(),t==null||t.off()}},[]);const p=e=>{const t=parseInt(e,10);I(a=>({...a,quantity:t})),r==null||r(t)};return c?d(y,{name:"quantity",defaultValue:o.toString(),value:o.toString(),min:1,"aria-label":m,onValue:p,...n,className:P(["pdp-quantity",n.className])},"quantity"):null};D.getInitialData=b;export{D as ProductQuantity,D as default};
diff --git a/scripts/__dropins__/storefront-pdp/containers/ProductQuantity/ProductQuantity.d.ts b/scripts/__dropins__/storefront-pdp/containers/ProductQuantity/ProductQuantity.d.ts
new file mode 100644
index 0000000000..b689183c00
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/containers/ProductQuantity/ProductQuantity.d.ts
@@ -0,0 +1,9 @@
+import { HTMLAttributes } from 'preact/compat';
+import { Container } from '@dropins/tools/types/elsie/src/lib';
+import { ProductModel } from '../../data/models';
+
+export interface ProductQuantityProps extends HTMLAttributes<HTMLDivElement> {
+    onValue?: (quantity: number) => void;
+}
+export declare const ProductQuantity: Container<ProductQuantityProps, ProductModel | null>;
+//# sourceMappingURL=ProductQuantity.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/containers/ProductQuantity/index.d.ts b/scripts/__dropins__/storefront-pdp/containers/ProductQuantity/index.d.ts
new file mode 100644
index 0000000000..47fbe81ed8
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/containers/ProductQuantity/index.d.ts
@@ -0,0 +1,18 @@
+/**
+ * ADOBE CONFIDENTIAL
+ * __________________
+ * Copyright 2024 Adobe
+ * All Rights Reserved.
+ * __________________
+ * NOTICE: All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ */
+export * from './ProductQuantity';
+export { ProductQuantity as default } from './ProductQuantity';
+//# sourceMappingURL=index.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/containers/ProductShortDescription.d.ts b/scripts/__dropins__/storefront-pdp/containers/ProductShortDescription.d.ts
new file mode 100644
index 0000000000..8d007b7dd0
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/containers/ProductShortDescription.d.ts
@@ -0,0 +1,3 @@
+export * from './ProductShortDescription/index'
+import _default from './ProductShortDescription/index'
+export default _default
diff --git a/scripts/__dropins__/storefront-pdp/containers/ProductShortDescription.js b/scripts/__dropins__/storefront-pdp/containers/ProductShortDescription.js
new file mode 100644
index 0000000000..275b64b3b5
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/containers/ProductShortDescription.js
@@ -0,0 +1,3 @@
+/*! Copyright 2024 Adobe
+All Rights Reserved. */
+import{jsx as n}from"@dropins/tools/preact-jsx-runtime.js";import{useState as i,useEffect as a}from"@dropins/tools/preact-compat.js";import{classes as c}from"@dropins/tools/lib.js";import{events as m}from"@dropins/tools/event-bus.js";import{g as l}from"../chunks/getFetchedProductData.js";const f=({initialData:o=null,children:p,...e})=>{const[t,s]=i(o);return a(()=>{const r=m.on("pdp/data",s);return()=>{r==null||r.off()}},[]),t?n("div",{dangerouslySetInnerHTML:{__html:(t==null?void 0:t.shortDescription)??""},...e,className:c(["pdp-short-description",e.className])}):null};f.getInitialData=l;export{f as ProductShortDescription,f as default};
diff --git a/scripts/__dropins__/storefront-pdp/containers/ProductShortDescription/ProductShortDescription.d.ts b/scripts/__dropins__/storefront-pdp/containers/ProductShortDescription/ProductShortDescription.d.ts
new file mode 100644
index 0000000000..5ebc7c5d2b
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/containers/ProductShortDescription/ProductShortDescription.d.ts
@@ -0,0 +1,8 @@
+import { HTMLAttributes } from 'preact/compat';
+import { Container } from '@dropins/tools/types/elsie/src/lib';
+import { ProductModel } from '../../data/models';
+
+export interface ProductShortDescriptionProps extends HTMLAttributes<HTMLDivElement> {
+}
+export declare const ProductShortDescription: Container<ProductShortDescriptionProps, ProductModel | null>;
+//# sourceMappingURL=ProductShortDescription.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/containers/ProductShortDescription/index.d.ts b/scripts/__dropins__/storefront-pdp/containers/ProductShortDescription/index.d.ts
new file mode 100644
index 0000000000..19cbba0838
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/containers/ProductShortDescription/index.d.ts
@@ -0,0 +1,18 @@
+/**
+ * ADOBE CONFIDENTIAL
+ * __________________
+ * Copyright 2024 Adobe
+ * All Rights Reserved.
+ * __________________
+ * NOTICE: All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ */
+export * from './ProductShortDescription';
+export { ProductShortDescription as default } from './ProductShortDescription';
+//# sourceMappingURL=index.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/containers/index.d.ts b/scripts/__dropins__/storefront-pdp/containers/index.d.ts
index e2d7e3c642..c52de965b8 100644
--- a/scripts/__dropins__/storefront-pdp/containers/index.d.ts
+++ b/scripts/__dropins__/storefront-pdp/containers/index.d.ts
@@ -14,4 +14,12 @@
  * from Adobe.
  */
 export * from './ProductDetails';
+export * from './ProductPrice';
+export * from './ProductOptions';
+export * from './ProductQuantity';
+export * from './ProductShortDescription';
+export * from './ProductDescription';
+export * from './ProductAttributes';
+export * from './ProductGallery';
+export * from './ProductHeader';
 //# sourceMappingURL=index.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/data/models/acdl-models.d.ts b/scripts/__dropins__/storefront-pdp/data/models/acdl-models.d.ts
index 62773a702b..b1d3c6aa54 100644
--- a/scripts/__dropins__/storefront-pdp/data/models/acdl-models.d.ts
+++ b/scripts/__dropins__/storefront-pdp/data/models/acdl-models.d.ts
@@ -31,7 +31,7 @@ export type Product = {
     manufacturer?: string | null;
     countryOfManufacture?: string | null;
     categories?: string[] | null;
-    productType?: string | null;
+    productType?: ProductType;
     pricing?: {
         regularPrice: number;
         minimalPrice?: number;
@@ -47,4 +47,12 @@ export type Product = {
     canonicalUrl?: string | null;
     mainImageUrl?: string | null;
 };
+export declare enum ProductType {
+    ComplexProduct = "complex",
+    SimpleProduct = "simple"
+}
+export declare enum ProductViewType {
+    ComplexProductView = "ComplexProductView",
+    SimpleProductView = "SimpleProductView"
+}
 //# sourceMappingURL=acdl-models.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/data/models/index.d.ts b/scripts/__dropins__/storefront-pdp/data/models/index.d.ts
index ec10f04729..963dd8b5ab 100644
--- a/scripts/__dropins__/storefront-pdp/data/models/index.d.ts
+++ b/scripts/__dropins__/storefront-pdp/data/models/index.d.ts
@@ -14,4 +14,5 @@
  * from Adobe.
  */
 export * from './product-model';
+export * from './values-model';
 //# sourceMappingURL=index.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/data/models/product-model.d.ts b/scripts/__dropins__/storefront-pdp/data/models/product-model.d.ts
index 10a516612d..2af9d019c3 100644
--- a/scripts/__dropins__/storefront-pdp/data/models/product-model.d.ts
+++ b/scripts/__dropins__/storefront-pdp/data/models/product-model.d.ts
@@ -1,21 +1,9 @@
-/**
- * ADOBE CONFIDENTIAL
- * __________________
- * Copyright 2023 Adobe
- * All Rights Reserved.
- * __________________
- * NOTICE: All information contained herein is, and remains
- * the property of Adobe and its suppliers, if any. The intellectual
- * and technical concepts contained herein are proprietary to Adobe
- * and its suppliers and are protected by all applicable intellectual
- * property laws, including trade secret and copyright laws.
- * Dissemination of this information or reproduction of this material
- * is strictly forbidden unless prior written permission is obtained
- * from Adobe.
- */
+import { ProductType } from './acdl-models';
+
 export interface ProductModel {
     name: string;
     sku: string;
+    isBundle: boolean;
     addToCartAllowed: boolean;
     inStock: boolean | null;
     shortDescription?: string;
@@ -33,6 +21,7 @@ export interface ProductModel {
     externalId?: string;
     externalParentId?: string;
     variantSku?: string;
+    productType?: ProductType | undefined;
 }
 interface Image {
     url: string;
diff --git a/scripts/__dropins__/storefront-pdp/data/models/values-model.d.ts b/scripts/__dropins__/storefront-pdp/data/models/values-model.d.ts
new file mode 100644
index 0000000000..ddba1a67c6
--- /dev/null
+++ b/scripts/__dropins__/storefront-pdp/data/models/values-model.d.ts
@@ -0,0 +1,6 @@
+export interface ValuesModel {
+    sku: string;
+    quantity: number;
+    optionsUIDs?: string[];
+}
+//# sourceMappingURL=values-model.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/data/transforms/product-transform.d.ts b/scripts/__dropins__/storefront-pdp/data/transforms/product-transform.d.ts
index ed2747003c..4142f8d54c 100644
--- a/scripts/__dropins__/storefront-pdp/data/transforms/product-transform.d.ts
+++ b/scripts/__dropins__/storefront-pdp/data/transforms/product-transform.d.ts
@@ -1,4 +1,6 @@
 import { ProductModel } from '../models';
 
-export declare function transformProductData(data: any, isBundle?: boolean): ProductModel | null;
+export declare function transformProductData(data: any, options?: {
+    preselectFirstOption?: boolean;
+}): ProductModel | null;
 //# sourceMappingURL=product-transform.d.ts.map
\ No newline at end of file
diff --git a/scripts/__dropins__/storefront-pdp/i18n/en_US.json.d.ts b/scripts/__dropins__/storefront-pdp/i18n/en_US.json.d.ts
index e1dd77dc8b..cfdd6753de 100644
--- a/scripts/__dropins__/storefront-pdp/i18n/en_US.json.d.ts
+++ b/scripts/__dropins__/storefront-pdp/i18n/en_US.json.d.ts
@@ -34,6 +34,9 @@ declare const _default: {
     "Swatches": {
       "Required": {
         "label": "Required"
+      },
+      "ChooseOption": {
+        "label": "Choose an option"
       }
     },
     "Carousel": {
diff --git a/scripts/__dropins__/storefront-pdp/render.js b/scripts/__dropins__/storefront-pdp/render.js
index e858728394..e3d9a0b4db 100644
--- a/scripts/__dropins__/storefront-pdp/render.js
+++ b/scripts/__dropins__/storefront-pdp/render.js
@@ -1,2 +1,4 @@
-(function(p,t){try{if(typeof document<"u"){const r=document.createElement("style"),e=t.styleId;for(const a in t.attributes)r.setAttribute(a,t.attributes[a]);r.setAttribute("data-dropin",e),r.appendChild(document.createTextNode(p));const o=document.querySelector('style[data-dropin="sdk"]');if(o)o.after(r);else{const a=document.querySelector('link[rel="stylesheet"], style');a?a.before(r):document.head.append(r)}}}catch(r){console.error("dropin-styles (injectCodeFunction)",r)}})(".pdp-carousel{--icon-size: 32px;--icon-extra-padding: 8px;--thumb-peak: 32px;--thumbnails-col-width: 18.6%;position:relative;display:flex;flex-direction:var(--flex-carousel);align-items:center;gap:var(--gap);width:var(--width)}.pdp-carousel .dropin-button--tertiary--disabled:hover{color:var(--color-neutral-500)}.pdp-carousel--thumbnailsColumn{justify-content:flex-end;align-items:start}.pdp-carousel--thumbnailsRow{align-items:center}.pdp-carousel--arrows{padding-left:calc(var(--icon-size) + var(--icon-extra-padding));padding-right:calc(var(--icon-size) + var(--icon-extra-padding));width:calc(var(--width) - 2 * var(--icon-size) - 2 * var(--icon-extra-padding))}.pdp-carousel__button{position:absolute;top:50%;transform:translateY(-50%);padding:0}.pdp-carousel__button--prev{left:0}[dir=rtl] .pdp-carousel__button--prev{left:auto;right:0}[dir=rtl] .pdp-carousel__button--next{right:auto;left:0}.pdp-carousel__button__icon--next{transform:rotate(-90deg)}.pdp-carousel__button--next{right:0}.pdp-carousel__button__icon--prev{transform:rotate(90deg)}[dir=rtl] .pdp-carousel__button__icon--prev{transform:rotate(-90deg)}[dir=rtl] .pdp-carousel__button__icon--next{transform:rotate(90deg)}.pdp-carousel--main-image-controls.pdp-carousel--thumbnailsColumn .pdp-carousel__button--prev{left:var(--thumbnails-col-width)}.pdp-carousel--main-image-controls.pdp-carousel--thumbnailsRow .pdp-carousel__button--prev,.pdp-carousel--main-image-controls.pdp-carousel--thumbnailsRow .pdp-carousel__button--next{top:calc(var(--height) / 2)}.pdp-carousel__button--thumbnailsColumn{margin:auto;padding:0}.pdp-carousel__button--thumbnailsRow{padding:0}.pdp-carousel__button__icon--thumbnailsColumn--prev{transform:rotate(180deg)}.pdp-carousel__button__icon--thumbnailsRow--prev{transform:rotate(90deg)}[dir=rtl] .pdp-carousel__button__icon--thumbnailsRow--prev,.pdp-carousel__button__icon--thumbnailsRow--next{transform:rotate(-90deg)}[dir=rtl] .pdp-carousel__button__icon--thumbnailsRow--next{transform:rotate(90deg)}.pdp-carousel__wrapper{--peak: 0px;scroll-padding:var(--peak);width:var(--total-width);height:var(--height);display:flex;flex-wrap:nowrap;gap:var(--gap);-webkit-overflow-scrolling:touch}.pdp-carousel__wrapper--horizontal{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}.pdp-carousel__slide{display:grid;grid-gap:var(--gap);grid-auto-columns:1fr;grid-auto-rows:100%;scroll-snap-align:end;scroll-snap-stop:always;flex-shrink:0}.pdp-carousel__slide--horizontal{grid-auto-flow:column;width:calc(100% - var(--peak))}.pdp-carousel__slide--horizontal.pdp-carousel__slide--orphan{width:calc((100% / var(--per-page) * var(--length)) - var(--peak) / var(--per-page) * var(--length) - var(--gap) / var(--per-page) * (var(--per-page) - var(--length)))}.pdp-carousel__slide>*{vertical-align:middle;max-width:100%;max-height:100%}.pdp-carousel__slide>img{object-fit:contain;width:100%;height:100%}.pdp-carousel__wrapper--peak{--peak: calc(var(--spacing-medium) + var(--gap))}.pdp-carousel__wrapper--scrollbar{--scroll-foreground: var(--color-neutral-600);--scroll-background: var(--color-neutral-400);scrollbar-color:var(--scroll-foreground) var(--scroll-background);scrollbar-width:thin}.pdp-carousel__wrapper:not(.pdp-carousel__wrapper--scrollbar){scrollbar-width:none}.pdp-carousel__wrapper:not(.pdp-carousel__wrapper--scrollbar)::-webkit-scrollbar{display:none}.pdp-carousel__wrapper--scrollbar::-webkit-scrollbar{width:4px;height:4px}.pdp-carousel__wrapper--scrollbar::-webkit-scrollbar-thumb{background:var(--scroll-foreground)}.pdp-carousel__wrapper--scrollbar::-webkit-scrollbar-track{background:var(--scroll-background)}.pdp-carousel__controls__container--thumbnailsRow{--thumbnails-spacing: var(--spacing-small);--thumbnails-box-width: var(--spacing-xxsmall);--thumbnails-rest: calc(var(--thumbnails-spacing) - var(--thumbnails-box-width));--thumbnails-width: calc((var(--width) - 2 * var(--icon-size) - 4 * var(--thumbnails-spacing) - var(--thumb-peak) - 2 * var(--thumbnails-box-width)) / 4);margin-top:var(--thumbnails-rest);width:var(--width);display:flex}.pdp-carousel__controls__container--thumbnailsColumn{--thumbnails-spacing: var(--spacing-small);--thumbnails-box-width: var(--spacing-xxsmall);--thumbnails-rest: calc(var(--thumbnails-spacing) - var(--thumbnails-box-width));--thumbnails-width: 100%;margin-right:var(--thumbnails-rest);width:calc(var(--thumbnails-col-width) - var(--thumbnails-rest))}.pdp-carousel__controls__container--thumbnailsColumn:not(.pdp-carousel__controls__container--no-arrows){height:calc(max(var(--height),4 * var(--thumbnails-spacing)) - 4 * var(--thumbnails-spacing))}.pdp-carousel__controls__container--thumbnailsColumn.pdp-carousel__controls__container--no-arrows{height:var(--height)}.pdp-carousel__controls__wrapper--thumbnailsColumn{max-height:100%;overflow-y:scroll}.pdp-carousel__controls__wrapper--thumbnailsRow{max-width:100%;overflow-x:scroll}.pdp-carousel__controls--thumbnailsRow>label>span:nth-last-child(1){margin-left:0;margin-right:var(--thumbnails-box-width)}[dir=rtl] .pdp-carousel__controls--thumbnailsRow>label>span:nth-last-child(1){margin-left:var(--thumbnails-box-width);margin-right:0}.pdp-carousel__controls__wrapper::-webkit-scrollbar{display:none}.pdp-carousel__controls__wrapper{-ms-overflow-style:none;scrollbar-width:none}.pdp-carousel__controls{display:flex;flex-direction:row;gap:var(--spacing-xsmall)}.pdp-carousel__controls--thumbnailsColumn{display:grid;grid-template-columns:repeat(1,1fr);grid-auto-rows:1fr;grid-row-gap:var(--thumbnails-spacing);padding:var(--thumbnails-box-width)}.pdp-carousel__controls--thumbnailsRow{grid-column-gap:var(--thumbnails-spacing);padding:var(--thumbnails-box-width)}.pdp-carousel__controls__button{border-radius:50%;width:10px;height:10px;padding:0;border:none;background:var(--color-neutral-400);cursor:pointer}.pdp-carousel__controls__button:hover{background:var(--color-neutral-500)}.pdp-carousel__controls__button:active,.pdp-carousel__controls__button--active{background:var(--color-neutral-600)}.pdp-carousel__slide--last{width:100%}.pdp-carousel__thumbnail__container input[type=radio]{opacity:0;position:absolute;width:0;height:0}.pdp-carousel__thumbnail__container .pdp-carousel__thumbnail__span{--bg-color: var(--color-neutral-300);display:inline-block;box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-400);position:relative;cursor:pointer;background-color:var(--bg-color);background-image:var(--background-image);background-repeat:no-repeat;background-size:cover;height:100%;width:100%;overflow:hidden}.pdp-carousel__thumbnail__content{width:inherit;position:absolute;top:-9999px;bottom:-9999px;left:-9999px;right:-9999px;margin:auto;overflow:hidden}.pdp-carousel__thumbnail__span:hover{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-500);outline:none}.pdp-carousel__controls__wrapper--thumbnailsRow .pdp-carousel__thumbnail__container{min-width:100px}.pdp-carousel__thumbnail__container input[type=radio]:not(:checked):active~.pdp-carousel-thumbnail__span{box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-500);outline:none}.pdp-carousel__thumbnail__container input[type=radio]:checked~.pdp-carousel__thumbnail__span,.pdp-carousel__thumbnail--selected{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-800)}.pdp-carousel__thumbnail__container input[type=radio]:checked:active~.pdp-carousel__thumbnail__span{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-600)}.pdp-carousel__thumbnail__container input[type=radio]:focus-visible+.pdp-carousel__thumbnail__span{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-900),0 0 0 6px var(--color-neutral-400)}.pdp-carousel__thumbnail__span>img{object-fit:cover;width:100%;height:100%}.pdp-product{display:grid;grid-template-columns:repeat(var(--grid-1-columns),1fr);grid-column-gap:var(--grid-1-gutters);margin:0 var(--grid-1-margins)}.pdp-product__gallery-column{display:none}.pdp-product__content-column{grid-column:1 / span 4;color:var(--color-neutral-800)}.pdp-product__header{display:grid;grid-auto-rows:max-content;margin-bottom:var(--spacing-medium)}.pdp-product__breadcrumbs{grid-column:1 / -1;padding:var(--spacing-medium) 0 var(--spacing-xxbig)}.pdp-product__title{font:var(--type-display-3-font);letter-spacing:var(--type-display-3-letter-spacing);margin:0}.pdp-product__sku{font:var(--type-body-1-default-font);max-width:600px}.pdp-product__prices{display:flex;gap:var(--spacing-xsmall);margin-top:var(--spacing-medium)}.pdp-product__out-of-stock__text{font:var(--type-headline-2-strong-font)}.pdp-product__options{grid-column:1 / span 4}.pdp-product__price,.pdp-product__price-special{font:var(--type-headline-2-strong-font)}.pdp-product__price,.pdp-product__sku,.pdp-product__price-special,.pdp-product__out-of-stock__text{letter-spacing:var(--type-headline-2-strong-letter-spacing)}.pdp-product__price--grey{color:var(--color-neutral-500)}.pdp-product__actions,.pdp-product__actions--out-of-stock{display:grid;grid-auto-flow:row;gap:var(--grid-1-gutters);grid-auto-rows:max-content;margin-bottom:var(--spacing-xxbig);margin-top:var(--spacing-big)}.pdp-product__short_description,.pdp-product__attributes{font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing);margin-bottom:var(--spacing-small)}.pdp-product__description,.pdp-product__attributes li{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.pdp-product__attributes{margin-top:var(--spacing-xsmall)}.pdp-product__short_description p,.pdp-product__description p,.pdp-product__attributes li p{margin:0}.pdp-product__short_description figure,.pdp-product__description figure{margin:0}.pdp-product__short_description img,.pdp-product__description img{max-width:100%}.pdp-product__images--carousel{max-height:60vh}.pdp-product__images--carousel--thumbnails{max-height:90vh}.pdp-product__images__placeholder{background-color:var(--color-neutral-200)}.pdp-product__buttons{display:grid;grid-auto-rows:max-content;grid-gap:var(--grid-1-gutters)}.pdp-product__buttons a{text-align:center}.pdp-product__buttons a:hover{text-decoration:none}.pdp-product__overlay .pdp-overlay__content{width:100%;height:100%}.pdp-product__overlay__carousel{width:100%;height:100%;box-sizing:border-box}.pdp-product__overlay__carousel img{width:100%;height:100%;object-fit:contain}.pdp-carousel__controls__container--thumbnailsRow img,.pdp-carousel__controls__container--thumbnailsColumn img{object-fit:cover}.pdp-product__quantity,.pdp-product__buttons{grid-column:1 / span 4}@media only screen and (min-width: 1024px){.pdp-product__breadcrumbs{grid-column:2 / -2}.pdp-product{grid-template-columns:repeat(var(--grid-3-columns),1fr);grid-column-gap:var(--grid-3-gutters);margin:0 var(--grid-3-margins);position:relative}.pdp-product__column-container{position:relative;display:flex;flex-direction:column}.pdp-product__column-body{position:sticky;bottom:30%;align-self:flex-end}.pdp-product__gallery-column{display:block;grid-column:2 / span 6}.pdp-product__content-column{grid-column:8 / span 4;padding-top:var(--spacing-medium)}.pdp-product__images--carousel{display:none}.pdp-product__header{margin-bottom:var(--spacing-small)}.pdp-product__actions{grid-template-columns:repeat(var(--grid-1-columns),1fr);grid-column-gap:var(--grid-1-gutters);grid-row-gap:var(--spacing-xxbig);margin-top:var(--spacing-xxbig)}.pdp-product__quantity{grid-column:1 / span 2}.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__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}.pdp-swatches__field{display:grid;font:var(--type-body-2-strong-font);grid-auto-rows:max-content;gap:var(--spacing-xsmall)}.pdp-swatches__field__label{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);color:var(--color-neutral-800)}.pdp-swatches__options{display:flex;flex-wrap:wrap;gap:var(--spacing-xsmall)}.pdp-zoom{cursor:zoom-in;overflow:hidden;margin:0;position:relative}.pdp-zoom img{height:100%;max-width:100%;min-width:100%;object-fit:contain;position:relative;transition:transform .2s;transform:var(--transform);vertical-align:middle;width:100%}.pdp-zoom .pdp-zoom__close-button{background-color:var(--color-neutral-50);border-radius:50%;position:absolute;right:var(--spacing-small);top:var(--spacing-small)}.pdp-zoom.pdp-zoom--zoomed{cursor:zoom-out}.pdp-zoom.pdp-zoom--no-effects{cursor:default}@media only screen and (max-width: 768px){.pdp-zoom img{display:block;width:100%;height:100%;transition:transform .2s;transform:var(--transform)}}",{styleId:"PDP"});
-import{jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import{deepmerge as c,Render as u}from"@dropins/tools/lib.js";import{useState as f,useEffect as m}from"@dropins/tools/preact-hooks.js";import{UIProvider as b}from"@dropins/tools/components.js";import{events as d}from"@dropins/tools/event-bus.js";import{c as g}from"./chunks/initialize.js";const C={Product:{Incrementer:{label:"Item Quantity"},OutOfStock:{label:"Out of Stock"},AddToCart:{label:"Add to Cart"},Details:{label:"Details"},RegularPrice:{label:"Regular Price"},SpecialPrice:{label:"Special Price"},PriceRange:{From:{label:"From"},To:{label:"to"}},Image:{label:"{product} Image {key} of {total}"}},Swatches:{Required:{label:"Required"}},Carousel:{label:"Carousel",Next:{label:"Next"},Previous:{label:"Previous"},Slide:{label:"Slide"},Controls:{label:"Carousel Controls",Button:{label:"Show slide {key} of {total}"}}},Overlay:{Close:{label:"Close"}},Zoom:{Close:{label:"Close"}}},P={quantityLabel:"Quantity"},p={PDP:C,Custom:P},S={default:p},D=({children:a})=>{var l;const[e,i]=f(),n=(l=g.getConfig())==null?void 0:l.langDefinitions;m(()=>{const o=d.on("locale",t=>{t!==e&&i(t)},{eager:!0});return()=>{o==null||o.off()}},[e]);const s=c(S,n??{});return r(b,{lang:e,langDefinitions:s,children:a})},O=new u(r(D,{}));export{O as render};
+/*! Copyright 2024 Adobe
+All Rights Reserved. */
+(function(p,t){try{if(typeof document<"u"){const r=document.createElement("style"),e=t.styleId;for(const a in t.attributes)r.setAttribute(a,t.attributes[a]);r.setAttribute("data-dropin",e),r.appendChild(document.createTextNode(p));const o=document.querySelector('style[data-dropin="sdk"]');if(o)o.after(r);else{const a=document.querySelector('link[rel="stylesheet"], style');a?a.before(r):document.head.append(r)}}}catch(r){console.error("dropin-styles (injectCodeFunction)",r)}})(".pdp-carousel{--icon-size: 32px;--icon-extra-padding: 8px;--thumb-peak: 32px;--thumbnails-col-width: 18.6%;position:relative;display:flex;flex-direction:var(--flex-carousel);align-items:center;gap:var(--gap);width:var(--width)}.pdp-carousel .dropin-button--tertiary--disabled:hover{color:var(--color-neutral-500)}.pdp-carousel--thumbnailsColumn{justify-content:flex-end;align-items:start}.pdp-carousel--thumbnailsRow{align-items:center}.pdp-carousel--arrows{padding-left:calc(var(--icon-size) + var(--icon-extra-padding));padding-right:calc(var(--icon-size) + var(--icon-extra-padding));width:calc(var(--width) - 2 * var(--icon-size) - 2 * var(--icon-extra-padding))}.pdp-carousel__button{position:absolute;top:50%;transform:translateY(-50%);padding:0}.pdp-carousel__button--prev{left:0}[dir=rtl] .pdp-carousel__button--prev{left:auto;right:0}[dir=rtl] .pdp-carousel__button--next{right:auto;left:0}.pdp-carousel__button__icon--next{transform:rotate(-90deg)}.pdp-carousel__button--next{right:0}.pdp-carousel__button__icon--prev{transform:rotate(90deg)}[dir=rtl] .pdp-carousel__button__icon--prev{transform:rotate(-90deg)}[dir=rtl] .pdp-carousel__button__icon--next{transform:rotate(90deg)}.pdp-carousel--main-image-controls.pdp-carousel--thumbnailsColumn .pdp-carousel__button--prev{left:var(--thumbnails-col-width)}.pdp-carousel--main-image-controls.pdp-carousel--thumbnailsRow .pdp-carousel__button--prev,.pdp-carousel--main-image-controls.pdp-carousel--thumbnailsRow .pdp-carousel__button--next{top:calc(var(--height) / 2)}.pdp-carousel__button--thumbnailsColumn{margin:auto;padding:0}.pdp-carousel__button--thumbnailsRow{padding:0}.pdp-carousel__button__icon--thumbnailsColumn--prev{transform:rotate(180deg)}.pdp-carousel__button__icon--thumbnailsRow--prev{transform:rotate(90deg)}[dir=rtl] .pdp-carousel__button__icon--thumbnailsRow--prev,.pdp-carousel__button__icon--thumbnailsRow--next{transform:rotate(-90deg)}[dir=rtl] .pdp-carousel__button__icon--thumbnailsRow--next{transform:rotate(90deg)}.pdp-carousel__wrapper{--peak: 0px;scroll-padding:var(--peak);width:var(--total-width);height:var(--height);display:flex;flex-wrap:nowrap;gap:var(--gap);-webkit-overflow-scrolling:touch}.pdp-carousel__wrapper--horizontal{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}.pdp-carousel__slide{display:grid;grid-gap:var(--gap);grid-auto-columns:1fr;grid-auto-rows:100%;scroll-snap-align:end;scroll-snap-stop:always;flex-shrink:0}.pdp-carousel__slide--horizontal{grid-auto-flow:column;width:calc(100% - var(--peak))}.pdp-carousel__slide--horizontal.pdp-carousel__slide--orphan{width:calc((100% / var(--per-page) * var(--length)) - var(--peak) / var(--per-page) * var(--length) - var(--gap) / var(--per-page) * (var(--per-page) - var(--length)))}.pdp-carousel__slide>*{vertical-align:middle;max-width:100%;max-height:100%}.pdp-carousel__slide>img{object-fit:contain;width:100%;height:100%}.pdp-carousel__wrapper--peak{--peak: calc(var(--spacing-medium) + var(--gap))}.pdp-carousel__wrapper--scrollbar{--scroll-foreground: var(--color-neutral-600);--scroll-background: var(--color-neutral-400);scrollbar-color:var(--scroll-foreground) var(--scroll-background);scrollbar-width:thin}.pdp-carousel__wrapper:not(.pdp-carousel__wrapper--scrollbar){scrollbar-width:none}.pdp-carousel__wrapper:not(.pdp-carousel__wrapper--scrollbar)::-webkit-scrollbar{display:none}.pdp-carousel__wrapper--scrollbar::-webkit-scrollbar{width:4px;height:4px}.pdp-carousel__wrapper--scrollbar::-webkit-scrollbar-thumb{background:var(--scroll-foreground)}.pdp-carousel__wrapper--scrollbar::-webkit-scrollbar-track{background:var(--scroll-background)}.pdp-carousel__controls__container--thumbnailsRow{--thumbnails-spacing: var(--spacing-small);--thumbnails-box-width: var(--spacing-xxsmall);--thumbnails-rest: calc(var(--thumbnails-spacing) - var(--thumbnails-box-width));--thumbnails-width: calc((var(--width) - 2 * var(--icon-size) - 4 * var(--thumbnails-spacing) - var(--thumb-peak) - 2 * var(--thumbnails-box-width)) / 4);margin-top:var(--thumbnails-rest);width:var(--width);display:flex}.pdp-carousel__controls__container--thumbnailsColumn{--thumbnails-spacing: var(--spacing-small);--thumbnails-box-width: var(--spacing-xxsmall);--thumbnails-rest: calc(var(--thumbnails-spacing) - var(--thumbnails-box-width));--thumbnails-width: 100%;margin-right:var(--thumbnails-rest);width:calc(var(--thumbnails-col-width) - var(--thumbnails-rest))}.pdp-carousel__controls__container--thumbnailsColumn:not(.pdp-carousel__controls__container--no-arrows){height:calc(max(var(--height),4 * var(--thumbnails-spacing)) - 4 * var(--thumbnails-spacing))}.pdp-carousel__controls__container--thumbnailsColumn.pdp-carousel__controls__container--no-arrows{height:var(--height)}.pdp-carousel__controls__wrapper--thumbnailsColumn{max-height:100%;overflow-y:scroll}.pdp-carousel__controls__wrapper--thumbnailsRow{max-width:100%;overflow-x:scroll}.pdp-carousel__controls--thumbnailsRow>label>span:nth-last-child(1){margin-left:0;margin-right:var(--thumbnails-box-width)}[dir=rtl] .pdp-carousel__controls--thumbnailsRow>label>span:nth-last-child(1){margin-left:var(--thumbnails-box-width);margin-right:0}.pdp-carousel__controls__wrapper::-webkit-scrollbar{display:none}.pdp-carousel__controls__wrapper{-ms-overflow-style:none;scrollbar-width:none}.pdp-carousel__controls{display:flex;flex-direction:row;gap:var(--spacing-xsmall)}.pdp-carousel__controls--thumbnailsColumn{display:grid;grid-template-columns:repeat(1,1fr);grid-auto-rows:1fr;grid-row-gap:var(--thumbnails-spacing);padding:var(--thumbnails-box-width)}.pdp-carousel__controls--thumbnailsRow{grid-column-gap:var(--thumbnails-spacing);padding:var(--thumbnails-box-width)}.pdp-carousel__controls__button{border-radius:50%;width:10px;height:10px;padding:0;border:none;background:var(--color-neutral-400);cursor:pointer}.pdp-carousel__controls__button:hover{background:var(--color-neutral-500)}.pdp-carousel__controls__button:active,.pdp-carousel__controls__button--active{background:var(--color-neutral-600)}.pdp-carousel__slide--last{width:100%}.pdp-carousel__thumbnail__container input[type=radio]{opacity:0;position:absolute;width:0;height:0}.pdp-carousel__thumbnail__container .pdp-carousel__thumbnail__span{--bg-color: var(--color-neutral-300);display:inline-block;box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-400);position:relative;cursor:pointer;background-color:var(--bg-color);background-image:var(--background-image);background-repeat:no-repeat;background-size:cover;height:100%;width:100%;overflow:hidden}.pdp-carousel__thumbnail__content{width:inherit;position:absolute;top:-9999px;bottom:-9999px;left:-9999px;right:-9999px;margin:auto;overflow:hidden}.pdp-carousel__thumbnail__span:hover{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-500);outline:none}.pdp-carousel__controls__wrapper--thumbnailsRow .pdp-carousel__thumbnail__container{min-width:100px}.pdp-carousel__thumbnail__container input[type=radio]:not(:checked):active~.pdp-carousel-thumbnail__span{box-shadow:0 0 0 var(--shape-border-width-1) var(--color-neutral-500);outline:none}.pdp-carousel__thumbnail__container input[type=radio]:checked~.pdp-carousel__thumbnail__span,.pdp-carousel__thumbnail--selected{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-800)}.pdp-carousel__thumbnail__container input[type=radio]:checked:active~.pdp-carousel__thumbnail__span{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-50),0 0 0 var(--shape-border-width-4) var(--color-neutral-600)}.pdp-carousel__thumbnail__container input[type=radio]:focus-visible+.pdp-carousel__thumbnail__span{box-shadow:0 0 0 var(--shape-border-width-3) var(--color-neutral-900),0 0 0 6px var(--color-neutral-400)}.pdp-carousel__thumbnail__span>img{object-fit:cover;width:100%;height:100%}.pdp-product{display:grid;grid-template-columns:repeat(var(--grid-1-columns),1fr);grid-column-gap:var(--grid-1-gutters);margin:0 var(--grid-1-margins)}.pdp-product__gallery-column{display:none}.pdp-product__content-column{grid-column:1 / span 4;color:var(--color-neutral-800)}.pdp-product__header{display:grid;grid-auto-rows:max-content;margin-bottom:var(--spacing-medium)}.pdp-product__breadcrumbs{grid-column:1 / -1;padding:var(--spacing-medium) 0 var(--spacing-xxbig)}.pdp-product__title{font:var(--type-display-3-font);letter-spacing:var(--type-display-3-letter-spacing);margin:0}.pdp-product__sku{font:var(--type-body-1-default-font);max-width:600px}.pdp-product__prices{display:flex;gap:var(--spacing-xsmall);margin-top:var(--spacing-medium)}.pdp-product__out-of-stock__text{font:var(--type-headline-2-strong-font)}.pdp-product__options{grid-column:1 / span 4}.pdp-product__price,.pdp-product__price-special{font:var(--type-headline-2-strong-font)}.pdp-product__price,.pdp-product__sku,.pdp-product__price-special,.pdp-product__out-of-stock__text{letter-spacing:var(--type-headline-2-strong-letter-spacing)}.pdp-product__price--grey{color:var(--color-neutral-500)}.pdp-product__actions,.pdp-product__actions--out-of-stock{display:grid;grid-auto-flow:row;gap:var(--grid-1-gutters);grid-auto-rows:max-content;margin-bottom:var(--spacing-xxbig);margin-top:var(--spacing-big)}.pdp-product__short_description,.pdp-product__attributes{font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing);margin-bottom:var(--spacing-small)}.pdp-product__description,.pdp-product__attributes li{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.pdp-product__attributes{margin-top:var(--spacing-xsmall)}.pdp-product__short_description p,.pdp-product__description p,.pdp-product__attributes li p{margin:0}.pdp-product__short_description figure,.pdp-product__description figure{margin:0}.pdp-product__short_description img,.pdp-product__description img{max-width:100%}.pdp-product__images--carousel{max-height:60vh}.pdp-product__images--carousel--thumbnails{max-height:90vh}.pdp-product__images__placeholder{background-color:var(--color-neutral-200)}.pdp-product__buttons{display:grid;grid-auto-rows:max-content;grid-gap:var(--grid-1-gutters)}.pdp-product__buttons a{text-align:center}.pdp-product__buttons a:hover{text-decoration:none}.pdp-product__overlay .pdp-overlay__content{width:100%;height:100%}.pdp-product__overlay__carousel{width:100%;height:100%;box-sizing:border-box}.pdp-product__overlay__carousel img{width:100%;height:100%;object-fit:contain}.pdp-carousel__controls__container--thumbnailsRow img,.pdp-carousel__controls__container--thumbnailsColumn img{object-fit:cover}.pdp-product__quantity,.pdp-product__buttons{grid-column:1 / span 4}@media only screen and (min-width: 1024px){.pdp-product__breadcrumbs{grid-column:2 / -2}.pdp-product{grid-template-columns:repeat(var(--grid-3-columns),1fr);grid-column-gap:var(--grid-3-gutters);margin:0 var(--grid-3-margins);position:relative}.pdp-product__column-container{position:relative;display:flex;flex-direction:column}.pdp-product__column-body{position:sticky;bottom:30%;align-self:flex-end}.pdp-product__gallery-column{display:block;grid-column:2 / span 6}.pdp-product__content-column{grid-column:8 / span 4;padding-top:var(--spacing-medium)}.pdp-product__images--carousel{display:none}.pdp-product__header{margin-bottom:var(--spacing-small)}.pdp-product__actions{grid-template-columns:repeat(var(--grid-1-columns),1fr);grid-column-gap:var(--grid-1-gutters);grid-row-gap:var(--spacing-xxbig);margin-top:var(--spacing-xxbig)}.pdp-product__quantity{grid-column:1 / span 2;width:fit-content}.pdp-product__actions--out-of-stock{grid-template-columns:repeat(var(--grid-1-columns),1fr);grid-column-gap:var(--grid-1-gutters);grid-row-gap:var(--spacing-xxbig);margin-top:var(--spacing-small)}.pdp-product__buttons{grid-column:1 / span 4}.pdp-product__out-of-stock__text{grid-column:1 / span 2}.pdp-product__gallery-content,.pdp-product__content{grid-column:2 / span 6}}.pdp-gallery-grid{display:grid;grid-gap:var(--gap);grid-template-columns:repeat(1,1fr);grid-auto-rows:max-content}.pdp-gallery-grid__item>*{height:100%;max-width:100%;min-width:100%;vertical-align:middle;width:100%;object-fit:contain}.pdp-gallery-grid__item:only-child{grid-column:1 / span 2}.pdp-gallery-grid__item:first-child:nth-last-child(2){grid-column:1 / span 2;grid-row:1}.pdp-gallery-grid__item:nth-child(2):last-child{grid-column:1 / 3;grid-row:2}@media only screen and (min-width: 1024px){.pdp-gallery-grid{grid-template-columns:repeat(2,1fr)}}.pdp-price-range .dropin-price{letter-spacing:var(--type-headline-2-strong-letter-spacing);font:var(--type-headline-2-strong-font)}.pdp-price-range__label{font:var(--type-headline-2-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing);margin-left:5px;margin-right:5px}.pdp-overlay{position:fixed;top:0;left:0;z-index:1000;right:0;bottom:0;background-color:var(--color-neutral-50);display:flex;padding:var(--spacing-medium)}.pdp-overlay--centered{align-items:center;justify-content:center}.pdp-overlay__content{display:flex;height:100%;width:100%}.pdp-overlay__close-button{position:absolute;top:var(--spacing-medium);right:var(--spacing-medium);z-index:1001}.pdp-swatches{display:grid;grid-auto-flow:row;grid-gap:var(--grid-1-gutters);grid-auto-rows:max-content;position:relative;z-index:0}.pdp-swatches__field{display:grid;font:var(--type-body-2-strong-font);grid-auto-rows:max-content;gap:var(--spacing-xsmall)}.pdp-swatches__field__label{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);color:var(--color-neutral-800)}.pdp-swatches__options{display:flex;flex-wrap:wrap;gap:var(--spacing-xsmall)}.pdp-zoom{cursor:zoom-in;overflow:hidden;margin:0;position:relative}.pdp-zoom img{height:100%;max-width:100%;min-width:100%;object-fit:contain;position:relative;transition:transform .2s;transform:var(--transform);vertical-align:middle;width:100%}.pdp-zoom .pdp-zoom__close-button{background-color:var(--color-neutral-50);border-radius:50%;position:absolute;right:var(--spacing-small);top:var(--spacing-small)}.pdp-zoom.pdp-zoom--zoomed{cursor:zoom-out}.pdp-zoom.pdp-zoom--no-effects{cursor:default}@media only screen and (max-width: 768px){.pdp-zoom img{display:block;width:100%;height:100%;transition:transform .2s;transform:var(--transform)}}.pdp-header{display:grid;grid-auto-rows:max-content}.pdp-header__title{font:var(--type-display-3-font);letter-spacing:var(--type-display-3-letter-spacing);margin:0}.pdp-header__sku{font:var(--type-body-1-default-font);max-width:600px}.pdp-price{display:flex;gap:var(--spacing-xsmall);margin-top:var(--spacing-medium)}.pdp-price__amount,.pdp-price__amount-special{font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing)}.pdp-price__amount--grey{color:var(--color-neutral-500)}",{styleId:"PDP"});
+import{jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import{deepmerge as c,Render as u}from"@dropins/tools/lib.js";import{useState as m,useEffect as f}from"@dropins/tools/preact-hooks.js";import{UIProvider as b}from"@dropins/tools/components.js";import{events as d}from"@dropins/tools/event-bus.js";import{c as g}from"./chunks/isProductConfigurationValid.js";import"@dropins/tools/fetch-graphql.js";import"./chunks/getProductConfigurationValues.js";const C={Product:{Incrementer:{label:"Item Quantity"},OutOfStock:{label:"Out of Stock"},AddToCart:{label:"Add to Cart"},Details:{label:"Details"},RegularPrice:{label:"Regular Price"},SpecialPrice:{label:"Special Price"},PriceRange:{From:{label:"From"},To:{label:"to"}},Image:{label:"{product} Image {key} of {total}"}},Swatches:{Required:{label:"Required"},ChooseOption:{label:"Choose an option"}},Carousel:{label:"Carousel",Next:{label:"Next"},Previous:{label:"Previous"},Slide:{label:"Slide"},Controls:{label:"Carousel Controls",Button:{label:"Show slide {key} of {total}"}}},Overlay:{Close:{label:"Close"}},Zoom:{Close:{label:"Close"}}},p={quantityLabel:"Quantity"},P={PDP:C,Custom:p},S={default:P},D=({children:a})=>{var t;const[e,i]=m(),n=(t=g.getConfig())==null?void 0:t.langDefinitions;f(()=>{const o=d.on("locale",l=>{l!==e&&i(l)},{eager:!0});return()=>{o==null||o.off()}},[e]);const s=c(S,n??{});return r(b,{lang:e,langDefinitions:s,children:a})},q=new u(r(D,{}));export{q as render};
diff --git a/scripts/commerce.js b/scripts/commerce.js
index 08da9a8d20..f7fb59f30f 100644
--- a/scripts/commerce.js
+++ b/scripts/commerce.js
@@ -19,138 +19,6 @@ export const priceFieldsFragment = `fragment priceFields on ProductViewPrice {
   }
 }`;
 
-/* Queries PDP */
-export const refineProductQuery = `query RefineProductQuery($sku: String!, $variantIds: [String!]!) {
-  refineProduct(
-    sku: $sku,
-    optionIds: $variantIds
-  ) {
-    images(roles: []) {
-      url
-      roles
-      label
-    }
-    ... on SimpleProductView {
-      price {
-        ...priceFields
-      }
-    }
-    addToCartAllowed
-  }
-}
-${priceFieldsFragment}`;
-
-export const productDetailQuery = `query ProductQuery($sku: String!) {
-  products(skus: [$sku]) {
-    __typename
-    id
-    externalId
-    sku
-    name
-    description
-    shortDescription
-    url
-    urlKey
-    inStock
-    metaTitle
-    metaKeyword
-    metaDescription
-    addToCartAllowed
-    images(roles: []) {
-      url
-      label
-      roles
-    }
-    attributes(roles: []) {
-      name
-      label
-      value
-      roles
-    }
-    ... on SimpleProductView {
-      price {
-        ...priceFields
-      }
-    }
-    ... on ComplexProductView {
-      options {
-        id
-        title
-        required
-        values {
-          id
-          title
-          inStock
-          __typename
-          ...on ProductViewOptionValueSwatch {
-            type
-            value
-          }
-          ... on ProductViewOptionValueProduct {
-            title
-            quantity
-            isDefault
-            product {
-              sku
-              shortDescription
-              metaDescription
-              metaKeyword
-              metaTitle
-              name
-              price {
-                final {
-                  amount {
-                    value
-                    currency
-                  }
-                }
-                regular {
-                  amount {
-                    value
-                    currency
-                  }
-                }
-                roles
-              }
-            }
-          }
-        }
-      }
-      priceRange {
-        maximum {
-          ...priceFields
-        }
-        minimum {
-          ...priceFields
-        }
-      }
-    }
-  }
-}
-${priceFieldsFragment}`;
-
-export const variantsQuery = `
-query($sku: String!) {
-  variants(sku: $sku) {
-    variants {
-      product {
-        sku
-        name
-        inStock
-        images(roles: ["image"]) {
-          url
-        }
-        ...on SimpleProductView {
-          price {
-            final { amount { currency value } }
-          }
-        }
-      }
-    }
-  }
-}
-`;
-
 export async function commerceEndpointWithQueryParams() {
   // Set Query Parameters so they can be appended to the endpoint
   const urlWithQueryParams = new URL(await getConfigValue('commerce-endpoint'));
@@ -284,22 +152,8 @@ export function getSkuFromUrl() {
   return result?.[1];
 }
 
-const productsCache = {};
-export async function getProduct(sku) {
-  if (productsCache[sku]) {
-    return productsCache[sku];
-  }
-  const rawProductPromise = performCatalogServiceQuery(productDetailQuery, { sku });
-  const productPromise = rawProductPromise.then((productData) => {
-    if (!productData?.products?.[0]) {
-      return null;
-    }
-
-    return productData?.products?.[0];
-  });
-
-  productsCache[sku] = productPromise;
-  return productPromise;
+export function getOptionsUIDsFromUrl() {
+  return new URLSearchParams(window.location.search).get('optionsUIDs')?.split(',');
 }
 
 export async function trackHistory() {
diff --git a/scripts/initializers/pdp.js b/scripts/initializers/pdp.js
index 97921023c1..016c593cb3 100644
--- a/scripts/initializers/pdp.js
+++ b/scripts/initializers/pdp.js
@@ -1,10 +1,24 @@
+/* eslint-disable import/prefer-default-export */
+/* eslint import/no-cycle: [2, { maxDepth: 1 }] */
+
 import { initializers } from '@dropins/tools/initializer.js';
-import { initialize, setEndpoint, setFetchGraphQlHeaders } from '@dropins/storefront-pdp/api.js';
+import { Image, provider as UI } from '@dropins/tools/components.js';
+import {
+  initialize,
+  setEndpoint,
+  setFetchGraphQlHeaders,
+  fetchProductData,
+} from '@dropins/storefront-pdp/api.js';
 import { initializeDropin } from './index.js';
-import { commerceEndpointWithQueryParams, getProduct, getSkuFromUrl } from '../commerce.js';
+import { commerceEndpointWithQueryParams, getOptionsUIDsFromUrl, getSkuFromUrl } from '../commerce.js';
 import { getConfigValue } from '../configs.js';
 import { fetchPlaceholders } from '../aem.js';
 
+export const IMAGES_SIZES = {
+  width: 960,
+  height: 1191,
+};
+
 await initializeDropin(async () => {
   // Set Fetch Endpoint (Service)
   setEndpoint(await commerceEndpointWithQueryParams());
@@ -16,10 +30,10 @@ await initializeDropin(async () => {
   });
 
   const sku = getSkuFromUrl();
-  window.getProductPromise = getProduct(sku);
+  const optionsUIDs = getOptionsUIDsFromUrl();
 
   const [product, labels] = await Promise.all([
-    window.getProductPromise,
+    fetchProductData(sku, { optionsUIDs, skipTransform: true }).then(preloadImageMiddleware),
     fetchPlaceholders(),
   ]);
 
@@ -36,8 +50,28 @@ await initializeDropin(async () => {
   };
 
   // Initialize Dropins
-  return initializers.mountImmediately(initialize, {
+  await initializers.mountImmediately(initialize, {
+    sku,
+    optionsUIDs,
     langDefinitions,
     models,
+    acdl: true,
+    persistURLParams: true,
   });
 })();
+
+async function preloadImageMiddleware(data) {
+  const image = data?.images?.[0]?.url?.replace(/^https?:/, '');
+
+  if (image) {
+    await UI.render(Image, {
+      src: image,
+      ...IMAGES_SIZES.mobile,
+      params: {
+        ...IMAGES_SIZES,
+      },
+      loading: 'eager',
+    })(document.createElement('div'));
+  }
+  return data;
+}
diff --git a/scripts/scripts.js b/scripts/scripts.js
index 66a7549974..50649acffa 100644
--- a/scripts/scripts.js
+++ b/scripts/scripts.js
@@ -1,3 +1,4 @@
+/* eslint-disable no-underscore-dangle */
 /* eslint-disable import/no-cycle */
 import { events } from '@dropins/tools/event-bus.js';
 import {
@@ -20,7 +21,7 @@ import {
   loadCSS,
   sampleRUM,
 } from './aem.js';
-import { getProduct, getSkuFromUrl, trackHistory } from './commerce.js';
+import { trackHistory } from './commerce.js';
 import initializeDropins from './initializers/index.js';
 
 const AUDIENCES = {
@@ -184,24 +185,21 @@ async function loadEager(doc) {
   let pageType = 'CMS';
   if (document.body.querySelector('main .product-details')) {
     pageType = 'Product';
-    preloadFile('/scripts/initializers/pdp.js', 'script');
-    preloadFile('/scripts/__dropins__/storefront-pdp/containers/ProductDetails.js', 'script');
+
+    // initialize pdp
+    import('./initializers/pdp.js');
+
+    // Preload PDP Dropins assets
     preloadFile('/scripts/__dropins__/storefront-pdp/api.js', 'script');
     preloadFile('/scripts/__dropins__/storefront-pdp/render.js', 'script');
-    preloadFile('/scripts/__dropins__/storefront-pdp/chunks/initialize.js', 'script');
-    preloadFile('/scripts/__dropins__/storefront-pdp/chunks/getRefinedProduct.js', 'script');
-  } else if (document.body.querySelector('main .product-details-custom')) {
-    pageType = 'Product';
-    preloadFile('/scripts/preact.js', 'script');
-    preloadFile('/scripts/htm.js', 'script');
-    preloadFile('/blocks/product-details-custom/ProductDetailsCarousel.js', 'script');
-    preloadFile('/blocks/product-details-custom/ProductDetailsSidebar.js', 'script');
-    preloadFile('/blocks/product-details-custom/ProductDetailsShimmer.js', 'script');
-    preloadFile('/blocks/product-details-custom/Icon.js', 'script');
-
-    const blockConfig = readBlockConfig(document.body.querySelector('main .product-details-custom'));
-    const sku = getSkuFromUrl() || blockConfig.sku;
-    window.getProductPromise = getProduct(sku);
+    preloadFile('/scripts/__dropins__/storefront-pdp/containers/ProductHeader.js', 'script');
+    preloadFile('/scripts/__dropins__/storefront-pdp/containers/ProductPrice.js', 'script');
+    preloadFile('/scripts/__dropins__/storefront-pdp/containers/ProductShortDescription.js', 'script');
+    preloadFile('/scripts/__dropins__/storefront-pdp/containers/ProductOptions.js', 'script');
+    preloadFile('/scripts/__dropins__/storefront-pdp/containers/ProductQuantity.js', 'script');
+    preloadFile('/scripts/__dropins__/storefront-pdp/containers/ProductDescription.js', 'script');
+    preloadFile('/scripts/__dropins__/storefront-pdp/containers/ProductAttributes.js', 'script');
+    preloadFile('/scripts/__dropins__/storefront-pdp/containers/ProductGallery.js', 'script');
   } else if (document.body.querySelector('main .product-list-page')) {
     pageType = 'Category';
     preloadFile('/scripts/widgets/search.js', 'script');