@gem-sdk/core 2.0.0-dev.178 → 2.0.0-dev.184

package/dist/cjs/components/ComponentToolbarPreview.js

@@ -8,13 +8,6 @@ var react = require('react');
 require('zustand');
 var BuilderPreviewContext = require('../contexts/BuilderPreviewContext.js');
 var PageContext = require('../contexts/PageContext.js');
-var ShopContext = require('../contexts/ShopContext.js');
-require('swr');
-require('@gem-sdk/adapter-shopify');
-require('swr/mutation');
-require('swr/infinite');
-require('vanilla-lazyload');
-require('../hooks/useCartUI.js');
 var CreateThemeSection = require('./theme-section/CreateThemeSection.js');
 var Tooltip = require('./toolbar/Tooltip.js');
 var ThemeSectionStatus = require('./theme-section/ThemeSectionStatus.js');
@@ -24,7 +17,14 @@ var constant = require('./constant.js');
 var AIContentGenerator = require('./ai-generator/AIContentGenerator.js');
 var AIGenContentLoading = require('./ai-generator/AIGenContentLoading.js');
 var InteractionSuffix = require('./InteractionSuffix.js');
+require('swr');
 require('../helpers/convert.js');
+var ShopContext = require('../contexts/ShopContext.js');
+require('@gem-sdk/adapter-shopify');
+require('swr/mutation');
+require('swr/infinite');
+require('vanilla-lazyload');
+require('../hooks/useCartUI.js');
 
 const SECTION_LIMIT = 25;
 const notVisible = (el)=>{

package/dist/cjs/components/ComponentWrapperPreview.js

@@ -11,15 +11,15 @@ var constant = require('./constant.js');
 var RenderCustomCode = require('./RenderCustomCode.js');
 var ComponentToolbarPreview = require('./ComponentToolbarPreview.js');
 require('zustand');
+var cls = require('../helpers/cls.js');
 require('swr');
+require('../helpers/convert.js');
 require('@gem-sdk/adapter-shopify');
 require('swr/mutation');
 var shop = require('../hooks/shop.js');
 require('swr/infinite');
 require('vanilla-lazyload');
 require('../hooks/useCartUI.js');
-var cls = require('../helpers/cls.js');
-require('../helpers/convert.js');
 var ComponentAnimation = require('./ComponentAnimation.js');
 
 const ComponentWrapperPreview = ({ children, ...props })=>{

package/dist/cjs/components/InteractionSuffix.js

@@ -5,18 +5,18 @@ var jsxRuntime = require('react/jsx-runtime');
 require('zustand');
 require('react');
 var PageContext = require('../contexts/PageContext.js');
-require('swr');
-require('@gem-sdk/adapter-shopify');
-require('swr/mutation');
-require('swr/infinite');
-require('vanilla-lazyload');
-require('../hooks/useCartUI.js');
 require('react-transition-group');
 require('@gem-sdk/core');
+require('swr');
+require('swr/infinite');
 require('classnames');
 require('dayjs');
 var index = require('../helpers/interaction/index.js');
 require('../helpers/convert.js');
+require('@gem-sdk/adapter-shopify');
+require('swr/mutation');
+require('vanilla-lazyload');
+require('../hooks/useCartUI.js');
 
 const InteractionSuffix = ({ uid })=>{
     const { closeSelectOnPage, selectInteractionElement } = index.useInteraction();

package/dist/cjs/components/Render.liquid.js

@@ -37,7 +37,7 @@ const componentUsingAdvanced = [
     'IconList',
     'ProductVariants'
 ];
-const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageContext, enableLazyloadImage, ...passProps })=>{
+const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageContext, enableLazyloadImage, additionalSettings, ...passProps })=>{
     const item = builder[uid];
     const Component = components[item?.tag];
     if (!Component) {
@@ -77,6 +77,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                     parentId: componentsRenderWithParentId.includes(item.tag) ? parentId : null,
                     pageContext,
                     enableLazyloadImage,
+                    ...additionalSettings,
                     ...passProps,
                     builderAttrs: {
                         ...passProps.builderAttrs
@@ -89,7 +90,8 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                             components,
                             customProps,
                             pageContext,
-                            enableLazyloadImage
+                            enableLazyloadImage,
+                            ...additionalSettings
                         };
                     }),
                     children: !constant.customRenderChildren.includes(item.tag) ? WrapRenderChildren({
@@ -102,7 +104,8 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                             customProps,
                             parentTag: item.tag,
                             pageContext,
-                            enableLazyloadImage
+                            enableLazyloadImage,
+                            ...additionalSettings
                         }))) : ''
                 });
             }, ()=>{
@@ -141,6 +144,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                     },
                     pageContext,
                     enableLazyloadImage,
+                    ...additionalSettings,
                     ...passProps,
                     builderAttrs: {
                         ...passProps.builderAttrs
@@ -153,7 +157,8 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                             components,
                             customProps,
                             pageContext,
-                            enableLazyloadImage
+                            enableLazyloadImage,
+                            ...additionalSettings
                         };
                     }),
                     children: !constant.customRenderChildren.includes(item.tag) ? WrapRenderChildren({
@@ -166,7 +171,8 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                             customProps,
                             parentTag: item.tag,
                             pageContext,
-                            enableLazyloadImage
+                            enableLazyloadImage,
+                            ...additionalSettings
                         }))) : ''
                 });
             }, ()=>{
@@ -183,6 +189,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                     },
                     pageContext,
                     enableLazyloadImage,
+                    ...additionalSettings,
                     isText: componentTexts.includes(item.tag) ? true : null,
                     style: componentIconList.includes(item.tag) ? style : null,
                     ...passProps,

package/dist/cjs/components/RenderCustomCode.js

@@ -8,18 +8,18 @@ var Head = require('next/head');
 var Script = require('next/script');
 var react = require('react');
 require('zustand');
-require('swr');
-require('@gem-sdk/adapter-shopify');
-require('swr/mutation');
-var shop = require('../hooks/shop.js');
-require('swr/infinite');
-require('vanilla-lazyload');
-require('../hooks/useCartUI.js');
 require('react-transition-group');
 require('@gem-sdk/core');
+require('swr');
+require('swr/infinite');
+var shop = require('../hooks/shop.js');
 require('classnames');
 require('dayjs');
 require('../helpers/convert.js');
+require('@gem-sdk/adapter-shopify');
+require('swr/mutation');
+require('vanilla-lazyload');
+require('../hooks/useCartUI.js');
 
 const RenderCustomCode = ({ uid, advanced })=>{
     const mode = shop.useEditorMode();

package/dist/cjs/components/ai-generator/AIContentGenerator.js

@@ -16,17 +16,17 @@ var useGettingGenerateRequest = require('./hooks/useGettingGenerateRequest.js');
 var useFlipPopup = require('./hooks/useFlipPopup.js');
 var useCheckingProductInside = require('./hooks/useCheckingProductInside.js');
 require('zustand');
+require('react-transition-group');
+require('@gem-sdk/core');
 var ShopContext = require('../../contexts/ShopContext.js');
+var dayjs = require('dayjs');
 require('swr');
+require('../../helpers/convert.js');
 require('@gem-sdk/adapter-shopify');
 require('swr/mutation');
 require('swr/infinite');
 require('vanilla-lazyload');
 require('../../hooks/useCartUI.js');
-require('react-transition-group');
-require('@gem-sdk/core');
-var dayjs = require('dayjs');
-require('../../helpers/convert.js');
 
 const AIContentGenerator = ({ ...props })=>{
     const [isShowPopup, setIsShowPopup] = react.useState(false);

package/dist/cjs/components/ai-generator/components/PickProduct.js

@@ -7,16 +7,16 @@ var SearchIcon = require('../icons/SearchIcon.js');
 var useProductsQuery = require('../../../hooks/shop/use-products-query.js');
 var classNames = require('classnames');
 require('zustand');
+require('react-transition-group');
+require('@gem-sdk/core');
 require('swr');
+require('dayjs');
+require('../../../helpers/convert.js');
 require('@gem-sdk/adapter-shopify');
 require('swr/mutation');
 var useProductQuery = require('../../../hooks/shop/use-product-query.js');
 require('vanilla-lazyload');
 require('../../../hooks/useCartUI.js');
-require('react-transition-group');
-require('@gem-sdk/core');
-require('dayjs');
-require('../../../helpers/convert.js');
 
 const PickProduct = (props)=>{
     const LIMIT_PRODUCTS = 8;

package/dist/cjs/components/resize/Spacing.js

@@ -7,18 +7,18 @@ var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 require('zustand');
 var BuilderPreviewContext = require('../../contexts/BuilderPreviewContext.js');
-require('swr');
-require('@gem-sdk/adapter-shopify');
-require('swr/mutation');
-var shop = require('../../hooks/shop.js');
-require('swr/infinite');
-require('vanilla-lazyload');
-require('../../hooks/useCartUI.js');
 require('react-transition-group');
 require('@gem-sdk/core');
+require('swr');
+require('swr/infinite');
+var shop = require('../../hooks/shop.js');
 require('classnames');
 require('dayjs');
 require('../../helpers/convert.js');
+require('@gem-sdk/adapter-shopify');
+require('swr/mutation');
+require('vanilla-lazyload');
+require('../../hooks/useCartUI.js');
 
 function Spacing(props) {
     const isThemeSectionEditor = BuilderPreviewContext.useBuilderPreviewStore((s)=>s.isThemeSectionEditor);

package/dist/cjs/components/theme-section/CreateThemeSection.js

@@ -7,14 +7,14 @@ var ThemeSectionTooltip = require('./ThemeSectionTooltip.js');
 require('zustand');
 var ShopContext = require('../../contexts/ShopContext.js');
 require('swr');
-require('@gem-sdk/adapter-shopify');
-require('swr/mutation');
 require('swr/infinite');
-require('vanilla-lazyload');
-require('../../hooks/useCartUI.js');
 require('classnames');
 require('dayjs');
 require('../../helpers/convert.js');
+require('@gem-sdk/adapter-shopify');
+require('swr/mutation');
+require('vanilla-lazyload');
+require('../../hooks/useCartUI.js');
 
 const SHOW_TOOLTIP_TIMEOUT = 600;
 const NUMBER_OF_THEME_SECTION_CREATED_TO_SHOW_TOOLTIP = 1;

package/dist/cjs/contexts/ProductContext.js

@@ -4,8 +4,19 @@
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var zustand = require('zustand');
-var flattenConnection = require('../helpers/flatten-connection.js');
+require('swr');
+require('@gem-sdk/adapter-shopify');
+require('swr/mutation');
+require('swr/infinite');
+require('vanilla-lazyload');
+require('../hooks/useCartUI.js');
 var variant = require('../helpers/variant.js');
+require('react-transition-group');
+require('@gem-sdk/core');
+require('classnames');
+require('dayjs');
+var flattenConnection = require('../helpers/flatten-connection.js');
+require('../helpers/convert.js');
 
 // const { Provider, useStore } = createContext<StoreApi<ProductContextProps>>();
 const ProductContext = /*#__PURE__*/ react.createContext(null);

package/dist/cjs/graphql/fragments/preview-theme-page.generated.js

@@ -29,6 +29,10 @@
   customFonts {
     ...CustomFontSelect
   }
+  interaction {
+    id
+    value
+  }
 }
     `;
 

package/dist/cjs/helpers/compose-advance-style.js

@@ -368,14 +368,10 @@ const removeAttrInStyle = (style, filterKeys)=>{
     });
     return newStyle;
 };
-const filterCornerInStyle = (style)=>{
-    const cornerKeys = [
-        '--bblr',
-        '--bbrr',
-        '--btlr',
-        '--btrr'
-    ];
-    return filterAttrInStyle(style, cornerKeys);
+const getCornerStyle = (advancedSetting)=>{
+    return composeAdvanceStyle({
+        rounded: advancedSetting?.rounded
+    });
 };
 const removePaddingYInStyle = (style)=>{
     const keys = [
@@ -392,7 +388,7 @@ const removePaddingYInStyle = (style)=>{
 exports.composeAdvanceStyle = composeAdvanceStyle;
 exports.composeAdvanceStyleForPostPurchase = composeAdvanceStyleForPostPurchase;
 exports.filterAttrInStyle = filterAttrInStyle;
-exports.filterCornerInStyle = filterCornerInStyle;
+exports.getCornerStyle = getCornerStyle;
 exports.removeAttrInStyle = removeAttrInStyle;
 exports.removePaddingYInStyle = removePaddingYInStyle;
 exports.splitStyle = splitStyle;

package/dist/cjs/helpers/interaction/index.js

@@ -5,17 +5,17 @@ var react = require('react');
 require('react/jsx-runtime');
 require('zustand');
 var PageContext = require('../../contexts/PageContext.js');
-require('swr');
-require('@gem-sdk/adapter-shopify');
-require('swr/mutation');
-require('swr/infinite');
-require('vanilla-lazyload');
-require('../../hooks/useCartUI.js');
 require('react-transition-group');
 require('@gem-sdk/core');
+require('swr');
+require('swr/infinite');
 require('classnames');
 require('dayjs');
 require('../convert.js');
+require('@gem-sdk/adapter-shopify');
+require('swr/mutation');
+require('vanilla-lazyload');
+require('../../hooks/useCartUI.js');
 
 const useInteraction = ()=>{
     const ref = react.useRef();
@@ -57,6 +57,7 @@ const useInteraction = ()=>{
         element.dispatchEvent(eventDispatch);
     };
     const saveToElementInteractionData = (element, key, value)=>{
+        if (!element) return;
         const interactionData = element.getAttribute('gp-data-interaction');
         const interactionDataJson = JSON.parse(interactionData || '{}');
         element.setAttribute('gp-data-interaction', JSON.stringify({

package/dist/cjs/helpers/third-party/appConfig.js

@@ -222,10 +222,10 @@ const SeoantTrustBadgesIconConfig = {
         appId: 'f42f2346-5d14-4b41-a8b9-4b6ee352262e'
     }
 };
-const PowrContactFormBuilderConfig = {
-    PowrContactFormBuilder: {
-        appName: 'powr-form-builder',
-        appId: '1412fe37-d89c-4706-a797-6e2b53cb4a69'
+const TrustreviewsProductReviewsConfig = {
+    TrustreviewsProductReviews: {
+        appName: 'trustreviews',
+        appId: '56d0fe1b-e701-4cff-8f84-466a26e09adb'
     }
 };
 const MyappgurusProductReviewsConfig = {
@@ -234,12 +234,6 @@ const MyappgurusProductReviewsConfig = {
         appId: '0cf5caa0-e138-46b8-999b-520d16633e4c'
     }
 };
-const TrustreviewsProductReviewsConfig = {
-    TrustreviewsProductReviews: {
-        appName: 'trustreviews',
-        appId: '56d0fe1b-e701-4cff-8f84-466a26e09adb'
-    }
-};
 const HulkProductOptionsConfig = {
     HulkProductOptions: {
         appName: 'hulk-product-options',
@@ -279,7 +273,6 @@ exports.LoopSubscriptionsConfig = LoopSubscriptionsConfig;
 exports.LooxReviewsConfig = LooxReviewsConfig;
 exports.MyappgurusProductReviewsConfig = MyappgurusProductReviewsConfig;
 exports.PowerfulContactFormBuilderConfig = PowerfulContactFormBuilderConfig;
-exports.PowrContactFormBuilderConfig = PowrContactFormBuilderConfig;
 exports.PreorderNowPreOrderPqConfig = PreorderNowPreOrderPqConfig;
 exports.PreorderNowWodPresaleConfig = PreorderNowWodPresaleConfig;
 exports.ProductOptionsCustomizerConfig = ProductOptionsCustomizerConfig;

package/dist/cjs/helpers/third-party/appSetting.js

@@ -116,6 +116,13 @@ const overrideSettings = (tag, currentSetting, appSetting)=>{
                     'scroll-video-tile-size-portrait': parseFloat(appSetting?.scrollVideoTitleSizePortrait)
                 };
             }
+        case 'KachingBundles':
+            {
+                return {
+                    ...currentSetting,
+                    product: appSetting?.['productHandle'] || '{{ product }}'
+                };
+            }
         case 'PowerfulContactFormBuilder':
             {
                 return {
@@ -137,11 +144,11 @@ const overrideSettings = (tag, currentSetting, appSetting)=>{
                     badge_id: appSetting?.BadgeId
                 };
             }
-        case 'PowrContactFormBuilder':
+        case 'YotpoReviews':
             {
                 return {
                     ...currentSetting,
-                    app_id: appSetting?.appId
+                    product: appSetting?.['productHandle'] || '{{ product }}'
                 };
             }
         case 'Stamped':
@@ -745,11 +752,29 @@ const SeoantTrustBadgesIcon = {
         }
     }
 };
-const PowrContactFormBuilder = {
-    PowrContactFormBuilder: {
-        'app-block': {
-            app_id: ''
-        }
+const TrustreviewsProductReviews = {
+    TrustreviewsProductReviews: {
+        questions_widget: {
+            product: '{{ product }}'
+        },
+        'review-carousel': null,
+        reviews_text_widget: null,
+        reviews_widget: {
+            product: '{{ product }}'
+        },
+        shop_reviews_widget: null,
+        star_rating: {
+            product: '{{product}}',
+            hide_on_no_reviews: false,
+            enable_jsonld: false,
+            starsize: 16,
+            addtional_text: ''
+        },
+        'reviews-testimonials': null,
+        all_reviews_widget: null,
+        'review-cards': null,
+        'review-gallery': null,
+        medals: null
     }
 };
 const MyappgurusProductReviews = {
@@ -792,31 +817,6 @@ const MyappgurusProductReviews = {
         star: null
     }
 };
-const TrustreviewsProductReviews = {
-    TrustreviewsProductReviews: {
-        questions_widget: {
-            product: '{{ product }}'
-        },
-        'review-carousel': null,
-        reviews_text_widget: null,
-        reviews_widget: {
-            product: '{{ product }}'
-        },
-        shop_reviews_widget: null,
-        star_rating: {
-            product: '{{product}}',
-            hide_on_no_reviews: false,
-            enable_jsonld: false,
-            starsize: 16,
-            addtional_text: ''
-        },
-        'reviews-testimonials': null,
-        all_reviews_widget: null,
-        'review-cards': null,
-        'review-gallery': null,
-        medals: null
-    }
-};
 const HulkProductOptions = {
     HulkProductOptions: {
         option_block: null
@@ -993,7 +993,6 @@ const composeSettingsByWidgetType = {
     ...HulkProductOptions,
     ...MyappgurusProductReviews,
     ...TrustreviewsProductReviews,
-    ...PowrContactFormBuilder,
     ...SeoantTrustBadgesIcon,
     ...SegunoEmailMarketing,
     ...AftershipEmailMarketingsms,

package/dist/cjs/helpers/third-party/constant.js

@@ -40,9 +40,8 @@ const mapShopifyAppMeta = {
     ...appConfig.TrustooConfig,
     ...appConfig.LooxReviewsConfig,
     ...appConfig.SeoantTrustBadgesIconConfig,
-    ...appConfig.PowrContactFormBuilderConfig,
-    ...appConfig.MyappgurusProductReviewsConfig,
     ...appConfig.TrustreviewsProductReviewsConfig,
+    ...appConfig.MyappgurusProductReviewsConfig,
     ...appConfig.HulkProductOptionsConfig,
     ...appConfig.TrustshopProductReviewsConfig,
     ...appConfig.StampedConfig

package/dist/cjs/hooks/useInitialSwatchesOptions.js

@@ -76,15 +76,14 @@ const getProductOptionsLabelByName = (options, name)=>{
     const labels = [];
     const optionByName = options.find((op)=>op.name === name);
     optionByName?.values.forEach((val)=>{
-        labels.push(val.label ?? '');
+        if (val.label && !labels.includes(val.label)) labels.push(val.label);
     });
     return labels;
 };
 const getSwatchesOptionsLabel = (options)=>{
     const labels = [];
     options.forEach((op)=>{
-        labels.push(op.label ?? '');
-        return;
+        if (op.label && !labels.includes(op.label)) labels.push(op.label);
     });
     return labels;
 };

package/dist/cjs/index.js

@@ -233,7 +233,7 @@ exports.isColor = colors.isColor;
 exports.composeAdvanceStyle = composeAdvanceStyle.composeAdvanceStyle;
 exports.composeAdvanceStyleForPostPurchase = composeAdvanceStyle.composeAdvanceStyleForPostPurchase;
 exports.filterAttrInStyle = composeAdvanceStyle.filterAttrInStyle;
-exports.filterCornerInStyle = composeAdvanceStyle.filterCornerInStyle;
+exports.getCornerStyle = composeAdvanceStyle.getCornerStyle;
 exports.removeAttrInStyle = composeAdvanceStyle.removeAttrInStyle;
 exports.removePaddingYInStyle = composeAdvanceStyle.removePaddingYInStyle;
 exports.splitStyle = composeAdvanceStyle.splitStyle;

package/dist/esm/components/ComponentToolbarPreview.js

@@ -4,13 +4,6 @@ import { memo, useState, useMemo, useCallback, useEffect } from 'react';
 import 'zustand';
 import { useBuilderPreviewStore } from '../contexts/BuilderPreviewContext.js';
 import { usePageStore } from '../contexts/PageContext.js';
-import { useShopStore } from '../contexts/ShopContext.js';
-import 'swr';
-import '@gem-sdk/adapter-shopify';
-import 'swr/mutation';
-import 'swr/infinite';
-import 'vanilla-lazyload';
-import '../hooks/useCartUI.js';
 import { CreateThemeSection } from './theme-section/CreateThemeSection.js';
 import Tooltip from './toolbar/Tooltip.js';
 import { ThemeSectionStatusWrapper } from './theme-section/ThemeSectionStatus.js';
@@ -20,7 +13,14 @@ import { ableGenerateContentElements } from './constant.js';
 import { AIContentGenerator } from './ai-generator/AIContentGenerator.js';
 import { AIGenContentLoading } from './ai-generator/AIGenContentLoading.js';
 import { InteractionSuffix } from './InteractionSuffix.js';
+import 'swr';
 import '../helpers/convert.js';
+import { useShopStore } from '../contexts/ShopContext.js';
+import '@gem-sdk/adapter-shopify';
+import 'swr/mutation';
+import 'swr/infinite';
+import 'vanilla-lazyload';
+import '../hooks/useCartUI.js';
 
 const SECTION_LIMIT = 25;
 const notVisible = (el)=>{

package/dist/esm/components/ComponentWrapperPreview.js

@@ -7,15 +7,15 @@ import { disableWrap, excludeApplyStyle } from './constant.js';
 import RenderCustomCode from './RenderCustomCode.js';
 import ComponentToolbarPreview from './ComponentToolbarPreview.js';
 import 'zustand';
+import { cls } from '../helpers/cls.js';
 import 'swr';
+import '../helpers/convert.js';
 import '@gem-sdk/adapter-shopify';
 import 'swr/mutation';
 import { usePageType } from '../hooks/shop.js';
 import 'swr/infinite';
 import 'vanilla-lazyload';
 import '../hooks/useCartUI.js';
-import { cls } from '../helpers/cls.js';
-import '../helpers/convert.js';
 import ComponentAnimation from './ComponentAnimation.js';
 
 const ComponentWrapperPreview = ({ children, ...props })=>{

package/dist/esm/components/InteractionSuffix.js

@@ -3,18 +3,18 @@ import { jsx, Fragment } from 'react/jsx-runtime';
 import 'zustand';
 import 'react';
 import { usePageStore } from '../contexts/PageContext.js';
-import 'swr';
-import '@gem-sdk/adapter-shopify';
-import 'swr/mutation';
-import 'swr/infinite';
-import 'vanilla-lazyload';
-import '../hooks/useCartUI.js';
 import 'react-transition-group';
 import '@gem-sdk/core';
+import 'swr';
+import 'swr/infinite';
 import 'classnames';
 import 'dayjs';
 import { useInteraction } from '../helpers/interaction/index.js';
 import '../helpers/convert.js';
+import '@gem-sdk/adapter-shopify';
+import 'swr/mutation';
+import 'vanilla-lazyload';
+import '../hooks/useCartUI.js';
 
 const InteractionSuffix = ({ uid })=>{
     const { closeSelectOnPage, selectInteractionElement } = useInteraction();