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

package/dist/cjs/banner/components/hero-banner/index.liquid.js

@@ -12,6 +12,7 @@ var index = require('./utils/index.js');
 var useAspectRatioSettings = require('./hooks/useAspectRatioSettings.js');
 var NextImage_liquid = require('../../../image/components/NextImage.liquid.js');
 var getSrcSet = require('../../../image/helpers/getSrcSet.js');
+var helpers$1 = require('../../../image/components/helpers.js');
 
 const HeroBanner = ({ builderAttrs, builderProps, setting, styles, style, children, rawChildren, advanced, enableLazyloadImage = true })=>{
     const { link, layout, verticalAlign, order, alignBanner, alt, title } = setting ?? {};
@@ -59,7 +60,7 @@ const HeroBanner = ({ builderAttrs, builderProps, setting, styles, style, childr
         if (!core.getResponsiveValueByScreen(srcSet, device)) return false;
         if (!background?.[device]) {
             if (device === 'mobile') {
-                return background?.['tablet']?.type === 'image' || background?.['desktop']?.type === 'image' && !background?.['tablet'];
+                return background?.['tablet']?.type === 'image' || background?.['desktop']?.type === 'image';
             }
             if (device === 'tablet') return background?.['desktop']?.type === 'image';
         }
@@ -116,7 +117,7 @@ const HeroBanner = ({ builderAttrs, builderProps, setting, styles, style, childr
             return HTML5Embed_liquid.default({
                 uid: builderProps?.uid,
                 muted: true,
-                loop: backgroundResponsive.desktop?.loop,
+                loop: !!backgroundResponsive?.desktop?.loop,
                 controls: false,
                 autoplay: true,
                 src: '',
@@ -127,137 +128,12 @@ const HeroBanner = ({ builderAttrs, builderProps, setting, styles, style, childr
         }
         return;
     };
-    const renderInnerHeroBanner = ()=>{
-        return core.template /* liquid */ `
-      <div
-        class="${core.cls('gp-relative gp-flex gp-flex-col gp-items-center gp-overflow-hidden', {
-            ...common.getClassContentPosition(contentPosition || {})
-        })}"
-        style="${{
-            ...styleHeight,
-            ...styleAspectRatio,
-            ...core.makeStyle({
-                bs: borderBg?.border ?? borderBg?.border,
-                bw: borderBg?.width ?? borderBg?.width,
-                bc: core.getSingleColorVariable(borderBg?.color)
-            }),
-            ...core.getRadiusStyleActiveState({
-                ...cornerBg,
-                active: {
-                    ...cornerBg || {},
-                    radiusType: 'custom'
-                }
-            }),
-            ...core.getStyleShadow({
-                value: shadowBg,
-                styleAppliedFor: 'box-shadow',
-                isEnableShadow: hasActiveShadow
-            })
-        }}"
-        >
-          ${AdaptiveImage_liquid.default({
-            priority: setting?.preload,
-            pictureClass: 'gp-w-full',
-            srcSet: srcSet,
-            className: `adaptive-hero-banner`,
-            aspectRatio: core.getAspectRatioGlobalSize(sizeSetting),
-            style: {
-                ...common.getDisplayStyleByFitContent(sizeSetting, background),
-                ...styleHeight,
-                ...styleWidthShapeOriginal,
-                ...styleWidth,
-                '--op': 0,
-                '--z': -1
-            },
-            alt,
-            title,
-            enableLazyloadImage
-        })}
-            <div class="${core.cls('gp-absolute gp-w-full gp-h-full')}">
-              <div class="${core.cls('gp-overflow-hidden gp-relative gp-w-full gp-h-full')}">
-                <div
-                  aria-label="Background Image"
-                  role="banner"
-                  class='gp-hero-banner-bg gp-absolute gp-overflow-hidden gp-w-full gp-h-full top-0 left-0'
-                  style="${{
-            'clip-path': index.getClipPath(borderBg?.width, cornerBg)
-        }}"
-              > 
-              <div class="${core.cls('hero-banner-bg-parallax gp-hero-banner-image-background gp_lazybg', {
-            'gp-duration-[var(--duration)] group-hover/hero:gp-scale-[var(--scale)]': hoverEffect,
-            'gp-transition-transform': hoverEffect
-        })}"
-              style="${{
-            ...core.getStyleBackgroundByDevice(background, {
-                ignoreBgAttachment: true,
-                ignoreBackgroundImage: true,
-                liquid: true
-            }),
-            ...core.makeStyleResponsive('bgi', {
-                desktop: `url('${bgiEnableByDevice['desktop'] ? setting?.preload || !enableLazyloadImage ? getSrcSet.getImageSrc(core.getResponsiveValueByScreen(srcSet, 'desktop'), 'desktop') : getSrcSet.imagePlaceholder : ''}')`,
-                tablet: `url('${bgiEnableByDevice['tablet'] ? setting?.preload || !enableLazyloadImage ? getSrcSet.getImageSrc(core.getResponsiveValueByScreen(srcSet, 'tablet'), 'tablet') : getSrcSet.imagePlaceholder : ''}')`,
-                mobile: `url('${bgiEnableByDevice['mobile'] ? setting?.preload || !enableLazyloadImage ? getSrcSet.getImageSrc(core.getResponsiveValueByScreen(srcSet, 'mobile'), 'mobile') : getSrcSet.imagePlaceholder : ''}')`
-            }),
-            ...core.getGradientBgrStyleByDevice(background, bgiEnableByDevice),
-            '--duration': `${hoverEffectDuration ?? 0}s`,
-            '--scale': hoverEffectScale ?? 1,
-            ...core.makeStyleResponsive('pos', getAttachmentDevice()),
-            ...index.getStyleHeroBannerBg(backgroundResponsive || {}, enableParallax)
-        }}"
-                >
-               ${!setting?.preload ? getSrcSet.DEVICES.map((device)=>{
-            return core.RenderIf(getEnableBgImageByDevice(device), NextImage_liquid.default({
-                src: getSrcSet.getImageSrc(core.getResponsiveValueByScreen(srcSet, device), device),
-                alt: `lazy image ${device}`,
-                className: `gp-absolute gp-top-0 gp-invisible gp-w-full gp_lazyload gp-h-full gp_lazyforbg ${device === 'tablet' ? 'gp_lazybg_tl' : ''} ${device === 'mobile' ? 'gp_lazybg_mb' : ''}`,
-                isDisableAspectStyle: true,
-                enableLazyloadImage
-            }));
-        }).join('') : ''}
-              </div>  
-                ${embed()} 
-              </div>
-            </div>
-            ${core.RenderIf(overlayEnable, core.template`<div
-                  aria-label="Overlay"
-                  role="banner"
-                  class="${core.cls('gp-absolute gp-inset-0 gp-left-[var(--left)] gp-top-[var(--top)] gp-transition-all gp-duration-300 group-hover/hero:gp-bg-[color:var(--hvr-bgc,_var(--bgc))] group-hover/hero:gp-opacity-[var(--hvr-op,_var(--op))]', core.getGlobalColorStateClass('bg', overlayColor))}"
-                    style="${{
-            ...core.getGlobalColorStateStyle('bgc', overlayColor),
-            '--top': 0,
-            '--left': 0,
-            ...core.makeStyleState('op', overlayOpacity)
-        }}"
-                 > 
-                </div>`)}
-          </div>
-            ${Row_liquid.default({
-            className: core.cls('gp-hero-banner-row gp-z-1 gp-w-full', common.getClassForContentByFitContent(sizeSetting, background), common.getClassForStretchContent(verticalAlign), common.getClassSpaceBetween(setting?.layout || {}, styles?.contentPosition1Col || {}, styles?.contentPosition2Col || {})),
-            setting: {
-                layout,
-                horizontalAlign: rowHorizontalAlign,
-                verticalAlign,
-                order
-            },
-            styles: {
-                verticalGutter,
-                width: common.getWidth(contentWidth),
-                fullWidth: {
-                    desktop: false,
-                    tablet: false,
-                    mobile: false
-                }
-            },
-            style: {
-                ...contentPaddingStyle
-            },
-            children,
-            rawChildren
-        })}
-              </div>
-          `;
-    };
     const { urlData } = helpers.getInsertLinkData('', link);
+    const imagePlaceholder = {
+        desktop: helpers$1.createBlurDataURL(srcSet?.desktop?.width ?? 0, srcSet?.desktop?.height ?? 0),
+        tablet: helpers$1.createBlurDataURL(srcSet?.tablet?.width ?? srcSet?.desktop?.width ?? 0, srcSet?.tablet?.height ?? srcSet?.desktop?.width ?? 0),
+        mobile: helpers$1.createBlurDataURL(srcSet?.mobile?.width ?? srcSet?.tablet?.width ?? srcSet?.desktop?.width ?? 0, srcSet?.mobile?.height ?? srcSet?.tablet?.height ?? srcSet?.desktop?.width ?? 0)
+    };
     return core.template`
     <div class="${core.cls('gp-flex gp-w-full', common.getClassJustify(alignBannerData))}" style="${{
         ...styleHeight,
@@ -290,25 +166,144 @@ const HeroBanner = ({ builderAttrs, builderProps, setting, styles, style, childr
     }}"
         data-id="${builderProps?.uid}"
       >
-        
-        ${core.RenderIf(!link?.link, renderInnerHeroBanner())}
-        ${core.RenderIf(!!link?.link, core.template /* liquid */ `
-          <gp-hero-banner-link
-            gp-data='${core.dataStringify({
-        href: urlData?.href ?? '',
-        target: urlData?.target ?? '_blank'
-    })}'
-            aria-label="Hero banner link"
-            class="${core.cls(link?.link ? 'gp-cursor-pointer' : '')}"
-          >
-            ${renderInnerHeroBanner()}
-          </gp-hero-banner-link>`)}
+        <div
+        class="${core.cls('gp-relative gp-flex gp-flex-col gp-items-center gp-overflow-hidden gp_haslazybg', {
+        ...common.getClassContentPosition(contentPosition || {})
+    })}"
+          style="${{
+        ...styleHeight,
+        ...styleAspectRatio,
+        ...core.makeStyle({
+            bs: borderBg?.border ?? borderBg?.border,
+            bw: borderBg?.width ?? borderBg?.width,
+            bc: core.getSingleColorVariable(borderBg?.color)
+        }),
+        ...core.getRadiusStyleActiveState({
+            ...cornerBg,
+            active: {
+                ...cornerBg || {},
+                radiusType: 'custom'
+            }
+        }),
+        ...background ? {
+            ...core.getStyleBgColor(background)
+        } : {},
+        ...core.getGradientBgrStyleByDevice(background, bgiEnableByDevice),
+        ...core.getStyleShadow({
+            value: shadowBg,
+            styleAppliedFor: 'box-shadow',
+            isEnableShadow: hasActiveShadow
+        })
+    }}"
+        >
+          ${AdaptiveImage_liquid.default({
+        pictureClass: 'gp-w-full',
+        srcSet: srcSet,
+        className: `adaptive-hero-banner`,
+        aspectRatio: core.getAspectRatioGlobalSize(sizeSetting),
+        style: {
+            ...common.getDisplayStyleByFitContent(sizeSetting, background),
+            ...styleHeight,
+            ...styleWidthShapeOriginal,
+            ...styleWidth,
+            '--op': 0,
+            '--z': -1
+        },
+        alt,
+        title,
+        imagePlaceholder,
+        enableLazyloadImage
+    })}
+          <div class="${core.cls('gp-absolute gp-w-full gp-h-full')}">
+            <div
+              class="${core.cls('gp-overflow-hidden gp-relative gp-w-full gp-h-full')}"
+              >
+              <div
+                aria-label="Background Image"
+                role="banner"
+                class='gp-hero-banner-bg gp-absolute gp-overflow-hidden gp-w-full gp-h-full top-0 left-0'
+                style="${{
+        'clip-path': index.getClipPath(borderBg?.width, cornerBg)
+    }}"
+              > 
+              <div class="${core.cls('hero-banner-bg-parallax gp-hero-banner-image-background gp_lazybg', {
+        'gp-duration-[var(--duration)] group-hover/hero:gp-scale-[var(--scale)]': hoverEffect,
+        'gp-transition-transform': hoverEffect
+    })}"
+              style="${{
+        ...core.getStyleBackgroundByDevice(background, {
+            ignoreBgAttachment: true,
+            ignoreBackgroundImage: true,
+            liquid: true
+        }),
+        ...core.makeStyleResponsive('bgi', {
+            desktop: `url('${bgiEnableByDevice['desktop'] ? setting?.preload || !enableLazyloadImage ? getSrcSet.getImageSrc(core.getResponsiveValueByScreen(srcSet, 'desktop'), 'desktop') : imagePlaceholder['desktop'] : ''}')`,
+            tablet: `url('${bgiEnableByDevice['tablet'] ? setting?.preload || !enableLazyloadImage ? getSrcSet.getImageSrc(core.getResponsiveValueByScreen(srcSet, 'tablet'), 'tablet') : imagePlaceholder['tablet'] : ''}')`,
+            mobile: `url('${bgiEnableByDevice['mobile'] ? setting?.preload || !enableLazyloadImage ? getSrcSet.getImageSrc(core.getResponsiveValueByScreen(srcSet, 'mobile'), 'mobile') : imagePlaceholder['mobile'] : ''}')`
+        }),
+        '--duration': `${hoverEffectDuration ?? 0}s`,
+        '--scale': hoverEffectScale ?? 1,
+        ...core.makeStyleResponsive('pos', getAttachmentDevice()),
+        ...index.getStyleHeroBannerBg(backgroundResponsive || {}, enableParallax)
+    }}"
+             >
+             ${!setting?.preload ? getSrcSet.DEVICES.map((device)=>{
+        return core.RenderIf(getEnableBgImageByDevice(device), NextImage_liquid.default({
+            src: getSrcSet.getImageSrc(core.getResponsiveValueByScreen(srcSet, device), device),
+            alt: `lazy image ${device}`,
+            className: `gp-absolute gp-top-0 gp-invisible gp-w-full gp_lazyload gp-h-full gp_lazyforbg ${device === 'tablet' ? 'gp_lazybg_tl' : ''} ${device === 'mobile' ? 'gp_lazybg_mb' : ''}`,
+            isDisableAspectStyle: true,
+            enableLazyloadImage
+        }));
+    }).join('') : ''}
+              </div>  
+              ${embed()} </div>
+            </div>
+            ${core.RenderIf(overlayEnable, core.template`<div
+            aria-label="Overlay"
+            role="banner"
+            class="${core.cls('gp-absolute gp-inset-0 gp-left-[var(--left)] gp-top-[var(--top)] gp-transition-all gp-duration-300 group-hover/hero:gp-bg-[color:var(--hvr-bgc,_var(--bgc))] group-hover/hero:gp-opacity-[var(--hvr-op,_var(--op))]', core.getGlobalColorStateClass('bg', overlayColor))}"
+            style="${{
+        ...core.getGlobalColorStateStyle('bgc', overlayColor),
+        '--top': 0,
+        '--left': 0,
+        ...core.makeStyleState('op', overlayOpacity)
+    }}"
+          > </div>`)}
+          </div>
+          ${core.RenderIf(!!link?.link, `<a
+              href="${urlData?.href}"
+              target="${urlData?.target}"
+              aria-label="Hero banner link"
+              class="gp-absolute gp-inset-0 gp-z-1"
+            > </a>`)}
+          ${Row_liquid.default({
+        className: core.cls('gp-hero-banner-row gp-z-1 gp-w-full', common.getClassForContentByFitContent(sizeSetting, background), common.getClassForStretchContent(verticalAlign), common.getClassSpaceBetween(setting?.layout || {}, styles?.contentPosition1Col || {}, styles?.contentPosition2Col || {})),
+        setting: {
+            layout,
+            horizontalAlign: rowHorizontalAlign,
+            verticalAlign,
+            order
+        },
+        styles: {
+            verticalGutter,
+            width: common.getWidth(contentWidth),
+            fullWidth: {
+                desktop: false,
+                tablet: false,
+                mobile: false
+            }
+        },
+        style: {
+            ...contentPaddingStyle
+        },
+        children,
+        rawChildren
+    })}
+        </div>
       </gp-hero-banner>
     </div>
-    ${core.RenderIf(core.isLocalEnv, `<script ${helpers.getSettingPreloadData('class="gps-link" delay', 'src')}="{{ 'gp-hero-banner.js' | asset_url }}" defer="defer"></script>`, `<script ${helpers.getSettingPreloadData('class="gps-link" delay', 'src')}="${core.baseAssetURL}/assets-v2/gp-hero-banner.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>
-`)}
-     ${core.RenderIf(core.isLocalEnv && !!link?.link, `<script ${helpers.getSettingPreloadData('class="gps-link" delay', 'src')}="{{ 'gp-hero-banner-link.js' | asset_url }}" defer="defer"></script>`, `<script ${helpers.getSettingPreloadData('class="gps-link" delay', 'src')}="${core.baseAssetURL}/assets-v2/gp-hero-banner-link.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>
-`)}
+    ${core.RenderIf(core.isLocalEnv, `<script ${helpers.getSettingPreloadData('class="gps-link" delay', 'src')}="{{ 'gp-hero-banner.js' | asset_url }}" defer="defer"></script>`, `<script ${helpers.getSettingPreloadData('class="gps-link" delay', 'src')}="${core.baseAssetURL}/assets-v2/gp-hero-banner.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `;
 };
 

package/dist/cjs/banner/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 HeroBanner = dynamic(()=>Promise.resolve().then(function () { return require('./components/hero-banner/index.js'); }), {
     loading: Loading.default

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

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

package/dist/cjs/breadcrumb/components/Breadcrumb.js

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

package/dist/cjs/breadcrumb/components/Breadcrumb.liquid.js

@@ -42,7 +42,7 @@ const Breadcrumb = ({ setting = {}, builderAttrs, style, styles = {}, className,
         '--gap-desktop': `${spacing?.desktop}`,
         '--gap-tablet': `${spacing?.tablet || spacing?.desktop}`,
         '--gap-mobile': `${spacing?.mobile || spacing?.tablet || spacing?.desktop}`
-    }}" class="gp-flex gp-align-center !gp-gap-[var(--gap-desktop)] tablet:!gp-gap-[var(--gap-tablet)] mobile:!gp-gap-[var(--gap-mobile)] gp-flex-wrap" aria-label="breadcrumb">
+    }}" class="gp-flex gp-align-center !gp-gap-[var(--gap-desktop)] tablet:!gp-gap-[var(--gap-tablet)] mobile:!gp-gap-[var(--gap-mobile)]" aria-label="breadcrumb">
         {% if t == 'index' %} 
           <a class="${core.cls({
         'gp-hidden': isHiddenOnDesktop,

package/dist/cjs/breadcrumb/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 Breadcrumb = dynamic(()=>Promise.resolve().then(function () { return require('./components/Breadcrumb.js'); }), {
     loading: Loading.default

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

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

package/dist/cjs/builder.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -11,58 +10,15 @@ var Button = require('./button/components/Button.js');
 var Coupon = require('./coupon/components/Coupon.js');
 var Carousel = require('./carousel/components/Carousel.js');
 var CarouselItem = require('./carousel/components/CarouselItem.js');
-var TeeinblueProductPersonalizer = require('./third-party/components/TeeinblueProductPersonalizer.js');
-var GloboProductOptionsVariant = require('./third-party/components/GloboProductOptionsVariant.js');
-var ProductOptionsVariantOption = require('./third-party/components/ProductOptionsVariantOption.js');
-var BestBuyFulfillment = require('./third-party/components/BestBuyFulfillment.js');
-var RechargeSubscriptions = require('./third-party/components/RechargeSubscriptions.js');
-var JudgemeReviews = require('./third-party/components/JudgemeReviews.js');
-var LooxReviews = require('./third-party/components/LooxReviews.js');
-var Klaviyo = require('./third-party/components/Klaviyo.js');
-var YotpoLoyalty = require('./third-party/components/YotpoLoyalty.js');
-var SmartSearchBarAndFilters = require('./third-party/components/SmartSearchBarAndFilters.js');
-var Instafeed = require('./third-party/components/Instafeed.js');
-var ProductReviews = require('./third-party/components/ProductReviews.js');
-var Ryviu = require('./third-party/components/Ryviu.js');
-var Rivyo = require('./third-party/components/Rivyo.js');
-var Vitals = require('./third-party/components/Vitals.js');
-var Omnisend = require('./third-party/components/Omnisend.js');
-var Trustoo = require('./third-party/components/Trustoo.js');
-var SealSubscriptions = require('./third-party/components/SealSubscriptions.js');
-var AppstleSubscriptions = require('./third-party/components/AppstleSubscriptions.js');
 var FeraReviews = require('./third-party/components/FeraReviews.js');
-var ParcelPanel = require('./third-party/components/ParcelPanel.js');
-var TrustMe = require('./third-party/components/TrustMe.js');
-var FrequentlyBoughtTogether = require('./third-party/components/FrequentlyBoughtTogether.js');
-var BoldSubscriptions = require('./third-party/components/BoldSubscriptions.js');
-var BoldProductOptions = require('./third-party/components/BoldProductOptions.js');
-var WideBundle = require('./third-party/components/WideBundle.js');
-var PickyStory = require('./third-party/components/PickyStory.js');
-var InfiniteOptions = require('./third-party/components/InfiniteOptions.js');
 var Wiser = require('./third-party/components/Wiser.js');
-var Stamped = require('./third-party/components/Stamped.js');
-var Bundler = require('./third-party/components/Bundler.js');
-var LaiProductReviews = require('./third-party/components/LaiProductReviews.js');
-var Growave = require('./third-party/components/Growave.js');
-var KachingBundles = require('./third-party/components/KachingBundles.js');
-var Opinew = require('./third-party/components/Opinew.js');
-var UltimateSalesBoost = require('./third-party/components/UltimateSalesBoost.js');
-var CrossSellCartUpsell = require('./third-party/components/CrossSellCartUpsell.js');
-var BoostAISearchDiscovery = require('./third-party/components/BoostAISearchDiscovery.js');
-var YotpoReviews = require('./third-party/components/YotpoReviews.js');
-var FirePush = require('./third-party/components/FirePush.js');
-var AliReviews = require('./third-party/components/AliReviews.js');
 var CleanSizeCharts = require('./third-party/components/CleanSizeCharts.js');
-var Bogos = require('./third-party/components/Bogos.js');
-var PushOwl = require('./third-party/components/PushOwl.js');
 var QikifyUpsell = require('./third-party/components/QikifyUpsell.js');
-var Releasit = require('./third-party/components/Releasit.js');
-var KingProductOptions = require('./third-party/components/KingProductOptions.js');
 var EasySellCOD = require('./third-party/components/EasySellCOD.js');
 var RequestQuoteHidePrice = require('./third-party/components/RequestQuoteHidePrice.js');
-var BirdChime = require('./third-party/components/BirdChime.js');
-var KlarnaMessaging = require('./third-party/components/KlarnaMessaging.js');
 var FordeerProductLabels = require('./third-party/components/FordeerProductLabels.js');
+var RechargeSubscriptions = require('./third-party/components/RechargeSubscriptions.js');
+var KlarnaMessaging = require('./third-party/components/KlarnaMessaging.js');
 var EasifyProductOptions = require('./third-party/components/EasifyProductOptions.js');
 var CustomProductOptionsVariant = require('./third-party/components/CustomProductOptionsVariant.js');
 var ShopifySubscriptions = require('./third-party/components/ShopifySubscriptions.js');
@@ -89,8 +45,8 @@ var MaxbundleProductBundles = require('./third-party/components/MaxbundleProduct
 var PreorderNowWodPresale = require('./third-party/components/PreorderNowWodPresale.js');
 var TagshopShoppableVideosUgc = require('./third-party/components/TagshopShoppableVideosUgc.js');
 var WhatmoreShoppableVideosreel = require('./third-party/components/WhatmoreShoppableVideosreel.js');
-var ProductOptionsCustomizer = require('./third-party/components/ProductOptionsCustomizer.js');
 var TagembedSocialPostReview = require('./third-party/components/TagembedSocialPostReview.js');
+var ProductOptionsCustomizer = require('./third-party/components/ProductOptionsCustomizer.js');
 var AirProductReviewsAppUgc = require('./third-party/components/AirProductReviewsAppUgc.js');
 var MbcBundleVolumeDiscount = require('./third-party/components/MbcBundleVolumeDiscount.js');
 var GoogleReviewsByReputon = require('./third-party/components/GoogleReviewsByReputon.js');
@@ -103,14 +59,48 @@ var LoloyalLoyaltyReferrals = require('./third-party/components/LoloyalLoyaltyRe
 var HulkFormBuilder = require('./third-party/components/HulkFormBuilder.js');
 var PowerfulContactFormBuilder = require('./third-party/components/PowerfulContactFormBuilder.js');
 var WishlistKing = require('./third-party/components/WishlistKing.js');
-var AftershipEmailMarketingsms = require('./third-party/components/AftershipEmailMarketingsms.js');
-var SegunoEmailMarketing = require('./third-party/components/SegunoEmailMarketing.js');
-var SeoantTrustBadgesIcon = require('./third-party/components/SeoantTrustBadgesIcon.js');
+var TeeinblueProductPersonalizer = require('./third-party/components/TeeinblueProductPersonalizer.js');
+var GloboProductOptionsVariant = require('./third-party/components/GloboProductOptionsVariant.js');
+var JudgemeReviews = require('./third-party/components/JudgemeReviews.js');
+var LooxReviews = require('./third-party/components/LooxReviews.js');
+var Klaviyo = require('./third-party/components/Klaviyo.js');
+var YotpoLoyalty = require('./third-party/components/YotpoLoyalty.js');
+var SmartSearchBarAndFilters = require('./third-party/components/SmartSearchBarAndFilters.js');
+var Instafeed = require('./third-party/components/Instafeed.js');
+var ProductReviews = require('./third-party/components/ProductReviews.js');
+var Ryviu = require('./third-party/components/Ryviu.js');
+var Rivyo = require('./third-party/components/Rivyo.js');
+var Vitals = require('./third-party/components/Vitals.js');
+var Omnisend = require('./third-party/components/Omnisend.js');
+var Trustoo = require('./third-party/components/Trustoo.js');
+var SealSubscriptions = require('./third-party/components/SealSubscriptions.js');
+var AppstleSubscriptions = require('./third-party/components/AppstleSubscriptions.js');
+var ParcelPanel = require('./third-party/components/ParcelPanel.js');
+var TrustMe = require('./third-party/components/TrustMe.js');
+var FrequentlyBoughtTogether = require('./third-party/components/FrequentlyBoughtTogether.js');
+var BoldSubscriptions = require('./third-party/components/BoldSubscriptions.js');
+var BoldProductOptions = require('./third-party/components/BoldProductOptions.js');
+var WideBundle = require('./third-party/components/WideBundle.js');
+var PickyStory = require('./third-party/components/PickyStory.js');
+var InfiniteOptions = require('./third-party/components/InfiniteOptions.js');
+var Stamped = require('./third-party/components/Stamped.js');
+var Bundler = require('./third-party/components/Bundler.js');
+var LaiProductReviews = require('./third-party/components/LaiProductReviews.js');
+var Growave = require('./third-party/components/Growave.js');
+var KachingBundles = require('./third-party/components/KachingBundles.js');
+var Opinew = require('./third-party/components/Opinew.js');
+var UltimateSalesBoost = require('./third-party/components/UltimateSalesBoost.js');
+var CrossSellCartUpsell = require('./third-party/components/CrossSellCartUpsell.js');
+var BoostAISearchDiscovery = require('./third-party/components/BoostAISearchDiscovery.js');
+var YotpoReviews = require('./third-party/components/YotpoReviews.js');
+var FirePush = require('./third-party/components/FirePush.js');
+var AliReviews = require('./third-party/components/AliReviews.js');
+var Bogos = require('./third-party/components/Bogos.js');
+var PushOwl = require('./third-party/components/PushOwl.js');
+var Releasit = require('./third-party/components/Releasit.js');
+var KingProductOptions = require('./third-party/components/KingProductOptions.js');
+var BirdChime = require('./third-party/components/BirdChime.js');
 var DiscountyBulkDiscountSales = require('./third-party/components/DiscountyBulkDiscountSales.js');
-var TrustreviewsProductReviews = require('./third-party/components/TrustreviewsProductReviews.js');
-var MyappgurusProductReviews = require('./third-party/components/MyappgurusProductReviews.js');
-var HulkProductOptions = require('./third-party/components/HulkProductOptions.js');
-var TrustshopProductReviews = require('./third-party/components/TrustshopProductReviews.js');
 var CartLineVariant = require('./cart/components/CartLineVariant.js');
 var Cart = require('./cart/components/Cart.js');
 var CartList = require('./cart/components/CartList.js');
@@ -206,7 +196,6 @@ var Textarea = require('./textarea/Textarea.js');
 var Video = require('./video/components/Video.js');
 var Menu = require('./menu/components/Menu.js');
 var ThirdPartySlot = require('./third-party-slot/components/ThirdPartySlot.js');
-var ShopPayInstallments = require('./shop-pay-installment/components/ShopPayInstallments.js');
 var InstantJudgemeReviews = require('./third-party-instant/components/InstantJudgemeReviews.js');
 var InstantLooxReviews = require('./third-party-instant/components/InstantLooxReviews.js');
 var InstantKlaviyo = require('./third-party-instant/components/InstantKlaviyo.js');
@@ -243,20 +232,10 @@ var PostPurchaseLine = require('./post-purchase/line/components/PostPurchaseLine
 var AdvancedListPostPurchase = require('./post-purchase/advanced-list/components/AdvancedListPostPurchase.js');
 var PostPurchaseAdvancedListItem = require('./post-purchase/advanced-list/components/PostPurchaseAdvancedListItem.js');
 var PostPurchaseCountdownTimer = require('./post-purchase/countdown-timer/components/PostPurchaseCountdownTimer.js');
-var PostPurchaseLink = require('./post-purchase/link/components/PostPurchaseLink.js');
 var Text$1 = require('./post-purchase/text/Text.js');
 
 var builder = {
-    TrustshopProductReviews: TrustshopProductReviews.default,
-    HulkProductOptions: HulkProductOptions.default,
-    MyappgurusProductReviews: MyappgurusProductReviews.default,
-    TrustreviewsProductReviews: TrustreviewsProductReviews.default,
     DiscountyBulkDiscountSales: DiscountyBulkDiscountSales.default,
-    SeoantTrustBadgesIcon: SeoantTrustBadgesIcon.default,
-    SegunoEmailMarketing: SegunoEmailMarketing.default,
-    AftershipEmailMarketingsms: AftershipEmailMarketingsms.default,
-    BestBuyFulfillment: BestBuyFulfillment.default,
-    ProductOptionsVariantOption: ProductOptionsVariantOption.default,
     GloboProductOptionsVariant: GloboProductOptionsVariant.default,
     TeeinblueProductPersonalizer: TeeinblueProductPersonalizer.default,
     HulkFormBuilder: HulkFormBuilder.default,
@@ -376,7 +355,6 @@ var builder = {
     Menu: Menu.default,
     PushOwl: PushOwl.default,
     ThirdPartySlot: ThirdPartySlot.default,
-    ShopPayInstallments: ShopPayInstallments.default,
     JudgemeReviews: JudgemeReviews.default,
     LooxReviews: LooxReviews.default,
     Instafeed: Instafeed.default,
@@ -461,7 +439,6 @@ var builder = {
     PostPurchaseCalloutText: CalloutText.default,
     PostPurchaseProductDiscountTag: ProductDiscountTag.default,
     PostPurchaseLine: PostPurchaseLine.default,
-    PostPurchaseLink: PostPurchaseLink.default,
     PostPurchaseProductImages: index$7.default,
     PostPurchaseAdvancedList: AdvancedListPostPurchase.default,
     PostPurchaseAdvancedListItem: PostPurchaseAdvancedListItem.default,

package/dist/cjs/button/components/Button.js

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -41,7 +40,7 @@ const Button = ({ className, onClick, builderProps, builderAttrs, setting = {},
     delete appendTypoStyle['--c'];
     const innerBorderCss = `
     .${builderProps?.uid}.gp-button-base::before {
-      content: '';
+      content: "";
       height: 100%;
       width: 100%;
       position: absolute;

package/dist/cjs/button/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 Button = dynamic(()=>Promise.resolve().then(function () { return require('./components/Button.js'); }), {
     loading: Loading.default

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

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

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -67,10 +66,7 @@ const Arrow = ({ showArrow, left, vertical, disabled, controlOverContent, custom
         ...passProps,
         children: [
             /*#__PURE__*/ jsxRuntime.jsx("style", {
-                type: "text/css",
-                dangerouslySetInnerHTML: {
-                    __html: innerBorderCss
-                }
+                children: innerBorderCss
             }),
             /*#__PURE__*/ jsxRuntime.jsx("div", {
                 className: "gp-z-1 gp-flex gp-h-full gp-items-center",

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

@@ -1,4 +1,3 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -554,7 +553,7 @@ const Carousel = /*#__PURE__*/ React.forwardRef(({ children, builderAttrs, build
                                                 parentSettings: setting,
                                                 background: setting?.background,
                                                 "data-index": index,
-                                                onClickItem: ()=>{
+                                                onClick: ()=>{
                                                     dispatchEventSelectSlide(index);
                                                 }
                                             });

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

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