@janbox/storefront-builder 2.0.20 → 2.0.22
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/editor.js +3 -3
- package/dist/{index-CX1ysbQd.js → index-CCWut9qY.js} +1 -1
- package/dist/index-DBQ5OjJh.js +4 -0
- package/dist/index.js +3 -3
- package/dist/lib/button/README.md +11 -17
- package/dist/lib/link/README.md +1 -1
- package/dist/lib/tab/README.md +2 -2
- package/dist/lib/tab-list/README.md +3 -3
- package/dist/templates.js +505 -74
- package/dist/{toaster-BoEJoz-T.js → toaster-Bls2Iq-H.js} +8 -10
- package/package.json +1 -1
- package/dist/index-CYvdAWY4.js +0 -4
package/dist/editor.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as n, jsxs as w, Fragment as Fe } from "@emotion/react/jsx-runtime";
|
|
2
|
-
import { at as ft, au as bt, av as wt, aw as b, ax as kt, ay as ce, az as $, aA as fe, b as Te, B as Ie, a1 as mt, aB as J, aC as Oe, aD as Ct, aE as W, aF as I, as as He, ar as vt, aG as xt, aH as yt, aI as Tt, aJ as It, aK as Mt, aL as St, aM as Et, aN as $e, aO as Lt, aP as Wt, aQ as Nt, aR as Rt, aS as At, u as H, aT as Dt, aU as Bt, aV as oe, m as Pt, i as jt, G as Vt, l as Me, o as Ft, F as Se, s as Ot, V as Ht, I as $t, aW as _t, q as Gt, P as zt, aX as _e, aY as Ut, aZ as Zt, a_ as Yt, a$ as Xt, b0 as qt, b1 as _, b2 as Ge, b3 as Jt, b4 as Kt, b5 as ze, b6 as Qt, b7 as en, b8 as tn, a0 as Ue, Z as Ze, b9 as Ee, ba as nn, N as ke, bb as rn, bc as on, bd as sn, $ as an, be as Le, bf as cn } from "./toaster-
|
|
3
|
-
import { bg as So, bh as Eo, bi as Lo, bj as Wo, bk as No, bl as Ro, bm as Ao, bn as Do, bo as Bo, bp as Po, bq as jo, br as Vo, bs as Fo, bt as Oo, bu as Ho, bv as $o, bw as _o, bx as Go, by as zo, bz as Uo, bA as Zo, bB as Yo, bC as Xo, bD as qo, bE as Jo, bF as Ko, bG as Qo, bH as es, bI as ts, bJ as ns, bK as rs, bL as os, bM as ss, bN as is, bO as as, bP as cs, bQ as ls, bR as ds, bS as hs, bT as us, bU as ps, bV as gs, bW as fs, bX as bs, bY as ws, bZ as ks, b_ as ms, b$ as Cs, c0 as vs, c1 as xs, c2 as ys, c3 as Ts, W as Is, c4 as Ms, c5 as Ss, c6 as Es, c7 as Ls, c8 as Ws } from "./toaster-
|
|
2
|
+
import { at as ft, au as bt, av as wt, aw as b, ax as kt, ay as ce, az as $, aA as fe, b as Te, B as Ie, a1 as mt, aB as J, aC as Oe, aD as Ct, aE as W, aF as I, as as He, ar as vt, aG as xt, aH as yt, aI as Tt, aJ as It, aK as Mt, aL as St, aM as Et, aN as $e, aO as Lt, aP as Wt, aQ as Nt, aR as Rt, aS as At, u as H, aT as Dt, aU as Bt, aV as oe, m as Pt, i as jt, G as Vt, l as Me, o as Ft, F as Se, s as Ot, V as Ht, I as $t, aW as _t, q as Gt, P as zt, aX as _e, aY as Ut, aZ as Zt, a_ as Yt, a$ as Xt, b0 as qt, b1 as _, b2 as Ge, b3 as Jt, b4 as Kt, b5 as ze, b6 as Qt, b7 as en, b8 as tn, a0 as Ue, Z as Ze, b9 as Ee, ba as nn, N as ke, bb as rn, bc as on, bd as sn, $ as an, be as Le, bf as cn } from "./toaster-Bls2Iq-H.js";
|
|
3
|
+
import { bg as So, bh as Eo, bi as Lo, bj as Wo, bk as No, bl as Ro, bm as Ao, bn as Do, bo as Bo, bp as Po, bq as jo, br as Vo, bs as Fo, bt as Oo, bu as Ho, bv as $o, bw as _o, bx as Go, by as zo, bz as Uo, bA as Zo, bB as Yo, bC as Xo, bD as qo, bE as Jo, bF as Ko, bG as Qo, bH as es, bI as ts, bJ as ns, bK as rs, bL as os, bM as ss, bN as is, bO as as, bP as cs, bQ as ls, bR as ds, bS as hs, bT as us, bU as ps, bV as gs, bW as fs, bX as bs, bY as ws, bZ as ks, b_ as ms, b$ as Cs, c0 as vs, c1 as xs, c2 as ys, c3 as Ts, W as Is, c4 as Ms, c5 as Ss, c6 as Es, c7 as Ls, c8 as Ws } from "./toaster-Bls2Iq-H.js";
|
|
4
4
|
import { throttle as ln, isFunction as We, isNumber as se, isNil as ee, isEqual as dn } from "lodash-es";
|
|
5
5
|
import { useImperativeHandle as hn, useMemo as un, isValidElement as pn, useState as P, useRef as z, useEffect as V, Fragment as ie, Suspense as gn, createElement as Ye, useCallback as fn } from "react";
|
|
6
6
|
import "flat";
|
|
@@ -14,7 +14,7 @@ import "@tanstack/react-virtual";
|
|
|
14
14
|
import In, { useFrame as Ce } from "react-frame-component";
|
|
15
15
|
import "react-dropzone";
|
|
16
16
|
import "react-datepicker";
|
|
17
|
-
import { a as rt, C as ot } from "./index-
|
|
17
|
+
import { a as rt, C as ot } from "./index-CCWut9qY.js";
|
|
18
18
|
import "@janbox/storefront-ui/utils";
|
|
19
19
|
import { useToggle as st } from "usehooks-ts";
|
|
20
20
|
import "@hello-pangea/dnd";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as i } from "@emotion/react/jsx-runtime";
|
|
2
2
|
import { useMemo as m, useEffect as f } from "react";
|
|
3
|
-
import { u as c, C as v, D as p, a as N, d as h, N as E, g as b, r as D, b as y, B as l } from "./toaster-
|
|
3
|
+
import { u as c, C as v, D as p, a as N, d as h, N as E, g as b, r as D, b as y, B as l } from "./toaster-Bls2Iq-H.js";
|
|
4
4
|
import { isNil as u, isString as d } from "lodash-es";
|
|
5
5
|
import "flat";
|
|
6
6
|
const k = ({ children: t, data: e }) => {
|
package/dist/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { N as n, c as t } from "./toaster-
|
|
2
|
-
import { A as C, e as L, f as T, h as x, i as S, j as A, k as E, l as w, m as R, n as h, F, o as k, p as q, G as B, H as G, q as H, I as M, s as U, t as y, v as V, L as j, w as D, M as z, x as J, y as K, P as O, R as Q, S as X, z as Y, T as Z, E as _, J as $, K as W, O as ee, U as oe, Q as se, V as ae, X as re, Y as de, Z as te, _ as ne, $ as Ne, g as ue, a0 as ie, a1 as pe, a2 as me, a3 as Pe, a4 as ce, a5 as le, a6 as ge, a7 as be, a8 as fe, a9 as ve, u as Ie, aa as Ce, ab as Le, ac as Te, ad as xe, ae as Se, af as Ae, ag as Ee, ah as we, ai as Re, aj as he, ak as Fe, al as ke, am as qe, an as Be, ao as Ge, ap as He, aq as Me } from "./toaster-
|
|
1
|
+
import { N as n, c as t } from "./toaster-Bls2Iq-H.js";
|
|
2
|
+
import { A as C, e as L, f as T, h as x, i as S, j as A, k as E, l as w, m as R, n as h, F, o as k, p as q, G as B, H as G, q as H, I as M, s as U, t as y, v as V, L as j, w as D, M as z, x as J, y as K, P as O, R as Q, S as X, z as Y, T as Z, E as _, J as $, K as W, O as ee, U as oe, Q as se, V as ae, X as re, Y as de, Z as te, _ as ne, $ as Ne, g as ue, a0 as ie, a1 as pe, a2 as me, a3 as Pe, a4 as ce, a5 as le, a6 as ge, a7 as be, a8 as fe, a9 as ve, u as Ie, aa as Ce, ab as Le, ac as Te, ad as xe, ae as Se, af as Ae, ag as Ee, ah as we, ai as Re, aj as he, ak as Fe, al as ke, am as qe, an as Be, ao as Ge, ap as He, aq as Me } from "./toaster-Bls2Iq-H.js";
|
|
3
3
|
import "lodash-es";
|
|
4
4
|
import { useRef as N, useEffect as u } from "react";
|
|
5
5
|
import { getTabPanelProps as i, getListItemProps as p } from "@janbox/storefront-ui";
|
|
6
|
-
import { C as ye, a as Ve } from "./index-
|
|
6
|
+
import { C as ye, a as Ve } from "./index-CCWut9qY.js";
|
|
7
7
|
const g = ({ enabled: a, onChange: r }) => {
|
|
8
8
|
const { dom: e } = n((s) => ({ dom: s.dom })), o = N(void 0);
|
|
9
9
|
u(() => {
|
|
@@ -12,7 +12,7 @@ CTA button node dùng component `Button` từ `@janbox/storefront-ui`. Có thể
|
|
|
12
12
|
|
|
13
13
|
| Prop | Type | Description |
|
|
14
14
|
| --- | --- | --- |
|
|
15
|
-
| `
|
|
15
|
+
| `children` | `ReactNode` | Nội dung hiển thị trong button |
|
|
16
16
|
| `color` | `ColorScale` | Màu theme của button |
|
|
17
17
|
| `variant` | `ButtonVariant` | Kiểu hiển thị của button |
|
|
18
18
|
| `size` | `ButtonSizeVariant` | Kích thước button |
|
|
@@ -53,21 +53,14 @@ sx?: {
|
|
|
53
53
|
import { ButtonNode } from '@janbox/storefront-builder';
|
|
54
54
|
|
|
55
55
|
// Button cơ bản
|
|
56
|
-
<ButtonNode
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
size="md"
|
|
60
|
-
dangerouslySetInnerHTML={{ __html: 'Buy now' }}
|
|
61
|
-
/>
|
|
56
|
+
<ButtonNode color="primary" variant="contained" size="md">
|
|
57
|
+
Buy now
|
|
58
|
+
</ButtonNode>
|
|
62
59
|
|
|
63
60
|
// Link button
|
|
64
|
-
<ButtonNode
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
size="lg"
|
|
68
|
-
anchor={{ to: '/checkout', target: '_self' }}
|
|
69
|
-
dangerouslySetInnerHTML={{ __html: 'Checkout' }}
|
|
70
|
-
/>
|
|
61
|
+
<ButtonNode color="primary" variant="contained" size="lg" anchor={{ to: '/checkout', target: '_self' }}>
|
|
62
|
+
Checkout
|
|
63
|
+
</ButtonNode>
|
|
71
64
|
|
|
72
65
|
// Responsive size + width
|
|
73
66
|
<ButtonNode
|
|
@@ -83,12 +76,13 @@ import { ButtonNode } from '@janbox/storefront-builder';
|
|
|
83
76
|
marginTop: 24,
|
|
84
77
|
},
|
|
85
78
|
}}
|
|
86
|
-
|
|
87
|
-
|
|
79
|
+
>
|
|
80
|
+
View products
|
|
81
|
+
</ButtonNode>
|
|
88
82
|
```
|
|
89
83
|
|
|
90
84
|
## Rules
|
|
91
85
|
|
|
92
86
|
- **Canvas**: no — không chứa node con.
|
|
93
87
|
- Khi editor đang bật, `anchor` bị unset lúc render để tránh navigate trong canvas.
|
|
94
|
-
- Nội dung button được chỉnh qua `
|
|
88
|
+
- Nội dung button được chỉnh qua prop `children` trong inspector.
|
package/dist/lib/link/README.md
CHANGED
|
@@ -103,7 +103,7 @@ import { LinkNode } from '@janbox/storefront-builder';
|
|
|
103
103
|
## Rules
|
|
104
104
|
|
|
105
105
|
- **Canvas**: yes — chứa node con.
|
|
106
|
-
- **canMoveIn**: bị block khi prop `
|
|
106
|
+
- **canMoveIn**: bị block khi prop `children` đang có nội dung inline.
|
|
107
107
|
- Editor preview: click bị `preventDefault` khi editor đang bật để tránh navigate.
|
|
108
108
|
|
|
109
109
|
## Related nodes
|
package/dist/lib/tab/README.md
CHANGED
|
@@ -12,14 +12,14 @@ Tab header button — click để switch giữa các panels.
|
|
|
12
12
|
|
|
13
13
|
| Prop | Type | Description |
|
|
14
14
|
| --- | --- | --- |
|
|
15
|
-
| `
|
|
15
|
+
| `children` | `ReactNode` | Text hiển thị trong tab button |
|
|
16
16
|
|
|
17
17
|
## Usage
|
|
18
18
|
|
|
19
19
|
```tsx
|
|
20
20
|
import { TabNode } from '@janbox/storefront-builder';
|
|
21
21
|
|
|
22
|
-
<TabNode
|
|
22
|
+
<TabNode>Overview</TabNode>
|
|
23
23
|
```
|
|
24
24
|
|
|
25
25
|
## Rules
|
|
@@ -16,9 +16,9 @@ Không có props riêng. Styling được control qua parent `TabsNode`.
|
|
|
16
16
|
import { TabListNode, TabNode } from '@janbox/storefront-builder';
|
|
17
17
|
|
|
18
18
|
<TabListNode>
|
|
19
|
-
<TabNode
|
|
20
|
-
<TabNode
|
|
21
|
-
<TabNode
|
|
19
|
+
<TabNode>Tab 1</TabNode>
|
|
20
|
+
<TabNode>Tab 2</TabNode>
|
|
21
|
+
<TabNode>Tab 3</TabNode>
|
|
22
22
|
</TabListNode>
|
|
23
23
|
```
|
|
24
24
|
|
package/dist/templates.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsx as e, jsxs as t } from "@emotion/react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { getColorVar as o } from "@janbox/storefront-ui/theme";
|
|
3
|
+
import { m as l, G as c, l as n, q as s, P as i, j as h, s as p, i as w, x as k, M as m, e as g, ar as u, as as x, f as r, h as d, A as a } from "./toaster-Bls2Iq-H.js";
|
|
3
4
|
import "lodash-es";
|
|
4
5
|
import "react";
|
|
5
6
|
import "flat";
|
|
@@ -7,7 +8,6 @@ import "@janbox/storefront-ui/utils";
|
|
|
7
8
|
import "@janbox/storefront-ui/hooks";
|
|
8
9
|
import "@emotion/react";
|
|
9
10
|
import "@floating-ui/react";
|
|
10
|
-
import { getColorVar as k } from "@janbox/storefront-ui/theme";
|
|
11
11
|
import "react-colorful";
|
|
12
12
|
import "overlayscrollbars-react";
|
|
13
13
|
import "@tanstack/react-virtual";
|
|
@@ -17,7 +17,7 @@ import "react-datepicker";
|
|
|
17
17
|
import "usehooks-ts";
|
|
18
18
|
import "@hello-pangea/dnd";
|
|
19
19
|
import "@janbox/storefront-ui";
|
|
20
|
-
const
|
|
20
|
+
const b = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
21
21
|
<path d="M17.0021 19.5031H3.99667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
22
22
|
<path d="M8.99875 14.5012H3.99667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
23
23
|
<path d="M8.99875 9.49874H3.99667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
@@ -25,31 +25,27 @@ const c = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
|
|
|
25
25
|
<path d="M19.0029 8.97259C20.3915 10.3612 20.3915 12.6121 19.0029 14.0007C17.6143 15.3893 15.3634 15.3893 13.9748 14.0007C12.5862 12.6121 12.5862 10.3612 13.9748 8.97259C15.3634 7.58401 17.6143 7.58401 19.0029 8.97259" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
26
26
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.0037 16.0018L19.0029 14.001L21.0037 16.0018Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
27
27
|
</svg>
|
|
28
|
-
`,
|
|
28
|
+
`, R = "https://cdn.shopify.com/s/files/1/0959/8114/2305/files/img140.png", U = {
|
|
29
29
|
name: "Hero",
|
|
30
|
-
icon: { source:
|
|
30
|
+
icon: { source: b },
|
|
31
31
|
templates: [
|
|
32
32
|
{
|
|
33
|
-
template: /* @__PURE__ */ e(
|
|
34
|
-
|
|
33
|
+
template: /* @__PURE__ */ e(l, { children: /* @__PURE__ */ t(
|
|
34
|
+
c,
|
|
35
35
|
{
|
|
36
36
|
sx: {
|
|
37
37
|
sm: {
|
|
38
38
|
alignItems: "center"
|
|
39
39
|
}
|
|
40
40
|
},
|
|
41
|
-
sm: {
|
|
42
|
-
cols: 2
|
|
43
|
-
},
|
|
41
|
+
sm: { cols: 2 },
|
|
44
42
|
children: [
|
|
45
43
|
/* @__PURE__ */ t(
|
|
46
|
-
|
|
44
|
+
n,
|
|
47
45
|
{
|
|
48
46
|
sx: {
|
|
49
47
|
order: 1,
|
|
50
|
-
sm: {
|
|
51
|
-
order: 0
|
|
52
|
-
}
|
|
48
|
+
sm: { order: 0 }
|
|
53
49
|
},
|
|
54
50
|
children: [
|
|
55
51
|
/* @__PURE__ */ t(
|
|
@@ -60,13 +56,9 @@ const c = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
|
|
|
60
56
|
sx: {
|
|
61
57
|
textAlign: "center",
|
|
62
58
|
fontWeight: 600,
|
|
63
|
-
sm: {
|
|
64
|
-
textAlign: "left"
|
|
65
|
-
}
|
|
66
|
-
},
|
|
67
|
-
md: {
|
|
68
|
-
sizeVariant: "5xl"
|
|
59
|
+
sm: { textAlign: "left" }
|
|
69
60
|
},
|
|
61
|
+
md: { sizeVariant: "5xl" },
|
|
70
62
|
children: [
|
|
71
63
|
"Boost Performance:",
|
|
72
64
|
`
|
|
@@ -81,41 +73,104 @@ const c = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
|
|
|
81
73
|
sx: {
|
|
82
74
|
marginTop: 12,
|
|
83
75
|
textAlign: "center",
|
|
84
|
-
md: {
|
|
85
|
-
textAlign: "left"
|
|
86
|
-
}
|
|
76
|
+
md: { textAlign: "left" }
|
|
87
77
|
},
|
|
88
78
|
children: "Discover our latest running shoes with advanced air technology soles and boost technology, conquering every terrain with comfort and confidence."
|
|
89
79
|
}
|
|
90
80
|
),
|
|
91
|
-
/* @__PURE__ */ e(
|
|
92
|
-
h,
|
|
93
|
-
{
|
|
94
|
-
sx: {
|
|
95
|
-
marginTop: 32,
|
|
96
|
-
width: "100%",
|
|
97
|
-
md: {
|
|
98
|
-
width: 200
|
|
99
|
-
}
|
|
100
|
-
},
|
|
101
|
-
children: "Explore Now"
|
|
102
|
-
}
|
|
103
|
-
)
|
|
81
|
+
/* @__PURE__ */ e(h, { sx: { marginTop: 32, width: "100%", md: { width: 200 } }, children: "Explore Now" })
|
|
104
82
|
]
|
|
105
83
|
}
|
|
106
84
|
),
|
|
107
|
-
/* @__PURE__ */ e(
|
|
85
|
+
/* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(p, { src: R }) })
|
|
86
|
+
]
|
|
87
|
+
}
|
|
88
|
+
) })
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
template: /* @__PURE__ */ e(l, { children: /* @__PURE__ */ t(
|
|
92
|
+
w,
|
|
93
|
+
{
|
|
94
|
+
sx: {
|
|
95
|
+
backgroundColor: o("primary.100"),
|
|
96
|
+
paddingTop: 32,
|
|
97
|
+
paddingRight: 20,
|
|
98
|
+
paddingBottom: 24,
|
|
99
|
+
paddingLeft: 20,
|
|
100
|
+
borderTopLeftRadius: 32,
|
|
101
|
+
borderTopRightRadius: 32,
|
|
102
|
+
borderBottomRightRadius: 32,
|
|
103
|
+
borderBottomLeftRadius: 32,
|
|
104
|
+
md: {
|
|
105
|
+
paddingTop: 56,
|
|
106
|
+
paddingRight: 48,
|
|
107
|
+
paddingBottom: 40,
|
|
108
|
+
paddingLeft: 48
|
|
109
|
+
}
|
|
110
|
+
},
|
|
111
|
+
children: [
|
|
112
|
+
/* @__PURE__ */ t(c, { cols: 1, md: { cols: 12 }, sx: { rowGap: 24, columnGap: 24, alignItems: "end" }, children: [
|
|
113
|
+
/* @__PURE__ */ e(n, { md: { colSpan: 8 }, children: /* @__PURE__ */ e(
|
|
114
|
+
s,
|
|
115
|
+
{
|
|
116
|
+
as: "h1",
|
|
117
|
+
sizeVariant: "4xl",
|
|
118
|
+
md: { sizeVariant: "5xl" },
|
|
119
|
+
sx: { fontWeight: 600, textAlign: "center", md: { textAlign: "left" } },
|
|
120
|
+
children: "Runway Mood, Everyday Form"
|
|
121
|
+
}
|
|
122
|
+
) }),
|
|
123
|
+
/* @__PURE__ */ t(n, { md: { colSpan: 4 }, children: [
|
|
124
|
+
/* @__PURE__ */ e(
|
|
125
|
+
i,
|
|
126
|
+
{
|
|
127
|
+
sx: { color: o("neutral.600"), textAlign: "center", md: { textAlign: "left" } },
|
|
128
|
+
children: "New arrivals shaped like a campaign board: sharp, wearable, and ready for the street."
|
|
129
|
+
}
|
|
130
|
+
),
|
|
131
|
+
/* @__PURE__ */ e(h, { sx: { width: "100%", marginTop: 24, md: { width: 200 } }, children: "Explore New Arrivals" })
|
|
132
|
+
] }),
|
|
133
|
+
/* @__PURE__ */ e(n, { md: { colSpan: 12 }, children: /* @__PURE__ */ e(
|
|
134
|
+
p,
|
|
135
|
+
{
|
|
136
|
+
src: R,
|
|
137
|
+
sx: {
|
|
138
|
+
width: "100%",
|
|
139
|
+
aspectRatio: "16 / 9",
|
|
140
|
+
objectFit: "cover",
|
|
141
|
+
borderTopLeftRadius: 28,
|
|
142
|
+
borderTopRightRadius: 28,
|
|
143
|
+
borderBottomRightRadius: 28,
|
|
144
|
+
borderBottomLeftRadius: 28
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
) })
|
|
148
|
+
] }),
|
|
149
|
+
/* @__PURE__ */ t(
|
|
150
|
+
k,
|
|
151
|
+
{
|
|
152
|
+
spaceBetween: 24,
|
|
153
|
+
md: { spaceBetween: 40 },
|
|
154
|
+
sx: { marginTop: 24, paddingTop: 16, paddingBottom: 8 },
|
|
155
|
+
children: [
|
|
156
|
+
/* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600, textTransform: "uppercase" }, children: "New Arrivals" }) }),
|
|
157
|
+
/* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600, textTransform: "uppercase" }, children: "Editor's Picks" }) }),
|
|
158
|
+
/* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600, textTransform: "uppercase" }, children: "Limited Edit" }) }),
|
|
159
|
+
/* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600, textTransform: "uppercase" }, children: "Tailored For Now" }) })
|
|
160
|
+
]
|
|
161
|
+
}
|
|
162
|
+
)
|
|
108
163
|
]
|
|
109
164
|
}
|
|
110
165
|
) })
|
|
111
166
|
}
|
|
112
167
|
]
|
|
113
|
-
},
|
|
168
|
+
}, H = {
|
|
114
169
|
name: "FAQs",
|
|
115
|
-
icon: { source:
|
|
170
|
+
icon: { source: b },
|
|
116
171
|
templates: [
|
|
117
172
|
{
|
|
118
|
-
template: /* @__PURE__ */ t(
|
|
173
|
+
template: /* @__PURE__ */ t(l, { children: [
|
|
119
174
|
/* @__PURE__ */ e(
|
|
120
175
|
s,
|
|
121
176
|
{
|
|
@@ -153,8 +208,8 @@ const c = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
|
|
|
153
208
|
expandIcon: {
|
|
154
209
|
position: "right",
|
|
155
210
|
source: {
|
|
156
|
-
expanded:
|
|
157
|
-
collapsed:
|
|
211
|
+
expanded: x,
|
|
212
|
+
collapsed: u
|
|
158
213
|
}
|
|
159
214
|
}
|
|
160
215
|
},
|
|
@@ -165,37 +220,222 @@ const c = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
|
|
|
165
220
|
}
|
|
166
221
|
},
|
|
167
222
|
children: [
|
|
168
|
-
/* @__PURE__ */ t(
|
|
169
|
-
/* @__PURE__ */ e(
|
|
170
|
-
/* @__PURE__ */ e(
|
|
223
|
+
/* @__PURE__ */ t(r, { defaultOpen: !0, children: [
|
|
224
|
+
/* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et accusamus odio?" }) }),
|
|
225
|
+
/* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation." }) })
|
|
171
226
|
] }),
|
|
172
|
-
/* @__PURE__ */ t(
|
|
173
|
-
/* @__PURE__ */ e(
|
|
174
|
-
/* @__PURE__ */ e(
|
|
227
|
+
/* @__PURE__ */ t(r, { children: [
|
|
228
|
+
/* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et accusamus et iusto?" }) }),
|
|
229
|
+
/* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation." }) })
|
|
175
230
|
] }),
|
|
176
|
-
/* @__PURE__ */ t(
|
|
177
|
-
/* @__PURE__ */ e(
|
|
178
|
-
/* @__PURE__ */ e(
|
|
231
|
+
/* @__PURE__ */ t(r, { children: [
|
|
232
|
+
/* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et accusamus?" }) }),
|
|
233
|
+
/* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation." }) })
|
|
179
234
|
] }),
|
|
180
|
-
/* @__PURE__ */ t(
|
|
181
|
-
/* @__PURE__ */ e(
|
|
182
|
-
/* @__PURE__ */ e(
|
|
235
|
+
/* @__PURE__ */ t(r, { children: [
|
|
236
|
+
/* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et iusto?" }) }),
|
|
237
|
+
/* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation." }) })
|
|
183
238
|
] }),
|
|
184
|
-
/* @__PURE__ */ t(
|
|
185
|
-
/* @__PURE__ */ e(
|
|
186
|
-
/* @__PURE__ */ e(
|
|
239
|
+
/* @__PURE__ */ t(r, { children: [
|
|
240
|
+
/* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et accusamus?" }) }),
|
|
241
|
+
/* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation." }) })
|
|
187
242
|
] }),
|
|
188
|
-
/* @__PURE__ */ t(
|
|
189
|
-
/* @__PURE__ */ e(
|
|
190
|
-
/* @__PURE__ */ e(
|
|
243
|
+
/* @__PURE__ */ t(r, { children: [
|
|
244
|
+
/* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "base", children: "At vero eos et accusamus et iusto?" }) }),
|
|
245
|
+
/* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation." }) })
|
|
191
246
|
] })
|
|
192
247
|
]
|
|
193
248
|
}
|
|
194
249
|
)
|
|
195
250
|
] })
|
|
251
|
+
},
|
|
252
|
+
{
|
|
253
|
+
template: /* @__PURE__ */ e(l, { children: /* @__PURE__ */ t(c, { cols: 1, md: { cols: 12 }, sx: { rowGap: 28, columnGap: 40, alignItems: "start" }, children: [
|
|
254
|
+
/* @__PURE__ */ t(n, { md: { colSpan: 4 }, children: [
|
|
255
|
+
/* @__PURE__ */ e(
|
|
256
|
+
i,
|
|
257
|
+
{
|
|
258
|
+
sizeVariant: "sm",
|
|
259
|
+
sx: { color: o("primary.600"), fontWeight: 600, textTransform: "uppercase" },
|
|
260
|
+
children: "Help Desk"
|
|
261
|
+
}
|
|
262
|
+
),
|
|
263
|
+
/* @__PURE__ */ e(s, { sizeVariant: "4xl", md: { sizeVariant: "5xl" }, sx: { fontWeight: 600, marginTop: 12 }, children: "Questions before checkout?" }),
|
|
264
|
+
/* @__PURE__ */ e(i, { sx: { color: o("neutral.600"), marginTop: 16 }, children: "Keep buying decisions calm with answers for shipping, returns, sizing, and payment." }),
|
|
265
|
+
/* @__PURE__ */ e(h, { sx: { width: "100%", marginTop: 28, md: { width: 180 } }, children: "Contact Support" })
|
|
266
|
+
] }),
|
|
267
|
+
/* @__PURE__ */ e(n, { md: { colSpan: 8 }, children: /* @__PURE__ */ e(
|
|
268
|
+
w,
|
|
269
|
+
{
|
|
270
|
+
sx: {
|
|
271
|
+
backgroundColor: o("neutral.100"),
|
|
272
|
+
paddingTop: 12,
|
|
273
|
+
paddingRight: 12,
|
|
274
|
+
paddingBottom: 12,
|
|
275
|
+
paddingLeft: 12,
|
|
276
|
+
borderTopLeftRadius: 28,
|
|
277
|
+
borderTopRightRadius: 28,
|
|
278
|
+
borderBottomRightRadius: 28,
|
|
279
|
+
borderBottomLeftRadius: 28,
|
|
280
|
+
md: {
|
|
281
|
+
paddingTop: 24,
|
|
282
|
+
paddingRight: 24,
|
|
283
|
+
paddingBottom: 24,
|
|
284
|
+
paddingLeft: 24
|
|
285
|
+
}
|
|
286
|
+
},
|
|
287
|
+
children: /* @__PURE__ */ t(
|
|
288
|
+
g,
|
|
289
|
+
{
|
|
290
|
+
openMode: "single",
|
|
291
|
+
sx: { rowGap: 8 },
|
|
292
|
+
accordionSummaryProps: {
|
|
293
|
+
sx: {
|
|
294
|
+
paddingTop: 14,
|
|
295
|
+
paddingBottom: 14,
|
|
296
|
+
paddingLeft: 12,
|
|
297
|
+
paddingRight: 12,
|
|
298
|
+
md: {
|
|
299
|
+
paddingTop: 18,
|
|
300
|
+
paddingBottom: 18,
|
|
301
|
+
paddingLeft: 16,
|
|
302
|
+
paddingRight: 16
|
|
303
|
+
}
|
|
304
|
+
},
|
|
305
|
+
expandIcon: {
|
|
306
|
+
position: "right",
|
|
307
|
+
source: {
|
|
308
|
+
expanded: x,
|
|
309
|
+
collapsed: u
|
|
310
|
+
}
|
|
311
|
+
}
|
|
312
|
+
},
|
|
313
|
+
accordionContentProps: {
|
|
314
|
+
sx: {
|
|
315
|
+
paddingTop: 0,
|
|
316
|
+
paddingBottom: 16,
|
|
317
|
+
paddingLeft: 12,
|
|
318
|
+
paddingRight: 12
|
|
319
|
+
}
|
|
320
|
+
},
|
|
321
|
+
children: [
|
|
322
|
+
/* @__PURE__ */ t(r, { defaultOpen: !0, children: [
|
|
323
|
+
/* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600 }, children: "How long does shipping usually take?" }) }),
|
|
324
|
+
/* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { sx: { color: o("neutral.600") }, children: "Most orders leave the warehouse within two business days. Delivery timing depends on destination and selected shipping method." }) })
|
|
325
|
+
] }),
|
|
326
|
+
/* @__PURE__ */ t(r, { children: [
|
|
327
|
+
/* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600 }, children: "Can I return an item if the fit is not right?" }) }),
|
|
328
|
+
/* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { sx: { color: o("neutral.600") }, children: "Yes. Keep the product unused with original tags and request a return within the policy window." }) })
|
|
329
|
+
] }),
|
|
330
|
+
/* @__PURE__ */ t(r, { children: [
|
|
331
|
+
/* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600 }, children: "Which payment methods are supported?" }) }),
|
|
332
|
+
/* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { sx: { color: o("neutral.600") }, children: "Major cards and supported local payment methods are available at checkout." }) })
|
|
333
|
+
] })
|
|
334
|
+
]
|
|
335
|
+
}
|
|
336
|
+
)
|
|
337
|
+
}
|
|
338
|
+
) })
|
|
339
|
+
] }) })
|
|
340
|
+
},
|
|
341
|
+
{
|
|
342
|
+
template: /* @__PURE__ */ e(l, { children: /* @__PURE__ */ t(
|
|
343
|
+
w,
|
|
344
|
+
{
|
|
345
|
+
sx: {
|
|
346
|
+
backgroundColor: o("primary.100"),
|
|
347
|
+
paddingTop: 16,
|
|
348
|
+
paddingRight: 12,
|
|
349
|
+
paddingBottom: 16,
|
|
350
|
+
paddingLeft: 12,
|
|
351
|
+
borderTopLeftRadius: 32,
|
|
352
|
+
borderTopRightRadius: 32,
|
|
353
|
+
borderBottomRightRadius: 32,
|
|
354
|
+
borderBottomLeftRadius: 32,
|
|
355
|
+
md: {
|
|
356
|
+
paddingTop: 56,
|
|
357
|
+
paddingRight: 48,
|
|
358
|
+
paddingBottom: 56,
|
|
359
|
+
paddingLeft: 48
|
|
360
|
+
}
|
|
361
|
+
},
|
|
362
|
+
children: [
|
|
363
|
+
/* @__PURE__ */ e(s, { sizeVariant: "4xl", md: { sizeVariant: "5xl" }, sx: { textAlign: "center", fontWeight: 600 }, children: "Need-to-know before you order" }),
|
|
364
|
+
/* @__PURE__ */ e(
|
|
365
|
+
i,
|
|
366
|
+
{
|
|
367
|
+
sx: {
|
|
368
|
+
color: o("neutral.600"),
|
|
369
|
+
textAlign: "center",
|
|
370
|
+
marginTop: 16,
|
|
371
|
+
marginLeft: "auto",
|
|
372
|
+
marginRight: "auto",
|
|
373
|
+
md: { width: 640 }
|
|
374
|
+
},
|
|
375
|
+
children: "A compact FAQ card for product pages and campaign landings where shoppers need quick confidence."
|
|
376
|
+
}
|
|
377
|
+
),
|
|
378
|
+
/* @__PURE__ */ t(
|
|
379
|
+
g,
|
|
380
|
+
{
|
|
381
|
+
openMode: "multiple",
|
|
382
|
+
sx: { marginTop: 20, rowGap: 6, md: { marginTop: 32, rowGap: 12 } },
|
|
383
|
+
accordionSummaryProps: {
|
|
384
|
+
sx: {
|
|
385
|
+
paddingTop: 10,
|
|
386
|
+
paddingBottom: 10,
|
|
387
|
+
paddingLeft: 8,
|
|
388
|
+
paddingRight: 8,
|
|
389
|
+
md: {
|
|
390
|
+
paddingTop: 16,
|
|
391
|
+
paddingBottom: 16,
|
|
392
|
+
paddingLeft: 16,
|
|
393
|
+
paddingRight: 16
|
|
394
|
+
}
|
|
395
|
+
},
|
|
396
|
+
expandIcon: {
|
|
397
|
+
position: "right",
|
|
398
|
+
source: {
|
|
399
|
+
expanded: x,
|
|
400
|
+
collapsed: u
|
|
401
|
+
}
|
|
402
|
+
}
|
|
403
|
+
},
|
|
404
|
+
accordionContentProps: {
|
|
405
|
+
sx: {
|
|
406
|
+
paddingTop: 0,
|
|
407
|
+
paddingBottom: 10,
|
|
408
|
+
paddingLeft: 8,
|
|
409
|
+
paddingRight: 8,
|
|
410
|
+
md: {
|
|
411
|
+
paddingBottom: 16,
|
|
412
|
+
paddingLeft: 16,
|
|
413
|
+
paddingRight: 16
|
|
414
|
+
}
|
|
415
|
+
}
|
|
416
|
+
},
|
|
417
|
+
children: [
|
|
418
|
+
/* @__PURE__ */ t(r, { defaultOpen: !0, children: [
|
|
419
|
+
/* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600 }, children: "Do you offer size guidance?" }) }),
|
|
420
|
+
/* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { sx: { color: o("neutral.600") }, children: "Add a fit note, measurement guide, or size recommendation here so shoppers choose confidently." }) })
|
|
421
|
+
] }),
|
|
422
|
+
/* @__PURE__ */ t(r, { defaultOpen: !0, children: [
|
|
423
|
+
/* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600 }, children: "Is gift packaging available?" }) }),
|
|
424
|
+
/* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { sx: { color: o("neutral.600") }, children: "Use this answer to explain gift notes, premium packaging, or seasonal wrapping options." }) })
|
|
425
|
+
] }),
|
|
426
|
+
/* @__PURE__ */ t(r, { children: [
|
|
427
|
+
/* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(i, { sizeVariant: "lg", sx: { fontWeight: 600 }, children: "How do exchanges work?" }) }),
|
|
428
|
+
/* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(i, { sx: { color: o("neutral.600") }, children: "Explain the exchange flow, timeline, and whether replacement items are reserved during processing." }) })
|
|
429
|
+
] })
|
|
430
|
+
]
|
|
431
|
+
}
|
|
432
|
+
)
|
|
433
|
+
]
|
|
434
|
+
}
|
|
435
|
+
) })
|
|
196
436
|
}
|
|
197
437
|
]
|
|
198
|
-
},
|
|
438
|
+
}, f = [
|
|
199
439
|
{
|
|
200
440
|
image: "https://ucarecdn.com/3c98ccba-611f-43aa-baee-8b70deaa56c4/-/format/auto/",
|
|
201
441
|
title: "24/7 Friendly Support"
|
|
@@ -212,12 +452,12 @@ const c = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
|
|
|
212
452
|
image: "https://ucarecdn.com/8a7a086c-1ef5-43a9-a036-daaf1f15a9f1/-/format/auto/",
|
|
213
453
|
title: "Secure Online Payment"
|
|
214
454
|
}
|
|
215
|
-
],
|
|
455
|
+
], _ = {
|
|
216
456
|
name: "Guarantee",
|
|
217
|
-
icon: { source:
|
|
457
|
+
icon: { source: b },
|
|
218
458
|
templates: [
|
|
219
459
|
{
|
|
220
|
-
template: /* @__PURE__ */ t(
|
|
460
|
+
template: /* @__PURE__ */ t(l, { children: [
|
|
221
461
|
/* @__PURE__ */ t(
|
|
222
462
|
s,
|
|
223
463
|
{
|
|
@@ -242,7 +482,7 @@ const c = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
|
|
|
242
482
|
{
|
|
243
483
|
sizeVariant: "base",
|
|
244
484
|
sx: {
|
|
245
|
-
color:
|
|
485
|
+
color: o("neutral.500"),
|
|
246
486
|
textAlign: "center",
|
|
247
487
|
marginTop: 16,
|
|
248
488
|
md: {
|
|
@@ -253,7 +493,7 @@ const c = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
|
|
|
253
493
|
}
|
|
254
494
|
),
|
|
255
495
|
/* @__PURE__ */ e(
|
|
256
|
-
|
|
496
|
+
c,
|
|
257
497
|
{
|
|
258
498
|
sx: {
|
|
259
499
|
width: "100%",
|
|
@@ -269,16 +509,16 @@ const c = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
|
|
|
269
509
|
md: {
|
|
270
510
|
cols: 4
|
|
271
511
|
},
|
|
272
|
-
children:
|
|
512
|
+
children: f.map((T, A) => /* @__PURE__ */ t(n, { children: [
|
|
273
513
|
/* @__PURE__ */ e(
|
|
274
|
-
|
|
514
|
+
p,
|
|
275
515
|
{
|
|
276
516
|
sx: {
|
|
277
517
|
width: 80,
|
|
278
518
|
marginLeft: "auto",
|
|
279
519
|
marginRight: "auto"
|
|
280
520
|
},
|
|
281
|
-
src:
|
|
521
|
+
src: T.image
|
|
282
522
|
}
|
|
283
523
|
),
|
|
284
524
|
/* @__PURE__ */ e(
|
|
@@ -290,18 +530,209 @@ const c = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="ht
|
|
|
290
530
|
marginTop: 16,
|
|
291
531
|
fontWeight: 500
|
|
292
532
|
},
|
|
293
|
-
children:
|
|
533
|
+
children: T.title
|
|
294
534
|
}
|
|
295
535
|
)
|
|
296
|
-
] },
|
|
536
|
+
] }, A))
|
|
297
537
|
}
|
|
298
538
|
)
|
|
299
539
|
] })
|
|
540
|
+
},
|
|
541
|
+
{
|
|
542
|
+
template: /* @__PURE__ */ e(
|
|
543
|
+
l,
|
|
544
|
+
{
|
|
545
|
+
sx: {
|
|
546
|
+
paddingTop: 32,
|
|
547
|
+
paddingBottom: 32,
|
|
548
|
+
md: {
|
|
549
|
+
paddingTop: 64,
|
|
550
|
+
paddingBottom: 64
|
|
551
|
+
}
|
|
552
|
+
},
|
|
553
|
+
children: /* @__PURE__ */ t(
|
|
554
|
+
c,
|
|
555
|
+
{
|
|
556
|
+
sx: {
|
|
557
|
+
rowGap: 32,
|
|
558
|
+
columnGap: 48,
|
|
559
|
+
md: {
|
|
560
|
+
alignItems: "center"
|
|
561
|
+
}
|
|
562
|
+
},
|
|
563
|
+
cols: 1,
|
|
564
|
+
md: { cols: 2 },
|
|
565
|
+
children: [
|
|
566
|
+
/* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
|
|
567
|
+
p,
|
|
568
|
+
{
|
|
569
|
+
sx: {
|
|
570
|
+
width: "100%",
|
|
571
|
+
borderTopLeftRadius: 32,
|
|
572
|
+
borderTopRightRadius: 32,
|
|
573
|
+
borderBottomRightRadius: 32,
|
|
574
|
+
borderBottomLeftRadius: 32
|
|
575
|
+
},
|
|
576
|
+
src: "https://cdn.shopify.com/s/files/1/0959/8114/2305/files/img140.png"
|
|
577
|
+
}
|
|
578
|
+
) }),
|
|
579
|
+
/* @__PURE__ */ t(n, { children: [
|
|
580
|
+
/* @__PURE__ */ e(
|
|
581
|
+
i,
|
|
582
|
+
{
|
|
583
|
+
sizeVariant: "sm",
|
|
584
|
+
sx: {
|
|
585
|
+
color: o("primary.600"),
|
|
586
|
+
textAlign: "center",
|
|
587
|
+
fontWeight: 600,
|
|
588
|
+
textTransform: "uppercase",
|
|
589
|
+
md: {
|
|
590
|
+
textAlign: "left"
|
|
591
|
+
}
|
|
592
|
+
},
|
|
593
|
+
children: "Shop with confidence"
|
|
594
|
+
}
|
|
595
|
+
),
|
|
596
|
+
/* @__PURE__ */ e(
|
|
597
|
+
s,
|
|
598
|
+
{
|
|
599
|
+
sizeVariant: "4xl",
|
|
600
|
+
sx: {
|
|
601
|
+
textAlign: "center",
|
|
602
|
+
fontWeight: 600,
|
|
603
|
+
marginTop: 12,
|
|
604
|
+
md: {
|
|
605
|
+
textAlign: "left"
|
|
606
|
+
}
|
|
607
|
+
},
|
|
608
|
+
md: { sizeVariant: "5xl" },
|
|
609
|
+
children: "Premium care from checkout to your doorstep"
|
|
610
|
+
}
|
|
611
|
+
),
|
|
612
|
+
/* @__PURE__ */ e(
|
|
613
|
+
i,
|
|
614
|
+
{
|
|
615
|
+
sizeVariant: "base",
|
|
616
|
+
sx: {
|
|
617
|
+
color: o("neutral.500"),
|
|
618
|
+
textAlign: "center",
|
|
619
|
+
marginTop: 20,
|
|
620
|
+
md: {
|
|
621
|
+
textAlign: "left"
|
|
622
|
+
}
|
|
623
|
+
},
|
|
624
|
+
children: "Every order is protected by responsive support, secure payments, and quality checks before shipping."
|
|
625
|
+
}
|
|
626
|
+
),
|
|
627
|
+
/* @__PURE__ */ t(c, { sx: { marginTop: 32, rowGap: 20, columnGap: 20 }, cols: 1, sm: { cols: 2 }, children: [
|
|
628
|
+
/* @__PURE__ */ t(n, { children: [
|
|
629
|
+
/* @__PURE__ */ e(
|
|
630
|
+
s,
|
|
631
|
+
{
|
|
632
|
+
sizeVariant: "3xl",
|
|
633
|
+
sx: { textAlign: "center", fontWeight: 600, md: { textAlign: "left" } },
|
|
634
|
+
children: "24/7"
|
|
635
|
+
}
|
|
636
|
+
),
|
|
637
|
+
/* @__PURE__ */ e(
|
|
638
|
+
i,
|
|
639
|
+
{
|
|
640
|
+
sx: { color: o("neutral.500"), textAlign: "center", md: { textAlign: "left" } },
|
|
641
|
+
children: "Friendly support team"
|
|
642
|
+
}
|
|
643
|
+
)
|
|
644
|
+
] }),
|
|
645
|
+
/* @__PURE__ */ t(n, { children: [
|
|
646
|
+
/* @__PURE__ */ e(
|
|
647
|
+
s,
|
|
648
|
+
{
|
|
649
|
+
sizeVariant: "3xl",
|
|
650
|
+
sx: { textAlign: "center", fontWeight: 600, md: { textAlign: "left" } },
|
|
651
|
+
children: "100%"
|
|
652
|
+
}
|
|
653
|
+
),
|
|
654
|
+
/* @__PURE__ */ e(
|
|
655
|
+
i,
|
|
656
|
+
{
|
|
657
|
+
sx: { color: o("neutral.500"), textAlign: "center", md: { textAlign: "left" } },
|
|
658
|
+
children: "Secure online payment"
|
|
659
|
+
}
|
|
660
|
+
)
|
|
661
|
+
] })
|
|
662
|
+
] }),
|
|
663
|
+
/* @__PURE__ */ e(h, { sx: { width: "100%", marginTop: 32, md: { width: 180 } }, children: "Explore Now" })
|
|
664
|
+
] })
|
|
665
|
+
]
|
|
666
|
+
}
|
|
667
|
+
)
|
|
668
|
+
}
|
|
669
|
+
)
|
|
670
|
+
},
|
|
671
|
+
{
|
|
672
|
+
template: /* @__PURE__ */ e(l, { children: /* @__PURE__ */ t(c, { sx: { rowGap: 24, columnGap: 24 }, cols: 1, md: { cols: 3 }, children: [
|
|
673
|
+
/* @__PURE__ */ t(n, { children: [
|
|
674
|
+
/* @__PURE__ */ e(s, { sizeVariant: "4xl", sx: { textAlign: "center", fontWeight: 600, md: { textAlign: "left" } }, children: "Built for calm, confident shopping" }),
|
|
675
|
+
/* @__PURE__ */ e(
|
|
676
|
+
i,
|
|
677
|
+
{
|
|
678
|
+
sx: {
|
|
679
|
+
color: o("neutral.500"),
|
|
680
|
+
textAlign: "center",
|
|
681
|
+
marginTop: 16,
|
|
682
|
+
md: { textAlign: "left" }
|
|
683
|
+
},
|
|
684
|
+
children: "Keep the reassurance visible with a compact guarantee block that adapts from mobile stack to desktop grid."
|
|
685
|
+
}
|
|
686
|
+
)
|
|
687
|
+
] }),
|
|
688
|
+
/* @__PURE__ */ t(
|
|
689
|
+
n,
|
|
690
|
+
{
|
|
691
|
+
sx: {
|
|
692
|
+
backgroundColor: o("neutral.100"),
|
|
693
|
+
paddingTop: 28,
|
|
694
|
+
paddingRight: 24,
|
|
695
|
+
paddingBottom: 28,
|
|
696
|
+
paddingLeft: 24,
|
|
697
|
+
borderTopLeftRadius: 28,
|
|
698
|
+
borderTopRightRadius: 28,
|
|
699
|
+
borderBottomRightRadius: 28,
|
|
700
|
+
borderBottomLeftRadius: 28
|
|
701
|
+
},
|
|
702
|
+
children: [
|
|
703
|
+
/* @__PURE__ */ e(p, { sx: { width: 72 }, src: f[0].image }),
|
|
704
|
+
/* @__PURE__ */ e(s, { sizeVariant: "2xl", sx: { marginTop: 24, fontWeight: 600 }, children: "Always-on support" }),
|
|
705
|
+
/* @__PURE__ */ e(i, { sx: { color: o("neutral.500"), marginTop: 12 }, children: "Ask questions before or after purchase and get guidance whenever you need it." })
|
|
706
|
+
]
|
|
707
|
+
}
|
|
708
|
+
),
|
|
709
|
+
/* @__PURE__ */ t(
|
|
710
|
+
n,
|
|
711
|
+
{
|
|
712
|
+
sx: {
|
|
713
|
+
backgroundColor: o("primary.100"),
|
|
714
|
+
paddingTop: 28,
|
|
715
|
+
paddingRight: 24,
|
|
716
|
+
paddingBottom: 28,
|
|
717
|
+
paddingLeft: 24,
|
|
718
|
+
borderTopLeftRadius: 28,
|
|
719
|
+
borderTopRightRadius: 28,
|
|
720
|
+
borderBottomRightRadius: 28,
|
|
721
|
+
borderBottomLeftRadius: 28
|
|
722
|
+
},
|
|
723
|
+
children: [
|
|
724
|
+
/* @__PURE__ */ e(p, { sx: { width: 72 }, src: f[3].image }),
|
|
725
|
+
/* @__PURE__ */ e(s, { sizeVariant: "2xl", sx: { marginTop: 24, fontWeight: 600 }, children: "Protected checkout" }),
|
|
726
|
+
/* @__PURE__ */ e(i, { sx: { color: o("neutral.600"), marginTop: 12 }, children: "Secure payment flows and trusted order handling keep every transaction simple." })
|
|
727
|
+
]
|
|
728
|
+
}
|
|
729
|
+
)
|
|
730
|
+
] }) })
|
|
300
731
|
}
|
|
301
732
|
]
|
|
302
733
|
};
|
|
303
734
|
export {
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
735
|
+
H as FAQS_SECTION_GROUP,
|
|
736
|
+
_ as GUARANTEE_SECTION_GROUP,
|
|
737
|
+
U as HERO_SECTION_GROUP
|
|
307
738
|
};
|
|
@@ -5687,7 +5687,7 @@ const B2 = (e) => e.info ?? {}, Fd = (e) => e.data?.custom ?? {}, Co = (e) => {
|
|
|
5687
5687
|
paddingTop: 12,
|
|
5688
5688
|
paddingBottom: 12,
|
|
5689
5689
|
overflowX: "hidden",
|
|
5690
|
-
':is(button, a, [role="button"]):not([data-node-id])': {
|
|
5690
|
+
'& :is(button, a, [role="button"]):not([data-node-id])': {
|
|
5691
5691
|
pointerEvents: "none"
|
|
5692
5692
|
}
|
|
5693
5693
|
},
|
|
@@ -5969,7 +5969,7 @@ const i6 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="h
|
|
|
5969
5969
|
size: "lg",
|
|
5970
5970
|
name: "Desktop"
|
|
5971
5971
|
}
|
|
5972
|
-
], u6 = "px", d6 = Gy(() => import("./index-
|
|
5972
|
+
], u6 = "px", d6 = Gy(() => import("./index-DBQ5OjJh.js").then((e) => ({ default: e.WbTooltip }))), J = Qe(
|
|
5973
5973
|
({ tooltip: e, size: t = "24", type: n = "button", isHighlighted: r, ...o }, i) => {
|
|
5974
5974
|
const s = /* @__PURE__ */ u(
|
|
5975
5975
|
"button",
|
|
@@ -15027,19 +15027,17 @@ ue(Zo, {
|
|
|
15027
15027
|
const Nh = () => Ne({
|
|
15028
15028
|
transform: lb
|
|
15029
15029
|
}), zs = ({ anchor: e, ...t }) => {
|
|
15030
|
-
const n = xe(), {
|
|
15031
|
-
|
|
15032
|
-
|
|
15033
|
-
})), a = s ? i ? "plaintext-only" : !1 : t.contentEditable;
|
|
15030
|
+
const n = xe(), { connectors: r } = Y(), { enabled: o } = Se((i) => ({
|
|
15031
|
+
enabled: i.options.enabled
|
|
15032
|
+
}));
|
|
15034
15033
|
return /* @__PURE__ */ u(
|
|
15035
15034
|
$0,
|
|
15036
15035
|
{
|
|
15037
|
-
anchor:
|
|
15036
|
+
anchor: o ? void 0 : e,
|
|
15038
15037
|
...t,
|
|
15039
15038
|
...n,
|
|
15040
|
-
|
|
15041
|
-
|
|
15042
|
-
l && o.connect(l);
|
|
15039
|
+
ref: (i) => {
|
|
15040
|
+
i && r.connect(i);
|
|
15043
15041
|
}
|
|
15044
15042
|
}
|
|
15045
15043
|
);
|
package/package.json
CHANGED
package/dist/index-CYvdAWY4.js
DELETED