@gem-sdk/core 2.0.0-dev.460 → 2.0.0-dev.462

package/dist/cjs/components/RenderPreview.js

@@ -10,26 +10,10 @@ var BuilderComponent = require('../contexts/BuilderComponent.js');
 var BuilderPreviewContext = require('../contexts/BuilderPreviewContext.js');
 var ComponentWrapperPreview = require('./ComponentWrapperPreview.js');
 var RenderSection = require('./RenderSection.js');
-require('zustand');
-var I18nContext = require('../contexts/I18nContext.js');
-require('swr');
-require('@gem-sdk/adapter-shopify');
-require('swr/mutation');
-require('swr/infinite');
-require('vanilla-lazyload');
-require('../hooks/useCartUI.js');
-var useI18n = require('../hooks/useI18n.js');
-require('react-transition-group');
-require('@gem-sdk/core');
-require('classnames');
-require('dayjs');
-require('../helpers/convert.js');
 
 const RenderPreview = ({ uid, ...passProps })=>{
     const item = BuilderPreviewContext.useBuilderPreviewStore((s)=>s.getItem(uid));
-    BuilderPreviewContext.useBuilderPreviewStore((s)=>s.getState());
     const Component = BuilderComponent.useBuilderComponent(item?.tag);
-    const { t } = useI18n.useI18n();
     if (!item) return null;
     if (item?.type === 'section') {
         return /*#__PURE__*/ jsxRuntime.jsx(RenderSection.default, {
@@ -51,31 +35,28 @@ const RenderPreview = ({ uid, ...passProps })=>{
                         })
                     ]
                 }),
-            children: /*#__PURE__*/ jsxRuntime.jsx(I18nContext.I18nProvider, {
-                t: t,
-                children: /*#__PURE__*/ jsxRuntime.jsx(ComponentWrapperPreview.default, {
-                    ...item,
-                    children: item?.childrens?.length ? /*#__PURE__*/ jsxRuntime.jsx(Component, {
-                        builderProps: {
-                            uid,
-                            builderData: item
-                        },
-                        styles: item.styles,
-                        setting: item.settings,
-                        ...passProps,
-                        children: item.childrens.map((id)=>/*#__PURE__*/ jsxRuntime.jsx(RenderPreviewMemo, {
-                                "bundle-item": passProps?.['bundle-item'],
-                                uid: id
-                            }, id))
-                    }) : /*#__PURE__*/ jsxRuntime.jsx(Component, {
-                        builderProps: {
-                            uid,
-                            builderData: item
-                        },
-                        styles: item.styles,
-                        setting: item.settings,
-                        ...passProps
-                    })
+            children: /*#__PURE__*/ jsxRuntime.jsx(ComponentWrapperPreview.default, {
+                ...item,
+                children: item?.childrens?.length ? /*#__PURE__*/ jsxRuntime.jsx(Component, {
+                    builderProps: {
+                        uid,
+                        builderData: item
+                    },
+                    styles: item.styles,
+                    setting: item.settings,
+                    ...passProps,
+                    children: item.childrens.map((id)=>/*#__PURE__*/ jsxRuntime.jsx(RenderPreviewMemo, {
+                            "bundle-item": passProps?.['bundle-item'],
+                            uid: id
+                        }, id))
+                }) : /*#__PURE__*/ jsxRuntime.jsx(Component, {
+                    builderProps: {
+                        uid,
+                        builderData: item
+                    },
+                    styles: item.styles,
+                    setting: item.settings,
+                    ...passProps
                 })
             })
         }, item.uid);

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

@@ -16,6 +16,7 @@ var useGettingGenerateRequest = require('./hooks/useGettingGenerateRequest.js');
 var useFlipPopup = require('./hooks/useFlipPopup.js');
 var useCheckingProductInside = require('./hooks/useCheckingProductInside.js');
 require('zustand');
+var I18nContext = require('../../contexts/I18nContext.js');
 require('react-transition-group');
 require('@gem-sdk/core');
 var ShopContext = require('../../contexts/ShopContext.js');
@@ -36,6 +37,7 @@ const AIContentGenerator = ({ ...props })=>{
     const genPopupHeader = react.useRef(null);
     const genButtonWrapper = react.useRef(null);
     const nextMonth = dayjs().add(1, 'month').startOf('month').format('DD MMM');
+    const { t } = I18nContext.useI18nStore();
     const { popupPositionX, popupPositionY, isValidating: isValidatingFlipPopup, bodyMaxHeight: popupBodyMaxHeight } = useFlipPopup.useFlipPopup(isShowPopup, {
         genTool,
         genPopup,
@@ -117,7 +119,7 @@ const AIContentGenerator = ({ ...props })=>{
                     onClick: togglePopup,
                     children: [
                         /*#__PURE__*/ jsxRuntime.jsx(AIIcon.AIIcon, {}),
-                        "AI Content"
+                        t('AI Content')
                     ]
                 })
             }),

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

@@ -29,7 +29,7 @@ const transitions = {
     }
 };
 const ThemeSectionTooltip = ({ isShow, isFreeLimit, isRender, children, limitCreateThemeSection, onMouseEnter, onMouseLeave, onActions })=>{
-    const { t } = core.useI18n();
+    const { t } = core.useI18nStore();
     const nodeRef = react.useRef(null);
     const actionBtnLabel = isFreeLimit ? 'Upgrade to create Theme Section' : 'Create Theme Section';
     const openHelpCenter = ()=>{

package/dist/cjs/contexts/I18nContext.js

@@ -27,7 +27,7 @@ const I18nProvider = ({ children, t })=>{
 const useI18nStore = ()=>{
     const store = react.useContext(I18nContext);
     if (!store) {
-        throw new Error('Element of article must be used inside a Article');
+        throw new Error('useI18nStore must be used inside a I18nProvider');
     }
     return zustand.useStore(store);
 };

package/dist/cjs/hooks/useI18n.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var react = require('react');
@@ -9,10 +10,12 @@ const useI18n = ()=>{
         if (!detail) return;
         setI18n(detail);
     };
-    const t = (string)=>{
+    const t = react.useCallback((string)=>{
         if (!i18n) return string;
         return i18n?.t(string);
-    };
+    }, [
+        i18n
+    ]);
     react.useEffect(()=>{
         window.addEventListener('editor:change-language', handleChangeLanguage);
         return ()=>{

package/dist/esm/components/RenderPreview.js

@@ -6,26 +6,10 @@ import { useBuilderComponent } from '../contexts/BuilderComponent.js';
 import { useBuilderPreviewStore } from '../contexts/BuilderPreviewContext.js';
 import ComponentWrapperPreview from './ComponentWrapperPreview.js';
 import RenderSectionMemo from './RenderSection.js';
-import 'zustand';
-import { I18nProvider } from '../contexts/I18nContext.js';
-import 'swr';
-import '@gem-sdk/adapter-shopify';
-import 'swr/mutation';
-import 'swr/infinite';
-import 'vanilla-lazyload';
-import '../hooks/useCartUI.js';
-import { useI18n } from '../hooks/useI18n.js';
-import 'react-transition-group';
-import '@gem-sdk/core';
-import 'classnames';
-import 'dayjs';
-import '../helpers/convert.js';
 
 const RenderPreview = ({ uid, ...passProps })=>{
     const item = useBuilderPreviewStore((s)=>s.getItem(uid));
-    useBuilderPreviewStore((s)=>s.getState());
     const Component = useBuilderComponent(item?.tag);
-    const { t } = useI18n();
     if (!item) return null;
     if (item?.type === 'section') {
         return /*#__PURE__*/ jsx(RenderSectionMemo, {
@@ -47,31 +31,28 @@ const RenderPreview = ({ uid, ...passProps })=>{
                         })
                     ]
                 }),
-            children: /*#__PURE__*/ jsx(I18nProvider, {
-                t: t,
-                children: /*#__PURE__*/ jsx(ComponentWrapperPreview, {
-                    ...item,
-                    children: item?.childrens?.length ? /*#__PURE__*/ jsx(Component, {
-                        builderProps: {
-                            uid,
-                            builderData: item
-                        },
-                        styles: item.styles,
-                        setting: item.settings,
-                        ...passProps,
-                        children: item.childrens.map((id)=>/*#__PURE__*/ jsx(RenderPreviewMemo, {
-                                "bundle-item": passProps?.['bundle-item'],
-                                uid: id
-                            }, id))
-                    }) : /*#__PURE__*/ jsx(Component, {
-                        builderProps: {
-                            uid,
-                            builderData: item
-                        },
-                        styles: item.styles,
-                        setting: item.settings,
-                        ...passProps
-                    })
+            children: /*#__PURE__*/ jsx(ComponentWrapperPreview, {
+                ...item,
+                children: item?.childrens?.length ? /*#__PURE__*/ jsx(Component, {
+                    builderProps: {
+                        uid,
+                        builderData: item
+                    },
+                    styles: item.styles,
+                    setting: item.settings,
+                    ...passProps,
+                    children: item.childrens.map((id)=>/*#__PURE__*/ jsx(RenderPreviewMemo, {
+                            "bundle-item": passProps?.['bundle-item'],
+                            uid: id
+                        }, id))
+                }) : /*#__PURE__*/ jsx(Component, {
+                    builderProps: {
+                        uid,
+                        builderData: item
+                    },
+                    styles: item.styles,
+                    setting: item.settings,
+                    ...passProps
                 })
             })
         }, item.uid);

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

@@ -14,6 +14,7 @@ import { useGettingGenerateRequest } from './hooks/useGettingGenerateRequest.js'
 import { useFlipPopup } from './hooks/useFlipPopup.js';
 import { useCheckingProductInside } from './hooks/useCheckingProductInside.js';
 import 'zustand';
+import { useI18nStore } from '../../contexts/I18nContext.js';
 import 'react-transition-group';
 import '@gem-sdk/core';
 import { useShopStore } from '../../contexts/ShopContext.js';
@@ -34,6 +35,7 @@ const AIContentGenerator = ({ ...props })=>{
     const genPopupHeader = useRef(null);
     const genButtonWrapper = useRef(null);
     const nextMonth = dayjs().add(1, 'month').startOf('month').format('DD MMM');
+    const { t } = useI18nStore();
     const { popupPositionX, popupPositionY, isValidating: isValidatingFlipPopup, bodyMaxHeight: popupBodyMaxHeight } = useFlipPopup(isShowPopup, {
         genTool,
         genPopup,
@@ -115,7 +117,7 @@ const AIContentGenerator = ({ ...props })=>{
                     onClick: togglePopup,
                     children: [
                         /*#__PURE__*/ jsx(AIIcon, {}),
-                        "AI Content"
+                        t('AI Content')
                     ]
                 })
             }),

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

@@ -2,7 +2,7 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useRef } from 'react';
 import { Transition } from 'react-transition-group';
-import { useI18n, cls } from '@gem-sdk/core';
+import { useI18nStore, cls } from '@gem-sdk/core';
 
 const TRANSITION_DURATION = 350;
 const defaultStyles = {
@@ -27,7 +27,7 @@ const transitions = {
     }
 };
 const ThemeSectionTooltip = ({ isShow, isFreeLimit, isRender, children, limitCreateThemeSection, onMouseEnter, onMouseLeave, onActions })=>{
-    const { t } = useI18n();
+    const { t } = useI18nStore();
     const nodeRef = useRef(null);
     const actionBtnLabel = isFreeLimit ? 'Upgrade to create Theme Section' : 'Create Theme Section';
     const openHelpCenter = ()=>{

package/dist/esm/contexts/I18nContext.js

@@ -25,7 +25,7 @@ const I18nProvider = ({ children, t })=>{
 const useI18nStore = ()=>{
     const store = useContext(I18nContext);
     if (!store) {
-        throw new Error('Element of article must be used inside a Article');
+        throw new Error('useI18nStore must be used inside a I18nProvider');
     }
     return useStore(store);
 };

package/dist/esm/hooks/useI18n.js

@@ -1,4 +1,5 @@
-import { useState, useEffect } from 'react';
+'use client';
+import { useState, useCallback, useEffect } from 'react';
 
 const useI18n = ()=>{
     const [i18n, setI18n] = useState(null);
@@ -7,10 +8,12 @@ const useI18n = ()=>{
         if (!detail) return;
         setI18n(detail);
     };
-    const t = (string)=>{
+    const t = useCallback((string)=>{
         if (!i18n) return string;
         return i18n?.t(string);
-    };
+    }, [
+        i18n
+    ]);
     useEffect(()=>{
         window.addEventListener('editor:change-language', handleChangeLanguage);
         return ()=>{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "2.0.0-dev.460",
+  "version": "2.0.0-dev.462",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",