@gem-sdk/components 2.0.10 → 2.0.12

package/dist/cjs/accordion/components/AccordionItem.liquid.js

@@ -89,7 +89,7 @@ const AccordionItem = ({ accordions, index, rawChildren, builderProps, title, pa
       }
     .gp-accordion-item .gp-accordion-item-${parentUid}-${index}:hover .gp-collapsible-icon.gp-accordion-item-active, .gp-accordion-item .gp-accordion-item-${parentUid}-${index}:hover .gp-icon.gp-accordion-item-active
      {
-        color: ${iconColor?.active} !important
+        color: ${color?.active} !important
       }
   </style>
   <div class="gp-overflow-clip" style="${{

package/dist/cjs/carousel/components/CarouselItem.js

@@ -45,6 +45,11 @@ const CarouselItem = ({ children, builderAttrs, styles, advanced, setting, build
         parentStyle,
         passProps.style
     ]);
+    const itemShadowStyle = core.getStyleShadow({
+        value: parentStyle?.carouselShadow,
+        styleAppliedFor: 'box-shadow',
+        isEnableShadow: parentStyle?.hasActiveShadow
+    });
     return /*#__PURE__*/ jsxRuntime.jsx("div", {
         ...builderAttrs,
         ...passProps,
@@ -68,7 +73,12 @@ const CarouselItem = ({ children, builderAttrs, styles, advanced, setting, build
         },
         onClick: onClickItem,
         "aria-hidden": true,
-        children: core.isEmptyChildren(children) ? /*#__PURE__*/ jsxRuntime.jsx(ChildrenDroppable.default, {}) : children
+        children: /*#__PURE__*/ jsxRuntime.jsx("div", {
+            style: {
+                ...itemShadowStyle
+            },
+            children: core.isEmptyChildren(children) ? /*#__PURE__*/ jsxRuntime.jsx(ChildrenDroppable.default, {}) : children
+        })
     });
 };
 

package/dist/cjs/carousel/components/CarouselItem.liquid.js

@@ -35,6 +35,11 @@ const CarouselItem = ({ children, builderAttrs, styles, advanced, setting, build
             })
         };
     };
+    const itemShadowStyle = core.getStyleShadow({
+        value: parentStyle?.carouselShadow,
+        styleAppliedFor: 'box-shadow',
+        isEnableShadow: parentStyle?.hasActiveShadow
+    });
     return core.template`
     <div
       media-type="{{media.media_type}}"
@@ -79,7 +84,13 @@ const CarouselItem = ({ children, builderAttrs, styles, advanced, setting, build
       class="${core.cls(`gem-slider-item gp-w-full gem-slider-item-${parentId || ''} gp-child-item-${parentUid}`, builderProps?.uid, className)}"
       data-index="${index}"
     >
+      <div
+        style="${{
+        ...itemShadowStyle
+    }}"
+      >
       ${children}
+      </div>
     </div>
   `;
 };

package/dist/cjs/helpers.js

@@ -34,7 +34,7 @@ const isHexTransparent = (hex)=>{
     return Boolean(a);
 };
 const youtubeShortsRegex = /^(?:https?:\/\/)?(?:www\.)?youtube\.com\/shorts\/([^"&?/\s]{11})$/i;
-const getDynamicSourceLocales = ({ val, uid, settingId, isLiquid, pageContext, isCapitalize, defaultVal = '', translate })=>{
+const getDynamicSourceLocales = ({ val, uid, settingId, isLiquid, pageContext, isCapitalize, defaultVal = '', translate, isReplaceLocationOrigin })=>{
     const hasLiquidInValue = new RegExp(/\{\{.*?\}\}|\{%.*?%\}/).test(val?.toString() ?? '');
     const translateLimit = pageContext?.isTranslateWithLocale ? 1000 : 5000;
     if (!translate || !val?.toString().trim() || val.toString().length > translateLimit || hasLiquidInValue || pageContext?.isPreviewing) return val ?? defaultVal;
@@ -43,6 +43,9 @@ const getDynamicSourceLocales = ({ val, uid, settingId, isLiquid, pageContext, i
     if (pageContext?.isTranslateWithLocale) {
         locale = `"sections.${pageContext.sectionName}.${translateKey}_html" | t`;
     }
+    if (isReplaceLocationOrigin) {
+        locale += ` | replace: '$locationOrigin', locationOrigin`;
+    }
     if (isCapitalize) {
         locale = `${locale} | downcase`;
     }
@@ -72,7 +75,11 @@ const getInsertLinkData = (defaultWrap, setting, htmlType)=>{
     const isShopifyDomain = isHyperlink && !regexHttp.test(urlHref) && regexPageType.test(urlHref);
     const isDomain = isHyperlink && regexHttp.test(urlHref);
     if (isShopifyDomain || isHomePageHref) {
-        urlHref = "{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}" + urlHref;
+        if (setting?.isTranslate) {
+            urlHref = '$locationOrigin' + urlHref;
+        } else {
+            urlHref = "{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}" + urlHref;
+        }
     }
     const isLink = ()=>{
         if (URL_START_WITH.find((el)=>urlHref.startsWith(el))) return true;
@@ -97,6 +104,25 @@ const getInsertLinkData = (defaultWrap, setting, htmlType)=>{
         shouldRenderLink
     };
 };
+const replaceLinkData = (text, isTranslate)=>{
+    const regex = /<a\s[^>]*>.*?<\/a>/;
+    if (text && regex.test(text)) {
+        const regex = // eslint-disable-next-line regexp/no-super-linear-backtracking, regexp/no-unused-capturing-group
+        /<a\s+(?:[^>]*?\s+)?href=["']([^"']*)["'](?:\s+[^>]*?)?(?:target=["']([^"']*)["'])?.*?>.*?<\/a>/gi;
+        let newText = text.toString();
+        let match;
+        while((match = regex.exec(newText)) !== null){
+            const href = match[1];
+            const { urlData } = getInsertLinkData('', {
+                link: href,
+                isTranslate
+            });
+            newText = newText.replace(match[0], match[0].replace(/(href=['"])([^'"]*)(['"])/i, `$1${urlData.href}$3`));
+        }
+        return newText;
+    }
+    return text;
+};
 
 exports.getDynamicSourceLocales = getDynamicSourceLocales;
 exports.getInsertLinkData = getInsertLinkData;
@@ -105,4 +131,5 @@ exports.getStaticLocale = getStaticLocale;
 exports.isHexTransparent = isHexTransparent;
 exports.isTransparentColor = isTransparentColor;
 exports.isTransparentRGBA = isTransparentRGBA;
+exports.replaceLinkData = replaceLinkData;
 exports.youtubeShortsRegex = youtubeShortsRegex;

package/dist/cjs/icon-list-v2/components/IconList.liquid.js

@@ -21,6 +21,7 @@ const IconListV2 = ({ builderProps, style, setting, styles, advanced, pageContex
     };
     const valueMap = getvalueMap();
     return core.template`
+    {% assign locationOrigin = request.origin | append: routes.root_url | split: '/' | join: '/' %}
     <gp-icon-list
       ${{
         ...builderProps
@@ -49,7 +50,8 @@ const IconListV2 = ({ builderProps, style, setting, styles, advanced, pageContex
             uid: builderProps?.uid,
             settingId: `childItem_${key}`,
             pageContext,
-            translate
+            translate,
+            isReplaceLocationOrigin: true
         });
         return core.template`
            <div

package/dist/cjs/image-comparison/components/CompareImage.js

@@ -7,6 +7,7 @@ var React = require('react');
 var commonStyles = require('../constants/commonStyles.js');
 var core = require('@gem-sdk/core');
 var helpers = require('../../image/components/helpers.js');
+var helpers$1 = require('./common/helpers.js');
 
 const CompareImage = (props)=>{
     const { handle = null, handleSize = 40, hover = false, leftImage, leftImageAlt = '', leftImageTitle = '', leftImageCss = {}, leftImageLabel = null, onSliderPositionChange, rightImage, rightImageAlt = '', rightImageTitle = '', rightImageCss = {}, rightImageLabel = null, sliderLineColor = '#ffffff', sliderLineWidth = 2, sliderPositionPercentage = 0.5, vertical = false, enableLabel = false, componentUid, styles = {}, builderData, preload } = props;
@@ -448,10 +449,7 @@ const CompareImage = (props)=>{
                     title: "",
                     width: tempImage?.width,
                     height: tempImage?.height,
-                    style: {
-                        position: 'static',
-                        opacity: 0
-                    }
+                    style: helpers$1.styleLazyPlaceholder(aspectRatio)
                 }),
                 /*#__PURE__*/ jsxRuntime.jsx("img", {
                     onLoad: ()=>setRightImgLoaded(true),

package/dist/cjs/image-comparison/components/CompareImage.liquid.js

@@ -5,9 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var core = require('@gem-sdk/core');
 var Label_liquid = require('./Label.liquid.js');
 var NextImage_liquid = require('../../image/components/NextImage.liquid.js');
-var helpers$1 = require('../../image/components/helpers.js');
+var helpers$2 = require('../../image/components/helpers.js');
 var getSrcSet = require('../../image/helpers/getSrcSet.js');
-var helpers = require('../../helpers.js');
+var helpers$1 = require('../../helpers.js');
+var helpers = require('./common/helpers.js');
 
 const CompareImage = (props)=>{
     const { handle = null, handleSize = 40, hover = false, leftImage, leftImageAlt = '', leftImageTitle = '', leftImageCss = {}, leftImageLabel = null, onSliderPositionChange, rightImage, rightImageAlt = '', rightImageTitle = '', rightImageCss = {}, rightImageLabel = null, sliderLineColor = '#ffffff', sliderLineWidth = 2, sliderPositionPercentage = 0.5, vertical = false, enableLabel = false, componentUid = '', styles, advanced, builderData, preload = false, pageContext, translate } = props;
@@ -19,19 +20,19 @@ const CompareImage = (props)=>{
     const rightSrcImage = getSrcSet.getImageSrc(rightImage);
     const leftSrcImage = getSrcSet.getImageSrc(leftImage);
     const aspectRatio = {
-        desktop: helpers$1.composeAspectRatio({
+        desktop: helpers$2.composeAspectRatio({
             device: 'desktop',
             aspect: styles?.aspectRatio,
             auto: baseRatioImage,
             custom: styles?.customAspectRadio
         }) ?? defaultRatio,
-        tablet: helpers$1.composeAspectRatio({
+        tablet: helpers$2.composeAspectRatio({
             device: 'tablet',
             aspect: styles?.aspectRatio,
             auto: baseRatioImage,
             custom: styles?.customAspectRadio
         }),
-        mobile: helpers$1.composeAspectRatio({
+        mobile: helpers$2.composeAspectRatio({
             device: 'mobile',
             aspect: styles?.aspectRatio,
             auto: baseRatioImage,
@@ -254,10 +255,7 @@ const CompareImage = (props)=>{
         title=""
         width="${tempImage?.width}"
         height="${tempImage?.height}"
-        style="${{
-        position: 'static',
-        opacity: 0
-    }}"
+        style="${helpers.styleLazyPlaceholder(aspectRatio)}"
       />
       ${NextImage_liquid.default({
         customAttrs: {
@@ -343,7 +341,7 @@ const CompareImage = (props)=>{
     }) : ''}
     </div></div>
   </gp-image-comparison>
-  ${core.RenderIf(core.isLocalEnv, `<script ${helpers.getSettingPreloadData('class="gps-link" delay', 'src')}="{{ 'gp-image-comparison.js' | asset_url }}" defer="defer"></script>`, `<script ${helpers.getSettingPreloadData('class="gps-link" delay', 'src')}="${core.baseAssetURL}/assets-v2/gp-image-comparison.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+  ${core.RenderIf(core.isLocalEnv, `<script ${helpers$1.getSettingPreloadData('class="gps-link" delay', 'src')}="{{ 'gp-image-comparison.js' | asset_url }}" defer="defer"></script>`, `<script ${helpers$1.getSettingPreloadData('class="gps-link" delay', 'src')}="${core.baseAssetURL}/assets-v2/gp-image-comparison.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `;
 };
 

package/dist/cjs/image-comparison/components/common/helpers.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var core = require('@gem-sdk/core');
+
+const styleLazyPlaceholder = (aspectRatio)=>{
+    return {
+        '--pos': 'static',
+        '--op': 0,
+        ...core.makeStyleResponsive('aspect', aspectRatio)
+    };
+};
+
+exports.styleLazyPlaceholder = styleLazyPlaceholder;

package/dist/cjs/index.js

@@ -296,6 +296,7 @@ var index_liquid = require('./index.liquid.js');
 var builder = require('./builder.js');
 require('react/jsx-runtime');
 var _const = require('./common/const.js');
+var helpers = require('./helpers.js');
 var index$M = require('./post-purchase/text/setting/index.js');
 var Text$1 = require('./post-purchase/text/Text.js');
 
@@ -596,5 +597,14 @@ exports.nextComponent = next.default;
 exports.liquidComponents = index_liquid;
 exports.builderComponent = builder.default;
 exports.ELEMENT_Z_INDEX = _const.ELEMENT_Z_INDEX;
+exports.getDynamicSourceLocales = helpers.getDynamicSourceLocales;
+exports.getInsertLinkData = helpers.getInsertLinkData;
+exports.getSettingPreloadData = helpers.getSettingPreloadData;
+exports.getStaticLocale = helpers.getStaticLocale;
+exports.isHexTransparent = helpers.isHexTransparent;
+exports.isTransparentColor = helpers.isTransparentColor;
+exports.isTransparentRGBA = helpers.isTransparentRGBA;
+exports.replaceLinkData = helpers.replaceLinkData;
+exports.youtubeShortsRegex = helpers.youtubeShortsRegex;
 exports.postPurchaseTextSetting = index$M.default;
 exports.PostPurchaseText = Text$1.default;

package/dist/cjs/product/components/DynamicCheckout.liquid.js

@@ -99,7 +99,7 @@ const DynamicCheckout = ({ builderProps, styles, advanced, setting, pageContext
     })}
           ${composeSpacing('desktop')}
           ${core.composeCornerCss(styles?.roundedBtn?.normal, true)}
-          ${composeSize(composeGlobalSize.width.desktop ?? 'auto', composeGlobalSize.height.desktop ?? 'auto', false)}
+          ${composeSize(undefined, composeGlobalSize.height.desktop ?? 'auto', false)}
         }
         .wrap__button--unbranded__${builderProps?.uid} .shopify-payment-button .shopify-payment-button__button--unbranded::before {
           content: "";

package/dist/cjs/product/setting/FileUpload.js

@@ -19,7 +19,7 @@ const config = {
             controls: [
                 {
                     id: 'textContent',
-                    type: 'input',
+                    type: 'textarea',
                     default: 'Click or drop your image to upload (Max 10MB)'
                 },
                 {
@@ -865,14 +865,29 @@ const config = {
             ]
         },
         {
-            type: 'control',
+            type: 'group',
             label: {
                 en: 'Text'
             },
-            setting: {
-                id: 'typo'
-            },
-            layout: 'vertical'
+            controls: [
+                {
+                    type: 'control',
+                    label: {
+                        en: 'Content'
+                    },
+                    layout: 'horizontal',
+                    setting: {
+                        id: 'textContent'
+                    }
+                },
+                {
+                    type: 'control',
+                    setting: {
+                        id: 'typo'
+                    },
+                    layout: 'vertical'
+                }
+            ]
         },
         {
             type: 'group',

package/dist/cjs/text/components/Text.liquid.js

@@ -18,39 +18,31 @@ const Text = ({ styles, builderAttrs, style, setting, advanced, builderProps, cl
         return classList;
     };
     let displayText = '';
-    let renderText = '';
-    const regexCheckHasTagLink = /<a\s[^>]*>.*?<\/a>/;
-    if (text && regexCheckHasTagLink.test(text)) {
-        const regex = // eslint-disable-next-line regexp/no-super-linear-backtracking, regexp/no-unused-capturing-group
-        /<a\s+(?:[^>]*?\s+)?href=["']([^"']*)["'](?:\s+[^>]*?)?(?:target=["']([^"']*)["'])?.*?>.*?<\/a>/gi;
-        let newText = text.toString();
-        let match;
-        while((match = regex.exec(newText)) !== null){
-            const href = match[1];
-            const { urlData } = helpers.getInsertLinkData('', {
-                link: href
-            });
-            newText = newText.replace(match[0], match[0].replace(/(href=['"])([^'"]*)(['"])/i, `$1${urlData.href}$3`));
-        }
-        renderText = newText;
-    } else {
-        renderText = text;
-    }
+    const isViewliveHeadingOrTextComponent = [
+        'Heading',
+        'Text'
+    ].includes(builderProps?.builderData?.tag ?? '') && !pageContext?.isPreviewing;
+    const renderText = helpers.replaceLinkData(text?.toString());
     if (isForceValue) {
         displayText = renderText;
     } else if (setting?.translate) {
         displayText = helpers.getDynamicSourceLocales({
-            val: renderText,
+            val: text,
             uid: builderProps?.uid,
             settingId: setting?.translate,
             pageContext,
             isCapitalize: styles?.typo?.attrs?.transform === 'capitalize',
-            translate: setting.translate
+            translate: setting.translate,
+            isReplaceLocationOrigin: isViewliveHeadingOrTextComponent
         });
+        if (displayText == text) {
+            displayText = renderText;
+        }
     } else {
         displayText = styles?.typo?.attrs?.transform === 'capitalize' ? renderText?.toString().toLocaleLowerCase() : renderText;
     }
     return core.template`
+  {% assign locationOrigin = request.origin | append: routes.root_url | split: '/' | join: '/' %}
   <gp-text data-id="${builderProps?.uidInteraction ?? builderProps?.uid}">
     <div
       ${{

package/dist/esm/accordion/components/AccordionItem.liquid.js

@@ -85,7 +85,7 @@ const AccordionItem = ({ accordions, index, rawChildren, builderProps, title, pa
       }
     .gp-accordion-item .gp-accordion-item-${parentUid}-${index}:hover .gp-collapsible-icon.gp-accordion-item-active, .gp-accordion-item .gp-accordion-item-${parentUid}-${index}:hover .gp-icon.gp-accordion-item-active
      {
-        color: ${iconColor?.active} !important
+        color: ${color?.active} !important
       }
   </style>
   <div class="gp-overflow-clip" style="${{

package/dist/esm/carousel/components/CarouselItem.js

@@ -41,6 +41,11 @@ const CarouselItem = ({ children, builderAttrs, styles, advanced, setting, build
         parentStyle,
         passProps.style
     ]);
+    const itemShadowStyle = getStyleShadow({
+        value: parentStyle?.carouselShadow,
+        styleAppliedFor: 'box-shadow',
+        isEnableShadow: parentStyle?.hasActiveShadow
+    });
     return /*#__PURE__*/ jsx("div", {
         ...builderAttrs,
         ...passProps,
@@ -64,7 +69,12 @@ const CarouselItem = ({ children, builderAttrs, styles, advanced, setting, build
         },
         onClick: onClickItem,
         "aria-hidden": true,
-        children: isEmptyChildren(children) ? /*#__PURE__*/ jsx(ChildrenDroppable, {}) : children
+        children: /*#__PURE__*/ jsx("div", {
+            style: {
+                ...itemShadowStyle
+            },
+            children: isEmptyChildren(children) ? /*#__PURE__*/ jsx(ChildrenDroppable, {}) : children
+        })
     });
 };
 

package/dist/esm/carousel/components/CarouselItem.liquid.js

@@ -1,4 +1,4 @@
-import { template, getStyleBackgroundByDevice, makeStyleResponsive, cls, makeStyle, getSingleColorVariable, getStyleShadow, getRadiusStyleActiveState } from '@gem-sdk/core';
+import { getStyleShadow, template, getStyleBackgroundByDevice, makeStyleResponsive, cls, makeStyle, getSingleColorVariable, getRadiusStyleActiveState } from '@gem-sdk/core';
 import { getInitialWidthForCarouselItem, getCarouselSneakPeakTranslate } from './common/carousel.js';
 
 const CarouselItem = ({ children, builderAttrs, styles, advanced, setting, builderProps, style, className, parentId, parentStyle, parentSettings, background, index, customStyle, parentUid, contentType = 'normalItem', ...passProps })=>{
@@ -31,6 +31,11 @@ const CarouselItem = ({ children, builderAttrs, styles, advanced, setting, build
             })
         };
     };
+    const itemShadowStyle = getStyleShadow({
+        value: parentStyle?.carouselShadow,
+        styleAppliedFor: 'box-shadow',
+        isEnableShadow: parentStyle?.hasActiveShadow
+    });
     return template`
     <div
       media-type="{{media.media_type}}"
@@ -75,7 +80,13 @@ const CarouselItem = ({ children, builderAttrs, styles, advanced, setting, build
       class="${cls(`gem-slider-item gp-w-full gem-slider-item-${parentId || ''} gp-child-item-${parentUid}`, builderProps?.uid, className)}"
       data-index="${index}"
     >
+      <div
+        style="${{
+        ...itemShadowStyle
+    }}"
+      >
       ${children}
+      </div>
     </div>
   `;
 };

package/dist/esm/form/components/newsletter/Newsletter.liquid.js

@@ -1,5 +1,5 @@
 import { template, cls, RenderIf, isLocalEnv, baseAssetURL } from '@gem-sdk/core';
-import { getDynamicSourceLocales, getInsertLinkData, getSettingPreloadData, getStaticLocale } from '../../../helpers.js';
+import { getDynamicSourceLocales, getStaticLocale, getInsertLinkData, getSettingPreloadData } from '../../../helpers.js';
 
 const Newsletter = ({ builderProps, setting, children, style, formType, advanced, pageContext })=>{
     const errorMessage = getDynamicSourceLocales({

package/dist/esm/helpers.js

@@ -32,7 +32,7 @@ const isHexTransparent = (hex)=>{
     return Boolean(a);
 };
 const youtubeShortsRegex = /^(?:https?:\/\/)?(?:www\.)?youtube\.com\/shorts\/([^"&?/\s]{11})$/i;
-const getDynamicSourceLocales = ({ val, uid, settingId, isLiquid, pageContext, isCapitalize, defaultVal = '', translate })=>{
+const getDynamicSourceLocales = ({ val, uid, settingId, isLiquid, pageContext, isCapitalize, defaultVal = '', translate, isReplaceLocationOrigin })=>{
     const hasLiquidInValue = new RegExp(/\{\{.*?\}\}|\{%.*?%\}/).test(val?.toString() ?? '');
     const translateLimit = pageContext?.isTranslateWithLocale ? 1000 : 5000;
     if (!translate || !val?.toString().trim() || val.toString().length > translateLimit || hasLiquidInValue || pageContext?.isPreviewing) return val ?? defaultVal;
@@ -41,6 +41,9 @@ const getDynamicSourceLocales = ({ val, uid, settingId, isLiquid, pageContext, i
     if (pageContext?.isTranslateWithLocale) {
         locale = `"sections.${pageContext.sectionName}.${translateKey}_html" | t`;
     }
+    if (isReplaceLocationOrigin) {
+        locale += ` | replace: '$locationOrigin', locationOrigin`;
+    }
     if (isCapitalize) {
         locale = `${locale} | downcase`;
     }
@@ -70,7 +73,11 @@ const getInsertLinkData = (defaultWrap, setting, htmlType)=>{
     const isShopifyDomain = isHyperlink && !regexHttp.test(urlHref) && regexPageType.test(urlHref);
     const isDomain = isHyperlink && regexHttp.test(urlHref);
     if (isShopifyDomain || isHomePageHref) {
-        urlHref = "{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}" + urlHref;
+        if (setting?.isTranslate) {
+            urlHref = '$locationOrigin' + urlHref;
+        } else {
+            urlHref = "{{ request.origin }}{{ routes.root_url | split: '/' | join: '/' }}" + urlHref;
+        }
     }
     const isLink = ()=>{
         if (URL_START_WITH.find((el)=>urlHref.startsWith(el))) return true;
@@ -95,5 +102,24 @@ const getInsertLinkData = (defaultWrap, setting, htmlType)=>{
         shouldRenderLink
     };
 };
+const replaceLinkData = (text, isTranslate)=>{
+    const regex = /<a\s[^>]*>.*?<\/a>/;
+    if (text && regex.test(text)) {
+        const regex = // eslint-disable-next-line regexp/no-super-linear-backtracking, regexp/no-unused-capturing-group
+        /<a\s+(?:[^>]*?\s+)?href=["']([^"']*)["'](?:\s+[^>]*?)?(?:target=["']([^"']*)["'])?.*?>.*?<\/a>/gi;
+        let newText = text.toString();
+        let match;
+        while((match = regex.exec(newText)) !== null){
+            const href = match[1];
+            const { urlData } = getInsertLinkData('', {
+                link: href,
+                isTranslate
+            });
+            newText = newText.replace(match[0], match[0].replace(/(href=['"])([^'"]*)(['"])/i, `$1${urlData.href}$3`));
+        }
+        return newText;
+    }
+    return text;
+};
 
-export { getDynamicSourceLocales, getInsertLinkData, getSettingPreloadData, getStaticLocale, isHexTransparent, isTransparentColor, isTransparentRGBA, youtubeShortsRegex };
+export { getDynamicSourceLocales, getInsertLinkData, getSettingPreloadData, getStaticLocale, isHexTransparent, isTransparentColor, isTransparentRGBA, replaceLinkData, youtubeShortsRegex };

package/dist/esm/icon-list-v2/components/IconList.liquid.js

@@ -17,6 +17,7 @@ const IconListV2 = ({ builderProps, style, setting, styles, advanced, pageContex
     };
     const valueMap = getvalueMap();
     return template`
+    {% assign locationOrigin = request.origin | append: routes.root_url | split: '/' | join: '/' %}
     <gp-icon-list
       ${{
         ...builderProps
@@ -45,7 +46,8 @@ const IconListV2 = ({ builderProps, style, setting, styles, advanced, pageContex
             uid: builderProps?.uid,
             settingId: `childItem_${key}`,
             pageContext,
-            translate
+            translate,
+            isReplaceLocationOrigin: true
         });
         return template`
            <div

package/dist/esm/image-comparison/components/CompareImage.js

@@ -3,6 +3,7 @@ import { useState, useRef, useMemo, useEffect, useCallback } from 'react';
 import styles from '../constants/commonStyles.js';
 import { useEditorMode, usePageType, getResponsiveValueByScreen, composeBorderCss, composeCornerCss, composeTypographyClassName, composeTypographyStyle, cls, makeStyle, makeStyleResponsive, makeWidth, getCornerCSSFromGlobal } from '@gem-sdk/core';
 import { composeAspectRatio } from '../../image/components/helpers.js';
+import { styleLazyPlaceholder } from './common/helpers.js';
 
 const CompareImage = (props)=>{
     const { handle = null, handleSize = 40, hover = false, leftImage, leftImageAlt = '', leftImageTitle = '', leftImageCss = {}, leftImageLabel = null, onSliderPositionChange, rightImage, rightImageAlt = '', rightImageTitle = '', rightImageCss = {}, rightImageLabel = null, sliderLineColor = '#ffffff', sliderLineWidth = 2, sliderPositionPercentage = 0.5, vertical = false, enableLabel = false, componentUid, styles: styles$1 = {}, builderData, preload } = props;
@@ -444,10 +445,7 @@ const CompareImage = (props)=>{
                     title: "",
                     width: tempImage?.width,
                     height: tempImage?.height,
-                    style: {
-                        position: 'static',
-                        opacity: 0
-                    }
+                    style: styleLazyPlaceholder(aspectRatio)
                 }),
                 /*#__PURE__*/ jsx("img", {
                     onLoad: ()=>setRightImgLoaded(true),

package/dist/esm/image-comparison/components/CompareImage.liquid.js

@@ -4,6 +4,7 @@ import NextImage from '../../image/components/NextImage.liquid.js';
 import { composeAspectRatio } from '../../image/components/helpers.js';
 import { getImageSrc } from '../../image/helpers/getSrcSet.js';
 import { getSettingPreloadData } from '../../helpers.js';
+import { styleLazyPlaceholder } from './common/helpers.js';
 
 const CompareImage = (props)=>{
     const { handle = null, handleSize = 40, hover = false, leftImage, leftImageAlt = '', leftImageTitle = '', leftImageCss = {}, leftImageLabel = null, onSliderPositionChange, rightImage, rightImageAlt = '', rightImageTitle = '', rightImageCss = {}, rightImageLabel = null, sliderLineColor = '#ffffff', sliderLineWidth = 2, sliderPositionPercentage = 0.5, vertical = false, enableLabel = false, componentUid = '', styles, advanced, builderData, preload = false, pageContext, translate } = props;
@@ -250,10 +251,7 @@ const CompareImage = (props)=>{
         title=""
         width="${tempImage?.width}"
         height="${tempImage?.height}"
-        style="${{
-        position: 'static',
-        opacity: 0
-    }}"
+        style="${styleLazyPlaceholder(aspectRatio)}"
       />
       ${NextImage({
         customAttrs: {

package/dist/esm/image-comparison/components/common/helpers.js

@@ -0,0 +1,11 @@
+import { makeStyleResponsive } from '@gem-sdk/core';
+
+const styleLazyPlaceholder = (aspectRatio)=>{
+    return {
+        '--pos': 'static',
+        '--op': 0,
+        ...makeStyleResponsive('aspect', aspectRatio)
+    };
+};
+
+export { styleLazyPlaceholder };

package/dist/esm/index.js

@@ -295,5 +295,6 @@ export { index_liquid as liquidComponents };
 export { default as builderComponent } from './builder.js';
 import 'react/jsx-runtime';
 export { ELEMENT_Z_INDEX } from './common/const.js';
+export { getDynamicSourceLocales, getInsertLinkData, getSettingPreloadData, getStaticLocale, isHexTransparent, isTransparentColor, isTransparentRGBA, replaceLinkData, youtubeShortsRegex } from './helpers.js';
 export { default as postPurchaseTextSetting } from './post-purchase/text/setting/index.js';
 export { default as PostPurchaseText } from './post-purchase/text/Text.js';

package/dist/esm/product/components/DynamicCheckout.liquid.js

@@ -95,7 +95,7 @@ const DynamicCheckout = ({ builderProps, styles, advanced, setting, pageContext
     })}
           ${composeSpacing('desktop')}
           ${composeCornerCss(styles?.roundedBtn?.normal, true)}
-          ${composeSize(composeGlobalSize.width.desktop ?? 'auto', composeGlobalSize.height.desktop ?? 'auto', false)}
+          ${composeSize(undefined, composeGlobalSize.height.desktop ?? 'auto', false)}
         }
         .wrap__button--unbranded__${builderProps?.uid} .shopify-payment-button .shopify-payment-button__button--unbranded::before {
           content: "";

package/dist/esm/product/setting/FileUpload.js

@@ -15,7 +15,7 @@ const config = {
             controls: [
                 {
                     id: 'textContent',
-                    type: 'input',
+                    type: 'textarea',
                     default: 'Click or drop your image to upload (Max 10MB)'
                 },
                 {
@@ -861,14 +861,29 @@ const config = {
             ]
         },
         {
-            type: 'control',
+            type: 'group',
             label: {
                 en: 'Text'
             },
-            setting: {
-                id: 'typo'
-            },
-            layout: 'vertical'
+            controls: [
+                {
+                    type: 'control',
+                    label: {
+                        en: 'Content'
+                    },
+                    layout: 'horizontal',
+                    setting: {
+                        id: 'textContent'
+                    }
+                },
+                {
+                    type: 'control',
+                    setting: {
+                        id: 'typo'
+                    },
+                    layout: 'vertical'
+                }
+            ]
         },
         {
             type: 'group',

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

@@ -1,5 +1,5 @@
 import { makeGlobalSize, composeTypographyClassName, composeTypographyStyle, template, makeStyle, makeStyleResponsive, cls, getGlobalColorClass, getGlobalColorStateClass, getStyleShadowState, getStyleShadow, makeLineClamp, getGlobalColorStyle, getGlobalColorStateStyle, getStyleBackgroundByDevice, getGradientBgrStyleByDevice, getCornerStyle } from '@gem-sdk/core';
-import { getInsertLinkData, getDynamicSourceLocales } from '../../helpers.js';
+import { replaceLinkData, getDynamicSourceLocales } from '../../helpers.js';
 
 const Text = ({ styles, builderAttrs, style, setting, advanced, builderProps, className, isText, pageContext, elementAttrs, ...props })=>{
     const { text, htmlTag: Element = 'div', tagWidth, excludeFlex, isForceValue } = setting ?? {};
@@ -14,39 +14,31 @@ const Text = ({ styles, builderAttrs, style, setting, advanced, builderProps, cl
         return classList;
     };
     let displayText = '';
-    let renderText = '';
-    const regexCheckHasTagLink = /<a\s[^>]*>.*?<\/a>/;
-    if (text && regexCheckHasTagLink.test(text)) {
-        const regex = // eslint-disable-next-line regexp/no-super-linear-backtracking, regexp/no-unused-capturing-group
-        /<a\s+(?:[^>]*?\s+)?href=["']([^"']*)["'](?:\s+[^>]*?)?(?:target=["']([^"']*)["'])?.*?>.*?<\/a>/gi;
-        let newText = text.toString();
-        let match;
-        while((match = regex.exec(newText)) !== null){
-            const href = match[1];
-            const { urlData } = getInsertLinkData('', {
-                link: href
-            });
-            newText = newText.replace(match[0], match[0].replace(/(href=['"])([^'"]*)(['"])/i, `$1${urlData.href}$3`));
-        }
-        renderText = newText;
-    } else {
-        renderText = text;
-    }
+    const isViewliveHeadingOrTextComponent = [
+        'Heading',
+        'Text'
+    ].includes(builderProps?.builderData?.tag ?? '') && !pageContext?.isPreviewing;
+    const renderText = replaceLinkData(text?.toString());
     if (isForceValue) {
         displayText = renderText;
     } else if (setting?.translate) {
         displayText = getDynamicSourceLocales({
-            val: renderText,
+            val: text,
             uid: builderProps?.uid,
             settingId: setting?.translate,
             pageContext,
             isCapitalize: styles?.typo?.attrs?.transform === 'capitalize',
-            translate: setting.translate
+            translate: setting.translate,
+            isReplaceLocationOrigin: isViewliveHeadingOrTextComponent
         });
+        if (displayText == text) {
+            displayText = renderText;
+        }
     } else {
         displayText = styles?.typo?.attrs?.transform === 'capitalize' ? renderText?.toString().toLocaleLowerCase() : renderText;
     }
     return template`
+  {% assign locationOrigin = request.origin | append: routes.root_url | split: '/' | join: '/' %}
   <gp-text data-id="${builderProps?.uidInteraction ?? builderProps?.uid}">
     <div
       ${{

package/dist/types/index.d.ts

@@ -7522,4 +7522,33 @@ declare const ELEMENT_Z_INDEX: {
     CART_DRAWER_CONFIRM_MODAL: number;
 };
 
-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, 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, 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, EstimateDate$1 as EstimateDate, EstimateDateProps, 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, 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, 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, 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$1 as 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, Sticky$1 as Sticky, StickyProps, StockCounter$1 as StockCounter, StockCounterProps$1 as 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, TrustMe$1 as TrustMe, TrustMeProps, 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, _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, _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, _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 };
+type DynamicSource = {
+    val: React.ReactNode;
+    uid?: string;
+    settingId: string;
+    isLiquid?: boolean;
+    pageContext?: PageContext;
+    isCapitalize?: boolean;
+    defaultVal?: string;
+    translate?: string;
+    isReplaceLocationOrigin?: 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 getStaticLocale: (tag: string, key: string) => string;
+declare const getSettingPreloadData: (disabledValue: string, enabledValue?: string) => string;
+declare const getInsertLinkData: (defaultWrap: string, setting?: {
+    link?: string;
+    target?: string;
+    isTranslate?: boolean;
+}, htmlType?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'] | 'link') => {
+    Wrap: string;
+    urlData: Record<string, any>;
+    shouldRenderLink: boolean;
+};
+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, 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, 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, EstimateDate$1 as EstimateDate, EstimateDateProps, 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, 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, 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, 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$1 as 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, Sticky$1 as Sticky, StickyProps, StockCounter$1 as StockCounter, StockCounterProps$1 as 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, TrustMe$1 as TrustMe, TrustMeProps, 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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "2.0.10",
+  "version": "2.0.12",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",