@gem-sdk/pages 1.5.7 → 1.5.23
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 +32 -24
- package/dist/cjs/components/ErrorFallback.js +19 -2
- package/dist/cjs/components/FacebookPixel.js +25 -20
- package/dist/cjs/components/Footer.js +462 -0
- package/dist/cjs/components/GoogleAnalytic.js +49 -23
- package/dist/cjs/components/Header.js +211 -0
- package/dist/cjs/components/TikTokPixel.js +9 -6
- package/dist/cjs/components/builder/Toolbox.js +215 -188
- package/dist/cjs/layouts/main.js +19 -5
- package/dist/cjs/libs/api/get-builder-props.js +26 -24
- package/dist/cjs/libs/api/get-collection-props.js +59 -55
- package/dist/cjs/libs/api/get-home-page-props-v2.js +121 -114
- package/dist/cjs/libs/api/get-home-page-props.js +133 -123
- package/dist/cjs/libs/api/get-preview-props.js +10 -10
- package/dist/cjs/libs/api/get-product-props.js +64 -62
- package/dist/cjs/libs/api/get-static-page-props-preview.js +128 -121
- package/dist/cjs/libs/api/get-static-page-props-v2.js +126 -119
- package/dist/cjs/libs/api/get-static-page-props.js +130 -120
- package/dist/cjs/libs/fetcher.js +59 -63
- package/dist/cjs/libs/get-layout.js +5 -2
- package/dist/cjs/libs/get-storefront-api.js +7 -7
- package/dist/cjs/libs/getStaticPaths.js +5 -5
- package/dist/cjs/libs/google-fonts.js +54 -61
- package/dist/cjs/libs/helpers/gen-css.js +103 -94
- package/dist/cjs/libs/helpers/generate-manifres.js +1 -1
- package/dist/cjs/libs/helpers/get-fallback.js +24 -22
- package/dist/cjs/libs/helpers/normalize.js +82 -80
- package/dist/cjs/libs/helpers/parse-json.js +10 -12
- package/dist/cjs/libs/helpers/user-agent.js +2 -2
- package/dist/cjs/libs/hooks/use-tracking-view.js +36 -31
- package/dist/cjs/libs/parse-html.js +33 -26
- package/dist/cjs/pages/404.js +34 -2
- package/dist/cjs/pages/500.js +63 -8
- package/dist/cjs/pages/builder.js +69 -14
- package/dist/cjs/pages/collection-detail.js +48 -7
- package/dist/cjs/pages/preview.js +18 -12
- package/dist/cjs/pages/product-detail.js +53 -7
- package/dist/cjs/pages/static-v2.js +62 -7
- package/dist/cjs/pages/static.js +60 -6
- package/dist/esm/components/ErrorBoundary.js +32 -24
- package/dist/esm/components/ErrorFallback.js +19 -2
- package/dist/esm/components/FacebookPixel.js +25 -20
- package/dist/esm/components/Footer.js +458 -0
- package/dist/esm/components/GoogleAnalytic.js +49 -23
- package/dist/esm/components/Header.js +207 -0
- package/dist/esm/components/TikTokPixel.js +9 -6
- package/dist/esm/components/builder/Toolbox.js +217 -190
- package/dist/esm/layouts/main.js +19 -5
- package/dist/esm/libs/api/get-builder-props.js +26 -24
- package/dist/esm/libs/api/get-collection-props.js +59 -55
- package/dist/esm/libs/api/get-home-page-props-v2.js +121 -114
- package/dist/esm/libs/api/get-home-page-props.js +133 -123
- package/dist/esm/libs/api/get-preview-props.js +10 -10
- package/dist/esm/libs/api/get-product-props.js +64 -62
- package/dist/esm/libs/api/get-static-page-props-preview.js +128 -121
- package/dist/esm/libs/api/get-static-page-props-v2.js +126 -119
- package/dist/esm/libs/api/get-static-page-props.js +130 -120
- package/dist/esm/libs/fetcher.js +59 -63
- package/dist/esm/libs/get-layout.js +5 -2
- package/dist/esm/libs/get-storefront-api.js +7 -7
- package/dist/esm/libs/getStaticPaths.js +5 -5
- package/dist/esm/libs/google-fonts.js +54 -61
- package/dist/esm/libs/helpers/gen-css.js +103 -94
- package/dist/esm/libs/helpers/generate-manifres.js +1 -1
- package/dist/esm/libs/helpers/get-fallback.js +24 -22
- package/dist/esm/libs/helpers/normalize.js +82 -80
- package/dist/esm/libs/helpers/parse-json.js +10 -12
- package/dist/esm/libs/helpers/user-agent.js +2 -2
- package/dist/esm/libs/hooks/use-tracking-view.js +36 -31
- package/dist/esm/libs/parse-html.js +33 -26
- package/dist/esm/pages/404.js +34 -2
- package/dist/esm/pages/500.js +63 -8
- package/dist/esm/pages/builder.js +69 -14
- package/dist/esm/pages/collection-detail.js +48 -7
- package/dist/esm/pages/preview.js +18 -12
- package/dist/esm/pages/product-detail.js +53 -7
- package/dist/esm/pages/static-v2.js +62 -7
- package/dist/esm/pages/static.js +60 -6
- package/package.json +3 -3
|
@@ -6,30 +6,53 @@ var router = require('next/router');
|
|
|
6
6
|
var Script = require('next/script');
|
|
7
7
|
var react = require('react');
|
|
8
8
|
|
|
9
|
-
const GoogleAnalytic = ({ trackingId
|
|
10
|
-
const router$1 = router.useRouter();
|
|
11
|
-
react.useEffect(()
|
|
12
|
-
const handleRouteChange = (url)
|
|
13
|
-
core.gtag.pageview(url, trackingId);
|
|
14
|
-
};
|
|
15
|
-
router$1.events.on('routeChangeComplete', handleRouteChange);
|
|
16
|
-
router$1.events.on('hashChangeComplete', handleRouteChange);
|
|
17
|
-
return ()
|
|
18
|
-
router$1.events.off('routeChangeComplete', handleRouteChange);
|
|
19
|
-
router$1.events.off('hashChangeComplete', handleRouteChange);
|
|
20
|
-
};
|
|
21
|
-
}, [
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
9
|
+
const GoogleAnalytic = ({ trackingId })=>{
|
|
10
|
+
const router$1 = router.useRouter();
|
|
11
|
+
react.useEffect(()=>{
|
|
12
|
+
const handleRouteChange = (url)=>{
|
|
13
|
+
core.gtag.pageview(url, trackingId);
|
|
14
|
+
};
|
|
15
|
+
router$1.events.on('routeChangeComplete', handleRouteChange);
|
|
16
|
+
router$1.events.on('hashChangeComplete', handleRouteChange);
|
|
17
|
+
return ()=>{
|
|
18
|
+
router$1.events.off('routeChangeComplete', handleRouteChange);
|
|
19
|
+
router$1.events.off('hashChangeComplete', handleRouteChange);
|
|
20
|
+
};
|
|
21
|
+
}, [
|
|
22
|
+
trackingId,
|
|
23
|
+
router$1.events
|
|
24
|
+
]);
|
|
25
|
+
if (!trackingId) return null;
|
|
26
|
+
if (trackingId.startsWith('UA-')) return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
27
|
+
children: [
|
|
28
|
+
/*#__PURE__*/ jsxRuntime.jsx(Script, {
|
|
29
|
+
src: "https://www.google-analytics.com/analytics.js",
|
|
30
|
+
async: true,
|
|
31
|
+
strategy: "afterInteractive"
|
|
32
|
+
}),
|
|
33
|
+
/*#__PURE__*/ jsxRuntime.jsx(Script, {
|
|
34
|
+
strategy: "afterInteractive",
|
|
35
|
+
id: "google-analytics",
|
|
36
|
+
dangerouslySetInnerHTML: {
|
|
37
|
+
__html: `window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
|
|
27
38
|
ga('create', '${trackingId}', 'auto');
|
|
28
39
|
ga('require', 'ec');
|
|
29
40
|
ga('send', 'pageview');
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
41
|
+
`
|
|
42
|
+
}
|
|
43
|
+
})
|
|
44
|
+
]
|
|
45
|
+
});
|
|
46
|
+
return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
47
|
+
children: [
|
|
48
|
+
/*#__PURE__*/ jsxRuntime.jsx(Script, {
|
|
49
|
+
strategy: "afterInteractive",
|
|
50
|
+
src: `https://www.googletagmanager.com/gtag/js?id=${trackingId}`
|
|
51
|
+
}),
|
|
52
|
+
/*#__PURE__*/ jsxRuntime.jsx(Script, {
|
|
53
|
+
id: "gtag-init",
|
|
54
|
+
strategy: "afterInteractive",
|
|
55
|
+
dangerouslySetInnerHTML: {
|
|
33
56
|
__html: `
|
|
34
57
|
window.dataLayer = window.dataLayer || [];
|
|
35
58
|
function gtag(){dataLayer.push(arguments);}
|
|
@@ -37,8 +60,11 @@ const GoogleAnalytic = ({ trackingId }) => {
|
|
|
37
60
|
gtag('config', '${trackingId}', {
|
|
38
61
|
page_path: window.location.pathname,
|
|
39
62
|
});
|
|
40
|
-
|
|
41
|
-
}
|
|
63
|
+
`
|
|
64
|
+
}
|
|
65
|
+
})
|
|
66
|
+
]
|
|
67
|
+
});
|
|
42
68
|
};
|
|
43
69
|
|
|
44
70
|
exports.GoogleAnalytic = GoogleAnalytic;
|
|
@@ -0,0 +1,211 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
+
var core = require('@gem-sdk/core');
|
|
7
|
+
|
|
8
|
+
const Header = ()=>{
|
|
9
|
+
const layoutSetting = core.useShopStore((s)=>s.layoutSettings);
|
|
10
|
+
if (!layoutSetting?.showHeader) return null;
|
|
11
|
+
return /*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
12
|
+
children: [
|
|
13
|
+
/*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
14
|
+
className: "mobile:hidden mx-4 flex h-20 items-center justify-between",
|
|
15
|
+
children: [
|
|
16
|
+
/*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
17
|
+
className: "w-[104px] text-left",
|
|
18
|
+
children: /*#__PURE__*/ jsxRuntime.jsx("svg", {
|
|
19
|
+
width: "60",
|
|
20
|
+
height: "36",
|
|
21
|
+
viewBox: "0 0 60 36",
|
|
22
|
+
fill: "none",
|
|
23
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
24
|
+
children: /*#__PURE__*/ jsxRuntime.jsx("rect", {
|
|
25
|
+
width: "60",
|
|
26
|
+
height: "36",
|
|
27
|
+
rx: "3",
|
|
28
|
+
fill: "#D6D6D6"
|
|
29
|
+
})
|
|
30
|
+
})
|
|
31
|
+
}),
|
|
32
|
+
/*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
33
|
+
className: "flex gap-10",
|
|
34
|
+
children: [
|
|
35
|
+
/*#__PURE__*/ jsxRuntime.jsx("svg", {
|
|
36
|
+
width: "48",
|
|
37
|
+
height: "12",
|
|
38
|
+
viewBox: "0 0 48 12",
|
|
39
|
+
fill: "none",
|
|
40
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
41
|
+
children: /*#__PURE__*/ jsxRuntime.jsx("rect", {
|
|
42
|
+
width: "48",
|
|
43
|
+
height: "12",
|
|
44
|
+
rx: "3",
|
|
45
|
+
fill: "#D6D6D6"
|
|
46
|
+
})
|
|
47
|
+
}),
|
|
48
|
+
/*#__PURE__*/ jsxRuntime.jsx("svg", {
|
|
49
|
+
width: "48",
|
|
50
|
+
height: "12",
|
|
51
|
+
viewBox: "0 0 48 12",
|
|
52
|
+
fill: "none",
|
|
53
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
54
|
+
children: /*#__PURE__*/ jsxRuntime.jsx("rect", {
|
|
55
|
+
width: "48",
|
|
56
|
+
height: "12",
|
|
57
|
+
rx: "3",
|
|
58
|
+
fill: "#D6D6D6"
|
|
59
|
+
})
|
|
60
|
+
}),
|
|
61
|
+
/*#__PURE__*/ jsxRuntime.jsx("svg", {
|
|
62
|
+
width: "48",
|
|
63
|
+
height: "12",
|
|
64
|
+
viewBox: "0 0 48 12",
|
|
65
|
+
fill: "none",
|
|
66
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
67
|
+
children: /*#__PURE__*/ jsxRuntime.jsx("rect", {
|
|
68
|
+
width: "48",
|
|
69
|
+
height: "12",
|
|
70
|
+
rx: "3",
|
|
71
|
+
fill: "#D6D6D6"
|
|
72
|
+
})
|
|
73
|
+
}),
|
|
74
|
+
/*#__PURE__*/ jsxRuntime.jsx("svg", {
|
|
75
|
+
width: "48",
|
|
76
|
+
height: "12",
|
|
77
|
+
viewBox: "0 0 48 12",
|
|
78
|
+
fill: "none",
|
|
79
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
80
|
+
children: /*#__PURE__*/ jsxRuntime.jsx("rect", {
|
|
81
|
+
width: "48",
|
|
82
|
+
height: "12",
|
|
83
|
+
rx: "3",
|
|
84
|
+
fill: "#D6D6D6"
|
|
85
|
+
})
|
|
86
|
+
})
|
|
87
|
+
]
|
|
88
|
+
}),
|
|
89
|
+
/*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
90
|
+
className: "flex gap-6",
|
|
91
|
+
children: [
|
|
92
|
+
/*#__PURE__*/ jsxRuntime.jsx("svg", {
|
|
93
|
+
width: "40",
|
|
94
|
+
height: "40",
|
|
95
|
+
viewBox: "0 0 40 40",
|
|
96
|
+
fill: "none",
|
|
97
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
98
|
+
children: /*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
99
|
+
fillRule: "evenodd",
|
|
100
|
+
clipRule: "evenodd",
|
|
101
|
+
d: "M18.3337 5.4165C11.2 5.4165 5.41699 11.1995 5.41699 18.3332C5.41699 25.4668 11.2 31.2498 18.3337 31.2498C21.4503 31.2498 24.3092 30.146 26.5406 28.3079L32.9553 34.7226C33.4434 35.2107 34.2349 35.2107 34.723 34.7226C35.2112 34.2344 35.2112 33.4429 34.723 32.9548L28.3084 26.5401C30.1465 24.3087 31.2503 21.4499 31.2503 18.3332C31.2503 11.1995 25.4673 5.4165 18.3337 5.4165ZM7.91699 18.3332C7.91699 12.5802 12.5807 7.9165 18.3337 7.9165C24.0866 7.9165 28.7503 12.5802 28.7503 18.3332C28.7503 24.0861 24.0866 28.7498 18.3337 28.7498C12.5807 28.7498 7.91699 24.0861 7.91699 18.3332Z",
|
|
102
|
+
fill: "#D6D6D6"
|
|
103
|
+
})
|
|
104
|
+
}),
|
|
105
|
+
/*#__PURE__*/ jsxRuntime.jsxs("svg", {
|
|
106
|
+
width: "40",
|
|
107
|
+
height: "40",
|
|
108
|
+
viewBox: "0 0 40 40",
|
|
109
|
+
fill: "none",
|
|
110
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
111
|
+
children: [
|
|
112
|
+
/*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
113
|
+
fillRule: "evenodd",
|
|
114
|
+
clipRule: "evenodd",
|
|
115
|
+
d: "M3.71 5.61469C3.7157 4.92436 4.27994 4.36935 4.97027 4.37504L8.20125 4.40169C9.14067 4.40944 9.99645 4.94319 10.4166 5.78343L11.4208 7.79145H33.7865C35.65 7.79145 36.8585 9.75701 36.0173 11.4199L31.4223 20.5035C30.9967 21.3447 30.1342 21.875 29.1915 21.875H17.01L14.7039 26.875L33.359 26.875C34.0493 26.875 34.609 27.4346 34.609 28.125C34.609 28.8154 34.0493 29.375 33.359 29.375H14.7039C12.8797 29.375 11.6697 27.4844 12.4337 25.828L14.8285 20.6357L9.52581 9.59153L8.18063 6.90161L4.94965 6.87496C4.25932 6.86926 3.70431 6.30502 3.71 5.61469ZM12.6351 10.2914L16.9964 19.375H29.1915L33.7865 10.2914H12.6351Z",
|
|
116
|
+
fill: "#D6D6D6"
|
|
117
|
+
}),
|
|
118
|
+
/*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
119
|
+
d: "M18.71 33.125C18.71 34.5057 17.5907 35.625 16.21 35.625C14.8293 35.625 13.71 34.5057 13.71 33.125C13.71 31.7443 14.8293 30.625 16.21 30.625C17.5907 30.625 18.71 31.7443 18.71 33.125Z",
|
|
120
|
+
fill: "#D6D6D6"
|
|
121
|
+
}),
|
|
122
|
+
/*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
123
|
+
d: "M31.21 33.125C31.21 34.5057 30.0907 35.625 28.71 35.625C27.3292 35.625 26.21 34.5057 26.21 33.125C26.21 31.7443 27.3292 30.625 28.71 30.625C30.0907 30.625 31.21 31.7443 31.21 33.125Z",
|
|
124
|
+
fill: "#D6D6D6"
|
|
125
|
+
})
|
|
126
|
+
]
|
|
127
|
+
})
|
|
128
|
+
]
|
|
129
|
+
})
|
|
130
|
+
]
|
|
131
|
+
}),
|
|
132
|
+
/*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
133
|
+
className: "mobile:flex mx-4 hidden h-20 items-center justify-between",
|
|
134
|
+
children: [
|
|
135
|
+
/*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
136
|
+
className: "w-20 text-left",
|
|
137
|
+
children: /*#__PURE__*/ jsxRuntime.jsx("svg", {
|
|
138
|
+
width: "32",
|
|
139
|
+
height: "32",
|
|
140
|
+
viewBox: "0 0 32 32",
|
|
141
|
+
fill: "none",
|
|
142
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
143
|
+
children: /*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
144
|
+
fillRule: "evenodd",
|
|
145
|
+
clipRule: "evenodd",
|
|
146
|
+
d: "M3.5 8C3.5 7.44772 3.94772 7 4.5 7H27.5C28.0523 7 28.5 7.44772 28.5 8C28.5 8.55228 28.0523 9 27.5 9H4.5C3.94772 9 3.5 8.55228 3.5 8ZM3.5 16C3.5 15.4477 3.94772 15 4.5 15H27.5C28.0523 15 28.5 15.4477 28.5 16C28.5 16.5523 28.0523 17 27.5 17H4.5C3.94772 17 3.5 16.5523 3.5 16ZM3.5 24C3.5 23.4477 3.94772 23 4.5 23H27.5C28.0523 23 28.5 23.4477 28.5 24C28.5 24.5523 28.0523 25 27.5 25H4.5C3.94772 25 3.5 24.5523 3.5 24Z",
|
|
147
|
+
fill: "#D6D6D6"
|
|
148
|
+
})
|
|
149
|
+
})
|
|
150
|
+
}),
|
|
151
|
+
/*#__PURE__*/ jsxRuntime.jsx("svg", {
|
|
152
|
+
width: "60",
|
|
153
|
+
height: "36",
|
|
154
|
+
viewBox: "0 0 60 36",
|
|
155
|
+
fill: "none",
|
|
156
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
157
|
+
children: /*#__PURE__*/ jsxRuntime.jsx("rect", {
|
|
158
|
+
width: "60",
|
|
159
|
+
height: "36",
|
|
160
|
+
rx: "3",
|
|
161
|
+
fill: "#D6D6D6"
|
|
162
|
+
})
|
|
163
|
+
}),
|
|
164
|
+
/*#__PURE__*/ jsxRuntime.jsxs("div", {
|
|
165
|
+
className: "flex w-20 gap-4",
|
|
166
|
+
children: [
|
|
167
|
+
/*#__PURE__*/ jsxRuntime.jsx("svg", {
|
|
168
|
+
width: "32",
|
|
169
|
+
height: "32",
|
|
170
|
+
viewBox: "0 0 32 32",
|
|
171
|
+
fill: "none",
|
|
172
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
173
|
+
children: /*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
174
|
+
fillRule: "evenodd",
|
|
175
|
+
clipRule: "evenodd",
|
|
176
|
+
d: "M14 6C9.58172 6 6 9.58172 6 14C6 18.4183 9.58172 22 14 22C18.4183 22 22 18.4183 22 14C22 9.58172 18.4183 6 14 6ZM4 14C4 8.47715 8.47715 4 14 4C19.5228 4 24 8.47715 24 14C24 16.4013 23.1536 18.6049 21.7429 20.3287L27.7782 26.364C28.1687 26.7545 28.1687 27.3877 27.7782 27.7782C27.3877 28.1687 26.7545 28.1687 26.364 27.7782L20.3287 21.7429C18.6049 23.1536 16.4013 24 14 24C8.47715 24 4 19.5228 4 14Z",
|
|
177
|
+
fill: "#D6D6D6"
|
|
178
|
+
})
|
|
179
|
+
}),
|
|
180
|
+
/*#__PURE__*/ jsxRuntime.jsxs("svg", {
|
|
181
|
+
width: "32",
|
|
182
|
+
height: "32",
|
|
183
|
+
viewBox: "0 0 32 32",
|
|
184
|
+
fill: "none",
|
|
185
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
186
|
+
children: [
|
|
187
|
+
/*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
188
|
+
fillRule: "evenodd",
|
|
189
|
+
clipRule: "evenodd",
|
|
190
|
+
d: "M2.65628 3.99175C2.66084 3.43949 3.11223 2.99548 3.6645 3.00003L6.24928 3.02135C7.00082 3.02755 7.68544 3.45455 8.02159 4.12675L8.82492 5.73316H26.7175C28.2083 5.73316 29.1751 7.30561 28.5021 8.63594L24.8261 15.9028C24.4857 16.5758 23.7956 17 23.0414 17H13.2963L11.4514 21L26.3755 21C26.9277 21 27.3755 21.4477 27.3755 22C27.3755 22.5523 26.9277 23 26.3755 23H11.4514C9.99206 23 9.02407 21.4876 9.63527 20.1624L11.5511 16.0086L7.30893 7.17323L6.23279 5.02128L3.648 4.99997C3.09574 4.99541 2.65173 4.54402 2.65628 3.99175ZM9.79635 7.73316L13.2854 15H23.0414L26.7175 7.73316H9.79635Z",
|
|
191
|
+
fill: "#D6D6D6"
|
|
192
|
+
}),
|
|
193
|
+
/*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
194
|
+
d: "M14.6563 26C14.6563 27.1046 13.7608 28 12.6563 28C11.5517 28 10.6563 27.1046 10.6563 26C10.6563 24.8954 11.5517 24 12.6563 24C13.7608 24 14.6563 24.8954 14.6563 26Z",
|
|
195
|
+
fill: "#D6D6D6"
|
|
196
|
+
}),
|
|
197
|
+
/*#__PURE__*/ jsxRuntime.jsx("path", {
|
|
198
|
+
d: "M24.6562 26C24.6562 27.1046 23.7608 28 22.6562 28C21.5517 28 20.6562 27.1046 20.6562 26C20.6562 24.8954 21.5517 24 22.6562 24C23.7608 24 24.6562 24.8954 24.6562 26Z",
|
|
199
|
+
fill: "#D6D6D6"
|
|
200
|
+
})
|
|
201
|
+
]
|
|
202
|
+
})
|
|
203
|
+
]
|
|
204
|
+
})
|
|
205
|
+
]
|
|
206
|
+
})
|
|
207
|
+
]
|
|
208
|
+
});
|
|
209
|
+
};
|
|
210
|
+
|
|
211
|
+
exports.default = Header;
|
|
@@ -3,18 +3,21 @@
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var Script = require('next/script');
|
|
5
5
|
|
|
6
|
-
const TikTokPixel = ({ pixelId
|
|
7
|
-
if (!pixelId)
|
|
8
|
-
|
|
9
|
-
|
|
6
|
+
const TikTokPixel = ({ pixelId })=>{
|
|
7
|
+
if (!pixelId) return null;
|
|
8
|
+
return /*#__PURE__*/ jsxRuntime.jsx(Script, {
|
|
9
|
+
id: "tiktok-pixel",
|
|
10
|
+
strategy: "afterInteractive",
|
|
11
|
+
dangerouslySetInnerHTML: {
|
|
10
12
|
__html: `
|
|
11
13
|
!function (w, d, t) {
|
|
12
14
|
w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var i="https://analytics.tiktok.com/i18n/pixel/events.js";ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=i,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};var o=document.createElement("script");o.type="text/javascript",o.async=!0,o.src=i+"?sdkid="+e+"&lib="+t;var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(o,a)};
|
|
13
15
|
ttq.load('${pixelId}');
|
|
14
16
|
ttq.page();
|
|
15
17
|
}(window, document, 'ttq');
|
|
16
|
-
|
|
17
|
-
}
|
|
18
|
+
`
|
|
19
|
+
}
|
|
20
|
+
});
|
|
18
21
|
};
|
|
19
22
|
|
|
20
23
|
exports.TikTokPixel = TikTokPixel;
|