@gem-sdk/pages 2.0.0-dev.408 → 2.0.0-dev.453

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/cjs/components/FooterForPostPurchase.js +1 -1
  2. package/dist/cjs/components/builder/Footer.js +1 -1
  3. package/dist/cjs/components/builder/Toolbox.js +1 -12
  4. package/dist/cjs/components/image-to-layout/AddSectionImageToLayout.js +5 -4
  5. package/dist/cjs/pages/builder.js +45 -41
  6. package/dist/esm/components/FooterForPostPurchase.js +1 -1
  7. package/dist/esm/components/builder/Footer.js +1 -1
  8. package/dist/esm/components/builder/Toolbox.js +1 -12
  9. package/dist/esm/components/image-to-layout/AddSectionImageToLayout.js +6 -5
  10. package/dist/esm/pages/builder.js +46 -42
  11. package/package.json +2 -2
package/dist/cjs/components/FooterForPostPurchase.js CHANGED
@@ -13,7 +13,7 @@ const defaultMargin = {
13
13
  };
14
14
  const FooterForPostPurchase = (props)=>{
15
15
  return /*#__PURE__*/ jsxRuntime.jsx("div", {
16
- className: core.cls('gp-footer-container gp-border-1 gp-group gp-flex gp-justify-center gp-border-y gp-border-[#EEEEEE] gp-bg-white gp-font-sans'),
16
+ className: core.cls('gp-footer-container gp-border-1 gp-group gp-flex gp-justify-center gp-border-y gp-border-[#EEEEEE] gp-font-sans'),
17
17
  children: /*#__PURE__*/ jsxRuntime.jsx("div", {
18
18
  className: "gp-flex gp-flex-1 gp-items-center gp-justify-between gp-py-6",
19
19
  style: {
package/dist/cjs/components/builder/Footer.js CHANGED
@@ -45,7 +45,7 @@ const Footer = (props)=>{
45
45
  ]);
46
46
  return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
47
47
  children: pageType === 'POST_PURCHASE' ? /*#__PURE__*/ jsxRuntime.jsx("div", {
48
- className: core.cls('gp-footer-container gp-border-1 gp-group gp-flex gp-justify-center gp-border-y gp-border-[#EEEEEE] gp-bg-white gp-font-sans'),
48
+ className: core.cls('gp-footer-container gp-border-1 gp-group gp-flex gp-justify-center gp-border-y gp-border-[#EEEEEE] gp-font-sans'),
49
49
  children: /*#__PURE__*/ jsxRuntime.jsx("div", {
50
50
  className: "gp-flex gp-flex-1 gp-items-center gp-justify-between gp-py-6",
51
51
  style: {
package/dist/cjs/components/builder/Toolbox.js CHANGED
@@ -13,7 +13,6 @@ var genFonts = require('../../libs/helpers/gen-fonts.js');
13
13
  var shopifyCdnWithGoogleFonts = require('../../libs/shopify-cdn-with-google-fonts.js');
14
14
  var libsStore = require('../../store/libs-store.js');
15
15
  var checkOptionFont = require('../../libs/helpers/check-option-font.js');
16
- var nextI18next = require('next-i18next');
17
16
 
18
17
  const globalStyleId = 'global-style';
19
18
  const Toolbox = ()=>{
@@ -52,7 +51,6 @@ const Toolbox = ()=>{
52
51
  const fonts = react.useMemo(()=>genFonts.getFontsFromDataBuilder(state), [
53
52
  state
54
53
  ]);
55
- const { i18n } = nextI18next.useTranslation();
56
54
  const setFontsToHead = (className, fonts)=>{
57
55
  // clear fonts
58
56
  if (!fonts?.length) {
@@ -395,12 +393,6 @@ const Toolbox = ()=>{
395
393
  }, [
396
394
  setSidebarMode
397
395
  ]);
398
- const onChangeLanguage = react.useCallback((e)=>{
399
- const mode = e.detail;
400
- i18n.changeLanguage(mode.lang ?? 'en');
401
- }, [
402
- i18n
403
- ]);
404
396
  const onUpdateInteractionItem = react.useCallback((e)=>{
405
397
  const interactionItem = e.detail;
406
398
  setInteractionItem(interactionItem);
@@ -441,7 +433,6 @@ const Toolbox = ()=>{
441
433
  window.addEventListener('update-interaction-setting-type', onUpdateInteractionSettingType);
442
434
  window.addEventListener('change-sidebar-mode', onChangeSidebarMode);
443
435
  window.addEventListener('update-font-type', onUpdateFontType);
444
- window.addEventListener('change-language', onChangeLanguage);
445
436
  return ()=>{
446
437
  window.removeEventListener('update-shop-info', onChangeShopInfo);
447
438
  window.removeEventListener('revalidate-query', onRevalidateQuery);
@@ -466,7 +457,6 @@ const Toolbox = ()=>{
466
457
  window.removeEventListener('update-interaction-item', onUpdateInteractionItem);
467
458
  window.removeEventListener('update-interaction-setting-type', onUpdateInteractionSettingType);
468
459
  window.removeEventListener('update-font-type', onUpdateFontType);
469
- window.removeEventListener('change-language', onChangeLanguage);
470
460
  };
471
461
  }, [
472
462
  onAddEntity,
@@ -494,8 +484,7 @@ const Toolbox = ()=>{
494
484
  onUpdateInteractionSettingType,
495
485
  onUpdateFontType,
496
486
  onChangeSidebarMode,
497
- onUpdateDynamicDiscountOffer,
498
- onChangeLanguage
487
+ onUpdateDynamicDiscountOffer
499
488
  ]);
500
489
  return /*#__PURE__*/ jsxRuntime.jsx("div", {
501
490
  className: "toolbox"
package/dist/cjs/components/image-to-layout/AddSectionImageToLayout.js CHANGED
@@ -37,6 +37,7 @@ const defaultPadding = {
37
37
  mobile: 'var(--g-ct-p)'
38
38
  };
39
39
  const AddSectionImageToLayout = ({ editorImageToLayout })=>{
40
+ const { t } = core.useI18nStore();
40
41
  const layoutSetting = core.useShopStore((s)=>s.layoutSettings);
41
42
  const totalSection = core.useBuilderPreviewStore((state)=>state.state.ROOT.childrens?.length);
42
43
  const editingPageType = core.useShopStore((s)=>s.pageType);
@@ -82,11 +83,11 @@ const AddSectionImageToLayout = ({ editorImageToLayout })=>{
82
83
  children: [
83
84
  /*#__PURE__*/ jsxRuntime.jsx("span", {
84
85
  className: "gp-absolute gp-top-[-12px] gp-bg-white gp-px-[8px] gp-text-[14px] gp-font-normal gp-text-[#9E9E9E]",
85
- children: "Add section"
86
+ children: t('Add section')
86
87
  }),
87
88
  ACTIONS_DATA.map((action)=>{
88
89
  return /*#__PURE__*/ jsxRuntime.jsxs("div", {
89
- className: `gp-relative gp-mx-1 gp-h-[60px] gp-w-[172px] w375:gp-w-auto w576:gp-w-auto gp-cursor-pointer gp-flex-col gp-items-center gp-justify-center gp-rounded-[3px] gp-bg-[#F4F4F4] hover:gp-bg-black/10 gp-flex`,
90
+ className: `gp-relative gp-mx-1 gp-min-h-[60px] gp-border-box w375:gp-w-auto w576:gp-w-auto gp-cursor-pointer gp-flex-col gp-items-center gp-justify-center gp-rounded-[3px] gp-bg-[#F4F4F4] hover:gp-bg-black/10 gp-flex gp-p-2`,
90
91
  id: action.id,
91
92
  onClick: ()=>handleAddSectionAction(action.eventID),
92
93
  "aria-hidden": true,
@@ -94,7 +95,7 @@ const AddSectionImageToLayout = ({ editorImageToLayout })=>{
94
95
  /*#__PURE__*/ jsxRuntime.jsxs("div", {
95
96
  className: "gp-mb-[4px] gp-flex gp-gap-2 gp-text-[14px] gp-font-medium gp-text-[#212121]",
96
97
  children: [
97
- action.title,
98
+ t(action.title),
98
99
  action.hasAILogo && /*#__PURE__*/ jsxRuntime.jsxs("svg", {
99
100
  width: "43",
100
101
  height: "20",
@@ -137,7 +138,7 @@ const AddSectionImageToLayout = ({ editorImageToLayout })=>{
137
138
  className: "gp-flex gp-items-center",
138
139
  children: /*#__PURE__*/ jsxRuntime.jsx("span", {
139
140
  className: "gp-mr-[3px] gp-text-center gp-text-[12px] gp-font-normal gp-text-[#676767]",
140
- children: action.content
141
+ children: t(action.content)
141
142
  })
142
143
  })
143
144
  ]
package/dist/cjs/pages/builder.js CHANGED
@@ -18,6 +18,7 @@ var Body = require('../components/builder/Body.js');
18
18
 
19
19
  const BuilderPage = ({ components, seo, themeStyle, fontStyle, sectionData, pageType, editorImageToLayout, isThemeSectionEditor, hiddenToolbar, pageName, isOriginTemplate })=>{
20
20
  const [loadSuccess, setLoadSuccess] = react.useState(false);
21
+ const { t } = core.useI18n();
21
22
  const isDisableHeaderFooter = ()=>{
22
23
  return isThemeSectionEditor;
23
24
  };
@@ -65,47 +66,50 @@ const BuilderPage = ({ components, seo, themeStyle, fontStyle, sectionData, page
65
66
  components: components,
66
67
  children: /*#__PURE__*/ jsxRuntime.jsx(core.SectionProvider, {
67
68
  data: sectionData,
68
- children: /*#__PURE__*/ jsxRuntime.jsxs(core.BuilderPreviewProvider, {
69
- pageName: pageName,
70
- state: initState,
71
- isThemeSectionEditor: isThemeSectionEditor,
72
- children: [
73
- /*#__PURE__*/ jsxRuntime.jsx(Toolbox.default, {}),
74
- !hiddenToolbar && /*#__PURE__*/ jsxRuntime.jsx(Toolbar.default, {}),
75
- /*#__PURE__*/ jsxRuntime.jsx(PopupManager.default, {}),
76
- loadSuccess && /*#__PURE__*/ jsxRuntime.jsxs("div", {
77
- className: "builder gp-z-1 gp-relative",
78
- children: [
79
- !hiddenToolbar && (isDisableHeaderFooter() ? /*#__PURE__*/ jsxRuntime.jsx("div", {
80
- className: "gp-h-[40px] gp-bg-[#ffffff] gp-border-b-[1px] gp-border-[#eeeeee]",
81
- children: /*#__PURE__*/ jsxRuntime.jsx(SwitchView.default, {})
82
- }) : /*#__PURE__*/ jsxRuntime.jsx(Header.default, {
83
- pageType: pageType,
84
- isOriginTemplate: isOriginTemplate,
85
- openPageSetting: openPageSetting
86
- })),
87
- /*#__PURE__*/ jsxRuntime.jsx(Body.default, {
88
- pageType: pageType,
89
- isThemeSectionEditor: isThemeSectionEditor
90
- }),
91
- /*#__PURE__*/ jsxRuntime.jsx(ImageToLayout.default, {
92
- editorImageToLayout: editorImageToLayout || false
93
- }),
94
- /*#__PURE__*/ jsxRuntime.jsx(AddSectionImageToLayout.default, {
95
- editorImageToLayout: editorImageToLayout || false
96
- }),
97
- /*#__PURE__*/ jsxRuntime.jsx("div", {
98
- id: "visual-content"
99
- }),
100
- !isDisableHeaderFooter() && !hiddenToolbar && /*#__PURE__*/ jsxRuntime.jsx(Footer.default, {
101
- pageType: pageType,
102
- isOriginTemplate: isOriginTemplate,
103
- openPageSetting: openPageSetting
104
- })
105
- ]
106
- })
107
- ]
108
- }, "preview")
69
+ children: /*#__PURE__*/ jsxRuntime.jsx(core.I18nProvider, {
70
+ t: t,
71
+ children: /*#__PURE__*/ jsxRuntime.jsxs(core.BuilderPreviewProvider, {
72
+ pageName: pageName,
73
+ state: initState,
74
+ isThemeSectionEditor: isThemeSectionEditor,
75
+ children: [
76
+ /*#__PURE__*/ jsxRuntime.jsx(Toolbox.default, {}),
77
+ !hiddenToolbar && /*#__PURE__*/ jsxRuntime.jsx(Toolbar.default, {}),
78
+ /*#__PURE__*/ jsxRuntime.jsx(PopupManager.default, {}),
79
+ loadSuccess && /*#__PURE__*/ jsxRuntime.jsxs("div", {
80
+ className: "builder gp-z-1 gp-relative",
81
+ children: [
82
+ !hiddenToolbar && (isDisableHeaderFooter() ? /*#__PURE__*/ jsxRuntime.jsx("div", {
83
+ className: "gp-h-[40px] gp-bg-[#ffffff] gp-border-b-[1px] gp-border-[#eeeeee]",
84
+ children: /*#__PURE__*/ jsxRuntime.jsx(SwitchView.default, {})
85
+ }) : /*#__PURE__*/ jsxRuntime.jsx(Header.default, {
86
+ pageType: pageType,
87
+ isOriginTemplate: isOriginTemplate,
88
+ openPageSetting: openPageSetting
89
+ })),
90
+ /*#__PURE__*/ jsxRuntime.jsx(Body.default, {
91
+ pageType: pageType,
92
+ isThemeSectionEditor: isThemeSectionEditor
93
+ }),
94
+ /*#__PURE__*/ jsxRuntime.jsx(ImageToLayout.default, {
95
+ editorImageToLayout: editorImageToLayout || false
96
+ }),
97
+ /*#__PURE__*/ jsxRuntime.jsx(AddSectionImageToLayout.default, {
98
+ editorImageToLayout: editorImageToLayout || false
99
+ }),
100
+ /*#__PURE__*/ jsxRuntime.jsx("div", {
101
+ id: "visual-content"
102
+ }),
103
+ !isDisableHeaderFooter() && !hiddenToolbar && /*#__PURE__*/ jsxRuntime.jsx(Footer.default, {
104
+ pageType: pageType,
105
+ isOriginTemplate: isOriginTemplate,
106
+ openPageSetting: openPageSetting
107
+ })
108
+ ]
109
+ })
110
+ ]
111
+ }, "preview")
112
+ })
109
113
  })
110
114
  })
111
115
  })
package/dist/esm/components/FooterForPostPurchase.js CHANGED
@@ -9,7 +9,7 @@ const defaultMargin = {
9
9
  };
10
10
  const FooterForPostPurchase = (props)=>{
11
11
  return /*#__PURE__*/ jsx("div", {
12
- className: cls('gp-footer-container gp-border-1 gp-group gp-flex gp-justify-center gp-border-y gp-border-[#EEEEEE] gp-bg-white gp-font-sans'),
12
+ className: cls('gp-footer-container gp-border-1 gp-group gp-flex gp-justify-center gp-border-y gp-border-[#EEEEEE] gp-font-sans'),
13
13
  children: /*#__PURE__*/ jsx("div", {
14
14
  className: "gp-flex gp-flex-1 gp-items-center gp-justify-between gp-py-6",
15
15
  style: {
package/dist/esm/components/builder/Footer.js CHANGED
@@ -41,7 +41,7 @@ const Footer = (props)=>{
41
41
  ]);
42
42
  return /*#__PURE__*/ jsx(Fragment, {
43
43
  children: pageType === 'POST_PURCHASE' ? /*#__PURE__*/ jsx("div", {
44
- className: cls('gp-footer-container gp-border-1 gp-group gp-flex gp-justify-center gp-border-y gp-border-[#EEEEEE] gp-bg-white gp-font-sans'),
44
+ className: cls('gp-footer-container gp-border-1 gp-group gp-flex gp-justify-center gp-border-y gp-border-[#EEEEEE] gp-font-sans'),
45
45
  children: /*#__PURE__*/ jsx("div", {
46
46
  className: "gp-flex gp-flex-1 gp-items-center gp-justify-between gp-py-6",
47
47
  style: {
package/dist/esm/components/builder/Toolbox.js CHANGED
@@ -9,7 +9,6 @@ import { getFontsFromDataBuilder } from '../../libs/helpers/gen-fonts.js';
9
9
  import { shopifyCdnWithGoogleFonts } from '../../libs/shopify-cdn-with-google-fonts.js';
10
10
  import { libsStore } from '../../store/libs-store.js';
11
11
  import { checkNotInOptionFont } from '../../libs/helpers/check-option-font.js';
12
- import { useTranslation } from 'next-i18next';
13
12
 
14
13
  const globalStyleId = 'global-style';
15
14
  const Toolbox = ()=>{
@@ -48,7 +47,6 @@ const Toolbox = ()=>{
48
47
  const fonts = useMemo(()=>getFontsFromDataBuilder(state), [
49
48
  state
50
49
  ]);
51
- const { i18n } = useTranslation();
52
50
  const setFontsToHead = (className, fonts)=>{
53
51
  // clear fonts
54
52
  if (!fonts?.length) {
@@ -391,12 +389,6 @@ const Toolbox = ()=>{
391
389
  }, [
392
390
  setSidebarMode
393
391
  ]);
394
- const onChangeLanguage = useCallback((e)=>{
395
- const mode = e.detail;
396
- i18n.changeLanguage(mode.lang ?? 'en');
397
- }, [
398
- i18n
399
- ]);
400
392
  const onUpdateInteractionItem = useCallback((e)=>{
401
393
  const interactionItem = e.detail;
402
394
  setInteractionItem(interactionItem);
@@ -437,7 +429,6 @@ const Toolbox = ()=>{
437
429
  window.addEventListener('update-interaction-setting-type', onUpdateInteractionSettingType);
438
430
  window.addEventListener('change-sidebar-mode', onChangeSidebarMode);
439
431
  window.addEventListener('update-font-type', onUpdateFontType);
440
- window.addEventListener('change-language', onChangeLanguage);
441
432
  return ()=>{
442
433
  window.removeEventListener('update-shop-info', onChangeShopInfo);
443
434
  window.removeEventListener('revalidate-query', onRevalidateQuery);
@@ -462,7 +453,6 @@ const Toolbox = ()=>{
462
453
  window.removeEventListener('update-interaction-item', onUpdateInteractionItem);
463
454
  window.removeEventListener('update-interaction-setting-type', onUpdateInteractionSettingType);
464
455
  window.removeEventListener('update-font-type', onUpdateFontType);
465
- window.removeEventListener('change-language', onChangeLanguage);
466
456
  };
467
457
  }, [
468
458
  onAddEntity,
@@ -490,8 +480,7 @@ const Toolbox = ()=>{
490
480
  onUpdateInteractionSettingType,
491
481
  onUpdateFontType,
492
482
  onChangeSidebarMode,
493
- onUpdateDynamicDiscountOffer,
494
- onChangeLanguage
483
+ onUpdateDynamicDiscountOffer
495
484
  ]);
496
485
  return /*#__PURE__*/ jsx("div", {
497
486
  className: "toolbox"
package/dist/esm/components/image-to-layout/AddSectionImageToLayout.js CHANGED
@@ -1,7 +1,7 @@
1
1
  'use client';
2
2
  import { jsx, jsxs } from 'react/jsx-runtime';
3
3
  import { useMemo } from 'react';
4
- import { useShopStore, useBuilderPreviewStore, makeStyleResponsive } from '@gem-sdk/core';
4
+ import { useI18nStore, useShopStore, useBuilderPreviewStore, makeStyleResponsive } from '@gem-sdk/core';
5
5
 
6
6
  const BASE_DATA = [
7
7
  {
@@ -33,6 +33,7 @@ const defaultPadding = {
33
33
  mobile: 'var(--g-ct-p)'
34
34
  };
35
35
  const AddSectionImageToLayout = ({ editorImageToLayout })=>{
36
+ const { t } = useI18nStore();
36
37
  const layoutSetting = useShopStore((s)=>s.layoutSettings);
37
38
  const totalSection = useBuilderPreviewStore((state)=>state.state.ROOT.childrens?.length);
38
39
  const editingPageType = useShopStore((s)=>s.pageType);
@@ -78,11 +79,11 @@ const AddSectionImageToLayout = ({ editorImageToLayout })=>{
78
79
  children: [
79
80
  /*#__PURE__*/ jsx("span", {
80
81
  className: "gp-absolute gp-top-[-12px] gp-bg-white gp-px-[8px] gp-text-[14px] gp-font-normal gp-text-[#9E9E9E]",
81
- children: "Add section"
82
+ children: t('Add section')
82
83
  }),
83
84
  ACTIONS_DATA.map((action)=>{
84
85
  return /*#__PURE__*/ jsxs("div", {
85
- className: `gp-relative gp-mx-1 gp-h-[60px] gp-w-[172px] w375:gp-w-auto w576:gp-w-auto gp-cursor-pointer gp-flex-col gp-items-center gp-justify-center gp-rounded-[3px] gp-bg-[#F4F4F4] hover:gp-bg-black/10 gp-flex`,
86
+ className: `gp-relative gp-mx-1 gp-min-h-[60px] gp-border-box w375:gp-w-auto w576:gp-w-auto gp-cursor-pointer gp-flex-col gp-items-center gp-justify-center gp-rounded-[3px] gp-bg-[#F4F4F4] hover:gp-bg-black/10 gp-flex gp-p-2`,
86
87
  id: action.id,
87
88
  onClick: ()=>handleAddSectionAction(action.eventID),
88
89
  "aria-hidden": true,
@@ -90,7 +91,7 @@ const AddSectionImageToLayout = ({ editorImageToLayout })=>{
90
91
  /*#__PURE__*/ jsxs("div", {
91
92
  className: "gp-mb-[4px] gp-flex gp-gap-2 gp-text-[14px] gp-font-medium gp-text-[#212121]",
92
93
  children: [
93
- action.title,
94
+ t(action.title),
94
95
  action.hasAILogo && /*#__PURE__*/ jsxs("svg", {
95
96
  width: "43",
96
97
  height: "20",
@@ -133,7 +134,7 @@ const AddSectionImageToLayout = ({ editorImageToLayout })=>{
133
134
  className: "gp-flex gp-items-center",
134
135
  children: /*#__PURE__*/ jsx("span", {
135
136
  className: "gp-mr-[3px] gp-text-center gp-text-[12px] gp-font-normal gp-text-[#676767]",
136
- children: action.content
137
+ children: t(action.content)
137
138
  })
138
139
  })
139
140
  ]
package/dist/esm/pages/builder.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use client';
2
2
  import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
3
- import { PageProvider, BuilderComponentProvider, SectionProvider, BuilderPreviewProvider } from '@gem-sdk/core';
3
+ import { useI18n, PageProvider, BuilderComponentProvider, SectionProvider, I18nProvider, BuilderPreviewProvider } from '@gem-sdk/core';
4
4
  import { NextSeo } from 'next-seo';
5
5
  import Head from 'next/head';
6
6
  import { useState, useMemo, useEffect } from 'react';
@@ -16,6 +16,7 @@ import Body from '../components/builder/Body.js';
16
16
 
17
17
  const BuilderPage = ({ components, seo, themeStyle, fontStyle, sectionData, pageType, editorImageToLayout, isThemeSectionEditor, hiddenToolbar, pageName, isOriginTemplate })=>{
18
18
  const [loadSuccess, setLoadSuccess] = useState(false);
19
+ const { t } = useI18n();
19
20
  const isDisableHeaderFooter = ()=>{
20
21
  return isThemeSectionEditor;
21
22
  };
@@ -63,47 +64,50 @@ const BuilderPage = ({ components, seo, themeStyle, fontStyle, sectionData, page
63
64
  components: components,
64
65
  children: /*#__PURE__*/ jsx(SectionProvider, {
65
66
  data: sectionData,
66
- children: /*#__PURE__*/ jsxs(BuilderPreviewProvider, {
67
- pageName: pageName,
68
- state: initState,
69
- isThemeSectionEditor: isThemeSectionEditor,
70
- children: [
71
- /*#__PURE__*/ jsx(Toolbox, {}),
72
- !hiddenToolbar && /*#__PURE__*/ jsx(Toolbar, {}),
73
- /*#__PURE__*/ jsx(PopupManager, {}),
74
- loadSuccess && /*#__PURE__*/ jsxs("div", {
75
- className: "builder gp-z-1 gp-relative",
76
- children: [
77
- !hiddenToolbar && (isDisableHeaderFooter() ? /*#__PURE__*/ jsx("div", {
78
- className: "gp-h-[40px] gp-bg-[#ffffff] gp-border-b-[1px] gp-border-[#eeeeee]",
79
- children: /*#__PURE__*/ jsx(Devices, {})
80
- }) : /*#__PURE__*/ jsx(Header, {
81
- pageType: pageType,
82
- isOriginTemplate: isOriginTemplate,
83
- openPageSetting: openPageSetting
84
- })),
85
- /*#__PURE__*/ jsx(Body, {
86
- pageType: pageType,
87
- isThemeSectionEditor: isThemeSectionEditor
88
- }),
89
- /*#__PURE__*/ jsx(ImageToLayout, {
90
- editorImageToLayout: editorImageToLayout || false
91
- }),
92
- /*#__PURE__*/ jsx(AddSectionImageToLayout, {
93
- editorImageToLayout: editorImageToLayout || false
94
- }),
95
- /*#__PURE__*/ jsx("div", {
96
- id: "visual-content"
97
- }),
98
- !isDisableHeaderFooter() && !hiddenToolbar && /*#__PURE__*/ jsx(Footer, {
99
- pageType: pageType,
100
- isOriginTemplate: isOriginTemplate,
101
- openPageSetting: openPageSetting
102
- })
103
- ]
104
- })
105
- ]
106
- }, "preview")
67
+ children: /*#__PURE__*/ jsx(I18nProvider, {
68
+ t: t,
69
+ children: /*#__PURE__*/ jsxs(BuilderPreviewProvider, {
70
+ pageName: pageName,
71
+ state: initState,
72
+ isThemeSectionEditor: isThemeSectionEditor,
73
+ children: [
74
+ /*#__PURE__*/ jsx(Toolbox, {}),
75
+ !hiddenToolbar && /*#__PURE__*/ jsx(Toolbar, {}),
76
+ /*#__PURE__*/ jsx(PopupManager, {}),
77
+ loadSuccess && /*#__PURE__*/ jsxs("div", {
78
+ className: "builder gp-z-1 gp-relative",
79
+ children: [
80
+ !hiddenToolbar && (isDisableHeaderFooter() ? /*#__PURE__*/ jsx("div", {
81
+ className: "gp-h-[40px] gp-bg-[#ffffff] gp-border-b-[1px] gp-border-[#eeeeee]",
82
+ children: /*#__PURE__*/ jsx(Devices, {})
83
+ }) : /*#__PURE__*/ jsx(Header, {
84
+ pageType: pageType,
85
+ isOriginTemplate: isOriginTemplate,
86
+ openPageSetting: openPageSetting
87
+ })),
88
+ /*#__PURE__*/ jsx(Body, {
89
+ pageType: pageType,
90
+ isThemeSectionEditor: isThemeSectionEditor
91
+ }),
92
+ /*#__PURE__*/ jsx(ImageToLayout, {
93
+ editorImageToLayout: editorImageToLayout || false
94
+ }),
95
+ /*#__PURE__*/ jsx(AddSectionImageToLayout, {
96
+ editorImageToLayout: editorImageToLayout || false
97
+ }),
98
+ /*#__PURE__*/ jsx("div", {
99
+ id: "visual-content"
100
+ }),
101
+ !isDisableHeaderFooter() && !hiddenToolbar && /*#__PURE__*/ jsx(Footer, {
102
+ pageType: pageType,
103
+ isOriginTemplate: isOriginTemplate,
104
+ openPageSetting: openPageSetting
105
+ })
106
+ ]
107
+ })
108
+ ]
109
+ }, "preview")
110
+ })
107
111
  })
108
112
  })
109
113
  })
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/pages",
3
- "version": "2.0.0-dev.408",
3
+ "version": "2.0.0-dev.453",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",
@@ -26,7 +26,7 @@
26
26
  "next": "14.2.20"
27
27
  },
28
28
  "devDependencies": {
29
- "@gem-sdk/core": "2.0.0-dev.403",
29
+ "@gem-sdk/core": "2.0.0-dev.453",
30
30
  "@gem-sdk/plugin-cookie-bar": "2.0.0-dev.348",
31
31
  "@gem-sdk/plugin-quick-view": "2.0.0-dev.348",
32
32
  "@gem-sdk/plugin-sticky-add-to-cart": "2.0.0-dev.348"