@gem-sdk/core 1.42.7 → 1.43.0-dev.100

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

@@ -0,0 +1,67 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const AIIcon = ()=>{
+    const getRandomId = ()=>{
+        return Math.random().toString(36).substring(7);
+    };
+    const linearGradientId = getRandomId();
+    return /*#__PURE__*/ jsxRuntime.jsxs("svg", {
+        width: "16",
+        height: "16",
+        viewBox: "0 0 16 16",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx("path", {
+                d: "M11.6363 2.67137C11.5886 2.52361 11.3795 2.52361 11.3318 2.67137L11.1133 3.34797C11.0352 3.58971 10.8469 3.78 10.606 3.86067L9.93715 4.08465C9.79156 4.1334 9.79156 4.33933 9.93715 4.38809L10.606 4.61207C10.8469 4.69273 11.0352 4.88302 11.1133 5.12477L11.3318 5.80137C11.3795 5.94913 11.5886 5.94913 11.6363 5.80137L11.8549 5.12477C11.933 4.88302 12.1212 4.69273 12.3621 4.61207L13.031 4.38809C13.1766 4.33933 13.1766 4.1334 13.031 4.08465L12.3621 3.86067C12.1212 3.78 11.933 3.58971 11.8549 3.34797L11.6363 2.67137Z",
+                fill: `url(#${linearGradientId}_0)`
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx("path", {
+                d: "M7.61245 3.30705C7.54086 3.08541 7.22728 3.08541 7.15569 3.30705L6.39541 5.6608C6.16115 6.38604 5.59636 6.9569 4.87367 7.19891L2.56369 7.97242C2.3453 8.04555 2.34531 8.35445 2.5637 8.42758L4.87367 9.2011C5.59636 9.4431 6.16115 10.014 6.39541 10.7392L7.15569 13.093C7.22728 13.3146 7.54086 13.3146 7.61245 13.093L8.37273 10.7392C8.60699 10.014 9.17178 9.4431 9.89447 9.2011L12.2044 8.42758C12.4228 8.35445 12.4228 8.04555 12.2044 7.97242L9.89447 7.1989C9.17178 6.9569 8.60699 6.38604 8.37273 5.6608L7.61245 3.30705Z",
+                fill: `url(#${linearGradientId}_1)`
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs("defs", {
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsxs("linearGradient", {
+                        id: `${linearGradientId}_0`,
+                        x1: "15.3433",
+                        y1: "2.56054",
+                        x2: "4.24885",
+                        y2: "1.00838",
+                        gradientUnits: "userSpaceOnUse",
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx("stop", {
+                                stopColor: "#D8E1FF"
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx("stop", {
+                                offset: "1",
+                                stopColor: "#C8ACFF"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsxs("linearGradient", {
+                        id: `${linearGradientId}_1`,
+                        x1: "15.3433",
+                        y1: "2.56054",
+                        x2: "4.24885",
+                        y2: "1.00838",
+                        gradientUnits: "userSpaceOnUse",
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx("stop", {
+                                stopColor: "#D8E1FF"
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx("stop", {
+                                offset: "1",
+                                stopColor: "#C8ACFF"
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+exports.AIIcon = AIIcon;

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

@@ -0,0 +1,19 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const CloseIcon = ()=>{
+    return /*#__PURE__*/ jsxRuntime.jsx("svg", {
+        width: "16",
+        height: "16",
+        viewBox: "0 0 16 16",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ jsxRuntime.jsx("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.1757L8.84833 8L12.0241 4.82427C12.2584 4.58995 12.2584 4.21005 12.0241 3.97574C11.7898 3.74142 11.4099 3.74142 11.1755 3.97574L7.9998 7.15148L4.82407 3.97574C4.58975 3.74142 4.20986 3.74142 3.97554 3.97574C3.74123 4.21005 3.74123 4.58995 3.97554 4.82427L7.15128 8L3.97554 11.1757C3.74123 11.4101 3.74123 11.79 3.97554 12.0243C4.20986 12.2586 4.58975 12.2586 4.82407 12.0243L7.9998 8.84853L11.1755 12.0243Z",
+            fill: "#F9F9F9"
+        })
+    });
+};
+
+exports.CloseIcon = CloseIcon;

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

@@ -0,0 +1,37 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const DropdownIcon = ()=>{
+    return /*#__PURE__*/ jsxRuntime.jsx("svg", {
+        width: "20",
+        height: "20",
+        viewBox: "0 0 20 20",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ jsxRuntime.jsx("path", {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M5.13313 7.62204C5.31064 7.45932 5.59845 7.45932 5.77596 7.62204L10 11.4941L14.224 7.62204C14.4016 7.45932 14.6894 7.45932 14.8669 7.62204C15.0444 7.78476 15.0444 8.04858 14.8669 8.21129L10.3214 12.378C10.1439 12.5407 9.8561 12.5407 9.67859 12.378L5.13313 8.21129C4.95562 8.04858 4.95562 7.78476 5.13313 7.62204Z",
+            fill: "#F9F9F9"
+        })
+    });
+};
+const TickIcon = ()=>{
+    return /*#__PURE__*/ jsxRuntime.jsx("svg", {
+        width: "20",
+        height: "20",
+        viewBox: "0 0 20 20",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ jsxRuntime.jsx("path", {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M15.8415 5.1766C16.0528 5.41207 16.0528 5.79383 15.8415 6.0293L7.95016 14.8234C7.84869 14.9365 7.71107 15 7.56757 15C7.42408 15 7.28645 14.9365 7.18499 14.8234L4.15846 11.4505C3.94717 11.215 3.94718 10.8333 4.15848 10.5978C4.36978 10.3623 4.71236 10.3623 4.92365 10.5978L7.56759 13.5443L15.0764 5.1766C15.2877 4.94113 15.6302 4.94113 15.8415 5.1766Z",
+            fill: "#00C853"
+        })
+    });
+};
+
+exports.DropdownIcon = DropdownIcon;
+exports.TickIcon = TickIcon;

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

@@ -0,0 +1,21 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const SearchIcon = ()=>{
+    return /*#__PURE__*/ jsxRuntime.jsx("svg", {
+        width: "20",
+        height: "20",
+        viewBox: "0 0 20 20",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ jsxRuntime.jsx("path", {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M8.75 2.5C5.29822 2.5 2.5 5.29822 2.5 8.75C2.5 12.2018 5.29822 15 8.75 15C10.2508 15 11.628 14.471 12.7055 13.5893L16.4775 17.3614C16.7216 17.6054 17.1173 17.6054 17.3614 17.3614C17.6054 17.1173 17.6054 16.7216 17.3614 16.4775L13.5893 12.7055C14.471 11.628 15 10.2508 15 8.75C15 5.29822 12.2018 2.5 8.75 2.5ZM3.75 8.75C3.75 5.98858 5.98858 3.75 8.75 3.75C11.5114 3.75 13.75 5.98858 13.75 8.75C13.75 11.5114 11.5114 13.75 8.75 13.75C5.98858 13.75 3.75 11.5114 3.75 8.75Z",
+            fill: "#AAAAAA"
+        })
+    });
+};
+
+exports.SearchIcon = SearchIcon;

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

@@ -0,0 +1,21 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const ShowMoreIcon = ()=>{
+    return /*#__PURE__*/ jsxRuntime.jsx("svg", {
+        width: "17",
+        height: "16",
+        viewBox: "0 0 17 16",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ jsxRuntime.jsx("path", {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M4.60651 6.09763C4.74852 5.96746 4.97876 5.96746 5.12077 6.09763L8.5 9.19526L11.8792 6.09763C12.0212 5.96746 12.2515 5.96746 12.3935 6.09763C12.5355 6.22781 12.5355 6.43886 12.3935 6.56904L8.75713 9.90237C8.61512 10.0325 8.38488 10.0325 8.24287 9.90237L4.60651 6.56904C4.4645 6.43886 4.4645 6.22781 4.60651 6.09763Z",
+            fill: "#F9F9F9"
+        })
+    });
+};
+
+exports.ShowMoreIcon = ShowMoreIcon;

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

@@ -0,0 +1,27 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const UpgradeIcon = ()=>{
+    return /*#__PURE__*/ jsxRuntime.jsxs("svg", {
+        width: "16",
+        height: "16",
+        viewBox: "0 0 16 16",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx("path", {
+                d: "M4.5614 3.40226C4.75106 3.05549 5.2491 3.05549 5.43876 3.40226L5.59563 3.68909C5.76081 3.99112 6.00913 4.23944 6.31116 4.40462L6.59799 4.56149C6.94476 4.75115 6.94476 5.24919 6.59799 5.43885L6.31116 5.59572C6.00913 5.7609 5.76081 6.00923 5.59563 6.31125L5.43876 6.59808C5.2491 6.94485 4.75106 6.94485 4.5614 6.59808L4.40453 6.31125C4.23935 6.00923 3.99102 5.7609 3.689 5.59572L3.40217 5.43885C3.0554 5.24919 3.0554 4.75115 3.40217 4.56149L3.689 4.40462C3.99102 4.23944 4.23935 3.99112 4.40453 3.68909L4.5614 3.40226Z",
+                fill: "white"
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx("path", {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                d: "M10.3586 6.31151C10.2145 5.37846 8.87693 5.36015 8.70733 6.2889L8.68345 6.41972C8.45531 7.66902 7.46634 8.63997 6.21306 8.84509C5.29358 8.99558 5.27456 10.3111 6.1893 10.4881L6.27325 10.5044C7.49956 10.7417 8.45849 11.7006 8.69579 12.9269L8.72136 13.0591C8.90841 14.0257 10.2917 14.0257 10.4788 13.0591L10.4987 12.9561C10.739 11.7146 11.7162 10.7476 12.9601 10.5204C13.9075 10.3474 13.8556 8.9775 12.9032 8.83444C11.5987 8.63847 10.56 7.61516 10.3586 6.31151ZM9.60348 11.8213C10.01 10.8962 10.7327 10.146 11.6365 9.70404C10.718 9.2961 9.96932 8.57183 9.53477 7.66527C9.12271 8.54399 8.41761 9.2538 7.54422 9.67221C8.46419 10.1164 9.19752 10.8797 9.60348 11.8213Z",
+                fill: "white"
+            })
+        ]
+    });
+};
+
+exports.UpgradeIcon = UpgradeIcon;

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

@@ -0,0 +1,31 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const WarningIcon = ()=>{
+    return /*#__PURE__*/ jsxRuntime.jsxs("svg", {
+        width: "20",
+        height: "20",
+        viewBox: "0 0 20 20",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx("path", {
+                d: "M9.99997 6.75C10.4142 6.75 10.75 7.08579 10.75 7.5V11C10.75 11.4142 10.4142 11.75 9.99997 11.75C9.58576 11.75 9.24997 11.4142 9.24997 11V7.5C9.24997 7.08579 9.58576 6.75 9.99997 6.75Z",
+                fill: "#251A00"
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx("path", {
+                d: "M11 13.5C11 14.0523 10.5523 14.5 10 14.5C9.44775 14.5 9.00003 14.0523 9.00003 13.5C9.00003 12.9477 9.44775 12.5 10 12.5C10.5523 12.5 11 12.9477 11 13.5Z",
+                fill: "#251A00"
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx("path", {
+                "fill-rule": "evenodd",
+                "clip-rule": "evenodd",
+                d: "M10.0001 3.5C8.95474 3.5 8.21619 4.20232 7.84765 4.94672C7.65568 5.33448 6.75987 7.0441 5.84308 8.79353L5.81534 8.84646C4.92293 10.5493 4.01717 12.2777 3.80719 12.702C3.43513 13.4537 3.32934 14.4519 3.89956 15.316C4.46914 16.1791 5.44225 16.5 6.3636 16.5L13.6364 16.5C14.5577 16.5 15.5309 16.1791 16.1005 15.316C16.6707 14.4519 16.5649 13.4537 16.1928 12.702C15.9832 12.2784 15.08 10.555 14.189 8.85476L14.1569 8.79352C13.24 7.044 12.3443 5.33454 12.1525 4.94693C11.784 4.20242 11.0455 3.5 10.0001 3.5ZM9.19193 5.61225C9.59608 4.79592 10.4041 4.79592 10.8081 5.61225C11.0102 6.02061 11.9201 7.75686 12.8297 9.49243C13.7383 11.2262 14.6466 12.9594 14.8485 13.3673C15.2525 14.1837 14.8485 15 13.6364 15L6.3636 15C5.15153 15 4.74749 14.1837 5.15153 13.3673C5.35379 12.9587 6.26471 11.2205 7.17483 9.4838C8.08286 7.75111 8.99008 6.01994 9.19193 5.61225Z",
+                fill: "#251A00"
+            })
+        ]
+    });
+};
+
+exports.WarningIcon = WarningIcon;

package/dist/cjs/components/constant.js

@@ -36,7 +36,10 @@ const disableWrap = [
     'ProductImagesV2',
     'PostPurchaseProductImages',
     'Sticky',
-    'Heading'
+    'Heading',
+    'ProductBadge',
+    'Marquee',
+    'MarqueeItem'
 ];
 const customRenderChildren = [
     'Accordion',
@@ -47,7 +50,8 @@ const customRenderChildren = [
 ];
 const excludeApplyStyle = [
     'IconListV2',
-    'IconList'
+    'IconList',
+    'ProductBadge'
 ];
 const postPurchaseRequiredElements = [
     'PostPurchaseProductOffer',
@@ -66,7 +70,20 @@ const postPurchaseWrapElements = [
     'PostPurchaseCalloutBox',
     'PostPurchaseProductOffer'
 ];
+const ableGenerateContentElements = [
+    'Section',
+    'Row',
+    'Text',
+    'Heading',
+    'Accordion',
+    'Product',
+    'HeroBanner',
+    'IconList',
+    'IconListV2',
+    'AdvancedList'
+];
 
+exports.ableGenerateContentElements = ableGenerateContentElements;
 exports.customRenderChildren = customRenderChildren;
 exports.disableWrap = disableWrap;
 exports.excludeApplyStyle = excludeApplyStyle;

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

@@ -10,10 +10,13 @@ require('swr');
 require('@gem-sdk/adapter-shopify');
 require('swr/mutation');
 var shop = require('../../hooks/shop.js');
+require('swr/infinite');
 require('vanilla-lazyload');
 require('../../hooks/useCartUI.js');
 require('react-transition-group');
 require('@gem-sdk/core');
+require('classnames');
+require('dayjs');
 require('../../helpers/convert.js');
 
 function Spacing(props) {
@@ -127,7 +130,7 @@ function Spacing(props) {
         const tag = el.getAttribute('data-component-tag');
         return tag === 'Row' || tag === 'Product';
     };
-    const updateSpacing = react.useCallback(()=>{
+    const updateSpacing = react.useCallback((isShowVisualize)=>{
         const $component = $bottomDrag.current?.closest('[data-toolbar-wrap]');
         if (!$component) return;
         const toolbar = getChildrenByAttrSelector($component, 'data-toolbar');
@@ -140,7 +143,7 @@ function Spacing(props) {
         if ($marginBottom) {
             if ($bottomBg.current && $bottomDrag.current) {
                 let value = style.marginBottom;
-                onShowMarginBottomNumber(value);
+                isShowVisualize && onShowMarginBottomNumber(value);
                 if (parseFloat(value) < 0) {
                     value = '0';
                 }
@@ -168,34 +171,41 @@ function Spacing(props) {
             setIsShowVisual(false);
         }, 2000);
         // break point 28px
-        const topPosition = parsedValue < 28 && parsedValue >= 0 ? parsedValue / 2 + 16 : parsedValue > 28 ? 0 : 16;
+        const topPosition = parsedValue <= 28 && parsedValue >= 0 ? parsedValue / 2 + 16 : parsedValue > 28 ? 0 : 16;
         if ($visualNumberValue.current) {
             $visualNumberValue.current.style.transform = `translateY(${topPosition}px)`;
         }
     };
     const previousAdvanced = usePrevious(props.advanced?.['spacing-setting']);
     react.useEffect(()=>{
-        // validate spacing setting changed
-        if (JSON.stringify(previousAdvanced) !== JSON.stringify(props.advanced?.['spacing-setting'])) {
-            updateSpacing();
-        }
+        // validate margin bottom setting changed
+        const isShowVisualize = verifyMarginBottomChanged(previousAdvanced, props.advanced?.['spacing-setting']);
+        updateSpacing(isShowVisualize);
     }, [
         previousAdvanced,
         props.advanced,
         updateSpacing
     ]);
+    const verifyMarginBottomChanged = (prevValue, newValue)=>{
+        const listDevices = [
+            'desktop',
+            'tablet',
+            'mobile'
+        ];
+        return listDevices.some((device)=>JSON.stringify(prevValue?.[device]?.margin?.bottom) !== JSON.stringify(newValue?.[device]?.margin?.bottom));
+    };
     const onWindowResize = react.useCallback(()=>{
         updateSpacing();
     }, [
         updateSpacing
     ]);
     react.useEffect(()=>{
-        window.addEventListener('editor:toolbar:update-margin-bottom', updateSpacing);
-        window.addEventListener('editor:toolbar:update-padding-left', updateSpacing);
+        window.addEventListener('editor:toolbar:update-margin-bottom', ()=>updateSpacing);
+        window.addEventListener('editor:toolbar:update-padding-left', ()=>updateSpacing);
         window.addEventListener('resize', onWindowResize);
         return ()=>{
-            window.removeEventListener('editor:toolbar:update-margin-bottom', updateSpacing);
-            window.removeEventListener('editor:toolbar:update-padding-left', updateSpacing);
+            window.removeEventListener('editor:toolbar:update-margin-bottom', ()=>updateSpacing);
+            window.removeEventListener('editor:toolbar:update-padding-left', ()=>updateSpacing);
             window.removeEventListener('resize', onWindowResize);
         };
     }, [

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

@@ -8,8 +8,11 @@ var ShopContext = require('../../contexts/ShopContext.js');
 require('@gem-sdk/adapter-shopify');
 require('swr');
 require('swr/mutation');
+require('swr/infinite');
 require('vanilla-lazyload');
 require('../../hooks/useCartUI.js');
+require('classnames');
+require('dayjs');
 require('../../helpers/convert.js');
 
 const SHOW_TOOLTIP_TIMEOUT = 600;

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

@@ -2,8 +2,17 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 
-const ThemeSectionStatus = ({ ...props })=>{
-    const isRenderThemeSectionStatus = props.tag === 'Section' && props?.isThemeSection && props?.needPublishing;
+const getStatusMessage = (status)=>{
+    switch(status){
+        case 'DRAFT':
+            return 'This Theme Section is Draft. Publish page will also publish Theme Section.';
+        case 'NEED_PUBLISHING':
+            return 'Need to republish. Go to global edit and publish this section';
+    }
+};
+const ThemeSectionStatusWrapper = ({ tag, status, isThemeSection })=>{
+    const isRenderThemeSectionStatus = tag === 'Section' && isThemeSection && (status === 'DRAFT' || status === 'NEED_PUBLISHING');
+    const statusMessage = getStatusMessage(status);
     return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
         children: isRenderThemeSectionStatus && /*#__PURE__*/ jsxRuntime.jsxs("div", {
             "data-theme-section-status": true,
@@ -24,13 +33,13 @@ const ThemeSectionStatus = ({ ...props })=>{
                         })
                     })
                 }),
-                /*#__PURE__*/ jsxRuntime.jsx("span", {
+                statusMessage && /*#__PURE__*/ jsxRuntime.jsx("span", {
                     "data-theme-section-status-text": true,
-                    children: "Need to republish. Go to global edit and publish this section"
+                    children: statusMessage
                 })
             ]
         })
     });
 };
 
-exports.ThemeSectionStatus = ThemeSectionStatus;
+exports.ThemeSectionStatusWrapper = ThemeSectionStatusWrapper;

package/dist/cjs/contexts/ArticleContext.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var zustand = require('zustand');
+var react = require('react');
+
+// const { Provider, useStore } = createContext<StoreApi<ProductContextProps>>();
+const ArticleContext = /*#__PURE__*/ react.createContext(null);
+const createArticleStoreProvider = (data)=>zustand.createStore(()=>({
+            ...data
+        }));
+const ArticleProvider = ({ children, article })=>{
+    const uniqueId = react.useId();
+    const store = react.useMemo(()=>{
+        return createArticleStoreProvider({
+            article,
+            uniqueId
+        });
+    }, [
+        article,
+        uniqueId
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsx(ArticleContext.Provider, {
+        value: store,
+        children: /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
+            children: children
+        })
+    });
+};
+const useArticleStore = (selector, equalityFn)=>{
+    const store = react.useContext(ArticleContext);
+    if (!store) {
+        throw new Error('Element of article must be used inside a Article');
+    }
+    return zustand.useStore(store, selector, equalityFn);
+};
+
+exports.ArticleProvider = ArticleProvider;
+exports.useArticleStore = useArticleStore;

package/dist/cjs/contexts/ArticleListContext.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var zustand = require('zustand');
+
+const ArticleListContext = /*#__PURE__*/ react.createContext(null);
+const createArticleListProvider = (data)=>zustand.createStore(()=>({
+            ...data
+        }));
+const ArticleListProvider = ({ articles, children, styles, settings })=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(ArticleListContext.Provider, {
+        value: createArticleListProvider({
+            articles,
+            styles,
+            settings
+        }),
+        children: children
+    });
+};
+const useArticleListStore = (selector, equalityFn)=>{
+    const store = react.useContext(ArticleListContext);
+    if (!store) {
+        throw new Error('useArticleListStore must be used within a useArticleListStore');
+    }
+    return zustand.useStore(store, selector, equalityFn);
+};
+
+exports.ArticleListContext = ArticleListContext;
+exports.ArticleListProvider = ArticleListProvider;
+exports.useArticleListStore = useArticleListStore;

package/dist/cjs/contexts/BuilderPreviewContext.js

@@ -28,10 +28,11 @@ const root = {
     label: 'Root',
     childrens: []
 };
-const createBuilderPreviewProvider = (args, isThemeSectionEditor)=>zustand.createStore((set, get)=>({
+const createBuilderPreviewProvider = (args, pageName, isThemeSectionEditor)=>zustand.createStore((set, get)=>({
             state: args,
             loaded: false,
             isThemeSectionEditor: !!isThemeSectionEditor,
+            pageName: pageName,
             dynamicProduct: null,
             dynamicCollection: null,
             addItem: (args)=>{
@@ -253,7 +254,11 @@ const createBuilderPreviewProvider = (args, isThemeSectionEditor)=>zustand.creat
                 }
             },
             getItem: (id)=>{
-                return get().state[id];
+                const item = get().state[id];
+                return {
+                    ...item,
+                    rawChildrens: item?.childrens?.map((v)=>get().state[v])
+                };
             },
             removeItem: (id)=>{
                 if (id === 'ROOT') {
@@ -428,15 +433,16 @@ const createBuilderPreviewProvider = (args, isThemeSectionEditor)=>zustand.creat
             updateItemAttribute: (id, value, attr)=>{
                 if (!attr || ![
                     'label',
-                    'customLabel'
+                    'customLabel',
+                    'isShopifyVisibility'
                 ].includes(attr)) return;
                 const state = get().state;
                 const item = state[id];
-                // Ignore section
-                if (item?.type === 'section') return;
                 if (item) {
-                    const dateModified = Date.now();
-                    item.dateModified = dateModified;
+                    if (item.type !== 'section') {
+                        const dateModified = Date.now();
+                        item.dateModified = dateModified;
+                    }
                     const updatedItem = {
                         ...item,
                         [attr]: value
@@ -450,13 +456,14 @@ const createBuilderPreviewProvider = (args, isThemeSectionEditor)=>zustand.creat
                 }
             }
         }));
-const BuilderPreviewProvider = ({ children, state, isThemeSectionEditor, lazy, ...passProps })=>{
+const BuilderPreviewProvider = ({ children, state, isThemeSectionEditor, pageName, lazy, ...passProps })=>{
     const Component = lazy ? react.Suspense : react.Fragment;
     const value = react.useMemo(()=>{
-        return createBuilderPreviewProvider(state, isThemeSectionEditor);
+        return createBuilderPreviewProvider(state, pageName, isThemeSectionEditor);
     }, [
         state,
-        isThemeSectionEditor
+        isThemeSectionEditor,
+        pageName
     ]);
     return /*#__PURE__*/ jsxRuntime.jsx(Component, {
         children: /*#__PURE__*/ jsxRuntime.jsx(BuilderPreviewContext.Provider, {

package/dist/cjs/contexts/SectionContext.js

@@ -10,6 +10,7 @@ const SectionContext = /*#__PURE__*/ react.createContext(null);
 const createSectionProvider = (data)=>zustand.createStore((set, get)=>({
             data: data ?? {},
             getSection: (id)=>{
+                console.log('get().data', get().data);
                 const section = get().data[id];
                 return section ?? undefined;
             },

package/dist/cjs/contexts/ShopContext.js

@@ -53,6 +53,24 @@ const ShopProvider = ({ children, addons, storeOption, queryOption, ...passProps
     const store = react.useMemo(()=>createShopStoreProvider(storeOption), [
         storeOption
     ]);
+    const onUpdateLimitation = (e)=>{
+        const isAllow = !!e.detail?.isAllow;
+        const maxGenerateCount = e.detail?.maxGenerateCount;
+        const nextQuota = e.detail?.nextQuota;
+        store.setState({
+            generateContentLimitation: {
+                isAllow,
+                maxGenerateCount,
+                nextQuota
+            }
+        });
+    };
+    react.useEffect(()=>{
+        window.addEventListener('editor:ai-generate-content-update-limitation', onUpdateLimitation);
+        return ()=>{
+            window.removeEventListener('editor:ai-generate-content-update-limitation', onUpdateLimitation);
+        };
+    }, []);
     return /*#__PURE__*/ jsxRuntime.jsx(AddonContext.AddonProvider, {
         components: addons,
         children: /*#__PURE__*/ jsxRuntime.jsx(useSWR.SWRConfig, {

package/dist/cjs/graphql/queries/articles.generated.js

@@ -0,0 +1,55 @@
+'use strict';
+
+const ArticlesDocument = `
+    query articles($after: Cursor, $before: Cursor, $first: Int, $last: Int, $orderBy: ArticleOrder, $where: ArticleWhereInput) {
+  articles(
+    after: $after
+    before: $before
+    first: $first
+    last: $last
+    orderBy: $orderBy
+    where: $where
+  ) {
+    edges {
+      cursor
+      node {
+        id
+        title
+        handle
+        description
+        templateSuffix
+        titleMeta
+        descriptionMeta
+        baseID
+        platform
+        tags
+        isSample
+        platformCreatedAt
+        author
+        blogs {
+          edges {
+            node {
+              title
+            }
+          }
+        }
+        media {
+          alt
+          width
+          src
+          height
+        }
+      }
+    }
+    pageInfo {
+      endCursor
+      hasNextPage
+      hasPreviousPage
+      startCursor
+    }
+    totalCount
+  }
+}
+    `;
+
+exports.ArticlesDocument = ArticlesDocument;