@loczer/storefront-sdk 0.213.0 → 0.215.0
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/StorefrontContext.d.ts +18 -0
- package/dist/StorefrontContext.d.ts.map +1 -1
- package/dist/StorefrontProvider.d.ts +9 -0
- package/dist/StorefrontProvider.d.ts.map +1 -1
- package/dist/chunks/pkg/ui/dist/Drawer/{index-CSvSVP_J.js → index-Dp62Y2o5.js} +10 -7
- package/dist/chunks/pkg/ui/dist/{ResponsiveDialog-BVwhTZQo.js → ResponsiveDialog-BJ0RG6gh.js} +1 -1
- package/dist/components/BookingBikeVariantDialog/index.d.ts.map +1 -1
- package/dist/components/BookingBikeVariantDialog/index.js +22 -27
- package/dist/components/Footer/index.d.ts +2 -1
- package/dist/components/Footer/index.d.ts.map +1 -1
- package/dist/components/Footer/index.js +64 -58
- package/dist/components/Layout/index.d.ts.map +1 -1
- package/dist/components/Layout/index.js +1 -0
- package/dist/components/PlatformFooter/index.js +6 -6
- package/dist/components/StorefrontCancellationPolicyNotice/index.js +1 -1
- package/dist/components/StorefrontInsuranceNotice/index.js +1 -1
- package/dist/components/StorefrontPopupMessages/index.js +1 -1
- package/dist/i18n/en.d.ts +6 -3
- package/dist/i18n/en.d.ts.map +1 -1
- package/dist/i18n/en.js +6 -3
- package/dist/i18n/fr.d.ts +6 -3
- package/dist/i18n/fr.d.ts.map +1 -1
- package/dist/i18n/fr.js +6 -3
- package/dist/index.d.ts +64 -7
- package/dist/index.js +69 -68
- package/dist/pages/BookingPage.d.ts.map +1 -1
- package/dist/pages/BookingPage.js +1 -0
- package/dist/pages/HomePage.d.ts.map +1 -1
- package/dist/pages/HomePage.js +1 -0
- package/dist/pages/RentalTermsPage.d.ts +2 -0
- package/dist/pages/RentalTermsPage.d.ts.map +1 -0
- package/dist/pages/RentalTermsPage.js +52 -0
- package/dist/routes.d.ts.map +1 -1
- package/dist/routes.js +14 -10
- package/dist/storefront.css +1 -1
- package/dist/storefrontSchemas.d.ts +19 -0
- package/dist/storefrontSchemas.d.ts.map +1 -1
- package/dist/storefrontSchemas.js +39 -35
- package/dist/ui/drawer.d.ts.map +1 -1
- package/dist/ui/drawer.js +53 -42
- package/package.json +1 -1
|
@@ -11,6 +11,16 @@ export declare const storefrontLocalizedRichTextSchema: z.ZodRecord<z.ZodString,
|
|
|
11
11
|
html: z.ZodString;
|
|
12
12
|
text: z.ZodString;
|
|
13
13
|
}, z.core.$strict>>;
|
|
14
|
+
export declare const storefrontInformationSchema: z.ZodObject<{
|
|
15
|
+
rentalTerms: z.ZodOptional<z.ZodObject<{
|
|
16
|
+
version: z.ZodLiteral<1>;
|
|
17
|
+
json: z.ZodString;
|
|
18
|
+
html: z.ZodString;
|
|
19
|
+
text: z.ZodString;
|
|
20
|
+
}, z.core.$strict>>;
|
|
21
|
+
rentalTermsUpdatedAt: z.ZodOptional<z.ZodNullable<z.ZodString>>;
|
|
22
|
+
}, z.core.$strip>;
|
|
23
|
+
export type StorefrontInformation = z.infer<typeof storefrontInformationSchema>;
|
|
14
24
|
export declare const storefrontStatusSchema: z.ZodEnum<{
|
|
15
25
|
unpublished: "unpublished";
|
|
16
26
|
published: "published";
|
|
@@ -588,6 +598,15 @@ export declare const storefrontConfigurationSchema: z.ZodObject<{
|
|
|
588
598
|
}, z.core.$strip>>>;
|
|
589
599
|
}, z.core.$strip>>;
|
|
590
600
|
}, z.core.$strip>>;
|
|
601
|
+
information: z.ZodOptional<z.ZodObject<{
|
|
602
|
+
rentalTerms: z.ZodOptional<z.ZodObject<{
|
|
603
|
+
version: z.ZodLiteral<1>;
|
|
604
|
+
json: z.ZodString;
|
|
605
|
+
html: z.ZodString;
|
|
606
|
+
text: z.ZodString;
|
|
607
|
+
}, z.core.$strict>>;
|
|
608
|
+
rentalTermsUpdatedAt: z.ZodOptional<z.ZodNullable<z.ZodString>>;
|
|
609
|
+
}, z.core.$strip>>;
|
|
591
610
|
modules: z.ZodOptional<z.ZodObject<{
|
|
592
611
|
reviews: z.ZodOptional<z.ZodObject<{
|
|
593
612
|
enabled: z.ZodBoolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"storefrontSchemas.d.ts","sourceRoot":"","sources":["../src/storefrontSchemas.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAA;AAwBvB,eAAO,MAAM,wBAAwB;;;;;kBAO1B,CAAA;AACX,eAAO,MAAM,iCAAiC;;;;;mBAE5C,CAAA;
|
|
1
|
+
{"version":3,"file":"storefrontSchemas.d.ts","sourceRoot":"","sources":["../src/storefrontSchemas.ts"],"names":[],"mappings":"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"}
|
|
@@ -12,7 +12,10 @@ var r = n.string().trim().regex(/^\+[1-9]\d{1,14}$/, { message: "Invalid phone n
|
|
|
12
12
|
json: n.string(),
|
|
13
13
|
html: n.string(),
|
|
14
14
|
text: n.string()
|
|
15
|
-
}).strict(), c = n.record(n.string().min(2), s).refine((e) => Object.keys(e).length > 0, { message: "Add at least one translation." }), l =
|
|
15
|
+
}).strict(), c = n.record(n.string().min(2), s).refine((e) => Object.keys(e).length > 0, { message: "Add at least one translation." }), l = n.object({
|
|
16
|
+
rentalTerms: s.optional(),
|
|
17
|
+
rentalTermsUpdatedAt: n.string().datetime({ offset: !0 }).nullable().optional()
|
|
18
|
+
}), u = (e) => e.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """).replace(/'/g, "'"), d = (e) => {
|
|
16
19
|
let t = e.trim(), n = t.split(/\n+/).map((e) => e.trim()).filter(Boolean), r = n.length > 0 ? n.map((e) => ({
|
|
17
20
|
type: "paragraph",
|
|
18
21
|
content: [{
|
|
@@ -26,25 +29,25 @@ var r = n.string().trim().regex(/^\+[1-9]\d{1,14}$/, { message: "Invalid phone n
|
|
|
26
29
|
type: "doc",
|
|
27
30
|
content: r
|
|
28
31
|
}),
|
|
29
|
-
html: n.map((e) => `<p>${
|
|
32
|
+
html: n.map((e) => `<p>${u(e)}</p>`).join(""),
|
|
30
33
|
text: t
|
|
31
34
|
};
|
|
32
|
-
},
|
|
35
|
+
}, f = n.preprocess((e) => {
|
|
33
36
|
let t = a.safeParse(e);
|
|
34
|
-
return t.success ? Object.fromEntries(Object.entries(t.data).map(([e, t]) => [e,
|
|
35
|
-
}, c),
|
|
37
|
+
return t.success ? Object.fromEntries(Object.entries(t.data).map(([e, t]) => [e, d(t.value)])) : e;
|
|
38
|
+
}, c), p = n.string().regex(/^[0-9]{4}-[0-9]{2}-[0-9]{2}$/), m = t, h = n.enum(["unpublished", "published"]), g = n.enum(["auto_approve_when_possible", "manual_approval_required"]), _ = n.enum(["pickup", "delivery"]), v = [
|
|
36
39
|
"current_booking_hero",
|
|
37
40
|
"booking_bar_overlay_hero",
|
|
38
41
|
"vertical_marquee_hero"
|
|
39
|
-
],
|
|
40
|
-
status:
|
|
41
|
-
checkoutMode:
|
|
42
|
-
availabilityDisplay:
|
|
42
|
+
], y = n.enum(v), b = t.shape.availabilityDisplay, x = n.object({
|
|
43
|
+
status: h,
|
|
44
|
+
checkoutMode: g,
|
|
45
|
+
availabilityDisplay: b,
|
|
43
46
|
enabled: n.boolean(),
|
|
44
|
-
fulfillmentModes: n.array(
|
|
47
|
+
fulfillmentModes: n.array(_).min(1),
|
|
45
48
|
deliveryDisabledReason: n.string().trim().default(""),
|
|
46
49
|
sameDayCutoff: e
|
|
47
|
-
}),
|
|
50
|
+
}), S = n.object({
|
|
48
51
|
id: n.string().min(1),
|
|
49
52
|
slug: n.string().min(1).optional(),
|
|
50
53
|
name: n.string().min(1),
|
|
@@ -60,30 +63,30 @@ var r = n.string().trim().regex(/^\+[1-9]\d{1,14}$/, { message: "Invalid phone n
|
|
|
60
63
|
city: n.string().min(1).optional(),
|
|
61
64
|
country: n.string().min(1).optional(),
|
|
62
65
|
gpsCoordinates: n.tuple([n.number(), n.number()]).optional()
|
|
63
|
-
}),
|
|
66
|
+
}), C = n.object({
|
|
64
67
|
name: n.string().min(1).optional(),
|
|
65
68
|
workspaceLanguage: n.enum(["fr", "en"]).optional(),
|
|
66
69
|
languages: n.array(n.string().min(1)).optional()
|
|
67
|
-
}),
|
|
70
|
+
}), w = n.object({
|
|
68
71
|
id: n.string().min(1),
|
|
69
72
|
question: o,
|
|
70
73
|
answer: o
|
|
71
|
-
}),
|
|
74
|
+
}), T = n.object({
|
|
72
75
|
id: n.string().min(1),
|
|
73
76
|
enabled: n.boolean().default(!0),
|
|
74
77
|
showOnEachVisit: n.boolean().default(!1),
|
|
75
|
-
startDate:
|
|
76
|
-
endDate:
|
|
78
|
+
startDate: p.nullable().default(null),
|
|
79
|
+
endDate: p.nullable().default(null),
|
|
77
80
|
title: a.optional(),
|
|
78
81
|
subtitle: a.optional(),
|
|
79
|
-
message:
|
|
82
|
+
message: f.optional(),
|
|
80
83
|
imageIds: n.array(n.string().min(1)).default([])
|
|
81
|
-
}), T = n.object({
|
|
82
|
-
general: n.array(C).default([]),
|
|
83
|
-
deliveries: n.array(C).default([]),
|
|
84
|
-
booking: n.array(C).default([])
|
|
85
84
|
}), E = n.object({
|
|
86
|
-
|
|
85
|
+
general: n.array(w).default([]),
|
|
86
|
+
deliveries: n.array(w).default([]),
|
|
87
|
+
booking: n.array(w).default([])
|
|
88
|
+
}), D = n.object({
|
|
89
|
+
heroMode: y.default("current_booking_hero"),
|
|
87
90
|
tagline: a.optional(),
|
|
88
91
|
logoSquareImageId: n.string().min(1).optional(),
|
|
89
92
|
logoWideImageId: n.string().min(1).optional(),
|
|
@@ -94,26 +97,27 @@ var r = n.string().trim().regex(/^\+[1-9]\d{1,14}$/, { message: "Invalid phone n
|
|
|
94
97
|
whatsappPhone2Enabled: n.boolean().default(!1),
|
|
95
98
|
whatsappMessage: a.optional(),
|
|
96
99
|
showWhatsappFloatingButton: n.boolean().default(!0),
|
|
97
|
-
modalMessages: n.array(
|
|
98
|
-
faq:
|
|
100
|
+
modalMessages: n.array(T).default([]),
|
|
101
|
+
faq: E.default({
|
|
99
102
|
general: [],
|
|
100
103
|
deliveries: [],
|
|
101
104
|
booking: []
|
|
102
105
|
})
|
|
103
|
-
}),
|
|
106
|
+
}), O = n.object({
|
|
104
107
|
enabled: n.boolean(),
|
|
105
108
|
showRecentReviewsOnStorefront: n.boolean()
|
|
106
|
-
}), O = n.object({
|
|
107
|
-
reviews: D.optional(),
|
|
108
|
-
insurance: n.object({ enabled: n.boolean() }).optional()
|
|
109
109
|
}), k = n.object({
|
|
110
|
+
reviews: O.optional(),
|
|
111
|
+
insurance: n.object({ enabled: n.boolean() }).optional()
|
|
112
|
+
}), A = n.object({
|
|
110
113
|
storeSlug: n.string().min(1),
|
|
111
|
-
workspace:
|
|
112
|
-
shop:
|
|
113
|
-
settings:
|
|
114
|
-
bookingEngine:
|
|
115
|
-
content:
|
|
116
|
-
|
|
114
|
+
workspace: C.optional(),
|
|
115
|
+
shop: S,
|
|
116
|
+
settings: x,
|
|
117
|
+
bookingEngine: m,
|
|
118
|
+
content: D.optional(),
|
|
119
|
+
information: l.optional(),
|
|
120
|
+
modules: k.optional()
|
|
117
121
|
});
|
|
118
122
|
//#endregion
|
|
119
|
-
export {
|
|
123
|
+
export { v as STOREFRONT_HERO_MODES, g as storefrontCheckoutModeSchema, A as storefrontConfigurationSchema, D as storefrontContentSchema, w as storefrontFaqItemSchema, E as storefrontFaqSchema, _ as storefrontFulfillmentModeSchema, y as storefrontHeroModeSchema, l as storefrontInformationSchema, c as storefrontLocalizedRichTextSchema, T as storefrontModalMessageSchema, k as storefrontModulesSchema, O as storefrontReviewsModuleSchema, s as storefrontRichTextSchema, x as storefrontSettingsSchema, S as storefrontShopSchema, h as storefrontStatusSchema, C as storefrontWorkspaceSchema };
|
package/dist/ui/drawer.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/ui/drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,KAAK,eAAe,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/ui/drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,KAAK,eAAe,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAsB1D,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,SAAS,CAAC,EAAE,eAAe,CAAA;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,kBAAkB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IACjD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,iBAAS,MAAM,CAAC,EACd,IAAI,EAAE,QAAQ,EACd,WAAmB,EACnB,YAAY,EACZ,SAAoB,EACpB,QAAQ,EACR,KAAY,EACZ,WAAkB,EAClB,KAAK,EAAE,MAAM,EACb,gBAAgB,EAAE,iBAAiB,EACnC,UAAU,EAAE,WAAW,EACvB,eAAe,EAAE,gBAAgB,EACjC,kBAAkB,EAAE,mBAAmB,EACvC,UAAiB,GAClB,EAAE,WAAW,2CA4Cb;AAMD,QAAA,MAAM,aAAa;cAHP,OAAO;2CAsBlB,CAAA;AAGD,KAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;CAC/B,CAAA;AAED,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,4BAmB/D;AAMD,QAAA,MAAM,WAAW;cAHL,OAAO;2CAsBlB,CAAA;AAOD,QAAA,MAAM,aAAa;2BAHM,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE;YAAE,aAAa,EAAE,YAAY,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI;wCAiCpF,CAAA;AAUD,QAAA,MAAM,aAAa;wBANG,MAAM;iBACb,MAAM;2BACI,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE;YAAE,aAAa,EAAE,YAAY,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI;sBACjE,OAAO;wCAsE1B,CAAA;AAGD,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWzE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,QAAA,MAAM,WAAW,qHAUf,CAAA;AAGF,QAAA,MAAM,iBAAiB,yHAUrB,CAAA;AAGF,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,CAAA"}
|
package/dist/ui/drawer.js
CHANGED
|
@@ -6,34 +6,45 @@ import { cn as a } from "@rpcbase/ui";
|
|
|
6
6
|
import { X as o } from "lucide-react";
|
|
7
7
|
import { createPortal as s } from "react-dom";
|
|
8
8
|
//#region src/ui/drawer.tsx
|
|
9
|
-
var c = n.createContext(null),
|
|
10
|
-
let e = n.useContext(
|
|
9
|
+
var c = 250, l = n.createContext(null), u = () => {
|
|
10
|
+
let e = n.useContext(l);
|
|
11
11
|
if (!e) throw Error("Drawer components must be used within <Drawer>");
|
|
12
12
|
return e;
|
|
13
13
|
};
|
|
14
|
-
function
|
|
15
|
-
let [
|
|
14
|
+
function d({ open: e, defaultOpen: t = !1, onOpenChange: i, direction: a = "bottom", children: o, modal: s = !0, dismissible: u = !0, fixed: d, repositionInputs: f, snapPoints: p, activeSnapPoint: m, setActiveSnapPoint: h, lockScroll: g = !0 }) {
|
|
15
|
+
let [_, v] = n.useState(t), y = e !== void 0, b = y ? e : _, [x, S] = n.useState(b);
|
|
16
16
|
return n.useEffect(() => {
|
|
17
|
-
if (!
|
|
17
|
+
if (!b || !g || typeof document > "u") return;
|
|
18
18
|
let e = document.body.style.overflow;
|
|
19
19
|
return document.body.style.overflow = "hidden", () => {
|
|
20
20
|
document.body.style.overflow = e;
|
|
21
21
|
};
|
|
22
|
-
}, [
|
|
22
|
+
}, [g, b]), n.useEffect(() => {
|
|
23
|
+
if (b) {
|
|
24
|
+
S(!0);
|
|
25
|
+
return;
|
|
26
|
+
}
|
|
27
|
+
if (!x) return;
|
|
28
|
+
let e = window.setTimeout(() => {
|
|
29
|
+
S(!1);
|
|
30
|
+
}, c);
|
|
31
|
+
return () => window.clearTimeout(e);
|
|
32
|
+
}, [b, x]), /* @__PURE__ */ r(l.Provider, {
|
|
23
33
|
value: {
|
|
24
|
-
open:
|
|
34
|
+
open: b,
|
|
35
|
+
present: x,
|
|
25
36
|
setOpen: (e) => {
|
|
26
|
-
|
|
37
|
+
y || v(e), i?.(e);
|
|
27
38
|
},
|
|
28
39
|
direction: a,
|
|
29
40
|
modal: s,
|
|
30
|
-
dismissible:
|
|
41
|
+
dismissible: u
|
|
31
42
|
},
|
|
32
43
|
children: o
|
|
33
44
|
});
|
|
34
45
|
}
|
|
35
|
-
var
|
|
36
|
-
let { setOpen: o } =
|
|
46
|
+
var f = n.forwardRef(({ asChild: t, onClick: n, ...i }, a) => {
|
|
47
|
+
let { setOpen: o } = u();
|
|
37
48
|
return /* @__PURE__ */ r(t ? e : "button", {
|
|
38
49
|
ref: a,
|
|
39
50
|
"data-slot": "drawer-trigger",
|
|
@@ -43,19 +54,19 @@ var d = n.forwardRef(({ asChild: t, onClick: n, ...i }, a) => {
|
|
|
43
54
|
...i
|
|
44
55
|
});
|
|
45
56
|
});
|
|
46
|
-
|
|
47
|
-
function
|
|
48
|
-
let { open: a,
|
|
57
|
+
f.displayName = "DrawerTrigger";
|
|
58
|
+
function p({ children: e, container: i }) {
|
|
59
|
+
let { open: a, present: o, modal: c } = u(), [l, d] = n.useState(!1), f = n.useRef(null);
|
|
49
60
|
return n.useEffect(() => {
|
|
50
|
-
|
|
51
|
-
}, []), t(a &&
|
|
52
|
-
ref:
|
|
61
|
+
d(!0);
|
|
62
|
+
}, []), t(a && l && c, f), !o || !l || typeof document > "u" ? null : s(/* @__PURE__ */ r("div", {
|
|
63
|
+
ref: f,
|
|
53
64
|
"data-slot": "drawer-portal",
|
|
54
65
|
children: e
|
|
55
66
|
}), i ?? document.body);
|
|
56
67
|
}
|
|
57
|
-
var
|
|
58
|
-
let { setOpen: o } =
|
|
68
|
+
var m = n.forwardRef(({ asChild: t, onClick: n, ...i }, a) => {
|
|
69
|
+
let { setOpen: o } = u();
|
|
59
70
|
return /* @__PURE__ */ r(t ? e : "button", {
|
|
60
71
|
ref: a,
|
|
61
72
|
"data-slot": "drawer-close",
|
|
@@ -65,44 +76,44 @@ var p = n.forwardRef(({ asChild: t, onClick: n, ...i }, a) => {
|
|
|
65
76
|
...i
|
|
66
77
|
});
|
|
67
78
|
});
|
|
68
|
-
|
|
69
|
-
var
|
|
70
|
-
let {
|
|
79
|
+
m.displayName = "DrawerClose";
|
|
80
|
+
var h = n.forwardRef(({ className: e, onClick: t, onPointerDownOutside: n, ...i }, o) => {
|
|
81
|
+
let { open: s, setOpen: c, dismissible: l } = u();
|
|
71
82
|
return /* @__PURE__ */ r("div", {
|
|
72
83
|
ref: o,
|
|
73
84
|
"data-slot": "drawer-overlay",
|
|
74
|
-
"data-state": "open",
|
|
75
|
-
className: a("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0
|
|
85
|
+
"data-state": s ? "open" : "closed",
|
|
86
|
+
className: a("fixed inset-0 z-50 bg-black/50 duration-200 data-[state=open]:animate-in data-[state=closed]:pointer-events-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", e),
|
|
76
87
|
onPointerDown: (e) => {
|
|
77
88
|
n?.({ detail: { originalEvent: e.nativeEvent } });
|
|
78
89
|
},
|
|
79
90
|
onClick: (e) => {
|
|
80
|
-
t?.(e), !(e.defaultPrevented || !
|
|
91
|
+
t?.(e), !(e.defaultPrevented || !l) && (e.stopPropagation(), c(!1));
|
|
81
92
|
},
|
|
82
93
|
...i
|
|
83
94
|
});
|
|
84
95
|
});
|
|
85
|
-
|
|
86
|
-
var
|
|
87
|
-
let { direction: _,
|
|
96
|
+
h.displayName = "DrawerOverlay";
|
|
97
|
+
var g = n.forwardRef(({ className: e, children: t, closeButtonTestId: s = "drawer-close", closeLabel: c = "Close", onPointerDownOutside: l, showCloseButton: d = !1, ...f }, g) => {
|
|
98
|
+
let { direction: _, open: v, setOpen: y, dismissible: b } = u();
|
|
88
99
|
return n.useEffect(() => {
|
|
89
100
|
if (typeof document > "u") return;
|
|
90
101
|
let e = (e) => {
|
|
91
|
-
|
|
102
|
+
b && e.key === "Escape" && y(!1);
|
|
92
103
|
};
|
|
93
104
|
return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
|
|
94
|
-
}, [
|
|
105
|
+
}, [b, y]), /* @__PURE__ */ i(p, { children: [/* @__PURE__ */ r(h, { onPointerDownOutside: l }), /* @__PURE__ */ i("div", {
|
|
95
106
|
ref: g,
|
|
96
107
|
"data-slot": "drawer-content",
|
|
97
108
|
"data-drawer-direction": _,
|
|
98
|
-
"data-state": "open",
|
|
109
|
+
"data-state": v ? "open" : "closed",
|
|
99
110
|
role: "dialog",
|
|
100
111
|
"aria-modal": "true",
|
|
101
|
-
className: a("group/drawer-content bg-background fixed z-50 flex h-auto flex-col", _ === "top" && "inset-x-0 top-0 mb-24 max-h-[80vh] rounded-b-lg border-b", _ === "bottom" && "inset-x-0 bottom-0 max-h-[95dvh] rounded-t-lg border-t", _ === "right" && "inset-y-0 right-0 w-3/4 border-l sm:max-w-sm", _ === "left" && "inset-y-0 left-0 w-3/4 border-r sm:max-w-sm", e),
|
|
102
|
-
...
|
|
112
|
+
className: a("group/drawer-content bg-background fixed z-50 flex h-auto flex-col duration-200 data-[state=open]:animate-in data-[state=closed]:pointer-events-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", _ === "top" && "inset-x-0 top-0 mb-24 max-h-[80vh] rounded-b-lg border-b data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top", _ === "bottom" && "inset-x-0 bottom-0 max-h-[95dvh] rounded-t-lg border-t data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom", _ === "right" && "inset-y-0 right-0 w-3/4 border-l data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right sm:max-w-sm", _ === "left" && "inset-y-0 left-0 w-3/4 border-r data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left sm:max-w-sm", e),
|
|
113
|
+
...f,
|
|
103
114
|
children: [
|
|
104
115
|
/* @__PURE__ */ r("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[drawer-direction=bottom]/drawer-content:block" }),
|
|
105
|
-
d ? /* @__PURE__ */ r(
|
|
116
|
+
d ? /* @__PURE__ */ r(m, {
|
|
106
117
|
asChild: !0,
|
|
107
118
|
children: /* @__PURE__ */ r("button", {
|
|
108
119
|
type: "button",
|
|
@@ -121,34 +132,34 @@ var h = n.forwardRef(({ className: e, children: t, closeButtonTestId: s = "drawe
|
|
|
121
132
|
]
|
|
122
133
|
})] });
|
|
123
134
|
});
|
|
124
|
-
|
|
125
|
-
function
|
|
135
|
+
g.displayName = "DrawerContent";
|
|
136
|
+
function _({ className: e, ...t }) {
|
|
126
137
|
return /* @__PURE__ */ r("div", {
|
|
127
138
|
"data-slot": "drawer-header",
|
|
128
139
|
className: a("flex flex-col gap-0.5 p-4 group-data-[drawer-direction=bottom]/drawer-content:text-center group-data-[drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left", e),
|
|
129
140
|
...t
|
|
130
141
|
});
|
|
131
142
|
}
|
|
132
|
-
function
|
|
143
|
+
function v({ className: e, ...t }) {
|
|
133
144
|
return /* @__PURE__ */ r("div", {
|
|
134
145
|
"data-slot": "drawer-footer",
|
|
135
146
|
className: a("mt-auto flex flex-col gap-2 p-4", e),
|
|
136
147
|
...t
|
|
137
148
|
});
|
|
138
149
|
}
|
|
139
|
-
var
|
|
150
|
+
var y = n.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ r("h2", {
|
|
140
151
|
ref: n,
|
|
141
152
|
"data-slot": "drawer-title",
|
|
142
153
|
className: a("text-foreground font-semibold", e),
|
|
143
154
|
...t
|
|
144
155
|
}));
|
|
145
|
-
|
|
146
|
-
var
|
|
156
|
+
y.displayName = "DrawerTitle";
|
|
157
|
+
var b = n.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ r("p", {
|
|
147
158
|
ref: n,
|
|
148
159
|
"data-slot": "drawer-description",
|
|
149
160
|
className: a("text-muted-foreground text-sm", e),
|
|
150
161
|
...t
|
|
151
162
|
}));
|
|
152
|
-
|
|
163
|
+
b.displayName = "DrawerDescription";
|
|
153
164
|
//#endregion
|
|
154
|
-
export {
|
|
165
|
+
export { d as Drawer, m as DrawerClose, g as DrawerContent, b as DrawerDescription, v as DrawerFooter, _ as DrawerHeader, h as DrawerOverlay, p as DrawerPortal, y as DrawerTitle, f as DrawerTrigger };
|