@gem-sdk/components 2.0.0-staging.128 → 2.0.1

package/dist/cjs/product/components/ProductTag.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -8,9 +7,7 @@ var core = require('@gem-sdk/core');
 var React = require('react');
 var Text = require('../../text/components/Text.js');
 var productBundle$1 = require('./constants/product-bundle.js');
-var NoDataState = require('../../common/components/NoDataState.js');
 var productBundle = require('../helpers/product-bundle.js');
-var TooltipHover = require('../../common/components/TooltipHover.js');
 
 const ProductTag = ({ setting, styles, builderProps, ...passProps })=>{
     const { customContent } = setting ?? {};
@@ -40,16 +37,16 @@ const ProductTag = ({ setting, styles, builderProps, ...passProps })=>{
         salePrice
     ]);
     const { useProductCompareAtPrice } = core.useProductBundleDiscount();
-    const { discountPercentAmount, discountAmount } = productBundle.applyBundleDiscountAmount({
-        currentVariant,
-        bundleItem,
-        options: {
-            moneyFormat,
-            useProductCompareAtPrice
-        }
-    });
     const bundleDiscountDisplay = React.useMemo(()=>{
         if (!bundleItem) return 0;
+        const { discountPercentAmount, discountAmount } = productBundle.applyBundleDiscountAmount({
+            currentVariant,
+            bundleItem,
+            options: {
+                moneyFormat,
+                useProductCompareAtPrice
+            }
+        });
         const { discountType } = bundleItem;
         const { unit } = customContent || {};
         if (discountType === productBundle$1.DiscountType.NoDiscount && !useProductCompareAtPrice) {
@@ -61,11 +58,10 @@ const ProductTag = ({ setting, styles, builderProps, ...passProps })=>{
         return discountAmount;
     }, [
         bundleItem,
-        customContent,
-        useProductCompareAtPrice,
-        discountAmount,
+        currentVariant,
         moneyFormat,
-        discountPercentAmount
+        useProductCompareAtPrice,
+        customContent
     ]);
     const unitCustomDisplay = React.useMemo(()=>{
         if (!bundleItem) {
@@ -81,29 +77,14 @@ const ProductTag = ({ setting, styles, builderProps, ...passProps })=>{
     const textColorClass = core.getGlobalColorClass('text', textColor);
     const backgroundColorClass = core.getGlobalColorClass('bg', backgroundColor);
     const currentProductId = product?.baseID?.replace('gid://shopify/Product/', '');
-    const shouldPlaceholderNoDiscount = React.useMemo(()=>{
-        const noDiscount = !bundleItem ? priceSave <= 0 : discountPercentAmount <= 0;
-        return mode === 'edit' && noDiscount;
+    React.useMemo(()=>{
+        if (mode !== 'edit' && (salePrice <= 0 || Math.ceil(priceSave / (salePrice / 100)) <= 0)) return 'true';
+        return 'false';
     }, [
-        bundleItem,
-        discountPercentAmount,
         mode,
+        salePrice,
         priceSave
     ]);
-    if (shouldPlaceholderNoDiscount) {
-        return /*#__PURE__*/ jsxRuntime.jsx(TooltipHover.default, {
-            enable: true,
-            text: 'Not be displayed when published',
-            position: 'bottom',
-            width: '205px',
-            children: /*#__PURE__*/ jsxRuntime.jsx(NoDataState.default, {
-                builderAttrs: builderProps?.builderData,
-                elementType: "secondary",
-                description: "No discount",
-                rawMode: true
-            })
-        });
-    }
     return /*#__PURE__*/ jsxRuntime.jsx("div", {
         className: core.cls({
             'gp-opacity-0 ': mode !== 'edit' && (salePrice <= 0 || Math.ceil(priceSave / (salePrice / 100)) <= 0),

package/dist/cjs/product/components/ProductTitle.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/components/ProductVariants/index.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -16,7 +15,6 @@ var React = require('react');
 var common = require('./common.js');
 var mappingVariantStyles = require('./utils/mappingVariantStyles.js');
 var useVariantInteraction = require('./hooks/useVariantInteraction.js');
-var NoDataState = require('../../../common/components/NoDataState.js');
 
 const DEVICES = [
     'desktop',
@@ -30,7 +28,6 @@ const ProductVariants = ({ builderProps, style, styles, setting })=>{
     const { label, optionType, showAsSwatches, layout, column, hasPreSelected } = setting ?? {};
     const { uid } = builderProps ?? {};
     const variants = core.useVariants();
-    const { redirectProductShopifyLink } = core.useProductShopifyEditLink();
     const product$1 = core.useProduct();
     const isSyncProduct = core.useIsSyncProduct();
     const currentDevice = core.useCurrentDevice();
@@ -39,7 +36,6 @@ const ProductVariants = ({ builderProps, style, styles, setting })=>{
         element: elementRef,
         uid: builderProps?.uid
     });
-    const mode = core.useEditorMode();
     const { selectedOptions, setSelectedOption, forceSelectedOption } = core.useSelectedOption();
     const { setHasPreSelected } = core.useHasPreSelected();
     const variantsWidth = core.makeStyleResponsive('w', core.makeWidth(width, fullWidth));
@@ -63,13 +59,15 @@ const ProductVariants = ({ builderProps, style, styles, setting })=>{
         const url = new URL(window.location.href);
         const variantId = url.searchParams.get(VARIANT_PARAM_PATH);
         if (variantId) {
-            return variants.find((variant)=>variant?.id === variantId);
+            const variantSelected = variants.find((variant)=>variant?.id === variantId);
+            return variantSelected;
         }
         return null;
     };
     const getInStock = (selected)=>{
         const variantSelected = product.getSelectedVariant(variants, selected);
-        return core.checkInStock(variantSelected);
+        const inStock = core.checkInStock(variantSelected);
+        return inStock;
     };
     React.useEffect(()=>{
         const variantSelected = getVariantByPath();
@@ -208,24 +206,8 @@ const ProductVariants = ({ builderProps, style, styles, setting })=>{
     }, [
         layout
     ]);
-    if (isDefaultVariant && mode === 'edit') {
-        return /*#__PURE__*/ jsxRuntime.jsx(NoDataState.default, {
-            elementType: "secondary",
-            description: "Setup options like colors, sizes with product variant.",
-            descriptionActions: [
-                {
-                    text: 'Add new variant',
-                    callback: redirectProductShopifyLink
-                },
-                {
-                    text: 'sync data',
-                    callback: 'syncProduct'
-                }
-            ]
-        });
-    }
     return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
-        children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
+        children: !isDefaultVariant ? /*#__PURE__*/ jsxRuntime.jsxs("div", {
             "data-id": builderProps?.uid,
             className: "gp-grid",
             ref: elementRef,
@@ -355,6 +337,12 @@ const ProductVariants = ({ builderProps, style, styles, setting })=>{
                     })
                 })
             ]
+        }) : /*#__PURE__*/ jsxRuntime.jsx("div", {
+            "data-id": builderProps?.uid,
+            children: /*#__PURE__*/ jsxRuntime.jsx("p", {
+                className: "gp-p-2 gp-text-center gp-text-sm gp-font-semibold gp-text-gray-500",
+                children: "This product has only default variant"
+            })
         })
     });
 };

package/dist/cjs/product/components/ProductVariants/index.liquid.js

@@ -17,10 +17,15 @@ const DEVICES = [
     'tablet',
     'mobile'
 ];
+const DEFAULT_ADVANCED_DISPLAY_SETTING = {
+    desktop: true,
+    tablet: true,
+    mobile: true
+};
 const ProductVariants = ({ builderProps, style, styles, setting, advanced })=>{
     const { width, fullWidth, align, swatchItemWidth, dropdownItemWidth, marginBottom, swatchSpacing, optionTypo, labelGap } = styles ?? {};
     const { label, optionType, showAsSwatches, layout, column, hasPreSelected } = setting ?? {};
-    const advancedDisplay = advanced?.d;
+    const advancedDisplay = advanced?.d ?? DEFAULT_ADVANCED_DISPLAY_SETTING;
     const { uid } = builderProps ?? {};
     // full width
     const variantsWidth = core.makeStyleResponsive('w', core.makeWidth(width, fullWidth));

package/dist/cjs/product/components/ProductVariants/variants/Base.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/components/ProductVariants/variants/Color.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/components/ProductVariants/variants/Dropdown.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/components/ProductVariants/variants/DropdownOption.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/components/ProductVariants/variants/Image.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/components/ProductVariants/variants/ImageShopify.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/components/ProductVariants/variants/RadioButtons.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/components/ProductVariants/variants/RectangleList.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/components/ProductVariants/variants/VariantGroup.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/components/ProductVariants/variants/VariantOption/index.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/components/ProductVariants/variants/index.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/components/ProductVariants/variants/index.liquid.js

@@ -137,7 +137,8 @@ const VariantItem = ({ name, variantKey, value, id, activeClass, optionPosition,
   <span class="gp-sr-only">${value?.label}</span>
   <div   
   option-name="{{option.name | escape}}"
-  option-name-value="{{value | escape}}" 
+  option-name-value="{{value | escape}}"
+  data-gp-option-value-id="{{value.id}}"
   class="option-item-inner gp-w-auto gp-h-auto {%- if option_disabled == true -%}${isSoldOutMark ? 'gp-opacity-20' : ''}{%- endif -%}">
   ${props.isRenderDefault ? renderDefaultComponentOnly() : renderComponent()}
   </div>

package/dist/cjs/product/components/ProductViewMore.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

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

@@ -4,15 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@gem-sdk/core');
 var Button_liquid = require('../../button/components/Button.liquid.js');
-var helpers = require('../../helpers.js');
 
 const ProductViewMore = ({ setting, builderProps, builderAttrs, style, styles, advanced, pageContext })=>{
     const { ...buttonStyles } = styles ?? {};
     const { label, iconSvg, iconAlign, iconVisible, translate } = setting ?? {};
     return core.template`
-    <gp-product-view-more>
-      ${Button_liquid.default({
-        className: 'btn-view-more',
+    ${Button_liquid.default({
         builderProps: builderProps,
         builderAttrs: builderAttrs,
         setting: {
@@ -34,8 +31,6 @@ const ProductViewMore = ({ setting, builderProps, builderAttrs, style, styles, a
         advanced,
         pageContext
     })}
-       ${core.RenderIf(core.isLocalEnv, `<script ${helpers.getSettingPreloadData('class="gps-link" delay', 'src')}="{{ 'gp-product-view-more.js' | asset_url }}" defer="defer"></script>`, `<script ${helpers.getSettingPreloadData('class="gps-link" delay', 'src')}="${core.baseAssetURL}/assets-v2/gp-product-view-more.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
-    </gp-product-view-more>
   `;
 };
 

package/dist/cjs/product/components/SalePageProductListWarning.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/components/Sku.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/components/Vendor.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/product/next.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var dynamic = require('next/dynamic');
 var Loading = require('../common/components/Loading.js');
 require('react/jsx-runtime');
-require('react');
-require('@gem-sdk/core');
 
 const Product = dynamic(()=>Promise.resolve().then(function () { return require('./components/Product.js'); }), {
     loading: Loading.default
@@ -18,12 +16,14 @@ const ProductQuantity = dynamic(()=>Promise.resolve().then(function () { return
     loading: Loading.default
 });
 const ProductDescription = dynamic(()=>Promise.resolve().then(function () { return require('./components/ProductDescription.js'); }), {
+    ssr: false,
     loading: Loading.default
 });
 const ProductPrice = dynamic(()=>Promise.resolve().then(function () { return require('./components/ProductPrice.js'); }), {
     loading: Loading.default
 });
 const ProductButton = dynamic(()=>Promise.resolve().then(function () { return require('./components/ProductButton.js'); }), {
+    ssr: false,
     loading: Loading.default
 });
 const ProductVariants = dynamic(()=>Promise.resolve().then(function () { return require('./components/ProductVariants/index.js'); }), {

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

@@ -932,8 +932,7 @@ const config = {
                                         ],
                                         display: 'fill'
                                     }
-                                },
-                                allowSameHeight: true
+                                }
                             },
                             styles: {
                                 verticalGutter: {
@@ -978,8 +977,7 @@ const config = {
                                     tag: 'Col',
                                     label: 'Block',
                                     settings: {
-                                        fullHeight: true,
-                                        allowSameHeight: true
+                                        fullHeight: true
                                     },
                                     styles: {
                                         justifyContent: {

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

@@ -1026,7 +1026,7 @@ const config = {
                     label: {
                         en: 'Invalid number'
                     },
-                    condition: 'numberOnly === true && ["text", "textarea"].includes(type)'
+                    condition: 'numberOnly === true'
                 },
                 {
                     type: 'control',

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

@@ -23,7 +23,7 @@ var ProductViewMore = require('./ProductViewMore.js');
 var ProductBadge = require('./ProductBadge.js');
 var FileUpload = require('./FileUpload.js');
 
-var productSetting = {
+var index = {
     Product: Product.default,
     ProductQuantity: ProductQuantity.default,
     ProductTitle: ProductTitle.default,
@@ -46,4 +46,4 @@ var productSetting = {
     FileUpload: FileUpload.default
 };
 
-exports.default = productSetting;
+exports.default = index;

package/dist/cjs/radio/Radio.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/radio/next.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var dynamic = require('next/dynamic');
 var Loading = require('../common/components/Loading.js');
 require('react/jsx-runtime');
-require('react');
-require('@gem-sdk/core');
 
 const Radio = dynamic(()=>Promise.resolve().then(function () { return require('./Radio.js'); }), {
     loading: Loading.default

package/dist/cjs/radio/setting/index.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var Radio = require('./Radio.js');
 
-var radioSetting = {
+var index = {
     Radio: Radio.default
 };
 
-exports.default = radioSetting;
+exports.default = index;

package/dist/cjs/select/Select.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/select/next.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var dynamic = require('next/dynamic');
 var Loading = require('../common/components/Loading.js');
 require('react/jsx-runtime');
-require('react');
-require('@gem-sdk/core');
 
 const Select = dynamic(()=>Promise.resolve().then(function () { return require('./Select.js'); }), {
     loading: Loading.default

package/dist/cjs/select/setting/index.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var Select = require('../Select.js');
 
-var selectSetting = {
+var index = {
     Select: Select.default
 };
 
-exports.default = selectSetting;
+exports.default = index;

package/dist/cjs/sticky/components/Sticky.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -19,7 +18,7 @@ const Sticky = ({ children, builderAttrs, setting, style, builderProps })=>{
         mobile: false
     });
     const w = core.makeStyleResponsive('w', styleObject.content);
-    const sidebarMode = core.usePageStore((s)=>s.sidebarMode === 'interaction');
+    const isSelectOnPage = core.usePageStore((s)=>s.interactionData?.isSelectOnPage);
     const currentDevice = core.useCurrentDevice();
     const getCSSPosition = (position)=>{
         return position == 'top' ? 'sticky' : 'fixed';
@@ -38,13 +37,13 @@ const Sticky = ({ children, builderAttrs, setting, style, builderProps })=>{
         };
     };
     const gap = React.useMemo(()=>{
-        if (sidebarMode && position?.[currentDevice] === 'top') {
+        if (isSelectOnPage && position?.[currentDevice] === 'top') {
             return '40px';
         }
         return undefined;
     }, [
         currentDevice,
-        sidebarMode,
+        isSelectOnPage,
         position
     ]);
     const displayStyle = React.useCallback(()=>{

package/dist/cjs/sticky/components/Sticky.liquid.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var core = require('@gem-sdk/core');
 var helpers = require('../../helpers.js');
 require('react/jsx-runtime');
-require('react');
 var _const = require('../../common/const.js');
 
 const Sticky = ({ children, builderAttrs, setting, style, builderProps, advanced })=>{

package/dist/cjs/sticky/next.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var dynamic = require('next/dynamic');
 var Loading = require('../common/components/Loading.js');
 require('react/jsx-runtime');
-require('react');
-require('@gem-sdk/core');
 
 const Sticky = dynamic(()=>Promise.resolve().then(function () { return require('./components/Sticky.js'); }), {
     loading: Loading.default

package/dist/cjs/sticky/setting/index.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var Sticky = require('./Sticky.js');
 
-var stickySetting = {
+var index = {
     Sticky: Sticky.default
 };
 
-exports.default = stickySetting;
+exports.default = index;

package/dist/cjs/stock-counter/components/StockCounter.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/stock-counter/next.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var dynamic = require('next/dynamic');
 var Loading = require('../common/components/Loading.js');
 require('react/jsx-runtime');
-require('react');
-require('@gem-sdk/core');
 
 const StockCounter = dynamic(()=>Promise.resolve().then(function () { return require('./components/StockCounter.js'); }), {
     loading: Loading.default

package/dist/cjs/stock-counter/setting/index.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var StockCounter = require('./StockCounter.js');
 
-var stockCounterSetting = {
+var index = {
     StockCounter: StockCounter.default
 };
 
-exports.default = stockCounterSetting;
+exports.default = index;

package/dist/cjs/tab/components/TabItem.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/tab/components/Tabs.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/dist/cjs/tab/next.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var dynamic = require('next/dynamic');
 var Loading = require('../common/components/Loading.js');
 require('react/jsx-runtime');
-require('react');
-require('@gem-sdk/core');
 
 const Tabs = dynamic(()=>Promise.resolve().then(function () { return require('./components/Tabs.js'); }), {
     loading: Loading.default

package/dist/cjs/tab/setting/index.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var Tabs = require('./Tabs.js');
 var TabItem = require('./TabItem.js');
 
-var tabSetting = {
+var index = {
     Tabs: Tabs.default,
     TabItem: TabItem.default
 };
 
-exports.default = tabSetting;
+exports.default = index;

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

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

@@ -18,13 +18,23 @@ const Text = ({ styles, builderAttrs, style, setting, advanced, builderProps, cl
         return classList;
     };
     let displayText = '';
-    const isHeadingOrTextComponent = [
-        'Heading',
-        'Text'
-    ].includes(builderProps?.builderData?.tag ?? '');
-    let renderText = text;
-    if (isHeadingOrTextComponent) {
-        renderText = helpers.replaceLinkData(text?.toString());
+    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;
     }
     if (isForceValue) {
         displayText = renderText;
@@ -35,12 +45,8 @@ const Text = ({ styles, builderAttrs, style, setting, advanced, builderProps, cl
             settingId: setting?.translate,
             pageContext,
             isCapitalize: styles?.typo?.attrs?.transform === 'capitalize',
-            translate: setting.translate,
-            isLiquid: isHeadingOrTextComponent
+            translate: setting.translate
         });
-        if (isHeadingOrTextComponent) {
-            displayText = `{{ ${displayText} | replace: '$locationOrigin', locationOrigin }}`;
-        }
     } else {
         displayText = styles?.typo?.attrs?.transform === 'capitalize' ? renderText?.toString().toLocaleLowerCase() : renderText;
     }

package/dist/cjs/text/next.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var dynamic = require('next/dynamic');
 var Loading = require('../common/components/Loading.js');
 require('react/jsx-runtime');
-require('react');
-require('@gem-sdk/core');
 
 const Text = dynamic(()=>Promise.resolve().then(function () { return require('./components/Text.js'); }), {
     loading: Loading.default