@gem-sdk/core 1.63.16 → 2.0.0-dev.156

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

@@ -93,6 +93,13 @@ const overrideSettings = (tag, currentSetting, appSetting)=>{
                     selected_product: appSetting?.['productHandle'] || '{{ product }}'
                 };
             }
+        case 'TrustshopProductReviews':
+            {
+                return {
+                    ...currentSetting,
+                    selected_product: appSetting?.['productHandle'] || '{{ product }}'
+                };
+            }
         case 'WhatmoreShoppableVideosreel':
             {
                 return {
@@ -107,25 +114,32 @@ const overrideSettings = (tag, currentSetting, appSetting)=>{
                     'scroll-video-tile-size-portrait': parseFloat(appSetting?.scrollVideoTitleSizePortrait)
                 };
             }
-        case 'KachingBundles':
+        case 'PowerfulContactFormBuilder':
             {
                 return {
                     ...currentSetting,
-                    product: appSetting?.['productHandle'] || '{{ product }}'
+                    shortcode: appSetting?.shortcode
                 };
             }
-        case 'PowerfulContactFormBuilder':
+        case 'AftershipEmailMarketingsms':
             {
                 return {
                     ...currentSetting,
-                    shortcode: appSetting?.shortcode
+                    embedded_form_id: appSetting?.formId
+                };
+            }
+        case 'SeoantTrustBadgesIcon':
+            {
+                return {
+                    ...currentSetting,
+                    badge_id: appSetting?.BadgeId
                 };
             }
-        case 'YotpoReviews':
+        case 'PowrContactFormBuilder':
             {
                 return {
                     ...currentSetting,
-                    product: appSetting?.['productHandle'] || '{{ product }}'
+                    app_id: appSetting?.appId
                 };
             }
         default:
@@ -462,6 +476,70 @@ const GloboProductOptionsVariant = {
         'app-block': null
     }
 };
+const BestBuyFulfillment = {
+    BestBuyFulfillment: {
+        'pickup-selector': null
+    }
+};
+const AftershipEmailMarketingsms = {
+    AftershipEmailMarketingsms: {
+        embeded_form: {
+            embedded_form_id: ''
+        }
+    }
+};
+const SegunoEmailMarketing = {
+    SegunoEmailMarketing: {
+        back_in_stock: {
+            heading: '<h3>Get notified when this is back in stock</h3>',
+            label_email: 'Email',
+            placeholder_email: '',
+            show_permission_checkbox: true,
+            label_permission: '<p>Also, sign up to receive newsletters</p>',
+            label_notify: 'Notify me',
+            label_success: '<p>Thanks! You will be notified once the product is back in stock.</p>',
+            product_exclusion_tag: 'back-in-stock-excluded',
+            default_variant: 'available',
+            padding: 0,
+            form_gap: 16,
+            button_alignment: 'stretch',
+            font_size: 16,
+            input_font_size: 16,
+            button_font_size: 16,
+            background_color: '#ffffff',
+            text_color: '#121212',
+            button_background_color: '#121212',
+            button_border_color: '#121212',
+            button_text_color: '#ffffff',
+            input_background_color: '#ffffff',
+            input_border_color: '#121212',
+            input_text_color: '#121212',
+            custom_css: ''
+        },
+        newsletter_form: {
+            heading: 'Subscribe to our newsletter',
+            subheading: '<p>Be the first to know about new collections and exclusive offers.</p>',
+            show_first_name: false,
+            show_last_name: false,
+            show_permission_checkbox: false,
+            tags: 'newsletter',
+            return_to: '',
+            label_first_name: 'First name',
+            placeholder_first_name: '',
+            label_last_name: 'Last name',
+            placeholder_last_name: '',
+            label_email: 'Email',
+            placeholder_email: '',
+            label_permission: '<p>I agree to receive marketing emails</p>',
+            label_subscribe: 'Subscribe',
+            success_message: 'Thanks for subscribing',
+            background_color: '#ffffff',
+            text_color: '#1a1b18',
+            button_background_color: '#445958',
+            button_text_color: '#ffffff'
+        }
+    }
+};
 const Trustoo = {
     Trustoo: {
         'barrage-carousel': null,
@@ -619,7 +697,110 @@ const LooxReviews = {
         }
     }
 };
+const SeoantTrustBadgesIcon = {
+    SeoantTrustBadgesIcon: {
+        star_rating: {
+            badge_id: null
+        }
+    }
+};
+const PowrContactFormBuilder = {
+    PowrContactFormBuilder: {
+        'app-block': {
+            app_id: ''
+        }
+    }
+};
+const MyappgurusProductReviews = {
+    MyappgurusProductReviews: {
+        allReviews: {
+            Show_by_label: ''
+        },
+        allReviewsCounter: {
+            out_of_label: '',
+            stars_based_on_label: '',
+            reviews_label: ''
+        },
+        form: {
+            block_heading: '',
+            no_rating: '',
+            subtitle2: '',
+            review_btn: '',
+            see_all_reviews_label: '',
+            form_heading: '',
+            name_label: '',
+            email_label: '',
+            review_title_label: '',
+            review_description_label: '',
+            ratings_label: '',
+            delivery_ratings_label: '',
+            payment_ratings_label: '',
+            price_ratings_label: '',
+            review_image_label: '',
+            submit_btn_label: '',
+            cancel_btn_label: '',
+            sort_label: '',
+            sort1_label: '',
+            sort2_label: '',
+            sort3_label: '',
+            showing_label: '',
+            to_label: '',
+            of_label: '',
+            results_label: ''
+        },
+        star: null
+    }
+};
+const TrustreviewsProductReviews = {
+    TrustreviewsProductReviews: {
+        questions_widget: {
+            product: '{{ product }}'
+        },
+        'review-carousel': null,
+        reviews_text_widget: null,
+        reviews_widget: {
+            product: '{{ product }}'
+        },
+        shop_reviews_widget: null,
+        star_rating: {
+            product: '{{product}}',
+            hide_on_no_reviews: false,
+            enable_jsonld: false,
+            starsize: 16,
+            addtional_text: ''
+        },
+        'reviews-testimonials': null,
+        all_reviews_widget: null,
+        'review-cards': null,
+        'review-gallery': null,
+        medals: null
+    }
+};
+const HulkProductOptions = {
+    HulkProductOptions: {
+        option_block: null
+    }
+};
+const TrustshopProductReviews = {
+    TrustshopProductReviews: {
+        'widget-product-rating': {
+            selected_product: '{{ product }}'
+        },
+        'all-reviews': null,
+        'widget-box': null,
+        'review-testimonial': null
+    }
+};
 const composeSettingsByWidgetType = {
+    ...TrustshopProductReviews,
+    ...HulkProductOptions,
+    ...MyappgurusProductReviews,
+    ...TrustreviewsProductReviews,
+    ...PowrContactFormBuilder,
+    ...SeoantTrustBadgesIcon,
+    ...SegunoEmailMarketing,
+    ...AftershipEmailMarketingsms,
+    ...BestBuyFulfillment,
     ...GloboProductOptionsVariant,
     ...WishlistKing,
     ...LoloyalLoyaltyReferrals,

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

@@ -1,4 +1,4 @@
-import { RechargeSubscriptionsConfig, BonLoyaltyRewardsReferralsConfig, SubifySubscriptionsConfig, SelleasyConfig, LoopSubscriptionsConfig, SkioSubscriptionsYcS20Config, ShopifyFormsConfig, ReviewxpoProductReviewsAppConfig, PumperBundlesVolumeDiscountConfig, UnlimitedBundlesDiscountsConfig, KiteFreeGiftDiscountConfig, FastBundleBundlesDiscountsConfig, SimpleBundlesKitsConfig, EasyBundleBuilderSkailamaConfig, PreorderNowPreOrderPqConfig, FlyBundlesUpsellsFbtConfig, JunipProductReviewsUgcConfig, PreorderNowWodPresaleConfig, YotpoReviewsV3UgcConfig, WhatmoreShoppableVideosreelConfig, ProductOptionsCustomizerConfig, AppointmentBookingCowlendarConfig, BoldSubscriptionsConfig, SproutPlantTreesGrowSalesConfig, InstasellShoppableInstagramConfig, GrowaveConfig, LoloyalLoyaltyReferralsConfig, PowerfulContactFormBuilderConfig, WishlistKingConfig, GloboProductOptionsVariantConfig, KachingBundlesConfig, TrustooConfig, LooxReviewsConfig } from './appConfig.js';
+import { RechargeSubscriptionsConfig, BonLoyaltyRewardsReferralsConfig, SubifySubscriptionsConfig, SelleasyConfig, LoopSubscriptionsConfig, SkioSubscriptionsYcS20Config, ShopifyFormsConfig, ReviewxpoProductReviewsAppConfig, PumperBundlesVolumeDiscountConfig, UnlimitedBundlesDiscountsConfig, KiteFreeGiftDiscountConfig, FastBundleBundlesDiscountsConfig, SimpleBundlesKitsConfig, EasyBundleBuilderSkailamaConfig, PreorderNowPreOrderPqConfig, FlyBundlesUpsellsFbtConfig, JunipProductReviewsUgcConfig, PreorderNowWodPresaleConfig, YotpoReviewsV3UgcConfig, WhatmoreShoppableVideosreelConfig, ProductOptionsCustomizerConfig, AppointmentBookingCowlendarConfig, BoldSubscriptionsConfig, SproutPlantTreesGrowSalesConfig, InstasellShoppableInstagramConfig, GrowaveConfig, LoloyalLoyaltyReferralsConfig, PowerfulContactFormBuilderConfig, WishlistKingConfig, GloboProductOptionsVariantConfig, KachingBundlesConfig, BestBuyFulfillmentConfig, AftershipEmailMarketingsmsConfig, SegunoEmailMarketingConfig, TrustooConfig, LooxReviewsConfig, SeoantTrustBadgesIconConfig, PowrContactFormBuilderConfig, MyappgurusProductReviewsConfig, TrustreviewsProductReviewsConfig, HulkProductOptionsConfig, TrustshopProductReviewsConfig } from './appConfig.js';
 
 const mapShopifyAppMeta = {
     ...RechargeSubscriptionsConfig,
@@ -32,8 +32,17 @@ const mapShopifyAppMeta = {
     ...WishlistKingConfig,
     ...GloboProductOptionsVariantConfig,
     ...KachingBundlesConfig,
+    ...BestBuyFulfillmentConfig,
+    ...AftershipEmailMarketingsmsConfig,
+    ...SegunoEmailMarketingConfig,
     ...TrustooConfig,
-    ...LooxReviewsConfig
+    ...LooxReviewsConfig,
+    ...SeoantTrustBadgesIconConfig,
+    ...PowrContactFormBuilderConfig,
+    ...MyappgurusProductReviewsConfig,
+    ...TrustreviewsProductReviewsConfig,
+    ...HulkProductOptionsConfig,
+    ...TrustshopProductReviewsConfig
 };
 const THIRD_PARTY_APP_BLOCK_ID_PREFIX = 'gp_app';
 

package/dist/esm/helpers/typography.js

@@ -22,7 +22,7 @@ const composeTypographyV2Css = (typography, isImportant)=>{
     const typographyCustom = typography?.custom;
     const { fontFamily, fontSize, fontWeight, lineHeight, letterSpacing } = typographyCustom ?? {};
     const typographyAttrs = typography?.attrs;
-    const { bold, italic, underline, transform } = typographyAttrs ?? {};
+    const { bold, italic, underline, transform, color } = typographyAttrs ?? {};
     const composeImportant = isImportant ? '!important' : '';
     return `
   ${fontFamily ? `font-family: ${composeFontFamilyTypographyV2({
@@ -30,6 +30,7 @@ const composeTypographyV2Css = (typography, isImportant)=>{
         type: typography?.type
     })} ${composeImportant}` : ''};
   ${fontSize?.desktop ? `font-size: ${fontSize?.desktop} ${composeImportant}` : ''};
+  ${color ? `color: ${color} ${composeImportant}` : ''};
   ${bold ? `font-weight: bold ${composeImportant}` : fontWeight ? `font-weight: ${fontWeight} ${composeImportant}` : ''};
   ${letterSpacing ? `letter-spacing: ${letterSpacing} ${composeImportant}` : ''};
   ${lineHeight?.desktop ? `line-height: ${lineHeight?.desktop} ${composeImportant}` : ''};
@@ -38,6 +39,13 @@ const composeTypographyV2Css = (typography, isImportant)=>{
   ${transform ? `text-transform: ${transform} ${composeImportant}` : ''};
   `;
 };
+const composeTextHoverColorCss = (device, colorHoverConfig, isImportant)=>{
+    if (colorHoverConfig) {
+        const composeImportant = isImportant ? '!important' : '';
+        const color = colorHoverConfig[device]?.hover;
+        return `${color ? `color: ${color} ${composeImportant}` : ''}`;
+    }
+};
 function getCustomCSSByDevice(typography, device) {
     if (!typography || !device) return {};
     const suffix = device === 'desktop' || !device ? '' : `-${device}`;
@@ -146,4 +154,4 @@ const isCustomTypo = (customTypo)=>{
     return customTypo && Object.keys(customTypo).length > 1 || customTypo && Object.keys(customTypo).length === 1 && !customTypo.fontSize;
 };
 
-export { composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, genTypoClass };
+export { composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeTextHoverColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, genTypoClass };

package/dist/esm/hooks/animation/useAnimationActions.js

@@ -1,3 +1,4 @@
+'use client';
 import { useRef, useCallback } from 'react';
 
 const useAnimationActions = ()=>{

package/dist/esm/hooks/animation/useAnimationConfig.js

@@ -1,3 +1,4 @@
+'use client';
 import { useMemo, useCallback } from 'react';
 import { useCurrentDevice } from '../use-current-device.js';
 

package/dist/esm/hooks/animation/useAnimationPreview.js

@@ -1,3 +1,4 @@
+'use client';
 import { useCallback } from 'react';
 
 const useAnimationPreview = ({ props, playAnimation, cancelAnimation, setAnimationOnFinish, setToolbarActive })=>{

package/dist/esm/hooks/animation/useAnimationTarget.js

@@ -1,3 +1,4 @@
+'use client';
 import { useRef, useCallback } from 'react';
 import { useAnimationConfig } from './useAnimationConfig.js';
 

package/dist/esm/hooks/animation/useApplyAnimation.js

@@ -1,3 +1,4 @@
+'use client';
 import { useCallback, useEffect } from 'react';
 import { useAnimations } from '../useAnimations.js';
 import { useAnimationTarget } from './useAnimationTarget.js';

package/dist/esm/hooks/articles/useArticlesQuery.js

@@ -1,3 +1,4 @@
+'use client';
 import { ArticlesDocument } from '../../graphql/queries/articles.generated.js';
 import { useFetchHandle } from '../useFetchHandle.js';
 import useSWR from 'swr';

package/dist/esm/hooks/cart/use-add-to-cart.js

@@ -1,3 +1,4 @@
+'use client';
 import { addToCartOperation } from '@gem-sdk/adapter-shopify';
 import { useSWRConfig } from 'swr';
 import useSWRMutation from 'swr/mutation';

package/dist/esm/hooks/cart/use-cart-data.js

@@ -1,3 +1,4 @@
+'use client';
 import { getCartOperation } from '@gem-sdk/adapter-shopify';
 import useSWR from 'swr';
 import { useStoreFront } from '../shop.js';

package/dist/esm/hooks/cart/use-cart-discount-codes-update.js

@@ -1,3 +1,4 @@
+'use client';
 import { cartDiscountCodesUpdateOperation } from '@gem-sdk/adapter-shopify';
 import { useSWRConfig } from 'swr';
 import useSWRMutation from 'swr/mutation';

package/dist/esm/hooks/cart/use-cart-note-update.js

@@ -1,3 +1,4 @@
+'use client';
 import { cartNoteUpdateOperation } from '@gem-sdk/adapter-shopify';
 import { useSWRConfig } from 'swr';
 import useSWRMutation from 'swr/mutation';

package/dist/esm/hooks/cart/use-create-cart.js

@@ -1,3 +1,4 @@
+'use client';
 import { createCartOperation } from '@gem-sdk/adapter-shopify';
 import { useSWRConfig } from 'swr';
 import useSWRMutation from 'swr/mutation';

package/dist/esm/hooks/cart/use-remove-cart-item.js

@@ -1,3 +1,4 @@
+'use client';
 import { removeCartItemOperation } from '@gem-sdk/adapter-shopify';
 import { useSWRConfig } from 'swr';
 import useSWRMutation from 'swr/mutation';

package/dist/esm/hooks/cart/use-update-cart-item.js

@@ -1,3 +1,4 @@
+'use client';
 import { updateCartLineOperation } from '@gem-sdk/adapter-shopify';
 import { useSWRConfig } from 'swr';
 import useSWRMutation from 'swr/mutation';

package/dist/esm/hooks/shop/use-collection-query.js

@@ -1,3 +1,4 @@
+'use client';
 import useSWR from 'swr';
 import { getCollection } from '../../helpers/queries/get-collection.js';
 import { useIsSampleProduct, useIsStorefrontProduct } from '../shop.js';

package/dist/esm/hooks/shop/use-collections-query.js

@@ -1,3 +1,4 @@
+'use client';
 import useSWR from 'swr';
 import { getCollections } from '../../helpers/queries/get-collections.js';
 import { useFetchHandle } from '../useFetchHandle.js';

package/dist/esm/hooks/shop/use-product-query.js

@@ -1,3 +1,4 @@
+'use client';
 import useSWR from 'swr';
 import { getProduct } from '../../helpers/queries/get-product.js';
 import { useIsSampleProduct, useIsStorefrontProduct } from '../shop.js';

package/dist/esm/hooks/shop/use-products-query.js

@@ -1,3 +1,4 @@
+'use client';
 import useSWR from 'swr';
 import useSWRInfinite from 'swr/infinite';
 import { getProducts, getProductQueryAll, getListProductByVariables } from '../../helpers/queries/get-products.js';

package/dist/esm/hooks/shop/useShopifyLink.js

@@ -0,0 +1,45 @@
+'use client';
+import { useMemo } from 'react';
+import { useShopStore } from '../../contexts/ShopContext.js';
+
+const useShopifyLink = ({ productId, articleId })=>{
+    const storefrontUrl = useShopStore((s)=>s.storefrontUrl);
+    //
+    // const productId = useMemo(() => {
+    //   const ele = document.querySelector(`[data-uid="${parentProductUid}"]`);
+    //   return ele?.getAttribute('data-product-id');
+    // }, [parentProductUid]);
+    const shopName = useMemo(()=>{
+        const pattern = /^(?:https?:\/\/)?([^/]+)\.myshopify\.com/;
+        if (storefrontUrl) {
+            return storefrontUrl.match(pattern)?.[1];
+        }
+        return '';
+    }, [
+        storefrontUrl
+    ]);
+    const linkShopDefault = useMemo(()=>{
+        return `https://admin.shopify.com/store/${shopName}`;
+    }, [
+        shopName
+    ]);
+    const linkEditProduct = useMemo(()=>{
+        return productId ? `${linkShopDefault}/products/${productId}` : '';
+    }, [
+        linkShopDefault,
+        productId
+    ]);
+    const linkEditArticle = useMemo(()=>{
+        return articleId ? `${linkShopDefault}/articles/${articleId}` : '';
+    }, [
+        articleId,
+        linkShopDefault
+    ]);
+    return {
+        linkShopDefault,
+        linkEditProduct,
+        linkEditArticle
+    };
+};
+
+export { useShopifyLink };

package/dist/esm/hooks/shop.js

@@ -1,3 +1,4 @@
+'use client';
 import { useMemo } from 'react';
 import { useSWRConfig } from 'swr';
 import { useShopStore } from '../contexts/ShopContext.js';
@@ -24,6 +25,14 @@ const useCurrency = ()=>{
         changeCurrency
     ]);
 };
+const useTimezone = ()=>{
+    const timezone = useShopStore((state)=>state.timezone);
+    return useMemo(()=>({
+            timezone
+        }), [
+        timezone
+    ]);
+};
 const useMoneyFormat = ()=>{
     const moneyFormat = useShopStore((state)=>state.moneyFormat);
     const moneyWithCurrencyFormat = useShopStore((state)=>state.moneyWithCurrencyFormat);
@@ -108,4 +117,4 @@ function useCheckoutUrl(url) {
     return storefrontToken ? `${url}?access_token=${storefrontToken}` : url;
 }
 
-export { useCheckoutUrl, useConnectedShopify, useCurrency, useEditorMode, useIsSampleProduct, useIsStorefrontProduct, useLocale, useMatchMutate, useMobileOnly, useMoneyFormat, usePageType, usePluginEnable, useStoreFront, useSwatches };
+export { useCheckoutUrl, useConnectedShopify, useCurrency, useEditorMode, useIsSampleProduct, useIsStorefrontProduct, useLocale, useMatchMutate, useMobileOnly, useMoneyFormat, usePageType, usePluginEnable, useStoreFront, useSwatches, useTimezone };

package/dist/esm/hooks/use-current-device.js

@@ -1,3 +1,4 @@
+'use client';
 import { useSyncExternalStore } from 'react';
 
 // Hàm debounce với TypeScript
@@ -17,7 +18,7 @@ const useCurrentDevice = ()=>{
     return useSyncExternalStore(subscribe, ()=>{
         if (window.innerWidth < 768) {
             return 'mobile';
-        } else if (window.innerWidth >= 768 && window.innerWidth < 1024) {
+        } else if (window.innerWidth >= 768 && window.innerWidth < 1025) {
             return 'tablet';
         } else {
             return 'desktop';

package/dist/esm/hooks/use-lazy-video.js

@@ -1,3 +1,4 @@
+'use client';
 import { useEffect } from 'react';
 import LazyLoad from 'vanilla-lazyload';
 

package/dist/esm/hooks/useAnimations.js

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

package/dist/esm/hooks/useCartId.js

@@ -1,3 +1,4 @@
+'use client';
 import { useSyncExternalStore, useCallback, useMemo } from 'react';
 
 const cartKey = 'cart-id';

package/dist/esm/hooks/useCartLine.js

@@ -1,3 +1,4 @@
+'use client';
 import { useCartLineStore } from '../contexts/CartLineContext.js';
 
 const useCartLine = ()=>{

package/dist/esm/hooks/useCartUI.js

@@ -1,3 +1,4 @@
+'use client';
 import { useCallback } from 'react';
 import { create } from 'zustand';
 import { usePluginEnable } from './shop.js';

package/dist/esm/hooks/useCollection.js

@@ -1,3 +1,4 @@
+'use client';
 import { useCollectionStore } from '../contexts/CollectionContext.js';
 
 const useCollection = ()=>{

package/dist/esm/hooks/useFetchHandle.js

@@ -1,3 +1,4 @@
+'use client';
 import { useSWRConfig } from 'swr';
 
 const useFetchHandle = ()=>{

package/dist/esm/hooks/useFormatMoney.js

@@ -1,3 +1,4 @@
+'use client';
 import { useMoneyFormat } from './shop.js';
 
 const shopifyPriceRounding = (amount, precision)=>{

package/dist/esm/hooks/useInitialSwatchesOptions.js

@@ -1,3 +1,4 @@
+'use client';
 import useSWR from 'swr';
 import { ProductOptionNameDocument } from '../graphql/queries/product-value-label.generated.js';
 import { colorPreset } from '../components/src/product/helpers/variant-presets.js';

package/dist/esm/hooks/useInteraction.js

@@ -1,3 +1,4 @@
+'use client';
 import { usePageStore } from '../contexts/PageContext.js';
 
 const useInteraction = ()=>{

package/dist/esm/hooks/useIsomorphicLayoutEffect.js

@@ -1,3 +1,4 @@
+'use client';
 import { useLayoutEffect } from 'react';
 
 // const isBrowser = typeof window !== 'undefined';

package/dist/esm/hooks/useLoadScript.js

@@ -1,3 +1,4 @@
+'use client';
 import { useState, useEffect } from 'react';
 import { loadScript } from '../helpers/load-script.js';
 

package/dist/esm/hooks/useMoney.js

@@ -1,3 +1,4 @@
+'use client';
 import { useMemo } from 'react';
 import { useLocale, useCurrency } from './shop.js';
 

package/dist/esm/hooks/usePrevious.js

@@ -1,3 +1,4 @@
+'use client';
 import { useRef, useEffect } from 'react';
 
 const usePrevious = (value)=>{

package/dist/esm/hooks/useProduct.js

@@ -1,3 +1,4 @@
+'use client';
 import { useCallback, useEffect, useMemo } from 'react';
 import { useProductStore } from '../contexts/ProductContext.js';
 import 'react/jsx-runtime';
@@ -10,6 +11,7 @@ import 'swr/infinite';
 import 'vanilla-lazyload';
 import './useCartUI.js';
 import { checkInStock } from '../helpers/variant.js';
+import { useShopifyLink } from './shop/useShopifyLink.js';
 import 'react-transition-group';
 import '@gem-sdk/core';
 import 'classnames';
@@ -41,6 +43,21 @@ const useProductBundleDiscount = ()=>{
         seUseProductCompareAtPrice
     };
 };
+const useProductShopifyEditLink = ()=>{
+    const product = useProductStore((s)=>s.product);
+    const productId = product?.baseID?.replace('gid://shopify/Product/', '');
+    const { linkEditProduct } = useShopifyLink({
+        productId
+    });
+    const redirectProductShopifyLink = ()=>{
+        if (!linkEditProduct) return;
+        window.open(linkEditProduct, '_blank');
+    };
+    return {
+        linkEditProduct,
+        redirectProductShopifyLink
+    };
+};
 const useQuantity = ()=>{
     const quantity = useProductStore((s)=>s.quantity);
     const hasUpdatePrice = useProductStore((s)=>s.updatePrice);
@@ -225,4 +242,4 @@ const useProductOfferDiscount = ()=>{
     return currentDiscount || 0;
 };
 
-export { useCheckAvailableVariantInStock, useCurrentVariant, useCurrentVariantInStock, useFeaturedImageGlobal, useHasPreSelected, useIsSyncProduct, useProduct, useProductBundleDiscount, useProductOfferDiscount, useProductProperties, useQuantity, useSelectedOption, useUniqProductID, useVariant, useVariantOutStock, useVariants };
+export { useCheckAvailableVariantInStock, useCurrentVariant, useCurrentVariantInStock, useFeaturedImageGlobal, useHasPreSelected, useIsSyncProduct, useProduct, useProductBundleDiscount, useProductOfferDiscount, useProductProperties, useProductShopifyEditLink, useQuantity, useSelectedOption, useUniqProductID, useVariant, useVariantOutStock, useVariants };

package/dist/esm/hooks/useProductList.js

@@ -1,3 +1,4 @@
+'use client';
 import { useProductListStore } from '../contexts/ProductListContext.js';
 
 const useProductList = ()=>{

package/dist/esm/hooks/useSuspenseFetch.js

@@ -1,3 +1,4 @@
+'use client';
 const cache = new Map();
 const useSuspenseFetch = (key, promise)=>{
     const value = cache.get(key) || {

package/dist/esm/hooks/useSwatchesOptions.js

@@ -1,3 +1,4 @@
+'use client';
 import { useSwatches } from './shop.js';
 
 const initialSwatchOptionValue = {

package/dist/esm/hooks/useToolbarPostPurchase.js

@@ -1,3 +1,4 @@
+'use client';
 import { postPurchaseRequiredElements, postPurchaseWrapElements } from '../components/constant.js';
 import { useShopStore } from '../contexts/ShopContext.js';