@gem-sdk/components 2.1.26 → 2.1.27-staging.1

package/dist/esm/product/components/ProductVariants/variants/DropdownGroup.liquid.js

@@ -1,7 +1,7 @@
 import { makeStyleResponsive, makeWidth, composeTypographyClassName, composeTypographyStyle, template, cls, handleConvertClassColor, getGlobalColorStateClass, getStyleShadowState, makeStyle, getGlobalColorStateStyle, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertBorderColor, composeRadius, getSingleColorVariable } from '@gem-sdk/core';
-import { getStaticLocale } from '../../../../helpers.js';
+import { renderBlankOption, renderCombineVariants } from './combine/index.js';
 
-const DropdownVariant = ({ price, blankText, optionTypography, optionBgColor, optionTextColor, optionRounded, optionShadow, optionHasShadow, optionBorder, optionTransform, hasPreSelected, optionTypo, combineWidth, combineHeight, soldOutStyle })=>{
+const DropdownVariant = ({ price: hasPrice, blankText, optionTypography, optionBgColor, optionTextColor, optionRounded, optionShadow, optionHasShadow, optionBorder, optionTransform, hasPreSelected, optionTypo, combineWidth, combineHeight, soldOutStyle })=>{
     const swatchWidthResponsive = makeStyleResponsive('w', makeWidth(combineWidth));
     const getCustomCSSActiveState = ()=>{
         return makeStyle({
@@ -23,7 +23,6 @@ const DropdownVariant = ({ price, blankText, optionTypography, optionBgColor, op
     option-data="{{option.name}}"
     option-type="{{optionType}}"
     class="${cls('gp-truncate gp-bg-auto gp-pl-4 gp-pr-6 gp-outline-none dropdown-option-item', handleConvertClassColor(optionBorder), appendTypoClass, getGlobalColorStateClass('text', optionTextColor), getGlobalColorStateClass('bg', optionBgColor), 'gp-outline-none', 'gp-shadow-none')}"
- 
     style="${{
         ...getStyleShadowState(optionShadow, 'box-shadow', optionHasShadow),
         ...getCustomCSSActiveState(),
@@ -45,40 +44,8 @@ const DropdownVariant = ({ price, blankText, optionTypography, optionBgColor, op
         'background-position': 'right 16px center'
     }}"
   >
-  ${!hasPreSelected ? `<option value="blank" selected>${blankText || getStaticLocale('ProductVariants', 'please_select')}</option>` : ''}
-  ${`{%- for variantItem in variants -%}
-      ${isSoldOutMark ? `{%- if variantItem.available == false -%} 
-              {%- if variantItem.id == variant.id -%}
-                    <option origin-price="{{variantItem.price}}" disabled ${!hasPreSelected ? '' : 'selected'} value="{{variantItem.id}}" key="{{variantItem.id}}">
-                    {{variantItem.title}} ${price ? '- {{variantItem.price | money}}' : ''} 
-                    </option>
-              {% else %}
-                    <option origin-price="{{variantItem.price}}" disabled value="{{variantItem.id}}" key="{{variantItem.id}}">
-                    {{variantItem.title}} ${price ? '- {{variantItem.price | money}}' : ''}
-                    </option>
-              {%- endif -%}
-            {%- else -%} 
-            {%- if variantItem.id == variant.id -%}
-                <option origin-price="{{variantItem.price}}" ${!hasPreSelected ? '' : 'selected'} value="{{variantItem.id}}" key="{{variantItem.id}}">
-                {{variantItem.title}} ${price ? '- {{variantItem.price | money}}' : ''} 
-                </option>
-            {% else %}
-                <option origin-price="{{variantItem.price}}" value="{{variantItem.id}}" key="{{variantItem.id}}">
-                {{variantItem.title}} ${price ? '- {{variantItem.price | money}}' : ''}
-                </option>
-            {%- endif -%}
-            {%- endif -%}` : `{%- if variantItem.id == variant.id -%}
-                <option origin-price="{{variantItem.price}}" ${!hasPreSelected ? '' : 'selected'} value="{{variantItem.id}}" key="{{variantItem.id}}">
-                {{variantItem.title}} ${price ? '- {{variantItem.price | money}}' : ''}
-                </option>
-              {% else %}
-                  <option origin-price="{{variantItem.price}}" value="{{variantItem.id}}" key="{{variantItem.id}}">
-                  {{variantItem.title}} ${price ? '- {{variantItem.price | money}}' : ''}
-                  </option>
-              {%- endif -%}`}
-       
-      {%- endfor -%}
-    `}
+  ${renderBlankOption(hasPreSelected, blankText)}
+  ${renderCombineVariants(isSoldOutMark, hasPreSelected, hasPrice)}
   </select>
     `;
 };

package/dist/esm/product/components/ProductVariants/variants/combine/index.js

@@ -0,0 +1,44 @@
+import { getStaticLocale } from '../../../../../helpers.js';
+
+const renderCombineVariants = (isSoldOutMark, hasPreSelected, enablePrice)=>{
+    const hasPrice = enablePrice ? '- {{variantItem.price | money}}' : '';
+    const optionAttrs = 'origin-price="{{variantItem.price}}" value="{{variantItem.id}}" key="{{variantItem.id}}"';
+    return `${`{%- for variantItem in variants -%}
+    ${isSoldOutMark ? `{%- if variantItem.available == false -%} 
+            {%- if variantItem.id == variant.id -%}
+                  <option origin-price="{{variantItem.price}}" disabled ${hasPreSelected ? 'selected' : ''} value="{{variantItem.id}}" key="{{variantItem.id}}">
+                  {{variantItem.title}} ${hasPrice} : ''} 
+                  </option>
+            {% else %}
+                  <option ${optionAttrs} disabled>
+                  {{variantItem.title}} ${hasPrice}
+                  </option>
+            {%- endif -%}
+          {%- else -%} 
+          {%- if variantItem.id == variant.id -%}
+              <option origin-price="{{variantItem.price}}" ${hasPreSelected ? 'selected' : ''} value="{{variantItem.id}}" key="{{variantItem.id}}">
+              {{variantItem.title}} ${hasPrice} 
+              </option>
+          {% else %}
+              <option ${optionAttrs}>
+              {{variantItem.title}} ${hasPrice}
+              </option>
+          {%- endif -%}
+          {%- endif -%}` : `{%- if variantItem.id == variant.id -%}
+              <option origin-price="{{variantItem.price}}" ${hasPreSelected ? 'selected' : ''} value="{{variantItem.id}}" key="{{variantItem.id}}">
+              {{variantItem.title}} ${hasPrice}
+              </option>
+            {% else %}
+                <option ${optionAttrs}>
+                {{variantItem.title}} ${hasPrice}
+                </option>
+            {%- endif -%}`}
+     
+    {%- endfor -%}
+  `}`;
+};
+const renderBlankOption = (hasPreSelected, blankText)=>{
+    return !hasPreSelected ? `<option value="blank" selected>${blankText || getStaticLocale('ProductVariants', 'please_select')}</option>` : '';
+};
+
+export { renderBlankOption, renderCombineVariants };

package/dist/esm/stock-counter/components/StockCounter.liquid.js

@@ -1,7 +1,7 @@
 import { composeMemo, composeTypographyV2, composeTypography, genVariable, getShortName, composeTypographyClassName, composeTypographyStyle, template, makeStyleResponsive, makeWidth, makeStyle, getSingleColorVariable, RenderIf, cls, isLocalEnv, baseAssetURL } from '@gem-sdk/core';
 import { CONTINUE_SELLING_WHEN_OUT_OF_STOCK } from '../const.js';
-import { convertSizeToWidth, transformHighlighTag, transformNumberTag } from '../helpers.js';
-import { getDynamicSourceLocales, getSettingPreloadData, getStaticLocale } from '../../helpers.js';
+import { convertSizeToWidth } from '../helpers.js';
+import { getDynamicSourceLocales, getSettingPreloadData } from '../../helpers.js';
 
 const StockCounter = ({ setting, styles, style, advanced, builderProps, pageContext })=>{
     const { fullWidth, width, alignment, typography, typo, color, iconColor, textColor, displayProgressBar, progressBarHeight, roundedBorder, effect } = styles ?? {};
@@ -37,7 +37,8 @@ const StockCounter = ({ setting, styles, style, advanced, builderProps, pageCont
         uid: builderProps?.uid,
         settingId: 'template',
         pageContext,
-        translate
+        translate,
+        isReplaceInventoryQuantity: true
     });
     const outOfStockMessageDisplay = getDynamicSourceLocales({
         val: outOfStockMessage,
@@ -100,10 +101,6 @@ const StockCounter = ({ setting, styles, style, advanced, builderProps, pageCont
     data-id="${builderProps?.uid}"
     data-visible="{{ should_display }}"
     data-policy='{{ variant_policy_list }}'
-    data-template="${templateStringDisplay}"
-    data-out-of-stock-message="${outOfStockMessageDisplay}"
-    data-continue-selling="${continueSellingDisplay}"
-    data-unlimited-quantity-message="${unlimitedQuantityMessageDisplay}"
     gp-setting='${JSON.stringify({
         displayByDefault,
         displayProgressBar,
@@ -143,19 +140,25 @@ const StockCounter = ({ setting, styles, style, advanced, builderProps, pageCont
           >
           ${icon}</div>
             `)}
+            <div class="gp-hidden gp-text-white gp-py-1 gp-px-2 gp-mr-1 gp-inline-block gp-my-[1px] gp-text-g-${mainColor} gp-bg-g-${mainColor}" >
+              <div id="template">${templateStringDisplay}</div>
+              <div id="out-of-stock-message">${outOfStockMessageDisplay}</div>
+              <div id="continue-selling">${continueSellingDisplay}</div>
+              <div id="unlimited-quantity-message">${unlimitedQuantityMessageDisplay}</div>
+            </div>
             <p
               data-slot-type="message"
               class="${appendTypoClass} gp-stock-counter-mark"
               style="${appendTypoStyle}"
             >
               {% if inventory_management == null and inventory_quantity <= 0 %}
-                ${transformHighlighTag(unlimitedQuantityMessageDisplay ?? getStaticLocale('StockCounter', 'let_buy_now'), mainColor)}
+                ${unlimitedQuantityMessageDisplay}
               {% elsif available == false %}
-                ${transformHighlighTag(outOfStockMessageDisplay || '', mainColor)}
+                ${outOfStockMessageDisplay}
               {% elsif available and inventory_policy == '${CONTINUE_SELLING_WHEN_OUT_OF_STOCK.toLowerCase()}' and inventory_quantity <= 0 %}
-                ${transformHighlighTag(continueSellingDisplay || '', mainColor)}
+                ${continueSellingDisplay}
               {% else %}
-                ${transformHighlighTag(transformNumberTag(templateStringDisplay || '', mainColor, `{{ inventory_quantity }}`), mainColor)}
+                ${templateStringDisplay}
               {% endif %}
             </p>
           </div>

package/dist/esm/stock-counter/helpers.js

@@ -26,12 +26,15 @@ const transformNumberTag = (template, stringColor, quantityLeft)=>{
     let quantityTag = '';
     // Is hex color
     if (stringColor.includes('#')) {
-        quantityTag = `<span style='--c: ${stringColor}'>$quantity$</span>`;
+        quantityTag = `<span style='--c: ${stringColor}'><$quantity$></span>`;
     } else {
         // Is global style color
-        quantityTag = `<span class='gp-text-g-${stringColor}'>$quantity$</span>`;
+        quantityTag = `<span class='gp-text-g-${stringColor}'><$quantity$></span>`;
     }
-    return template.replaceAll(DEFAULT_QUANTITY_TEMPLATE, quantityTag.replace('$quantity$', quantityLeft.toString()));
+    if (quantityLeft) {
+        quantityTag = quantityTag.replace('<$quantity$>', quantityLeft.toString());
+    }
+    return template.replaceAll(DEFAULT_QUANTITY_TEMPLATE, quantityTag);
 };
 const convertSizeToWidth = (typographyVar)=>{
     const widthObject = {};

package/dist/esm/tab/hooks/useTabInteraction.js

@@ -1,20 +1,19 @@
 import { useInteraction, useEditorMode } from '@gem-sdk/core';
-import { useState, useEffect } from 'react';
+import { useEffect } from 'react';
 
 const useTabInteraction = ({ activeKey, setActiveKey, activeTab, refContainer, componentUid })=>{
-    const [previousTab, setPreviousTab] = useState(activeKey || 1);
-    const { trigger, onListener, interactionListenerLoaded } = useInteraction();
+    const { trigger, onListener, interactionListenerLoaded, saveToElementInteractionData, findElementIncludingSelf } = useInteraction();
     const mode = useEditorMode();
     const changeOpenTabInteraction = (params)=>{
-        const { data, isRollback } = params || {};
-        if (data === undefined && isRollback === undefined) return;
+        const { data, isRollback, element, key } = params || {};
+        if (data === undefined && isRollback) return;
+        const newData = Number(data) + 1;
         if (isRollback) {
-            setActiveKey(previousTab);
-            setPreviousTab(activeTab);
+            setActiveKey(newData);
             return;
         }
-        setPreviousTab(activeTab);
-        setActiveKey(data + 1);
+        saveToElementInteractionData(element, key, String(activeKey));
+        setActiveKey(newData);
     };
     const dispatchEventTabActive = (index)=>{
         trigger({
@@ -35,11 +34,16 @@ const useTabInteraction = ({ activeKey, setActiveKey, activeTab, refContainer, c
             dispatchEventTabActive(activeTab - 1);
         });
         const selector = `[data-id="${componentUid}"]`;
+        const element = findElementIncludingSelf(document, selector);
         const removeListener = onListener({
             event: 'gp:change-open-tab',
             selector
         }, (params)=>{
-            changeOpenTabInteraction(params);
+            changeOpenTabInteraction({
+                ...params,
+                element,
+                key: params?.uniqueStorageKey
+            });
         });
         return ()=>{
             removeListener?.();

package/dist/esm/text/components/Text.js

@@ -5,7 +5,6 @@ import { forwardRef, useMemo } from 'react';
 const Text = /*#__PURE__*/ forwardRef(({ styles, builderAttrs, style, setting, advanced, builderProps, className, children, ...props }, ref)=>{
     const { text, htmlTag: Element = 'div', options, tagWidth, excludeFlex } = setting ?? {};
     const composeGlobalSize = makeGlobalSize(setting?.globalSize);
-    console.log('Text: ', text);
     const mode = useEditorMode();
     const getPlaceHolderWhenContentNone = ()=>{
         let classList = '';

package/dist/esm/video/components/HTML5Embed.js

@@ -47,14 +47,14 @@ const HTML5Embed = (props)=>{
             }),
             props.thumbnail && showThumbnail && /*#__PURE__*/ jsxs("div", {
                 role: "presentation",
-                className: "gp-absolute gp-top-0 gp-left-0  gp-w-full",
+                className: "gp-absolute gp-top-0 gp-left-0  gp-w-full gp-h-full",
                 onClick: playVideoAndTurnOffThumbnail,
                 style: props.style,
                 children: [
                     /*#__PURE__*/ jsx("img", {
                         id: "video-thumbnail",
                         src: props.thumbnail,
-                        className: "gp-w-full gp-h-full gp-object-cover gp-thumbnail-video",
+                        className: "gp-w-full gp-h-full gp-object-contain gp-thumbnail-video",
                         alt: "Video Thumbnail"
                     }),
                     /*#__PURE__*/ jsx("button", {

package/dist/esm/video/components/HTML5Embed.liquid.js

@@ -3,6 +3,7 @@ import NextImage from '../../image/components/NextImage.liquid.js';
 import { getSettingPreloadData } from '../../helpers.js';
 
 const HTML5Embed = (props)=>{
+    const { enableLazyLoadImage, pageContext } = props;
     const videoId = `gp-video-${props.uid}`;
     const preloadThumbnail = props.autoplay && props.thumbnail;
     const offLazyVideo = !props.lazy && props.isVideoComponent;
@@ -19,7 +20,9 @@ const HTML5Embed = (props)=>{
                 '--op': 0,
                 '--z': -1,
                 display: 'none'
-            }
+            },
+            enableLazyLoadImage,
+            pageContext
         })}
     ${RenderIf(props.autoplay, `<script>
         document.addEventListener("DOMContentLoaded", (event) => {
@@ -68,14 +71,14 @@ const HTML5Embed = (props)=>{
   </video>
     <div
           style="${props.style}"
-           class="${cls('gp-absolute gp-top-0 gp-left-0  gp-w-full gp-thumbnail-video', {
+           class="${cls('gp-absolute gp-top-0 gp-left-0  gp-w-full gp-h-full gp-thumbnail-video', {
         'gp-hidden': !props.thumbnail || props.autoplay
     })}"
         >
           <img
             id="video-thumbnail"
             src="${props.thumbnail ?? ''}"
-            class="gp-w-full gp-h-full gp-object-cover"
+            class="gp-w-full gp-h-full gp-object-contain"
             alt="Video Thumbnail"
           ></img>
           <button

package/dist/esm/video/components/LiteYouTubeEmbed.liquid.js

@@ -3,7 +3,7 @@ import NextImage from '../../image/components/NextImage.liquid.js';
 import { getSettingPreloadData } from '../../helpers.js';
 
 const LiteYouTubeEmbed = (props)=>{
-    const { style, lazy, preload } = props;
+    const { style, lazy, preload, enableLazyLoadImage, pageContext } = props;
     const videoUid = `gp-video-${props.uid}`;
     const videoId = encodeURIComponent(props.id);
     const videoTitle = props.title;
@@ -38,7 +38,7 @@ const LiteYouTubeEmbed = (props)=>{
         data-title="${videoTitle}"
         style="${{
         ...makeStyleResponsive('bgi', {
-            desktop: preload ? `url('${posterUrl}')` : `url('${imagePlaceholder}')`
+            desktop: preload || !enableLazyLoadImage ? `url('${posterUrl}')` : `url('${imagePlaceholder}')`
         }),
         ...style
     }}"
@@ -48,7 +48,9 @@ const LiteYouTubeEmbed = (props)=>{
         src: posterUrl,
         alt: 'Poster',
         className: `gp-invisible gp-w-full gp-h-full gp_lazyforbg`,
-        isDisableAspectStyle: true
+        isDisableAspectStyle: true,
+        enableLazyLoadImage,
+        pageContext
     })}
         <button
           type="button"

package/dist/types/index.d.ts

@@ -447,6 +447,7 @@ type ImageSetting$1 = Pick<NextImageProps, 'priority' | 'quality' | 'vw'> & Pick
     };
     hoverEffect?: string;
     isNotLazyload?: boolean;
+    disableNoDataState?: boolean;
 } & Pick<AdaptiveImageProps, 'srcSet'>;
 type ImageStyleSetting$1 = {
     shape?: ObjectDevices<SizeSettingGlobal>;
@@ -1360,6 +1361,12 @@ type ProductSetting = {
         initialVariantId?: string;
         initialVariantBaseId?: string;
         productHandle?: string;
+        selectedOptions?: {
+            name: string;
+            value: string;
+            optionType: string;
+            valueBaseID: string;
+        }[];
     };
     discountType?: 'PERCENTAGE' | 'FIXED_AMOUNT';
     discountValue?: number;
@@ -3955,6 +3962,7 @@ type ImageComparisonStyle = {
 } & Pick<SharedProps, 'aspectRatio'>;
 type ImageComparisonProps = BaseProps & {
     className?: string;
+    enableLazyLoadImage?: boolean;
     pageContext?: PageContext;
 } & BasePropsWrap<ImageComparisonSetting, ImageComparisonStyle>;
 declare const ImageComparison$1: React.FC<ImageComparisonProps>;
@@ -5591,6 +5599,12 @@ declare const Product: ({ children, setting, styles, style, builderProps, rawChi
         initialVariantId?: string | undefined;
         initialVariantBaseId?: string | undefined;
         productHandle?: string | undefined;
+        selectedOptions?: {
+            name: string;
+            value: string;
+            optionType: string;
+            valueBaseID: string;
+        }[] | undefined;
     } | undefined;
     discountType?: "FIXED_AMOUNT" | "PERCENTAGE" | undefined;
     discountValue?: number | undefined;
@@ -5730,7 +5744,7 @@ type PropTypes = ProductImagesProps$1 & React.ComponentPropsWithoutRef<'div'> &
     children?: any;
 } & {
     pageContext?: PageContext;
-    enableLazyloadImage?: boolean;
+    enableLazyLoadImage?: boolean;
 };
 declare const ProductImages: (productImageProps: PropTypes) => string;
 
@@ -6066,7 +6080,7 @@ declare const CarouselItem: ({ children, builderAttrs, styles, advanced, setting
     background?: Partial<Record<NameDevices, Background>> | undefined;
 }) => string;
 
-declare const Carousel: ({ builderAttrs, builderProps, style, styles, moveToIdx, rootId, rootAttr, rootClass, wrapperClass, rootStyles, children, rawChildren, isHiddenArrowWhenDisabled, advanced, disableMarginAuto, conditionAppendJs, ...props }: _gem_sdk_core.BaseProps<CarouselSettings, CarouselStyles, Record<string, any>> & {
+declare const Carousel: ({ builderAttrs, builderProps, style, styles, moveToIdx, rootId, rootAttr, rootClass, wrapperClass, rootStyles, children, rawChildren, isHiddenArrowWhenDisabled, advanced, disableMarginAuto, conditionAppendJs, ftShapeProductImage, ...props }: _gem_sdk_core.BaseProps<CarouselSettings, CarouselStyles, Record<string, any>> & {
     builderAttrs?: Record<string, any> | undefined;
     style?: React.CSSProperties | undefined;
 } & {
@@ -6098,6 +6112,7 @@ declare const Carousel: ({ builderAttrs, builderProps, style, styles, moveToIdx,
     disableMarginAuto?: boolean | undefined;
     slidesClass?: string | undefined;
     conditionAppendJs?: string | undefined;
+    ftShapeProductImage?: Partial<Record<NameDevices, SizeSettingGlobal>> | undefined;
 }) => string;
 
 type LineProps = {
@@ -6225,7 +6240,7 @@ type CountdownLiquidProps = BaseProps<{
 };
 declare const Countdown: ({ builderProps, setting, styles, advanced, pageContext, }: CountdownLiquidProps) => string;
 
-declare const Image: ({ styles, className, setting, builderAttrs, builderProps, style, advanced, enableLazyloadImage, }: {
+declare const Image: ({ styles, className, setting, builderAttrs, builderProps, style, advanced, enableLazyLoadImage, pageContext, }: {
     className?: string | undefined;
     children?: React.ReactNode;
     onClick?: React.MouseEventHandler<any> | undefined;
@@ -6262,6 +6277,7 @@ declare const Image: ({ styles, className, setting, builderAttrs, builderProps,
     } | undefined;
     hoverEffect?: string | undefined;
     isNotLazyload?: boolean | undefined;
+    disableNoDataState?: boolean | undefined;
 } & Pick<AdaptiveImageProps, "srcSet">, {
     shape?: Partial<Record<_gem_sdk_core.NameDevices, _gem_sdk_core.SizeSettingGlobal>> | undefined;
     customAspectRadio?: Partial<Record<_gem_sdk_core.NameDevices, _gem_sdk_core.Ratio>> | undefined;
@@ -6284,7 +6300,8 @@ declare const Image: ({ styles, className, setting, builderAttrs, builderProps,
 } & {
     advanced?: any;
 } & {
-    enableLazyloadImage?: boolean | undefined;
+    enableLazyLoadImage?: boolean | undefined;
+    pageContext?: PageContext | undefined;
 }) => string;
 
 type VideoProps = {} & BasePropsWrap<{
@@ -6349,7 +6366,7 @@ declare const TabItem: ({ children, builderAttrs, style, className, parentUid }:
     parentUid?: string | undefined;
 }) => string;
 
-declare const HeroBanner: ({ builderAttrs, builderProps, setting, styles, style, children, rawChildren, advanced, enableLazyloadImage, }: _gem_sdk_core.BaseProps<{
+declare const HeroBanner: ({ builderAttrs, builderProps, setting, styles, style, children, rawChildren, advanced, enableLazyLoadImage, }: _gem_sdk_core.BaseProps<{
     link?: {
         link?: string | undefined;
         target?: string | undefined;
@@ -6412,7 +6429,7 @@ declare const HeroBanner: ({ builderAttrs, builderProps, setting, styles, style,
 } & {
     rawChildren?: any[] | undefined;
     advanced?: any;
-    enableLazyloadImage?: boolean | undefined;
+    enableLazyLoadImage?: boolean | undefined;
 }) => string;
 
 declare const CSSCode: ({ setting, style, advanced, builderAttrs, builderProps }: CSSCodeProps) => string;
@@ -7772,6 +7789,10 @@ declare const ELEMENT_Z_INDEX: {
     CART_DRAWER_CONFIRM_MODAL: number;
 };
 
+declare const transformHighlighTag: (template: string, stringColor: string) => string;
+declare const transformNumberTag: (template: string, stringColor: string, quantityLeft: string | number) => string;
+declare const convertSizeToWidth: (typographyVar: React.CSSProperties) => Record<string, string>;
+
 type DynamicSource = {
     val: React.ReactNode;
     uid?: string;
@@ -7782,12 +7803,13 @@ type DynamicSource = {
     defaultVal?: string;
     translate?: string;
     isReplaceLocationOrigin?: boolean;
+    isReplaceInventoryQuantity?: boolean;
 };
 declare const isTransparentColor: (str?: string) => boolean;
 declare const isTransparentRGBA: (rgbStr: string) => boolean;
 declare const isHexTransparent: (hex: string) => boolean;
 declare const youtubeShortsRegex: RegExp;
-declare const getDynamicSourceLocales: ({ val, uid, settingId, isLiquid, pageContext, isCapitalize, defaultVal, translate, isReplaceLocationOrigin, }: DynamicSource) => string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>;
+declare const getDynamicSourceLocales: ({ val, uid, settingId, isLiquid, pageContext, isCapitalize, defaultVal, translate, isReplaceLocationOrigin, isReplaceInventoryQuantity, }: DynamicSource) => string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>;
 declare const getStaticLocale: (tag: string, key: string) => string;
 declare const getSettingPreloadData: (disabledValue: string, enabledValue?: string) => string;
 declare const getInsertLinkData: (defaultWrap: string, setting?: {
@@ -7801,4 +7823,4 @@ declare const getInsertLinkData: (defaultWrap: string, setting?: {
 };
 declare const replaceLinkData: (text?: string, isTranslate?: boolean) => string | undefined;
 
-export { Accordion$1 as Accordion, AccordionItem$1 as AccordionItem, AccordionItemProps, AccordionProps, AftershipEmailMarketingsms$1 as AftershipEmailMarketingsms, AftershipEmailMarketingsmsProps, AirProductReviewsAppUgc$1 as AirProductReviewsAppUgc, AirProductReviewsAppUgcProps, AliReviews$1 as AliReviews, AliReviewsProps, AlsoBoughtCbb$1 as AlsoBoughtCbb, AlsoBoughtCbbProps, AppointmentBookingCowlendar$1 as AppointmentBookingCowlendar, AppointmentBookingCowlendarProps, AppstleSubscriptions$1 as AppstleSubscriptions, AppstleSubscriptionsProps, ArticleAuthor$1 as ArticleAuthor, ArticleCategory$1 as ArticleCategory, ArticleContent$1 as ArticleContent, ArticleDate$1 as ArticleDate, ArticleExcerpt$1 as ArticleExcerpt, ArticleImage$1 as ArticleImage, ArticleList$1 as ArticleList, ArticlePagination$1 as ArticlePagination, ArticleReadMore$1 as ArticleReadMore, ArticleTag$1 as ArticleTag, ArticleTitle$1 as ArticleTitle, BgImage as BackgroundImage, BackgroundImageProps, BasicHeader, BestBuyFulfillment$1 as BestBuyFulfillment, BestBuyFulfillmentProps, BfSizeChartSizeGuide$1 as BfSizeChartSizeGuide, BfSizeChartSizeGuideProps, BirdChime$1 as BirdChime, BirdChimeProps, Bogos$1 as Bogos, BogosProps, BoldProductOptions$1 as BoldProductOptions, BoldProductOptionsProps, BoldSubscriptions$1 as BoldSubscriptions, BoldSubscriptionsProps, BonLoyaltyRewardsReferrals$1 as BonLoyaltyRewardsReferrals, BonLoyaltyRewardsReferralsProps, BoostAISearchDiscovery$1 as BoostAISearchDiscovery, BoostAISearchDiscoveryProps, Breadcrumb$1 as Breadcrumb, Breadcrumb$1 as BreadcrumbProps, Bundler$1 as Bundler, BundlerProps, Button$2 as Button, ButtonProps, CSSCode$1 as CSSCode, CSSCodeProps, Carousel$1 as Carousel, CarouselItem$1 as CarouselItem, CarouselItemProps, CarouselProps, CarouselSettings, CarouselStyles, Cart, CartCheckout, CartDiscount, CartLineAttribute, CartLineImage, CartLinePrice, CartLineVariant, CartList, CartOrderNote, CartProps, CartTotalItem, CartTotalPrice, CheckoutNow, CleanSizeChartProps, CleanSizeCharts$1 as CleanSizeCharts, Column$1 as Col, ColProps$1 as ColProps, CollectionBanner$1 as CollectionBanner, CollectionBannerProps, CollectionDescription$1 as CollectionDescription, CollectionDescriptionProps, CollectionPaginator$1 as CollectionPaginator, CollectionPaginatorProps, CollectionTitle$1 as CollectionTitle, CollectionTitleProps, CollectionToolbar$1 as CollectionToolbar, CollectionToolbarProps, ContactForm$1 as ContactForm, Countdown$1 as Countdown, CountdownProps, Coupon$1 as Coupon, CouponList, CouponProps, CrossSellCartUpsell$1 as CrossSellCartUpsell, CrossSellCartUpsellProps, CustomProductOptionsVariant$1 as CustomProductOptionsVariant, CustomProductOptionsVariantProps, DataVideoType, DesktopMenu, Dialog$1 as Dialog, DiscountInput, DiscountyBulkDiscountSales$1 as DiscountyBulkDiscountSales, DiscountyBulkDiscountSalesProps, DynamicCheckout$1 as DynamicCheckout, DynamicCheckoutProps, ELEMENT_Z_INDEX, EasifyProductOptions$1 as EasifyProductOptions, EasifyProductOptionsProps, EasyBundleBuilderSkailama$1 as EasyBundleBuilderSkailama, EasyBundleBuilderSkailamaProps, EasySell as EasySellCOD, EasySellProps, EssentialAnnouncementBar$1 as EssentialAnnouncementBar, EssentialAnnouncementBarProps, EssentialCountdownTimerBar$1 as EssentialCountdownTimerBar, EssentialCountdownTimerBarProps, EstimateDate$1 as EstimateDate, EstimateDateProps, EstimatedDeliveryDatePlus$1 as EstimatedDeliveryDatePlus, EstimatedDeliveryDatePlusProps, FastBundleBundlesDiscounts$1 as FastBundleBundlesDiscounts, FastBundleBundlesDiscountsProps, FeraReviews$1 as FeraReviews, FeraReviewsProps, FileUpload$1 as FileUpload, FileUploadProps, FirePush$1 as FirePush, FirePushProps, FlyBundlesUpsellsFbt$1 as FlyBundlesUpsellsFbt, FlyBundlesUpsellsFbtProps, FordeerProductLabels$1 as FordeerProductLabels, FordeerProductLabelsProps, FormCheckbox, FormCheckboxProps, FormDropdown$1 as FormDropdown, FormDropdownProps, FormEmail$1 as FormEmail, FormEmailProps, FormTextArea as FormTextarea, FrequentlyBoughtTogether$1 as FrequentlyBoughtTogether, FrequentlyBoughtTogetherProps, GloColorSwatchvariantImage$1 as GloColorSwatchvariantImage, GloColorSwatchvariantImageProps, GloboProductOptionsVariant$1 as GloboProductOptionsVariant, GloboProductOptionsVariantProps, GoogleReviewsByReputon$1 as GoogleReviewsByReputon, GoogleReviewsByReputonProps, Growave$1 as Growave, GrowaveProps, Header, HeaderProps, Heading$1 as Heading, HeadingProps, HeroBanner$1 as HeroBanner, HeroBannerProps, HextomCountdownTimerBar$1 as HextomCountdownTimerBar, HextomCountdownTimerBarProps, HextomFreeShippingBar$1 as HextomFreeShippingBar, HextomFreeShippingBarProps, HulkFormBuilder$1 as HulkFormBuilder, HulkFormBuilderProps, HulkProductOptions$1 as HulkProductOptions, HulkProductOptionsProps, Icon$1 as Icon, IconList$1 as IconList, IconListHoz$1 as IconListHoz, IconListHozItem, IconListHozProps, IconListItem$1 as IconListItem, IconListItemProps$3 as IconListItemProps, IconListProps$2 as IconListProps, IconListV2$1 as IconListV2, IconProps$1 as IconProps, Image$1 as Image, ImageComparison$1 as ImageComparison, ImageDetection, ImageDetectionProps, ImageProps, InfiniteOptions$1 as InfiniteOptions, InfiniteOptionsProps, Input, InputProps, Instafeed$1 as Instafeed, InstafeedProps, InstantJudgemeReviews, InstantJudgemeReviewsProps, InstantKlaviyo, InstantKlaviyoProps, InstantLooxReviews, InstantLooxReviewsProps, InstantYotpoLoyalty, InstantYotpoLoyaltyProps, InstasellShoppableInstagram$1 as InstasellShoppableInstagram, InstasellShoppableInstagramProps, JudgemeReviews$1 as JudgemeReviews, JudgemeReviewsProps, JunipProductReviewsUgc$1 as JunipProductReviewsUgc, JunipProductReviewsUgcProps, KachingBundles$1 as KachingBundles, KachingBundlesProps, KingProductOptions$1 as KingProductOptions, KingProductOptionsProps, KiteFreeGiftDiscount$1 as KiteFreeGiftDiscount, KiteFreeGiftDiscountProps, KlarnaMessaging$1 as KlarnaMessaging, KlarnaMessagingProps, Klaviyo$1 as Klaviyo, KlaviyoProps, KoalaBundleQuantityDiscount$1 as KoalaBundleQuantityDiscount, KoalaBundleQuantityDiscountProps, LaiProductReviews$1 as LaiProductReviews, LaiProductReviewsProps, Line$2 as Line, LineProps$1 as LineProps, Link, LinkProps$1 as LinkProps, LoloyalLoyaltyReferrals$1 as LoloyalLoyaltyReferrals, LoloyalLoyaltyReferralsProps, LoopSubscriptions$1 as LoopSubscriptions, LoopSubscriptionsProps, LooxReviews$1 as LooxReviews, LooxReviewsProps, Marquee$1 as Marquee, _default$2 as MarqueeItem, MarqueeItemProps, MarqueeProps, MaxbundleProductBundles$1 as MaxbundleProductBundles, MaxbundleProductBundlesProps, MbcBundleVolumeDiscount$1 as MbcBundleVolumeDiscount, MbcBundleVolumeDiscountProps, Menu, MenuProps, MobileMenu, Modal, ModernHeader, MyappgurusProductReviews$1 as MyappgurusProductReviews, MyappgurusProductReviewsProps, Newsletter$1 as Newsletter, NewsletterProps, Notify as Notice, NotificationAPI, NotificationConfig, NotifyBackInStockPreOrder$1 as NotifyBackInStockPreOrder, NotifyBackInStockPreOrderProps, OkendoReviewsLoyalty$1 as OkendoReviewsLoyalty, OkendoReviewsLoyaltyProps, Omnisend$1 as Omnisend, OmnisendProps, Opinew$1 as Opinew, OpinewProps, Pagination, PaginationProps, ParcelPanel$1 as ParcelPanel, ParcelPanelProps, PickyStory$1 as PickyStory, PickyStoryProps, PostPurchaseAcceptButton, PostPurchaseAcceptButtonProps, PostPurchaseAdvancedList, PostPurchaseAdvancedListItem, PostPurchaseAdvancedListProps, Button$1 as PostPurchaseButton, PostPurchaseButtonProps, CalloutBox as PostPurchaseCalloutBox, CalloutText as PostPurchaseCalloutText, PostPurchaseCountdownTimer, PostPurchaseHeading, PostPurchaseImage, PostPurchaseImageProps, Line$1 as PostPurchaseLine, PostPurchaseLineProps, PostPurchaseProductDescription, PostPurchaseProductDescriptionProps, PostPurchaseProductDiscountTag, PostPurchaseProductDiscountTagProps, PostPurchaseProductImages, PostPurchaseProductImagesProps, PostPurchaseProductOffer, PostPurchaseProductOfferProps, PostPurchaseProductPrice, PostPurchaseProductPriceBreakdown, PostPurchaseProductPriceBreakdownProps, PostPurchaseProductPriceProps, PostPurchaseProductQuantity, PostPurchaseProductQuantityProps, PostPurchaseProductTitle, PostPurchaseProductTitleProps, PostPurchaseProductVariants, PostPurchaseProductVariantsProps, Text$1 as PostPurchaseText, PostPurchaseTextProps, PowerfulContactFormBuilder$1 as PowerfulContactFormBuilder, PowerfulContactFormBuilderProps, PowrContactFormBuilder$1 as PowrContactFormBuilder, PowrContactFormBuilderProps, PreorderNowPreOrderPq$1 as PreorderNowPreOrderPq, PreorderNowPreOrderPqProps, PreorderNowWodPresale$1 as PreorderNowWodPresale, PreorderNowWodPresaleProps, Product$1 as Product, ProductBadge$1 as ProductBadge, ProductBadgeProps, ProductBundleDiscount$1 as ProductBundleDiscount, ProductBundleDiscountItem$1 as ProductBundleDiscountItem, ProductButton$1 as ProductButton, ProductButtonProps, ProductDescription$1 as ProductDescription, ProductDescriptionProps, ProductImages$2 as ProductImages, ProductImagesProps, ProductImagesV2, ProductList$1 as ProductList, ProductList$1 as ProductListProps, ProductOptionsCustomizer$1 as ProductOptionsCustomizer, ProductOptionsCustomizerProps, ProductOptionsVariantOption$1 as ProductOptionsVariantOption, ProductOptionsVariantOptionProps, ProductPrice$1 as ProductPrice, ProductPriceProps, ProductPropertiesProps, ProductProperties$1 as ProductPropertyInput, ProductProps, ProductQuantity$1 as ProductQuantity, ProductQuantityBreakItemProps, ProductQuantityBreakProps, ProductQuantityProps, QuickView as ProductQuickView, ProductReviews$1 as ProductReviews, ProductReviewsProps, ProductSku$1 as ProductSku, ProductTag$1 as ProductTag, ProductTagProps, ProductTitle$1 as ProductTitle, ProductTitleProps, ProductVariants$1 as ProductVariants, ProductVariantsProps, ProductVendor$1 as ProductVendor, ProductViewMore$1 as ProductViewMore, ProductViewMoreProps, PumperBundlesVolumeDiscount$1 as PumperBundlesVolumeDiscount, PumperBundlesVolumeDiscountProps, PushOwl$1 as PushOwl, PushOwlProps, QikifyUpsell$1 as QikifyUpsell, QikifyUpsellProps, Radio, RadioProps, RapiBundleQuantityBreaks$1 as RapiBundleQuantityBreaks, RapiBundleQuantityBreaksProps, RechargeSubscriptions$1 as RechargeSubscriptions, RechargeSubscriptionsProps, RecurpaySubscriptionApp$1 as RecurpaySubscriptionApp, RecurpaySubscriptionAppProps, Releasit$1 as Releasit, ReleasitProps, RequestQuoteHidePrice$1 as RequestQuoteHidePrice, RequestQuoteHidePriceProps, ReviewxpoProductReviewsApp$1 as ReviewxpoProductReviewsApp, ReviewxpoProductReviewsAppProps, Rivyo$1 as Rivyo, RivyoProps, Root$1 as Root, RootProps$1 as RootProps, Row$1 as Row, RowProps$1 as RowProps, Ryviu$1 as Ryviu, RyviuProps, SealSubscriptions$1 as SealSubscriptions, SealSubscriptionsProps, Section$1 as Section, SegunoEmailMarketing$1 as SegunoEmailMarketing, SegunoEmailMarketingProps, Select, SelectProps, Selleasy$1 as Selleasy, SelleasyProps, SeoantTrustBadgesIcon$1 as SeoantTrustBadgesIcon, SeoantTrustBadgesIconProps, ShopPayButton$1 as ShopPayButton, ShopPayButtonProps, ShopifyForms$1 as ShopifyForms, ShopifyFormsProps, ShopifySubscriptions$1 as ShopifySubscriptions, ShopifySubscriptionsProps, SimpleBundlesKits$1 as SimpleBundlesKits, SimpleBundlesKitsProps, SkioSubscriptionsYcS20$1 as SkioSubscriptionsYcS20, SkioSubscriptionsYcS20Props, SkuProps, SmartSearchBarAndFilters$1 as SmartSearchBarAndFilters, SmartSearchBarAndFiltersProps, SproutPlantTreesGrowSales$1 as SproutPlantTreesGrowSales, SproutPlantTreesGrowSalesProps, Stamped$1 as Stamped, StampedProps, StellarDeliveryDatePickup$1 as StellarDeliveryDatePickup, StellarDeliveryDatePickupProps, Sticky$1 as Sticky, StickyProps, StockCounter$1 as StockCounter, StockCounterProps, SubifySubscriptionsApp$1 as SubifySubscriptionsApp, SubifySubscriptionsAppProps, SubmitButton$1 as SubmitButton, SubmitButtonProps, TabItem$1 as TabItem, TabItemProps, Tabs$1 as Tabs, TabsProps, TagembedSocialPostReview$1 as TagembedSocialPostReview, TagembedSocialPostReviewProps, TagshopShoppableVideosUgc$1 as TagshopShoppableVideosUgc, TagshopShoppableVideosUgcProps, TeeinblueProductPersonalizer$1 as TeeinblueProductPersonalizer, TeeinblueProductPersonalizerProps, Text$2 as Text, TextAreaProps, TextField$1 as TextField, TextFieldProps, TextProps$1 as TextProps, TextArea as Textarea, TextareaProps, ThirdPartySlot$1 as ThirdPartySlot, TrustBadgesBear$1 as TrustBadgesBear, TrustBadgesBearProps, TrustMe$1 as TrustMe, TrustMeProps, TrustedsiteTrustBadges$1 as TrustedsiteTrustBadges, TrustedsiteTrustBadgesProps, Trustoo$1 as Trustoo, TrustooProps, TrustreviewsProductReviews$1 as TrustreviewsProductReviews, TrustreviewsProductReviewsProps, TrustshopProductReviews$1 as TrustshopProductReviews, TrustshopProductReviewsProps, UltimateSalesBoost$1 as UltimateSalesBoost, UltimateSalesBoostProps, UnlimitedBundlesDiscounts$1 as UnlimitedBundlesDiscounts, UnlimitedBundlesDiscountsProps, VendorProps, Video$1 as Video, Vitals$1 as Vitals, VitalsProps, WhatmoreShoppableVideosreel$1 as WhatmoreShoppableVideosreel, WhatmoreShoppableVideosreelProps, WideBundle$1 as WideBundle, WideBundleProps, Wiser$1 as Wiser, WiserProps, WishlistKing$1 as WishlistKing, WishlistKingProps, WishlistPlus$1 as WishlistPlus, WishlistPlusProps, YotpoLoyalty, YotpoLoyaltyProps, YotpoReviews$1 as YotpoReviews, YotpoReviewsProps, _default$R as accordionSetting, _default$4 as articleListSetting, _default$p as bannerSetting, _default$Q as breadcrumbSetting, _default as builderComponent, _default$P as buttonSetting, _default$N as carouselSetting, _default$K as cartSetting, _default$n as codeSetting, _default$J as collectionSetting, _default$j as contactFormSetting, _default$I as countdownSetting, _default$O as couponSetting, _default$k as dialogSetting, _default$5 as estimateDeliverySetting, getDynamicSourceLocales, getInsertLinkData, getSettingPreloadData, getStaticLocale, _default$L as gridSetting, _default$G as headerSetting, _default$H as headingSetting, _default$m as iconListHozSetting, _default$o as iconListSetting, _default$e as iconListSettingV2, _default$F as iconSetting, _default$h as imageComparisonSetting, _default$i as imageDetectionSetting, _default$M as imageSetting, _default$E as inputSetting, isHexTransparent, isTransparentColor, isTransparentRGBA, _default$D as lineSetting, _default$C as linkSetting, index_liquid as liquidComponents, _default$3 as marqueeSetting, _default$s as menuSetting, _default$B as modalSetting, _default$1 as nextComponent, openConfirm, _default$A as paginationSetting, _default$7 as postPurchaseAdvancedListSetting, _default$b as postPurchaseButtonSetting, _default$9 as postPurchaseCalloutBoxSetting, _default$6 as postPurchaseCountdownTimerSetting, _default$c as postPurchaseImageSetting, _default$8 as postPurchaseLineSetting, postPurchaseProduct1Col, postPurchaseProduct2Col, postPurchaseProductDefault, _default$a as postPurchaseProductSetting, _default$d as postPurchaseTextSetting, _default$z as productSetting, _default$x as radioSetting, replaceLinkData, _default$w as selectSetting, _default$f as stickySetting, _default$l as stockCounterSetting, _default$v as tabSetting, _default$y as textSetting, _default$u as textareaSetting, _default$q as thirdPartyInstantSetting, _default$r as thirdPartySetting, _default$g as thirdPartySlotSetting, useInView, useNotification, _default$t as videoSetting, youtubeShortsRegex };
+export { Accordion$1 as Accordion, AccordionItem$1 as AccordionItem, AccordionItemProps, AccordionProps, AftershipEmailMarketingsms$1 as AftershipEmailMarketingsms, AftershipEmailMarketingsmsProps, AirProductReviewsAppUgc$1 as AirProductReviewsAppUgc, AirProductReviewsAppUgcProps, AliReviews$1 as AliReviews, AliReviewsProps, AlsoBoughtCbb$1 as AlsoBoughtCbb, AlsoBoughtCbbProps, AppointmentBookingCowlendar$1 as AppointmentBookingCowlendar, AppointmentBookingCowlendarProps, AppstleSubscriptions$1 as AppstleSubscriptions, AppstleSubscriptionsProps, ArticleAuthor$1 as ArticleAuthor, ArticleCategory$1 as ArticleCategory, ArticleContent$1 as ArticleContent, ArticleDate$1 as ArticleDate, ArticleExcerpt$1 as ArticleExcerpt, ArticleImage$1 as ArticleImage, ArticleList$1 as ArticleList, ArticlePagination$1 as ArticlePagination, ArticleReadMore$1 as ArticleReadMore, ArticleTag$1 as ArticleTag, ArticleTitle$1 as ArticleTitle, BgImage as BackgroundImage, BackgroundImageProps, BasicHeader, BestBuyFulfillment$1 as BestBuyFulfillment, BestBuyFulfillmentProps, BfSizeChartSizeGuide$1 as BfSizeChartSizeGuide, BfSizeChartSizeGuideProps, BirdChime$1 as BirdChime, BirdChimeProps, Bogos$1 as Bogos, BogosProps, BoldProductOptions$1 as BoldProductOptions, BoldProductOptionsProps, BoldSubscriptions$1 as BoldSubscriptions, BoldSubscriptionsProps, BonLoyaltyRewardsReferrals$1 as BonLoyaltyRewardsReferrals, BonLoyaltyRewardsReferralsProps, BoostAISearchDiscovery$1 as BoostAISearchDiscovery, BoostAISearchDiscoveryProps, Breadcrumb$1 as Breadcrumb, Breadcrumb$1 as BreadcrumbProps, Bundler$1 as Bundler, BundlerProps, Button$2 as Button, ButtonProps, CSSCode$1 as CSSCode, CSSCodeProps, Carousel$1 as Carousel, CarouselItem$1 as CarouselItem, CarouselItemProps, CarouselProps, CarouselSettings, CarouselStyles, Cart, CartCheckout, CartDiscount, CartLineAttribute, CartLineImage, CartLinePrice, CartLineVariant, CartList, CartOrderNote, CartProps, CartTotalItem, CartTotalPrice, CheckoutNow, CleanSizeChartProps, CleanSizeCharts$1 as CleanSizeCharts, Column$1 as Col, ColProps$1 as ColProps, CollectionBanner$1 as CollectionBanner, CollectionBannerProps, CollectionDescription$1 as CollectionDescription, CollectionDescriptionProps, CollectionPaginator$1 as CollectionPaginator, CollectionPaginatorProps, CollectionTitle$1 as CollectionTitle, CollectionTitleProps, CollectionToolbar$1 as CollectionToolbar, CollectionToolbarProps, ContactForm$1 as ContactForm, Countdown$1 as Countdown, CountdownProps, Coupon$1 as Coupon, CouponList, CouponProps, CrossSellCartUpsell$1 as CrossSellCartUpsell, CrossSellCartUpsellProps, CustomProductOptionsVariant$1 as CustomProductOptionsVariant, CustomProductOptionsVariantProps, DataVideoType, DesktopMenu, Dialog$1 as Dialog, DiscountInput, DiscountyBulkDiscountSales$1 as DiscountyBulkDiscountSales, DiscountyBulkDiscountSalesProps, DynamicCheckout$1 as DynamicCheckout, DynamicCheckoutProps, ELEMENT_Z_INDEX, EasifyProductOptions$1 as EasifyProductOptions, EasifyProductOptionsProps, EasyBundleBuilderSkailama$1 as EasyBundleBuilderSkailama, EasyBundleBuilderSkailamaProps, EasySell as EasySellCOD, EasySellProps, EssentialAnnouncementBar$1 as EssentialAnnouncementBar, EssentialAnnouncementBarProps, EssentialCountdownTimerBar$1 as EssentialCountdownTimerBar, EssentialCountdownTimerBarProps, EstimateDate$1 as EstimateDate, EstimateDateProps, EstimatedDeliveryDatePlus$1 as EstimatedDeliveryDatePlus, EstimatedDeliveryDatePlusProps, FastBundleBundlesDiscounts$1 as FastBundleBundlesDiscounts, FastBundleBundlesDiscountsProps, FeraReviews$1 as FeraReviews, FeraReviewsProps, FileUpload$1 as FileUpload, FileUploadProps, FirePush$1 as FirePush, FirePushProps, FlyBundlesUpsellsFbt$1 as FlyBundlesUpsellsFbt, FlyBundlesUpsellsFbtProps, FordeerProductLabels$1 as FordeerProductLabels, FordeerProductLabelsProps, FormCheckbox, FormCheckboxProps, FormDropdown$1 as FormDropdown, FormDropdownProps, FormEmail$1 as FormEmail, FormEmailProps, FormTextArea as FormTextarea, FrequentlyBoughtTogether$1 as FrequentlyBoughtTogether, FrequentlyBoughtTogetherProps, GloColorSwatchvariantImage$1 as GloColorSwatchvariantImage, GloColorSwatchvariantImageProps, GloboProductOptionsVariant$1 as GloboProductOptionsVariant, GloboProductOptionsVariantProps, GoogleReviewsByReputon$1 as GoogleReviewsByReputon, GoogleReviewsByReputonProps, Growave$1 as Growave, GrowaveProps, Header, HeaderProps, Heading$1 as Heading, HeadingProps, HeroBanner$1 as HeroBanner, HeroBannerProps, HextomCountdownTimerBar$1 as HextomCountdownTimerBar, HextomCountdownTimerBarProps, HextomFreeShippingBar$1 as HextomFreeShippingBar, HextomFreeShippingBarProps, HulkFormBuilder$1 as HulkFormBuilder, HulkFormBuilderProps, HulkProductOptions$1 as HulkProductOptions, HulkProductOptionsProps, Icon$1 as Icon, IconList$1 as IconList, IconListHoz$1 as IconListHoz, IconListHozItem, IconListHozProps, IconListItem$1 as IconListItem, IconListItemProps$3 as IconListItemProps, IconListProps$2 as IconListProps, IconListV2$1 as IconListV2, IconProps$1 as IconProps, Image$1 as Image, ImageComparison$1 as ImageComparison, ImageDetection, ImageDetectionProps, ImageProps, InfiniteOptions$1 as InfiniteOptions, InfiniteOptionsProps, Input, InputProps, Instafeed$1 as Instafeed, InstafeedProps, InstantJudgemeReviews, InstantJudgemeReviewsProps, InstantKlaviyo, InstantKlaviyoProps, InstantLooxReviews, InstantLooxReviewsProps, InstantYotpoLoyalty, InstantYotpoLoyaltyProps, InstasellShoppableInstagram$1 as InstasellShoppableInstagram, InstasellShoppableInstagramProps, JudgemeReviews$1 as JudgemeReviews, JudgemeReviewsProps, JunipProductReviewsUgc$1 as JunipProductReviewsUgc, JunipProductReviewsUgcProps, KachingBundles$1 as KachingBundles, KachingBundlesProps, KingProductOptions$1 as KingProductOptions, KingProductOptionsProps, KiteFreeGiftDiscount$1 as KiteFreeGiftDiscount, KiteFreeGiftDiscountProps, KlarnaMessaging$1 as KlarnaMessaging, KlarnaMessagingProps, Klaviyo$1 as Klaviyo, KlaviyoProps, KoalaBundleQuantityDiscount$1 as KoalaBundleQuantityDiscount, KoalaBundleQuantityDiscountProps, LaiProductReviews$1 as LaiProductReviews, LaiProductReviewsProps, Line$2 as Line, LineProps$1 as LineProps, Link, LinkProps$1 as LinkProps, LoloyalLoyaltyReferrals$1 as LoloyalLoyaltyReferrals, LoloyalLoyaltyReferralsProps, LoopSubscriptions$1 as LoopSubscriptions, LoopSubscriptionsProps, LooxReviews$1 as LooxReviews, LooxReviewsProps, Marquee$1 as Marquee, _default$2 as MarqueeItem, MarqueeItemProps, MarqueeProps, MaxbundleProductBundles$1 as MaxbundleProductBundles, MaxbundleProductBundlesProps, MbcBundleVolumeDiscount$1 as MbcBundleVolumeDiscount, MbcBundleVolumeDiscountProps, Menu, MenuProps, MobileMenu, Modal, ModernHeader, MyappgurusProductReviews$1 as MyappgurusProductReviews, MyappgurusProductReviewsProps, Newsletter$1 as Newsletter, NewsletterProps, Notify as Notice, NotificationAPI, NotificationConfig, NotifyBackInStockPreOrder$1 as NotifyBackInStockPreOrder, NotifyBackInStockPreOrderProps, OkendoReviewsLoyalty$1 as OkendoReviewsLoyalty, OkendoReviewsLoyaltyProps, Omnisend$1 as Omnisend, OmnisendProps, Opinew$1 as Opinew, OpinewProps, Pagination, PaginationProps, ParcelPanel$1 as ParcelPanel, ParcelPanelProps, PickyStory$1 as PickyStory, PickyStoryProps, PostPurchaseAcceptButton, PostPurchaseAcceptButtonProps, PostPurchaseAdvancedList, PostPurchaseAdvancedListItem, PostPurchaseAdvancedListProps, Button$1 as PostPurchaseButton, PostPurchaseButtonProps, CalloutBox as PostPurchaseCalloutBox, CalloutText as PostPurchaseCalloutText, PostPurchaseCountdownTimer, PostPurchaseHeading, PostPurchaseImage, PostPurchaseImageProps, Line$1 as PostPurchaseLine, PostPurchaseLineProps, PostPurchaseProductDescription, PostPurchaseProductDescriptionProps, PostPurchaseProductDiscountTag, PostPurchaseProductDiscountTagProps, PostPurchaseProductImages, PostPurchaseProductImagesProps, PostPurchaseProductOffer, PostPurchaseProductOfferProps, PostPurchaseProductPrice, PostPurchaseProductPriceBreakdown, PostPurchaseProductPriceBreakdownProps, PostPurchaseProductPriceProps, PostPurchaseProductQuantity, PostPurchaseProductQuantityProps, PostPurchaseProductTitle, PostPurchaseProductTitleProps, PostPurchaseProductVariants, PostPurchaseProductVariantsProps, Text$1 as PostPurchaseText, PostPurchaseTextProps, PowerfulContactFormBuilder$1 as PowerfulContactFormBuilder, PowerfulContactFormBuilderProps, PowrContactFormBuilder$1 as PowrContactFormBuilder, PowrContactFormBuilderProps, PreorderNowPreOrderPq$1 as PreorderNowPreOrderPq, PreorderNowPreOrderPqProps, PreorderNowWodPresale$1 as PreorderNowWodPresale, PreorderNowWodPresaleProps, Product$1 as Product, ProductBadge$1 as ProductBadge, ProductBadgeProps, ProductBundleDiscount$1 as ProductBundleDiscount, ProductBundleDiscountItem$1 as ProductBundleDiscountItem, ProductButton$1 as ProductButton, ProductButtonProps, ProductDescription$1 as ProductDescription, ProductDescriptionProps, ProductImages$2 as ProductImages, ProductImagesProps, ProductImagesV2, ProductList$1 as ProductList, ProductList$1 as ProductListProps, ProductOptionsCustomizer$1 as ProductOptionsCustomizer, ProductOptionsCustomizerProps, ProductOptionsVariantOption$1 as ProductOptionsVariantOption, ProductOptionsVariantOptionProps, ProductPrice$1 as ProductPrice, ProductPriceProps, ProductPropertiesProps, ProductProperties$1 as ProductPropertyInput, ProductProps, ProductQuantity$1 as ProductQuantity, ProductQuantityBreakItemProps, ProductQuantityBreakProps, ProductQuantityProps, QuickView as ProductQuickView, ProductReviews$1 as ProductReviews, ProductReviewsProps, ProductSku$1 as ProductSku, ProductTag$1 as ProductTag, ProductTagProps, ProductTitle$1 as ProductTitle, ProductTitleProps, ProductVariants$1 as ProductVariants, ProductVariantsProps, ProductVendor$1 as ProductVendor, ProductViewMore$1 as ProductViewMore, ProductViewMoreProps, PumperBundlesVolumeDiscount$1 as PumperBundlesVolumeDiscount, PumperBundlesVolumeDiscountProps, PushOwl$1 as PushOwl, PushOwlProps, QikifyUpsell$1 as QikifyUpsell, QikifyUpsellProps, Radio, RadioProps, RapiBundleQuantityBreaks$1 as RapiBundleQuantityBreaks, RapiBundleQuantityBreaksProps, RechargeSubscriptions$1 as RechargeSubscriptions, RechargeSubscriptionsProps, RecurpaySubscriptionApp$1 as RecurpaySubscriptionApp, RecurpaySubscriptionAppProps, Releasit$1 as Releasit, ReleasitProps, RequestQuoteHidePrice$1 as RequestQuoteHidePrice, RequestQuoteHidePriceProps, ReviewxpoProductReviewsApp$1 as ReviewxpoProductReviewsApp, ReviewxpoProductReviewsAppProps, Rivyo$1 as Rivyo, RivyoProps, Root$1 as Root, RootProps$1 as RootProps, Row$1 as Row, RowProps$1 as RowProps, Ryviu$1 as Ryviu, RyviuProps, SealSubscriptions$1 as SealSubscriptions, SealSubscriptionsProps, Section$1 as Section, SegunoEmailMarketing$1 as SegunoEmailMarketing, SegunoEmailMarketingProps, Select, SelectProps, Selleasy$1 as Selleasy, SelleasyProps, SeoantTrustBadgesIcon$1 as SeoantTrustBadgesIcon, SeoantTrustBadgesIconProps, ShopPayButton$1 as ShopPayButton, ShopPayButtonProps, ShopifyForms$1 as ShopifyForms, ShopifyFormsProps, ShopifySubscriptions$1 as ShopifySubscriptions, ShopifySubscriptionsProps, SimpleBundlesKits$1 as SimpleBundlesKits, SimpleBundlesKitsProps, SkioSubscriptionsYcS20$1 as SkioSubscriptionsYcS20, SkioSubscriptionsYcS20Props, SkuProps, SmartSearchBarAndFilters$1 as SmartSearchBarAndFilters, SmartSearchBarAndFiltersProps, SproutPlantTreesGrowSales$1 as SproutPlantTreesGrowSales, SproutPlantTreesGrowSalesProps, Stamped$1 as Stamped, StampedProps, StellarDeliveryDatePickup$1 as StellarDeliveryDatePickup, StellarDeliveryDatePickupProps, Sticky$1 as Sticky, StickyProps, StockCounter$1 as StockCounter, StockCounterProps, SubifySubscriptionsApp$1 as SubifySubscriptionsApp, SubifySubscriptionsAppProps, SubmitButton$1 as SubmitButton, SubmitButtonProps, TabItem$1 as TabItem, TabItemProps, Tabs$1 as Tabs, TabsProps, TagembedSocialPostReview$1 as TagembedSocialPostReview, TagembedSocialPostReviewProps, TagshopShoppableVideosUgc$1 as TagshopShoppableVideosUgc, TagshopShoppableVideosUgcProps, TeeinblueProductPersonalizer$1 as TeeinblueProductPersonalizer, TeeinblueProductPersonalizerProps, Text$2 as Text, TextAreaProps, TextField$1 as TextField, TextFieldProps, TextProps$1 as TextProps, TextArea as Textarea, TextareaProps, ThirdPartySlot$1 as ThirdPartySlot, TrustBadgesBear$1 as TrustBadgesBear, TrustBadgesBearProps, TrustMe$1 as TrustMe, TrustMeProps, TrustedsiteTrustBadges$1 as TrustedsiteTrustBadges, TrustedsiteTrustBadgesProps, Trustoo$1 as Trustoo, TrustooProps, TrustreviewsProductReviews$1 as TrustreviewsProductReviews, TrustreviewsProductReviewsProps, TrustshopProductReviews$1 as TrustshopProductReviews, TrustshopProductReviewsProps, UltimateSalesBoost$1 as UltimateSalesBoost, UltimateSalesBoostProps, UnlimitedBundlesDiscounts$1 as UnlimitedBundlesDiscounts, UnlimitedBundlesDiscountsProps, VendorProps, Video$1 as Video, Vitals$1 as Vitals, VitalsProps, WhatmoreShoppableVideosreel$1 as WhatmoreShoppableVideosreel, WhatmoreShoppableVideosreelProps, WideBundle$1 as WideBundle, WideBundleProps, Wiser$1 as Wiser, WiserProps, WishlistKing$1 as WishlistKing, WishlistKingProps, WishlistPlus$1 as WishlistPlus, WishlistPlusProps, YotpoLoyalty, YotpoLoyaltyProps, YotpoReviews$1 as YotpoReviews, YotpoReviewsProps, _default$R as accordionSetting, _default$4 as articleListSetting, _default$p as bannerSetting, _default$Q as breadcrumbSetting, _default as builderComponent, _default$P as buttonSetting, _default$N as carouselSetting, _default$K as cartSetting, _default$n as codeSetting, _default$J as collectionSetting, _default$j as contactFormSetting, convertSizeToWidth, _default$I as countdownSetting, _default$O as couponSetting, _default$k as dialogSetting, _default$5 as estimateDeliverySetting, getDynamicSourceLocales, getInsertLinkData, getSettingPreloadData, getStaticLocale, _default$L as gridSetting, _default$G as headerSetting, _default$H as headingSetting, _default$m as iconListHozSetting, _default$o as iconListSetting, _default$e as iconListSettingV2, _default$F as iconSetting, _default$h as imageComparisonSetting, _default$i as imageDetectionSetting, _default$M as imageSetting, _default$E as inputSetting, isHexTransparent, isTransparentColor, isTransparentRGBA, _default$D as lineSetting, _default$C as linkSetting, index_liquid as liquidComponents, _default$3 as marqueeSetting, _default$s as menuSetting, _default$B as modalSetting, _default$1 as nextComponent, openConfirm, _default$A as paginationSetting, _default$7 as postPurchaseAdvancedListSetting, _default$b as postPurchaseButtonSetting, _default$9 as postPurchaseCalloutBoxSetting, _default$6 as postPurchaseCountdownTimerSetting, _default$c as postPurchaseImageSetting, _default$8 as postPurchaseLineSetting, postPurchaseProduct1Col, postPurchaseProduct2Col, postPurchaseProductDefault, _default$a as postPurchaseProductSetting, _default$d as postPurchaseTextSetting, _default$z as productSetting, _default$x as radioSetting, replaceLinkData, _default$w as selectSetting, _default$f as stickySetting, _default$l as stockCounterSetting, _default$v as tabSetting, _default$y as textSetting, _default$u as textareaSetting, _default$q as thirdPartyInstantSetting, _default$r as thirdPartySetting, _default$g as thirdPartySlotSetting, transformHighlighTag, transformNumberTag, useInView, useNotification, _default$t as videoSetting, youtubeShortsRegex };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "2.1.26",
+  "version": "2.1.27-staging.1",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -21,8 +21,8 @@
     "format": "prettier --write \"./src/**/*.{ts,tsx}\""
   },
   "devDependencies": {
-    "@gem-sdk/core": "2.1.24",
-    "@gem-sdk/styles": "2.1.0",
+    "@gem-sdk/core": "2.1.27-staging.0",
+    "@gem-sdk/styles": "2.1.27-staging.0",
     "@types/react-transition-group": "^4.4.5"
   },
   "dependencies": {