@gem-sdk/core 1.58.0-dev.18 → 1.58.0-dev.25

package/dist/cjs/components/AddOn.js

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

package/dist/cjs/components/ComponentAnimation.js

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

package/dist/cjs/components/ComponentToolbarPreview.js

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

package/dist/cjs/components/ComponentWrapper.js

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

package/dist/cjs/components/ComponentWrapperPreview.js

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

package/dist/cjs/components/Empty.js

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

package/dist/cjs/components/InteractionSuffix.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

package/dist/cjs/components/Render.js

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

package/dist/cjs/components/RenderBlock.js

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

package/dist/cjs/components/RenderCustomCode.js

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

package/dist/cjs/components/RenderPreview.js

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

package/dist/cjs/components/RenderSection.js

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

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

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

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

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

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

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

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

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

package/dist/cjs/components/ai-generator/icons/AIIcon.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

package/dist/cjs/components/ai-generator/icons/CloseIcon.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

package/dist/cjs/components/ai-generator/icons/DropdownIcon.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

package/dist/cjs/components/ai-generator/icons/SearchIcon.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

package/dist/cjs/components/ai-generator/icons/ShowMoreIcon.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

package/dist/cjs/components/ai-generator/icons/UpgradeIcon.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

package/dist/cjs/components/ai-generator/icons/WarningIcon.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

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

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

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

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

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

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

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

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

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

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

package/dist/cjs/components/toolbar/Tooltip.js

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

package/dist/cjs/contexts/AddonContext.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

package/dist/cjs/contexts/ArticleContext.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

package/dist/cjs/contexts/ArticleListContext.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

package/dist/cjs/contexts/BuilderComponent.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

package/dist/cjs/contexts/BuilderContext.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

package/dist/cjs/contexts/BuilderPreviewContext.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

package/dist/cjs/contexts/CartLineContext.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

package/dist/cjs/contexts/CollectionContext.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

package/dist/cjs/contexts/ModalContext.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

package/dist/cjs/contexts/PageContext.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

package/dist/cjs/contexts/ProductContext.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

package/dist/cjs/contexts/ProductListContext.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

package/dist/cjs/contexts/SectionContext.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

package/dist/cjs/contexts/ShopContext.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');

package/dist/cjs/helpers/filter-toolbar-preview.js

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

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

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var react = require('react');

package/dist/cjs/helpers/is-empty-children.js

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

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

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var react = require('react');

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

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var react = require('react');

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

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var react = require('react');

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

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var react = require('react');

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

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

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

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var articles_generated = require('../../graphql/queries/articles.generated.js');

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

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var adapterShopify = require('@gem-sdk/adapter-shopify');

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

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var adapterShopify = require('@gem-sdk/adapter-shopify');

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

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var adapterShopify = require('@gem-sdk/adapter-shopify');

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

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var adapterShopify = require('@gem-sdk/adapter-shopify');

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

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var adapterShopify = require('@gem-sdk/adapter-shopify');

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

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var adapterShopify = require('@gem-sdk/adapter-shopify');

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

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var adapterShopify = require('@gem-sdk/adapter-shopify');

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

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var useSWR = require('swr');

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

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var useSWR = require('swr');

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

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var useSWR = require('swr');

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

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var useSWR = require('swr');

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

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

package/dist/cjs/hooks/shop.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var react = require('react');

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

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var react = require('react');

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

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var react = require('react');

package/dist/cjs/hooks/useAnimations.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var animations = require('../helpers/animations.js');

package/dist/cjs/hooks/useCartId.js

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

package/dist/cjs/hooks/useCartLine.js

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

package/dist/cjs/hooks/useCartUI.js

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

package/dist/cjs/hooks/useCollection.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var CollectionContext = require('../contexts/CollectionContext.js');

package/dist/cjs/hooks/useFetchHandle.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var useSWR = require('swr');

package/dist/cjs/hooks/useFormatMoney.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var shop = require('./shop.js');

package/dist/cjs/hooks/useInitialSwatchesOptions.js

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

package/dist/cjs/hooks/useInteraction.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var PageContext = require('../contexts/PageContext.js');

package/dist/cjs/hooks/useIsomorphicLayoutEffect.js

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

package/dist/cjs/hooks/useLoadScript.js

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

package/dist/cjs/hooks/useMoney.js

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

package/dist/cjs/hooks/usePrevious.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var react = require('react');

package/dist/cjs/hooks/useProduct.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var react = require('react');
@@ -12,6 +13,7 @@ require('swr/infinite');
 require('vanilla-lazyload');
 require('./useCartUI.js');
 var variant = require('../helpers/variant.js');
+var useShopifyLink = require('./shop/useShopifyLink.js');
 require('react-transition-group');
 require('@gem-sdk/core');
 require('classnames');
@@ -43,6 +45,21 @@ const useProductBundleDiscount = ()=>{
         seUseProductCompareAtPrice
     };
 };
+const useProductShopifyEditLink = ()=>{
+    const product = ProductContext.useProductStore((s)=>s.product);
+    const productId = product?.baseID?.replace('gid://shopify/Product/', '');
+    const { linkEditProduct } = useShopifyLink.useShopifyLink({
+        productId
+    });
+    const redirectProductShopifyLink = ()=>{
+        if (!linkEditProduct) return;
+        window.open(linkEditProduct, '_blank');
+    };
+    return {
+        linkEditProduct,
+        redirectProductShopifyLink
+    };
+};
 const useQuantity = ()=>{
     const quantity = ProductContext.useProductStore((s)=>s.quantity);
     const hasUpdatePrice = ProductContext.useProductStore((s)=>s.updatePrice);
@@ -237,6 +254,7 @@ exports.useProduct = useProduct;
 exports.useProductBundleDiscount = useProductBundleDiscount;
 exports.useProductOfferDiscount = useProductOfferDiscount;
 exports.useProductProperties = useProductProperties;
+exports.useProductShopifyEditLink = useProductShopifyEditLink;
 exports.useQuantity = useQuantity;
 exports.useSelectedOption = useSelectedOption;
 exports.useUniqProductID = useUniqProductID;

package/dist/cjs/hooks/useProductList.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var ProductListContext = require('../contexts/ProductListContext.js');

package/dist/cjs/hooks/useSuspenseFetch.js

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

package/dist/cjs/hooks/useSwatchesOptions.js

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

package/dist/cjs/hooks/useToolbarPostPurchase.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var constant = require('../components/constant.js');

package/dist/cjs/index.js

@@ -358,6 +358,7 @@ 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;

package/dist/esm/components/AddOn.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx } from 'react/jsx-runtime';
 import { useAddon } from '../contexts/AddonContext.js';
 import { usePluginEnable } from '../hooks/shop.js';

package/dist/esm/components/ComponentAnimation.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { memo } from 'react';
 import useApplyAnimation from '../hooks/animation/useApplyAnimation.js';