@gem-sdk/core 1.47.0-staging.2 → 1.47.0-staging.4

package/dist/cjs/components/ComponentToolbarPreview.js

@@ -47,6 +47,7 @@ const ComponentToolbarPreview = (props)=>{
     const [deleteTooltipPosition, setDeleteTooltipPosition] = react.useState('top');
     const [isDisableDelete, setIsUnableDelete] = react.useState(false);
     const [parentProductUid, setParentProductUid] = react.useState('');
+    const [articleUid, setArticleUid] = react.useState('');
     const [tooltipText, setTooltipText] = react.useState({
         width: '',
         text: ''
@@ -59,8 +60,21 @@ const ComponentToolbarPreview = (props)=>{
     const editProductElementList = [
         'Product Title',
         'Product Description',
-        'Product Price',
-        'Product Vendor'
+        'Product Price'
+    ];
+    const editArticleElementList = [
+        'Article Title',
+        'Article Content',
+        'Article Image',
+        'Article Author',
+        'Article Category',
+        'Article Date',
+        'Article Excerpt',
+        'Article Tags'
+    ];
+    const editAbleElementList = [
+        ...editProductElementList,
+        ...editArticleElementList
     ];
     const isOverToolbarPosition = (el, parent)=>{
         const parentLength = parents.length;
@@ -107,15 +121,29 @@ const ComponentToolbarPreview = (props)=>{
     }, [
         storefrontUrl
     ]);
-    const shopifyEditLink = react.useMemo(()=>{
-        return productId ? `https://admin.shopify.com/store/${shopName}/products/${productId}` : '';
+    const linkShopDefault = react.useMemo(()=>{
+        return `https://admin.shopify.com/store/${shopName}`;
     }, [
-        productId,
         shopName
     ]);
+    const linkEditProduct = react.useMemo(()=>{
+        return productId ? `${linkShopDefault}/products/${productId}` : '';
+    }, [
+        linkShopDefault,
+        productId
+    ]);
+    const linkEditArticle = react.useMemo(()=>{
+        return articleUid ? `${linkShopDefault}/articles/${articleUid}` : '';
+    }, [
+        articleUid,
+        linkShopDefault
+    ]);
     // Get parents
     const onActiveComponent = react.useCallback((e)=>{
         const detail = e.detail;
+        if (detail?.articleId) {
+            setArticleUid(detail.articleId);
+        }
         if (detail?.componentUid == props.uid) {
             getDeleteTooltipPosition();
             if (isSaleFunnelPage) {
@@ -207,7 +235,15 @@ const ComponentToolbarPreview = (props)=>{
         window.dispatchEvent(event);
     };
     const goToShopifyEditLink = ()=>{
-        window.open(shopifyEditLink, '_blank');
+        if (editArticleElementList.includes(toolbarName() ?? '')) {
+            window.open(linkEditArticle, '_blank');
+            return;
+        }
+        if (editProductElementList.includes(toolbarName() ?? '')) {
+            window.open(linkEditProduct, '_blank');
+            return;
+        }
+        window.open(linkShopDefault, '_blank');
     };
     const onDelete = (e)=>{
         e.preventDefault();
@@ -486,7 +522,7 @@ const ComponentToolbarPreview = (props)=>{
                             })
                         })
                     }),
-                    editProductElementList.includes(toolbarName() ?? '') && /*#__PURE__*/ jsxRuntime.jsx(Tooltip.default, {
+                    editAbleElementList.includes(toolbarName() ?? '') && /*#__PURE__*/ jsxRuntime.jsx(Tooltip.default, {
                         "data-toolbar-title": true,
                         enable: true,
                         "data-toolbar-disable": false,

package/dist/cjs/components/Render.liquid.js

@@ -20,7 +20,6 @@ require('dayjs');
 var composeAdvanceStyle = require('../helpers/compose-advance-style.js');
 var convert = require('../helpers/convert.js');
 var render = require('../helpers/render.js');
-require('cssjson');
 
 const componentsRenderWithParentId = [
     'CarouselItem'

package/dist/cjs/hooks/useProduct.js

@@ -9,7 +9,6 @@ var PageContext = require('../contexts/PageContext.js');
 require('@gem-sdk/adapter-shopify');
 require('swr/mutation');
 require('swr/infinite');
-var useFormatMoney = require('./useFormatMoney.js');
 require('vanilla-lazyload');
 require('./useCartUI.js');
 var variant = require('../helpers/variant.js');
@@ -206,7 +205,7 @@ const useProductOfferDiscount = ()=>{
         const price = currentVariant?.price || 0;
         currentDiscount = currentDiscount * price / 100;
     }
-    return currentDiscount ? parseFloat(useFormatMoney.shopifyPriceRounding(currentDiscount, 2)) : 0;
+    return currentDiscount || 0;
 };
 
 exports.useCheckAvailableVariantInStock = useCheckAvailableVariantInStock;

package/dist/esm/components/ComponentToolbarPreview.js

@@ -43,6 +43,7 @@ const ComponentToolbarPreview = (props)=>{
     const [deleteTooltipPosition, setDeleteTooltipPosition] = useState('top');
     const [isDisableDelete, setIsUnableDelete] = useState(false);
     const [parentProductUid, setParentProductUid] = useState('');
+    const [articleUid, setArticleUid] = useState('');
     const [tooltipText, setTooltipText] = useState({
         width: '',
         text: ''
@@ -55,8 +56,21 @@ const ComponentToolbarPreview = (props)=>{
     const editProductElementList = [
         'Product Title',
         'Product Description',
-        'Product Price',
-        'Product Vendor'
+        'Product Price'
+    ];
+    const editArticleElementList = [
+        'Article Title',
+        'Article Content',
+        'Article Image',
+        'Article Author',
+        'Article Category',
+        'Article Date',
+        'Article Excerpt',
+        'Article Tags'
+    ];
+    const editAbleElementList = [
+        ...editProductElementList,
+        ...editArticleElementList
     ];
     const isOverToolbarPosition = (el, parent)=>{
         const parentLength = parents.length;
@@ -103,15 +117,29 @@ const ComponentToolbarPreview = (props)=>{
     }, [
         storefrontUrl
     ]);
-    const shopifyEditLink = useMemo(()=>{
-        return productId ? `https://admin.shopify.com/store/${shopName}/products/${productId}` : '';
+    const linkShopDefault = useMemo(()=>{
+        return `https://admin.shopify.com/store/${shopName}`;
     }, [
-        productId,
         shopName
     ]);
+    const linkEditProduct = useMemo(()=>{
+        return productId ? `${linkShopDefault}/products/${productId}` : '';
+    }, [
+        linkShopDefault,
+        productId
+    ]);
+    const linkEditArticle = useMemo(()=>{
+        return articleUid ? `${linkShopDefault}/articles/${articleUid}` : '';
+    }, [
+        articleUid,
+        linkShopDefault
+    ]);
     // Get parents
     const onActiveComponent = useCallback((e)=>{
         const detail = e.detail;
+        if (detail?.articleId) {
+            setArticleUid(detail.articleId);
+        }
         if (detail?.componentUid == props.uid) {
             getDeleteTooltipPosition();
             if (isSaleFunnelPage) {
@@ -203,7 +231,15 @@ const ComponentToolbarPreview = (props)=>{
         window.dispatchEvent(event);
     };
     const goToShopifyEditLink = ()=>{
-        window.open(shopifyEditLink, '_blank');
+        if (editArticleElementList.includes(toolbarName() ?? '')) {
+            window.open(linkEditArticle, '_blank');
+            return;
+        }
+        if (editProductElementList.includes(toolbarName() ?? '')) {
+            window.open(linkEditProduct, '_blank');
+            return;
+        }
+        window.open(linkShopDefault, '_blank');
     };
     const onDelete = (e)=>{
         e.preventDefault();
@@ -482,7 +518,7 @@ const ComponentToolbarPreview = (props)=>{
                             })
                         })
                     }),
-                    editProductElementList.includes(toolbarName() ?? '') && /*#__PURE__*/ jsx(Tooltip, {
+                    editAbleElementList.includes(toolbarName() ?? '') && /*#__PURE__*/ jsx(Tooltip, {
                         "data-toolbar-title": true,
                         enable: true,
                         "data-toolbar-disable": false,

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

@@ -16,7 +16,6 @@ import 'dayjs';
 import { composeAdvanceStyle } from '../helpers/compose-advance-style.js';
 import { baseAssetURL, isLocalEnv } from '../helpers/convert.js';
 import { RenderIf, template } from '../helpers/render.js';
-import 'cssjson';
 
 const componentsRenderWithParentId = [
     'CarouselItem'

package/dist/esm/hooks/useProduct.js

@@ -7,7 +7,6 @@ import { usePageStore } from '../contexts/PageContext.js';
 import '@gem-sdk/adapter-shopify';
 import 'swr/mutation';
 import 'swr/infinite';
-import { shopifyPriceRounding } from './useFormatMoney.js';
 import 'vanilla-lazyload';
 import './useCartUI.js';
 import { checkInStock } from '../helpers/variant.js';
@@ -204,7 +203,7 @@ const useProductOfferDiscount = ()=>{
         const price = currentVariant?.price || 0;
         currentDiscount = currentDiscount * price / 100;
     }
-    return currentDiscount ? parseFloat(shopifyPriceRounding(currentDiscount, 2)) : 0;
+    return currentDiscount || 0;
 };
 
 export { useCheckAvailableVariantInStock, useCurrentVariant, useCurrentVariantInStock, useFeaturedImageGlobal, useIsSyncProduct, useProduct, useProductOfferDiscount, useProductProperties, useQuantity, useSelectedOption, useUniqProductID, useVariant, useVariantOutStock, useVariants };

package/dist/types/index.d.ts

@@ -8106,7 +8106,7 @@ type ControlUI = {
         labelPosition?: 'start' | 'end';
         justifyContent?: 'start' | 'end' | 'between' | 'around';
         label?: 'medium' | 'large';
-        info?: 'near' | 'far';
+        info?: 'near' | 'far' | 'bottom';
         labelSpacing?: 'small' | 'medium' | 'large';
         removeSpacing?: boolean;
         noGap?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.47.0-staging.2",
+  "version": "1.47.0-staging.4",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",