@gem-sdk/core 2.2.0-staging.30 → 2.2.0-staging.48

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');
-var customCdoe = require('../helpers/custom-cdoe.js');
 
 const componentsRenderWithParentId = [
     'CarouselItem'
@@ -207,7 +206,7 @@ const RenderCustomCode = (item)=>{
     const { css, javascript, rootClassName } = item.advanced?.editorData || {};
     const replacedCSS = css?.replaceAll(rootClassName, item.uid);
     const replacedJS = javascript?.replaceAll(rootClassName, item.uid);
-    const cssCode = render.RenderIf(!!css && customCdoe.hasNonEmptyCSSRules(replacedCSS), render.template`
+    const cssCode = render.RenderIf(!!css, render.template`
       <style id="${`custom-css-${item?.uid}`}">
         ${replacedCSS}
       </style>

package/dist/cjs/components/RenderCustomCode.js

@@ -19,7 +19,6 @@ require('@gem-sdk/adapter-shopify');
 require('swr/mutation');
 require('vanilla-lazyload');
 require('../hooks/useCartUI.js');
-var customCdoe = require('../helpers/custom-cdoe.js');
 
 const RenderCustomCode = ({ uid, advanced })=>{
     const mode = shop.useEditorMode();
@@ -42,7 +41,7 @@ const RenderCustomCode = ({ uid, advanced })=>{
     return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [
             /*#__PURE__*/ jsxRuntime.jsx(Head, {
-                children: !!css && customCdoe.hasNonEmptyCSSRules(replacedCSS) && /*#__PURE__*/ jsxRuntime.jsx("style", {
+                children: !!css && /*#__PURE__*/ jsxRuntime.jsx("style", {
                     id: mapId['css'],
                     dangerouslySetInnerHTML: {
                         __html: replacedCSS

package/dist/cjs/contexts/ProductContext.js

@@ -120,6 +120,11 @@ const createProductStoreProvider = (data)=>zustand.createStore((set, get)=>({
                 set({
                     hasPreSelected: value
                 });
+            },
+            setIsChangeSelectedOption: (value)=>{
+                set({
+                    isChangeSelectedOption: value
+                });
             }
         }));
 const ProductProvider = ({ children, product, initialVariantId, quantity = 1, isSyncProduct })=>{

package/dist/cjs/hooks/useProduct.js

@@ -110,6 +110,8 @@ const useSelectedOption = ()=>{
     const selectedOptions = ProductContext.useProductStore((s)=>s.selectedOptions);
     const forceSelectedOption = ProductContext.useProductStore((s)=>s.forceSelectedOption);
     const isSyncProduct = ProductContext.useProductStore((s)=>s.isSyncProduct);
+    const isChangeSelectedOption = ProductContext.useProductStore((s)=>s.isChangeSelectedOption);
+    const setIsChangeSelectedOption = ProductContext.useProductStore((s)=>s.setIsChangeSelectedOption);
     const updateOption = react.useCallback((optionId, optionValue, productId, noEmit)=>{
         if (!noEmit && isSyncProduct) {
             const setOption = new CustomEvent('set-selected-option', {
@@ -125,9 +127,11 @@ const useSelectedOption = ()=>{
             window.dispatchEvent(setOption);
         }
         setSelectedOption(optionId, optionValue);
+        setIsChangeSelectedOption(true);
     }, [
+        isSyncProduct,
         setSelectedOption,
-        isSyncProduct
+        setIsChangeSelectedOption
     ]);
     const forceOption = react.useCallback((selectedOption, productId, noEmit)=>{
         if (!noEmit && isSyncProduct) {
@@ -148,6 +152,7 @@ const useSelectedOption = ()=>{
         isSyncProduct
     ]);
     return react.useMemo(()=>({
+            isChangeSelectedOption,
             selectedOptions,
             setSelectedOption: updateOption,
             forceSelectedOption: forceOption

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 { hasNonEmptyCSSRules } from '../helpers/custom-cdoe.js';
 
 const componentsRenderWithParentId = [
     'CarouselItem'
@@ -203,7 +202,7 @@ const RenderCustomCode = (item)=>{
     const { css, javascript, rootClassName } = item.advanced?.editorData || {};
     const replacedCSS = css?.replaceAll(rootClassName, item.uid);
     const replacedJS = javascript?.replaceAll(rootClassName, item.uid);
-    const cssCode = RenderIf(!!css && hasNonEmptyCSSRules(replacedCSS), template`
+    const cssCode = RenderIf(!!css, template`
       <style id="${`custom-css-${item?.uid}`}">
         ${replacedCSS}
       </style>

package/dist/esm/components/RenderCustomCode.js

@@ -15,7 +15,6 @@ import '@gem-sdk/adapter-shopify';
 import 'swr/mutation';
 import 'vanilla-lazyload';
 import '../hooks/useCartUI.js';
-import { hasNonEmptyCSSRules } from '../helpers/custom-cdoe.js';
 
 const RenderCustomCode = ({ uid, advanced })=>{
     const mode = useEditorMode();
@@ -38,7 +37,7 @@ const RenderCustomCode = ({ uid, advanced })=>{
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             /*#__PURE__*/ jsx(Head, {
-                children: !!css && hasNonEmptyCSSRules(replacedCSS) && /*#__PURE__*/ jsx("style", {
+                children: !!css && /*#__PURE__*/ jsx("style", {
                     id: mapId['css'],
                     dangerouslySetInnerHTML: {
                         __html: replacedCSS

package/dist/esm/contexts/ProductContext.js

@@ -118,6 +118,11 @@ const createProductStoreProvider = (data)=>createStore((set, get)=>({
                 set({
                     hasPreSelected: value
                 });
+            },
+            setIsChangeSelectedOption: (value)=>{
+                set({
+                    isChangeSelectedOption: value
+                });
             }
         }));
 const ProductProvider = ({ children, product, initialVariantId, quantity = 1, isSyncProduct })=>{

package/dist/esm/hooks/useProduct.js

@@ -108,6 +108,8 @@ const useSelectedOption = ()=>{
     const selectedOptions = useProductStore((s)=>s.selectedOptions);
     const forceSelectedOption = useProductStore((s)=>s.forceSelectedOption);
     const isSyncProduct = useProductStore((s)=>s.isSyncProduct);
+    const isChangeSelectedOption = useProductStore((s)=>s.isChangeSelectedOption);
+    const setIsChangeSelectedOption = useProductStore((s)=>s.setIsChangeSelectedOption);
     const updateOption = useCallback((optionId, optionValue, productId, noEmit)=>{
         if (!noEmit && isSyncProduct) {
             const setOption = new CustomEvent('set-selected-option', {
@@ -123,9 +125,11 @@ const useSelectedOption = ()=>{
             window.dispatchEvent(setOption);
         }
         setSelectedOption(optionId, optionValue);
+        setIsChangeSelectedOption(true);
     }, [
+        isSyncProduct,
         setSelectedOption,
-        isSyncProduct
+        setIsChangeSelectedOption
     ]);
     const forceOption = useCallback((selectedOption, productId, noEmit)=>{
         if (!noEmit && isSyncProduct) {
@@ -146,6 +150,7 @@ const useSelectedOption = ()=>{
         isSyncProduct
     ]);
     return useMemo(()=>({
+            isChangeSelectedOption,
             selectedOptions,
             setSelectedOption: updateOption,
             forceSelectedOption: forceOption

package/dist/types/index.d.ts

@@ -36178,6 +36178,8 @@ type ProductContextProps = {
     setHasPreSelected: (value: boolean) => void;
     useProductCompareAtPrice?: boolean;
     setUseProductCompareAtPrice: (value?: boolean) => void;
+    isChangeSelectedOption?: boolean;
+    setIsChangeSelectedOption: (value: boolean) => void;
 };
 type ProductProviderProps = Pick<ProductContextProps, 'product' | 'quantity' | 'selectedOptions' | 'isSyncProduct'> & {
     initialVariantId?: string;
@@ -44918,6 +44920,7 @@ declare const useHasPreSelected: () => {
     setHasPreSelected: (value: boolean) => void;
 };
 declare const useSelectedOption: () => {
+    isChangeSelectedOption: boolean | undefined;
     selectedOptions: Record<string, string> | undefined;
     setSelectedOption: (optionId?: Maybe$1<string>, optionValue?: Maybe$1<string>, productId?: Maybe$1<string>, noEmit?: boolean) => void;
     forceSelectedOption: (selectedOption?: Record<string, string>, productId?: Maybe$1<string>, noEmit?: boolean) => void;

package/package.json

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

package/dist/cjs/helpers/custom-cdoe.js

@@ -1,8 +0,0 @@
-'use strict';
-
-const hasNonEmptyCSSRules = (css)=>{
-    const regex = /[^{]+\{\s*\}/g;
-    return !regex.test(css);
-};
-
-exports.hasNonEmptyCSSRules = hasNonEmptyCSSRules;

package/dist/esm/helpers/custom-cdoe.js

@@ -1,6 +0,0 @@
-const hasNonEmptyCSSRules = (css)=>{
-    const regex = /[^{]+\{\s*\}/g;
-    return !regex.test(css);
-};
-
-export { hasNonEmptyCSSRules };