@gem-sdk/pages 1.13.42 → 1.14.0-dev.284
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/ErrorBoundary.js +1 -40
- package/dist/cjs/components/ErrorFallback.js +1 -26
- package/dist/cjs/components/FacebookPixel.js +3 -36
- package/dist/cjs/components/Footer.js +1 -141
- package/dist/cjs/components/GoogleAnalytic.js +5 -67
- package/dist/cjs/components/Header.js +1 -110
- package/dist/cjs/components/TikTokPixel.js +3 -19
- package/dist/cjs/components/builder/PopupManager.js +1 -62
- package/dist/cjs/components/builder/Toolbox.js +1 -271
- package/dist/cjs/components/image-to-layout/AddSectionImageToLayout.js +1 -279
- package/dist/cjs/components/image-to-layout/DropElement.js +1 -123
- package/dist/cjs/components/image-to-layout/ImageToLayout.js +1 -62
- package/dist/cjs/components/image-to-layout/ImageToLayoutInput.js +1 -201
- package/dist/cjs/components/image-to-layout/PagesSuggestion.js +1 -80
- package/dist/cjs/index.js +1 -75
- package/dist/cjs/layouts/main.js +1 -30
- package/dist/cjs/libs/api/get-builder-props.js +1 -41
- package/dist/cjs/libs/api/get-collection-props.js +1 -68
- package/dist/cjs/libs/api/get-home-page-props-v2.js +1 -141
- package/dist/cjs/libs/api/get-home-page-props.js +1 -151
- package/dist/cjs/libs/api/get-preview-props.js +1 -18
- package/dist/cjs/libs/api/get-product-props.js +1 -73
- package/dist/cjs/libs/api/get-static-page-props-preview.js +1 -148
- package/dist/cjs/libs/api/get-static-page-props-v2.js +1 -148
- package/dist/cjs/libs/api/get-static-page-props.js +1 -148
- package/dist/cjs/libs/fetcher.js +1 -67
- package/dist/cjs/libs/get-layout.js +1 -13
- package/dist/cjs/libs/get-storefront-api.js +1 -12
- package/dist/cjs/libs/getStaticPaths.js +1 -10
- package/dist/cjs/libs/google-fonts.js +1 -102
- package/dist/cjs/libs/helpers/common.js +1 -27
- package/dist/cjs/libs/helpers/gen-css.js +1 -111
- package/dist/cjs/libs/helpers/gen-fonts.js +1 -57
- package/dist/cjs/libs/helpers/generate-manifres.js +1 -5
- package/dist/cjs/libs/helpers/get-fallback.js +1 -35
- package/dist/cjs/libs/helpers/normalize.js +1 -90
- package/dist/cjs/libs/helpers/parse-json.js +1 -16
- package/dist/cjs/libs/helpers/user-agent.js +1 -7
- package/dist/cjs/libs/hooks/use-tracking-view.js +1 -45
- package/dist/cjs/libs/parse-html.js +1 -42
- package/dist/cjs/libs/shopify-cdn-with-google-fonts.js +1 -1845
- package/dist/cjs/pages/404.js +1 -43
- package/dist/cjs/pages/500.js +1 -74
- package/dist/cjs/pages/CollectionGlobalProvider.js +1 -59
- package/dist/cjs/pages/builder.js +1 -95
- package/dist/cjs/pages/collection-detail.js +1 -62
- package/dist/cjs/pages/preview.js +1 -26
- package/dist/cjs/pages/product-detail.js +1 -67
- package/dist/cjs/pages/static-v2.js +1 -82
- package/dist/cjs/pages/static.js +1 -73
- package/dist/esm/components/ErrorBoundary.js +1 -38
- package/dist/esm/components/ErrorFallback.js +1 -24
- package/dist/esm/components/FacebookPixel.js +3 -34
- package/dist/esm/components/Footer.js +1 -137
- package/dist/esm/components/GoogleAnalytic.js +5 -65
- package/dist/esm/components/Header.js +1 -106
- package/dist/esm/components/TikTokPixel.js +3 -17
- package/dist/esm/components/builder/PopupManager.js +1 -58
- package/dist/esm/components/builder/Toolbox.js +1 -267
- package/dist/esm/components/image-to-layout/AddSectionImageToLayout.js +1 -275
- package/dist/esm/components/image-to-layout/DropElement.js +1 -121
- package/dist/esm/components/image-to-layout/ImageToLayout.js +1 -58
- package/dist/esm/components/image-to-layout/ImageToLayoutInput.js +1 -199
- package/dist/esm/components/image-to-layout/PagesSuggestion.js +1 -78
- package/dist/esm/index.js +1 -33
- package/dist/esm/layouts/main.js +1 -26
- package/dist/esm/libs/api/get-builder-props.js +1 -39
- package/dist/esm/libs/api/get-collection-props.js +1 -66
- package/dist/esm/libs/api/get-home-page-props-v2.js +1 -139
- package/dist/esm/libs/api/get-home-page-props.js +1 -149
- package/dist/esm/libs/api/get-preview-props.js +1 -16
- package/dist/esm/libs/api/get-product-props.js +1 -71
- package/dist/esm/libs/api/get-static-page-props-preview.js +1 -146
- package/dist/esm/libs/api/get-static-page-props-v2.js +1 -146
- package/dist/esm/libs/api/get-static-page-props.js +1 -146
- package/dist/esm/libs/fetcher.js +1 -64
- package/dist/esm/libs/get-layout.js +1 -11
- package/dist/esm/libs/get-storefront-api.js +1 -10
- package/dist/esm/libs/getStaticPaths.js +1 -8
- package/dist/esm/libs/google-fonts.js +1 -96
- package/dist/esm/libs/helpers/common.js +1 -24
- package/dist/esm/libs/helpers/gen-css.js +1 -109
- package/dist/esm/libs/helpers/gen-fonts.js +1 -54
- package/dist/esm/libs/helpers/generate-manifres.js +1 -3
- package/dist/esm/libs/helpers/get-fallback.js +1 -33
- package/dist/esm/libs/helpers/normalize.js +1 -85
- package/dist/esm/libs/helpers/parse-json.js +1 -13
- package/dist/esm/libs/helpers/user-agent.js +1 -5
- package/dist/esm/libs/hooks/use-tracking-view.js +1 -43
- package/dist/esm/libs/parse-html.js +1 -40
- package/dist/esm/libs/shopify-cdn-with-google-fonts.js +1 -1843
- package/dist/esm/pages/404.js +1 -41
- package/dist/esm/pages/500.js +1 -72
- package/dist/esm/pages/CollectionGlobalProvider.js +1 -55
- package/dist/esm/pages/builder.js +1 -93
- package/dist/esm/pages/collection-detail.js +1 -58
- package/dist/esm/pages/preview.js +1 -24
- package/dist/esm/pages/product-detail.js +1 -63
- package/dist/esm/pages/static-v2.js +1 -80
- package/dist/esm/pages/static.js +1 -69
- package/package.json +5 -5
package/dist/cjs/pages/404.js
CHANGED
|
@@ -1,43 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var nextSeo = require('next-seo');
|
|
5
|
-
var Image = require('next/image');
|
|
6
|
-
|
|
7
|
-
const Page404 = ()=>{
|
|
8
|
-
return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
9
|
-
children: [
|
|
10
|
-
/*#__PURE__*/ jsxRuntime.jsx(nextSeo.NextSeo, {
|
|
11
|
-
title: "Page not found"
|
|
12
|
-
}),
|
|
13
|
-
/*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
14
|
-
className: "tablet:max-w-2xl container mx-auto flex min-h-screen max-w-4xl flex-col items-center justify-center gap-8 px-8",
|
|
15
|
-
children: [
|
|
16
|
-
/*#__PURE__*/ jsxRuntime.jsx(Image, {
|
|
17
|
-
sizes: "(max-width: 768px) 100vw, 50vw",
|
|
18
|
-
src: "https://ucarecdn.com/27dfcf10-8fff-4341-90a0-dc97e4072acc/-/format/auto/",
|
|
19
|
-
width: 802,
|
|
20
|
-
height: 450,
|
|
21
|
-
alt: "Not found",
|
|
22
|
-
quality: 100,
|
|
23
|
-
priority: true
|
|
24
|
-
}),
|
|
25
|
-
/*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
26
|
-
className: "flex flex-col items-center justify-center gap-2 pb-36",
|
|
27
|
-
children: [
|
|
28
|
-
/*#__PURE__*/ jsxRuntime.jsx("h1", {
|
|
29
|
-
className: "mobile:text-2xl text-4xl font-semibold",
|
|
30
|
-
children: "Oops! Page not found"
|
|
31
|
-
}),
|
|
32
|
-
/*#__PURE__*/ jsxRuntime.jsx("p", {
|
|
33
|
-
children: "Your page URL is incorrect."
|
|
34
|
-
})
|
|
35
|
-
]
|
|
36
|
-
})
|
|
37
|
-
]
|
|
38
|
-
})
|
|
39
|
-
]
|
|
40
|
-
});
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
exports.Page404 = Page404;
|
|
1
|
+
"use strict";var jsxRuntime=require("react/jsx-runtime"),nextSeo=require("next-seo"),Image=require("next/image");const Page404=()=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(nextSeo.NextSeo,{title:"Page not found"}),jsxRuntime.jsxs("div",{className:"tablet:max-w-2xl container mx-auto flex min-h-screen max-w-4xl flex-col items-center justify-center gap-8 px-8",children:[jsxRuntime.jsx(Image,{sizes:"(max-width: 768px) 100vw, 50vw",src:"https://ucarecdn.com/27dfcf10-8fff-4341-90a0-dc97e4072acc/-/format/auto/",width:802,height:450,alt:"Not found",quality:100,priority:!0}),jsxRuntime.jsxs("div",{className:"flex flex-col items-center justify-center gap-2 pb-36",children:[jsxRuntime.jsx("h1",{className:"mobile:text-2xl text-4xl font-semibold",children:"Oops! Page not found"}),jsxRuntime.jsx("p",{children:"Your page URL is incorrect."})]})]})]});exports.Page404=Page404;
|
package/dist/cjs/pages/500.js
CHANGED
|
@@ -1,74 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var core = require('@gem-sdk/core');
|
|
5
|
-
var nextSeo = require('next-seo');
|
|
6
|
-
var Image = require('next/image');
|
|
7
|
-
var react = require('react');
|
|
8
|
-
|
|
9
|
-
const Page500 = ()=>{
|
|
10
|
-
const [loading, setLoading] = react.useState(false);
|
|
11
|
-
return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
12
|
-
children: [
|
|
13
|
-
/*#__PURE__*/ jsxRuntime.jsx(nextSeo.NextSeo, {
|
|
14
|
-
title: "Service Unavailable"
|
|
15
|
-
}),
|
|
16
|
-
/*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
17
|
-
className: "tablet:max-w-2xl container mx-auto flex min-h-screen max-w-4xl flex-col items-center justify-center gap-8 px-8",
|
|
18
|
-
children: [
|
|
19
|
-
/*#__PURE__*/ jsxRuntime.jsx(Image, {
|
|
20
|
-
sizes: "(max-width: 768px) 100vw, 50vw",
|
|
21
|
-
src: "https://ucarecdn.com/ea647025-54e3-4abb-87c4-859c5853ed56/-/format/auto/",
|
|
22
|
-
width: 802,
|
|
23
|
-
height: 450,
|
|
24
|
-
alt: "Not found",
|
|
25
|
-
quality: 100,
|
|
26
|
-
priority: true
|
|
27
|
-
}),
|
|
28
|
-
/*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
29
|
-
className: "flex flex-col gap-8 pb-36",
|
|
30
|
-
children: [
|
|
31
|
-
/*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
32
|
-
className: "flex flex-col items-center justify-center gap-2 text-center",
|
|
33
|
-
children: [
|
|
34
|
-
/*#__PURE__*/ jsxRuntime.jsx("h1", {
|
|
35
|
-
className: "mobile:text-2xl text-4xl font-semibold",
|
|
36
|
-
children: "Service Unavailable"
|
|
37
|
-
}),
|
|
38
|
-
/*#__PURE__*/ jsxRuntime.jsx("p", {
|
|
39
|
-
className: "text-center",
|
|
40
|
-
children: "The server is temporarily busy. Try again later."
|
|
41
|
-
})
|
|
42
|
-
]
|
|
43
|
-
}),
|
|
44
|
-
/*#__PURE__*/ jsxRuntime.jsxs("button", {
|
|
45
|
-
className: "mx-auto inline-flex h-10 items-center justify-center gap-2 rounded bg-[#3C67FF] px-6 text-white active:translate-y-1",
|
|
46
|
-
onClick: ()=>{
|
|
47
|
-
setLoading(true);
|
|
48
|
-
window.location.reload();
|
|
49
|
-
},
|
|
50
|
-
children: [
|
|
51
|
-
/*#__PURE__*/ jsxRuntime.jsx("svg", {
|
|
52
|
-
className: core.cls('w-5', {
|
|
53
|
-
'animate-spin': loading
|
|
54
|
-
}),
|
|
55
|
-
viewBox: "0 0 20 20",
|
|
56
|
-
fill: "none",
|
|
57
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
58
|
-
children: /*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
59
|
-
d: "M12.3408 3.03528C10.6845 2.42235 8.86506 2.41356 7.20294 3.01045C5.54082 3.60734 4.14265 4.77163 3.25471 6.29822C2.36677 7.82482 2.04603 9.61579 2.34898 11.3557C2.65193 13.0955 3.55915 14.6727 4.91081 15.8093C6.26248 16.9459 7.97189 17.5691 9.73794 17.5691C10.0831 17.5691 10.3629 17.2893 10.3629 16.9441C10.3629 16.5989 10.0831 16.3191 9.73792 16.3191C8.26621 16.3191 6.8417 15.7998 5.71531 14.8526C4.58892 13.9054 3.83291 12.5911 3.58045 11.1412C3.32799 9.69134 3.59528 8.19886 4.33523 6.9267C5.07518 5.65454 6.24032 4.6843 7.62542 4.18689C9.01052 3.68948 10.5267 3.69681 11.9069 4.20758C13.2872 4.71835 14.4429 5.69981 15.1705 6.97906C15.8981 8.25832 16.151 9.75331 15.8845 11.2007C15.677 12.3276 15.1651 13.3694 14.4127 14.2174L14.4127 11.7856C14.4127 11.4405 14.1329 11.1606 13.7877 11.1606C13.4425 11.1606 13.1627 11.4405 13.1627 11.7856L13.1627 15.4106C13.1627 15.5764 13.2285 15.7354 13.3457 15.8526C13.4629 15.9698 13.6219 16.0356 13.7877 16.0356H17.2845C17.6297 16.0356 17.9095 15.7558 17.9095 15.4106C17.9095 15.0655 17.6297 14.7856 17.2845 14.7856H15.5691C16.3513 13.8186 16.8858 12.6657 17.1139 11.427C17.4336 9.69015 17.1302 7.89616 16.257 6.36106C15.3839 4.82595 13.9971 3.64821 12.3408 3.03528Z",
|
|
60
|
-
fill: "currentColor"
|
|
61
|
-
})
|
|
62
|
-
}),
|
|
63
|
-
"Refresh"
|
|
64
|
-
]
|
|
65
|
-
})
|
|
66
|
-
]
|
|
67
|
-
})
|
|
68
|
-
]
|
|
69
|
-
})
|
|
70
|
-
]
|
|
71
|
-
});
|
|
72
|
-
};
|
|
73
|
-
|
|
74
|
-
exports.Page500 = Page500;
|
|
1
|
+
"use strict";var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),nextSeo=require("next-seo"),Image=require("next/image"),react=require("react");const Page500=()=>{let[e,t]=react.useState(!1);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(nextSeo.NextSeo,{title:"Service Unavailable"}),jsxRuntime.jsxs("div",{className:"tablet:max-w-2xl container mx-auto flex min-h-screen max-w-4xl flex-col items-center justify-center gap-8 px-8",children:[jsxRuntime.jsx(Image,{sizes:"(max-width: 768px) 100vw, 50vw",src:"https://ucarecdn.com/ea647025-54e3-4abb-87c4-859c5853ed56/-/format/auto/",width:802,height:450,alt:"Not found",quality:100,priority:!0}),jsxRuntime.jsxs("div",{className:"flex flex-col gap-8 pb-36",children:[jsxRuntime.jsxs("div",{className:"flex flex-col items-center justify-center gap-2 text-center",children:[jsxRuntime.jsx("h1",{className:"mobile:text-2xl text-4xl font-semibold",children:"Service Unavailable"}),jsxRuntime.jsx("p",{className:"text-center",children:"The server is temporarily busy. Try again later."})]}),jsxRuntime.jsxs("button",{className:"mx-auto inline-flex h-10 items-center justify-center gap-2 rounded bg-[#3C67FF] px-6 text-white active:translate-y-1",onClick:()=>{t(!0),window.location.reload()},children:[jsxRuntime.jsx("svg",{className:core.cls("w-5",{"animate-spin":e}),viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{d:"M12.3408 3.03528C10.6845 2.42235 8.86506 2.41356 7.20294 3.01045C5.54082 3.60734 4.14265 4.77163 3.25471 6.29822C2.36677 7.82482 2.04603 9.61579 2.34898 11.3557C2.65193 13.0955 3.55915 14.6727 4.91081 15.8093C6.26248 16.9459 7.97189 17.5691 9.73794 17.5691C10.0831 17.5691 10.3629 17.2893 10.3629 16.9441C10.3629 16.5989 10.0831 16.3191 9.73792 16.3191C8.26621 16.3191 6.8417 15.7998 5.71531 14.8526C4.58892 13.9054 3.83291 12.5911 3.58045 11.1412C3.32799 9.69134 3.59528 8.19886 4.33523 6.9267C5.07518 5.65454 6.24032 4.6843 7.62542 4.18689C9.01052 3.68948 10.5267 3.69681 11.9069 4.20758C13.2872 4.71835 14.4429 5.69981 15.1705 6.97906C15.8981 8.25832 16.151 9.75331 15.8845 11.2007C15.677 12.3276 15.1651 13.3694 14.4127 14.2174L14.4127 11.7856C14.4127 11.4405 14.1329 11.1606 13.7877 11.1606C13.4425 11.1606 13.1627 11.4405 13.1627 11.7856L13.1627 15.4106C13.1627 15.5764 13.2285 15.7354 13.3457 15.8526C13.4629 15.9698 13.6219 16.0356 13.7877 16.0356H17.2845C17.6297 16.0356 17.9095 15.7558 17.9095 15.4106C17.9095 15.0655 17.6297 14.7856 17.2845 14.7856H15.5691C16.3513 13.8186 16.8858 12.6657 17.1139 11.427C17.4336 9.69015 17.1302 7.89616 16.257 6.36106C15.3839 4.82595 13.9971 3.64821 12.3408 3.03528Z",fill:"currentColor"})}),"Refresh"]})]})]})]})};exports.Page500=Page500;
|
|
@@ -1,59 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
var react = require('react');
|
|
7
|
-
var core = require('@gem-sdk/core');
|
|
8
|
-
var dynamic = require('next/dynamic');
|
|
9
|
-
|
|
10
|
-
const CollectionProvider = dynamic(()=>import('@gem-sdk/core').then((m)=>m.CollectionProvider));
|
|
11
|
-
const CollectionGlobalProvider = ({ children })=>{
|
|
12
|
-
const [variables, setVariables] = react.useState({
|
|
13
|
-
first: 1,
|
|
14
|
-
orderBy: {
|
|
15
|
-
direction: 'DESC',
|
|
16
|
-
field: 'UPDATED_AT'
|
|
17
|
-
},
|
|
18
|
-
where: {
|
|
19
|
-
isSample: false
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
const { data: collections, isLoading, error } = core.useCollectionsQuery(variables);
|
|
23
|
-
const collection = collections?.collections?.edges?.[0]?.node;
|
|
24
|
-
const onChangeCollectionInfo = react.useCallback((e)=>{
|
|
25
|
-
const detail = e.detail;
|
|
26
|
-
setVariables({
|
|
27
|
-
...variables,
|
|
28
|
-
where: {
|
|
29
|
-
...variables.where,
|
|
30
|
-
baseID: detail?.baseID
|
|
31
|
-
}
|
|
32
|
-
});
|
|
33
|
-
}, [
|
|
34
|
-
variables
|
|
35
|
-
]);
|
|
36
|
-
react.useEffect(()=>{
|
|
37
|
-
window.addEventListener('update-collection-info', onChangeCollectionInfo);
|
|
38
|
-
return ()=>{
|
|
39
|
-
window.removeEventListener('update-collection-info', onChangeCollectionInfo);
|
|
40
|
-
};
|
|
41
|
-
}, [
|
|
42
|
-
onChangeCollectionInfo
|
|
43
|
-
]);
|
|
44
|
-
return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
45
|
-
children: isLoading ? /*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
46
|
-
children: "Loading..."
|
|
47
|
-
}) : error ? /*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
48
|
-
children: [
|
|
49
|
-
"Error: ",
|
|
50
|
-
error?.message
|
|
51
|
-
]
|
|
52
|
-
}) : /*#__PURE__*/ jsxRuntime.jsx(CollectionProvider, {
|
|
53
|
-
collection: collection,
|
|
54
|
-
children: children
|
|
55
|
-
})
|
|
56
|
-
});
|
|
57
|
-
};
|
|
58
|
-
|
|
59
|
-
exports.default = CollectionGlobalProvider;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),react=require("react"),core=require("@gem-sdk/core"),dynamic=require("next/dynamic");const CollectionProvider=dynamic(()=>import("@gem-sdk/core").then(e=>e.CollectionProvider)),CollectionGlobalProvider=({children:e})=>{let[r,i]=react.useState({first:1,orderBy:{direction:"DESC",field:"UPDATED_AT"},where:{isSample:!1}}),{data:t,isLoading:o,error:n}=core.useCollectionsQuery(r),l=t?.collections?.edges?.[0]?.node,c=react.useCallback(e=>{let t=e.detail;i({...r,where:{...r.where,baseID:t?.baseID}})},[r]);return react.useEffect(()=>(window.addEventListener("update-collection-info",c),()=>{window.removeEventListener("update-collection-info",c)}),[c]),jsxRuntime.jsx(jsxRuntime.Fragment,{children:o?jsxRuntime.jsx("div",{children:"Loading..."}):n?jsxRuntime.jsxs("div",{children:["Error: ",n?.message]}):jsxRuntime.jsx(CollectionProvider,{collection:l,children:e})})};exports.default=CollectionGlobalProvider;
|
|
@@ -1,95 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var core = require('@gem-sdk/core');
|
|
5
|
-
var nextSeo = require('next-seo');
|
|
6
|
-
var Head = require('next/head');
|
|
7
|
-
var react = require('react');
|
|
8
|
-
var Toolbox = require('../components/builder/Toolbox.js');
|
|
9
|
-
var Header = require('../components/Header.js');
|
|
10
|
-
var Footer = require('../components/Footer.js');
|
|
11
|
-
var CollectionGlobalProvider = require('./CollectionGlobalProvider.js');
|
|
12
|
-
var PopupManager = require('../components/builder/PopupManager.js');
|
|
13
|
-
var ImageToLayout = require('../components/image-to-layout/ImageToLayout.js');
|
|
14
|
-
var AddSectionImageToLayout = require('../components/image-to-layout/AddSectionImageToLayout.js');
|
|
15
|
-
|
|
16
|
-
const BuilderPage = ({ components, seo, themeStyle, fontStyle, sectionData, pageType, editorImageToLayout })=>{
|
|
17
|
-
const [loadSuccess, setLoadSuccess] = react.useState(false);
|
|
18
|
-
const initState = react.useMemo(()=>({
|
|
19
|
-
ROOT: {
|
|
20
|
-
uid: 'ROOT',
|
|
21
|
-
tag: 'Root',
|
|
22
|
-
label: 'Root',
|
|
23
|
-
childrens: []
|
|
24
|
-
}
|
|
25
|
-
}), []);
|
|
26
|
-
react.useEffect(()=>{
|
|
27
|
-
setLoadSuccess(true);
|
|
28
|
-
}, []);
|
|
29
|
-
return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
30
|
-
children: [
|
|
31
|
-
/*#__PURE__*/ jsxRuntime.jsx(nextSeo.NextSeo, {
|
|
32
|
-
...seo
|
|
33
|
-
}),
|
|
34
|
-
/*#__PURE__*/ jsxRuntime.jsxs(Head, {
|
|
35
|
-
children: [
|
|
36
|
-
themeStyle && /*#__PURE__*/ jsxRuntime.jsx("style", {
|
|
37
|
-
type: "text/css",
|
|
38
|
-
id: "global-style",
|
|
39
|
-
dangerouslySetInnerHTML: {
|
|
40
|
-
__html: themeStyle
|
|
41
|
-
}
|
|
42
|
-
}),
|
|
43
|
-
fontStyle && /*#__PURE__*/ jsxRuntime.jsx("style", {
|
|
44
|
-
"data-id": "google-fonts",
|
|
45
|
-
type: "text/css",
|
|
46
|
-
dangerouslySetInnerHTML: {
|
|
47
|
-
__html: fontStyle
|
|
48
|
-
}
|
|
49
|
-
})
|
|
50
|
-
]
|
|
51
|
-
}),
|
|
52
|
-
/*#__PURE__*/ jsxRuntime.jsx(core.BuilderComponentProvider, {
|
|
53
|
-
components: components,
|
|
54
|
-
children: /*#__PURE__*/ jsxRuntime.jsx(core.SectionProvider, {
|
|
55
|
-
data: sectionData,
|
|
56
|
-
children: /*#__PURE__*/ jsxRuntime.jsxs(core.BuilderPreviewProvider, {
|
|
57
|
-
state: initState,
|
|
58
|
-
children: [
|
|
59
|
-
/*#__PURE__*/ jsxRuntime.jsx(Toolbox.default, {}),
|
|
60
|
-
/*#__PURE__*/ jsxRuntime.jsx(PopupManager.default, {}),
|
|
61
|
-
loadSuccess && /*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
62
|
-
className: "builder z-1 relative",
|
|
63
|
-
children: [
|
|
64
|
-
/*#__PURE__*/ jsxRuntime.jsx(Header.default, {}),
|
|
65
|
-
/*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
66
|
-
id: "storefront",
|
|
67
|
-
children: pageType === 'GP_COLLECTION' ? /*#__PURE__*/ jsxRuntime.jsx(CollectionGlobalProvider.default, {
|
|
68
|
-
children: /*#__PURE__*/ jsxRuntime.jsx(core.RenderPreview, {
|
|
69
|
-
uid: "ROOT"
|
|
70
|
-
})
|
|
71
|
-
}) : /*#__PURE__*/ jsxRuntime.jsx(core.RenderPreview, {
|
|
72
|
-
uid: "ROOT"
|
|
73
|
-
})
|
|
74
|
-
}),
|
|
75
|
-
/*#__PURE__*/ jsxRuntime.jsx(ImageToLayout.default, {
|
|
76
|
-
editorImageToLayout: editorImageToLayout || false
|
|
77
|
-
}),
|
|
78
|
-
/*#__PURE__*/ jsxRuntime.jsx(AddSectionImageToLayout.default, {
|
|
79
|
-
editorImageToLayout: editorImageToLayout || false
|
|
80
|
-
}),
|
|
81
|
-
/*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
82
|
-
id: "visual-content"
|
|
83
|
-
}),
|
|
84
|
-
/*#__PURE__*/ jsxRuntime.jsx(Footer.default, {})
|
|
85
|
-
]
|
|
86
|
-
})
|
|
87
|
-
]
|
|
88
|
-
}, "preview")
|
|
89
|
-
})
|
|
90
|
-
})
|
|
91
|
-
]
|
|
92
|
-
});
|
|
93
|
-
};
|
|
94
|
-
|
|
95
|
-
exports.BuilderPage = BuilderPage;
|
|
1
|
+
"use strict";var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),nextSeo=require("next-seo"),Head=require("next/head"),react=require("react"),Toolbox=require("../components/builder/Toolbox.js"),Header=require("../components/Header.js"),Footer=require("../components/Footer.js"),CollectionGlobalProvider=require("./CollectionGlobalProvider.js"),PopupManager=require("../components/builder/PopupManager.js"),ImageToLayout=require("../components/image-to-layout/ImageToLayout.js"),AddSectionImageToLayout=require("../components/image-to-layout/AddSectionImageToLayout.js");const BuilderPage=({components:e,seo:t,themeStyle:o,fontStyle:r,sectionData:i,pageType:s,editorImageToLayout:n})=>{let[u,a]=react.useState(!1),d=react.useMemo(()=>({ROOT:{uid:"ROOT",tag:"Root",label:"Root",childrens:[]}}),[]);return react.useEffect(()=>{a(!0)},[]),jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(nextSeo.NextSeo,{...t}),jsxRuntime.jsxs(Head,{children:[o&&jsxRuntime.jsx("style",{type:"text/css",id:"global-style",dangerouslySetInnerHTML:{__html:o}}),r&&jsxRuntime.jsx("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:r}})]}),jsxRuntime.jsx(core.BuilderComponentProvider,{components:e,children:jsxRuntime.jsx(core.SectionProvider,{data:i,children:jsxRuntime.jsxs(core.BuilderPreviewProvider,{state:d,children:[jsxRuntime.jsx(Toolbox.default,{}),jsxRuntime.jsx(PopupManager.default,{}),u&&jsxRuntime.jsxs("div",{className:"builder z-1 relative",children:[jsxRuntime.jsx(Header.default,{}),jsxRuntime.jsx("div",{id:"storefront",children:"GP_COLLECTION"===s?jsxRuntime.jsx(CollectionGlobalProvider.default,{children:jsxRuntime.jsx(core.RenderPreview,{uid:"ROOT"})}):jsxRuntime.jsx(core.RenderPreview,{uid:"ROOT"})}),jsxRuntime.jsx(ImageToLayout.default,{editorImageToLayout:n||!1}),jsxRuntime.jsx(AddSectionImageToLayout.default,{editorImageToLayout:n||!1}),jsxRuntime.jsx("div",{id:"visual-content"}),jsxRuntime.jsx(Footer.default,{})]})]},"preview")})})]})};exports.BuilderPage=BuilderPage;
|
|
@@ -1,62 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
var core = require('@gem-sdk/core');
|
|
7
|
-
var nextSeo = require('next-seo');
|
|
8
|
-
var dynamic = require('next/dynamic');
|
|
9
|
-
var Head = require('next/head');
|
|
10
|
-
var router = require('next/router');
|
|
11
|
-
|
|
12
|
-
const CollectionProvider = dynamic(()=>import('@gem-sdk/core').then((m)=>m.CollectionProvider));
|
|
13
|
-
const CollectionDetailPage = ({ seo, components, builderData, sectionData, themeStyle, collection, fontStyle })=>{
|
|
14
|
-
const router$1 = router.useRouter();
|
|
15
|
-
if (router$1.isFallback) {
|
|
16
|
-
return /*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
17
|
-
children: "Loading..."
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
21
|
-
children: [
|
|
22
|
-
/*#__PURE__*/ jsxRuntime.jsx(nextSeo.NextSeo, {
|
|
23
|
-
...seo
|
|
24
|
-
}),
|
|
25
|
-
/*#__PURE__*/ jsxRuntime.jsxs(Head, {
|
|
26
|
-
children: [
|
|
27
|
-
themeStyle && /*#__PURE__*/ jsxRuntime.jsx("style", {
|
|
28
|
-
"data-id": "global-style",
|
|
29
|
-
type: "text/css",
|
|
30
|
-
dangerouslySetInnerHTML: {
|
|
31
|
-
__html: themeStyle
|
|
32
|
-
}
|
|
33
|
-
}),
|
|
34
|
-
fontStyle && /*#__PURE__*/ jsxRuntime.jsx("style", {
|
|
35
|
-
"data-id": "google-fonts",
|
|
36
|
-
type: "text/css",
|
|
37
|
-
dangerouslySetInnerHTML: {
|
|
38
|
-
__html: fontStyle
|
|
39
|
-
}
|
|
40
|
-
})
|
|
41
|
-
]
|
|
42
|
-
}),
|
|
43
|
-
/*#__PURE__*/ jsxRuntime.jsx(core.BuilderComponentProvider, {
|
|
44
|
-
components: components,
|
|
45
|
-
children: /*#__PURE__*/ jsxRuntime.jsx(core.SectionProvider, {
|
|
46
|
-
data: sectionData,
|
|
47
|
-
children: /*#__PURE__*/ jsxRuntime.jsx(CollectionProvider, {
|
|
48
|
-
collection: collection,
|
|
49
|
-
children: builderData && /*#__PURE__*/ jsxRuntime.jsx(core.BuilderProvider, {
|
|
50
|
-
state: builderData,
|
|
51
|
-
children: /*#__PURE__*/ jsxRuntime.jsx(core.Render, {
|
|
52
|
-
uid: "ROOT"
|
|
53
|
-
})
|
|
54
|
-
})
|
|
55
|
-
})
|
|
56
|
-
})
|
|
57
|
-
})
|
|
58
|
-
]
|
|
59
|
-
});
|
|
60
|
-
};
|
|
61
|
-
|
|
62
|
-
exports.default = CollectionDetailPage;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),nextSeo=require("next-seo"),dynamic=require("next/dynamic"),Head=require("next/head"),router=require("next/router");const CollectionProvider=dynamic(()=>import("@gem-sdk/core").then(e=>e.CollectionProvider)),CollectionDetailPage=({seo:e,components:t,builderData:r,sectionData:i,themeStyle:n,collection:o,fontStyle:s})=>{let l=router.useRouter();return l.isFallback?jsxRuntime.jsx("div",{children:"Loading..."}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(nextSeo.NextSeo,{...e}),jsxRuntime.jsxs(Head,{children:[n&&jsxRuntime.jsx("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:n}}),s&&jsxRuntime.jsx("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:s}})]}),jsxRuntime.jsx(core.BuilderComponentProvider,{components:t,children:jsxRuntime.jsx(core.SectionProvider,{data:i,children:jsxRuntime.jsx(CollectionProvider,{collection:o,children:r&&jsxRuntime.jsx(core.BuilderProvider,{state:r,children:jsxRuntime.jsx(core.Render,{uid:"ROOT"})})})})})]})};exports.default=CollectionDetailPage;
|
|
@@ -1,26 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var dynamic = require('next/dynamic');
|
|
5
|
-
|
|
6
|
-
const StaticPage = dynamic(()=>Promise.resolve().then(function () { return require('./static.js'); }));
|
|
7
|
-
const ProductPage = dynamic(()=>Promise.resolve().then(function () { return require('./product-detail.js'); }));
|
|
8
|
-
const CollectionPage = dynamic(()=>Promise.resolve().then(function () { return require('./collection-detail.js'); }));
|
|
9
|
-
const PreviewPage = ({ pageType, ...props })=>{
|
|
10
|
-
switch(pageType){
|
|
11
|
-
case 'PRODUCT':
|
|
12
|
-
return /*#__PURE__*/ jsxRuntime.jsx(ProductPage, {
|
|
13
|
-
...props
|
|
14
|
-
});
|
|
15
|
-
case 'COLLECTION':
|
|
16
|
-
return /*#__PURE__*/ jsxRuntime.jsx(CollectionPage, {
|
|
17
|
-
...props
|
|
18
|
-
});
|
|
19
|
-
default:
|
|
20
|
-
return /*#__PURE__*/ jsxRuntime.jsx(StaticPage, {
|
|
21
|
-
...props
|
|
22
|
-
});
|
|
23
|
-
}
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
exports.PreviewPage = PreviewPage;
|
|
1
|
+
"use strict";var jsxRuntime=require("react/jsx-runtime"),dynamic=require("next/dynamic");const StaticPage=dynamic(()=>Promise.resolve().then(function(){return require("./static.js")})),ProductPage=dynamic(()=>Promise.resolve().then(function(){return require("./product-detail.js")})),CollectionPage=dynamic(()=>Promise.resolve().then(function(){return require("./collection-detail.js")})),PreviewPage=({pageType:e,...r})=>{switch(e){case"PRODUCT":return jsxRuntime.jsx(ProductPage,{...r});case"COLLECTION":return jsxRuntime.jsx(CollectionPage,{...r});default:return jsxRuntime.jsx(StaticPage,{...r})}};exports.PreviewPage=PreviewPage;
|
|
@@ -1,67 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
var core = require('@gem-sdk/core');
|
|
7
|
-
var nextSeo = require('next-seo');
|
|
8
|
-
var dynamic = require('next/dynamic');
|
|
9
|
-
var Head = require('next/head');
|
|
10
|
-
var router = require('next/router');
|
|
11
|
-
|
|
12
|
-
const ProductProvider = dynamic(()=>import('@gem-sdk/core').then((m)=>m.ProductProvider));
|
|
13
|
-
const ProductDetailPage = ({ themeStyle, fontStyle, seo, product, components, builderData, sectionData })=>{
|
|
14
|
-
const router$1 = router.useRouter();
|
|
15
|
-
if (router$1.isFallback) {
|
|
16
|
-
return /*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
17
|
-
children: "Loading..."
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
21
|
-
children: [
|
|
22
|
-
/*#__PURE__*/ jsxRuntime.jsx(nextSeo.NextSeo, {
|
|
23
|
-
...seo
|
|
24
|
-
}),
|
|
25
|
-
/*#__PURE__*/ jsxRuntime.jsxs(Head, {
|
|
26
|
-
children: [
|
|
27
|
-
themeStyle && /*#__PURE__*/ jsxRuntime.jsx("style", {
|
|
28
|
-
"data-id": "global-style",
|
|
29
|
-
type: "text/css",
|
|
30
|
-
dangerouslySetInnerHTML: {
|
|
31
|
-
__html: themeStyle
|
|
32
|
-
}
|
|
33
|
-
}),
|
|
34
|
-
fontStyle && /*#__PURE__*/ jsxRuntime.jsx("style", {
|
|
35
|
-
"data-id": "google-fonts",
|
|
36
|
-
type: "text/css",
|
|
37
|
-
dangerouslySetInnerHTML: {
|
|
38
|
-
__html: fontStyle
|
|
39
|
-
}
|
|
40
|
-
})
|
|
41
|
-
]
|
|
42
|
-
}),
|
|
43
|
-
/*#__PURE__*/ jsxRuntime.jsx(core.BuilderComponentProvider, {
|
|
44
|
-
components: components,
|
|
45
|
-
children: /*#__PURE__*/ jsxRuntime.jsx(core.SectionProvider, {
|
|
46
|
-
data: sectionData,
|
|
47
|
-
children: /*#__PURE__*/ jsxRuntime.jsxs(ProductProvider, {
|
|
48
|
-
product: product,
|
|
49
|
-
children: [
|
|
50
|
-
builderData && /*#__PURE__*/ jsxRuntime.jsx(core.BuilderProvider, {
|
|
51
|
-
state: builderData,
|
|
52
|
-
children: /*#__PURE__*/ jsxRuntime.jsx(core.Render, {
|
|
53
|
-
uid: "ROOT"
|
|
54
|
-
})
|
|
55
|
-
}),
|
|
56
|
-
/*#__PURE__*/ jsxRuntime.jsx(core.AddOn, {
|
|
57
|
-
name: "sticky-add-to-cart"
|
|
58
|
-
})
|
|
59
|
-
]
|
|
60
|
-
})
|
|
61
|
-
})
|
|
62
|
-
})
|
|
63
|
-
]
|
|
64
|
-
});
|
|
65
|
-
};
|
|
66
|
-
|
|
67
|
-
exports.default = ProductDetailPage;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),nextSeo=require("next-seo"),dynamic=require("next/dynamic"),Head=require("next/head"),router=require("next/router");const ProductProvider=dynamic(()=>import("@gem-sdk/core").then(e=>e.ProductProvider)),ProductDetailPage=({themeStyle:e,fontStyle:t,seo:r,product:s,components:i,builderData:n,sectionData:d})=>{let o=router.useRouter();return o.isFallback?jsxRuntime.jsx("div",{children:"Loading..."}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(nextSeo.NextSeo,{...r}),jsxRuntime.jsxs(Head,{children:[e&&jsxRuntime.jsx("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:e}}),t&&jsxRuntime.jsx("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:t}})]}),jsxRuntime.jsx(core.BuilderComponentProvider,{components:i,children:jsxRuntime.jsx(core.SectionProvider,{data:d,children:jsxRuntime.jsxs(ProductProvider,{product:s,children:[n&&jsxRuntime.jsx(core.BuilderProvider,{state:n,children:jsxRuntime.jsx(core.Render,{uid:"ROOT"})}),jsxRuntime.jsx(core.AddOn,{name:"sticky-add-to-cart"})]})})})]})};exports.default=ProductDetailPage;
|
|
@@ -1,82 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
-
var core = require('@gem-sdk/core');
|
|
5
|
-
var nextSeo = require('next-seo');
|
|
6
|
-
var Head = require('next/head');
|
|
7
|
-
var router = require('next/router');
|
|
8
|
-
var useTrackingView = require('../libs/hooks/use-tracking-view.js');
|
|
9
|
-
var parseHtml = require('../libs/parse-html.js');
|
|
10
|
-
|
|
11
|
-
const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, fontStyle, elementFontStyle, customCodeHeader, shopToken, pageHandle })=>{
|
|
12
|
-
const router$1 = router.useRouter();
|
|
13
|
-
useTrackingView.useTrackingView(shopToken, pageHandle, router$1.isFallback);
|
|
14
|
-
if (router$1.isFallback) {
|
|
15
|
-
return /*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
16
|
-
className: "flex h-full items-center justify-center",
|
|
17
|
-
children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
18
|
-
className: "flex gap-2",
|
|
19
|
-
children: [
|
|
20
|
-
/*#__PURE__*/ jsxRuntime.jsx("span", {
|
|
21
|
-
className: "aspect-square h-2 animate-[flashing_500ms_infinite_alternate] rounded-full bg-slate-800"
|
|
22
|
-
}),
|
|
23
|
-
/*#__PURE__*/ jsxRuntime.jsx("span", {
|
|
24
|
-
className: "aspect-square h-2 animate-[flashing_500ms_infinite_200ms_linear_alternate] rounded-full bg-slate-800"
|
|
25
|
-
}),
|
|
26
|
-
/*#__PURE__*/ jsxRuntime.jsx("span", {
|
|
27
|
-
className: "aspect-square h-2 animate-[flashing_500ms_infinite_500ms_alternate] rounded-full bg-slate-800"
|
|
28
|
-
})
|
|
29
|
-
]
|
|
30
|
-
})
|
|
31
|
-
});
|
|
32
|
-
}
|
|
33
|
-
return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
34
|
-
children: [
|
|
35
|
-
/*#__PURE__*/ jsxRuntime.jsx(nextSeo.NextSeo, {
|
|
36
|
-
...seo
|
|
37
|
-
}),
|
|
38
|
-
/*#__PURE__*/ jsxRuntime.jsxs(Head, {
|
|
39
|
-
children: [
|
|
40
|
-
parseHtml.parseHtml(customCodeHeader, true),
|
|
41
|
-
themeStyle && /*#__PURE__*/ jsxRuntime.jsx("style", {
|
|
42
|
-
"data-id": "global-style",
|
|
43
|
-
type: "text/css",
|
|
44
|
-
dangerouslySetInnerHTML: {
|
|
45
|
-
__html: themeStyle
|
|
46
|
-
}
|
|
47
|
-
}),
|
|
48
|
-
fontStyle && /*#__PURE__*/ jsxRuntime.jsx("style", {
|
|
49
|
-
"data-id": "google-fonts",
|
|
50
|
-
type: "text/css",
|
|
51
|
-
dangerouslySetInnerHTML: {
|
|
52
|
-
__html: fontStyle
|
|
53
|
-
}
|
|
54
|
-
}),
|
|
55
|
-
elementFontStyle && elementFontStyle.map((fontStyle)=>/*#__PURE__*/ jsxRuntime.jsx("style", {
|
|
56
|
-
"data-id": "google-element-fonts",
|
|
57
|
-
type: "text/css",
|
|
58
|
-
dangerouslySetInnerHTML: {
|
|
59
|
-
__html: fontStyle
|
|
60
|
-
}
|
|
61
|
-
}, fontStyle))
|
|
62
|
-
]
|
|
63
|
-
}),
|
|
64
|
-
/*#__PURE__*/ jsxRuntime.jsx(core.BuilderComponentProvider, {
|
|
65
|
-
components: components,
|
|
66
|
-
children: /*#__PURE__*/ jsxRuntime.jsx(core.SectionProvider, {
|
|
67
|
-
data: sectionData,
|
|
68
|
-
children: builderData?.map((builder)=>/*#__PURE__*/ jsxRuntime.jsx(core.BuilderProvider, {
|
|
69
|
-
state: builder.data,
|
|
70
|
-
lazy: builder.lazy,
|
|
71
|
-
priority: builder.priority,
|
|
72
|
-
children: /*#__PURE__*/ jsxRuntime.jsx(core.Render, {
|
|
73
|
-
uid: builder.uid
|
|
74
|
-
})
|
|
75
|
-
}, builder.uid))
|
|
76
|
-
})
|
|
77
|
-
})
|
|
78
|
-
]
|
|
79
|
-
});
|
|
80
|
-
};
|
|
81
|
-
|
|
82
|
-
exports.StaticPageV2 = StaticPageV2;
|
|
1
|
+
"use strict";var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),nextSeo=require("next-seo"),Head=require("next/head"),router=require("next/router"),useTrackingView=require("../libs/hooks/use-tracking-view.js"),parseHtml=require("../libs/parse-html.js");const StaticPageV2=({components:e,builderData:s,sectionData:t,seo:i,themeStyle:a,fontStyle:r,elementFontStyle:n,customCodeHeader:l,shopToken:u,pageHandle:m})=>{let x=router.useRouter();return(useTrackingView.useTrackingView(u,m,x.isFallback),x.isFallback)?jsxRuntime.jsx("div",{className:"flex h-full items-center justify-center",children:jsxRuntime.jsxs("div",{className:"flex gap-2",children:[jsxRuntime.jsx("span",{className:"aspect-square h-2 animate-[flashing_500ms_infinite_alternate] rounded-full bg-slate-800"}),jsxRuntime.jsx("span",{className:"aspect-square h-2 animate-[flashing_500ms_infinite_200ms_linear_alternate] rounded-full bg-slate-800"}),jsxRuntime.jsx("span",{className:"aspect-square h-2 animate-[flashing_500ms_infinite_500ms_alternate] rounded-full bg-slate-800"})]})}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(nextSeo.NextSeo,{...i}),jsxRuntime.jsxs(Head,{children:[parseHtml.parseHtml(l,!0),a&&jsxRuntime.jsx("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:a}}),r&&jsxRuntime.jsx("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:r}}),n&&n.map(e=>jsxRuntime.jsx("style",{"data-id":"google-element-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:e}},e))]}),jsxRuntime.jsx(core.BuilderComponentProvider,{components:e,children:jsxRuntime.jsx(core.SectionProvider,{data:t,children:s?.map(e=>jsxRuntime.jsx(core.BuilderProvider,{state:e.data,lazy:e.lazy,priority:e.priority,children:jsxRuntime.jsx(core.Render,{uid:e.uid})},e.uid))})})]})};exports.StaticPageV2=StaticPageV2;
|
package/dist/cjs/pages/static.js
CHANGED
|
@@ -1,73 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
var core = require('@gem-sdk/core');
|
|
7
|
-
var nextSeo = require('next-seo');
|
|
8
|
-
var Head = require('next/head');
|
|
9
|
-
var router = require('next/router');
|
|
10
|
-
|
|
11
|
-
const StaticPage = ({ components, builderData, sectionData, seo, themeStyle, fontStyle })=>{
|
|
12
|
-
const router$1 = router.useRouter();
|
|
13
|
-
if (router$1.isFallback) {
|
|
14
|
-
return /*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
15
|
-
className: "flex h-full items-center justify-center",
|
|
16
|
-
children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
17
|
-
className: "flex gap-2",
|
|
18
|
-
children: [
|
|
19
|
-
/*#__PURE__*/ jsxRuntime.jsx("span", {
|
|
20
|
-
className: "aspect-square h-2 animate-[flashing_500ms_infinite_alternate] rounded-full bg-slate-800"
|
|
21
|
-
}),
|
|
22
|
-
/*#__PURE__*/ jsxRuntime.jsx("span", {
|
|
23
|
-
className: "aspect-square h-2 animate-[flashing_500ms_infinite_200ms_linear_alternate] rounded-full bg-slate-800"
|
|
24
|
-
}),
|
|
25
|
-
/*#__PURE__*/ jsxRuntime.jsx("span", {
|
|
26
|
-
className: "aspect-square h-2 animate-[flashing_500ms_infinite_500ms_alternate] rounded-full bg-slate-800"
|
|
27
|
-
})
|
|
28
|
-
]
|
|
29
|
-
})
|
|
30
|
-
});
|
|
31
|
-
}
|
|
32
|
-
return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
33
|
-
children: [
|
|
34
|
-
/*#__PURE__*/ jsxRuntime.jsx(nextSeo.NextSeo, {
|
|
35
|
-
...seo
|
|
36
|
-
}),
|
|
37
|
-
/*#__PURE__*/ jsxRuntime.jsxs(Head, {
|
|
38
|
-
children: [
|
|
39
|
-
themeStyle && /*#__PURE__*/ jsxRuntime.jsx("style", {
|
|
40
|
-
"data-id": "global-style",
|
|
41
|
-
type: "text/css",
|
|
42
|
-
dangerouslySetInnerHTML: {
|
|
43
|
-
__html: themeStyle
|
|
44
|
-
}
|
|
45
|
-
}),
|
|
46
|
-
fontStyle && /*#__PURE__*/ jsxRuntime.jsx("style", {
|
|
47
|
-
"data-id": "google-fonts",
|
|
48
|
-
type: "text/css",
|
|
49
|
-
dangerouslySetInnerHTML: {
|
|
50
|
-
__html: fontStyle
|
|
51
|
-
}
|
|
52
|
-
})
|
|
53
|
-
]
|
|
54
|
-
}),
|
|
55
|
-
/*#__PURE__*/ jsxRuntime.jsx(core.BuilderComponentProvider, {
|
|
56
|
-
components: components,
|
|
57
|
-
children: /*#__PURE__*/ jsxRuntime.jsx(core.SectionProvider, {
|
|
58
|
-
data: sectionData,
|
|
59
|
-
children: /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
60
|
-
children: builderData && /*#__PURE__*/ jsxRuntime.jsx(core.BuilderProvider, {
|
|
61
|
-
state: builderData,
|
|
62
|
-
children: /*#__PURE__*/ jsxRuntime.jsx(core.Render, {
|
|
63
|
-
uid: "ROOT"
|
|
64
|
-
})
|
|
65
|
-
}, "body")
|
|
66
|
-
})
|
|
67
|
-
})
|
|
68
|
-
})
|
|
69
|
-
]
|
|
70
|
-
});
|
|
71
|
-
};
|
|
72
|
-
|
|
73
|
-
exports.default = StaticPage;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),nextSeo=require("next-seo"),Head=require("next/head"),router=require("next/router");const StaticPage=({components:e,builderData:s,sectionData:t,seo:n,themeStyle:r,fontStyle:i})=>{let a=router.useRouter();return a.isFallback?jsxRuntime.jsx("div",{className:"flex h-full items-center justify-center",children:jsxRuntime.jsxs("div",{className:"flex gap-2",children:[jsxRuntime.jsx("span",{className:"aspect-square h-2 animate-[flashing_500ms_infinite_alternate] rounded-full bg-slate-800"}),jsxRuntime.jsx("span",{className:"aspect-square h-2 animate-[flashing_500ms_infinite_200ms_linear_alternate] rounded-full bg-slate-800"}),jsxRuntime.jsx("span",{className:"aspect-square h-2 animate-[flashing_500ms_infinite_500ms_alternate] rounded-full bg-slate-800"})]})}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(nextSeo.NextSeo,{...n}),jsxRuntime.jsxs(Head,{children:[r&&jsxRuntime.jsx("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:r}}),i&&jsxRuntime.jsx("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:i}})]}),jsxRuntime.jsx(core.BuilderComponentProvider,{components:e,children:jsxRuntime.jsx(core.SectionProvider,{data:t,children:jsxRuntime.jsx(jsxRuntime.Fragment,{children:s&&jsxRuntime.jsx(core.BuilderProvider,{state:s,children:jsxRuntime.jsx(core.Render,{uid:"ROOT"})},"body")})})})]})};exports.default=StaticPage;
|