@gem-sdk/pages 1.36.6 → 2.0.0-dev.832

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 (110) hide show
  1. package/dist/cjs/components/ErrorBoundary.js +1 -40
  2. package/dist/cjs/components/ErrorFallback.js +1 -26
  3. package/dist/cjs/components/FacebookPixel.js +3 -36
  4. package/dist/cjs/components/Footer.js +1 -125
  5. package/dist/cjs/components/FooterForPostPurchase.js +1 -0
  6. package/dist/cjs/components/GoogleAnalytic.js +5 -67
  7. package/dist/cjs/components/Header.js +1 -96
  8. package/dist/cjs/components/TikTokPixel.js +3 -19
  9. package/dist/cjs/components/builder/PopupManager.js +1 -62
  10. package/dist/cjs/components/builder/Toolbar.js +1 -883
  11. package/dist/cjs/components/builder/Toolbox.js +1 -384
  12. package/dist/cjs/components/builder/toolbar/Onboarding.js +1 -110
  13. package/dist/cjs/components/image-to-layout/AddSectionImageToLayout.js +1 -263
  14. package/dist/cjs/components/image-to-layout/DropElement.js +1 -164
  15. package/dist/cjs/components/image-to-layout/ImageToLayout.js +1 -41
  16. package/dist/cjs/index.js +1 -75
  17. package/dist/cjs/layouts/main.js +1 -30
  18. package/dist/cjs/libs/api/get-builder-props.js +1 -41
  19. package/dist/cjs/libs/api/get-collection-props.js +1 -68
  20. package/dist/cjs/libs/api/get-home-page-props-v2.js +1 -145
  21. package/dist/cjs/libs/api/get-home-page-props.js +1 -151
  22. package/dist/cjs/libs/api/get-post-purchase-props-preview.js +1 -0
  23. package/dist/cjs/libs/api/get-preview-props.js +1 -18
  24. package/dist/cjs/libs/api/get-product-props.js +1 -73
  25. package/dist/cjs/libs/api/get-static-page-props-preview.js +1 -150
  26. package/dist/cjs/libs/api/get-static-page-props-v2.js +1 -148
  27. package/dist/cjs/libs/api/get-static-page-props.js +1 -148
  28. package/dist/cjs/libs/custom-fonts.js +8 -0
  29. package/dist/cjs/libs/fetcher.js +1 -67
  30. package/dist/cjs/libs/get-layout.js +1 -13
  31. package/dist/cjs/libs/get-storefront-api.js +1 -12
  32. package/dist/cjs/libs/getStaticPaths.js +1 -10
  33. package/dist/cjs/libs/google-fonts.js +1 -81
  34. package/dist/cjs/libs/helpers/common.js +1 -27
  35. package/dist/cjs/libs/helpers/gen-css.js +1 -111
  36. package/dist/cjs/libs/helpers/gen-fonts.js +1 -68
  37. package/dist/cjs/libs/helpers/generate-manifres.js +1 -5
  38. package/dist/cjs/libs/helpers/get-fallback.js +1 -35
  39. package/dist/cjs/libs/helpers/normalize.js +1 -90
  40. package/dist/cjs/libs/helpers/parse-json.js +1 -16
  41. package/dist/cjs/libs/helpers/user-agent.js +1 -7
  42. package/dist/cjs/libs/hooks/use-tracking-view.js +1 -45
  43. package/dist/cjs/libs/hooks/usePagePreview.js +1 -0
  44. package/dist/cjs/libs/parse-html.js +1 -42
  45. package/dist/cjs/libs/shopify-cdn-with-google-fonts.js +1 -1845
  46. package/dist/cjs/pages/404.js +1 -43
  47. package/dist/cjs/pages/500.js +1 -74
  48. package/dist/cjs/pages/CollectionGlobalProvider.js +1 -59
  49. package/dist/cjs/pages/builder.js +1 -103
  50. package/dist/cjs/pages/collection-detail.js +1 -64
  51. package/dist/cjs/pages/preview.js +1 -26
  52. package/dist/cjs/pages/product-detail.js +1 -69
  53. package/dist/cjs/pages/static-v2.js +1 -84
  54. package/dist/cjs/pages/static.js +1 -75
  55. package/dist/esm/components/ErrorBoundary.js +1 -38
  56. package/dist/esm/components/ErrorFallback.js +1 -24
  57. package/dist/esm/components/FacebookPixel.js +3 -34
  58. package/dist/esm/components/Footer.js +1 -121
  59. package/dist/esm/components/FooterForPostPurchase.js +1 -0
  60. package/dist/esm/components/GoogleAnalytic.js +5 -65
  61. package/dist/esm/components/Header.js +1 -92
  62. package/dist/esm/components/TikTokPixel.js +3 -17
  63. package/dist/esm/components/builder/PopupManager.js +1 -58
  64. package/dist/esm/components/builder/Toolbar.js +1 -879
  65. package/dist/esm/components/builder/Toolbox.js +1 -380
  66. package/dist/esm/components/builder/toolbar/Onboarding.js +1 -106
  67. package/dist/esm/components/image-to-layout/AddSectionImageToLayout.js +1 -259
  68. package/dist/esm/components/image-to-layout/DropElement.js +1 -162
  69. package/dist/esm/components/image-to-layout/ImageToLayout.js +1 -37
  70. package/dist/esm/index.js +1 -33
  71. package/dist/esm/layouts/main.js +1 -26
  72. package/dist/esm/libs/api/get-builder-props.js +1 -39
  73. package/dist/esm/libs/api/get-collection-props.js +1 -66
  74. package/dist/esm/libs/api/get-home-page-props-v2.js +1 -143
  75. package/dist/esm/libs/api/get-home-page-props.js +1 -149
  76. package/dist/esm/libs/api/get-post-purchase-props-preview.js +1 -0
  77. package/dist/esm/libs/api/get-preview-props.js +1 -16
  78. package/dist/esm/libs/api/get-product-props.js +1 -71
  79. package/dist/esm/libs/api/get-static-page-props-preview.js +1 -148
  80. package/dist/esm/libs/api/get-static-page-props-v2.js +1 -146
  81. package/dist/esm/libs/api/get-static-page-props.js +1 -146
  82. package/dist/esm/libs/custom-fonts.js +8 -0
  83. package/dist/esm/libs/fetcher.js +1 -64
  84. package/dist/esm/libs/get-layout.js +1 -11
  85. package/dist/esm/libs/get-storefront-api.js +1 -10
  86. package/dist/esm/libs/getStaticPaths.js +1 -8
  87. package/dist/esm/libs/google-fonts.js +1 -75
  88. package/dist/esm/libs/helpers/common.js +1 -24
  89. package/dist/esm/libs/helpers/gen-css.js +1 -109
  90. package/dist/esm/libs/helpers/gen-fonts.js +1 -65
  91. package/dist/esm/libs/helpers/generate-manifres.js +1 -3
  92. package/dist/esm/libs/helpers/get-fallback.js +1 -33
  93. package/dist/esm/libs/helpers/normalize.js +1 -85
  94. package/dist/esm/libs/helpers/parse-json.js +1 -13
  95. package/dist/esm/libs/helpers/user-agent.js +1 -5
  96. package/dist/esm/libs/hooks/use-tracking-view.js +1 -43
  97. package/dist/esm/libs/hooks/usePagePreview.js +1 -0
  98. package/dist/esm/libs/parse-html.js +1 -40
  99. package/dist/esm/libs/shopify-cdn-with-google-fonts.js +1 -1843
  100. package/dist/esm/pages/404.js +1 -41
  101. package/dist/esm/pages/500.js +1 -72
  102. package/dist/esm/pages/CollectionGlobalProvider.js +1 -55
  103. package/dist/esm/pages/builder.js +1 -101
  104. package/dist/esm/pages/collection-detail.js +1 -60
  105. package/dist/esm/pages/preview.js +1 -24
  106. package/dist/esm/pages/product-detail.js +1 -65
  107. package/dist/esm/pages/static-v2.js +1 -82
  108. package/dist/esm/pages/static.js +1 -71
  109. package/dist/types/index.d.ts +29 -6
  110. package/package.json +5 -5
@@ -1,41 +1 @@
1
- import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
2
- import { NextSeo } from 'next-seo';
3
- import Image from 'next/image';
4
-
5
- const Page404 = ()=>{
6
- return /*#__PURE__*/ jsxs(Fragment, {
7
- children: [
8
- /*#__PURE__*/ jsx(NextSeo, {
9
- title: "Page not found"
10
- }),
11
- /*#__PURE__*/ jsxs("div", {
12
- className: "tablet:gp-max-w-2xl gp-container gp-mx-auto gp-flex gp-min-h-screen gp-max-w-4xl gp-flex-col gp-items-center gp-justify-center gp-gap-8 gp-px-8",
13
- children: [
14
- /*#__PURE__*/ jsx(Image, {
15
- sizes: "(max-width: 768px) 100vw, 50vw",
16
- src: "https://ucarecdn.com/27dfcf10-8fff-4341-90a0-dc97e4072acc/-/format/auto/",
17
- width: 802,
18
- height: 450,
19
- alt: "Not found",
20
- quality: 100,
21
- priority: true
22
- }),
23
- /*#__PURE__*/ jsxs("div", {
24
- className: "gp-flex gp-flex-col gp-items-center gp-justify-center gp-gap-2 gp-pb-36",
25
- children: [
26
- /*#__PURE__*/ jsx("h1", {
27
- className: "mobile:gp-text-2xl gp-text-4xl gp-font-semibold",
28
- children: "Oops! Page not found"
29
- }),
30
- /*#__PURE__*/ jsx("p", {
31
- children: "Your page URL is incorrect."
32
- })
33
- ]
34
- })
35
- ]
36
- })
37
- ]
38
- });
39
- };
40
-
41
- export { Page404 };
1
+ import{jsxs as e,Fragment as t,jsx as p}from"react/jsx-runtime";import{NextSeo as i}from"next-seo";import g from"next/image";let Page404=()=>e(t,{children:[p(i,{title:"Page not found"}),e("div",{className:"tablet:gp-max-w-2xl gp-container gp-mx-auto gp-flex gp-min-h-screen gp-max-w-4xl gp-flex-col gp-items-center gp-justify-center gp-gap-8 gp-px-8",children:[p(g,{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}),e("div",{className:"gp-flex gp-flex-col gp-items-center gp-justify-center gp-gap-2 gp-pb-36",children:[p("h1",{className:"mobile:gp-text-2xl gp-text-4xl gp-font-semibold",children:"Oops! Page not found"}),p("p",{children:"Your page URL is incorrect."})]})]})]});export{Page404};
@@ -1,72 +1 @@
1
- import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
2
- import { cls } from '@gem-sdk/core';
3
- import { NextSeo } from 'next-seo';
4
- import Image from 'next/image';
5
- import { useState } from 'react';
6
-
7
- const Page500 = ()=>{
8
- const [loading, setLoading] = useState(false);
9
- return /*#__PURE__*/ jsxs(Fragment, {
10
- children: [
11
- /*#__PURE__*/ jsx(NextSeo, {
12
- title: "Service Unavailable"
13
- }),
14
- /*#__PURE__*/ jsxs("div", {
15
- className: "tablet:gp-max-w-2xl gp-container gp-mx-auto gp-flex gp-min-h-screen gp-max-w-4xl gp-flex-col gp-items-center gp-justify-center gp-gap-8 gp-px-8",
16
- children: [
17
- /*#__PURE__*/ jsx(Image, {
18
- sizes: "(max-width: 768px) 100vw, 50vw",
19
- src: "https://ucarecdn.com/ea647025-54e3-4abb-87c4-859c5853ed56/-/format/auto/",
20
- width: 802,
21
- height: 450,
22
- alt: "Not found",
23
- quality: 100,
24
- priority: true
25
- }),
26
- /*#__PURE__*/ jsxs("div", {
27
- className: "gp-flex gp-flex-col gp-gap-8 gp-pb-36",
28
- children: [
29
- /*#__PURE__*/ jsxs("div", {
30
- className: "gp-flex gp-flex-col gp-items-center gp-justify-center gp-gap-2 gp-text-center",
31
- children: [
32
- /*#__PURE__*/ jsx("h1", {
33
- className: "mobile:gp-text-2xl gp-text-4xl gp-font-semiboldgp-",
34
- children: "Service Unavailable"
35
- }),
36
- /*#__PURE__*/ jsx("p", {
37
- className: "gp-text-center",
38
- children: "The server is temporarily busy. Try again later."
39
- })
40
- ]
41
- }),
42
- /*#__PURE__*/ jsxs("button", {
43
- className: "gp-mx-auto gp-inline-flex gp-h-10 gp-items-center gp-justify-center gp-gap-2 gp-rounded gp-bg-[#3C67FF] gp-px-6 gp-text-white active:gp-translate-y-1",
44
- onClick: ()=>{
45
- setLoading(true);
46
- window.location.reload();
47
- },
48
- children: [
49
- /*#__PURE__*/ jsx("svg", {
50
- className: cls('gp-w-5', {
51
- 'gp-animate-spin': loading
52
- }),
53
- viewBox: "0 0 20 20",
54
- fill: "none",
55
- xmlns: "http://www.w3.org/2000/svg",
56
- children: /*#__PURE__*/ jsx("path", {
57
- 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",
58
- fill: "currentColor"
59
- })
60
- }),
61
- "Refresh"
62
- ]
63
- })
64
- ]
65
- })
66
- ]
67
- })
68
- ]
69
- });
70
- };
71
-
72
- export { Page500 };
1
+ import{jsxs as e,Fragment as t,jsx as p}from"react/jsx-runtime";import{cls as r}from"@gem-sdk/core";import{NextSeo as a}from"next-seo";import i from"next/image";import{useState as l}from"react";let Page500=()=>{let[g,n]=l(!1);return e(t,{children:[p(a,{title:"Service Unavailable"}),e("div",{className:"tablet:gp-max-w-2xl gp-container gp-mx-auto gp-flex gp-min-h-screen gp-max-w-4xl gp-flex-col gp-items-center gp-justify-center gp-gap-8 gp-px-8",children:[p(i,{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}),e("div",{className:"gp-flex gp-flex-col gp-gap-8 gp-pb-36",children:[e("div",{className:"gp-flex gp-flex-col gp-items-center gp-justify-center gp-gap-2 gp-text-center",children:[p("h1",{className:"mobile:gp-text-2xl gp-text-4xl gp-font-semiboldgp-",children:"Service Unavailable"}),p("p",{className:"gp-text-center",children:"The server is temporarily busy. Try again later."})]}),e("button",{className:"gp-mx-auto gp-inline-flex gp-h-10 gp-items-center gp-justify-center gp-gap-2 gp-rounded gp-bg-[#3C67FF] gp-px-6 gp-text-white active:gp-translate-y-1",onClick:()=>{n(!0),window.location.reload()},children:[p("svg",{className:r("gp-w-5",{"gp-animate-spin":g}),viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:p("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"]})]})]})]})};export{Page500};
@@ -1,55 +1 @@
1
- import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
2
- import { useState, useCallback, useEffect } from 'react';
3
- import { useCollectionsQuery } from '@gem-sdk/core';
4
- import dynamic from 'next/dynamic';
5
-
6
- const CollectionProvider = dynamic(()=>import('@gem-sdk/core').then((m)=>m.CollectionProvider));
7
- const CollectionGlobalProvider = ({ children })=>{
8
- const [variables, setVariables] = useState({
9
- first: 1,
10
- orderBy: {
11
- direction: 'DESC',
12
- field: 'UPDATED_AT'
13
- },
14
- where: {
15
- isSample: false
16
- }
17
- });
18
- const { data: collections, isLoading, error } = useCollectionsQuery(variables);
19
- const collection = collections?.collections?.edges?.[0]?.node;
20
- const onChangeCollectionInfo = useCallback((e)=>{
21
- const detail = e.detail;
22
- setVariables({
23
- ...variables,
24
- where: {
25
- ...variables.where,
26
- baseID: detail?.baseID
27
- }
28
- });
29
- }, [
30
- variables
31
- ]);
32
- useEffect(()=>{
33
- window.addEventListener('update-collection-info', onChangeCollectionInfo);
34
- return ()=>{
35
- window.removeEventListener('update-collection-info', onChangeCollectionInfo);
36
- };
37
- }, [
38
- onChangeCollectionInfo
39
- ]);
40
- return /*#__PURE__*/ jsx(Fragment, {
41
- children: isLoading ? /*#__PURE__*/ jsx("div", {
42
- children: "Loading..."
43
- }) : error ? /*#__PURE__*/ jsxs("div", {
44
- children: [
45
- "Error: ",
46
- error?.message
47
- ]
48
- }) : /*#__PURE__*/ jsx(CollectionProvider, {
49
- collection: collection,
50
- children: children
51
- })
52
- });
53
- };
54
-
55
- export { CollectionGlobalProvider as default };
1
+ import{jsx as e,Fragment as o,jsxs as r}from"react/jsx-runtime";import{useState as i,useCallback as t,useEffect as l}from"react";import{useCollectionsQuery as d}from"@gem-sdk/core";import n from"next/dynamic";let CollectionProvider=n(()=>import("@gem-sdk/core").then(e=>e.CollectionProvider)),CollectionGlobalProvider=({children:n})=>{let[c,a]=i({first:1,orderBy:{direction:"DESC",field:"UPDATED_AT"},where:{isSample:!1}}),{data:m,isLoading:s,error:v}=d(c),f=m?.collections?.edges?.[0]?.node,p=t(e=>{let o=e.detail;a({...c,where:{...c.where,baseID:o?.baseID}})},[c]);return l(()=>(window.addEventListener("update-collection-info",p),()=>{window.removeEventListener("update-collection-info",p)}),[p]),e(o,{children:s?e("div",{children:"Loading..."}):v?r("div",{children:["Error: ",v?.message]}):e(CollectionProvider,{collection:f,children:n})})};export{CollectionGlobalProvider as default};
@@ -1,101 +1 @@
1
- import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
2
- import { PageProvider, BuilderComponentProvider, SectionProvider, BuilderPreviewProvider, RenderPreview } from '@gem-sdk/core';
3
- import { NextSeo } from 'next-seo';
4
- import Head from 'next/head';
5
- import { useState, useMemo, useEffect } from 'react';
6
- import Toolbox from '../components/builder/Toolbox.js';
7
- import Header from '../components/Header.js';
8
- import Footer from '../components/Footer.js';
9
- import CollectionGlobalProvider from './CollectionGlobalProvider.js';
10
- import PopupManager from '../components/builder/PopupManager.js';
11
- import ImageToLayout from '../components/image-to-layout/ImageToLayout.js';
12
- import AddSectionImageToLayout from '../components/image-to-layout/AddSectionImageToLayout.js';
13
- import Toolbar from '../components/builder/Toolbar.js';
14
-
15
- const BuilderPage = ({ components, seo, themeStyle, fontStyle, sectionData, pageType, editorImageToLayout, isThemeSectionEditor, hiddenToolbar })=>{
16
- const [loadSuccess, setLoadSuccess] = useState(false);
17
- const initState = useMemo(()=>({
18
- ROOT: {
19
- uid: 'ROOT',
20
- tag: 'Root',
21
- label: 'Root',
22
- childrens: []
23
- }
24
- }), []);
25
- useEffect(()=>{
26
- setLoadSuccess(true);
27
- }, []);
28
- return /*#__PURE__*/ jsxs(Fragment, {
29
- children: [
30
- /*#__PURE__*/ jsx(NextSeo, {
31
- ...seo
32
- }),
33
- /*#__PURE__*/ jsxs(Head, {
34
- children: [
35
- themeStyle && /*#__PURE__*/ jsx("style", {
36
- type: "text/css",
37
- id: "global-style",
38
- dangerouslySetInnerHTML: {
39
- __html: themeStyle
40
- }
41
- }),
42
- fontStyle && /*#__PURE__*/ jsx("style", {
43
- "data-id": "google-fonts",
44
- type: "text/css",
45
- dangerouslySetInnerHTML: {
46
- __html: fontStyle
47
- }
48
- })
49
- ]
50
- }),
51
- /*#__PURE__*/ jsx(PageProvider, {
52
- children: /*#__PURE__*/ jsx(BuilderComponentProvider, {
53
- components: components,
54
- children: /*#__PURE__*/ jsx(SectionProvider, {
55
- data: sectionData,
56
- children: /*#__PURE__*/ jsxs(BuilderPreviewProvider, {
57
- state: initState,
58
- isThemeSectionEditor: isThemeSectionEditor,
59
- children: [
60
- /*#__PURE__*/ jsx(Toolbox, {}),
61
- !hiddenToolbar && /*#__PURE__*/ jsx(Toolbar, {}),
62
- /*#__PURE__*/ jsx(PopupManager, {}),
63
- loadSuccess && /*#__PURE__*/ jsxs("div", {
64
- className: "builder gp-z-1 gp-relative",
65
- children: [
66
- !hiddenToolbar && (isThemeSectionEditor ? /*#__PURE__*/ jsx("div", {
67
- className: "gp-h-[40px] gp-bg-[#f4f4f4]"
68
- }) : /*#__PURE__*/ jsx(Header, {})),
69
- /*#__PURE__*/ jsx("div", {
70
- id: "storefront",
71
- className: isThemeSectionEditor ? 'theme-section-editor' : '',
72
- children: pageType === 'GP_COLLECTION' ? /*#__PURE__*/ jsx(CollectionGlobalProvider, {
73
- children: /*#__PURE__*/ jsx(RenderPreview, {
74
- uid: "ROOT"
75
- })
76
- }) : /*#__PURE__*/ jsx(RenderPreview, {
77
- uid: "ROOT"
78
- })
79
- }),
80
- /*#__PURE__*/ jsx(ImageToLayout, {
81
- editorImageToLayout: editorImageToLayout || false
82
- }),
83
- /*#__PURE__*/ jsx(AddSectionImageToLayout, {
84
- editorImageToLayout: editorImageToLayout || false
85
- }),
86
- /*#__PURE__*/ jsx("div", {
87
- id: "visual-content"
88
- }),
89
- !isThemeSectionEditor && !hiddenToolbar && /*#__PURE__*/ jsx(Footer, {})
90
- ]
91
- })
92
- ]
93
- }, "preview")
94
- })
95
- })
96
- })
97
- ]
98
- });
99
- };
100
-
101
- export { BuilderPage };
1
+ import{jsxs as e,Fragment as o,jsx as t}from"react/jsx-runtime";import{PageProvider as r,BuilderComponentProvider as i,SectionProvider as m,BuilderPreviewProvider as n,RenderPreview as a}from"@gem-sdk/core";import{NextSeo as l}from"next-seo";import s from"next/head";import{useState as d,useMemo as p,useEffect as c}from"react";import g from"../components/builder/Toolbox.js";import u from"../components/Header.js";import f from"../components/Footer.js";import h from"./CollectionGlobalProvider.js";import T from"../components/builder/PopupManager.js";import y from"../components/image-to-layout/ImageToLayout.js";import O from"../components/image-to-layout/AddSectionImageToLayout.js";import b from"../components/builder/Toolbar.js";let BuilderPage=({components:j,seo:v,themeStyle:x,fontStyle:L,sectionData:I,pageType:P,editorImageToLayout:R,isThemeSectionEditor:S,hiddenToolbar:_})=>{let[C,H]=d(!1),N=p(()=>({ROOT:{uid:"ROOT",tag:"Root",label:"Root",childrens:[]}}),[]);return c(()=>{H(!0)},[]),e(o,{children:[t(l,{...v}),e(s,{children:[x&&t("style",{type:"text/css",id:"global-style",dangerouslySetInnerHTML:{__html:x}}),L&&t("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:L}})]}),t(r,{children:t(i,{components:j,children:t(m,{data:I,children:e(n,{state:N,isThemeSectionEditor:S,children:[t(g,{}),!_&&t(b,{}),t(T,{}),C&&e("div",{className:"builder gp-z-1 gp-relative",children:[!_&&(S?t("div",{className:"gp-h-[40px] gp-bg-[#f4f4f4]"}):t(u,{pageType:P})),t("div",{id:"storefront",className:`${S?"theme-section-editor":""} ${"POST_PURCHASE"===P?"post-purchase-page":""}`,children:"GP_COLLECTION"===P?t(h,{children:t(a,{uid:"ROOT"})}):t(a,{uid:"ROOT"})}),t(y,{editorImageToLayout:R||!1}),t(O,{editorImageToLayout:R||!1}),t("div",{id:"visual-content"}),!S&&!_&&t(f,{pageType:P})]})]},"preview")})})})]})};export{BuilderPage};
@@ -1,60 +1 @@
1
- import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
2
- import { PageProvider, BuilderComponentProvider, SectionProvider, BuilderProvider, Render } from '@gem-sdk/core';
3
- import { NextSeo } from 'next-seo';
4
- import dynamic from 'next/dynamic';
5
- import Head from 'next/head';
6
- import { useRouter } from 'next/router';
7
-
8
- const CollectionProvider = dynamic(()=>import('@gem-sdk/core').then((m)=>m.CollectionProvider));
9
- const CollectionDetailPage = ({ seo, components, builderData, sectionData, themeStyle, collection, fontStyle })=>{
10
- const router = useRouter();
11
- if (router.isFallback) {
12
- return /*#__PURE__*/ jsx("div", {
13
- children: "Loading..."
14
- });
15
- }
16
- return /*#__PURE__*/ jsxs(Fragment, {
17
- children: [
18
- /*#__PURE__*/ jsx(NextSeo, {
19
- ...seo
20
- }),
21
- /*#__PURE__*/ jsxs(Head, {
22
- children: [
23
- themeStyle && /*#__PURE__*/ jsx("style", {
24
- "data-id": "global-style",
25
- type: "text/css",
26
- dangerouslySetInnerHTML: {
27
- __html: themeStyle
28
- }
29
- }),
30
- fontStyle && /*#__PURE__*/ jsx("style", {
31
- "data-id": "google-fonts",
32
- type: "text/css",
33
- dangerouslySetInnerHTML: {
34
- __html: fontStyle
35
- }
36
- })
37
- ]
38
- }),
39
- /*#__PURE__*/ jsx(PageProvider, {
40
- children: /*#__PURE__*/ jsx(BuilderComponentProvider, {
41
- components: components,
42
- children: /*#__PURE__*/ jsx(SectionProvider, {
43
- data: sectionData,
44
- children: /*#__PURE__*/ jsx(CollectionProvider, {
45
- collection: collection,
46
- children: builderData && /*#__PURE__*/ jsx(BuilderProvider, {
47
- state: builderData,
48
- children: /*#__PURE__*/ jsx(Render, {
49
- uid: "ROOT"
50
- })
51
- })
52
- })
53
- })
54
- })
55
- })
56
- ]
57
- });
58
- };
59
-
60
- export { CollectionDetailPage as default };
1
+ import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{PageProvider as r,BuilderComponentProvider as l,SectionProvider as i,BuilderProvider as n,Render as d}from"@gem-sdk/core";import{NextSeo as c}from"next-seo";import a from"next/dynamic";import m from"next/head";import{useRouter as s}from"next/router";let CollectionProvider=a(()=>import("@gem-sdk/core").then(e=>e.CollectionProvider)),CollectionDetailPage=({seo:a,components:h,builderData:p,sectionData:g,themeStyle:f,collection:x,fontStyle:y})=>{let u=s();return u.isFallback?e("div",{children:"Loading..."}):t(o,{children:[e(c,{...a}),t(m,{children:[f&&e("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:f}}),y&&e("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:y}})]}),e(r,{children:e(l,{components:h,children:e(i,{data:g,children:e(CollectionProvider,{collection:x,children:p&&e(n,{state:p,children:e(d,{uid:"ROOT"})})})})})})]})};export{CollectionDetailPage as default};
@@ -1,24 +1 @@
1
- import { jsx } from 'react/jsx-runtime';
2
- import dynamic from 'next/dynamic';
3
-
4
- const StaticPage = dynamic(()=>import('./static.js'));
5
- const ProductPage = dynamic(()=>import('./product-detail.js'));
6
- const CollectionPage = dynamic(()=>import('./collection-detail.js'));
7
- const PreviewPage = ({ pageType, ...props })=>{
8
- switch(pageType){
9
- case 'PRODUCT':
10
- return /*#__PURE__*/ jsx(ProductPage, {
11
- ...props
12
- });
13
- case 'COLLECTION':
14
- return /*#__PURE__*/ jsx(CollectionPage, {
15
- ...props
16
- });
17
- default:
18
- return /*#__PURE__*/ jsx(StaticPage, {
19
- ...props
20
- });
21
- }
22
- };
23
-
24
- export { PreviewPage };
1
+ import{jsx as t}from"react/jsx-runtime";import e from"next/dynamic";let StaticPage=e(()=>import("./static.js")),ProductPage=e(()=>import("./product-detail.js")),CollectionPage=e(()=>import("./collection-detail.js")),PreviewPage=({pageType:e,...r})=>{switch(e){case"PRODUCT":return t(ProductPage,{...r});case"COLLECTION":return t(CollectionPage,{...r});default:return t(StaticPage,{...r})}};export{PreviewPage};
@@ -1,65 +1 @@
1
- import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
2
- import { PageProvider, BuilderComponentProvider, SectionProvider, BuilderProvider, Render, AddOn } from '@gem-sdk/core';
3
- import { NextSeo } from 'next-seo';
4
- import dynamic from 'next/dynamic';
5
- import Head from 'next/head';
6
- import { useRouter } from 'next/router';
7
-
8
- const ProductProvider = dynamic(()=>import('@gem-sdk/core').then((m)=>m.ProductProvider));
9
- const ProductDetailPage = ({ themeStyle, fontStyle, seo, product, components, builderData, sectionData })=>{
10
- const router = useRouter();
11
- if (router.isFallback) {
12
- return /*#__PURE__*/ jsx("div", {
13
- children: "Loading..."
14
- });
15
- }
16
- return /*#__PURE__*/ jsxs(Fragment, {
17
- children: [
18
- /*#__PURE__*/ jsx(NextSeo, {
19
- ...seo
20
- }),
21
- /*#__PURE__*/ jsxs(Head, {
22
- children: [
23
- themeStyle && /*#__PURE__*/ jsx("style", {
24
- "data-id": "global-style",
25
- type: "text/css",
26
- dangerouslySetInnerHTML: {
27
- __html: themeStyle
28
- }
29
- }),
30
- fontStyle && /*#__PURE__*/ jsx("style", {
31
- "data-id": "google-fonts",
32
- type: "text/css",
33
- dangerouslySetInnerHTML: {
34
- __html: fontStyle
35
- }
36
- })
37
- ]
38
- }),
39
- /*#__PURE__*/ jsx(PageProvider, {
40
- children: /*#__PURE__*/ jsx(BuilderComponentProvider, {
41
- components: components,
42
- children: /*#__PURE__*/ jsx(SectionProvider, {
43
- data: sectionData,
44
- children: /*#__PURE__*/ jsxs(ProductProvider, {
45
- product: product,
46
- children: [
47
- builderData && /*#__PURE__*/ jsx(BuilderProvider, {
48
- state: builderData,
49
- children: /*#__PURE__*/ jsx(Render, {
50
- uid: "ROOT"
51
- })
52
- }),
53
- /*#__PURE__*/ jsx(AddOn, {
54
- name: "sticky-add-to-cart"
55
- })
56
- ]
57
- })
58
- })
59
- })
60
- })
61
- ]
62
- });
63
- };
64
-
65
- export { ProductDetailPage as default };
1
+ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import{PageProvider as o,BuilderComponentProvider as d,SectionProvider as i,BuilderProvider as n,Render as a,AddOn as l}from"@gem-sdk/core";import{NextSeo as c}from"next-seo";import m from"next/dynamic";import s from"next/head";import{useRouter as u}from"next/router";let ProductProvider=m(()=>import("@gem-sdk/core").then(e=>e.ProductProvider)),ProductDetailPage=({themeStyle:m,fontStyle:h,seo:p,product:g,components:P,builderData:y,sectionData:f})=>{let x=u();return x.isFallback?e("div",{children:"Loading..."}):t(r,{children:[e(c,{...p}),t(s,{children:[m&&e("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:m}}),h&&e("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:h}})]}),e(o,{children:e(d,{components:P,children:e(i,{data:f,children:t(ProductProvider,{product:g,children:[y&&e(n,{state:y,children:e(a,{uid:"ROOT"})}),e(l,{name:"sticky-add-to-cart"})]})})})})]})};export{ProductDetailPage as default};
@@ -1,82 +1 @@
1
- import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
2
- import { PageProvider, BuilderComponentProvider, SectionProvider, BuilderProvider, Render } from '@gem-sdk/core';
3
- import { NextSeo } from 'next-seo';
4
- import Head from 'next/head';
5
- import { useRouter } from 'next/router';
6
- import { useTrackingView } from '../libs/hooks/use-tracking-view.js';
7
- import { parseHtml } from '../libs/parse-html.js';
8
-
9
- const StaticPageV2 = ({ components, builderData, sectionData, seo, themeStyle, fontStyle, elementFontStyle, customCodeHeader, shopToken, pageHandle })=>{
10
- const router = useRouter();
11
- useTrackingView(shopToken, pageHandle, router.isFallback);
12
- if (router.isFallback) {
13
- return /*#__PURE__*/ jsx("div", {
14
- className: "gp-flex gp-h-full gp-items-center gp-justify-center",
15
- children: /*#__PURE__*/ jsxs("div", {
16
- className: "gp-flex gp-gap-2",
17
- children: [
18
- /*#__PURE__*/ jsx("span", {
19
- className: "gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_alternate] gp-rounded-full gp-bg-slate-800"
20
- }),
21
- /*#__PURE__*/ jsx("span", {
22
- className: "gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_200ms_linear_alternate] gp-rounded-full gp-bg-slate-800"
23
- }),
24
- /*#__PURE__*/ jsx("span", {
25
- className: "gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_500ms_alternate] gp-rounded-full gp-bg-slate-800"
26
- })
27
- ]
28
- })
29
- });
30
- }
31
- return /*#__PURE__*/ jsxs(Fragment, {
32
- children: [
33
- /*#__PURE__*/ jsx(NextSeo, {
34
- ...seo
35
- }),
36
- /*#__PURE__*/ jsxs(Head, {
37
- children: [
38
- parseHtml(customCodeHeader, true),
39
- themeStyle && /*#__PURE__*/ jsx("style", {
40
- "data-id": "global-style",
41
- type: "text/css",
42
- dangerouslySetInnerHTML: {
43
- __html: themeStyle
44
- }
45
- }),
46
- fontStyle && /*#__PURE__*/ jsx("style", {
47
- "data-id": "google-fonts",
48
- type: "text/css",
49
- dangerouslySetInnerHTML: {
50
- __html: fontStyle
51
- }
52
- }),
53
- elementFontStyle && elementFontStyle.map((fontStyle)=>/*#__PURE__*/ jsx("style", {
54
- "data-id": "google-element-fonts",
55
- type: "text/css",
56
- dangerouslySetInnerHTML: {
57
- __html: fontStyle
58
- }
59
- }, fontStyle))
60
- ]
61
- }),
62
- /*#__PURE__*/ jsx(PageProvider, {
63
- children: /*#__PURE__*/ jsx(BuilderComponentProvider, {
64
- components: components,
65
- children: /*#__PURE__*/ jsx(SectionProvider, {
66
- data: sectionData,
67
- children: builderData?.map((builder)=>/*#__PURE__*/ jsx(BuilderProvider, {
68
- state: builder.data,
69
- lazy: builder.lazy,
70
- priority: builder.priority,
71
- children: /*#__PURE__*/ jsx(Render, {
72
- uid: builder.uid
73
- })
74
- }, builder.uid))
75
- })
76
- })
77
- })
78
- ]
79
- });
80
- };
81
-
82
- export { StaticPageV2 };
1
+ import{jsx as e,jsxs as t,Fragment as a}from"react/jsx-runtime";import{PageProvider as s,BuilderComponentProvider as r,SectionProvider as l,BuilderProvider as n,Render as i}from"@gem-sdk/core";import{NextSeo as o}from"next-seo";import p from"next/head";import{useRouter as m}from"next/router";import{useTrackingView as g}from"../libs/hooks/use-tracking-view.js";import{parseHtml as d}from"../libs/parse-html.js";import c from"../components/Header.js";import f from"../components/FooterForPostPurchase.js";let StaticPageV2=({components:u,builderData:h,sectionData:_,seo:y,themeStyle:x,fontStyle:b,elementFontStyle:P,customCodeHeader:S,shopToken:j,pageHandle:H,customFonts:N,isPostPurchase:T,shopName:k,productOffers:F})=>{let I=m();return(g(j,H,I.isFallback),I.isFallback)?e("div",{className:"gp-flex gp-h-full gp-items-center gp-justify-center",children:t("div",{className:"gp-flex gp-gap-2",children:[e("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_alternate] gp-rounded-full gp-bg-slate-800"}),e("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_200ms_linear_alternate] gp-rounded-full gp-bg-slate-800"}),e("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_500ms_alternate] gp-rounded-full gp-bg-slate-800"})]})}):t(a,{children:[e(o,{...y}),t(p,{children:[d(S,!0),x&&e("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:x}}),b&&e("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:b}}),P&&P.map(t=>e("style",{"data-id":"google-element-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:t}},t)),N&&e("style",{"data-id":"custom-element-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:N}},b)]}),e(s,{productOffers:F,children:t(r,{components:u,children:[T&&e(c,{pageType:"POST_PURCHASE"}),e(l,{data:_,children:h?.map(t=>e(n,{state:t.data,lazy:t.lazy,priority:t.priority,isPostPurchase:T,children:e(i,{uid:t.uid})},t.uid))}),T&&e(f,{shopName:k||""})]})})]})};export{StaticPageV2};
@@ -1,71 +1 @@
1
- import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
2
- import { PageProvider, BuilderComponentProvider, SectionProvider, BuilderProvider, Render } from '@gem-sdk/core';
3
- import { NextSeo } from 'next-seo';
4
- import Head from 'next/head';
5
- import { useRouter } from 'next/router';
6
-
7
- const StaticPage = ({ components, builderData, sectionData, seo, themeStyle, fontStyle })=>{
8
- const router = useRouter();
9
- if (router.isFallback) {
10
- return /*#__PURE__*/ jsx("div", {
11
- className: "gp-flex gp-h-full gp-items-center gp-justify-center",
12
- children: /*#__PURE__*/ jsxs("div", {
13
- className: "gp-flex gp-gap-2",
14
- children: [
15
- /*#__PURE__*/ jsx("span", {
16
- className: "gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_alternate] gp-rounded-full gp-bg-slate-800"
17
- }),
18
- /*#__PURE__*/ jsx("span", {
19
- className: "gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_200ms_linear_alternate] gp-rounded-full gp-bg-slate-800"
20
- }),
21
- /*#__PURE__*/ jsx("span", {
22
- className: "gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_500ms_alternate] gp-rounded-full gp-bg-slate-800"
23
- })
24
- ]
25
- })
26
- });
27
- }
28
- return /*#__PURE__*/ jsxs(Fragment, {
29
- children: [
30
- /*#__PURE__*/ jsx(NextSeo, {
31
- ...seo
32
- }),
33
- /*#__PURE__*/ jsxs(Head, {
34
- children: [
35
- themeStyle && /*#__PURE__*/ jsx("style", {
36
- "data-id": "global-style",
37
- type: "text/css",
38
- dangerouslySetInnerHTML: {
39
- __html: themeStyle
40
- }
41
- }),
42
- fontStyle && /*#__PURE__*/ jsx("style", {
43
- "data-id": "google-fonts",
44
- type: "text/css",
45
- dangerouslySetInnerHTML: {
46
- __html: fontStyle
47
- }
48
- })
49
- ]
50
- }),
51
- /*#__PURE__*/ jsx(PageProvider, {
52
- children: /*#__PURE__*/ jsx(BuilderComponentProvider, {
53
- components: components,
54
- children: /*#__PURE__*/ jsx(SectionProvider, {
55
- data: sectionData,
56
- children: /*#__PURE__*/ jsx(Fragment, {
57
- children: builderData && /*#__PURE__*/ jsx(BuilderProvider, {
58
- state: builderData,
59
- children: /*#__PURE__*/ jsx(Render, {
60
- uid: "ROOT"
61
- })
62
- }, "body")
63
- })
64
- })
65
- })
66
- })
67
- ]
68
- });
69
- };
70
-
71
- export { StaticPage as default };
1
+ import{jsx as e,jsxs as t,Fragment as a}from"react/jsx-runtime";import{PageProvider as l,BuilderComponentProvider as s,SectionProvider as n,BuilderProvider as r,Render as i}from"@gem-sdk/core";import{NextSeo as p}from"next-seo";import g from"next/head";import{useRouter as d}from"next/router";let StaticPage=({components:m,builderData:c,sectionData:o,seo:f,themeStyle:h,fontStyle:u})=>{let _=d();return _.isFallback?e("div",{className:"gp-flex gp-h-full gp-items-center gp-justify-center",children:t("div",{className:"gp-flex gp-gap-2",children:[e("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_alternate] gp-rounded-full gp-bg-slate-800"}),e("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_200ms_linear_alternate] gp-rounded-full gp-bg-slate-800"}),e("span",{className:"gp-aspect-square gp-h-2 gp-animate-[flashing_500ms_infinite_500ms_alternate] gp-rounded-full gp-bg-slate-800"})]})}):t(a,{children:[e(p,{...f}),t(g,{children:[h&&e("style",{"data-id":"global-style",type:"text/css",dangerouslySetInnerHTML:{__html:h}}),u&&e("style",{"data-id":"google-fonts",type:"text/css",dangerouslySetInnerHTML:{__html:u}})]}),e(l,{children:e(s,{components:m,children:e(n,{data:o,children:e(a,{children:c&&e(r,{state:c,children:e(i,{uid:"ROOT"})},"body")})})})})]})};export{StaticPage as default};