npm - @gem-sdk/core - Versions diffs - 8.0.1 → 12.0.0-dev.100 - Mend

@gem-sdk/core 8.0.1 → 12.0.0-dev.100

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (86) hide show

package/dist/cjs/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var AddOn=require("./components/AddOn.js"),Render=require("./components/Render.js"),RenderPreview=require("./components/RenderPreview.js"),Render_liquid=require("./components/Render.liquid.js"),AddonContext=require("./contexts/AddonContext.js"),BuilderComponent=require("./contexts/BuilderComponent.js"),BuilderContext=require("./contexts/BuilderContext.js"),BuilderPreviewContext=require("./contexts/BuilderPreviewContext.js"),CartLineContext=require("./contexts/CartLineContext.js"),ProductListContext=require("./contexts/ProductListContext.js"),ProductContext=require("./contexts/ProductContext.js"),SectionContext=require("./contexts/SectionContext.js"),ShopContext=require("./contexts/ShopContext.js"),PageContext=require("./contexts/PageContext.js"),CollectionContext=require("./contexts/CollectionContext.js"),ModalContext=require("./contexts/ModalContext.js"),ArticleListContext=require("./contexts/ArticleListContext.js"),ArticleContext=require("./contexts/ArticleContext.js"),I18nContext=require("./contexts/I18nContext.js"),pageViewUp_generated=require("./graphql/mutations/page-view-up.generated.js"),collectionDetailFilter_generated=require("./graphql/queries/collection-detail-filter.generated.js"),collection_generated=require("./graphql/queries/collection.generated.js"),collections_generated=require("./graphql/queries/collections.generated.js"),publishedThemePages_generated=require("./graphql/queries/published-theme-pages.generated.js"),products_generated=require("./graphql/queries/products.generated.js"),storeProperty_generated=require("./graphql/queries/store-property.generated.js"),previewPage_generated=require("./graphql/queries/preview-page.generated.js"),publishedShopMetas_generated=require("./graphql/queries/published-shop-metas.generated.js"),shopShopify_generated=require("./graphql/queries/shop-shopify.generated.js"),articles_generated=require("./graphql/queries/articles.generated.js"),blogs_generated=require("./graphql/queries/blogs.generated.js"),LibraryTemplate_generated=require("./graphql-app-api/queries/LibraryTemplate.generated.js"),ThemePage_generated=require("./graphql-app-api/queries/ThemePage.generated.js"),SaleFunnelDiscounts_generated=require("./graphql-app-api/queries/SaleFunnelDiscounts.generated.js"),LibrarySaleFunnelDiscount_generated=require("./graphql-app-api/queries/LibrarySaleFunnelDiscount.generated.js"),ShopLibraryPage_generated=require("./graphql-app-api/queries/ShopLibraryPage.generated.js"),SaleFunnelOffer_generated=require("./graphql-app-api/queries/SaleFunnelOffer.generated.js"),borders=require("./helpers/borders.js"),carousel=require("./helpers/carousel.js"),cls=require("./helpers/cls.js"),animations=require("./helpers/animations.js"),filterToolbarPreview=require("./helpers/filter-toolbar-preview.js"),flattenConnection=require("./helpers/flatten-connection.js"),getResonsiveValue=require("./helpers/get-resonsive-value.js"),getShortname=require("./helpers/get-shortname.js"),GlobalEvent=require("./helpers/GlobalEvent.js"),isBrowser=require("./helpers/is-browser.js"),isEmptyChildren=require("./helpers/is-empty-children.js"),isSafari=require("./helpers/is-safari.js"),normalizeBuilderData=require("./helpers/normalize-builder-data.js"),prefetchQueries=require("./helpers/prefetch-queries.js"),email=require("./helpers/email.js"),loadScript=require("./helpers/load-script.js"),spacing=require("./helpers/spacing.js"),cssVariable=require("./helpers/css-variable.js"),fpixel=require("./helpers/tracking/fpixel.js"),gtag=require("./helpers/tracking/gtag.js"),tiktokpixel=require("./helpers/tracking/tiktokpixel.js"),background=require("./helpers/background.js"),backgroundImage=require("./helpers/backgroundImage.js"),colors=require("./helpers/colors.js"),composeAdvanceStyle=require("./helpers/compose-advance-style.js"),composeClasses=require("./helpers/composeClasses.js"),convert=require("./helpers/convert.js"),covertEntitiesHtml=require("./helpers/covert-entities-html.js"),iconList=require("./helpers/icon-list.js"),isDefined=require("./helpers/is-defined.js"),layout=require("./helpers/layout.js"),makeStyle=require("./helpers/make-style.js"),align=require("./helpers/align.js"),filterStyles=require("./helpers/filter-styles.js"),variant=require("./helpers/variant.js"),product=require("./helpers/product.js"),query=require("./helpers/query.js"),radius=require("./helpers/radius.js"),render=require("./helpers/render.js"),shadow=require("./helpers/shadow.js"),size=require("./helpers/size.js"),typography=require("./helpers/typography.js"),useArticlesQuery=require("./hooks/articles/useArticlesQuery.js"),useAddToCart=require("./hooks/cart/use-add-to-cart.js"),useCartData=require("./hooks/cart/use-cart-data.js"),useCartDiscountCodesUpdate=require("./hooks/cart/use-cart-discount-codes-update.js"),useCartNoteUpdate=require("./hooks/cart/use-cart-note-update.js"),useCreateCart=require("./hooks/cart/use-create-cart.js"),useRemoveCartItem=require("./hooks/cart/use-remove-cart-item.js"),useUpdateCartItem=require("./hooks/cart/use-update-cart-item.js"),shop=require("./hooks/shop.js"),useCollectionQuery=require("./hooks/shop/use-collection-query.js"),useCollectionsQuery=require("./hooks/shop/use-collections-query.js"),useProductQuery=require("./hooks/shop/use-product-query.js"),useFetchHandle=require("./hooks/useFetchHandle.js"),useProductsQuery=require("./hooks/shop/use-products-query.js"),useCurrentDevice=require("./hooks/use-current-device.js"),useLazyVideo=require("./hooks/use-lazy-video.js"),useCartId=require("./hooks/useCartId.js"),useCartLine=require("./hooks/useCartLine.js"),useCartUI=require("./hooks/useCartUI.js"),useCollection=require("./hooks/useCollection.js"),useFormatMoney=require("./hooks/useFormatMoney.js"),react=require("react"),useInitialSwatchesOptions=require("./hooks/useInitialSwatchesOptions.js"),useIsomorphicLayoutEffect=require("./hooks/useIsomorphicLayoutEffect.js"),useLoadScript=require("./hooks/useLoadScript.js"),useMoney=require("./hooks/useMoney.js"),usePrevious=require("./hooks/usePrevious.js"),useI18n=require("./hooks/useI18n.js"),useStickyStore=require("./hooks/useStickyStore.js"),useProduct=require("./hooks/useProduct.js"),useShopifyLink=require("./hooks/shop/useShopifyLink.js"),useProductList=require("./hooks/useProductList.js"),useSuspenseFetch=require("./hooks/useSuspenseFetch.js"),useSwatchesOptions=require("./hooks/useSwatchesOptions.js"),useRenderMode=require("./hooks/useRenderMode.js"),usePreviewSharePage=require("./hooks/usePreviewSharePage.js"),builder=require("./types/builder.js"),custom=require("./types/custom.js"),shop$1=require("./types/shop.js"),appAPI=require("./types/appAPI.js"),globalStyle=require("./types/global-style.js"),animations$1=require("./types/animations.js"),getCollection=require("./helpers/queries/get-collection.js"),getProduct=require("./helpers/queries/get-product.js"),getProductBySlug=require("./helpers/queries/get-product-by-slug.js"),getAppBlocks=require("./helpers/third-party/getAppBlocks.js"),addAppBlockId=require("./helpers/third-party/addAppBlockId.js"),index=require("./helpers/interaction/index.js"),createStoreFrontFetcher=require("./helpers/create-store-front-fetcher.js"),device=require("./constants/device.js");exports.AddOn=AddOn.default,exports.Render=Render.default,exports.RenderPreview=RenderPreview.default,exports.RenderChildren=Render_liquid.RenderChildren,exports.RenderLiquid=Render_liquid.default,exports.WrapRenderChildren=Render_liquid.WrapRenderChildren,exports.AddonProvider=AddonContext.AddonProvider,exports.useAddon=AddonContext.useAddon,exports.useAddons=AddonContext.useAddons,exports.BuilderComponentProvider=BuilderComponent.BuilderComponentProvider,exports.useBuilderComponent=BuilderComponent.useBuilderComponent,exports.BuilderProvider=BuilderContext.BuilderProvider,exports.useBuilderStore=BuilderContext.useBuilderStore,exports.BuilderPreviewProvider=BuilderPreviewContext.BuilderPreviewProvider,exports.useBuilderPreviewStore=BuilderPreviewContext.useBuilderPreviewStore,exports.CartLineProvider=CartLineContext.CartLineProvider,exports.useCartLineStore=CartLineContext.useCartLineStore,exports.ProductListProvider=ProductListContext.ProductListProvider,exports.useProductListStore=ProductListContext.useProductListStore,exports.ProductProvider=ProductContext.ProductProvider,exports.useProductStore=ProductContext.useProductStore,exports.SectionProvider=SectionContext.SectionProvider,exports.useSection=SectionContext.useSection,exports.useSectionStore=SectionContext.useSectionStore,exports.ShopProvider=ShopContext.ShopProvider,exports.useShopStore=ShopContext.useShopStore,exports.PageProvider=PageContext.PageProvider,exports.usePageStore=PageContext.usePageStore,exports.CollectionProvider=CollectionContext.CollectionProvider,exports.useCollectionStore=CollectionContext.useCollectionStore,exports.ModalProvider=ModalContext.ModalProvider,exports.useModalStore=ModalContext.useModalStore,exports.ArticleListProvider=ArticleListContext.ArticleListProvider,exports.useArticleListStore=ArticleListContext.useArticleListStore,exports.ArticleProvider=ArticleContext.ArticleProvider,exports.useArticleStore=ArticleContext.useArticleStore,exports.I18nProvider=I18nContext.I18nProvider,exports.useI18nStore=I18nContext.useI18nStore,exports.PageViewUpDocument=pageViewUp_generated.PageViewUpDocument,exports.CollectionDetailFilterDocument=collectionDetailFilter_generated.CollectionDetailFilterDocument,exports.CollectionDocument=collection_generated.CollectionDocument,exports.CollectionsDocument=collections_generated.CollectionsDocument,exports.PublishedThemePagesDocument=publishedThemePages_generated.PublishedThemePagesDocument,exports.ProductsDocument=products_generated.ProductsDocument,exports.StorePropertyDocument=storeProperty_generated.StorePropertyDocument,exports.PreviewThemePageDocument=previewPage_generated.PreviewThemePageDocument,exports.PublishedShopMetasDocument=publishedShopMetas_generated.PublishedShopMetasDocument,exports.ShopShopifyDocument=shopShopify_generated.ShopShopifyDocument,exports.ArticlesDocument=articles_generated.ArticlesDocument,exports.BlogsDocument=blogs_generated.BlogsDocument,exports.LibraryTemplateDocument=LibraryTemplate_generated.LibraryTemplateDocument,exports.ThemePageDocument=ThemePage_generated.ThemePageDocument,exports.SaleFunnelDiscountsDocument=SaleFunnelDiscounts_generated.SaleFunnelDiscountsDocument,exports.LibrarySaleFunnelDocument=LibrarySaleFunnelDiscount_generated.LibrarySaleFunnelDocument,exports.ShopLibraryPageDocument=ShopLibraryPage_generated.ShopLibraryPageDocument,exports.SaleFunnelOfferDocument=SaleFunnelOffer_generated.SaleFunnelOfferDocument,exports.composeBorderCss=borders.composeBorderCss,exports.composeBorderResponsive=borders.composeBorderResponsive,exports.getBorderRadiusStyle=borders.getBorderRadiusStyle,exports.getBorderStyle=borders.getBorderStyle,exports.handleConvertBorderColor=borders.handleConvertBorderColor,exports.handleConvertBorderStyle=borders.handleConvertBorderStyle,exports.handleConvertBorderWidth=borders.handleConvertBorderWidth,exports.handleConvertClassColor=borders.handleConvertClassColor,exports.handleConvertClassColorDynamicBtn=borders.handleConvertClassColorDynamicBtn,exports.handleConvertInputBorderColor=borders.handleConvertInputBorderColor,exports.getCarouselContainerHeight=carousel.getCarouselContainerHeight,exports.makeContainerWidthOrHeight=carousel.makeContainerWidthOrHeight,exports.makeDotGapToCarouselStyle=carousel.makeDotGapToCarouselStyle,exports.cls=cls.cls,exports.animations=animations.animations,exports.filterToolbarPreview=filterToolbarPreview.filterToolbarPreview,exports.flattenConnection=flattenConnection.flattenConnection,exports.getResponsiveStateValue=getResonsiveValue.getResponsiveStateValue,exports.getResponsiveValue=getResonsiveValue.getResponsiveValue,exports.getResponsiveValueByScreen=getResonsiveValue.getResponsiveValueByScreen,exports.isColumnDirectionExist=getResonsiveValue.isColumnDirectionExist,exports.getShortName=getShortname.getShortName,exports.globalEvent=GlobalEvent.default,exports.isBrowser=isBrowser.default,exports.isEmptyChildren=isEmptyChildren.isEmptyChildren,exports.isSafari=isSafari.default,exports.normalizeBuilderData=normalizeBuilderData.normalizeBuilderData,exports.prefetchQueries=prefetchQueries.prefetchQueries,exports.validateEmail=email.validateEmail,exports.loadScript=loadScript.loadScript,exports.composeSpacing=spacing.composeSpacing,exports.getSpacingVariable=spacing.getSpacingVariable,exports.genVariable=cssVariable.genVariable,exports.fpixel=fpixel,exports.gtag=gtag,exports.tiktokpixel=tiktokpixel,exports.GRADIENT_BGR_KEY=background.GRADIENT_BGR_KEY,exports.composeBackgroundCss=background.composeBackgroundCss,exports.getBgByDevice=background.getBgByDevice,exports.getBgImageByDevice=background.getBgImageByDevice,exports.getBgVideoByDevice=background.getBgVideoByDevice,exports.getColor=background.getColor,exports.getCombinedBackgroundImage=background.getCombinedBackgroundImage,exports.getGradientBgrStyleByDevice=background.getGradientBgrStyleByDevice,exports.getGradientBgrStyleForButton=background.getGradientBgrStyleForButton,exports.getGradientImageBgrStyleByDevice=background.getGradientImageBgrStyleByDevice,exports.getStyleBackgroundByDevice=background.getStyleBackgroundByDevice,exports.getStyleBgColor=background.getStyleBgColor,exports.makeFixedBgAttachment=background.makeFixedBgAttachment,exports.composeBackgroundImageCss=backgroundImage.composeBackgroundImageCss,exports.getBgImageSourceByDevice=backgroundImage.getBgImageSourceByDevice,exports.getStyleBackgroundImage=backgroundImage.getStyleBackgroundImage,exports.getStyleBgImageSource=backgroundImage.getStyleBgImageSource,exports.composeTextColorCss=colors.composeTextColorCss,exports.getGlobalColorCSSProp=colors.getGlobalColorCSSProp,exports.getGlobalColorClass=colors.getGlobalColorClass,exports.getGlobalColorResponsiveClass=colors.getGlobalColorResponsiveClass,exports.getGlobalColorResponsiveStyle=colors.getGlobalColorResponsiveStyle,exports.getGlobalColorStateClass=colors.getGlobalColorStateClass,exports.getGlobalColorStateClassDynamicBtn=colors.getGlobalColorStateClassDynamicBtn,exports.getGlobalColorStateResponsiveClass=colors.getGlobalColorStateResponsiveClass,exports.getGlobalColorStateResponsiveClassDynamicBtn=colors.getGlobalColorStateResponsiveClassDynamicBtn,exports.getGlobalColorStateResponsiveStyle=colors.getGlobalColorStateResponsiveStyle,exports.getGlobalColorStateStyle=colors.getGlobalColorStateStyle,exports.getGlobalColorStyle=colors.getGlobalColorStyle,exports.getSingleColorVariable=colors.getSingleColorVariable,exports.isColor=colors.isColor,exports.composeAdvanceStyle=composeAdvanceStyle.composeAdvanceStyle,exports.composeAdvanceStyleForPostPurchase=composeAdvanceStyle.composeAdvanceStyleForPostPurchase,exports.convertBoxShadowV1ToV2=composeAdvanceStyle.convertBoxShadowV1ToV2,exports.filterAttrInStyle=composeAdvanceStyle.filterAttrInStyle,exports.getCornerStyle=composeAdvanceStyle.getCornerStyle,exports.removeAttrInStyle=composeAdvanceStyle.removeAttrInStyle,exports.removePaddingYInStyle=composeAdvanceStyle.removePaddingYInStyle,exports.splitStyle=composeAdvanceStyle.splitStyle,exports.composeClasses=composeClasses.composeClasses,exports.baseAssetURL=convert.baseAssetURL,exports.isLocalEnv=convert.isLocalEnv,exports.convertHTML=covertEntitiesHtml.convertHTML,exports.composePositionLineHeight=iconList.composePositionLineHeight,exports.composePostionIconList=iconList.composePostionIconList,exports.isDefined=isDefined.isDefined,exports.composeGridLayout=layout.composeGridLayout,exports.convertOldLayout=layout.convertOldLayout,exports.getLayoutClasses=layout.getLayoutClasses,exports.gridToArrayRegex=layout.gridToArrayRegex,exports.optionLayoutStyle=layout.optionLayoutStyle,exports.makeAspectRatio=makeStyle.makeAspectRatio,exports.makeGlobalSizeHeightResponsive=makeStyle.makeGlobalSizeHeightResponsive,exports.makeGlobalSizeWidthResponsive=makeStyle.makeGlobalSizeWidthResponsive,exports.makeHeight=makeStyle.makeHeight,exports.makeLineClamp=makeStyle.makeLineClamp,exports.makeStyle=makeStyle.makeStyle,exports.makeStyleKey=makeStyle.makeStyleKey,exports.makeStyleResponsive=makeStyle.makeStyleResponsive,exports.makeStyleResponsiveByScreen=makeStyle.makeStyleResponsiveByScreen,exports.makeStyleResponsiveState=makeStyle.makeStyleResponsiveState,exports.makeStyleResponsiveWidth=makeStyle.makeStyleResponsiveWidth,exports.makeStyleResponsiveWidthWithoutAuto=makeStyle.makeStyleResponsiveWidthWithoutAuto,exports.makeStyleState=makeStyle.makeStyleState,exports.makeWidth=makeStyle.makeWidth,exports.removeNullUndefined=makeStyle.removeNullUndefined,exports.convertTextAlignToJustify=align.convertTextAlignToJustify,exports.getAlignmentClasses=align.getAlignmentClasses,exports.filterHoverVariables=filterStyles.filterHoverVariables,exports.filterTruthyStyles=filterStyles.filterTruthyStyles,exports.checkInStock=variant.checkInStock,exports.checkAvailableVariantInStock=product.checkAvailableVariantInStock,exports.getSelectedVariant=product.getSelectedVariant,exports.parseSelectedOption=product.parseSelectedOption,exports.generateCollectionQueryKey=query.generateCollectionQueryKey,exports.generateProductQueryKey=query.generateProductQueryKey,exports.generateProductsQueryKey=query.generateProductsQueryKey,exports.composeCornerCss=radius.composeCornerCss,exports.composeRadius=radius.composeRadius,exports.composeRadiusResponsive=radius.composeRadiusResponsive,exports.getCornerCSSFromGlobal=radius.getCornerCSSFromGlobal,exports.getCustomRadius=radius.getCustomRadius,exports.getRadiusCSSFromGlobal=radius.getRadiusCSSFromGlobal,exports.getRadiusStyleActiveState=radius.getRadiusStyleActiveState,exports.RenderIf=render.RenderIf,exports.composeMemo=render.composeMemo,exports.dataStringify=render.dataStringify,exports.props=render.props,exports.removeUndefinedValuesFromObject=render.removeUndefinedValuesFromObject,exports.sanitizeLiquid=render.sanitizeLiquid,exports.styles=render.styles,exports.template=render.template,exports.composeShadow=shadow.composeShadow,exports.composeShadowCss=shadow.composeShadowCss,exports.getResponsiveStyleShadow=shadow.getResponsiveStyleShadow,exports.getResponsiveStyleShadowWithoutState=shadow.getResponsiveStyleShadowWithoutState,exports.getStyleShadow=shadow.getStyleShadow,exports.getStyleShadowState=shadow.getStyleShadowState,exports.parseValueWithUnit=shadow.parseValueWithUnit,exports.composeSize=size.composeSize,exports.composeSizeCss=size.composeSizeCss,exports.genSizeClass=size.genSizeClass,exports.getAspectRatioGlobalSize=size.getAspectRatioGlobalSize,exports.getFlexGrowClassByShapeGlobalSize=size.getFlexGrowClassByShapeGlobalSize,exports.getGlobalSizeGap=size.getGlobalSizeGap,exports.getHeightByShapeGlobalSize=size.getHeightByShapeGlobalSize,exports.getPaddingGlobalSize=size.getPaddingGlobalSize,exports.getPaddingStyleByDevice=size.getPaddingStyleByDevice,exports.getResponsiveStylePadding=size.getResponsiveStylePadding,exports.getValueByDevice=size.getValueByDevice,exports.getWidthByShapeGlobalSize=size.getWidthByShapeGlobalSize,exports.getWidthHeightGlobalSize=size.getWidthHeightGlobalSize,exports.makeGlobalSize=size.makeGlobalSize,exports.makeGlobalSizeIcon=size.makeGlobalSizeIcon,exports.makeStyleWithDefault=size.makeStyleWithDefault,exports.composeFallbackTypographyStyle=typography.composeFallbackTypographyStyle,exports.composeFontFamilyTypographyV2=typography.composeFontFamilyTypographyV2,exports.composeTextHoverColorCss=typography.composeTextHoverColorCss,exports.composeTypography=typography.composeTypography,exports.composeTypographyAttr=typography.composeTypographyAttr,exports.composeTypographyClassName=typography.composeTypographyClassName,exports.composeTypographyCss=typography.composeTypographyCss,exports.composeTypographyStyle=typography.composeTypographyStyle,exports.composeTypographyV2=typography.composeTypographyV2,exports.composeTypographyV2Css=typography.composeTypographyV2Css,exports.genTypoClass=typography.genTypoClass,exports.useArticlesQuery=useArticlesQuery.useArticlesQuery,exports.useBlogsQuery=useArticlesQuery.useBlogsQuery,exports.useAddToCart=useAddToCart.useAddToCart,exports.useCartData=useCartData.useCartData,exports.useCartDiscountCodesUpdate=useCartDiscountCodesUpdate.useCartDiscountCodesUpdate,exports.useCartNoteUpdate=useCartNoteUpdate.useCartNoteUpdate,exports.useCreateCart=useCreateCart.useCreateCart,exports.useRemoveCartItem=useRemoveCartItem.useRemoveCartItem,exports.useUpdateCartItem=useUpdateCartItem.useUpdateCartItem,exports.useCheckoutUrl=shop.useCheckoutUrl,exports.useConnectedShopify=shop.useConnectedShopify,exports.useCurrency=shop.useCurrency,exports.useEditorMode=shop.useEditorMode,exports.useIsSampleProduct=shop.useIsSampleProduct,exports.useIsStorefrontProduct=shop.useIsStorefrontProduct,exports.useLocale=shop.useLocale,exports.useMatchMutate=shop.useMatchMutate,exports.useMobileOnly=shop.useMobileOnly,exports.useMoneyFormat=shop.useMoneyFormat,exports.usePageType=shop.usePageType,exports.usePluginEnable=shop.usePluginEnable,exports.useStoreFront=shop.useStoreFront,exports.useSwatches=shop.useSwatches,exports.useTimezone=shop.useTimezone,exports.useCollectionQuery=useCollectionQuery.useCollectionQuery,exports.useCollectionsQuery=useCollectionsQuery.useCollectionsQuery,exports.useProductQuery=useProductQuery.useProductQuery,exports.useFetchHandle=useFetchHandle.useFetchHandle,exports.useProductsQuery=useProductsQuery.useProductsQuery,exports.useProductsQueryAll=useProductsQuery.useProductsQueryAll,exports.useCurrentDevice=useCurrentDevice.useCurrentDevice,exports.useLazyVideo=useLazyVideo.useLazyVideo,exports.useCartId=useCartId.default,exports.useCartLine=useCartLine.default,exports.useCartUI=useCartUI.default,exports.useCollection=useCollection.useCollection,exports.formatMoney=useFormatMoney.formatMoney,exports.shopifyPriceRounding=useFormatMoney.shopifyPriceRounding,exports.useFormatMoney=useFormatMoney.useFormatMoney,Object.defineProperty(exports,"useId",{enumerable:!0,get:function(){return react.useId}}),exports.useInitialSwatchesOptions=useInitialSwatchesOptions.default,exports.useIsomorphicLayoutEffect=useIsomorphicLayoutEffect.default,exports.useLoadScript=useLoadScript.default,exports.useMoney=useMoney.default,exports.usePrevious=usePrevious.usePrevious,exports.useI18n=useI18n.useI18n,exports.useStickyStore=useStickyStore.useStickyStore,exports.useCheckAvailableVariantInStock=useProduct.useCheckAvailableVariantInStock,exports.useCurrentVariant=useProduct.useCurrentVariant,exports.useCurrentVariantInStock=useProduct.useCurrentVariantInStock,exports.useFeaturedImageGlobal=useProduct.useFeaturedImageGlobal,exports.useHasPreSelected=useProduct.useHasPreSelected,exports.useIsSyncProduct=useProduct.useIsSyncProduct,exports.useProduct=useProduct.useProduct,exports.useProductBundleDiscount=useProduct.useProductBundleDiscount,exports.useProductOfferDiscount=useProduct.useProductOfferDiscount,exports.useProductProperties=useProduct.useProductProperties,exports.useProductShopifyEditLink=useProduct.useProductShopifyEditLink,exports.useQuantity=useProduct.useQuantity,exports.useSelectedOption=useProduct.useSelectedOption,exports.useUniqProductID=useProduct.useUniqProductID,exports.useVariant=useProduct.useVariant,exports.useVariantOutStock=useProduct.useVariantOutStock,exports.useVariants=useProduct.useVariants,exports.useShopifyLink=useShopifyLink.useShopifyLink,exports.useProductList=useProductList.useProductList,exports.useProductListProducts=useProductList.useProductListProducts,exports.useProductListSettings=useProductList.useProductListSettings,exports.useProductListStyles=useProductList.useProductListStyles,exports.useSuspenseFetch=useSuspenseFetch.default,exports.useSwatchesOptions=useSwatchesOptions.default,exports.useRenderMode=useRenderMode.useRenderMode,exports.usePreviewSharePage=usePreviewSharePage.usePreviewSharePage,Object.defineProperty(exports,"RenderModeEnv",{enumerable:!0,get:function(){return builder.RenderModeEnv}}),Object.defineProperty(exports,"InteractionTargetEvent",{enumerable:!0,get:function(){return custom.InteractionTargetEvent}}),Object.defineProperty(exports,"InteractionTriggerEvent",{enumerable:!0,get:function(){return custom.InteractionTriggerEvent}}),exports.ShopType=shop$1,exports.AppAPIType=appAPI,exports.OptionNormalStyle=globalStyle.OptionNormalStyle,exports.OptionSpecialStyle=globalStyle.OptionSpecialStyle,Object.defineProperty(exports,"AnimationDirectionType",{enumerable:!0,get:function(){return animations$1.AnimationDirectionType}}),Object.defineProperty(exports,"AnimationEasingType",{enumerable:!0,get:function(){return animations$1.AnimationEasingType}}),Object.defineProperty(exports,"AnimationSetting",{enumerable:!0,get:function(){return animations$1.AnimationSetting}}),Object.defineProperty(exports,"AnimationTriggerType",{enumerable:!0,get:function(){return animations$1.AnimationTriggerType}}),Object.defineProperty(exports,"AnimationType",{enumerable:!0,get:function(){return animations$1.AnimationType}}),Object.defineProperty(exports,"AnimationZoomDirectionType",{enumerable:!0,get:function(){return animations$1.AnimationZoomDirectionType}}),exports.calculateFirstProduct=getCollection.calculateFirstProduct,exports.getCollection=getCollection.getCollection,exports.fetchMedias=getProduct.fetchMedias,exports.fetchVariants=getProduct.fetchVariants,exports.getProduct=getProduct.getProduct,exports.getProductBySlug=getProductBySlug.getProductBySlug,exports.getAppBlocks=getAppBlocks.getAppBlocks,exports.addAppBlockId=addAppBlockId.addAppBlockId,exports.useInteraction=index.useInteraction,exports.createStoreFrontFetcher=createStoreFrontFetcher.createStoreFrontFetcher,exports.hasPublicStoreFrontData=createStoreFrontFetcher.hasPublicStoreFrontData,exports.DEVICES=device.DEVICES,exports.EMPTY_DEVICE_VALUE=device.EMPTY_DEVICE_VALUE;
1	+ "use strict";var AddOn=require("./components/AddOn.js"),Render=require("./components/Render.js"),RenderPreview=require("./components/RenderPreview.js"),Render_liquid=require("./components/Render.liquid.js"),AddonContext=require("./contexts/AddonContext.js"),BuilderComponent=require("./contexts/BuilderComponent.js"),BuilderContext=require("./contexts/BuilderContext.js"),BuilderPreviewContext=require("./contexts/BuilderPreviewContext.js"),CartLineContext=require("./contexts/CartLineContext.js"),ProductListContext=require("./contexts/ProductListContext.js"),ProductContext=require("./contexts/ProductContext.js"),SectionContext=require("./contexts/SectionContext.js"),ShopContext=require("./contexts/ShopContext.js"),PageContext=require("./contexts/PageContext.js"),CollectionContext=require("./contexts/CollectionContext.js"),ModalContext=require("./contexts/ModalContext.js"),ArticleListContext=require("./contexts/ArticleListContext.js"),ArticleContext=require("./contexts/ArticleContext.js"),I18nContext=require("./contexts/I18nContext.js"),pageViewUp_generated=require("./graphql/mutations/page-view-up.generated.js"),collectionDetailFilter_generated=require("./graphql/queries/collection-detail-filter.generated.js"),collection_generated=require("./graphql/queries/collection.generated.js"),collections_generated=require("./graphql/queries/collections.generated.js"),publishedThemePages_generated=require("./graphql/queries/published-theme-pages.generated.js"),products_generated=require("./graphql/queries/products.generated.js"),storeProperty_generated=require("./graphql/queries/store-property.generated.js"),previewPage_generated=require("./graphql/queries/preview-page.generated.js"),publishedShopMetas_generated=require("./graphql/queries/published-shop-metas.generated.js"),shopShopify_generated=require("./graphql/queries/shop-shopify.generated.js"),articles_generated=require("./graphql/queries/articles.generated.js"),blogs_generated=require("./graphql/queries/blogs.generated.js"),productsWithSellingPlans_generated=require("./graphql/queries/products-with-selling-plans.generated.js"),productVariantWithSellingPlans_generated=require("./graphql/queries/product-variant-with-selling-plans.generated.js"),LibraryTemplate_generated=require("./graphql-app-api/queries/LibraryTemplate.generated.js"),ThemePage_generated=require("./graphql-app-api/queries/ThemePage.generated.js"),SaleFunnelDiscounts_generated=require("./graphql-app-api/queries/SaleFunnelDiscounts.generated.js"),LibrarySaleFunnelDiscount_generated=require("./graphql-app-api/queries/LibrarySaleFunnelDiscount.generated.js"),ShopLibraryPage_generated=require("./graphql-app-api/queries/ShopLibraryPage.generated.js"),SaleFunnelOffer_generated=require("./graphql-app-api/queries/SaleFunnelOffer.generated.js"),ThemePageMeta_generated=require("./graphql-app-api/queries/ThemePageMeta.generated.js"),borders=require("./helpers/borders.js"),carousel=require("./helpers/carousel.js"),cls=require("./helpers/cls.js"),animations=require("./helpers/animations.js"),filterToolbarPreview=require("./helpers/filter-toolbar-preview.js"),flattenConnection=require("./helpers/flatten-connection.js"),getResonsiveValue=require("./helpers/get-resonsive-value.js"),getShortname=require("./helpers/get-shortname.js"),GlobalEvent=require("./helpers/GlobalEvent.js"),isBrowser=require("./helpers/is-browser.js"),isEmptyChildren=require("./helpers/is-empty-children.js"),isSafari=require("./helpers/is-safari.js"),normalizeBuilderData=require("./helpers/normalize-builder-data.js"),prefetchQueries=require("./helpers/prefetch-queries.js"),email=require("./helpers/email.js"),loadScript=require("./helpers/load-script.js"),spacing=require("./helpers/spacing.js"),cssVariable=require("./helpers/css-variable.js"),fpixel=require("./helpers/tracking/fpixel.js"),gtag=require("./helpers/tracking/gtag.js"),tiktokpixel=require("./helpers/tracking/tiktokpixel.js"),background=require("./helpers/background.js"),backgroundImage=require("./helpers/backgroundImage.js"),colors=require("./helpers/colors.js"),composeAdvanceStyle=require("./helpers/compose-advance-style.js"),composeClasses=require("./helpers/composeClasses.js"),convert=require("./helpers/convert.js"),covertEntitiesHtml=require("./helpers/covert-entities-html.js"),iconList=require("./helpers/icon-list.js"),isDefined=require("./helpers/is-defined.js"),layout=require("./helpers/layout.js"),makeStyle=require("./helpers/make-style.js"),align=require("./helpers/align.js"),filterStyles=require("./helpers/filter-styles.js"),cloneDeep=require("./helpers/clone-deep.js"),liquid=require("./helpers/liquid.js"),variant=require("./helpers/variant.js"),product=require("./helpers/product.js"),query=require("./helpers/query.js"),radius=require("./helpers/radius.js"),render=require("./helpers/render.js"),shadow=require("./helpers/shadow.js"),size=require("./helpers/size.js"),typography=require("./helpers/typography.js"),useArticlesQuery=require("./hooks/articles/useArticlesQuery.js"),useAddToCart=require("./hooks/cart/use-add-to-cart.js"),useCartData=require("./hooks/cart/use-cart-data.js"),useCartDiscountCodesUpdate=require("./hooks/cart/use-cart-discount-codes-update.js"),useCartNoteUpdate=require("./hooks/cart/use-cart-note-update.js"),useCreateCart=require("./hooks/cart/use-create-cart.js"),useRemoveCartItem=require("./hooks/cart/use-remove-cart-item.js"),useUpdateCartItem=require("./hooks/cart/use-update-cart-item.js"),shop=require("./hooks/shop.js"),useCollectionQuery=require("./hooks/shop/use-collection-query.js"),useCollectionsQuery=require("./hooks/shop/use-collections-query.js"),useProductQuery=require("./hooks/shop/use-product-query.js"),useProductOffersQuery=require("./hooks/shop/useProductOffersQuery.js"),useFetchHandle=require("./hooks/useFetchHandle.js"),useProductsQuery=require("./hooks/shop/use-products-query.js"),useCurrentDevice=require("./hooks/use-current-device.js"),useLazyVideo=require("./hooks/use-lazy-video.js"),useCartId=require("./hooks/useCartId.js"),useCartLine=require("./hooks/useCartLine.js"),useCartUI=require("./hooks/useCartUI.js"),useCollection=require("./hooks/useCollection.js"),useFormatMoney=require("./hooks/useFormatMoney.js"),react=require("react"),useInitialSwatchesOptions=require("./hooks/useInitialSwatchesOptions.js"),useIsomorphicLayoutEffect=require("./hooks/useIsomorphicLayoutEffect.js"),useLoadScript=require("./hooks/useLoadScript.js"),useMoney=require("./hooks/useMoney.js"),usePrevious=require("./hooks/usePrevious.js"),useI18n=require("./hooks/useI18n.js"),useStickyStore=require("./hooks/useStickyStore.js"),useProduct=require("./hooks/useProduct.js"),useShopifyLink=require("./hooks/shop/useShopifyLink.js"),useProductList=require("./hooks/useProductList.js"),useSuspenseFetch=require("./hooks/useSuspenseFetch.js"),useSwatchesOptions=require("./hooks/useSwatchesOptions.js"),useRenderMode=require("./hooks/useRenderMode.js"),usePreviewSharePage=require("./hooks/usePreviewSharePage.js"),builder=require("./types/builder.js"),custom=require("./types/custom.js"),shop$1=require("./types/shop.js"),appAPI=require("./types/appAPI.js"),globalStyle=require("./types/global-style.js"),animations$1=require("./types/animations.js"),getCollection=require("./helpers/queries/get-collection.js"),getProduct=require("./helpers/queries/get-product.js"),getProductBySlug=require("./helpers/queries/get-product-by-slug.js"),getAppBlocks=require("./helpers/third-party/getAppBlocks.js"),addAppBlockId=require("./helpers/third-party/addAppBlockId.js"),index=require("./helpers/interaction/index.js"),createStoreFrontFetcher=require("./helpers/create-store-front-fetcher.js"),device=require("./constants/device.js");exports.AddOn=AddOn.default,exports.Render=Render.default,exports.RenderPreview=RenderPreview.default,exports.RenderChildren=Render_liquid.RenderChildren,exports.RenderLiquid=Render_liquid.default,exports.WrapRenderChildren=Render_liquid.WrapRenderChildren,exports.AddonProvider=AddonContext.AddonProvider,exports.useAddon=AddonContext.useAddon,exports.useAddons=AddonContext.useAddons,exports.BuilderComponentProvider=BuilderComponent.BuilderComponentProvider,exports.useBuilderComponent=BuilderComponent.useBuilderComponent,exports.BuilderProvider=BuilderContext.BuilderProvider,exports.useBuilderStore=BuilderContext.useBuilderStore,exports.BuilderPreviewProvider=BuilderPreviewContext.BuilderPreviewProvider,exports.useBuilderPreviewStore=BuilderPreviewContext.useBuilderPreviewStore,exports.CartLineProvider=CartLineContext.CartLineProvider,exports.useCartLineStore=CartLineContext.useCartLineStore,exports.ProductListProvider=ProductListContext.ProductListProvider,exports.useProductListStore=ProductListContext.useProductListStore,exports.ProductProvider=ProductContext.ProductProvider,exports.useProductStore=ProductContext.useProductStore,exports.SectionProvider=SectionContext.SectionProvider,exports.useSection=SectionContext.useSection,exports.useSectionStore=SectionContext.useSectionStore,exports.ShopProvider=ShopContext.ShopProvider,exports.useShopStore=ShopContext.useShopStore,exports.PageProvider=PageContext.PageProvider,exports.usePageStore=PageContext.usePageStore,exports.CollectionProvider=CollectionContext.CollectionProvider,exports.useCollectionStore=CollectionContext.useCollectionStore,exports.ModalProvider=ModalContext.ModalProvider,exports.useModalStore=ModalContext.useModalStore,exports.ArticleListProvider=ArticleListContext.ArticleListProvider,exports.useArticleListStore=ArticleListContext.useArticleListStore,exports.ArticleProvider=ArticleContext.ArticleProvider,exports.useArticleStore=ArticleContext.useArticleStore,exports.I18nProvider=I18nContext.I18nProvider,exports.useI18nStore=I18nContext.useI18nStore,exports.PageViewUpDocument=pageViewUp_generated.PageViewUpDocument,exports.CollectionDetailFilterDocument=collectionDetailFilter_generated.CollectionDetailFilterDocument,exports.CollectionDocument=collection_generated.CollectionDocument,exports.CollectionsDocument=collections_generated.CollectionsDocument,exports.PublishedThemePagesDocument=publishedThemePages_generated.PublishedThemePagesDocument,exports.ProductsDocument=products_generated.ProductsDocument,exports.StorePropertyDocument=storeProperty_generated.StorePropertyDocument,exports.PreviewThemePageDocument=previewPage_generated.PreviewThemePageDocument,exports.PublishedShopMetasDocument=publishedShopMetas_generated.PublishedShopMetasDocument,exports.ShopShopifyDocument=shopShopify_generated.ShopShopifyDocument,exports.ArticlesDocument=articles_generated.ArticlesDocument,exports.BlogsDocument=blogs_generated.BlogsDocument,exports.ProductWithSellingPlansSelectFragment=productsWithSellingPlans_generated.ProductWithSellingPlansSelectFragment,exports.ProductsWithSellingPlansDocument=productsWithSellingPlans_generated.ProductsWithSellingPlansDocument,exports.ProductVariantsWithSellingPlansDocument=productVariantWithSellingPlans_generated.ProductVariantsWithSellingPlansDocument,exports.LibraryTemplateDocument=LibraryTemplate_generated.LibraryTemplateDocument,exports.ThemePageDocument=ThemePage_generated.ThemePageDocument,exports.SaleFunnelDiscountsDocument=SaleFunnelDiscounts_generated.SaleFunnelDiscountsDocument,exports.LibrarySaleFunnelDocument=LibrarySaleFunnelDiscount_generated.LibrarySaleFunnelDocument,exports.ShopLibraryPageDocument=ShopLibraryPage_generated.ShopLibraryPageDocument,exports.SaleFunnelOfferDocument=SaleFunnelOffer_generated.SaleFunnelOfferDocument,exports.ThemePageMetaDocument=ThemePageMeta_generated.ThemePageMetaDocument,exports.composeBorderCss=borders.composeBorderCss,exports.composeBorderResponsive=borders.composeBorderResponsive,exports.getBorderRadiusStyle=borders.getBorderRadiusStyle,exports.getBorderStyle=borders.getBorderStyle,exports.handleConvertBorderColor=borders.handleConvertBorderColor,exports.handleConvertBorderStyle=borders.handleConvertBorderStyle,exports.handleConvertBorderWidth=borders.handleConvertBorderWidth,exports.handleConvertClassColor=borders.handleConvertClassColor,exports.handleConvertClassColorDynamicBtn=borders.handleConvertClassColorDynamicBtn,exports.handleConvertInputBorderColor=borders.handleConvertInputBorderColor,exports.getCarouselContainerHeight=carousel.getCarouselContainerHeight,exports.makeContainerWidthOrHeight=carousel.makeContainerWidthOrHeight,exports.makeDotGapToCarouselStyle=carousel.makeDotGapToCarouselStyle,exports.cls=cls.cls,exports.animations=animations.animations,exports.filterToolbarPreview=filterToolbarPreview.filterToolbarPreview,exports.flattenConnection=flattenConnection.flattenConnection,exports.getResponsiveStateValue=getResonsiveValue.getResponsiveStateValue,exports.getResponsiveValue=getResonsiveValue.getResponsiveValue,exports.getResponsiveValueByScreen=getResonsiveValue.getResponsiveValueByScreen,exports.isColumnDirectionExist=getResonsiveValue.isColumnDirectionExist,exports.getShortName=getShortname.getShortName,exports.globalEvent=GlobalEvent.default,exports.isBrowser=isBrowser.default,exports.isEmptyChildren=isEmptyChildren.isEmptyChildren,exports.isSafari=isSafari.default,exports.normalizeBuilderData=normalizeBuilderData.normalizeBuilderData,exports.prefetchQueries=prefetchQueries.prefetchQueries,exports.validateEmail=email.validateEmail,exports.loadScript=loadScript.loadScript,exports.composeSpacing=spacing.composeSpacing,exports.getSpacingVariable=spacing.getSpacingVariable,exports.genVariable=cssVariable.genVariable,exports.fpixel=fpixel,exports.gtag=gtag,exports.tiktokpixel=tiktokpixel,exports.GRADIENT_BGR_KEY=background.GRADIENT_BGR_KEY,exports.composeBackgroundCss=background.composeBackgroundCss,exports.getBgByDevice=background.getBgByDevice,exports.getBgImageByDevice=background.getBgImageByDevice,exports.getBgVideoByDevice=background.getBgVideoByDevice,exports.getColor=background.getColor,exports.getCombinedBackgroundImage=background.getCombinedBackgroundImage,exports.getGradientBgrStyleByDevice=background.getGradientBgrStyleByDevice,exports.getGradientBgrStyleForButton=background.getGradientBgrStyleForButton,exports.getGradientImageBgrStyleByDevice=background.getGradientImageBgrStyleByDevice,exports.getStyleBackgroundByDevice=background.getStyleBackgroundByDevice,exports.getStyleBgColor=background.getStyleBgColor,exports.makeFixedBgAttachment=background.makeFixedBgAttachment,exports.composeBackgroundImageCss=backgroundImage.composeBackgroundImageCss,exports.getBgImageSourceByDevice=backgroundImage.getBgImageSourceByDevice,exports.getStyleBackgroundImage=backgroundImage.getStyleBackgroundImage,exports.getStyleBgImageSource=backgroundImage.getStyleBgImageSource,exports.composeTextColorCss=colors.composeTextColorCss,exports.getGlobalColorCSSProp=colors.getGlobalColorCSSProp,exports.getGlobalColorClass=colors.getGlobalColorClass,exports.getGlobalColorResponsiveClass=colors.getGlobalColorResponsiveClass,exports.getGlobalColorResponsiveStyle=colors.getGlobalColorResponsiveStyle,exports.getGlobalColorStateClass=colors.getGlobalColorStateClass,exports.getGlobalColorStateClassDynamicBtn=colors.getGlobalColorStateClassDynamicBtn,exports.getGlobalColorStateResponsiveClass=colors.getGlobalColorStateResponsiveClass,exports.getGlobalColorStateResponsiveClassDynamicBtn=colors.getGlobalColorStateResponsiveClassDynamicBtn,exports.getGlobalColorStateResponsiveStyle=colors.getGlobalColorStateResponsiveStyle,exports.getGlobalColorStateStyle=colors.getGlobalColorStateStyle,exports.getGlobalColorStyle=colors.getGlobalColorStyle,exports.getSingleColorVariable=colors.getSingleColorVariable,exports.isColor=colors.isColor,exports.composeAdvanceStyle=composeAdvanceStyle.composeAdvanceStyle,exports.composeAdvanceStyleForPostPurchase=composeAdvanceStyle.composeAdvanceStyleForPostPurchase,exports.convertBoxShadowV1ToV2=composeAdvanceStyle.convertBoxShadowV1ToV2,exports.filterAttrInStyle=composeAdvanceStyle.filterAttrInStyle,exports.getCornerStyle=composeAdvanceStyle.getCornerStyle,exports.removeAttrInStyle=composeAdvanceStyle.removeAttrInStyle,exports.removePaddingYInStyle=composeAdvanceStyle.removePaddingYInStyle,exports.splitStyle=composeAdvanceStyle.splitStyle,exports.composeClasses=composeClasses.composeClasses,exports.baseAssetURL=convert.baseAssetURL,exports.isLocalEnv=convert.isLocalEnv,exports.convertHTML=covertEntitiesHtml.convertHTML,exports.composePositionLineHeight=iconList.composePositionLineHeight,exports.composePostionIconList=iconList.composePostionIconList,exports.isDefined=isDefined.isDefined,exports.composeGridLayout=layout.composeGridLayout,exports.convertOldLayout=layout.convertOldLayout,exports.getLayoutClasses=layout.getLayoutClasses,exports.gridToArrayRegex=layout.gridToArrayRegex,exports.optionLayoutStyle=layout.optionLayoutStyle,exports.makeAspectRatio=makeStyle.makeAspectRatio,exports.makeGlobalSizeHeightResponsive=makeStyle.makeGlobalSizeHeightResponsive,exports.makeGlobalSizeWidthResponsive=makeStyle.makeGlobalSizeWidthResponsive,exports.makeHeight=makeStyle.makeHeight,exports.makeLineClamp=makeStyle.makeLineClamp,exports.makeStyle=makeStyle.makeStyle,exports.makeStyleKey=makeStyle.makeStyleKey,exports.makeStyleResponsive=makeStyle.makeStyleResponsive,exports.makeStyleResponsiveByScreen=makeStyle.makeStyleResponsiveByScreen,exports.makeStyleResponsiveState=makeStyle.makeStyleResponsiveState,exports.makeStyleResponsiveWidth=makeStyle.makeStyleResponsiveWidth,exports.makeStyleResponsiveWidthWithoutAuto=makeStyle.makeStyleResponsiveWidthWithoutAuto,exports.makeStyleState=makeStyle.makeStyleState,exports.makeWidth=makeStyle.makeWidth,exports.removeNullUndefined=makeStyle.removeNullUndefined,exports.convertTextAlignToJustify=align.convertTextAlignToJustify,exports.getAlignmentClasses=align.getAlignmentClasses,exports.filterHoverVariables=filterStyles.filterHoverVariables,exports.filterTruthyStyles=filterStyles.filterTruthyStyles,exports.cloneDeep=cloneDeep.cloneDeep,exports.hasTranslatedLiquid=liquid.hasTranslatedLiquid,exports.checkInStock=variant.checkInStock,exports.checkAvailableVariantInStock=product.checkAvailableVariantInStock,exports.getSelectedVariant=product.getSelectedVariant,exports.parseSelectedOption=product.parseSelectedOption,exports.generateCollectionQueryKey=query.generateCollectionQueryKey,exports.generateProductQueryKey=query.generateProductQueryKey,exports.generateProductsQueryKey=query.generateProductsQueryKey,exports.composeCornerCss=radius.composeCornerCss,exports.composeRadius=radius.composeRadius,exports.composeRadiusResponsive=radius.composeRadiusResponsive,exports.getCornerCSSFromGlobal=radius.getCornerCSSFromGlobal,exports.getCustomRadius=radius.getCustomRadius,exports.getRadiusCSSFromGlobal=radius.getRadiusCSSFromGlobal,exports.getRadiusStyleActiveState=radius.getRadiusStyleActiveState,exports.RenderIf=render.RenderIf,exports.composeMemo=render.composeMemo,exports.dataStringify=render.dataStringify,exports.props=render.props,exports.removeUndefinedValuesFromObject=render.removeUndefinedValuesFromObject,exports.sanitizeLiquid=render.sanitizeLiquid,exports.styles=render.styles,exports.template=render.template,exports.composeShadow=shadow.composeShadow,exports.composeShadowCss=shadow.composeShadowCss,exports.getResponsiveStyleShadow=shadow.getResponsiveStyleShadow,exports.getResponsiveStyleShadowWithoutState=shadow.getResponsiveStyleShadowWithoutState,exports.getStyleShadow=shadow.getStyleShadow,exports.getStyleShadowState=shadow.getStyleShadowState,exports.parseValueWithUnit=shadow.parseValueWithUnit,exports.composeSize=size.composeSize,exports.composeSizeCss=size.composeSizeCss,exports.genSizeClass=size.genSizeClass,exports.getAspectRatioGlobalSize=size.getAspectRatioGlobalSize,exports.getFlexGrowClassByShapeGlobalSize=size.getFlexGrowClassByShapeGlobalSize,exports.getGlobalSizeGap=size.getGlobalSizeGap,exports.getHeightByShapeGlobalSize=size.getHeightByShapeGlobalSize,exports.getPaddingGlobalSize=size.getPaddingGlobalSize,exports.getPaddingStyleByDevice=size.getPaddingStyleByDevice,exports.getResponsiveStylePadding=size.getResponsiveStylePadding,exports.getValueByDevice=size.getValueByDevice,exports.getWidthByShapeGlobalSize=size.getWidthByShapeGlobalSize,exports.getWidthHeightGlobalSize=size.getWidthHeightGlobalSize,exports.makeGlobalSize=size.makeGlobalSize,exports.makeGlobalSizeIcon=size.makeGlobalSizeIcon,exports.makeStyleWithDefault=size.makeStyleWithDefault,exports.composeFallbackTypographyStyle=typography.composeFallbackTypographyStyle,exports.composeFontFamilyTypographyV2=typography.composeFontFamilyTypographyV2,exports.composeTextHoverColorCss=typography.composeTextHoverColorCss,exports.composeTypography=typography.composeTypography,exports.composeTypographyAttr=typography.composeTypographyAttr,exports.composeTypographyClassName=typography.composeTypographyClassName,exports.composeTypographyCss=typography.composeTypographyCss,exports.composeTypographyStyle=typography.composeTypographyStyle,exports.composeTypographyV2=typography.composeTypographyV2,exports.composeTypographyV2Css=typography.composeTypographyV2Css,exports.genTypoClass=typography.genTypoClass,exports.useArticlesQuery=useArticlesQuery.useArticlesQuery,exports.useBlogsQuery=useArticlesQuery.useBlogsQuery,exports.useAddToCart=useAddToCart.useAddToCart,exports.useCartData=useCartData.useCartData,exports.useCartDiscountCodesUpdate=useCartDiscountCodesUpdate.useCartDiscountCodesUpdate,exports.useCartNoteUpdate=useCartNoteUpdate.useCartNoteUpdate,exports.useCreateCart=useCreateCart.useCreateCart,exports.useRemoveCartItem=useRemoveCartItem.useRemoveCartItem,exports.useUpdateCartItem=useUpdateCartItem.useUpdateCartItem,exports.useCheckoutUrl=shop.useCheckoutUrl,exports.useConnectedShopify=shop.useConnectedShopify,exports.useCurrency=shop.useCurrency,exports.useEditorMode=shop.useEditorMode,exports.useIsSampleProduct=shop.useIsSampleProduct,exports.useIsStorefrontProduct=shop.useIsStorefrontProduct,exports.useLocale=shop.useLocale,exports.useMatchMutate=shop.useMatchMutate,exports.useMobileOnly=shop.useMobileOnly,exports.useMoneyFormat=shop.useMoneyFormat,exports.usePageType=shop.usePageType,exports.usePluginEnable=shop.usePluginEnable,exports.useStoreFront=shop.useStoreFront,exports.useSwatches=shop.useSwatches,exports.useTimezone=shop.useTimezone,exports.useCollectionQuery=useCollectionQuery.useCollectionQuery,exports.useCollectionsQuery=useCollectionsQuery.useCollectionsQuery,exports.useProductQuery=useProductQuery.useProductQuery,exports.useProductOffersQuery=useProductOffersQuery.useProductOffersQuery,exports.useFetchHandle=useFetchHandle.useFetchHandle,exports.useProductsQuery=useProductsQuery.useProductsQuery,exports.useProductsQueryAll=useProductsQuery.useProductsQueryAll,exports.useCurrentDevice=useCurrentDevice.useCurrentDevice,exports.useLazyVideo=useLazyVideo.useLazyVideo,exports.useCartId=useCartId.default,exports.useCartLine=useCartLine.default,exports.useCartUI=useCartUI.default,exports.useCollection=useCollection.useCollection,exports.convertDecimalToNumber=useFormatMoney.convertDecimalToNumber,exports.formatMoney=useFormatMoney.formatMoney,exports.shopifyPriceRounding=useFormatMoney.shopifyPriceRounding,exports.useFormatMoney=useFormatMoney.useFormatMoney,Object.defineProperty(exports,"useId",{enumerable:!0,get:function(){return react.useId}}),exports.useInitialSwatchesOptions=useInitialSwatchesOptions.default,exports.useIsomorphicLayoutEffect=useIsomorphicLayoutEffect.default,exports.useLoadScript=useLoadScript.default,exports.useMoney=useMoney.default,exports.usePrevious=usePrevious.usePrevious,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return useI18n.tGlobal}}),exports.useI18n=useI18n.useI18n,exports.useStickyStore=useStickyStore.useStickyStore,exports.useCheckAvailableVariantInStock=useProduct.useCheckAvailableVariantInStock,exports.useCurrentVariant=useProduct.useCurrentVariant,exports.useCurrentVariantInStock=useProduct.useCurrentVariantInStock,exports.useFeaturedImageGlobal=useProduct.useFeaturedImageGlobal,exports.useHasPreSelected=useProduct.useHasPreSelected,exports.useIsSyncProduct=useProduct.useIsSyncProduct,exports.useProduct=useProduct.useProduct,exports.useProductBundleDiscount=useProduct.useProductBundleDiscount,exports.useProductOfferDiscount=useProduct.useProductOfferDiscount,exports.useProductProperties=useProduct.useProductProperties,exports.useProductShopifyEditLink=useProduct.useProductShopifyEditLink,exports.useQuantity=useProduct.useQuantity,exports.useSelectedOption=useProduct.useSelectedOption,exports.useUniqProductID=useProduct.useUniqProductID,exports.useVariant=useProduct.useVariant,exports.useVariantOutStock=useProduct.useVariantOutStock,exports.useVariants=useProduct.useVariants,exports.useShopifyLink=useShopifyLink.useShopifyLink,exports.useProductList=useProductList.useProductList,exports.useProductListProducts=useProductList.useProductListProducts,exports.useProductListSettings=useProductList.useProductListSettings,exports.useProductListStyles=useProductList.useProductListStyles,exports.useSuspenseFetch=useSuspenseFetch.default,exports.useSwatchesOptions=useSwatchesOptions.default,exports.useRenderMode=useRenderMode.useRenderMode,exports.usePreviewSharePage=usePreviewSharePage.usePreviewSharePage,Object.defineProperty(exports,"RenderModeEnv",{enumerable:!0,get:function(){return builder.RenderModeEnv}}),Object.defineProperty(exports,"InteractionTargetEvent",{enumerable:!0,get:function(){return custom.InteractionTargetEvent}}),Object.defineProperty(exports,"InteractionTriggerEvent",{enumerable:!0,get:function(){return custom.InteractionTriggerEvent}}),exports.ShopType=shop$1,exports.AppAPIType=appAPI,exports.OptionNormalStyle=globalStyle.OptionNormalStyle,exports.OptionSpecialStyle=globalStyle.OptionSpecialStyle,Object.defineProperty(exports,"AnimationDirectionType",{enumerable:!0,get:function(){return animations$1.AnimationDirectionType}}),Object.defineProperty(exports,"AnimationEasingType",{enumerable:!0,get:function(){return animations$1.AnimationEasingType}}),Object.defineProperty(exports,"AnimationSetting",{enumerable:!0,get:function(){return animations$1.AnimationSetting}}),Object.defineProperty(exports,"AnimationTriggerType",{enumerable:!0,get:function(){return animations$1.AnimationTriggerType}}),Object.defineProperty(exports,"AnimationType",{enumerable:!0,get:function(){return animations$1.AnimationType}}),Object.defineProperty(exports,"AnimationZoomDirectionType",{enumerable:!0,get:function(){return animations$1.AnimationZoomDirectionType}}),exports.calculateFirstProduct=getCollection.calculateFirstProduct,exports.getCollection=getCollection.getCollection,exports.fetchMedias=getProduct.fetchMedias,exports.fetchVariants=getProduct.fetchVariants,exports.getProduct=getProduct.getProduct,exports.getProductBySlug=getProductBySlug.getProductBySlug,exports.getAppBlocks=getAppBlocks.getAppBlocks,exports.addAppBlockId=addAppBlockId.addAppBlockId,exports.useInteraction=index.useInteraction,exports.createStoreFrontFetcher=createStoreFrontFetcher.createStoreFrontFetcher,exports.hasPublicStoreFrontData=createStoreFrontFetcher.hasPublicStoreFrontData,exports.DEVICES=device.DEVICES,exports.EMPTY_DEVICE_VALUE=device.EMPTY_DEVICE_VALUE;

package/dist/esm/components/ComponentToolbarPreview.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as t,Fragment as e,jsx as o}from"react/jsx-runtime";import{memo as i,useState as n,useMemo as l,useCallback as r,useEffect as a}from"react";import"zustand";import{useBuilderPreviewStore as d}from"../contexts/BuilderPreviewContext.js";import{usePageStore as C}from"../contexts/PageContext.js";import{CreateThemeSection as c}from"./theme-section/CreateThemeSection.js";import s from"./toolbar/Tooltip.js";import{ThemeSectionStatusWrapper as p}from"./theme-section/ThemeSectionStatus.js";import h from"./resize/Resize.js";import{usePostPurchase as u}from"../hooks/useToolbarPostPurchase.js";import{ableGenerateContentElements as m}from"./constant.js";import{AIContentGenerator as g}from"./ai-generator/AIContentGenerator.js";import{AIGenContentLoading as f}from"./ai-generator/AIGenContentLoading.js";import{InteractionSuffix as v}from"./InteractionSuffix.js";import"swr";import"../helpers/convert.js";import{useShopStore as b}from"../contexts/ShopContext.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"swr/infinite";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../hooks/useStickyStore.js";import"../types/builder.js";import"../types/custom.js";import"../types/animations.js";let SECTION_LIMIT=25,notVisible=t=>{let e=getComputedStyle(t).overflow;return"visible"!==e},isSection=t=>{let e=t.getAttribute("data-component-tag");return"Section"===e},ComponentToolbarPreview=i=>{let w=i.isThemeSection,S=!!i.isShopifySection,L=b(t=>t.storefrontUrl),M=b(t=>t.pageType),x=d(t=>t.getParents),Z=d(t=>t.getItem("ROOT")),y=d(t=>t.isThemeSectionEditor),[R,H]=n(null),[P,V]=n(!1),[T,E]=n(!1),[A,j]=n([]),[B,I]=n("top"),[k,$]=n(!1),[F,O]=n(!1),[U,D]=n(""),[G,_]=n(""),[z,N]=n({width:"",text:""}),[q,J]=n(!1),K=C(t=>t.interactionData),Q=l(()=>"POST_PURCHASE"===M,[M]),{checkDisableDelete:W,getTooltipText:X,checkDisableDuplicate:Y}=u(i.uid,i.tag||""),tt=["ProductTitle","ProductDescription","ProductPrice"],te=["ArticleTitle","ArticleContent","ArticleImage","ArticleAuthor","ArticleCategory","ArticleDate","ArticleExcerpt","ArticleTags"],to=[...tt,...te],ti=(t,e)=>{let o=A.length,i=t.getBoundingClientRect(),n=e.getBoundingClientRect();return i.top-n.top<36*o},tn=(t,e)=>{let o=e||t;if(t&&!isSection(t))return notVisible(t)&&ti(e,t)?t:t.parentElement?tn(t.parentElement,o):void 0},tl=r(()=>Z?.childrens?.length||0,[Z?.childrens?.length]),tr=r(()=>{if("Section"==i.tag)return"bottom";let t=document.body.querySelector("#storefront")?.querySelector('[data-toolbar-active="true"]');if(t){let e=t.getBoundingClientRect();e.top<60?I("bottom"):I("top")}},[i.tag]),ta=l(()=>{let t=/^(?:https?:\/\/)?([^/]+)\.myshopify\.com/;return L?L.match(t)?.[1]:""},[L]),td=l(()=>`https://admin.shopify.com/store/${ta}`,[ta]),tC=l(()=>U?`${td}/products/${U}`:"",[td,U]),tc=l(()=>G?`${td}/articles/${G.replace("gid://shopify/Article/","")}`:"",[G,td]),ts=l(()=>K?.isSelectOnPage,[K?.isSelectOnPage]),tp=l(()=>K?.settingType,[K?.settingType]),th=l(()=>K?.item?.targets?.find(t=>t.uid===i.uid&&t?.type!=="PAGE")&&"TARGET"===tp,[K?.item?.targets,i.uid,tp]),tu=l(()=>K?.item?.self?.uid===i.uid&&K?.item?.self.type!=="PAGE"&&"TRIGGER"===tp,[K?.item?.self?.type,K?.item?.self?.uid,i.uid,tp]),tm=l(()=>!th&&!tu,[th,tu]),tg=l(()=>k||S,[k,S]),tf=l(()=>q||S||tl()>25&&"Section"===i.tag,[tl,q,S,i.tag]),tv=r(t=>{let e=t.detail;if(e?.articleId&&_(e.articleId),e?.productId&&D(e.productId),e?.componentUid==i.uid){O(!0),tr(),Q&&($(W()),N(X()),J(Y()));let t=x(i.uid).filter(t=>!("ROOT"===t.uid||"Section"===t.tag&&y||t.editorConfigs?.toolbar?.hide||t.editorConfigs?.component?.noSetting)).slice(0,3);j(t)}else O(!1),j([]),V(!1)},[i.uid,Q,x,W,X,Y,y,tr]);if(a(()=>(window.addEventListener("editor:active-component",tv),()=>{window.removeEventListener("editor:active-component",tv)}),[tv]),"section"===i.type||i.editorConfigs?.toolbar?.hide)return null;let tb=()=>"Section"!==i.tag?-1:Z?.childrens?.length?Z.childrens.findIndex(t=>t==i.uid):-1,tw=t=>{let e=t?.childrens?.length??0;return"Row"===t.label?`Row ${e} col${1===e?"":"s"}`:t.label},tS=t=>{if(!A.length)return;let e=t?.target||null,o=e.closest("[data-toolbar-active]");if(!e||!o)return;if(P)E(!1),V(!1);else{let t=tn(o,o);if(t)E(!0);else{let t=o.getBoundingClientRect();t.top<36*A.length?E(!0):E(!1)}V(!0)}let i=new CustomEvent("editor:toolbar:show-parents",{bubbles:!0,detail:{value:!P}});window.dispatchEvent(i)},tL=()=>{if(te.includes(i.tag)){window.open(tc,"_blank");return}if(tt.includes(i.tag)){window.open(tC,"_blank");return}window.open(td,"_blank")},tM=t=>{t.preventDefault(),t.stopPropagation();let e=new CustomEvent("editor:toolbar:delete-component",{bubbles:!0,detail:{componentUid:i.uid,isThemeSection:w,isShopifySection:S}});return window.dispatchEvent(e),!1},tx=t=>{t.preventDefault(),t.stopPropagation();let e=new CustomEvent("editor:toolbar:duplicate-component",{bubbles:!0,detail:{componentUid:i.uid,isThemeSection:w,isShopifySection:S}});return window.dispatchEvent(e),!1},tZ=t=>{t.preventDefault(),t.stopPropagation();let e=new CustomEvent("editor:toolbar:zoom-out-component",{bubbles:!0,detail:{componentUid:i.uid}});return window.dispatchEvent(e),!1},ty=()=>{H(null),window.removeEventListener("editor:close-add-section-popup",ty)},tR=(t,e)=>{if(t.preventDefault(),t.stopPropagation(),tl()>=25)return!1;let o=t.target;if(o){H(e);let t=o.getBoundingClientRect(),n=new CustomEvent("editor:toolbar:add-section",{bubbles:!0,detail:{componentUid:i.uid,position:e,top:t.top+t.height/2}});window.dispatchEvent(n),window.addEventListener("editor:close-add-section-popup",ty)}return!1},tH=()=>{if(S)return i.name?.includes("Shopify section:")?i.name:`Shopify section: ${i.name}`;let t=i.name&&i.name===`Section ${i.uid}`;return tl()>=20?`${t?"Section":i?.name} ${tb()+1}/25`:t?`Section ${tb()+1}`:i?.name},tP=()=>{let{isShopifySection:t,tag:e}=i;return!t&&(!w||!!y)&&m.includes(e)};return t(e,{children:[!("Section"==i.tag&&y)&&t("div",{"data-toolbar":!0,"data-toolbar-section":"Section"==i.tag,"data-toolbar-theme-section":"Section"==i.tag&&!!w||y,"data-toolbar-shopify-section":"Section"==i.tag&&!!S,"data-toolbar-limit":tb()>=25,children:[t("div",{"data-toolbar-show-parent":!0,onClick:t=>tS(t),"aria-hidden":"true",children:[tu&&o("div",{className:"gp-hidden gp-w-[12px] interaction-use-custom-element",children:o("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.36799 0.430523C4.51596 0.205675 4.76709 0.0703125 5.03626 0.0703125H9.88576C10.2042 0.0703125 10.395 0.424378 10.2198 0.69034L8.36968 3.4992C8.28209 3.63218 8.37747 3.80922 8.53671 3.80922H10.749C11.1111 3.80922 11.2869 4.25204 11.0233 4.50036L3.03971 12.0217C2.7572 12.2878 2.29932 12.0361 2.37262 11.655L3.27994 6.93698C3.30366 6.81364 3.20915 6.69921 3.08354 6.69921H0.984651C0.66625 6.69921 0.475479 6.34529 0.650515 6.07932L4.36799 0.430523Z",fill:"#F9F9F9"})})}),th&&o("div",{className:"gp-hidden gp-w-[14px] interaction-use-custom-element",children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.32785 3.66159C7.87459 3.58351 8.25451 3.077 8.17643 2.53026C8.09836 1.98353 7.59184 1.6036 7.0451 1.68168C3.92866 2.12673 1.5332 4.80488 1.5332 8.04424C1.5332 11.594 4.41085 14.4716 7.9606 14.4716C11.1706 14.4716 13.8294 12.1194 14.3105 9.04446C14.3959 8.49881 14.0227 7.98727 13.4771 7.9019C12.9314 7.81654 12.4199 8.18967 12.3345 8.73531C12.0034 10.852 10.1702 12.4716 7.9606 12.4716C5.51541 12.4716 3.5332 10.4894 3.5332 8.04424C3.5332 5.81431 5.18273 3.96793 7.32785 3.66159ZM10.3432 1.97548C10.6232 1.69551 11.102 1.83654 11.1855 2.22355L11.6106 4.19339C11.6313 4.28936 11.7063 4.36432 11.8023 4.38503L13.7721 4.81013C14.1591 4.89365 14.3001 5.37247 14.0202 5.65243L12.3432 7.32945C12.1244 7.54819 11.8168 7.65338 11.5099 7.61436L10.1528 7.44178C9.84592 7.40276 9.53827 7.50795 9.31953 7.72669L8.66719 8.37903C8.35477 8.69145 7.86633 8.70954 7.57623 8.41943C7.28613 8.12933 7.30421 7.64089 7.61663 7.32847L8.26898 6.67613C8.48771 6.45739 8.5929 6.14974 8.55388 5.84287L8.38131 4.48575C8.34228 4.17888 8.44748 3.87123 8.66621 3.6525L10.3432 1.97548ZM8.19853 5.1916C8.35319 5.72179 8.04877 6.27697 7.51858 6.43163C6.83078 6.63226 6.32988 7.2683 6.32988 8.01873C6.32988 8.9316 7.06991 9.67164 7.98279 9.67164C8.73014 9.67164 9.36406 9.17486 9.56743 8.49131C9.72492 7.96195 10.2817 7.6605 10.8111 7.81799C11.3404 7.97548 11.6419 8.53227 11.4844 9.06163C11.0356 10.57 9.63916 11.6716 7.98279 11.6716C5.96535 11.6716 4.32988 10.0362 4.32988 8.01873C4.32988 6.35558 5.44054 4.95445 6.95851 4.51165C7.4887 4.35699 8.04387 4.66141 8.19853 5.1916Z",fill:"#F9F9F9"})})}),F&&tm&&o("div",{"data-toolbar-icon-drag":!0,children:t("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[o("path",{d:"M5.5 4.5C6.32843 4.5 7 3.82843 7 3C7 2.17157 6.32843 1.5 5.5 1.5C4.67157 1.5 4 2.17157 4 3C4 3.82843 4.67157 4.5 5.5 4.5Z",fill:"currentColor"}),o("path",{d:"M5.5 9.5C6.32843 9.5 7 8.82843 7 8C7 7.17157 6.32843 6.5 5.5 6.5C4.67157 6.5 4 7.17157 4 8C4 8.82843 4.67157 9.5 5.5 9.5Z",fill:"currentColor"}),o("path",{d:"M7 13C7 13.8284 6.32843 14.5 5.5 14.5C4.67157 14.5 4 13.8284 4 13C4 12.1716 4.67157 11.5 5.5 11.5C6.32843 11.5 7 12.1716 7 13Z",fill:"currentColor"}),o("path",{d:"M10.5 4.5C11.3284 4.5 12 3.82843 12 3C12 2.17157 11.3284 1.5 10.5 1.5C9.67157 1.5 9 2.17157 9 3C9 3.82843 9.67157 4.5 10.5 4.5Z",fill:"currentColor"}),o("path",{d:"M12 8C12 8.82843 11.3284 9.5 10.5 9.5C9.67157 9.5 9 8.82843 9 8C9 7.17157 9.67157 6.5 10.5 6.5C11.3284 6.5 12 7.17157 12 8Z",fill:"currentColor"}),o("path",{d:"M10.5 14.5C11.3284 14.5 12 13.8284 12 13C12 12.1716 11.3284 11.5 10.5 11.5C9.67157 11.5 9 12.1716 9 13C9 13.8284 9.67157 14.5 10.5 14.5Z",fill:"currentColor"})]})}),"Section"==i.tag?t("div",{"data-toolbar-name":!0,children:[tH(),F&&S&&!i.isShopifyVisibility&&t("svg",{"data-toolbar-visibility":!0,width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.1252 9.99773C13.1243 8.27226 11.7248 6.87423 9.99935 6.87506C8.27386 6.87561 6.87518 8.27455 6.87518 10.0001C6.87518 11.7259 8.27429 13.1251 10.0002 13.1251C11.7257 13.1251 13.125 11.727 13.1252 10.0011V9.99773ZM9.99985 8.12506C11.035 8.12451 11.8746 8.96322 11.8752 9.99839V10.0004C11.8752 11.0357 11.0359 11.8751 10.0002 11.8751C8.96465 11.8751 8.12518 11.0356 8.12518 10.0001C8.12518 8.96472 8.96451 8.12533 9.99985 8.12506Z",fill:"#F9F9F9"}),o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.99885 4.37593C5.66421 4.37604 2.80603 7.64523 1.79548 9.00983C1.35636 9.60279 1.35918 10.4 1.80012 10.9902C2.81706 12.3514 5.69374 15.6241 9.99886 15.6241C14.3806 15.6241 17.2194 12.3452 18.2168 10.9808C18.6473 10.392 18.6442 9.60472 18.211 9.01902C17.2056 7.65938 14.3429 4.37583 9.99885 4.37593ZM2.80002 9.75374C3.77049 8.44326 6.30207 5.62602 9.99888 5.62593C13.7041 5.62585 16.24 8.45598 17.206 9.76225C17.3146 9.9091 17.3149 10.0965 17.2077 10.2431C16.254 11.5477 13.7416 14.3741 9.99886 14.3741C6.33149 14.3741 3.78173 11.5541 2.80152 10.242C2.69021 10.0931 2.69001 9.90229 2.80002 9.75374Z",fill:"#F9F9F9"}),o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.0763 3.26988C18.3415 3.58809 18.2985 4.06101 17.9803 4.32619L2.98032 16.8262C2.66211 17.0914 2.18919 17.0484 1.92402 16.7302C1.65884 16.412 1.70184 15.939 2.02004 15.6739L17.02 3.17385C17.3383 2.90868 17.8112 2.95167 18.0763 3.26988Z",fill:"#F9F9F9"})]})]}):o("div",{"data-toolbar-name":!0,children:i.customLabel||i.label}),F&&"Section"!==i.tag&&A.length>0&&o("div",{"data-toolbar-icon-parent":!0,"data-toolbar-icon-parent-open":P,children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:o("path",{d:"M5.65522 10C5.07265 10 4.7809 9.22865 5.19284 8.77753L7.53762 6.20974C7.79298 5.93009 8.20702 5.93009 8.46238 6.20974L10.8072 8.77754C11.2191 9.22866 10.9274 10 10.3448 10H5.65522Z",fill:"currentColor"})})})]}),F&&P&&A.map((e,i)=>t("div",{"data-toolbar-parent":!0,"data-component-tag":e.tag,"data-parent-uid":e.uid,"data-toolbar-theme-section":y,"data-toolbar-parent-revert":T,style:{top:T?`${36*(i+1)}px`:`${-36*(i+1)}px`},children:[o("div",{"data-toolbar-icon-drag":!0,children:t("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[o("path",{d:"M5.5 4.5C6.32843 4.5 7 3.82843 7 3C7 2.17157 6.32843 1.5 5.5 1.5C4.67157 1.5 4 2.17157 4 3C4 3.82843 4.67157 4.5 5.5 4.5Z",fill:"currentColor"}),o("path",{d:"M5.5 9.5C6.32843 9.5 7 8.82843 7 8C7 7.17157 6.32843 6.5 5.5 6.5C4.67157 6.5 4 7.17157 4 8C4 8.82843 4.67157 9.5 5.5 9.5Z",fill:"currentColor"}),o("path",{d:"M7 13C7 13.8284 6.32843 14.5 5.5 14.5C4.67157 14.5 4 13.8284 4 13C4 12.1716 4.67157 11.5 5.5 11.5C6.32843 11.5 7 12.1716 7 13Z",fill:"currentColor"}),o("path",{d:"M10.5 4.5C11.3284 4.5 12 3.82843 12 3C12 2.17157 11.3284 1.5 10.5 1.5C9.67157 1.5 9 2.17157 9 3C9 3.82843 9.67157 4.5 10.5 4.5Z",fill:"currentColor"}),o("path",{d:"M12 8C12 8.82843 11.3284 9.5 10.5 9.5C9.67157 9.5 9 8.82843 9 8C9 7.17157 9.67157 6.5 10.5 6.5C11.3284 6.5 12 7.17157 12 8Z",fill:"currentColor"}),o("path",{d:"M10.5 14.5C11.3284 14.5 12 13.8284 12 13C12 12.1716 11.3284 11.5 10.5 11.5C9.67157 11.5 9 12.1716 9 13C9 13.8284 9.67157 14.5 10.5 14.5Z",fill:"currentColor"})]})}),o("div",{"data-toolbar-name":!0,children:tw(e)})]},e.uid)),F&&!ts&&t(e,{children:[" ","Section"===i.tag&&!i.isThemeSection&&"STATIC"!==M&&"POST_PURCHASE"!==M&&!i.isShopifySection&&25>tb()&&o(c,{...i}),tP()&&o(g,{...i}),"Sticky"==i.tag&&o("div",{"data-toolbar-zoom-out":!0,onClick:t=>tZ(t),"aria-hidden":"true",children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.5 7C14.7761 7 15 6.77614 15 6.5C15 6.22386 14.7761 6 14.5 6L10.7072 6L14.8536 1.85355C15.0489 1.65829 15.0489 1.34171 14.8536 1.14645C14.6584 0.951186 14.3418 0.951185 14.1465 1.14645L10 5.29297L10 1.5C10 1.22386 9.77614 1 9.5 1C9.22386 1 9 1.22386 9 1.5L9 6.5C9 6.77614 9.22386 7 9.5 7L14.5 7ZM6 10.7073L6 14.5C6 14.7761 6.22386 15 6.5 15C6.77614 15 7 14.7761 7 14.5L7 9.5C7 9.22386 6.77614 9 6.5 9H1.5C1.22386 9 1 9.22386 1 9.5C1 9.77614 1.22386 10 1.5 10H5.29306L1.14662 14.1464C0.951353 14.3417 0.951353 14.6583 1.14662 14.8536C1.34188 15.0488 1.65846 15.0488 1.85372 14.8536L6 10.7073Z",fill:"currentColor"})})}),to.includes(i.tag)&&o(s,{"data-toolbar-title":!0,enable:!0,"data-toolbar-disable":!1,text:"Edit content in Shopify",position:"top",onClick:tL,"aria-hidden":"true",children:t("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.61129 2.47348C8.61129 2.47348 8.47099 2.51557 8.23248 2.59274C8.19039 2.46647 8.13427 2.30512 8.05009 2.15079C7.78352 1.6387 7.39068 1.37212 6.91366 1.36511C6.87858 1.36511 6.85052 1.36511 6.81545 1.37212C6.80843 1.36511 6.80142 1.35634 6.7944 1.34757C6.78739 1.3388 6.78037 1.33003 6.77336 1.32302C6.56992 1.09854 6.30335 0.993314 5.98768 1.00033C5.37737 1.02137 4.76706 1.46332 4.269 2.249C3.91825 2.80319 3.65869 3.49767 3.58153 4.03082C3.38823 4.09074 3.21092 4.14586 3.05516 4.19429C2.64595 4.32151 2.3851 4.40261 2.37494 4.40261C2.01718 4.51485 2.01016 4.52888 1.96106 4.85859C1.92598 5.11113 1 12.2945 1 12.2945L7.14764 13.3583C7.18955 13.118 7.30454 12.8953 7.47848 12.7214L8.70249 11.4974V2.45945C8.66741 2.45945 8.63234 2.46647 8.61129 2.47348ZM6.82948 3.02767L6.62554 3.09101C6.27515 3.19989 5.90094 3.31617 5.5317 3.42752C5.65797 2.94349 5.89648 2.46647 6.19111 2.15079C6.30335 2.03154 6.45067 1.90527 6.63306 1.8281C6.80142 2.18587 6.83649 2.68393 6.82948 3.02767ZM5.99469 1.4072C6.13499 1.4072 6.26126 1.43526 6.36649 1.50541C6.19813 1.58959 6.0438 1.71586 5.88947 1.87721C5.50364 2.29109 5.202 2.94349 5.08274 3.56783C4.74459 3.66991 4.41804 3.77199 4.10838 3.8688L4.01646 3.89753C4.22691 2.90841 5.05468 1.43526 5.99469 1.4072ZM4.80214 7.0122C4.81874 7.26957 5.09737 7.44833 5.43473 7.66478C5.95252 7.99699 6.60867 8.41798 6.66813 9.3482C6.7453 10.5548 6.02977 11.3826 4.99154 11.4457C3.7569 11.5229 3.06943 10.7933 3.06943 10.7933L3.32899 9.67791C3.32899 9.67791 4.01646 10.197 4.56363 10.1619C4.92139 10.1409 5.04767 9.84627 5.04065 9.64283C5.01607 9.26796 4.73308 9.06671 4.41569 8.84101C4.00848 8.55142 3.54465 8.22157 3.49735 7.4331C3.42018 6.24756 4.19885 5.05501 5.91051 4.94277C6.57694 4.90068 6.91366 5.06904 6.91366 5.06904L6.52082 6.53518C6.52082 6.53518 6.08589 6.33876 5.56678 6.36682C4.80915 6.41592 4.79512 6.89294 4.80214 7.0122ZM7.23635 2.9014C7.22934 2.59274 7.19426 2.15781 7.04695 1.78601C7.50994 1.87721 7.74143 2.39632 7.83964 2.71199C7.70008 2.75665 7.54275 2.80575 7.37118 2.8593L7.23635 2.9014Z",fill:"currentColor"}),o("path",{d:"M10.7719 3.44156C10.7757 3.47543 11.1733 6.16931 11.541 8.65883L8.95503 11.2448V2.57871C9.16548 2.78214 9.71265 3.31528 9.71265 3.31528C9.71265 3.31528 10.6106 3.32931 10.6597 3.33633C10.7088 3.34334 10.7649 3.37842 10.7719 3.44156Z",fill:"currentColor"}),o("path",{d:"M14.8056 8.644L14.0424 7.88088C13.7832 7.62163 13.3629 7.62163 13.1036 7.88088L12.1519 8.83258L13.8539 10.5345L14.8056 9.58282C15.0648 9.32357 15.0648 8.90325 14.8056 8.644Z",fill:"currentColor"}),o("path",{d:"M7.85018 13.0942L11.6419 9.30246L13.3438 11.0044L9.55212 14.7961C9.43782 14.9104 9.28573 14.9791 9.1244 14.9892L7.93427 15.0641C7.73484 15.0767 7.56961 14.9114 7.58216 14.712L7.65706 13.5219C7.66721 13.3606 7.73588 13.2085 7.85018 13.0942Z",fill:"currentColor"})]})}),o(s,{enable:"Section"==i.tag&&tl()>=25||S,text:S?"Disabled. Please edit in Shopify Editor":"Page has reached Shopify’s 25 section-limit",position:"bottom",width:"200px","data-toolbar-duplicate":!0,"data-toolbar-disable":tf,onClick:tf?void 0:t=>tx(t),"aria-hidden":"true",className:tf?"!gp-cursor-not-allowed":"",children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.08423 1.21289C5.53194 1.21289 5.08423 1.66061 5.08423 2.21289V3.78711H4.26172C3.43329 3.78711 2.76172 4.45868 2.76172 5.28711V13.2871C2.76172 14.1155 3.43329 14.7871 4.26172 14.7871H10.2617C11.0901 14.7871 11.7617 14.1155 11.7617 13.2871V12.4629H13.0842C13.6365 12.4629 14.0842 12.0152 14.0842 11.4629V2.21289C14.0842 1.66061 13.6365 1.21289 13.0842 1.21289H6.08423ZM10.7617 12.4629H6.08423C5.53194 12.4629 5.08423 12.0152 5.08423 11.4629V4.78711H4.26172C3.98558 4.78711 3.76172 5.01097 3.76172 5.28711V13.2871C3.76172 13.5633 3.98558 13.7871 4.26172 13.7871H10.2617C10.5379 13.7871 10.7617 13.5633 10.7617 13.2871V12.4629Z",fill:"currentColor"})})}),o(s,{"data-toolbar-delete":!0,onClick:t=>tg?null:tM(t),enable:tg,"data-toolbar-disable":tg,text:S?"Disabled. Please edit in Shopify Editor":z.text,width:z.width,position:S?"bottom":B,"aria-hidden":"true",className:tg?"!gp-cursor-not-allowed":"",children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 2.88965V2.38965C11 1.56122 10.3284 0.889648 9.5 0.889648H6.5C5.67157 0.889648 5 1.56122 5 2.38965V2.88965H2C1.72386 2.88965 1.5 3.11351 1.5 3.38965C1.5 3.66579 1.72386 3.88965 2 3.88965H3.21997V13.1099C3.21997 14.2144 4.1154 15.1099 5.21997 15.1099H11.22C12.3245 15.1099 13.22 14.2144 13.22 13.1099V3.88965H14C14.2761 3.88965 14.5 3.66579 14.5 3.38965C14.5 3.11351 14.2761 2.88965 14 2.88965H11ZM6 2.88965H10V2.38965C10 2.11351 9.77614 1.88965 9.5 1.88965H6.5C6.22386 1.88965 6 2.11351 6 2.38965V2.88965ZM6.24976 6.13965C6.66397 6.13965 6.99976 6.47543 6.99976 6.88965V11.3896C6.99976 11.8039 6.66397 12.1396 6.24976 12.1396C5.83554 12.1396 5.49976 11.8039 5.49976 11.3896V6.88965C5.49976 6.47543 5.83554 6.13965 6.24976 6.13965ZM10.4998 6.88965C10.4998 6.47543 10.164 6.13965 9.74976 6.13965C9.33554 6.13965 8.99976 6.47543 8.99976 6.88965V11.3896C8.99976 11.8039 9.33554 12.1396 9.74976 12.1396C10.164 12.1396 10.4998 11.8039 10.4998 11.3896V6.88965Z",fill:"currentColor"})})})]}),o(v,{uid:i.uid})]},i.uid),"STATIC"!==M&&"POST_PURCHASE"!==M&&25>tb()&&o(p,{...i}),o("div",{"data-outline":!0,"data-outline-section":"Section"==i.tag,"data-outline-theme-section":"Section"==i.tag&&!!w||y,"data-outline-shopify-section":"Section"==i.tag&&!!S,"data-outline-limit":tb()>=25},"outline-"+i.uid),"Section"==i.tag&&!y&&t(e,{children:[o(s,{enable:tl()>=25,text:"Page has reached Shopify’s 25 section-limit",position:"top","data-toolbar-add-top":!0,"data-toolbar-disable":tl()>=25,"data-toolbar-add-open":"above"==R,onClick:t=>tR(t,"above"),"aria-hidden":"true",children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:o("path",{d:"M8.45 3.95C8.45 3.70147 8.24853 3.5 8 3.5C7.75147 3.5 7.55 3.70147 7.55 3.95V7.55H3.95C3.70147 7.55 3.5 7.75147 3.5 8C3.5 8.24853 3.70147 8.45 3.95 8.45H7.55V12.05C7.55 12.2985 7.75147 12.5 8 12.5C8.24853 12.5 8.45 12.2985 8.45 12.05V8.45H12.05C12.2985 8.45 12.5 8.24853 12.5 8C12.5 7.75147 12.2985 7.55 12.05 7.55H8.45V3.95Z",fill:"#212121"})})}),o(s,{enable:tl()>=25,text:"Page has reached Shopify’s 25 section-limit",position:"top","data-toolbar-add-bottom":!0,"data-toolbar-disable":tl()>=25,"data-toolbar-add-open":"below"==R,onClick:t=>tR(t,"below"),"aria-hidden":"true",children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:o("path",{d:"M8.45 3.95C8.45 3.70147 8.24853 3.5 8 3.5C7.75147 3.5 7.55 3.70147 7.55 3.95V7.55H3.95C3.70147 7.55 3.5 7.75147 3.5 8C3.5 8.24853 3.70147 8.45 3.95 8.45H7.55V12.05C7.55 12.2985 7.75147 12.5 8 12.5C8.24853 12.5 8.45 12.2985 8.45 12.05V8.45H12.05C12.2985 8.45 12.5 8.24853 12.5 8C12.5 7.75147 12.2985 7.55 12.05 7.55H8.45V3.95Z",fill:"#212121"})})})]}),m.includes(i.tag)&&F&&o(f,{...i}),F&&o(h,{...i})]})};var ComponentToolbarPreview$1=i(ComponentToolbarPreview);export{ComponentToolbarPreview$1 as default};
+import{jsxs as t,Fragment as e,jsx as o}from"react/jsx-runtime";import{memo as i,useState as n,useMemo as l,useCallback as r,useEffect as a}from"react";import"zustand";import{useBuilderPreviewStore as d}from"../contexts/BuilderPreviewContext.js";import{usePageStore as C}from"../contexts/PageContext.js";import{CreateThemeSection as c}from"./theme-section/CreateThemeSection.js";import s from"./toolbar/Tooltip.js";import{SectionErrorBanner as p}from"./toolbar/SectionErrorBanner.js";import{ThemeSectionStatusWrapper as u}from"./theme-section/ThemeSectionStatus.js";import h from"./resize/Resize.js";import{usePostPurchase as m}from"../hooks/useToolbarPostPurchase.js";import{ableGenerateContentElements as g}from"./constant.js";import{AIContentGenerator as f}from"./ai-generator/AIContentGenerator.js";import{AIGenContentLoading as b}from"./ai-generator/AIGenContentLoading.js";import{InteractionSuffix as v}from"./InteractionSuffix.js";import{useI18nStore as w}from"@gem-sdk/core";import"swr";import"../helpers/convert.js";import{useShopStore as S}from"../contexts/ShopContext.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"swr/infinite";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../hooks/useStickyStore.js";import"../types/builder.js";import"../types/custom.js";import"../types/animations.js";let SECTION_LIMIT=25,notVisible=t=>{let e=getComputedStyle(t).overflow;return"visible"!==e},isSection=t=>{let e=t.getAttribute("data-component-tag");return"Section"===e},ComponentToolbarPreview=i=>{let{t:L}=w(),M=i.isThemeSection,x=!!i.isShopifySection,Z=S(t=>t.storefrontUrl),y=S(t=>t.pageType),R=d(t=>t.getParents),P=d(t=>t.getItem("ROOT")),H=d(t=>t.isThemeSectionEditor),[V,E]=n(null),[T,A]=n(!1),[j,B]=n(!1),[I,k]=n([]),[F,$]=n("top"),[D,O]=n(!1),[U,N]=n(!1),[G,_]=n(""),[z,q]=n(""),[J,K]=n({width:"",text:""}),[Q,W]=n(!1),X=d(t=>t.errorSectionList),Y=l(()=>{if(!X)return null;let t=X?.find(t=>t.uid===i.uid);return t},[X,i.uid]),tt=C(t=>t.interactionData),te=l(()=>"POST_PURCHASE"===y,[y]),{checkDisableDelete:to,getTooltipText:ti,checkDisableDuplicate:tn}=m(i.uid,i.tag||""),tl=["ProductTitle","ProductDescription","ProductPrice"],tr=["ArticleTitle","ArticleContent","ArticleImage","ArticleAuthor","ArticleCategory","ArticleDate","ArticleExcerpt","ArticleTags"],ta=[...tl,...tr],td=(t,e)=>{let o=I.length,i=t.getBoundingClientRect(),n=e.getBoundingClientRect();return i.top-n.top<36*o},tC=(t,e)=>{let o=e||t;if(t&&!isSection(t))return notVisible(t)&&td(e,t)?t:t.parentElement?tC(t.parentElement,o):void 0},tc=r(()=>P?.childrens?.length||0,[P?.childrens?.length]),ts=r(()=>{if("Section"==i.tag)return"bottom";let t=document.body.querySelector("#storefront")?.querySelector('[data-toolbar-active="true"]');if(t){let e=t.getBoundingClientRect();e.top<60?$("bottom"):$("top")}},[i.tag]),tp=l(()=>{let t=/^(?:https?:\/\/)?([^/]+)\.myshopify\.com/;return Z?Z.match(t)?.[1]:""},[Z]),tu=l(()=>`https://admin.shopify.com/store/${tp}`,[tp]),th=l(()=>G?`${tu}/products/${G}`:"",[tu,G]),tm=l(()=>z?`${tu}/articles/${z.replace("gid://shopify/Article/","")}`:"",[z,tu]),tg=l(()=>tt?.isSelectOnPage,[tt?.isSelectOnPage]),tf=l(()=>tt?.settingType,[tt?.settingType]),tb=l(()=>tt?.item?.targets?.find(t=>t.uid===i.uid&&t?.type!=="PAGE")&&"TARGET"===tf,[tt?.item?.targets,i.uid,tf]),tv=l(()=>tt?.item?.self?.uid===i.uid&&tt?.item?.self.type!=="PAGE"&&"TRIGGER"===tf,[tt?.item?.self?.type,tt?.item?.self?.uid,i.uid,tf]),tw=l(()=>!tb&&!tv,[tb,tv]),tS=l(()=>D||x,[D,x]),tL=l(()=>Q||x||tc()>25&&"Section"===i.tag||!!Y,[tc,Q,x,i.tag,Y]),tM=r(t=>{let e=t.detail;if(e?.articleId&&q(e.articleId),e?.productId&&_(e.productId),e?.componentUid==i.uid){N(!0),ts(),te&&(O(to()),K(ti()),W(tn()));let t=R(i.uid).filter(t=>!("ROOT"===t.uid||"Section"===t.tag&&H||t.editorConfigs?.toolbar?.hide||t.editorConfigs?.component?.noSetting)).slice(0,3);k(t)}else N(!1),k([]),A(!1)},[i.uid,te,R,to,ti,tn,H,ts]),tx=d(t=>t.dismissPublishError),tZ=r(()=>{tx(i.uid)},[tx,i.uid]),ty=r(()=>"Section"!==i.tag?-1:P?.childrens?.length?P.childrens.findIndex(t=>t==i.uid):-1,[P?.childrens,i.uid,i.tag]),tR=l(()=>ty()>=25,[ty]),tP=l(()=>!!Y||tR,[Y,tR]);if(a(()=>(window.addEventListener("editor:active-component",tM),()=>{window.removeEventListener("editor:active-component",tM)}),[tM]),"section"===i.type||i.editorConfigs?.toolbar?.hide)return null;let tH=t=>{let e=t?.childrens?.length??0;if("Row"===t.label){let t=1===e?L("Row {colNumber} col",{colNumber:e}):L("Row {colNumber} cols",{colNumber:e});return t}return L(t.label)},tV=t=>{if(!I.length)return;let e=t?.target||null,o=e.closest("[data-toolbar-active]");if(!e||!o)return;if(T)B(!1),A(!1);else{let t=tC(o,o);if(t)B(!0);else{let t=o.getBoundingClientRect();t.top<36*I.length?B(!0):B(!1)}A(!0)}let i=new CustomEvent("editor:toolbar:show-parents",{bubbles:!0,detail:{value:!T}});window.dispatchEvent(i)},tE=()=>{if(tr.includes(i.tag)){window.open(tm,"_blank");return}if(tl.includes(i.tag)){window.open(th,"_blank");return}window.open(tu,"_blank")},tT=t=>{t.preventDefault(),t.stopPropagation();let e=new CustomEvent("editor:toolbar:delete-component",{bubbles:!0,detail:{componentUid:i.uid,isThemeSection:M,isShopifySection:x}});return window.dispatchEvent(e),!1},tA=t=>{t.preventDefault(),t.stopPropagation();let e=new CustomEvent("editor:toolbar:duplicate-component",{bubbles:!0,detail:{componentUid:i.uid,isThemeSection:M,isShopifySection:x}});return window.dispatchEvent(e),!1},tj=()=>i.customLabel||i.label,tB=t=>{t.preventDefault(),t.stopPropagation();let e=new CustomEvent("editor:toolbar:zoom-out-component",{bubbles:!0,detail:{componentUid:i.uid}});return window.dispatchEvent(e),!1},tI=()=>{E(null),window.removeEventListener("editor:close-add-section-popup",tI)},tk=(t,e)=>{if(t.preventDefault(),t.stopPropagation(),tc()>=25)return!1;let o=t.target;if(o){E(e);let t=o.getBoundingClientRect(),n=new CustomEvent("editor:toolbar:add-section",{bubbles:!0,detail:{componentUid:i.uid,position:e,top:t.top+t.height/2}});window.dispatchEvent(n),window.addEventListener("editor:close-add-section-popup",tI)}return!1},tF=()=>{if(x)return i.name?.includes("Shopify section:")?i.name:`Shopify section: ${i.name}`;let t=i.name&&i.name===`Section ${i.uid}`;return tc()>=20?`${t?"Section":i?.name} ${ty()+1}/25`:t?`${L("Section")} ${ty()+1}`:i?.name},t$=()=>{let{isShopifySection:t,tag:e}=i;return!t&&(!M||!!H)&&g.includes(e)&&!Y},tD="Section"===i.tag&&!i.isThemeSection&&"STATIC"!==y&&"POST_PURCHASE"!==y&&!i.isShopifySection&&25>ty()&&!Y;return t(e,{children:[!("Section"==i.tag&&H)&&t("div",{"data-toolbar":!0,"data-toolbar-section":"Section"==i.tag,"data-toolbar-theme-section":"Section"==i.tag&&!!M||H,"data-toolbar-shopify-section":"Section"==i.tag&&!!x,"data-toolbar-limit":ty()>=25||!!Y,children:[t("div",{"data-toolbar-show-parent":!0,onClick:t=>tV(t),"aria-hidden":"true",children:[tv&&o("div",{className:"gp-hidden gp-w-[12px] interaction-use-custom-element",children:o("svg",{width:"12",height:"13",viewBox:"0 0 12 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.36799 0.430523C4.51596 0.205675 4.76709 0.0703125 5.03626 0.0703125H9.88576C10.2042 0.0703125 10.395 0.424378 10.2198 0.69034L8.36968 3.4992C8.28209 3.63218 8.37747 3.80922 8.53671 3.80922H10.749C11.1111 3.80922 11.2869 4.25204 11.0233 4.50036L3.03971 12.0217C2.7572 12.2878 2.29932 12.0361 2.37262 11.655L3.27994 6.93698C3.30366 6.81364 3.20915 6.69921 3.08354 6.69921H0.984651C0.66625 6.69921 0.475479 6.34529 0.650515 6.07932L4.36799 0.430523Z",fill:"#F9F9F9"})})}),tb&&o("div",{className:"gp-hidden gp-w-[14px] interaction-use-custom-element",children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.32785 3.66159C7.87459 3.58351 8.25451 3.077 8.17643 2.53026C8.09836 1.98353 7.59184 1.6036 7.0451 1.68168C3.92866 2.12673 1.5332 4.80488 1.5332 8.04424C1.5332 11.594 4.41085 14.4716 7.9606 14.4716C11.1706 14.4716 13.8294 12.1194 14.3105 9.04446C14.3959 8.49881 14.0227 7.98727 13.4771 7.9019C12.9314 7.81654 12.4199 8.18967 12.3345 8.73531C12.0034 10.852 10.1702 12.4716 7.9606 12.4716C5.51541 12.4716 3.5332 10.4894 3.5332 8.04424C3.5332 5.81431 5.18273 3.96793 7.32785 3.66159ZM10.3432 1.97548C10.6232 1.69551 11.102 1.83654 11.1855 2.22355L11.6106 4.19339C11.6313 4.28936 11.7063 4.36432 11.8023 4.38503L13.7721 4.81013C14.1591 4.89365 14.3001 5.37247 14.0202 5.65243L12.3432 7.32945C12.1244 7.54819 11.8168 7.65338 11.5099 7.61436L10.1528 7.44178C9.84592 7.40276 9.53827 7.50795 9.31953 7.72669L8.66719 8.37903C8.35477 8.69145 7.86633 8.70954 7.57623 8.41943C7.28613 8.12933 7.30421 7.64089 7.61663 7.32847L8.26898 6.67613C8.48771 6.45739 8.5929 6.14974 8.55388 5.84287L8.38131 4.48575C8.34228 4.17888 8.44748 3.87123 8.66621 3.6525L10.3432 1.97548ZM8.19853 5.1916C8.35319 5.72179 8.04877 6.27697 7.51858 6.43163C6.83078 6.63226 6.32988 7.2683 6.32988 8.01873C6.32988 8.9316 7.06991 9.67164 7.98279 9.67164C8.73014 9.67164 9.36406 9.17486 9.56743 8.49131C9.72492 7.96195 10.2817 7.6605 10.8111 7.81799C11.3404 7.97548 11.6419 8.53227 11.4844 9.06163C11.0356 10.57 9.63916 11.6716 7.98279 11.6716C5.96535 11.6716 4.32988 10.0362 4.32988 8.01873C4.32988 6.35558 5.44054 4.95445 6.95851 4.51165C7.4887 4.35699 8.04387 4.66141 8.19853 5.1916Z",fill:"#F9F9F9"})})}),U&&tw&&o("div",{"data-toolbar-icon-drag":!0,children:t("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[o("path",{d:"M5.5 4.5C6.32843 4.5 7 3.82843 7 3C7 2.17157 6.32843 1.5 5.5 1.5C4.67157 1.5 4 2.17157 4 3C4 3.82843 4.67157 4.5 5.5 4.5Z",fill:"currentColor"}),o("path",{d:"M5.5 9.5C6.32843 9.5 7 8.82843 7 8C7 7.17157 6.32843 6.5 5.5 6.5C4.67157 6.5 4 7.17157 4 8C4 8.82843 4.67157 9.5 5.5 9.5Z",fill:"currentColor"}),o("path",{d:"M7 13C7 13.8284 6.32843 14.5 5.5 14.5C4.67157 14.5 4 13.8284 4 13C4 12.1716 4.67157 11.5 5.5 11.5C6.32843 11.5 7 12.1716 7 13Z",fill:"currentColor"}),o("path",{d:"M10.5 4.5C11.3284 4.5 12 3.82843 12 3C12 2.17157 11.3284 1.5 10.5 1.5C9.67157 1.5 9 2.17157 9 3C9 3.82843 9.67157 4.5 10.5 4.5Z",fill:"currentColor"}),o("path",{d:"M12 8C12 8.82843 11.3284 9.5 10.5 9.5C9.67157 9.5 9 8.82843 9 8C9 7.17157 9.67157 6.5 10.5 6.5C11.3284 6.5 12 7.17157 12 8Z",fill:"currentColor"}),o("path",{d:"M10.5 14.5C11.3284 14.5 12 13.8284 12 13C12 12.1716 11.3284 11.5 10.5 11.5C9.67157 11.5 9 12.1716 9 13C9 13.8284 9.67157 14.5 10.5 14.5Z",fill:"currentColor"})]})}),"Section"==i.tag?t("div",{"data-toolbar-name":!0,children:[tF(),U&&x&&!i.isShopifyVisibility&&t("svg",{"data-toolbar-visibility":!0,width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.1252 9.99773C13.1243 8.27226 11.7248 6.87423 9.99935 6.87506C8.27386 6.87561 6.87518 8.27455 6.87518 10.0001C6.87518 11.7259 8.27429 13.1251 10.0002 13.1251C11.7257 13.1251 13.125 11.727 13.1252 10.0011V9.99773ZM9.99985 8.12506C11.035 8.12451 11.8746 8.96322 11.8752 9.99839V10.0004C11.8752 11.0357 11.0359 11.8751 10.0002 11.8751C8.96465 11.8751 8.12518 11.0356 8.12518 10.0001C8.12518 8.96472 8.96451 8.12533 9.99985 8.12506Z",fill:"#F9F9F9"}),o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.99885 4.37593C5.66421 4.37604 2.80603 7.64523 1.79548 9.00983C1.35636 9.60279 1.35918 10.4 1.80012 10.9902C2.81706 12.3514 5.69374 15.6241 9.99886 15.6241C14.3806 15.6241 17.2194 12.3452 18.2168 10.9808C18.6473 10.392 18.6442 9.60472 18.211 9.01902C17.2056 7.65938 14.3429 4.37583 9.99885 4.37593ZM2.80002 9.75374C3.77049 8.44326 6.30207 5.62602 9.99888 5.62593C13.7041 5.62585 16.24 8.45598 17.206 9.76225C17.3146 9.9091 17.3149 10.0965 17.2077 10.2431C16.254 11.5477 13.7416 14.3741 9.99886 14.3741C6.33149 14.3741 3.78173 11.5541 2.80152 10.242C2.69021 10.0931 2.69001 9.90229 2.80002 9.75374Z",fill:"#F9F9F9"}),o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.0763 3.26988C18.3415 3.58809 18.2985 4.06101 17.9803 4.32619L2.98032 16.8262C2.66211 17.0914 2.18919 17.0484 1.92402 16.7302C1.65884 16.412 1.70184 15.939 2.02004 15.6739L17.02 3.17385C17.3383 2.90868 17.8112 2.95167 18.0763 3.26988Z",fill:"#F9F9F9"})]})]}):o("div",{"data-toolbar-name":!0,children:L(tj())}),U&&"Section"!==i.tag&&I.length>0&&o("div",{"data-toolbar-icon-parent":!0,"data-toolbar-icon-parent-open":T,children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:o("path",{d:"M5.65522 10C5.07265 10 4.7809 9.22865 5.19284 8.77753L7.53762 6.20974C7.79298 5.93009 8.20702 5.93009 8.46238 6.20974L10.8072 8.77754C11.2191 9.22866 10.9274 10 10.3448 10H5.65522Z",fill:"currentColor"})})})]}),U&&T&&I.map((e,i)=>t("div",{"data-toolbar-parent":!0,"data-component-tag":e.tag,"data-parent-uid":e.uid,"data-toolbar-theme-section":H,"data-toolbar-parent-revert":j,style:{top:j?`${36*(i+1)}px`:`${-36*(i+1)}px`},children:[o("div",{"data-toolbar-icon-drag":!0,children:t("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[o("path",{d:"M5.5 4.5C6.32843 4.5 7 3.82843 7 3C7 2.17157 6.32843 1.5 5.5 1.5C4.67157 1.5 4 2.17157 4 3C4 3.82843 4.67157 4.5 5.5 4.5Z",fill:"currentColor"}),o("path",{d:"M5.5 9.5C6.32843 9.5 7 8.82843 7 8C7 7.17157 6.32843 6.5 5.5 6.5C4.67157 6.5 4 7.17157 4 8C4 8.82843 4.67157 9.5 5.5 9.5Z",fill:"currentColor"}),o("path",{d:"M7 13C7 13.8284 6.32843 14.5 5.5 14.5C4.67157 14.5 4 13.8284 4 13C4 12.1716 4.67157 11.5 5.5 11.5C6.32843 11.5 7 12.1716 7 13Z",fill:"currentColor"}),o("path",{d:"M10.5 4.5C11.3284 4.5 12 3.82843 12 3C12 2.17157 11.3284 1.5 10.5 1.5C9.67157 1.5 9 2.17157 9 3C9 3.82843 9.67157 4.5 10.5 4.5Z",fill:"currentColor"}),o("path",{d:"M12 8C12 8.82843 11.3284 9.5 10.5 9.5C9.67157 9.5 9 8.82843 9 8C9 7.17157 9.67157 6.5 10.5 6.5C11.3284 6.5 12 7.17157 12 8Z",fill:"currentColor"}),o("path",{d:"M10.5 14.5C11.3284 14.5 12 13.8284 12 13C12 12.1716 11.3284 11.5 10.5 11.5C9.67157 11.5 9 12.1716 9 13C9 13.8284 9.67157 14.5 10.5 14.5Z",fill:"currentColor"})]})}),o("div",{"data-toolbar-name":!0,children:tH(e)})]},e.uid)),U&&!tg&&t(e,{children:[" ",tD&&o(c,{...i}),t$()&&o(f,{...i}),"Sticky"==i.tag&&o("div",{"data-toolbar-zoom-out":!0,onClick:t=>tB(t),"aria-hidden":"true",children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.5 7C14.7761 7 15 6.77614 15 6.5C15 6.22386 14.7761 6 14.5 6L10.7072 6L14.8536 1.85355C15.0489 1.65829 15.0489 1.34171 14.8536 1.14645C14.6584 0.951186 14.3418 0.951185 14.1465 1.14645L10 5.29297L10 1.5C10 1.22386 9.77614 1 9.5 1C9.22386 1 9 1.22386 9 1.5L9 6.5C9 6.77614 9.22386 7 9.5 7L14.5 7ZM6 10.7073L6 14.5C6 14.7761 6.22386 15 6.5 15C6.77614 15 7 14.7761 7 14.5L7 9.5C7 9.22386 6.77614 9 6.5 9H1.5C1.22386 9 1 9.22386 1 9.5C1 9.77614 1.22386 10 1.5 10H5.29306L1.14662 14.1464C0.951353 14.3417 0.951353 14.6583 1.14662 14.8536C1.34188 15.0488 1.65846 15.0488 1.85372 14.8536L6 10.7073Z",fill:"currentColor"})})}),ta.includes(i.tag)&&o(s,{"data-toolbar-title":!0,enable:!0,"data-toolbar-disable":!1,text:L("Edit content in Shopify"),position:"top",onClick:tE,"aria-hidden":"true",children:t("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.61129 2.47348C8.61129 2.47348 8.47099 2.51557 8.23248 2.59274C8.19039 2.46647 8.13427 2.30512 8.05009 2.15079C7.78352 1.6387 7.39068 1.37212 6.91366 1.36511C6.87858 1.36511 6.85052 1.36511 6.81545 1.37212C6.80843 1.36511 6.80142 1.35634 6.7944 1.34757C6.78739 1.3388 6.78037 1.33003 6.77336 1.32302C6.56992 1.09854 6.30335 0.993314 5.98768 1.00033C5.37737 1.02137 4.76706 1.46332 4.269 2.249C3.91825 2.80319 3.65869 3.49767 3.58153 4.03082C3.38823 4.09074 3.21092 4.14586 3.05516 4.19429C2.64595 4.32151 2.3851 4.40261 2.37494 4.40261C2.01718 4.51485 2.01016 4.52888 1.96106 4.85859C1.92598 5.11113 1 12.2945 1 12.2945L7.14764 13.3583C7.18955 13.118 7.30454 12.8953 7.47848 12.7214L8.70249 11.4974V2.45945C8.66741 2.45945 8.63234 2.46647 8.61129 2.47348ZM6.82948 3.02767L6.62554 3.09101C6.27515 3.19989 5.90094 3.31617 5.5317 3.42752C5.65797 2.94349 5.89648 2.46647 6.19111 2.15079C6.30335 2.03154 6.45067 1.90527 6.63306 1.8281C6.80142 2.18587 6.83649 2.68393 6.82948 3.02767ZM5.99469 1.4072C6.13499 1.4072 6.26126 1.43526 6.36649 1.50541C6.19813 1.58959 6.0438 1.71586 5.88947 1.87721C5.50364 2.29109 5.202 2.94349 5.08274 3.56783C4.74459 3.66991 4.41804 3.77199 4.10838 3.8688L4.01646 3.89753C4.22691 2.90841 5.05468 1.43526 5.99469 1.4072ZM4.80214 7.0122C4.81874 7.26957 5.09737 7.44833 5.43473 7.66478C5.95252 7.99699 6.60867 8.41798 6.66813 9.3482C6.7453 10.5548 6.02977 11.3826 4.99154 11.4457C3.7569 11.5229 3.06943 10.7933 3.06943 10.7933L3.32899 9.67791C3.32899 9.67791 4.01646 10.197 4.56363 10.1619C4.92139 10.1409 5.04767 9.84627 5.04065 9.64283C5.01607 9.26796 4.73308 9.06671 4.41569 8.84101C4.00848 8.55142 3.54465 8.22157 3.49735 7.4331C3.42018 6.24756 4.19885 5.05501 5.91051 4.94277C6.57694 4.90068 6.91366 5.06904 6.91366 5.06904L6.52082 6.53518C6.52082 6.53518 6.08589 6.33876 5.56678 6.36682C4.80915 6.41592 4.79512 6.89294 4.80214 7.0122ZM7.23635 2.9014C7.22934 2.59274 7.19426 2.15781 7.04695 1.78601C7.50994 1.87721 7.74143 2.39632 7.83964 2.71199C7.70008 2.75665 7.54275 2.80575 7.37118 2.8593L7.23635 2.9014Z",fill:"currentColor"}),o("path",{d:"M10.7719 3.44156C10.7757 3.47543 11.1733 6.16931 11.541 8.65883L8.95503 11.2448V2.57871C9.16548 2.78214 9.71265 3.31528 9.71265 3.31528C9.71265 3.31528 10.6106 3.32931 10.6597 3.33633C10.7088 3.34334 10.7649 3.37842 10.7719 3.44156Z",fill:"currentColor"}),o("path",{d:"M14.8056 8.644L14.0424 7.88088C13.7832 7.62163 13.3629 7.62163 13.1036 7.88088L12.1519 8.83258L13.8539 10.5345L14.8056 9.58282C15.0648 9.32357 15.0648 8.90325 14.8056 8.644Z",fill:"currentColor"}),o("path",{d:"M7.85018 13.0942L11.6419 9.30246L13.3438 11.0044L9.55212 14.7961C9.43782 14.9104 9.28573 14.9791 9.1244 14.9892L7.93427 15.0641C7.73484 15.0767 7.56961 14.9114 7.58216 14.712L7.65706 13.5219C7.66721 13.3606 7.73588 13.2085 7.85018 13.0942Z",fill:"currentColor"})]})}),o(s,{enable:"Section"==i.tag&&tc()>=25||x,text:x?L("Disabled. Please edit in Shopify Editor"):L("Page has reached Shopify’s 25 section-limit"),position:"bottom",width:"200px","data-toolbar-duplicate":!0,"data-toolbar-disable":tL,onClick:tL?void 0:t=>tA(t),"aria-hidden":"true",className:tL?"!gp-cursor-not-allowed":"",children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.08423 1.21289C5.53194 1.21289 5.08423 1.66061 5.08423 2.21289V3.78711H4.26172C3.43329 3.78711 2.76172 4.45868 2.76172 5.28711V13.2871C2.76172 14.1155 3.43329 14.7871 4.26172 14.7871H10.2617C11.0901 14.7871 11.7617 14.1155 11.7617 13.2871V12.4629H13.0842C13.6365 12.4629 14.0842 12.0152 14.0842 11.4629V2.21289C14.0842 1.66061 13.6365 1.21289 13.0842 1.21289H6.08423ZM10.7617 12.4629H6.08423C5.53194 12.4629 5.08423 12.0152 5.08423 11.4629V4.78711H4.26172C3.98558 4.78711 3.76172 5.01097 3.76172 5.28711V13.2871C3.76172 13.5633 3.98558 13.7871 4.26172 13.7871H10.2617C10.5379 13.7871 10.7617 13.5633 10.7617 13.2871V12.4629Z",fill:"currentColor"})})}),o(s,{"data-toolbar-delete":!0,onClick:t=>tS?null:tT(t),enable:tS,"data-toolbar-disable":tS,text:x?L("Disabled. Please edit in Shopify Editor"):J.text,width:J.width,position:x?"bottom":F,"aria-hidden":"true",className:tS?"!gp-cursor-not-allowed":"",children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 2.88965V2.38965C11 1.56122 10.3284 0.889648 9.5 0.889648H6.5C5.67157 0.889648 5 1.56122 5 2.38965V2.88965H2C1.72386 2.88965 1.5 3.11351 1.5 3.38965C1.5 3.66579 1.72386 3.88965 2 3.88965H3.21997V13.1099C3.21997 14.2144 4.1154 15.1099 5.21997 15.1099H11.22C12.3245 15.1099 13.22 14.2144 13.22 13.1099V3.88965H14C14.2761 3.88965 14.5 3.66579 14.5 3.38965C14.5 3.11351 14.2761 2.88965 14 2.88965H11ZM6 2.88965H10V2.38965C10 2.11351 9.77614 1.88965 9.5 1.88965H6.5C6.22386 1.88965 6 2.11351 6 2.38965V2.88965ZM6.24976 6.13965C6.66397 6.13965 6.99976 6.47543 6.99976 6.88965V11.3896C6.99976 11.8039 6.66397 12.1396 6.24976 12.1396C5.83554 12.1396 5.49976 11.8039 5.49976 11.3896V6.88965C5.49976 6.47543 5.83554 6.13965 6.24976 6.13965ZM10.4998 6.88965C10.4998 6.47543 10.164 6.13965 9.74976 6.13965C9.33554 6.13965 8.99976 6.47543 8.99976 6.88965V11.3896C8.99976 11.8039 9.33554 12.1396 9.74976 12.1396C10.164 12.1396 10.4998 11.8039 10.4998 11.3896V6.88965Z",fill:"currentColor"})})})]}),o(v,{uid:i.uid})]},i.uid),"STATIC"!==y&&"POST_PURCHASE"!==y&&25>ty()&&o(u,{...i}),o("div",{"data-outline":!0,"data-outline-section":"Section"==i.tag,"data-outline-theme-section":"Section"==i.tag&&!!M||H,"data-outline-shopify-section":"Section"==i.tag&&!!x,"data-outline-limit":tP,"data-outline-error":!!Y},"outline-"+i.uid),"Section"==i.tag&&!H&&t(e,{children:[o(s,{enable:tc()>=25,text:L("Page has reached Shopify’s 25 section-limit"),position:"top","data-toolbar-add-top":!0,"data-toolbar-disable":tc()>=25,"data-toolbar-add-open":"above"==V,onClick:t=>tk(t,"above"),"aria-hidden":"true",children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:o("path",{d:"M8.45 3.95C8.45 3.70147 8.24853 3.5 8 3.5C7.75147 3.5 7.55 3.70147 7.55 3.95V7.55H3.95C3.70147 7.55 3.5 7.75147 3.5 8C3.5 8.24853 3.70147 8.45 3.95 8.45H7.55V12.05C7.55 12.2985 7.75147 12.5 8 12.5C8.24853 12.5 8.45 12.2985 8.45 12.05V8.45H12.05C12.2985 8.45 12.5 8.24853 12.5 8C12.5 7.75147 12.2985 7.55 12.05 7.55H8.45V3.95Z",fill:"#212121"})})}),Y&&o(p,{errorSectionInfo:Y,onDismiss:tZ}),o(s,{enable:tc()>=25,text:L("Page has reached Shopify’s 25 section-limit"),position:"top","data-toolbar-add-bottom":!0,"data-toolbar-disable":tc()>=25,"data-toolbar-add-open":"below"==V,onClick:t=>tk(t,"below"),"aria-hidden":"true",children:o("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:o("path",{d:"M8.45 3.95C8.45 3.70147 8.24853 3.5 8 3.5C7.75147 3.5 7.55 3.70147 7.55 3.95V7.55H3.95C3.70147 7.55 3.5 7.75147 3.5 8C3.5 8.24853 3.70147 8.45 3.95 8.45H7.55V12.05C7.55 12.2985 7.75147 12.5 8 12.5C8.24853 12.5 8.45 12.2985 8.45 12.05V8.45H12.05C12.2985 8.45 12.5 8.24853 12.5 8C12.5 7.75147 12.2985 7.55 12.05 7.55H8.45V3.95Z",fill:"#212121"})})})]}),g.includes(i.tag)&&U&&o(b,{...i}),U&&o(h,{...i})]})};var ComponentToolbarPreview$1=i(ComponentToolbarPreview);export{ComponentToolbarPreview$1 as default};

package/dist/esm/components/InteractionSuffix.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as t,Fragment as e}from"react/jsx-runtime";import"zustand";import"react";import{usePageStore as r}from"../contexts/PageContext.js";import"react-transition-group";import"@gem-sdk/core";import"swr";import"swr/infinite";import"classnames";import"dayjs";import{useInteraction as i}from"../helpers/interaction/index.js";import"../helpers/convert.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../hooks/useStickyStore.js";import"../types/builder.js";import"../types/custom.js";import"../types/animations.js";let InteractionSuffix=({uid:o})=>{let{closeSelectOnPage:p,selectInteractionElement:s}=i(),n=r(t=>t.interactionData?.settingType||""),a=r(t=>t.interactionData?.isSelectOnPage),m=t=>{s({$target:t.target,componentUid:o,settingType:n}),p()};return t(e,{children:a&&t("button",{className:"gp-bg-[#F4F4F4]  gp-px-2 gp-h-[24px] gp-py-0.5 gp-rounded-lg gp-text-[#212121] gp-text-xs gp-font-medium gp-hidden interaction-use-custom-element ",onClick:m,"data-setup-interaction":!0,children:"TRIGGER"===n?"Set as trigger":"Set as target"})})};export{InteractionSuffix};
+import{jsx as t,Fragment as e}from"react/jsx-runtime";import{useI18nStore as r}from"@gem-sdk/core";import"zustand";import"react";import{usePageStore as i}from"../contexts/PageContext.js";import"react-transition-group";import"swr";import"swr/infinite";import"classnames";import"dayjs";import{useInteraction as o}from"../helpers/interaction/index.js";import"../helpers/convert.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../hooks/useStickyStore.js";import"../types/builder.js";import"../types/custom.js";import"../types/animations.js";let InteractionSuffix=({uid:p})=>{let{closeSelectOnPage:s,selectInteractionElement:n}=o(),{t:a}=r(),m=i(t=>t.interactionData?.settingType||""),c=i(t=>t.interactionData?.isSelectOnPage),g=t=>{n({$target:t.target,componentUid:p,settingType:m}),s()};return t(e,{children:c&&t("button",{className:"gp-bg-[#F4F4F4]  gp-px-2 gp-h-[24px] gp-py-0.5 gp-rounded-lg gp-text-[#212121] gp-text-xs gp-font-medium gp-hidden interaction-use-custom-element ",onClick:g,"data-setup-interaction":!0,children:a("TRIGGER"===m?"Set as trigger":"Set as target")})})};export{InteractionSuffix};

package/dist/esm/components/Render.liquid.js CHANGED Viewed

@@ -1,5 +1,5 @@
 'use client';
-import{makeStyleResponsive as e}from"../helpers/make-style.js";import"react";import"react/jsx-runtime";import"zustand";import"swr";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"swr/infinite";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../hooks/useStickyStore.js";import"../types/builder.js";import"../types/custom.js";import"../types/animations.js";import"react-transition-group";import"@gem-sdk/core";import{disableWrap as t,customRenderChildren as n}from"./constant.js";import"classnames";import"dayjs";import{composeAdvanceStyle as r}from"../helpers/compose-advance-style.js";import{baseAssetURL as i,isLocalEnv as s}from"../helpers/convert.js";import{RenderIf as d,template as a}from"../helpers/render.js";let componentsRenderWithParentId=["CarouselItem","CarouselItemV3"],componentTexts=["Text","Heading"],componentIconList=["IconListV2","IconList"],componentUsingAdvanced=["IconList","ProductVariants"],Render=({uid:e,builder:i,components:s,parentId:l,extraFiles:o={},pageContext:p,additionalSettings:c,...u})=>{let m=i[e],g=s[m?.tag];if(!g||!m||m?.type==="section")return{liquid:"",extraFiles:o};{let o={extraFiles:{}},h=r(m.advanced,m.tag),b="";b=t.includes(m.tag)?d(m?.childrens?.length,()=>g({builderProps:{uid:e,builderData:m},styles:m.styles,setting:m.settings,style:h,advanced:m.advanced,parentId:componentsRenderWithParentId.includes(m.tag)?l:null,pageContext:p,...c,...u,builderAttrs:{...u.builderAttrs},rawChildren:m.childrens.map(e=>({...i[e],uid:e,builder:i,components:s,customProps:o,pageContext:p,...c})),children:n.includes(m.tag)?"":WrapRenderChildren({uid:e,customProps:o},m.childrens.map(e=>RenderChildren({uid:e,builder:i,components:s,customProps:o,parentTag:m.tag,pageContext:p,...c})))}),()=>g({builderProps:{uid:e,builderData:m},styles:m.styles,setting:m.settings,advanced:m.advanced,style:h,isText:!!componentTexts.includes(m.tag)||null,parentId:componentsRenderWithParentId.includes(m.tag)?l:null,pageContext:p,...u,builderAttrs:{...u.builderAttrs}})):a`<div gp-el-wrapper style="${componentIconList.includes(m.tag)?"":h}" class="${m.uid} ${m?.childrens?.length||"IconListItemHoz"!==m.tag?"":"hidden"}">
+import{makeStyleResponsive as e}from"../helpers/make-style.js";import"react";import"react/jsx-runtime";import"zustand";import"swr";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"swr/infinite";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../hooks/useStickyStore.js";import"../types/builder.js";import"../types/custom.js";import"../types/animations.js";import"react-transition-group";import{disableWrap as t,customRenderChildren as n}from"./constant.js";import"classnames";import"dayjs";import"@gem-sdk/core";import{composeAdvanceStyle as r}from"../helpers/compose-advance-style.js";import{baseAssetURL as i,isLocalEnv as s}from"../helpers/convert.js";import{RenderIf as d,template as a}from"../helpers/render.js";let componentsRenderWithParentId=["CarouselItem","CarouselItemV3"],componentTexts=["Text","Heading"],componentIconList=["IconListV2","IconList"],componentUsingAdvanced=["IconList","ProductVariants"],Render=({uid:e,builder:i,components:s,parentId:l,extraFiles:o={},pageContext:p,additionalSettings:c,...u})=>{let m=i[e],g=s[m?.tag];if(!g||!m||m?.type==="section")return{liquid:"",extraFiles:o};{let o={extraFiles:{}},h=r(m.advanced,m.tag),b="";b=t.includes(m.tag)?d(m?.childrens?.length,()=>g({builderProps:{uid:e,builderData:m},styles:m.styles,setting:m.settings,style:h,advanced:m.advanced,parentId:componentsRenderWithParentId.includes(m.tag)?l:null,pageContext:p,...c,...u,builderAttrs:{...u.builderAttrs},rawChildren:m.childrens.map(e=>({...i[e],uid:e,builder:i,components:s,customProps:o,pageContext:p,...c})),children:n.includes(m.tag)?"":WrapRenderChildren({uid:e,customProps:o},m.childrens.map(e=>RenderChildren({uid:e,builder:i,components:s,customProps:o,parentTag:m.tag,pageContext:p,...c})))}),()=>g({builderProps:{uid:e,builderData:m},styles:m.styles,setting:m.settings,advanced:m.advanced,style:h,isText:!!componentTexts.includes(m.tag)||null,parentId:componentsRenderWithParentId.includes(m.tag)?l:null,pageContext:p,...u,builderAttrs:{...u.builderAttrs}})):a`<div gp-el-wrapper style="${componentIconList.includes(m.tag)?"":h}" class="${m.uid} ${m?.childrens?.length||"IconListItemHoz"!==m.tag?"":"hidden"}">
       ${d(m?.childrens?.length,()=>g({builderProps:{uid:e,builderData:m},styles:m.styles,setting:m.settings,advanced:{...componentUsingAdvanced.includes(m.tag)?m?.advanced:{},cssClass:m?.advanced?.cssClass},pageContext:p,...c,...u,builderAttrs:{...u.builderAttrs},rawChildren:m.childrens.map(e=>({...i[e],uid:e,builder:i,components:s,customProps:o,pageContext:p,...c})),children:n.includes(m.tag)?"":WrapRenderChildren({uid:e,customProps:o},m.childrens.map(e=>RenderChildren({uid:e,builder:i,components:s,customProps:o,parentTag:m.tag,pageContext:p,...c})))}),()=>g({builderProps:{uid:e,builderData:m},styles:m.styles,setting:m.settings,advanced:{...componentUsingAdvanced.includes(m.tag)?m?.advanced:{},cssClass:m?.advanced?.cssClass},pageContext:p,...c,isText:!!componentTexts.includes(m.tag)||null,style:componentIconList.includes(m.tag)?h:null,...u,builderAttrs:{...u.builderAttrs}}))}
       </div>`;let{cssCode:f,jsCode:v}=RenderCustomCode(m);return f&&(b+=f),v&&(b+=v),{liquid:b=appendAnimation(m,b),extraFiles:o.extraFiles}}},RenderCustomCode=e=>{let{css:t,javascript:n,rootClassName:r}=e.advanced?.editorData||{},i=t?.replaceAll(r,e.uid),s=n?.replaceAll(r,e.uid),l=d(!!t,a`
       <style id="${`custom-css-${e?.uid}`}">
@@ -15,9 +15,9 @@ import{makeStyleResponsive as e}from"../helpers/make-style.js";import"react";imp
   <gp-animation
     gp-interaction-wrapper
     display-init="${!1===u?"hide":"show"}"
-    gp-data='${JSON.stringify({config:o,tag:l,opacity:p,notEnableAnimationWhenInit:!C})}'
     style="${{display:"contents"}}"
   >
+    <script gp-data type="application/json">${JSON.stringify({config:o,tag:l,opacity:p,notEnableAnimationWhenInit:!C})}</script>
     <div style="${{...e("v",x),display:"contents"}}">${n}</div>
   </gp-animation>
   ${d(s,'<script src="{{ \'gp-animation-v7-5.js\' | asset_url }}" defer="defer"></script>',`<script src="${i}/assets-v2/gp-animation-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}

package/dist/esm/components/RenderCustomCode.js CHANGED Viewed

@@ -1,5 +1,5 @@
 'use client';
-import{jsxs as t,Fragment as r,jsx as o}from"react/jsx-runtime";import e from"next/head";import s from"next/script";import{useMemo as i}from"react";import"zustand";import"react-transition-group";import"@gem-sdk/core";import"swr";import"swr/infinite";import{useEditorMode as m}from"../hooks/shop.js";import"classnames";import"dayjs";import"../helpers/convert.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../hooks/useStickyStore.js";import"../types/builder.js";import"../types/custom.js";import"../types/animations.js";let RenderCustomCode=({uid:p,advanced:a})=>{let n=m(),{css:l,javascript:c,rootClassName:d}=a?.editorData||{},u=l?.replaceAll(d,p),h=c?.replaceAll(d,p),j={css:`custom-css-${p}`,javascript:`custom-js-${p}`},y=i(()=>`
+import{jsxs as t,Fragment as r,jsx as o}from"react/jsx-runtime";import e from"next/head";import s from"next/script";import{useMemo as i}from"react";import"zustand";import"react-transition-group";import"swr";import"swr/infinite";import{useEditorMode as m}from"../hooks/shop.js";import"classnames";import"dayjs";import"@gem-sdk/core";import"../helpers/convert.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../hooks/useStickyStore.js";import"../types/builder.js";import"../types/custom.js";import"../types/animations.js";let RenderCustomCode=({uid:p,advanced:a})=>{let n=m(),{css:l,javascript:c,rootClassName:d}=a?.editorData||{},u=l?.replaceAll(d,p),h=c?.replaceAll(d,p),j={css:`custom-css-${p}`,javascript:`custom-js-${p}`},y=i(()=>`
       try {
         ${h}
       } catch(err){}

package/dist/esm/components/ai-generator/AIContentGenerator.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import{useState as p,useRef as r,useCallback as n,useEffect as i}from"react";import{AIIcon as g}from"./icons/AIIcon.js";import{CloseIcon as s}from"./icons/CloseIcon.js";import{ShowMoreIcon as a}from"./icons/ShowMoreIcon.js";import{WarningIcon as l}from"./icons/WarningIcon.js";import{UpgradeIcon as m}from"./icons/UpgradeIcon.js";import{PickProduct as c}from"./components/PickProduct.js";import{ToneAndVoice as d}from"./components/ToneAndVoice.js";import u from"classnames";import{useListenEventGenerate as h}from"./hooks/useListenEventGenerate.js";import{useGettingGenerateRequest as f}from"./hooks/useGettingGenerateRequest.js";import{useFlipPopup as x}from"./hooks/useFlipPopup.js";import{useCheckingProductInside as b}from"./hooks/useCheckingProductInside.js";import"zustand";import{useI18nStore as v}from"../../contexts/I18nContext.js";import"react-transition-group";import"@gem-sdk/core";import{useShopStore as w}from"../../contexts/ShopContext.js";import j from"dayjs";import"swr";import"../../helpers/convert.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"swr/infinite";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/custom.js";import"../../types/animations.js";let AIContentGenerator=({...N})=>{let[C,y]=p(!1),[k,I]=p(!1),A=r(null),G=r(null),S=r(null),B=r(null),F=j().add(1,"month").startOf("month").format("DD MMM"),{t:P}=v(),{popupPositionX:D,popupPositionY:E,isValidating:M,bodyMaxHeight:L}=x(C,{genTool:A,genPopup:G,genPopupHeader:S,genButtonWrapper:B}),{isGenerating:U,onGenerate:z,onOpenProductElementSettings:V,goToPricing:W}=h({uid:N.uid,tag:String(N.tag)}),{getRequestBody:H,prompt:Q,changeProductName:R,changePrompt:T,changeTone:Y}=f(),{productElement:$,checkSectionHasProduct:q}=b(A),O=w(e=>e.generateContentLimitation),J=()=>{y(!C)},K=()=>{y(!1)},X=e=>{T(e.target.value)},Z=n(e=>{let t=e.detail;if(t?.componentUid!==N.uid){K();return}q()},[N.uid,q]),_=()=>{I(!k)},ee=()=>{let e=H();z(e),K()},et=()=>{V($.uid??"")};return i(()=>{U||K()},[U]),i(()=>{if($.productId){I(!1);return}I(!0)},[$]),i(()=>(window.addEventListener("editor:active-component",Z),()=>{window.removeEventListener("editor:active-component",Z)}),[Z]),e("div",{className:"gp-gen-content-toolbar-wrapper gp-relative",ref:A,children:[t("div",{className:"gp-gen-content-btn gp-border-r gp-pr-1 gp-mr-1",children:e("button",{className:u({"gp-toolbar-ai-active":C},"gp-p-1 gp-text-xs gp-flex gp-gap-1 gp-items-center gp-rounded-md hover:gp-bg-[#3B3B3B] gp-font-medium"),onClick:J,children:[t(g,{}),P("AI Content")]})}),e("div",{className:u({"gp-hidden":!C,"gp-right-0":"Section"===N.tag||"right"===D,"gp-left-0":"left"===D&&"Section"!==N.tag,"gp-top-8":"top"===E,"gp-bottom-8":"bottom"===E,"!gp-visible":!M},"gp-absolute gp-invisible gp-rounded-lg gp-bg-[#151515] gp-w-[312px] !gp-max-w-[312px] !gp-cursor-default"),ref:G,children:[e("div",{className:"gp-flex gp-items-center gp-justify-between gp-px-4 gp-py-[10px]",ref:S,children:[t("span",{className:"gp-font-medium gp-text-sm",children:"Write with GemAI"}),t("button",{className:"gp-p-2 gp-cursor-pointer hover:gp-bg-[#3B3B3B] gp-rounded-md",onClick:K,children:t(s,{})})]}),t("div",{className:u({"gp-overflow-auto":null!==L},"gp-pt-2 gp-text-left gp-px-4 scrollbar:gp-w-1 scrollbar-thumb:gp-bg-[#999] scrollbar-thumb:gp-rounded-xl"),style:{maxHeight:null!==L?`${L}px`:"auto"},children:O?.isAllow?e(o,{children:[t("div",{className:"gp-mb-4",children:t("span",{className:"gp-text-xs",children:"What would you like to describe here?"})}),t("div",{className:"gp-mb-4 gp-flex",children:t("textarea",{className:"gp-p-2 gp-bg-[#333333] gp-rounded-lg gp-w-full gp-text-xs gp-text-white placeholder:gp-text-[#AAAAAA] gp-resize-none focus-visible:gp-outline-none",placeholder:"e.g: generate feature benefits",rows:4,value:Q,onChange:X})}),e("div",{className:u({"gp-hidden":!k},"gp-mb-4 gp-gap-4 gp-flex gp-flex-col"),children:[t(d,{changeToneAndVoice:Y}),t(c,{changeProductName:R,openProductSetting:et,productId:$.productId})]}),t("div",{children:e("button",{className:"gp-flex gp-justify-center gp-items-center gp-w-full gp-bg-[#333333] gp-py-2 gp-rounded-lg gp-gap-2 gp-text-xs gp-font-medium",onClick:_,children:["Show more",t("span",{className:u({"gp-rotate-180":k}),children:t(a,{})})]})})]}):e("div",{className:"gp-flex gp-gap-2 gp-p-3 gp-rounded-xl gp-bg-[#FDB913] gp-bg-opacity-20",children:[t("div",{className:"gp-flex-none gp-w-7 gp-h-7 gp-rounded-lg gp-bg-[#FFB800] gp-flex gp-justify-center gp-items-center",children:t(l,{})}),e("p",{className:"gp-text-xs gp-whitespace-normal",children:["You've reached ",O?.maxGenerateCount,"/",O?.maxGenerateCount," rewrites of your AI generative this month.",t("br",{}),"Resets on ",F,"."]})]})}),t("div",{className:"gp-p-4",ref:B,children:O?.isAllow?t("button",{className:"gp-rounded-lg gp-w-full gp-text-xs gp-font-medium gp-bg-gradient-to-tl gp-from-[#3C38E1] gp-to-[#874CFD] gp-py-2",onClick:ee,children:U?"Generating...":"Generate"}):e("button",{className:"gp-flex gp-items-center gp-gap-2 gp-justify-center gp-rounded-lg gp-w-full gp-text-xs gp-font-medium gp-bg-gradient-to-tl gp-from-[#3C38E1] gp-to-[#874CFD] gp-py-2",onClick:W,children:[t(m,{}),O?.nextQuota?`Upgrade to generate ${O?.nextQuota} rewrites`:"You have reached limit this month"]})})]})]})};export{AIContentGenerator};
+import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import{useState as p,useRef as r,useCallback as n,useEffect as i}from"react";import{AIIcon as g}from"./icons/AIIcon.js";import{CloseIcon as s}from"./icons/CloseIcon.js";import{ShowMoreIcon as a}from"./icons/ShowMoreIcon.js";import{WarningIcon as l}from"./icons/WarningIcon.js";import{UpgradeIcon as m}from"./icons/UpgradeIcon.js";import{PickProduct as c}from"./components/PickProduct.js";import{ToneAndVoice as d}from"./components/ToneAndVoice.js";import u from"classnames";import{useListenEventGenerate as h}from"./hooks/useListenEventGenerate.js";import{useGettingGenerateRequest as f}from"./hooks/useGettingGenerateRequest.js";import{useFlipPopup as x}from"./hooks/useFlipPopup.js";import{useCheckingProductInside as b}from"./hooks/useCheckingProductInside.js";import"zustand";import{useI18nStore as v}from"../../contexts/I18nContext.js";import"react-transition-group";import{useShopStore as w}from"../../contexts/ShopContext.js";import j from"dayjs";import"@gem-sdk/core";import"swr";import"../../helpers/convert.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"swr/infinite";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/custom.js";import"../../types/animations.js";let AIContentGenerator=({...C})=>{let[N,y]=p(!1),[k,I]=p(!1),A=r(null),G=r(null),S=r(null),B=r(null),F=j().add(1,"month").startOf("month").format("DD MMM"),{t:M}=v(),{popupPositionX:P,popupPositionY:D,isValidating:E,bodyMaxHeight:L}=x(N,{genTool:A,genPopup:G,genPopupHeader:S,genButtonWrapper:B}),{isGenerating:Q,onGenerate:U,onOpenProductElementSettings:z,goToPricing:V}=h({uid:C.uid,tag:String(C.tag)}),{getRequestBody:W,prompt:H,changeProductName:R,changePrompt:T,changeTone:Y}=f(),{productElement:q,checkSectionHasProduct:O}=b(A),$=w(e=>e.generateContentLimitation),J=()=>{y(!N)},K=()=>{y(!1)},X=e=>{T(e.target.value)},Z=n(e=>{let t=e.detail;if(t?.componentUid!==C.uid){K();return}O()},[C.uid,O]),_=()=>{I(!k)},ee=()=>{let e=W();U(e),K()},et=()=>{z(q.uid??"")};return i(()=>{Q||K()},[Q]),i(()=>{if(q.productId){I(!1);return}I(!0)},[q]),i(()=>(window.addEventListener("editor:active-component",Z),()=>{window.removeEventListener("editor:active-component",Z)}),[Z]),e("div",{className:"gp-gen-content-toolbar-wrapper gp-relative",ref:A,children:[t("div",{className:"gp-gen-content-btn gp-border-r gp-pr-1 gp-mr-1",children:e("button",{className:u({"gp-toolbar-ai-active":N},"gp-p-1 gp-text-xs gp-flex gp-gap-1 gp-items-center gp-rounded-md hover:gp-bg-[#3B3B3B] gp-font-medium"),onClick:J,children:[t(g,{}),M("AI Content")]})}),e("div",{className:u({"gp-hidden":!N,"gp-right-0":"Section"===C.tag||"right"===P,"gp-left-0":"left"===P&&"Section"!==C.tag,"gp-top-8":"top"===D,"gp-bottom-8":"bottom"===D,"!gp-visible":!E},"gp-absolute gp-invisible gp-rounded-lg gp-bg-[#151515] gp-w-[312px] !gp-max-w-[312px] !gp-cursor-default"),ref:G,children:[e("div",{className:"gp-flex gp-items-center gp-justify-between gp-px-4 gp-py-[10px]",ref:S,children:[t("span",{className:"gp-font-medium gp-text-sm",children:M("Write with GemAI")}),t("button",{className:"gp-p-2 gp-cursor-pointer hover:gp-bg-[#3B3B3B] gp-rounded-md",onClick:K,children:t(s,{})})]}),t("div",{className:u({"gp-overflow-auto":null!==L},"gp-pt-2 gp-text-left gp-px-4 scrollbar:gp-w-1 scrollbar-thumb:gp-bg-[#999] scrollbar-thumb:gp-rounded-xl"),style:{maxHeight:null!==L?`${L}px`:"auto"},children:$?.isAllow?e(o,{children:[t("div",{className:"gp-mb-4",children:t("span",{className:"gp-text-xs",children:M("What would you like to describe here?")})}),t("div",{className:"gp-mb-4 gp-flex",children:t("textarea",{className:"gp-p-2 gp-bg-[#333333] gp-rounded-lg gp-w-full gp-text-xs gp-text-white placeholder:gp-text-[#AAAAAA] gp-resize-none focus-visible:gp-outline-none",placeholder:M("e.g: generate feature benefits"),rows:4,value:H,onChange:X})}),e("div",{className:u({"gp-hidden":!k},"gp-mb-4 gp-gap-4 gp-flex gp-flex-col"),children:[t(d,{changeToneAndVoice:Y}),t(c,{changeProductName:R,openProductSetting:et,productId:q.productId})]}),t("div",{children:e("button",{className:"gp-flex gp-justify-center gp-items-center gp-w-full gp-bg-[#333333] gp-py-2 gp-rounded-lg gp-gap-2 gp-text-xs gp-font-medium",onClick:_,children:[M("Show more"),t("span",{className:u({"gp-rotate-180":k}),children:t(a,{})})]})})]}):e("div",{className:"gp-flex gp-gap-2 gp-p-3 gp-rounded-xl gp-bg-[#FDB913] gp-bg-opacity-20",children:[t("div",{className:"gp-flex-none gp-w-7 gp-h-7 gp-rounded-lg gp-bg-[#FFB800] gp-flex gp-justify-center gp-items-center",children:t(l,{})}),e("p",{className:"gp-text-xs gp-whitespace-normal",children:[M("You've reached {maxGenerateCount}/{maxGenerateCount} rewrites of your AI generative this month.",{maxGenerateCount:$?.maxGenerateCount}),t("br",{}),M("Resets on {nextMonth}.",{nextMonth:F})]})]})}),t("div",{className:"gp-p-4",ref:B,children:$?.isAllow?t("button",{className:"gp-rounded-lg gp-w-full gp-text-xs gp-font-medium gp-bg-gradient-to-tl gp-from-[#3C38E1] gp-to-[#874CFD] gp-py-2",onClick:ee,children:M(Q?"Generating...":"Generate")}):e("button",{className:"gp-flex gp-items-center gp-gap-2 gp-justify-center gp-rounded-lg gp-w-full gp-text-xs gp-font-medium gp-bg-gradient-to-tl gp-from-[#3C38E1] gp-to-[#874CFD] gp-py-2",onClick:V,children:[t(m,{}),$?.nextQuota?M("Upgrade to generate {nextQuota} rewrites",{nextQuota:$?.nextQuota}):M("You have reached limit this month")]})})]})]})};export{AIContentGenerator};

package/dist/esm/components/ai-generator/components/PickProduct.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as r,useRef as p,useMemo as a,useEffect as o}from"react";import{SearchIcon as s}from"../icons/SearchIcon.js";import{useListProductQuery as i}from"../../../hooks/shop/use-products-query.js";import l from"classnames";import"zustand";import"react-transition-group";import"@gem-sdk/core";import"swr";import"dayjs";import"../../../helpers/convert.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import{useProductQuery as c}from"../../../hooks/shop/use-product-query.js";import"vanilla-lazyload";import"../../../hooks/useCartUI.js";import"../../../hooks/useStickyStore.js";import"../../../types/builder.js";import"../../../types/custom.js";import"../../../types/animations.js";let PickProduct=g=>{let[d,n]=r(g.productId?void 0:{first:8}),{data:m,isLoading:u,isValidating:h,size:f,setSize:x}=i(d,{revalidateFirstPage:!1}),{data:b}=c(g.productId),[N,v]=r(),[I,k]=r(!1),w=p(null),j=p(null),y=()=>{g.productId||k(!I)},P=e=>{v(e),k(!1)},S=e=>{w.current&&clearTimeout(w.current),w.current=setTimeout(()=>{let t=e.target.value??"";if(t){n({first:8,where:{titleContainsFold:t}});return}n({first:8})},200)},C=()=>{g.openProductSetting()},z=e=>{let t=e.target;t.scrollHeight-t.scrollTop===t.clientHeight&&(j.current&&clearTimeout(j.current),j.current=setTimeout(()=>{x(f+1)},50))},T=a(()=>m?.reduce((e,t)=>[...e,...t.products?.edges??[]],[])??[],[m]);o(()=>{if(T.length&&!N&&!g.productId){let e=T[0]?.node;e&&v({id:e?.id,name:e?.title,image:e.featuredImage?.src})}},[T,N,g.productId]),o(()=>{N&&N.name&&g.changeProductName(N.name)},[N,g]),o(()=>{b&&v({id:b.id,name:b.title,image:b.featuredImage?.src})},[b]);let F="https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif";return e("div",{className:"gp-flex gp-flex-col gp-gap-2",children:[t("p",{className:"gp-py-2 gp-text-xs",children:"Product"}),e("div",{className:"gp-relative",children:[!u||N?e("button",{className:l({"gp-cursor-default":g.productId},"gp-flex gp-gap-2 gp-items-center gp-w-full gp-p-2 gp-rounded-lg gp-bg-[#333333] gp-text-xs"),onClick:y,children:[t("img",{className:"gp-rounded-lg gp-w-10 gp-h-10",src:N?.image||F,alt:"product_image"}),t("span",{className:"gp-truncate gp-max-w-[210px]",children:N?.name})]}):t("div",{children:t("span",{className:"gp-text-xs",children:"Getting products..."})}),g.productId&&t("div",{className:"gp-mt-2 gp-text-xs",children:e("p",{children:["You can manage it in"," ",t("button",{className:"gp-text-[#8AA4FF] gp-cursor-pointer hover:gp-underline",onClick:C,children:"Product element"})]})}),I&&e("div",{className:"gp-absolute gp-w-full gp-top-16 gp-left-0 gp-rounded-lg gp-bg-[#333333] gp-p-2 gp-flex gp-flex-col gp-gap-2 gp-z-10",children:[e("div",{className:"gp-flex gp-items-center gp-gap-2 gp-p-2",children:[t(s,{}),t("input",{className:"gp-bg-transparent gp-w-full focus-visible:!gp-outline-none gp-text-xs",placeholder:"Search product...",onChange:S})]}),e("div",{className:"gp-max-h-[168px] gp-overflow-auto scrollbar:gp-w-1 scrollbar-thumb:gp-bg-[#999] scrollbar-thumb:gp-rounded-xl",onScroll:z,children:[T?.map(r=>e("button",{className:"gp-flex gp-p-2 hover:gp-bg-[#3B3B3B] gp-rounded-lg gp-cursor-pointer gp-gap-2 gp-items-center",onClick:()=>{P({id:r.node?.id,name:r.node?.title,image:r.node?.featuredImage?.src})},children:[t("img",{className:"gp-rounded-lg gp-w-10 gp-h-10",src:r.node?.featuredImage?.src||F,alt:"product_image"}),t("span",{className:"gp-truncate gp-max-w-[210px] gp-text-xs",children:r.node?.title})]},r.node?.id)),u||h&&t("div",{className:"gp-p-2",children:t("span",{className:"gp-text-xs",children:"Getting products..."})})]})]})]})]})};export{PickProduct};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as r,useRef as p,useMemo as o,useEffect as a}from"react";import{SearchIcon as s}from"../icons/SearchIcon.js";import{useListProductQuery as i}from"../../../hooks/shop/use-products-query.js";import c from"classnames";import"zustand";import{useI18nStore as l}from"../../../contexts/I18nContext.js";import"react-transition-group";import"swr";import"dayjs";import"@gem-sdk/core";import"../../../helpers/convert.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import{useProductQuery as g}from"../../../hooks/shop/use-product-query.js";import"vanilla-lazyload";import"../../../hooks/useCartUI.js";import"../../../hooks/useStickyStore.js";import"../../../types/builder.js";import"../../../types/custom.js";import"../../../types/animations.js";let PickProduct=n=>{let{t:d}=l(),[m,u]=r(n.productId?void 0:{first:8}),{data:h,isLoading:f,isValidating:x,size:b,setSize:N}=i(m,{revalidateFirstPage:!1}),{data:v}=g(n.productId),[I,j]=r(),[k,w]=r(!1),y=p(null),P=p(null),C=()=>{n.productId||w(!k)},S=e=>{j(e),w(!1)},z=e=>{y.current&&clearTimeout(y.current),y.current=setTimeout(()=>{let t=e.target.value??"";if(t){u({first:8,where:{titleContainsFold:t}});return}u({first:8})},200)},T=()=>{n.openProductSetting()},F=e=>{let t=e.target;t.scrollHeight-t.scrollTop===t.clientHeight&&(P.current&&clearTimeout(P.current),P.current=setTimeout(()=>{N(b+1)},50))},B=o(()=>h?.reduce((e,t)=>[...e,...t.products?.edges??[]],[])??[],[h]);a(()=>{if(B.length&&!I&&!n.productId){let e=B[0]?.node;e&&j({id:e?.id,name:e?.title,image:e.featuredImage?.src})}},[B,I,n.productId]),a(()=>{I&&I.name&&n.changeProductName(I.name)},[I,n]),a(()=>{v&&j({id:v.id,name:v.title,image:v.featuredImage?.src})},[v]);let _="https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif";return e("div",{className:"gp-flex gp-flex-col gp-gap-2",children:[t("p",{className:"gp-py-2 gp-text-xs",children:d("Product")}),e("div",{className:"gp-relative",children:[!f||I?e("button",{className:c({"gp-cursor-default":n.productId},"gp-flex gp-gap-2 gp-items-center gp-w-full gp-p-2 gp-rounded-lg gp-bg-[#333333] gp-text-xs"),onClick:C,children:[t("img",{className:"gp-rounded-lg gp-w-10 gp-h-10",src:I?.image||_,alt:"product_image"}),t("span",{className:"gp-truncate gp-max-w-[210px]",children:I?.name})]}):t("div",{children:e("span",{className:"gp-text-xs",children:[d("Getting products"),"..."]})}),n.productId&&t("div",{className:"gp-mt-2 gp-text-xs",children:e("p",{children:[d("You can manage it in")," ",t("button",{className:"gp-text-[#8AA4FF] gp-cursor-pointer hover:gp-underline",onClick:T,children:d("Product element")})]})}),k&&e("div",{className:"gp-absolute gp-w-full gp-top-16 gp-left-0 gp-rounded-lg gp-bg-[#333333] gp-p-2 gp-flex gp-flex-col gp-gap-2 gp-z-10",children:[e("div",{className:"gp-flex gp-items-center gp-gap-2 gp-p-2",children:[t(s,{}),t("input",{className:"gp-bg-transparent gp-w-full focus-visible:!gp-outline-none gp-text-xs",placeholder:d("Search product")+"...",onChange:z})]}),e("div",{className:"gp-max-h-[168px] gp-overflow-auto scrollbar:gp-w-1 scrollbar-thumb:gp-bg-[#999] scrollbar-thumb:gp-rounded-xl",onScroll:F,children:[B?.map(r=>e("button",{className:"gp-flex gp-p-2 hover:gp-bg-[#3B3B3B] gp-rounded-lg gp-cursor-pointer gp-gap-2 gp-items-center",onClick:()=>{S({id:r.node?.id,name:r.node?.title,image:r.node?.featuredImage?.src})},children:[t("img",{className:"gp-rounded-lg gp-w-10 gp-h-10",src:r.node?.featuredImage?.src||_,alt:"product_image"}),t("span",{className:"gp-truncate gp-max-w-[210px] gp-text-xs",children:r.node?.title})]},r.node?.id)),f||x&&t("div",{className:"gp-p-2",children:e("span",{className:"gp-text-xs",children:[d("Getting products"),"..."]})})]})]})]})]})};export{PickProduct};

package/dist/esm/components/ai-generator/components/ToneAndVoice.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,jsxs as p}from"react/jsx-runtime";import{useState as l,useEffect as g}from"react";import{DropdownIcon as n,TickIcon as i}from"../icons/DropdownIcon.js";import o from"classnames";let ToneAndVoice=r=>{let s=["Persuasive","Friendly","Professional","Casual"],[c,a]=l(s[0]),[t,d]=l(!1),m=()=>{d(!t)},f=e=>{a(e),d(!1)};return g(()=>{c&&r.changeToneAndVoice(c)},[c,r]),e("div",{children:p("div",{className:"gp-flex gp-flex-col gp-gap-2",children:[e("p",{className:"gp-py-2 gp-text-xs",children:"Tone and Voice"}),p("div",{className:"gp-relative",children:[p("button",{className:"gp-flex gp-justify-between gp-items-center gp-w-full gp-p-2 gp-rounded-lg gp-bg-[#333333] gp-text-xs",onClick:m,children:[c,e(n,{})]}),t?e("div",{className:"gp-absolute gp-w-full gp-top-10 gp-left-0 gp-rounded-lg gp-bg-[#333333] gp-p-2 gp-flex gp-flex-col gp-gap-2 gp-z-10",children:s.map(l=>p("button",{className:"gp-flex gp-p-2 hover:gp-bg-[#3B3B3B] gp-rounded-lg gp-cursor-pointer gp-gap-3 gp-items-center",onClick:()=>f(l),children:[e("div",{className:o({"gp-invisible":c!==l}),children:e(i,{})}),e("span",{className:"gp-text-xs",children:l})]},l))}):null]})]})})};export{ToneAndVoice};
+import{jsx as e,jsxs as l}from"react/jsx-runtime";import{useState as p,useEffect as o}from"react";import{DropdownIcon as r,TickIcon as s}from"../icons/DropdownIcon.js";import t from"classnames";import"zustand";import{useI18nStore as i}from"../../../contexts/I18nContext.js";import"react-transition-group";import"swr";import"swr/infinite";import"dayjs";import"@gem-sdk/core";import"../../../helpers/convert.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../../hooks/useCartUI.js";import"../../../hooks/useStickyStore.js";import"../../../types/builder.js";import"../../../types/custom.js";import"../../../types/animations.js";let ToneAndVoice=a=>{let{t:n}=i(),g=[{label:n("Persuasive"),value:"Persuasive"},{label:n("Friendly"),value:"Friendly"},{label:n("Professional"),value:"Professional"},{label:n("Casual"),value:"Casual"}],[m,c]=p(g[0]),[d,u]=p(!1),v=()=>{u(!d)},f=e=>{c(e),u(!1)};return o(()=>{m&&a.changeToneAndVoice(m.value)},[m,a]),e("div",{children:l("div",{className:"gp-flex gp-flex-col gp-gap-2",children:[e("p",{className:"gp-py-2 gp-text-xs",children:n("Tone and Voice")}),l("div",{className:"gp-relative",children:[l("button",{className:"gp-flex gp-justify-between gp-items-center gp-w-full gp-p-2 gp-rounded-lg gp-bg-[#333333] gp-text-xs",onClick:v,children:[m?.label,e(r,{})]}),d?e("div",{className:"gp-absolute gp-w-full gp-top-10 gp-left-0 gp-rounded-lg gp-bg-[#333333] gp-p-2 gp-flex gp-flex-col gp-gap-2 gp-z-10",children:g.map(p=>l("button",{className:"gp-flex gp-p-2 hover:gp-bg-[#3B3B3B] gp-rounded-lg gp-cursor-pointer gp-gap-3 gp-items-center",onClick:()=>f(p),children:[e("div",{className:t({"gp-invisible":m?.value!==p.value}),children:e(s,{})}),e("span",{className:"gp-text-xs",children:p.label})]},p.value))}):null]})]})})};export{ToneAndVoice};

package/dist/esm/components/constant.js CHANGED Viewed

	@@ -1 +1 @@
1	- let disableWrap=["Col","CollectionBanner","Row","Section","Image","Text","Button","ProductButton","Cart","Tabs","TabItem","Carousel","CarouselItem","CarouselV3","CarouselItemV3","ShopPayButton","AccordionItem","Video","Header","HeroBanner","Icon","HTMLCode","IconListHoz","IconListItem","CSSCode","FormEmail","FormDropdown","SubmitButton","Dialog","TextField","FormTextarea","ProductPrice","Product","ProductList","ProductListV3","ProductImages","ProductImagesV2","ProductImagesV3","PostPurchaseProductImages","Sticky","Heading","EstimateDate","ProductBadge","Marquee","MarqueeItem","Newsletter","ContactForm","ArticleList"],customRenderChildren=["Accordion","AccordionItem","Row","IconList","Tabs","Marquee","MarqueeItem"],excludeApplyStyle=["IconListV2","IconList","ProductBadge"],postPurchaseRequiredElements=["PostPurchaseProductOffer","PostPurchaseProductTitle","PostPurchaseProductPrice","PostPurchaseAcceptButton","PostPurchaseButton","PostPurchaseCalloutBox","PostPurchaseProductImages","PostPurchaseCalloutText"],postPurchaseWrapElements=["Row","Section","PostPurchaseCalloutBox","PostPurchaseProductOffer"],ableGenerateContentElements=["Section"];export{ableGenerateContentElements,customRenderChildren,disableWrap,excludeApplyStyle,postPurchaseRequiredElements,postPurchaseWrapElements};
1	+ let disableWrap=["Col","CollectionBanner","Row","Section","Image","Text","Button","ProductButton","Cart","Tabs","TabItem","Carousel","CarouselItem","CarouselV3","CarouselItemV3","ShopPayButton","AccordionItem","Video","Header","HeroBanner","Icon","HTMLCode","IconListHoz","IconListItem","CSSCode","FormEmail","FormDropdown","SubmitButton","Dialog","TextField","FormTextarea","ProductPrice","Product","ProductList","ProductListV3","ProductImages","ProductImagesV2","ProductImagesV3","PostPurchaseProductImages","Sticky","Heading","EstimateDate","ProductBadge","Marquee","MarqueeItem","Newsletter","ContactForm","ArticleList","PostPurchaseProductSubscription","PostPurchaseBuyerConsent"],customRenderChildren=["Accordion","AccordionItem","Row","IconList","Tabs","Marquee","MarqueeItem"],excludeApplyStyle=["IconListV2","IconList","ProductBadge"],postPurchaseRequiredElements=["PostPurchaseProductOffer","PostPurchaseProductTitle","PostPurchaseProductPrice","PostPurchaseAcceptButton","PostPurchaseButton","PostPurchaseCalloutBox","PostPurchaseProductImages","PostPurchaseCalloutText"],postPurchaseWrapElements=["Row","Section","PostPurchaseCalloutBox","PostPurchaseProductOffer"],ableGenerateContentElements=["Section"];export{ableGenerateContentElements,customRenderChildren,disableWrap,excludeApplyStyle,postPurchaseRequiredElements,postPurchaseWrapElements};

package/dist/esm/components/resize/Spacing.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as t,Fragment as e,jsxs as r}from"react/jsx-runtime";import{useRef as o,useState as n,useCallback as i,useEffect as a}from"react";import"zustand";import{useBuilderPreviewStore as s}from"../../contexts/BuilderPreviewContext.js";import{DEVICES as l}from"../../constants/device.js";import"react-transition-group";import"@gem-sdk/core";import"swr";import"swr/infinite";import{usePageType as u}from"../../hooks/shop.js";import"classnames";import"dayjs";import"../../helpers/convert.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/custom.js";import"../../types/animations.js";function Spacing(c){let d=s(t=>t.isThemeSectionEditor),m=u(),p=o(null),g=o(null),v=o(null),b=o(!1),f=o(0),w=o(0),h=o(null),[y,E]=n(0),[S,j]=n(!1),L=o(null),C=t=>{let e=t.clientY,r=Math.ceil(e-f.current),o=w.current||0,n=o+r>=0?`${o+r}px`:"0px";return{newValue:n}},x=t=>{if(p.current&&g.current){let{newValue:e}=C(t);g.current.style.height=e,p.current.style.top=e;let r=p.current.closest("[data-toolbar-wrap]");r&&(r.style.marginBottom=e,U(e))}},T=()=>{z()},k=()=>{v.current&&clearTimeout(v.current),v.current=setTimeout(()=>{b.current=!0;let t=new CustomEvent("editor:toolbar:resize-spacing",{bubbles:!0,detail:{value:!0}});window.dispatchEvent(t),document.addEventListener("mousemove",x),document.addEventListener("mouseup",T)},100)},z=()=>{v.current&&clearTimeout(v.current),b.current=!1;let t=new CustomEvent("editor:toolbar:resize-spacing",{bubbles:!0,detail:{value:!1}});if(window.dispatchEvent(t),p.current){let t=getComputedStyle(p.current),e=t.top,r=new CustomEvent("editor:toolbar:change-margin-bottom",{bubbles:!0,detail:{componentUid:c.uid,marginBottom:e}});window.dispatchEvent(r)}let e=p.current?.closest("[data-toolbar-wrap]");e&&(e.style.marginBottom=""),document.removeEventListener("mousemove",x),document.removeEventListener("mouseup",T)},P=(t,e)=>{let r=t.children.length;if(r)for(let o=0;o<r;o++){let r=t.children[o];if(r){let t=r.getAttribute(e);if(t)return r}}},A=t=>{let e=t.getAttribute("data-component-tag");return"Row"===e||"Product"===e},B=i(t=>{let e=p.current?.closest("[data-toolbar-wrap]");if(!e)return;let r=P(e,"data-toolbar");if(!r)return;let o=r.getAttribute("data-toolbar-active");if(!o)return;let n=getComputedStyle(e),i=P(e,"data-spacing"),a=i?.querySelector("[data-spacing-margin-bottom]")||null;if(a&&g.current&&p.current){let r=n.marginBottom;if(t&&U(r),0>parseFloat(r)&&(r="0"),g.current.style.height=r,p.current.style.top=r,a.setAttribute("data-spacing-margin-bottom-active","true"),A(e))g.current.style.left="0";else{let t=n.paddingLeft,e=`-${t}`,r=`translate(${e}, -100%)`;g.current.style.left=e,p.current.style.transform=r}}},[]),U=t=>{let e=parseFloat(t);E(e),j(!0),L.current&&clearTimeout(L.current),L.current=setTimeout(()=>{j(!1)},2e3);let r=e<=28&&e>=0?e/2+16:e>28?0:16;h.current&&(h.current.style.transform=`translateY(${r}px)`)},$=usePrevious(c.advanced?.["spacing-setting"]);a(()=>{let t=F($,c.advanced?.["spacing-setting"]);B(t)},[$,c.advanced,B]);let F=(t,e)=>l.some(r=>JSON.stringify(t?.[r]?.margin?.bottom)!==JSON.stringify(e?.[r]?.margin?.bottom)),M=i(()=>{B()},[B]);return a(()=>(window.addEventListener("editor:toolbar:update-margin-bottom",()=>B),window.addEventListener("editor:toolbar:update-padding-left",()=>B),window.addEventListener("resize",M),()=>{window.removeEventListener("editor:toolbar:update-margin-bottom",()=>B),window.removeEventListener("editor:toolbar:update-padding-left",()=>B),window.removeEventListener("resize",M)}),[M,B]),t(e,{children:"Section"!==c.tag&&"POST_PURCHASE"!==m&&t("div",{"data-spacing":!0,"data-spacing-theme-section":d,className:"gp-absolute gp-w-full gp-bottom-0",children:r("div",{"data-spacing-margin-bottom":!0,children:[r("div",{"data-spacing-margin-bottom-bg":!0,ref:g,children:[t("div",{"data-spacing-margin-bottom-value":!0}),t("div",{"data-active":S,"data-value-number":!0,ref:h,children:y})]}),t("div",{ref:p,"data-spacing-margin-bottom-drag":!0,onMouseDown:t=>{if(p.current){let e=getComputedStyle(p.current);f.current=t.clientY,w.current=parseFloat(e.top),k()}},onMouseUp:()=>{z()},role:"presentation"})]})})})}let usePrevious=t=>{let e=o();return a(()=>{e.current=t},[t]),e.current};export{Spacing as default};
+import{jsx as t,Fragment as e,jsxs as r}from"react/jsx-runtime";import{useRef as o,useState as n,useCallback as i,useEffect as a}from"react";import"zustand";import{useBuilderPreviewStore as s}from"../../contexts/BuilderPreviewContext.js";import{DEVICES as l}from"../../constants/device.js";import"react-transition-group";import"swr";import"swr/infinite";import{usePageType as u}from"../../hooks/shop.js";import"classnames";import"dayjs";import"@gem-sdk/core";import"../../helpers/convert.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/custom.js";import"../../types/animations.js";function Spacing(c){let d=s(t=>t.isThemeSectionEditor),m=u(),p=o(null),g=o(null),v=o(null),b=o(!1),f=o(0),w=o(0),h=o(null),[y,E]=n(0),[S,j]=n(!1),L=o(null),C=t=>{let e=t.clientY,r=Math.ceil(e-f.current),o=w.current||0,n=o+r>=0?`${o+r}px`:"0px";return{newValue:n}},x=t=>{if(p.current&&g.current){let{newValue:e}=C(t);g.current.style.height=e,p.current.style.top=e;let r=p.current.closest("[data-toolbar-wrap]");r&&(r.style.marginBottom=e,U(e))}},T=()=>{z()},k=()=>{v.current&&clearTimeout(v.current),v.current=setTimeout(()=>{b.current=!0;let t=new CustomEvent("editor:toolbar:resize-spacing",{bubbles:!0,detail:{value:!0}});window.dispatchEvent(t),document.addEventListener("mousemove",x),document.addEventListener("mouseup",T)},100)},z=()=>{v.current&&clearTimeout(v.current),b.current=!1;let t=new CustomEvent("editor:toolbar:resize-spacing",{bubbles:!0,detail:{value:!1}});if(window.dispatchEvent(t),p.current){let t=getComputedStyle(p.current),e=t.top,r=new CustomEvent("editor:toolbar:change-margin-bottom",{bubbles:!0,detail:{componentUid:c.uid,marginBottom:e}});window.dispatchEvent(r)}let e=p.current?.closest("[data-toolbar-wrap]");e&&(e.style.marginBottom=""),document.removeEventListener("mousemove",x),document.removeEventListener("mouseup",T)},P=(t,e)=>{let r=t.children.length;if(r)for(let o=0;o<r;o++){let r=t.children[o];if(r){let t=r.getAttribute(e);if(t)return r}}},A=t=>{let e=t.getAttribute("data-component-tag");return"Row"===e||"Product"===e},B=i(t=>{let e=p.current?.closest("[data-toolbar-wrap]");if(!e)return;let r=P(e,"data-toolbar");if(!r)return;let o=r.getAttribute("data-toolbar-active");if(!o)return;let n=getComputedStyle(e),i=P(e,"data-spacing"),a=i?.querySelector("[data-spacing-margin-bottom]")||null;if(a&&g.current&&p.current){let r=n.marginBottom;if(t&&U(r),0>parseFloat(r)&&(r="0"),g.current.style.height=r,p.current.style.top=r,a.setAttribute("data-spacing-margin-bottom-active","true"),A(e))g.current.style.left="0";else{let t=n.paddingLeft,e=`-${t}`,r=`translate(${e}, -100%)`;g.current.style.left=e,p.current.style.transform=r}}},[]),U=t=>{let e=parseFloat(t);E(e),j(!0),L.current&&clearTimeout(L.current),L.current=setTimeout(()=>{j(!1)},2e3);let r=e<=28&&e>=0?e/2+16:e>28?0:16;h.current&&(h.current.style.transform=`translateY(${r}px)`)},$=usePrevious(c.advanced?.["spacing-setting"]);a(()=>{let t=F($,c.advanced?.["spacing-setting"]);B(t)},[$,c.advanced,B]);let F=(t,e)=>l.some(r=>JSON.stringify(t?.[r]?.margin?.bottom)!==JSON.stringify(e?.[r]?.margin?.bottom)),M=i(()=>{B()},[B]);return a(()=>(window.addEventListener("editor:toolbar:update-margin-bottom",()=>B),window.addEventListener("editor:toolbar:update-padding-left",()=>B),window.addEventListener("resize",M),()=>{window.removeEventListener("editor:toolbar:update-margin-bottom",()=>B),window.removeEventListener("editor:toolbar:update-padding-left",()=>B),window.removeEventListener("resize",M)}),[M,B]),t(e,{children:"Section"!==c.tag&&"POST_PURCHASE"!==m&&t("div",{"data-spacing":!0,"data-spacing-theme-section":d,className:"gp-absolute gp-w-full gp-bottom-0",children:r("div",{"data-spacing-margin-bottom":!0,children:[r("div",{"data-spacing-margin-bottom-bg":!0,ref:g,children:[t("div",{"data-spacing-margin-bottom-value":!0}),t("div",{"data-active":S,"data-value-number":!0,ref:h,children:y})]}),t("div",{ref:p,"data-spacing-margin-bottom-drag":!0,onMouseDown:t=>{if(p.current){let e=getComputedStyle(p.current);f.current=t.clientY,w.current=parseFloat(e.top),k()}},onMouseUp:()=>{z()},role:"presentation"})]})})})}let usePrevious=t=>{let e=o();return a(()=>{e.current=t},[t]),e.current};export{Spacing as default};

package/dist/esm/components/theme-section/CreateThemeSection.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";import{useRef as r,useState as o}from"react";import{ThemeSectionTooltip as n}from"./ThemeSectionTooltip.js";import"zustand";import{useI18nStore as a}from"../../contexts/I18nContext.js";import{useShopStore as s}from"../../contexts/ShopContext.js";import"swr";import"swr/infinite";import"classnames";import"dayjs";import"../../helpers/convert.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/custom.js";import"../../types/animations.js";let SHOW_TOOLTIP_TIMEOUT=600,NUMBER_OF_THEME_SECTION_CREATED_TO_SHOW_TOOLTIP=1,LIMIT_PLANS=["starter","trial","trial2022"],CreateThemeSection=({...c})=>{let{t:m}=a(),l=s(e=>e.plan),d=s(e=>e.createThemeSectionCount),p=s(e=>e.limitCreateThemeSection),h=LIMIT_PLANS.includes(l??""),u=h||p?.isLimit,C=u||void 0===d||d<1,T=r(),[v,S]=o(!1),b=()=>{C&&(T.current&&clearTimeout(T.current),T.current=setTimeout(()=>{S(!0)},600))},w=()=>{C&&(T.current&&clearTimeout(T.current),S(!1))},f=(e,t)=>{e.preventDefault(),e.stopPropagation(),t?.disabled||(u?E():j(),T.current&&clearTimeout(T.current),S(!1))},E=()=>{let e=new CustomEvent("editor:toolbar:upgrade",{bubbles:!0});window.dispatchEvent(e)},j=()=>{let e=new CustomEvent("editor:toolbar:create-theme-section",{bubbles:!0,detail:{componentUid:c.uid}});window.dispatchEvent(e)};return e(t,{children:i(n,{isFreeLimit:h,limitCreateThemeSection:p,isShow:v,isRender:C,onActions:f,onMouseEnter:b,onMouseLeave:w,children:[C&&e("div",{"data-toolbar-create-theme-section":!0,children:"You can create reusable sections"}),e("div",{"data-toolbar-active-create-theme-section-wrapper":!0,children:i("div",{"data-toolbar-active-create-theme-section":!0,onClick:e=>f(e,{disabled:!!u}),"aria-hidden":"true",children:[i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[e("path",{d:"M1 2C1 1.44772 1.44772 1 2 1H6C6.55228 1 7 1.44772 7 2V6C7 6.55228 6.55228 7 6 7H2C1.44772 7 1 6.55228 1 6V2Z",fill:"#F9F9F9"}),e("path",{d:"M9 10C9 9.44772 9.44772 9 10 9H14C14.5523 9 15 9.44772 15 10V14C15 14.5523 14.5523 15 14 15H10C9.44772 15 9 14.5523 9 14V10Z",fill:"#F9F9F9"}),e("path",{d:"M2 9C1.44772 9 1 9.44772 1 10V14C1 14.5523 1.44772 15 2 15H6C6.55228 15 7 14.5523 7 14V10C7 9.44772 6.55228 9 6 9H2Z",fill:"#F9F9F9"})]}),e("p",{children:m("Create Theme Section")})]})})]})})};export{CreateThemeSection};
+import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";import{useRef as r,useState as o}from"react";import{ThemeSectionTooltip as n}from"./ThemeSectionTooltip.js";import"zustand";import{useI18nStore as a}from"../../contexts/I18nContext.js";import{useShopStore as s}from"../../contexts/ShopContext.js";import"swr";import"swr/infinite";import"classnames";import"dayjs";import"@gem-sdk/core";import"../../helpers/convert.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/custom.js";import"../../types/animations.js";let SHOW_TOOLTIP_TIMEOUT=600,NUMBER_OF_THEME_SECTION_CREATED_TO_SHOW_TOOLTIP=1,LIMIT_PLANS=["starter","trial","trial2022"],CreateThemeSection=({...m})=>{let{t:c}=a(),l=s(e=>e.plan),d=s(e=>e.createThemeSectionCount),p=s(e=>e.limitCreateThemeSection),h=LIMIT_PLANS.includes(l??""),u=h||p?.isLimit,C=u||void 0===d||d<1,T=r(),[v,S]=o(!1),b=()=>{C&&(T.current&&clearTimeout(T.current),T.current=setTimeout(()=>{S(!0)},600))},w=()=>{C&&(T.current&&clearTimeout(T.current),S(!1))},f=(e,t)=>{e.preventDefault(),e.stopPropagation(),t?.disabled||(u?E():j(),T.current&&clearTimeout(T.current),S(!1))},E=()=>{let e=new CustomEvent("editor:toolbar:upgrade",{bubbles:!0});window.dispatchEvent(e)},j=()=>{let e=new CustomEvent("editor:toolbar:create-theme-section",{bubbles:!0,detail:{componentUid:m.uid}});window.dispatchEvent(e)};return e(t,{children:i(n,{isFreeLimit:h,limitCreateThemeSection:p,isShow:v,isRender:C,onActions:f,onMouseEnter:b,onMouseLeave:w,children:[C&&e("div",{"data-toolbar-create-theme-section":!0,children:"You can create reusable sections"}),e("div",{"data-toolbar-active-create-theme-section-wrapper":!0,children:i("div",{"data-toolbar-active-create-theme-section":!0,onClick:e=>f(e,{disabled:!!u}),"aria-hidden":"true",children:[i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[e("path",{d:"M1 2C1 1.44772 1.44772 1 2 1H6C6.55228 1 7 1.44772 7 2V6C7 6.55228 6.55228 7 6 7H2C1.44772 7 1 6.55228 1 6V2Z",fill:"#F9F9F9"}),e("path",{d:"M9 10C9 9.44772 9.44772 9 10 9H14C14.5523 9 15 9.44772 15 10V14C15 14.5523 14.5523 15 14 15H10C9.44772 15 9 14.5523 9 14V10Z",fill:"#F9F9F9"}),e("path",{d:"M2 9C1.44772 9 1 9.44772 1 10V14C1 14.5523 1.44772 15 2 15H6C6.55228 15 7 14.5523 7 14V10C7 9.44772 6.55228 9 6 9H2Z",fill:"#F9F9F9"})]}),e("p",{children:c("Create Theme Section")})]})})]})})};export{CreateThemeSection};

package/dist/esm/components/theme-section/ThemeSectionTooltip.js CHANGED Viewed

@@ -1,2 +1 @@
-'use client';
-import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";import{useRef as o}from"react";import{Transition as n}from"react-transition-group";import{useI18nStore as a,cls as c}from"@gem-sdk/core";let TRANSITION_DURATION=350,defaultStyles={transition:"opacity 350ms ease-out",opacity:0},transitions={entering:{opacity:1},entered:{opacity:1},exiting:{opacity:0},exited:{opacity:0},unmounted:{opacity:0}},ThemeSectionTooltip=({isShow:l,isFreeLimit:s,isRender:r,children:m,limitCreateThemeSection:d,onMouseEnter:h,onMouseLeave:p,onActions:_})=>{let{t:u}=a(),y=o(null),b=s?"Upgrade to create Theme Section":"Create Theme Section",g=()=>{window.open("https://help.gempages.net/articles/theme-section","_blank")};return e(t,{children:i("div",{className:"theme-section-tooltip-wrapper",onMouseEnter:h,onMouseLeave:p,children:[m,r&&e(n,{in:l,timeout:350,nodeRef:y,unmountOnExit:!0,children:o=>e("div",{className:"theme-section-tooltip",ref:y,style:{...defaultStyles,...transitions[o]},children:d?.isLimit&&!s?i("div",{className:"theme-section-tooltip__body theme-section-tooltip__body-limit",children:[e("div",{className:"theme-section-tooltip__body-title theme-section-tooltip__body-limit__title",children:"Upgrade plan"}),i("div",{className:"theme-section-tooltip__body-desc theme-section-tooltip__body-limit__desc",children:["You’ve reached the maximum number of theme sections on your plan (",d.total,"/",d.limit,")"]}),e("button",{onClick:e=>_(e),children:"Upgrade plan to create more"})]}):i(t,{children:[e("div",{className:"theme-section-tooltip__image",children:e("img",{src:"https://ucarecdn.com/6a9f408a-aa8c-434a-890b-81067a14aceb/-/format/auto/-/preview/1920x1920/-/quality/lighter/theme-section-illustration.png",alt:""})}),i("div",{className:"theme-section-tooltip__body",children:[e("div",{className:"theme-section-tooltip__body-title",children:"Create once, use everywhere with Theme Section"}),e("div",{className:"theme-section-tooltip__body-desc",children:"A global section that can be used on all your GemPages & Shopify pages."})]}),i("div",{className:c("theme-section-tooltip__action",{"theme-section-tooltip__action-limit":s}),children:[e("button",{onClick:e=>_(e),children:u(b)}),s&&e("div",{onClick:g,"aria-hidden":!0,className:"theme-section-tooltip__action-learn-more",children:"Learn more about Theme Section"})]})]})})})]})})};export{ThemeSectionTooltip};
+import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import{useRef as i}from"react";import{Transition as n}from"react-transition-group";import"zustand";import{useI18nStore as s}from"../../contexts/I18nContext.js";import{cls as a}from"../../helpers/cls.js";import"swr";import"swr/infinite";import"classnames";import"dayjs";import"@gem-sdk/core";import"../../helpers/convert.js";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"vanilla-lazyload";import"../../hooks/useCartUI.js";import"../../hooks/useStickyStore.js";import"../../types/builder.js";import"../../types/custom.js";import"../../types/animations.js";let TRANSITION_DURATION=350,defaultStyles={transition:"opacity 350ms ease-out",opacity:0},transitions={entering:{opacity:1},entered:{opacity:1},exiting:{opacity:0},exited:{opacity:0},unmounted:{opacity:0}},ThemeSectionTooltip=({isShow:r,isFreeLimit:c,isRender:l,children:m,limitCreateThemeSection:p,onMouseEnter:d,onMouseLeave:h,onActions:u})=>{let{t:_}=s(),y=i(null),b=c?"Upgrade to create Theme Section":"Create Theme Section",g=()=>{window.open("https://help.gempages.net/articles/theme-section","_blank")};return e(t,{children:o("div",{className:"theme-section-tooltip-wrapper",onMouseEnter:d,onMouseLeave:h,children:[m,l&&e(n,{in:r,timeout:350,nodeRef:y,unmountOnExit:!0,children:i=>e("div",{className:"theme-section-tooltip",ref:y,style:{...defaultStyles,...transitions[i]},children:p?.isLimit&&!c?o("div",{className:"theme-section-tooltip__body theme-section-tooltip__body-limit",children:[e("div",{className:"theme-section-tooltip__body-title theme-section-tooltip__body-limit__title",children:"Upgrade plan"}),o("div",{className:"theme-section-tooltip__body-desc theme-section-tooltip__body-limit__desc",children:["You’ve reached the maximum number of theme sections on your plan (",p.total,"/",p.limit,")"]}),e("button",{onClick:e=>u(e),children:"Upgrade plan to create more"})]}):o(t,{children:[e("div",{className:"theme-section-tooltip__image",children:e("img",{src:"https://ucarecdn.com/6a9f408a-aa8c-434a-890b-81067a14aceb/-/format/auto/-/preview/1920x1920/-/quality/lighter/theme-section-illustration.png",alt:""})}),o("div",{className:"theme-section-tooltip__body",children:[e("div",{className:"theme-section-tooltip__body-title",children:"Create once, use everywhere with Theme Section"}),e("div",{className:"theme-section-tooltip__body-desc",children:"A global section that can be used on all your GemPages & Shopify pages."})]}),o("div",{className:a("theme-section-tooltip__action",{"theme-section-tooltip__action-limit":c}),children:[e("button",{onClick:e=>u(e),children:_(b)}),c&&e("div",{onClick:g,"aria-hidden":!0,className:"theme-section-tooltip__action-learn-more",children:"Learn more about Theme Section"})]})]})})})]})})};export{ThemeSectionTooltip};

package/dist/esm/components/toolbar/SectionErrorBanner.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 'use client';
2	+ import{jsx as e,jsxs as i}from"react/jsx-runtime";let SECTION_SIZE_GUIDE_URL="https://www.google.com/",SectionErrorBanner=({errorSectionInfo:t,onDismiss:l})=>t.isDismissed?null:e("div",{"data-toolbar-error-banner":!0,className:"gp-flex gp-items-center gp-px-2 gp-top-0 gp-w-full gp-absolute gp-bg-[#FEE4E3] gp-border-t gp-border-t-[#C3362B] gp-text-xs gp-text-[#C3362B] gp-leading-5",children:i("div",{className:"gp-flex gp-gap-1.5 gp-w-full",children:[i("svg",{className:"gp-flex-shrink-0 gp-mt-2.5",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{d:"M11 13.5C11 14.0523 10.5523 14.5 10 14.5C9.44772 14.5 9 14.0523 9 13.5C9 12.9477 9.44772 12.5 10 12.5C10.5523 12.5 11 12.9477 11 13.5Z",fill:"#C3362B"}),e("path",{d:"M10.75 6.25001C10.75 5.8358 10.4142 5.50001 10 5.5C9.5858 5.49999 9.25001 5.83578 9.25 6.24999L9.24994 10.75C9.24993 11.1642 9.58572 11.5 9.99993 11.5C10.4141 11.5 10.7499 11.1642 10.7499 10.75L10.75 6.25001Z",fill:"#C3362B"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 17C13.866 17 17 13.866 17 10C17 6.13401 13.866 3 10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17ZM10 15.5C13.0376 15.5 15.5 13.0376 15.5 10C15.5 6.96243 13.0376 4.5 10 4.5C6.96243 4.5 4.5 6.96243 4.5 10C4.5 13.0376 6.96243 15.5 10 15.5Z",fill:"#C3362B"})]}),i("div",{className:"gp-w-full gp-py-2.5",children:["LIQUID_SYNTAX_ERROR"===t.type&&"This section contains a syntax error in the code. Please review and fix it, then try verifying again.","SECTION_SIZE_EXCEED_256KB"===t.type&&i("div",{children:["This section is over Shopify's 256KB limit. Please follow ",e("a",{target:"_blank",href:SECTION_SIZE_GUIDE_URL,className:"gp-underline gp-cursor-pointer",onClick:e=>{e.preventDefault(),e.stopPropagation(),window.open(SECTION_SIZE_GUIDE_URL,"_blank")},rel:"noreferrer",children:"our guide"})," ","to optimize, then try verifying again."]}),"MISSING_SECTION_IN_THEME"===t.type&&"This section was deleted from your live theme. Please delete it from this page, or restore all sections by Force publish."]}),e("button",{className:"gp-p-1.5 gp-flex-shrink-0 gp-mt-1 gp-h-7",onClick:l,type:"button",children:e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:e("path",{d:"M11.1755 12.0243C11.4099 12.2586 11.7898 12.2586 12.0241 12.0243C12.2584 11.79 12.2584 11.4101 12.0241 11.1758L8.84833 8.00005L12.0241 4.82431C12.2584 4.59 12.2584 4.2101 12.0241 3.97579C11.7898 3.74147 11.4099 3.74147 11.1755 3.97579L7.9998 7.15152L4.82407 3.97578C4.58975 3.74147 4.20986 3.74147 3.97554 3.97578C3.74123 4.2101 3.74123 4.59 3.97554 4.82431L7.15128 8.00005L3.97554 11.1758C3.74123 11.4101 3.74123 11.79 3.97554 12.0243C4.20986 12.2586 4.58975 12.2586 4.82407 12.0243L7.9998 8.84858L11.1755 12.0243Z",fill:"#212121"})})})]})});export{SectionErrorBanner};

package/dist/esm/contexts/BuilderPreviewContext.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import{useMemo as t,useContext as i,createContext as s,Suspense as d,Fragment as r}from"react";import{useStore as l,createStore as n}from"zustand";import{cloneDeep as a}from"../helpers/clone-deep.js";import{normalizeBuilderData as c}from"../helpers/normalize-builder-data.js";function moveByIndex(e,t,i){let s=e.splice(t,1)[0];void 0!==s&&e.splice(i,0,s)}function removeByKey(e,t){let i=t[e];i&&(delete t[e],"section"!==i.type&&i.childrens?.map(e=>removeByKey(e,t)))}let BuilderPreviewContext=s(null),root={uid:"ROOT",tag:"Root",label:"Root",childrens:[]},createBuilderPreviewProvider=(e,t,i)=>n((s,d)=>({state:e,loaded:!1,isThemeSectionEditor:!!i,pageName:t,dynamicProduct:null,dynamicCollection:null,addItem:e=>{let{position:t,data:i}=e,r=d().state,l=Date.now();if("section"===e.type){if(!Array.isArray(i)){let e=i.uid,d=r.ROOT;d.childrens?d.childrens.splice(t??0,0,e):d.childrens=[e],d.dateModified=l,s({state:{...r,[e]:{uid:e,type:"section",label:i.label},ROOT:a(d)}})}}else{let{id:i,data:d}=e,n=i?r[i]??r.ROOT:r.ROOT;if("section"===n.type)return;if(Array.isArray(d)){let e=d.map(e=>e.uid),i=d.reduceRight((e,t)=>{let i=c(t);return{...e,...i}},{});n.dateModified=l,n.childrens=n.childrens??[],n.childrens.splice(t??0,0,...e),s({state:{...r,...i,[n.uid]:a(n)}})}else{let e=c(d);n.dateModified=l,n.childrens=n.childrens??[],n.childrens.splice(t??0,0,d.uid),s({state:{...r,...e,[n.uid]:a(n)}})}}},changeItemProp:(e,t,i)=>{if(!i||!["setting","style","advanced"].includes(i))return;let r=d().state,l=r[e];if(l?.type!=="section"&&l){let d=Date.now();switch(l.dateModified=d,i){case"setting":s({state:{...r,[e]:{...l,settings:{...l.settings,...t}}}});break;case"style":s({state:{...r,[e]:{...l,styles:{...l.styles,...t}}}});break;case"advanced":s({state:{...r,[e]:{...l,advanced:{...l.advanced,...t}}}})}}},forceChangeItemProp:(e,t,i)=>{if(!i||!["setting","style","advanced"].includes(i))return;let r=d().state,l=r[e];if(l?.type!=="section"&&l){let d=Date.now();switch(l.dateModified=d,i){case"setting":s({state:{...r,[e]:{...l,settings:t}}});break;case"style":s({state:{...r,[e]:{...l,styles:t}}});break;case"advanced":s({state:{...r,[e]:{...l,advanced:t}}})}}},changeItemPropByKey:({id:e,key:t,data:i,group:r})=>{if(!r||!["setting","style","advanced"].includes(r))return;let l=d().state,n=l[e];if(n?.type!=="section"&&n){let d={style:n.styles??{},advanced:n.advanced??{},setting:n.settings??{}};void 0===i?(console.warn("Data is undefined"),delete d[r][t]):d[r][t]=i,s({state:{...l,[e]:{...n,settings:{...d.setting},styles:{...d.style},advanced:{...d.advanced}}}})}},getItem:e=>d().state[e],getState:()=>d().state,removeItem:e=>{if("ROOT"===e)s({state:{ROOT:root}});else{let t=d().state;removeByKey(e,t);let i=Object.entries(t).find(([,t])=>"section"!==t.type&&t.childrens?.includes(e));if(i){let d=Date.now(),[r,l]=i;if("section"===l.type)return;l.childrens=l.childrens?.filter(t=>t!==e),l.dateModified=d,s({state:{...t,[r]:a(l)}})}}},moveItem:(e,t,i)=>{let r=d().state,l=r[e],n=r[t];if(l&&n&&"section"!==n.type){if("section"===l.type){let t=r.ROOT;if(!t.childrens)return;let d=t.childrens.findIndex(t=>t===e);moveByIndex(t.childrens,d,i??0),s({state:{...r,ROOT:a(t)}})}else{let d=Object.entries(r).find(([,t])=>"section"!==t.type&&t.childrens?.includes(e));if(l&&d){let c=Date.now(),[,o]=d;if("section"===o.type)return;if(o.dateModified=c,t===o.uid&&o.childrens){let t=o.childrens.findIndex(t=>t===e);o.childrens&&t!==i&&(moveByIndex(o.childrens,t,i??0),s({state:{...r,[o.uid]:a(o)}}))}else o.childrens=o.childrens?.filter(t=>t!==e),n&&(n.dateModified=c,n.childrens=n.childrens??[],n.childrens.splice(i??0,0,l.uid),s({state:{...r,[n.uid]:a(n),[o.uid]:a(o)}}))}}}},forceChangeState:e=>{s({state:e,loaded:!0})},initState:e=>{if(Array.isArray(e)){let t=e.map(e=>e.uid),i=e.reduceRight((e,t)=>{let i=c(t);return{...e,...i}},{});s({loaded:!0,state:{ROOT:{...root,childrens:t},...i}})}else{let t=c(e);s({loaded:!0,state:{ROOT:{...root,childrens:[e.uid]},...t}})}},addSection:(e,t)=>{let i=d().state,r=i.ROOT;r.childrens||(r.childrens=[]),r.childrens.splice(t??0,0,e.uid),s({state:{...i,ROOT:a(r)}})},getParents:(e,t)=>{let i=d().state,s=[],r=0,l=e;for(;!t||!(r>=t);){let e=Object.entries(i).find(([,e])=>"section"!==e.type&&e.childrens?.includes(l));if(!e)break;let[,t]=e;if(!t)break;s.push(t),l=t.uid,r++}return s},updateItemName:(e,t)=>{let i=d().state,r=i[e];r&&(r.name=t,s({state:{...i,[e]:a(r)}}))},updateItemAttribute:(e,t,i)=>{if(!i||!["label","customLabel","isShopifyVisibility"].includes(i))return;let r=d().state,l=r[e];if(l){if("section"!==l.type){let e=Date.now();l.dateModified=e}let d={...l,[i]:t};s({state:{...r,[e]:d}})}}})),BuilderPreviewProvider=({children:i,state:s,isThemeSectionEditor:l,pageName:n,lazy:a,...c})=>{let o=a?d:r,u=t(()=>createBuilderPreviewProvider(s,n,l),[s,l,n]);return e(o,{children:e(BuilderPreviewContext.Provider,{...c,value:u,children:i})})},useBuilderPreviewStore=(e,t)=>{let s=i(BuilderPreviewContext);if(!s)throw Error("useBuilderPreviewStore must be used within a BuilderPreviewProvider");return l(s,e,t)};export{BuilderPreviewProvider,useBuilderPreviewStore};
+import{jsx as e}from"react/jsx-runtime";import{useMemo as t,useContext as i,createContext as r,Suspense as s,Fragment as d}from"react";import{useStore as l,createStore as n}from"zustand";import{cloneDeep as a}from"../helpers/clone-deep.js";import{normalizeBuilderData as c}from"../helpers/normalize-builder-data.js";function moveByIndex(e,t,i){let r=e.splice(t,1)[0];void 0!==r&&e.splice(i,0,r)}function removeByKey(e,t){let i=t[e];i&&(delete t[e],"section"!==i.type&&i.childrens?.map(e=>removeByKey(e,t)))}let BuilderPreviewContext=r(null),root={uid:"ROOT",tag:"Root",label:"Root",childrens:[]},createBuilderPreviewProvider=(e,t,i)=>n((r,s)=>({state:e,loaded:!1,isThemeSectionEditor:!!i,pageName:t,dynamicProduct:null,dynamicCollection:null,errorSectionList:null,addItem:e=>{let{position:t,data:i}=e,d=s().state,l=Date.now();if("section"===e.type){if(!Array.isArray(i)){let e=i.uid,s=d.ROOT;s.childrens?s.childrens.splice(t??0,0,e):s.childrens=[e],s.dateModified=l,r({state:{...d,[e]:{uid:e,type:"section",label:i.label},ROOT:a(s)}})}}else{let{id:i,data:s}=e,n=i?d[i]??d.ROOT:d.ROOT;if("section"===n.type)return;if(Array.isArray(s)){let e=s.map(e=>e.uid),i=s.reduceRight((e,t)=>{let i=c(t);return{...e,...i}},{});n.dateModified=l,n.childrens=n.childrens??[],n.childrens.splice(t??0,0,...e),r({state:{...d,...i,[n.uid]:a(n)}})}else{let e=c(s);n.dateModified=l,n.childrens=n.childrens??[],n.childrens.splice(t??0,0,s.uid),r({state:{...d,...e,[n.uid]:a(n)}})}}},changeItemProp:(e,t,i)=>{if(!i||!["setting","style","advanced"].includes(i))return;let d=s().state,l=d[e];if(l?.type!=="section"&&l){let s=Date.now();switch(l.dateModified=s,i){case"setting":r({state:{...d,[e]:{...l,settings:{...l.settings,...t}}}});break;case"style":r({state:{...d,[e]:{...l,styles:{...l.styles,...t}}}});break;case"advanced":r({state:{...d,[e]:{...l,advanced:{...l.advanced,...t}}}})}}},forceChangeItemProp:(e,t,i)=>{if(!i||!["setting","style","advanced"].includes(i))return;let d=s().state,l=d[e];if(l?.type!=="section"&&l){let s=Date.now();switch(l.dateModified=s,i){case"setting":r({state:{...d,[e]:{...l,settings:t}}});break;case"style":r({state:{...d,[e]:{...l,styles:t}}});break;case"advanced":r({state:{...d,[e]:{...l,advanced:t}}})}}},changeItemPropByKey:({id:e,key:t,data:i,group:d})=>{if(!d||!["setting","style","advanced"].includes(d))return;let l=s().state,n=l[e];if(n?.type!=="section"&&n){let s={style:n.styles??{},advanced:n.advanced??{},setting:n.settings??{}};void 0===i?(console.warn("Data is undefined"),delete s[d][t]):s[d][t]=i,r({state:{...l,[e]:{...n,settings:{...s.setting},styles:{...s.style},advanced:{...s.advanced}}}})}},getItem:e=>s().state[e],getState:()=>s().state,removeItem:e=>{if("ROOT"===e)r({state:{ROOT:root}});else{let t=s().state;removeByKey(e,t);let i=Object.entries(t).find(([,t])=>"section"!==t.type&&t.childrens?.includes(e));if(i){let s=Date.now(),[d,l]=i;if("section"===l.type)return;l.childrens=l.childrens?.filter(t=>t!==e),l.dateModified=s,r({state:{...t,[d]:a(l)}})}}},moveItem:(e,t,i)=>{let d=s().state,l=d[e],n=d[t];if(l&&n&&"section"!==n.type){if("section"===l.type){let t=d.ROOT;if(!t.childrens)return;let s=t.childrens.findIndex(t=>t===e);moveByIndex(t.childrens,s,i??0),r({state:{...d,ROOT:a(t)}})}else{let s=Object.entries(d).find(([,t])=>"section"!==t.type&&t.childrens?.includes(e));if(l&&s){let c=Date.now(),[,o]=s;if("section"===o.type)return;if(o.dateModified=c,t===o.uid&&o.childrens){let t=o.childrens.findIndex(t=>t===e);o.childrens&&t!==i&&(moveByIndex(o.childrens,t,i??0),r({state:{...d,[o.uid]:a(o)}}))}else o.childrens=o.childrens?.filter(t=>t!==e),n&&(n.dateModified=c,n.childrens=n.childrens??[],n.childrens.splice(i??0,0,l.uid),r({state:{...d,[n.uid]:a(n),[o.uid]:a(o)}}))}}}},forceChangeState:e=>{r({state:e,loaded:!0})},initState:e=>{if(Array.isArray(e)){let t=e.map(e=>e.uid),i=e.reduceRight((e,t)=>{let i=c(t);return{...e,...i}},{});r({loaded:!0,state:{ROOT:{...root,childrens:t},...i}})}else{let t=c(e);r({loaded:!0,state:{ROOT:{...root,childrens:[e.uid]},...t}})}},addSection:(e,t)=>{let i=s().state,d=i.ROOT;d.childrens||(d.childrens=[]),d.childrens.splice(t??0,0,e.uid),r({state:{...i,ROOT:a(d)}})},getParents:(e,t)=>{let i=s().state,r=[],d=0,l=e;for(;!t||!(d>=t);){let e=Object.entries(i).find(([,e])=>"section"!==e.type&&e.childrens?.includes(l));if(!e)break;let[,t]=e;if(!t)break;r.push(t),l=t.uid,d++}return r},updateItemName:(e,t)=>{let i=s().state,d=i[e];d&&(d.name=t,r({state:{...i,[e]:a(d)}}))},updateItemAttribute:(e,t,i)=>{if(!i||!["label","customLabel","isShopifyVisibility"].includes(i))return;let d=s().state,l=d[e];if(l){if("section"!==l.type){let e=Date.now();l.dateModified=e}let s={...l,[i]:t};r({state:{...d,[e]:s}})}},dismissPublishError:e=>{let t=s().errorSectionList;if(!Array.isArray(t))return;let i=t.map(t=>t.uid===e?{...t,isDismissed:!0}:t);r({errorSectionList:i})},setErrorSectionList:e=>r({errorSectionList:e})})),BuilderPreviewProvider=({children:i,state:r,isThemeSectionEditor:l,pageName:n,lazy:a,...c})=>{let o=a?s:d,u=t(()=>createBuilderPreviewProvider(r,n,l),[r,l,n]);return e(o,{children:e(BuilderPreviewContext.Provider,{...c,value:u,children:i})})},useBuilderPreviewStore=(e,t)=>{let r=i(BuilderPreviewContext);if(!r)throw Error("useBuilderPreviewStore must be used within a BuilderPreviewProvider");return l(r,e,t)};export{BuilderPreviewProvider,useBuilderPreviewStore};

package/dist/esm/contexts/PageContext.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import{useMemo as t,useContext as a,createContext as r}from"react";import{useStore as i,createStore as o}from"zustand";let PageContext=r(null),createPageStoreProvider=e=>o(t=>({...e,setDynamicProduct:e=>{t({dynamicProduct:e})},setDynamicCollection:e=>{t({dynamicCollection:e})},setPostPurchaseProductOffers:e=>{t({productOffers:e})},setDynamicDiscountOffer:e=>{t({dynamicDiscountOffer:e})},setSalePageProductId:e=>{t({salePageProductId:e})},setPublicStoreFrontData:e=>{t({publicStoreFrontData:e})},setInteractionIsSelectOnPage:e=>{t(t=>({interactionData:{...t.interactionData,isSelectOnPage:e}}))},setInteractionItem:e=>{t(t=>({interactionData:{...t.interactionData,item:e,isSelectOnPage:t.interactionData?.isSelectOnPage||!1}}))},setInteractionSelectType:e=>{t(t=>({interactionData:{...t.interactionData,selectType:e}}))},setInteractionSettingType:e=>{t(t=>({interactionData:{...t.interactionData,settingType:e}}))},setSidebarMode:e=>{t(()=>({sidebarMode:e}))}})),PageProvider=({children:a,dynamicProduct:r,dynamicCollection:i,productOffers:o,dynamicDiscountOffer:n,publicStoreFrontData:c,...s})=>{let P=t(()=>createPageStoreProvider({dynamicProduct:r,dynamicCollection:i,productOffers:o,dynamicDiscountOffer:n,publicStoreFrontData:c,interactionData:{selectType:"ELEMENT"}}),[r,i,o,n,c]);return e(PageContext.Provider,{...s,value:P,children:a})},usePageStore=(e,t)=>{let r=a(PageContext);if(!r)throw Error("usePageStore must be used within a PageProvider");return i(r,e,t)};export{PageProvider,usePageStore};
+import{jsx as e}from"react/jsx-runtime";import{useMemo as t,useContext as r,createContext as a}from"react";import{useStore as i,createStore as n}from"zustand";let PageContext=a(null),createPageStoreProvider=e=>n((t,r)=>({...e,setAssignedProductIds:e=>{t({assignedProductIds:e})},setIsApplyAllProducts:e=>{t({isApplyAllProducts:e})},setDynamicProduct:e=>{t({dynamicProduct:e})},setDynamicCollection:e=>{t({dynamicCollection:e})},setPostPurchaseProductOffers:e=>{t({productOffers:e})},setDynamicDiscountOffer:e=>{t({dynamicDiscountOffer:e})},setSalePageProductId:e=>{t({salePageProductId:e})},setPublicStoreFrontData:e=>{t({publicStoreFrontData:e})},setInteractionIsSelectOnPage:e=>{t(t=>({interactionData:{...t.interactionData,isSelectOnPage:e}}))},setInteractionItem:e=>{t(t=>({interactionData:{...t.interactionData,item:e,isSelectOnPage:t.interactionData?.isSelectOnPage||!1}}))},setInteractionSelectType:e=>{t(t=>({interactionData:{...t.interactionData,selectType:e}}))},setInteractionSettingType:e=>{t(t=>({interactionData:{...t.interactionData,settingType:e}}))},setSidebarMode:e=>{t(()=>({sidebarMode:e}))},setSellingPlanMeta:e=>{t({sellingPlanMeta:e})},setBuyerConsentChecked:e=>{t({buyerConsentChecked:e})},getBuyerConsentChecked:()=>r().buyerConsentChecked,setSubscriptionVisible:e=>{t({subscriptionVisible:e})},getSubscriptionVisible:()=>r().subscriptionVisible})),PageProvider=({children:r,dynamicProduct:a,dynamicCollection:i,productOffers:n,dynamicDiscountOffer:o,publicStoreFrontData:s,assignedProductIds:c,isApplyAllProducts:l,sellingPlanMeta:P,buyerConsentChecked:d,...u})=>{let g=t(()=>createPageStoreProvider({dynamicProduct:a,dynamicCollection:i,productOffers:n,assignedProductIds:c,isApplyAllProducts:l,dynamicDiscountOffer:o,publicStoreFrontData:s,interactionData:{selectType:"ELEMENT"},sellingPlanMeta:P,buyerConsentChecked:d}),[a,i,n,o,s,c,l,P,d]);return e(PageContext.Provider,{...u,value:g,children:r})},usePageStore=(e,t)=>{let a=r(PageContext);if(!a)throw Error("usePageStore must be used within a PageProvider");return i(a,e,t)};export{PageProvider,usePageStore};

package/dist/esm/contexts/ProductContext.js CHANGED Viewed

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,Fragment as t}from"react/jsx-runtime";import{useId as r,useMemo as o,useContext as i,createContext as s}from"react";import{useStore as d,createStore as a}from"zustand";import"swr";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"swr/infinite";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../hooks/useStickyStore.js";import{checkInStock as p}from"../helpers/variant.js";import"../types/builder.js";import"../types/custom.js";import"../types/animations.js";import"react-transition-group";import"@gem-sdk/core";import"classnames";import"dayjs";import{flattenConnection as n}from"../helpers/flatten-connection.js";import"../helpers/convert.js";let ProductContext=s(null),createProductStoreProvider=e=>a((t,r)=>({...e,updateProperty:(e,r)=>{t(t=>({properties:t.properties?.map(t=>t.key===e?{...t,...r}:t)}))},setUseProductCompareAtPrice:e=>{t({useProductCompareAtPrice:e})},setShouldRequireUploadMessage:e=>{t({shouldRequireUploadMessage:e})},setRequireUpload:e=>{t({requireUpload:e})},addProperty:e=>{let o=r().properties;o?.some(t=>t.key===e.key)||t(t=>({properties:[...t.properties??[],e]}))},removeProperty:e=>{t(t=>({properties:t.properties?.filter(t=>t.key!==e)}))},setQuantity:e=>{t({quantity:e>0?e:1})},setProductFeaturedImage:e=>{t({featuredImageGlobal:e})},incrementQuantity:()=>{t(e=>{let t=e.quantity??1;return{quantity:t+1}})},decrementQuantity:()=>{t(e=>{let t=e.quantity??1;return{quantity:t>2?t-1:1}})},setSelectedOption:(e,r)=>{t(t=>e&&r?{selectedOptions:{...t?.selectedOptions,[e]:r}}:t)},forceSelectedOption:e=>{t(t=>({selectedOptions:{...t?.selectedOptions,...e}}))},updateIsSubmit:e=>{t({isSubmit:e})},setHasUpdatePriceFollowQuantity:e=>{t({updatePrice:e})},setHasPreSelected:e=>{t({hasPreSelected:e})},setIsChangeSelectedOption:e=>{t({isChangeSelectedOption:e})}})),ProductProvider=({children:i,product:s,initialVariantId:d,initialVariantBaseId:a,quantity:u=1,isSyncProduct:m,hasPreSelected:l})=>{let c=r(),P=o(()=>{let e,t={};if(s){let r=n(s.variants),o=r[0],i=r.find(e=>p(e)),u=r.find(e=>e?.id===d||e?.baseID===a)??i??o;t=u?.selectedOptions?.reduce((e,t)=>t.name?{...e,[t.name]:t.value}:e,{}),e=s.medias?.edges.find(e=>e.node?.id===u?.mediaId)?.node??s.featuredImage}return createProductStoreProvider({product:s,quantity:u,selectedOptions:t,uiqueId:c,featuredImageGlobal:e,isSyncProduct:m,hasPreSelected:l})},[s,u,c,m,l,d]);return e(ProductContext.Provider,{value:P,children:e(t,{children:i})})},useProductStore=(e,t)=>{let r=i(ProductContext);if(!r)throw Error("Element of product must be used inside a Product");return d(r,e,t)};export{ProductProvider,useProductStore};
+import{jsx as e,Fragment as t}from"react/jsx-runtime";import{useId as r,useMemo as o,useContext as i,createContext as s}from"react";import{useStore as p,createStore as d}from"zustand";import"swr";import"@gem-sdk/adapter-shopify";import"swr/mutation";import"swr/infinite";import"vanilla-lazyload";import"../hooks/useCartUI.js";import"../hooks/useStickyStore.js";import{checkInStock as a}from"../helpers/variant.js";import"../types/builder.js";import"../types/custom.js";import"../types/animations.js";import"react-transition-group";import"classnames";import"dayjs";import"@gem-sdk/core";import{flattenConnection as n}from"../helpers/flatten-connection.js";import"../helpers/convert.js";let ProductContext=s(null),createProductStoreProvider=e=>d((t,r)=>({...e,updateProperty:(e,r)=>{t(t=>({properties:t.properties?.map(t=>t.key===e?{...t,...r}:t)}))},setUseProductCompareAtPrice:e=>{t({useProductCompareAtPrice:e})},setShouldRequireUploadMessage:e=>{t({shouldRequireUploadMessage:e})},setRequireUpload:e=>{t({requireUpload:e})},addProperty:e=>{let o=r().properties;o?.some(t=>t.key===e.key)||t(t=>({properties:[...t.properties??[],e]}))},removeProperty:e=>{t(t=>({properties:t.properties?.filter(t=>t.key!==e)}))},setQuantity:e=>{t({quantity:e>0?e:1})},setProductFeaturedImage:e=>{t({featuredImageGlobal:e})},incrementQuantity:()=>{t(e=>{let t=e.quantity??1;return{quantity:t+1}})},decrementQuantity:()=>{t(e=>{let t=e.quantity??1;return{quantity:t>2?t-1:1}})},setSelectedOption:(e,r)=>{t(t=>e&&r?{selectedOptions:{...t?.selectedOptions,[e]:r}}:t)},forceSelectedOption:e=>{t(t=>({selectedOptions:{...t?.selectedOptions,...e}}))},updateIsSubmit:e=>{t({isSubmit:e})},setHasUpdatePriceFollowQuantity:e=>{t({updatePrice:e})},setHasPreSelected:e=>{t({hasPreSelected:e})},setIsChangeSelectedOption:e=>{t({isChangeSelectedOption:e})},setSubscriptionSellingType:e=>{t({subscriptionSellingType:e})},setSelectedSellingPlan:e=>{t({selectedSellingPlan:e})}})),ProductProvider=({children:i,product:s,initialVariantId:p,initialVariantBaseId:d,quantity:u=1,isSyncProduct:l,hasPreSelected:c,uid:m})=>{let P=r(),y=o(()=>{let e,t={};if(s){let r=n(s.variants),o=r[0],i=r.find(e=>a(e)),u=r.find(e=>e?.id===p||e?.baseID===d)??i??o;t=u?.selectedOptions?.reduce((e,t)=>t.name?{...e,[t.name]:t.value}:e,{}),e=s.medias?.edges.find(e=>e.node?.id===u?.mediaId)?.node??s.featuredImage}return createProductStoreProvider({product:s,quantity:u,selectedOptions:t,uiqueId:P,featuredImageGlobal:e,isSyncProduct:l,hasPreSelected:c,uid:m})},[s,u,P,l,c,p,m]);return e(ProductContext.Provider,{value:y,children:e(t,{children:i})})},useProductStore=(e,t)=>{let r=i(ProductContext);if(!r)throw Error("Element of product must be used inside a Product");return p(r,e,t)};export{ProductProvider,useProductStore};

package/dist/esm/graphql/fragments/media.generated.js CHANGED Viewed

@@ -1,6 +1,7 @@
 let MediaSelect=`
     fragment MediaSelect on Media {
   id
+  baseID
   contentType
   previewImage
   src