@gem-sdk/pages 1.22.31-staging.1 → 1.23.0-moon.57
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.
- package/dist/cjs/components/builder/Toolbar.js +736 -0
- package/dist/cjs/components/builder/Toolbox.js +105 -39
- package/dist/cjs/components/image-to-layout/AddSectionImageToLayout.js +1 -7
- package/dist/cjs/libs/api/get-home-page-props-v2.js +3 -1
- package/dist/cjs/libs/api/get-static-page-props-preview.js +3 -1
- package/dist/cjs/libs/helpers/gen-fonts.js +9 -3
- package/dist/cjs/pages/builder.js +44 -36
- package/dist/cjs/pages/collection-detail.js +12 -10
- package/dist/cjs/pages/product-detail.js +18 -16
- package/dist/cjs/pages/static-v2.js +14 -12
- package/dist/cjs/pages/static.js +13 -11
- package/dist/esm/components/builder/Toolbar.js +732 -0
- package/dist/esm/components/builder/Toolbox.js +106 -40
- package/dist/esm/components/image-to-layout/AddSectionImageToLayout.js +1 -7
- package/dist/esm/libs/api/get-home-page-props-v2.js +4 -2
- package/dist/esm/libs/api/get-static-page-props-preview.js +4 -2
- package/dist/esm/libs/helpers/gen-fonts.js +9 -3
- package/dist/esm/pages/builder.js +45 -37
- package/dist/esm/pages/collection-detail.js +13 -11
- package/dist/esm/pages/product-detail.js +19 -17
- package/dist/esm/pages/static-v2.js +15 -13
- package/dist/esm/pages/static.js +14 -12
- package/dist/types/index.d.ts +1 -0
- package/package.json +5 -5
|
@@ -12,12 +12,12 @@ var genFonts = require('../../libs/helpers/gen-fonts.js');
|
|
|
12
12
|
var shopifyCdnWithGoogleFonts = require('../../libs/shopify-cdn-with-google-fonts.js');
|
|
13
13
|
|
|
14
14
|
const globalStyleId = 'global-style';
|
|
15
|
-
const globalFontId = 'google-font-builder';
|
|
16
|
-
const fontElementSettingClassName = 'google-font-element';
|
|
17
15
|
const Toolbox = ()=>{
|
|
18
16
|
const matchMutate = core.useMatchMutate();
|
|
19
17
|
const provider = core.useShopStore((s)=>s.provider);
|
|
20
18
|
const changeStorefrontInfo = core.useShopStore((s)=>s.changeStorefrontInfo);
|
|
19
|
+
const setDynamicProduct = core.usePageStore((s)=>s.setDynamicProduct);
|
|
20
|
+
const setDynamicCollection = core.usePageStore((s)=>s.setDynamicCollection);
|
|
21
21
|
const initState = core.useBuilderPreviewStore((s)=>s.initState);
|
|
22
22
|
const state = core.useBuilderPreviewStore((s)=>s.state);
|
|
23
23
|
const initNormalizeState = core.useBuilderPreviewStore((s)=>s.forceChangeState);
|
|
@@ -29,15 +29,68 @@ const Toolbox = ()=>{
|
|
|
29
29
|
const addSection = core.useSectionStore((s)=>s.addSection);
|
|
30
30
|
const changeSwatches = core.useShopStore((s)=>s.changeSwatches);
|
|
31
31
|
const changeLayoutSettings = core.useShopStore((s)=>s.changeLayoutSettings);
|
|
32
|
+
const changeCreateThemeSectionCount = core.useShopStore((s)=>s.changeCreateThemeSectionCount);
|
|
33
|
+
const changeShopPlan = core.useShopStore((s)=>s.changeShopPlan);
|
|
32
34
|
const clearModal = core.useModalStore((s)=>s.clearModal);
|
|
33
35
|
const fonts = react.useMemo(()=>genFonts.getFontsFromDataBuilder(state), [
|
|
34
36
|
state
|
|
35
37
|
]);
|
|
36
|
-
const
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
38
|
+
const setFontsToHead = (className, fonts)=>{
|
|
39
|
+
// clear fonts
|
|
40
|
+
if (!fonts?.length) {
|
|
41
|
+
const googleFonts = document.querySelectorAll(`.${className}`);
|
|
42
|
+
googleFonts.forEach((googleFont)=>{
|
|
43
|
+
googleFont.remove();
|
|
44
|
+
});
|
|
45
|
+
return;
|
|
46
|
+
}
|
|
47
|
+
// clear fonts not use
|
|
48
|
+
const googleFonts$1 = document.querySelectorAll(`.${className}`);
|
|
49
|
+
googleFonts$1.forEach((googleFont)=>{
|
|
50
|
+
const fontName = googleFont.getAttribute('data-font');
|
|
51
|
+
const variantName = googleFont.getAttribute('data-font-variant');
|
|
52
|
+
if (!fontName || !variantName) {
|
|
53
|
+
googleFont.remove();
|
|
54
|
+
} else {
|
|
55
|
+
const isUse = fonts.find((font)=>font.family == fontName && font.variants.includes(variantName));
|
|
56
|
+
if (!isUse) {
|
|
57
|
+
googleFont.remove();
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
// append new fonts
|
|
62
|
+
for (const font of fonts){
|
|
63
|
+
if (font.type == 'google') {
|
|
64
|
+
if (font.variants?.length) {
|
|
65
|
+
for (const variant of font.variants){
|
|
66
|
+
const cloneFont = JSON.parse(JSON.stringify(font));
|
|
67
|
+
cloneFont.variants = [
|
|
68
|
+
variant
|
|
69
|
+
]; // set single variant. Fix error reload font when change href other variant
|
|
70
|
+
const fontName = cloneFont.family;
|
|
71
|
+
const variantName = variant;
|
|
72
|
+
const url = googleFonts.createFontUrl([
|
|
73
|
+
cloneFont
|
|
74
|
+
]);
|
|
75
|
+
if (url) {
|
|
76
|
+
const googleFont = document.querySelector(`.${className}[data-font="${fontName}"][data-font-variant="${variantName}"]`);
|
|
77
|
+
if (googleFont) {
|
|
78
|
+
continue;
|
|
79
|
+
} else {
|
|
80
|
+
const link = document.createElement('link');
|
|
81
|
+
link.className = className;
|
|
82
|
+
link.dataset.font = fontName;
|
|
83
|
+
link.dataset.fontVariant = variantName;
|
|
84
|
+
link.href = url;
|
|
85
|
+
link.rel = 'stylesheet';
|
|
86
|
+
document.head.appendChild(link);
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
};
|
|
41
94
|
// Revalidate all query with key match query/
|
|
42
95
|
const onRevalidateQuery = react.useCallback(()=>{
|
|
43
96
|
matchMutate(/query\//, {
|
|
@@ -73,22 +126,8 @@ const Toolbox = ()=>{
|
|
|
73
126
|
}
|
|
74
127
|
return item;
|
|
75
128
|
});
|
|
76
|
-
const fontUrl = googleFonts.createFontUrl(font);
|
|
77
129
|
const globalStyle = document.getElementById(globalStyleId);
|
|
78
|
-
|
|
79
|
-
if (fontUrl) {
|
|
80
|
-
if (googleFont) {
|
|
81
|
-
if (googleFont.getAttribute('href') !== fontUrl) {
|
|
82
|
-
googleFont.setAttribute('href', fontUrl);
|
|
83
|
-
}
|
|
84
|
-
} else {
|
|
85
|
-
const link = document.createElement('link');
|
|
86
|
-
link.id = globalFontId;
|
|
87
|
-
link.href = fontUrl;
|
|
88
|
-
link.rel = 'stylesheet';
|
|
89
|
-
document.head.appendChild(link);
|
|
90
|
-
}
|
|
91
|
-
}
|
|
130
|
+
setFontsToHead('google-font-builder', font);
|
|
92
131
|
if (globalStyle) {
|
|
93
132
|
globalStyle.innerHTML = themeStyle;
|
|
94
133
|
} else {
|
|
@@ -221,25 +260,40 @@ const Toolbox = ()=>{
|
|
|
221
260
|
}, [
|
|
222
261
|
changeLayoutSettings
|
|
223
262
|
]);
|
|
263
|
+
const onUpdateCreateThemeSectionCount = react.useCallback((e)=>{
|
|
264
|
+
const count = e.detail;
|
|
265
|
+
if (!count) return;
|
|
266
|
+
changeCreateThemeSectionCount(count);
|
|
267
|
+
}, [
|
|
268
|
+
changeCreateThemeSectionCount
|
|
269
|
+
]);
|
|
270
|
+
const onUpdateShopPlan = react.useCallback((e)=>{
|
|
271
|
+
const shopPlan = e.detail;
|
|
272
|
+
if (!shopPlan) return;
|
|
273
|
+
changeShopPlan(shopPlan);
|
|
274
|
+
}, [
|
|
275
|
+
changeShopPlan
|
|
276
|
+
]);
|
|
277
|
+
const onUpdateDynamicProduct = react.useCallback((e)=>{
|
|
278
|
+
const product = e.detail;
|
|
279
|
+
if (!product) return;
|
|
280
|
+
setDynamicProduct(product);
|
|
281
|
+
}, [
|
|
282
|
+
setDynamicProduct
|
|
283
|
+
]);
|
|
284
|
+
const onUpdateDynamicCollection = react.useCallback((e)=>{
|
|
285
|
+
const collection = e.detail;
|
|
286
|
+
if (!collection) return;
|
|
287
|
+
setDynamicCollection(collection);
|
|
288
|
+
}, [
|
|
289
|
+
setDynamicCollection
|
|
290
|
+
]);
|
|
224
291
|
react.useEffect(()=>{
|
|
225
|
-
if (
|
|
226
|
-
|
|
227
|
-
const googleFont = document.querySelector(`.${fontElementSettingClassName}[data-font="${fontId}"]`);
|
|
228
|
-
if (googleFont) {
|
|
229
|
-
if (googleFont.getAttribute('href') !== customFontUrl) {
|
|
230
|
-
googleFont.setAttribute('href', customFontUrl);
|
|
231
|
-
}
|
|
232
|
-
} else {
|
|
233
|
-
const link = document.createElement('link');
|
|
234
|
-
link.className = fontElementSettingClassName;
|
|
235
|
-
link.dataset.font = fontId;
|
|
236
|
-
link.href = customFontUrl;
|
|
237
|
-
link.rel = 'stylesheet';
|
|
238
|
-
document.head.appendChild(link);
|
|
239
|
-
}
|
|
292
|
+
if (fonts) {
|
|
293
|
+
setFontsToHead('google-font-element', fonts);
|
|
240
294
|
}
|
|
241
295
|
}, [
|
|
242
|
-
|
|
296
|
+
fonts
|
|
243
297
|
]);
|
|
244
298
|
react.useEffect(()=>{
|
|
245
299
|
window.addEventListener('update-shop-info', onChangeShopInfo);
|
|
@@ -253,6 +307,10 @@ const Toolbox = ()=>{
|
|
|
253
307
|
window.addEventListener('set-global-style', onChangeGlobalStyle);
|
|
254
308
|
window.addEventListener('update-global-swatches-data', onChangeSwatchesData);
|
|
255
309
|
window.addEventListener('on-off-header-footer', onChangeLayoutSettingData);
|
|
310
|
+
window.addEventListener('update-create-theme-section-count', onUpdateCreateThemeSectionCount);
|
|
311
|
+
window.addEventListener('update-shop-plan', onUpdateShopPlan);
|
|
312
|
+
window.addEventListener('set-dynamic-product', onUpdateDynamicProduct);
|
|
313
|
+
window.addEventListener('set-dynamic-collection', onUpdateDynamicCollection);
|
|
256
314
|
return ()=>{
|
|
257
315
|
window.removeEventListener('update-shop-info', onChangeShopInfo);
|
|
258
316
|
window.removeEventListener('revalidate-query', onRevalidateQuery);
|
|
@@ -264,9 +322,14 @@ const Toolbox = ()=>{
|
|
|
264
322
|
window.removeEventListener('set-global-style', onChangeGlobalStyle);
|
|
265
323
|
window.removeEventListener('update-global-swatches-data', onChangeSwatchesData);
|
|
266
324
|
window.removeEventListener('on-off-header-footer', onChangeLayoutSettingData);
|
|
325
|
+
window.removeEventListener('update-create-theme-section-count', onUpdateCreateThemeSectionCount);
|
|
326
|
+
window.removeEventListener('update-shop-plan', onUpdateShopPlan);
|
|
327
|
+
window.removeEventListener('set-dynamic-product', onUpdateDynamicProduct);
|
|
328
|
+
window.removeEventListener('set-dynamic-collection', onUpdateDynamicCollection);
|
|
267
329
|
};
|
|
268
330
|
}, [
|
|
269
331
|
onAddEntity,
|
|
332
|
+
onUpdateShopPlan,
|
|
270
333
|
onForceUpdateEntityProps,
|
|
271
334
|
onUpdateEntityProp,
|
|
272
335
|
onInitBuilder,
|
|
@@ -276,7 +339,10 @@ const Toolbox = ()=>{
|
|
|
276
339
|
onChangeSwatchesData,
|
|
277
340
|
onRevalidateQuery,
|
|
278
341
|
onChangeShopInfo,
|
|
279
|
-
onChangeLayoutSettingData
|
|
342
|
+
onChangeLayoutSettingData,
|
|
343
|
+
onUpdateCreateThemeSectionCount,
|
|
344
|
+
onUpdateDynamicProduct,
|
|
345
|
+
onUpdateDynamicCollection
|
|
280
346
|
]);
|
|
281
347
|
return /*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
282
348
|
className: "toolbox"
|
|
@@ -37,11 +37,6 @@ const AddSectionImageToLayout = ({ editorImageToLayout })=>{
|
|
|
37
37
|
const totalSection = core.useBuilderPreviewStore((state)=>state.state.ROOT.childrens?.length);
|
|
38
38
|
const [link, setLink] = react.useState('');
|
|
39
39
|
const [isInput, setIsInput] = react.useState(false);
|
|
40
|
-
const onClick = (index)=>{
|
|
41
|
-
if (index === 1) {
|
|
42
|
-
setIsInput(true);
|
|
43
|
-
}
|
|
44
|
-
};
|
|
45
40
|
react.useEffect(()=>{
|
|
46
41
|
if (!isInput || totalSection === 0) {
|
|
47
42
|
setLink('');
|
|
@@ -82,11 +77,10 @@ const AddSectionImageToLayout = ({ editorImageToLayout })=>{
|
|
|
82
77
|
className: "absolute top-[-12px] bg-white px-[8px] text-[14px] font-normal text-[#9E9E9E]",
|
|
83
78
|
children: "Add section"
|
|
84
79
|
}),
|
|
85
|
-
ACTIONS_DATA.map((action
|
|
80
|
+
ACTIONS_DATA.map((action)=>{
|
|
86
81
|
return /*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
87
82
|
className: `relative mx-1 h-[60px] w-[172px] cursor-pointer flex-col items-center justify-center rounded-[3px] bg-[#F4F4F4] hover:bg-black/10 ${isInput ? 'hidden' : 'flex'}`,
|
|
88
83
|
id: action.id,
|
|
89
|
-
onClick: ()=>onClick(index),
|
|
90
84
|
"aria-hidden": true,
|
|
91
85
|
children: [
|
|
92
86
|
/*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
@@ -35,7 +35,8 @@ const getHomePagePropsV2 = (fetcher, shopifyFetcher)=>async ()=>{
|
|
|
35
35
|
throw new Error(`No data builder found for Home page`);
|
|
36
36
|
}
|
|
37
37
|
const homeTemplate = normalize.parseBuilderTemplateV2(dataBuilder);
|
|
38
|
-
const [fontStyle, fallback] = await Promise.all([
|
|
38
|
+
const [elementFontStyle, fontStyle, fallback] = await Promise.all([
|
|
39
|
+
googleFonts.getFontStyleFromPageTemplate(homeTemplate),
|
|
39
40
|
googleFonts.getFontFromGlobalStyle(dataBuilder?.pageStyle?.data),
|
|
40
41
|
getFallback.getFallbackV2(fetcher, homeTemplate)
|
|
41
42
|
]);
|
|
@@ -115,6 +116,7 @@ const getHomePagePropsV2 = (fetcher, shopifyFetcher)=>async ()=>{
|
|
|
115
116
|
return parseJson.serializableJson({
|
|
116
117
|
themeStyle: genCss.genCSS(dataBuilder?.pageStyle?.data, mobileOnly),
|
|
117
118
|
fontStyle,
|
|
119
|
+
elementFontStyle,
|
|
118
120
|
builderData: homeTemplate,
|
|
119
121
|
swr: {
|
|
120
122
|
fallback
|
|
@@ -38,7 +38,8 @@ const getStaticPagePropsPreview = (fetcher, shopifyFetcher)=>async (slug)=>{
|
|
|
38
38
|
throw new Error(`No data builder found for slug: /preview/${slug}`);
|
|
39
39
|
}
|
|
40
40
|
const pageTemplate = normalize.parseBuilderTemplateV2(dataBuilder);
|
|
41
|
-
const [fontStyle, fallback] = await Promise.all([
|
|
41
|
+
const [elementFontStyle, fontStyle, fallback] = await Promise.all([
|
|
42
|
+
googleFonts.getFontStyleFromPageTemplate(pageTemplate),
|
|
42
43
|
googleFonts.getFontFromGlobalStyle(dataBuilder?.pageStyle?.data),
|
|
43
44
|
getFallback.getFallbackV2(fetcher, pageTemplate)
|
|
44
45
|
]);
|
|
@@ -120,6 +121,7 @@ const getStaticPagePropsPreview = (fetcher, shopifyFetcher)=>async (slug)=>{
|
|
|
120
121
|
return parseJson.serializableJson({
|
|
121
122
|
themeStyle: genCss.genCSS(dataBuilder?.pageStyle?.data, mobileOnly),
|
|
122
123
|
fontStyle,
|
|
124
|
+
elementFontStyle,
|
|
123
125
|
builderData: pageTemplate,
|
|
124
126
|
pageType,
|
|
125
127
|
moneyFormat: shopMeta?.shop.moneyFormat ?? null,
|
|
@@ -36,11 +36,17 @@ const getFontFromGroupSetting = (fonts, groupSetting)=>{
|
|
|
36
36
|
if (isFontFamily) {
|
|
37
37
|
isFontFamily.variants.push(customFontWeight);
|
|
38
38
|
} else {
|
|
39
|
+
const fontVariants = [
|
|
40
|
+
customFontWeight
|
|
41
|
+
];
|
|
42
|
+
if (customFontWeight !== '700') {
|
|
43
|
+
if (variants.includes('700')) {
|
|
44
|
+
fontVariants.push('700'); // Auto add 700 for bold in editor inline
|
|
45
|
+
}
|
|
46
|
+
}
|
|
39
47
|
fonts.push({
|
|
40
48
|
family: customFontFamily,
|
|
41
|
-
variants:
|
|
42
|
-
customFontWeight
|
|
43
|
-
],
|
|
49
|
+
variants: fontVariants,
|
|
44
50
|
subsets: [],
|
|
45
51
|
type: 'google'
|
|
46
52
|
});
|
|
@@ -12,8 +12,9 @@ var CollectionGlobalProvider = require('./CollectionGlobalProvider.js');
|
|
|
12
12
|
var PopupManager = require('../components/builder/PopupManager.js');
|
|
13
13
|
var ImageToLayout = require('../components/image-to-layout/ImageToLayout.js');
|
|
14
14
|
var AddSectionImageToLayout = require('../components/image-to-layout/AddSectionImageToLayout.js');
|
|
15
|
+
var Toolbar = require('../components/builder/Toolbar.js');
|
|
15
16
|
|
|
16
|
-
const BuilderPage = ({ components, seo, themeStyle, fontStyle, sectionData, pageType, editorImageToLayout })=>{
|
|
17
|
+
const BuilderPage = ({ components, seo, themeStyle, fontStyle, sectionData, pageType, editorImageToLayout, isThemeSectionEditor })=>{
|
|
17
18
|
const [loadSuccess, setLoadSuccess] = react.useState(false);
|
|
18
19
|
const initState = react.useMemo(()=>({
|
|
19
20
|
ROOT: {
|
|
@@ -49,43 +50,50 @@ const BuilderPage = ({ components, seo, themeStyle, fontStyle, sectionData, page
|
|
|
49
50
|
})
|
|
50
51
|
]
|
|
51
52
|
}),
|
|
52
|
-
/*#__PURE__*/ jsxRuntime.jsx(core.
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
53
|
+
/*#__PURE__*/ jsxRuntime.jsx(core.PageProvider, {
|
|
54
|
+
children: /*#__PURE__*/ jsxRuntime.jsx(core.BuilderComponentProvider, {
|
|
55
|
+
components: components,
|
|
56
|
+
children: /*#__PURE__*/ jsxRuntime.jsx(core.SectionProvider, {
|
|
57
|
+
data: sectionData,
|
|
58
|
+
children: /*#__PURE__*/ jsxRuntime.jsxs(core.BuilderPreviewProvider, {
|
|
59
|
+
state: initState,
|
|
60
|
+
isThemeSectionEditor: isThemeSectionEditor,
|
|
61
|
+
children: [
|
|
62
|
+
/*#__PURE__*/ jsxRuntime.jsx(Toolbox.default, {}),
|
|
63
|
+
/*#__PURE__*/ jsxRuntime.jsx(Toolbar.default, {}),
|
|
64
|
+
/*#__PURE__*/ jsxRuntime.jsx(PopupManager.default, {}),
|
|
65
|
+
loadSuccess && /*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
66
|
+
className: "builder z-1 relative",
|
|
67
|
+
children: [
|
|
68
|
+
isThemeSectionEditor ? /*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
69
|
+
className: "h-[40px] bg-[#f4f4f4]"
|
|
70
|
+
}) : /*#__PURE__*/ jsxRuntime.jsx(Header.default, {}),
|
|
71
|
+
/*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
72
|
+
id: "storefront",
|
|
73
|
+
className: isThemeSectionEditor ? 'theme-section-editor' : '',
|
|
74
|
+
children: pageType === 'GP_COLLECTION' ? /*#__PURE__*/ jsxRuntime.jsx(CollectionGlobalProvider.default, {
|
|
75
|
+
children: /*#__PURE__*/ jsxRuntime.jsx(core.RenderPreview, {
|
|
76
|
+
uid: "ROOT"
|
|
77
|
+
})
|
|
78
|
+
}) : /*#__PURE__*/ jsxRuntime.jsx(core.RenderPreview, {
|
|
69
79
|
uid: "ROOT"
|
|
70
80
|
})
|
|
71
|
-
})
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
]
|
|
88
|
-
}, "preview")
|
|
81
|
+
}),
|
|
82
|
+
/*#__PURE__*/ jsxRuntime.jsx(ImageToLayout.default, {
|
|
83
|
+
editorImageToLayout: editorImageToLayout || false
|
|
84
|
+
}),
|
|
85
|
+
/*#__PURE__*/ jsxRuntime.jsx(AddSectionImageToLayout.default, {
|
|
86
|
+
editorImageToLayout: editorImageToLayout || false
|
|
87
|
+
}),
|
|
88
|
+
/*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
89
|
+
id: "visual-content"
|
|
90
|
+
}),
|
|
91
|
+
!isThemeSectionEditor && /*#__PURE__*/ jsxRuntime.jsx(Footer.default, {})
|
|
92
|
+
]
|
|
93
|
+
})
|
|
94
|
+
]
|
|
95
|
+
}, "preview")
|
|
96
|
+
})
|
|
89
97
|
})
|
|
90
98
|
})
|
|
91
99
|
]
|
|
@@ -40,16 +40,18 @@ const CollectionDetailPage = ({ seo, components, builderData, sectionData, theme
|
|
|
40
40
|
})
|
|
41
41
|
]
|
|
42
42
|
}),
|
|
43
|
-
/*#__PURE__*/ jsxRuntime.jsx(core.
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
43
|
+
/*#__PURE__*/ jsxRuntime.jsx(core.PageProvider, {
|
|
44
|
+
children: /*#__PURE__*/ jsxRuntime.jsx(core.BuilderComponentProvider, {
|
|
45
|
+
components: components,
|
|
46
|
+
children: /*#__PURE__*/ jsxRuntime.jsx(core.SectionProvider, {
|
|
47
|
+
data: sectionData,
|
|
48
|
+
children: /*#__PURE__*/ jsxRuntime.jsx(CollectionProvider, {
|
|
49
|
+
collection: collection,
|
|
50
|
+
children: builderData && /*#__PURE__*/ jsxRuntime.jsx(core.BuilderProvider, {
|
|
51
|
+
state: builderData,
|
|
52
|
+
children: /*#__PURE__*/ jsxRuntime.jsx(core.Render, {
|
|
53
|
+
uid: "ROOT"
|
|
54
|
+
})
|
|
53
55
|
})
|
|
54
56
|
})
|
|
55
57
|
})
|
|
@@ -40,23 +40,25 @@ const ProductDetailPage = ({ themeStyle, fontStyle, seo, product, components, bu
|
|
|
40
40
|
})
|
|
41
41
|
]
|
|
42
42
|
}),
|
|
43
|
-
/*#__PURE__*/ jsxRuntime.jsx(core.
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
43
|
+
/*#__PURE__*/ jsxRuntime.jsx(core.PageProvider, {
|
|
44
|
+
children: /*#__PURE__*/ jsxRuntime.jsx(core.BuilderComponentProvider, {
|
|
45
|
+
components: components,
|
|
46
|
+
children: /*#__PURE__*/ jsxRuntime.jsx(core.SectionProvider, {
|
|
47
|
+
data: sectionData,
|
|
48
|
+
children: /*#__PURE__*/ jsxRuntime.jsxs(ProductProvider, {
|
|
49
|
+
product: product,
|
|
50
|
+
children: [
|
|
51
|
+
builderData && /*#__PURE__*/ jsxRuntime.jsx(core.BuilderProvider, {
|
|
52
|
+
state: builderData,
|
|
53
|
+
children: /*#__PURE__*/ jsxRuntime.jsx(core.Render, {
|
|
54
|
+
uid: "ROOT"
|
|
55
|
+
})
|
|
56
|
+
}),
|
|
57
|
+
/*#__PURE__*/ jsxRuntime.jsx(core.AddOn, {
|
|
58
|
+
name: "sticky-add-to-cart"
|
|
54
59
|
})
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
name: "sticky-add-to-cart"
|
|
58
|
-
})
|
|
59
|
-
]
|
|
60
|
+
]
|
|
61
|
+
})
|
|
60
62
|
})
|
|
61
63
|
})
|
|
62
64
|
})
|
|
@@ -61,18 +61,20 @@ const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, f
|
|
|
61
61
|
}, fontStyle))
|
|
62
62
|
]
|
|
63
63
|
}),
|
|
64
|
-
/*#__PURE__*/ jsxRuntime.jsx(core.
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
64
|
+
/*#__PURE__*/ jsxRuntime.jsx(core.PageProvider, {
|
|
65
|
+
children: /*#__PURE__*/ jsxRuntime.jsx(core.BuilderComponentProvider, {
|
|
66
|
+
components: components,
|
|
67
|
+
children: /*#__PURE__*/ jsxRuntime.jsx(core.SectionProvider, {
|
|
68
|
+
data: sectionData,
|
|
69
|
+
children: builderData?.map((builder)=>/*#__PURE__*/ jsxRuntime.jsx(core.BuilderProvider, {
|
|
70
|
+
state: builder.data,
|
|
71
|
+
lazy: builder.lazy,
|
|
72
|
+
priority: builder.priority,
|
|
73
|
+
children: /*#__PURE__*/ jsxRuntime.jsx(core.Render, {
|
|
74
|
+
uid: builder.uid
|
|
75
|
+
})
|
|
76
|
+
}, builder.uid))
|
|
77
|
+
})
|
|
76
78
|
})
|
|
77
79
|
})
|
|
78
80
|
]
|
package/dist/cjs/pages/static.js
CHANGED
|
@@ -52,17 +52,19 @@ const StaticPage = ({ components, builderData, sectionData, seo, themeStyle, fon
|
|
|
52
52
|
})
|
|
53
53
|
]
|
|
54
54
|
}),
|
|
55
|
-
/*#__PURE__*/ jsxRuntime.jsx(core.
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
children:
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
55
|
+
/*#__PURE__*/ jsxRuntime.jsx(core.PageProvider, {
|
|
56
|
+
children: /*#__PURE__*/ jsxRuntime.jsx(core.BuilderComponentProvider, {
|
|
57
|
+
components: components,
|
|
58
|
+
children: /*#__PURE__*/ jsxRuntime.jsx(core.SectionProvider, {
|
|
59
|
+
data: sectionData,
|
|
60
|
+
children: /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
61
|
+
children: builderData && /*#__PURE__*/ jsxRuntime.jsx(core.BuilderProvider, {
|
|
62
|
+
state: builderData,
|
|
63
|
+
children: /*#__PURE__*/ jsxRuntime.jsx(core.Render, {
|
|
64
|
+
uid: "ROOT"
|
|
65
|
+
})
|
|
66
|
+
}, "body")
|
|
67
|
+
})
|
|
66
68
|
})
|
|
67
69
|
})
|
|
68
70
|
})
|