@gem-sdk/components 2.0.0-staging.118 → 2.0.0

package/dist/esm/builder.js

@@ -1,4 +1,3 @@
-'use client';
 import './accordion/setting/Accordion.js';
 import Accordion from './accordion/components/Accordion.js';
 import AccordionItem from './accordion/components/AccordionItem.js';
@@ -7,58 +6,15 @@ import Button from './button/components/Button.js';
 import Coupon from './coupon/components/Coupon.js';
 import Carousel from './carousel/components/Carousel.js';
 import CarouselItem from './carousel/components/CarouselItem.js';
-import TeeinblueProductPersonalizer from './third-party/components/TeeinblueProductPersonalizer.js';
-import GloboProductOptionsVariant from './third-party/components/GloboProductOptionsVariant.js';
-import ProductOptionsVariantOption from './third-party/components/ProductOptionsVariantOption.js';
-import BestBuyFulfillment from './third-party/components/BestBuyFulfillment.js';
-import RechargeSubscriptions from './third-party/components/RechargeSubscriptions.js';
-import JudgemeReviews from './third-party/components/JudgemeReviews.js';
-import LooxReviews from './third-party/components/LooxReviews.js';
-import Klaviyo from './third-party/components/Klaviyo.js';
-import YotpoLoyalty from './third-party/components/YotpoLoyalty.js';
-import SmartSearchBarAndFilters from './third-party/components/SmartSearchBarAndFilters.js';
-import Instafeed from './third-party/components/Instafeed.js';
-import ProductReviews from './third-party/components/ProductReviews.js';
-import Ryviu from './third-party/components/Ryviu.js';
-import Rivyo from './third-party/components/Rivyo.js';
-import Vitals from './third-party/components/Vitals.js';
-import Omnisend from './third-party/components/Omnisend.js';
-import Trustoo from './third-party/components/Trustoo.js';
-import SealSubscriptions from './third-party/components/SealSubscriptions.js';
-import AppstleSubscriptions from './third-party/components/AppstleSubscriptions.js';
 import FeraReviews from './third-party/components/FeraReviews.js';
-import ParcelPanel from './third-party/components/ParcelPanel.js';
-import TrustMe from './third-party/components/TrustMe.js';
-import FrequentlyBoughtTogether from './third-party/components/FrequentlyBoughtTogether.js';
-import BoldSubscriptions from './third-party/components/BoldSubscriptions.js';
-import BoldProductOptions from './third-party/components/BoldProductOptions.js';
-import WideBundle from './third-party/components/WideBundle.js';
-import PickyStory from './third-party/components/PickyStory.js';
-import InfiniteOptions from './third-party/components/InfiniteOptions.js';
 import Wiser from './third-party/components/Wiser.js';
-import Stamped from './third-party/components/Stamped.js';
-import Bundler from './third-party/components/Bundler.js';
-import LaiProductReviews from './third-party/components/LaiProductReviews.js';
-import Growave from './third-party/components/Growave.js';
-import KachingBundles from './third-party/components/KachingBundles.js';
-import Opinew from './third-party/components/Opinew.js';
-import UltimateSalesBoost from './third-party/components/UltimateSalesBoost.js';
-import CrossSellCartUpsell from './third-party/components/CrossSellCartUpsell.js';
-import BoostAISearchDiscovery from './third-party/components/BoostAISearchDiscovery.js';
-import YotpoReviews from './third-party/components/YotpoReviews.js';
-import FirePush from './third-party/components/FirePush.js';
-import AliReviews from './third-party/components/AliReviews.js';
 import CleanSizeCharts from './third-party/components/CleanSizeCharts.js';
-import Bogos from './third-party/components/Bogos.js';
-import PushOwl from './third-party/components/PushOwl.js';
 import QikifyUpsell from './third-party/components/QikifyUpsell.js';
-import Releasit from './third-party/components/Releasit.js';
-import KingProductOptions from './third-party/components/KingProductOptions.js';
 import EasySell from './third-party/components/EasySellCOD.js';
 import RequestQuoteHidePrice from './third-party/components/RequestQuoteHidePrice.js';
-import BirdChime from './third-party/components/BirdChime.js';
-import KlarnaMessaging from './third-party/components/KlarnaMessaging.js';
 import FordeerProductLabels from './third-party/components/FordeerProductLabels.js';
+import RechargeSubscriptions from './third-party/components/RechargeSubscriptions.js';
+import KlarnaMessaging from './third-party/components/KlarnaMessaging.js';
 import EasifyProductOptions from './third-party/components/EasifyProductOptions.js';
 import CustomProductOptionsVariant from './third-party/components/CustomProductOptionsVariant.js';
 import ShopifySubscriptions from './third-party/components/ShopifySubscriptions.js';
@@ -85,8 +41,8 @@ import MaxbundleProductBundles from './third-party/components/MaxbundleProductBu
 import PreorderNowWodPresale from './third-party/components/PreorderNowWodPresale.js';
 import TagshopShoppableVideosUgc from './third-party/components/TagshopShoppableVideosUgc.js';
 import WhatmoreShoppableVideosreel from './third-party/components/WhatmoreShoppableVideosreel.js';
-import ProductOptionsCustomizer from './third-party/components/ProductOptionsCustomizer.js';
 import TagembedSocialPostReview from './third-party/components/TagembedSocialPostReview.js';
+import ProductOptionsCustomizer from './third-party/components/ProductOptionsCustomizer.js';
 import AirProductReviewsAppUgc from './third-party/components/AirProductReviewsAppUgc.js';
 import MbcBundleVolumeDiscount from './third-party/components/MbcBundleVolumeDiscount.js';
 import GoogleReviewsByReputon from './third-party/components/GoogleReviewsByReputon.js';
@@ -99,14 +55,48 @@ import LoloyalLoyaltyReferrals from './third-party/components/LoloyalLoyaltyRefe
 import HulkFormBuilder from './third-party/components/HulkFormBuilder.js';
 import PowerfulContactFormBuilder from './third-party/components/PowerfulContactFormBuilder.js';
 import WishlistKing from './third-party/components/WishlistKing.js';
-import AftershipEmailMarketingsms from './third-party/components/AftershipEmailMarketingsms.js';
-import SegunoEmailMarketing from './third-party/components/SegunoEmailMarketing.js';
-import SeoantTrustBadgesIcon from './third-party/components/SeoantTrustBadgesIcon.js';
+import TeeinblueProductPersonalizer from './third-party/components/TeeinblueProductPersonalizer.js';
+import GloboProductOptionsVariant from './third-party/components/GloboProductOptionsVariant.js';
+import JudgemeReviews from './third-party/components/JudgemeReviews.js';
+import LooxReviews from './third-party/components/LooxReviews.js';
+import Klaviyo from './third-party/components/Klaviyo.js';
+import YotpoLoyalty from './third-party/components/YotpoLoyalty.js';
+import SmartSearchBarAndFilters from './third-party/components/SmartSearchBarAndFilters.js';
+import Instafeed from './third-party/components/Instafeed.js';
+import ProductReviews from './third-party/components/ProductReviews.js';
+import Ryviu from './third-party/components/Ryviu.js';
+import Rivyo from './third-party/components/Rivyo.js';
+import Vitals from './third-party/components/Vitals.js';
+import Omnisend from './third-party/components/Omnisend.js';
+import Trustoo from './third-party/components/Trustoo.js';
+import SealSubscriptions from './third-party/components/SealSubscriptions.js';
+import AppstleSubscriptions from './third-party/components/AppstleSubscriptions.js';
+import ParcelPanel from './third-party/components/ParcelPanel.js';
+import TrustMe from './third-party/components/TrustMe.js';
+import FrequentlyBoughtTogether from './third-party/components/FrequentlyBoughtTogether.js';
+import BoldSubscriptions from './third-party/components/BoldSubscriptions.js';
+import BoldProductOptions from './third-party/components/BoldProductOptions.js';
+import WideBundle from './third-party/components/WideBundle.js';
+import PickyStory from './third-party/components/PickyStory.js';
+import InfiniteOptions from './third-party/components/InfiniteOptions.js';
+import Stamped from './third-party/components/Stamped.js';
+import Bundler from './third-party/components/Bundler.js';
+import LaiProductReviews from './third-party/components/LaiProductReviews.js';
+import Growave from './third-party/components/Growave.js';
+import KachingBundles from './third-party/components/KachingBundles.js';
+import Opinew from './third-party/components/Opinew.js';
+import UltimateSalesBoost from './third-party/components/UltimateSalesBoost.js';
+import CrossSellCartUpsell from './third-party/components/CrossSellCartUpsell.js';
+import BoostAISearchDiscovery from './third-party/components/BoostAISearchDiscovery.js';
+import YotpoReviews from './third-party/components/YotpoReviews.js';
+import FirePush from './third-party/components/FirePush.js';
+import AliReviews from './third-party/components/AliReviews.js';
+import Bogos from './third-party/components/Bogos.js';
+import PushOwl from './third-party/components/PushOwl.js';
+import Releasit from './third-party/components/Releasit.js';
+import KingProductOptions from './third-party/components/KingProductOptions.js';
+import BirdChime from './third-party/components/BirdChime.js';
 import DiscountyBulkDiscountSales from './third-party/components/DiscountyBulkDiscountSales.js';
-import TrustreviewsProductReviews from './third-party/components/TrustreviewsProductReviews.js';
-import MyappgurusProductReviews from './third-party/components/MyappgurusProductReviews.js';
-import HulkProductOptions from './third-party/components/HulkProductOptions.js';
-import TrustshopProductReviews from './third-party/components/TrustshopProductReviews.js';
 import CartLineVariant from './cart/components/CartLineVariant.js';
 import Cart from './cart/components/Cart.js';
 import CartList from './cart/components/CartList.js';
@@ -202,7 +192,6 @@ import TextArea from './textarea/Textarea.js';
 import Video from './video/components/Video.js';
 import Menu from './menu/components/Menu.js';
 import ThirdPartySlot from './third-party-slot/components/ThirdPartySlot.js';
-import ShopPayInstallments from './shop-pay-installment/components/ShopPayInstallments.js';
 import InstantJudgemeReviews from './third-party-instant/components/InstantJudgemeReviews.js';
 import InstantLooxReviews from './third-party-instant/components/InstantLooxReviews.js';
 import InstantKlaviyo from './third-party-instant/components/InstantKlaviyo.js';
@@ -239,20 +228,10 @@ import Line$1 from './post-purchase/line/components/PostPurchaseLine.js';
 import PostPurchaseAdvancedList from './post-purchase/advanced-list/components/AdvancedListPostPurchase.js';
 import PostPurchaseAdvancedListItem from './post-purchase/advanced-list/components/PostPurchaseAdvancedListItem.js';
 import PostPurchaseCountdownTimer from './post-purchase/countdown-timer/components/PostPurchaseCountdownTimer.js';
-import Link$1 from './post-purchase/link/components/PostPurchaseLink.js';
 import Text$1 from './post-purchase/text/Text.js';
 
 var builder = {
-    TrustshopProductReviews,
-    HulkProductOptions,
-    MyappgurusProductReviews,
-    TrustreviewsProductReviews,
     DiscountyBulkDiscountSales,
-    SeoantTrustBadgesIcon,
-    SegunoEmailMarketing,
-    AftershipEmailMarketingsms,
-    BestBuyFulfillment,
-    ProductOptionsVariantOption,
     GloboProductOptionsVariant,
     TeeinblueProductPersonalizer,
     HulkFormBuilder,
@@ -372,7 +351,6 @@ var builder = {
     Menu,
     PushOwl,
     ThirdPartySlot,
-    ShopPayInstallments,
     JudgemeReviews,
     LooxReviews,
     Instafeed,
@@ -457,7 +435,6 @@ var builder = {
     PostPurchaseCalloutText: CalloutText,
     PostPurchaseProductDiscountTag,
     PostPurchaseLine: Line$1,
-    PostPurchaseLink: Link$1,
     PostPurchaseProductImages,
     PostPurchaseAdvancedList,
     PostPurchaseAdvancedListItem,

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

@@ -1,4 +1,3 @@
-'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { convertHTML, makeStyleResponsive, useEditorMode, makeGlobalSize, composeTypographyClassName, composeTypographyStyle, composeBorderCss, composeCornerCss, getSingleColorVariable, globalEvent, cls, getGlobalColorStateClass, getGlobalColorStateStyle, composeRadius, getStyleShadowState, getGradientBgrStyleForButton, makeStyle } from '@gem-sdk/core';
 import Link from 'next/link';
@@ -37,7 +36,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/esm/button/next.js

@@ -1,8 +1,6 @@
 import dynamic from 'next/dynamic';
 import Loading from '../common/components/Loading.js';
 import 'react/jsx-runtime';
-import 'react';
-import '@gem-sdk/core';
 
 const Button = dynamic(()=>import('./components/Button.js'), {
     loading: Loading

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

@@ -1,7 +1,7 @@
 import config from './Button.js';
 
-var buttonSetting = {
+var index = {
     Button: config
 };
 
-export { buttonSetting as default };
+export { index as default };

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

@@ -1,4 +1,3 @@
-'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useCurrentDevice, composeCornerCss, composeBorderCss, cls, makeStyle } from '@gem-sdk/core';
 import { getClassArrowPosition, getArrowRotate, getResponsiveSetting } from './common/arrow.js';
@@ -63,9 +62,7 @@ const Arrow = ({ showArrow, left, vertical, disabled, controlOverContent, custom
         ...passProps,
         children: [
             /*#__PURE__*/ jsx("style", {
-                dangerouslySetInnerHTML: {
-                    __html: innerBorderCss
-                }
+                children: innerBorderCss
             }),
             /*#__PURE__*/ jsx("div", {
                 className: "gp-z-1 gp-flex gp-h-full gp-items-center",

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

@@ -1,4 +1,3 @@
-'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useInteraction, useCurrentDevice, useEditorMode, getResponsiveValueByScreen, makeStyleResponsive, getHeightByShapeGlobalSize, makeStyleWithDefault, getWidthByShapeGlobalSize, cls, makeContainerWidthOrHeight, isEmptyChildren, filterToolbarPreview } from '@gem-sdk/core';
 import { forwardRef, useRef, useState, useCallback, useMemo, useEffect, useImperativeHandle, Children, isValidElement } from 'react';
@@ -550,7 +549,7 @@ const Carousel = /*#__PURE__*/ forwardRef(({ children, builderAttrs, builderProp
                                                 parentSettings: setting,
                                                 background: setting?.background,
                                                 "data-index": index,
-                                                onClickItem: ()=>{
+                                                onClick: ()=>{
                                                     dispatchEventSelectSlide(index);
                                                 }
                                             });

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

@@ -1,4 +1,3 @@
-'use client';
 import { jsx } from 'react/jsx-runtime';
 import { makeStyle, getSingleColorVariable, getStyleShadow, getRadiusStyleActiveState, cls, getStyleBackgroundByDevice, isEmptyChildren } from '@gem-sdk/core';
 import ChildrenDroppable from '../../grid/components/ChildrenDroppable.js';

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

@@ -1,4 +1,3 @@
-'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useCurrentDevice, getResponsiveValueByScreen, cls, makeStyle, makeDotGapToCarouselStyle, makeStyleResponsiveByScreen, getGlobalColorResponsiveStyle } from '@gem-sdk/core';
 import { useMemo } from 'react';

package/dist/esm/carousel/next.js

@@ -1,8 +1,6 @@
 import dynamic from 'next/dynamic';
 import Loading from '../common/components/Loading.js';
 import 'react/jsx-runtime';
-import 'react';
-import '@gem-sdk/core';
 
 const Carousel = dynamic(()=>import('./components/Carousel.js'), {
     loading: Loading

package/dist/esm/carousel/setting/Carousel.js

@@ -758,7 +758,7 @@ const config = {
                 {
                     type: 'control',
                     label: {
-                        en: 'Sneak peak'
+                        en: 'Sneak peek'
                     },
                     setting: {
                         id: 'sneakPeak'

package/dist/esm/carousel/setting/index.js

@@ -1,9 +1,9 @@
 import config from './Carousel.js';
 import config$1 from './CarouselItem.js';
 
-var carouselSetting = {
+var index = {
     Carousel: config,
     CarouselItem: config$1
 };
 
-export { carouselSetting as default };
+export { index as default };

package/dist/esm/cart/components/Cart.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { useCartData, useCartUI, useFormatMoney, cls, getGlobalColorStateClass, getGlobalColorStateStyle } from '@gem-sdk/core';

package/dist/esm/cart/components/CartCheckout.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useCartData } from '@gem-sdk/core';
 

package/dist/esm/cart/components/CartDiscount.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx } from 'react/jsx-runtime';
 
 const CartDiscount = ()=>{

package/dist/esm/cart/components/CartLineAttribute.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useCartLine } from '@gem-sdk/core';
 import Text from '../../text/components/Text.js';

package/dist/esm/cart/components/CartLineImage.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useCartLine, cls } from '@gem-sdk/core';
 import Image from '../../image/components/Image.js';

package/dist/esm/cart/components/CartLinePrice.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { useCartLine, useFormatMoney, cls } from '@gem-sdk/core';
 import Text from '../../text/components/Text.js';

package/dist/esm/cart/components/CartLineVariant.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useCartLine } from '@gem-sdk/core';
 import Text from '../../text/components/Text.js';

package/dist/esm/cart/components/CartList.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import Column from '../../grid/components/Col.js';
 import 'react';

package/dist/esm/cart/components/CartOrderNote.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useRef, useCallback } from 'react';
 

package/dist/esm/cart/components/CartTotalItem.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useCartData } from '@gem-sdk/core';
 import Text from '../../text/components/Text.js';

package/dist/esm/cart/components/CartTotalPrice.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { useCartData, useFormatMoney } from '@gem-sdk/core';

package/dist/esm/cart/components/CheckoutNow.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useCartData } from '@gem-sdk/core';
 import { useRef } from 'react';

package/dist/esm/cart/components/CouponList.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx } from 'react/jsx-runtime';
 
 const CouponList = ()=>{

package/dist/esm/cart/components/DiscountInput.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 const DiscountInput = ({ setting, builderProps })=>{

package/dist/esm/cart/components/ShopPayButton/icons/BaseIcon.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx } from 'react/jsx-runtime';
 
 const BaseIcon = ({ children, ...props })=>{

package/dist/esm/cart/components/ShopPayButton/icons/DynamicCheckoutBlack.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import BaseIcon from './BaseIcon.js';
 

package/dist/esm/cart/components/ShopPayButton/icons/DynamicCheckoutPurple.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import BaseIcon from './BaseIcon.js';
 

package/dist/esm/cart/components/ShopPayButton/icons/DynamicCheckoutWhite.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import BaseIcon from './BaseIcon.js';
 

package/dist/esm/cart/components/ShopPayButton/icons/ExpressCheckoutBlack.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import BaseIcon from './BaseIcon.js';
 

package/dist/esm/cart/components/ShopPayButton/icons/ExpressCheckoutPurple.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import BaseIcon from './BaseIcon.js';
 

package/dist/esm/cart/components/ShopPayButton/icons/ExpressCheckoutWhite.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import BaseIcon from './BaseIcon.js';
 

package/dist/esm/cart/components/ShopPayButton/index.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useShopStore, useCartData, useCurrentVariant, useCurrentVariantInStock, useQuantity, useEditorMode, makeStyleResponsive, cls } from '@gem-sdk/core';
 import dynamic from 'next/dynamic';

package/dist/esm/cart/next.js

@@ -1,8 +1,6 @@
 import dynamic from 'next/dynamic';
 import Loading from '../common/components/Loading.js';
 import 'react/jsx-runtime';
-import 'react';
-import '@gem-sdk/core';
 
 const CartLineVariant = dynamic(()=>import('./components/CartLineVariant.js'), {
     loading: Loading

package/dist/esm/cart/setting/index.js

@@ -13,7 +13,7 @@ import config$b from './CartLineAttribute.js';
 import config$c from './CouponList.js';
 import config$d from './ShopPayButton.js';
 
-var cartSetting = {
+var index = {
     Cart: config,
     CartLinePrice: config$1,
     CartLineVariant: config$2,
@@ -30,4 +30,4 @@ var cartSetting = {
     ShopPayButton: config$d
 };
 
-export { cartSetting as default };
+export { index as default };

package/dist/esm/code/components/CSSCode.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useCallback, useMemo } from 'react';
 import { useEditorMode, makeStyleResponsive, getStyleBackgroundByDevice, cls } from '@gem-sdk/core';

package/dist/esm/code/next.js

@@ -1,8 +1,6 @@
 import dynamic from 'next/dynamic';
 import Loading from '../common/components/Loading.js';
 import 'react/jsx-runtime';
-import 'react';
-import '@gem-sdk/core';
 
 const CSSCode = dynamic(()=>import('./components/CSSCode.js'), {
     loading: Loading

package/dist/esm/code/setting/index.js

@@ -1,7 +1,7 @@
 import config from './CSSCode.js';
 
-var codeSetting = {
+var index = {
     CSSCode: config
 };
 
-export { codeSetting as default };
+export { index as default };

package/dist/esm/collection/components/CollectionBanner.js

@@ -1,4 +1,3 @@
-'use client';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useCollection, useEditorMode, makeStyleResponsive, cls, getStyleBackgroundByDevice, getGlobalColorStateClass, getGlobalColorStateStyle, makeStyleState } from '@gem-sdk/core';
 import 'react';

package/dist/esm/collection/components/CollectionBanner.liquid.js

@@ -1,4 +1,3 @@
-'use client';
 import { makeStyleResponsive, template, cls, getStyleBackgroundByDevice, getGlobalColorStateClass, getGlobalColorStateStyle, makeStyleState, RenderIf } from '@gem-sdk/core';
 import Row from '../../grid/components/Row.liquid.js';
 

package/dist/esm/collection/components/CollectionDescription.js

@@ -1,110 +1,15 @@
-'use client';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useCurrentDevice, useCollection, getResponsiveValueByScreen, composeTypographyClassName, composeTypographyStyle, isSafari, cls, getGlobalColorClass, getStyleShadow, makeStyleResponsive, makeStyle, getGlobalColorStyle } from '@gem-sdk/core';
-import { useState, useRef, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { useCollection } from '@gem-sdk/core';
+import Text from '../../text/components/Text.js';
 
-const CollectionDescription = ({ setting, builderProps })=>{
-    const [open, setOpen] = useState(false);
-    const [isShowViewMore, allowShowViewMore] = useState(false);
-    const ref = useRef(null);
-    const currentDevice = useCurrentDevice();
+const CollectionDescription = ({ setting })=>{
     const collection = useCollection();
-    const hasLineClamp = getResponsiveValueByScreen(setting?.hasLineClamp, currentDevice);
-    const lineClamp = getResponsiveValueByScreen(setting?.lineClamp, currentDevice);
-    const appendTypoClass = composeTypographyClassName(setting?.typo, setting?.typography);
-    const appendTypoStyle = composeTypographyStyle(setting?.typo, setting?.typography);
-    useEffect(()=>{
-        const dom = ref.current;
-        setOpen(false);
-        if (dom && hasLineClamp && collection?.description) {
-            const value = lineClamp;
-            setTimeout(()=>{
-                const scrollHeight = dom?.scrollHeight ?? 0;
-                const clientHeight = dom?.clientHeight ?? 0;
-                const lineHeight = window.getComputedStyle(dom).getPropertyValue('line-height');
-                const lineText = Math.round((scrollHeight ?? 0) / parseInt(lineHeight));
-                const conditionCheckLine = isSafari() ? value && value < lineText : clientHeight < scrollHeight;
-                if (value && conditionCheckLine) {
-                    allowShowViewMore(()=>true);
-                } else {
-                    allowShowViewMore(()=>false);
-                }
-            }, 100);
+    return /*#__PURE__*/ jsx(Text, {
+        styles: setting,
+        setting: {
+            text: collection?.descriptionHtml ?? 'Collection description',
+            excludeFlex: true
         }
-    }, [
-        hasLineClamp,
-        lineClamp,
-        collection?.description
-    ]);
-    const css = `
-  .gp-p-description-text > *:not(ol):not(ul):not(table):not(div) {
-    display: inline !important;
-  }
-  .gp-p-description-text > *:not(ol):not(ul):not(table):not(div)::after {
-    content: "\\A";
-    white-space: pre;
-  }
-  .gp-p-description-text > table {
-    box-shadow: none;
-  }
-`;
-    const hasDescription = collection?.description && collection.description?.trim() != '';
-    return /*#__PURE__*/ jsxs("div", {
-        "data-id": builderProps?.uid,
-        children: [
-            !isSafari() && /*#__PURE__*/ jsx("style", {
-                children: css
-            }),
-            /*#__PURE__*/ jsx("div", {
-                ref: ref,
-                "data-gp-text": true,
-                className: cls('gp-p-description-text gp-break-words safari:[&_p]:gp-inline safari:[&_p]:after:gp-whitespace-pre', appendTypoClass, !hasDescription ? 'gp-p-2 gp-text-center gp-text-sm gp-font-semibold gp-text-gray-500 gp-py-2 !gp-text-center' : '', getGlobalColorClass('text', setting?.color)),
-                style: {
-                    ...getStyleShadow({
-                        styleAppliedFor: 'text-shadow'
-                    }),
-                    ...makeStyleResponsive('ta', setting?.textAlign),
-                    ...hasLineClamp && !open ? makeStyleResponsive('line-clamp', setting?.lineClamp) : {},
-                    ...makeStyle({
-                        tt: setting?.transform
-                    }),
-                    ...appendTypoStyle
-                },
-                dangerouslySetInnerHTML: {
-                    __html: collection?.descriptionHtml && hasDescription ? collection.descriptionHtml : ``
-                }
-            }),
-            hasLineClamp && isShowViewMore && /*#__PURE__*/ jsxs("button", {
-                className: cls(appendTypoClass, getGlobalColorClass('text', setting?.showMoreColor), 'gp-mt-4 gp-w-full gp-transition-all hover:gp-opacity-80'),
-                style: {
-                    ...makeStyleResponsive('ta', setting?.textAlign),
-                    ...makeStyle({
-                        tt: setting?.transform
-                    }),
-                    ...appendTypoStyle,
-                    ...getGlobalColorStyle(setting?.showMoreColor)
-                },
-                onClick: ()=>setOpen((prev)=>!prev),
-                children: [
-                    !open ? setting?.viewMoreText : setting?.viewLessText,
-                    setting?.enableViewMoreIcon && /*#__PURE__*/ jsx("svg", {
-                        className: "gp-ml-1 gp-inline-block",
-                        height: "1em",
-                        width: "1em",
-                        viewBox: "0 0 22 12",
-                        fill: "none",
-                        xmlns: "http://www.w3.org/2000/svg",
-                        children: !open ? /*#__PURE__*/ jsx("path", {
-                            d: "M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L1.70711 0.292893ZM11 11L10.2929 11.7071C10.6834 12.0976 11.3166 12.0976 11.7071 11.7071L11 11ZM21.7071 1.70711C22.0976 1.31658 22.0976 0.683417 21.7071 0.292893C21.3166 -0.0976311 20.6834 -0.0976311 20.2929 0.292893L21.7071 1.70711ZM0.292893 1.70711L10.2929 11.7071L11.7071 10.2929L1.70711 0.292893L0.292893 1.70711ZM11.7071 11.7071L21.7071 1.70711L20.2929 0.292893L10.2929 10.2929L11.7071 11.7071Z",
-                            fill: "currentColor"
-                        }) : /*#__PURE__*/ jsx("path", {
-                            d: "M0.292893 10.2929C-0.0976311 10.6834 -0.0976311 11.3166 0.292893 11.7071C0.683417 12.0976 1.31658 12.0976 1.70711 11.7071L0.292893 10.2929ZM11 1L11.7071 0.292893C11.3166 -0.0976311 10.6834 -0.0976311 10.2929 0.292893L11 1ZM20.2929 11.7071C20.6834 12.0976 21.3166 12.0976 21.7071 11.7071C22.0976 11.3166 22.0976 10.6834 21.7071 10.2929L20.2929 11.7071ZM1.70711 11.7071L11.7071 1.70711L10.2929 0.292893L0.292893 10.2929L1.70711 11.7071ZM10.2929 1.70711L20.2929 11.7071L21.7071 10.2929L11.7071 0.292893L10.2929 1.70711Z",
-                            fill: "currentColor"
-                        })
-                    })
-                ]
-            })
-        ]
     });
 };