@loczer/storefront-sdk 0.214.0 → 0.216.0

package/dist/components/ContactSection/index.js

@@ -316,7 +316,7 @@ function L({ storeSlug: L }) {
 												locale: z.language,
 												placeholder: R("contact_form_phone_placeholder"),
 												className: "relative",
-												inputClassName: O("flex h-11 w-full rounded-md border border-input bg-background py-2 text-base ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", t.error && "border-destructive focus-visible:ring-destructive"),
+												inputClassName: O("flex h-11 w-full rounded-md border border-input bg-background py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", t.error && "border-destructive focus-visible:ring-destructive"),
 												renderValidationMessage: ({ message: e }) => t.error?.message ? null : /* @__PURE__ */ w(y, {
 													style: { top: "100%" },
 													children: /* @__PURE__ */ w("span", { children: e })

package/dist/components/payment/StripeCardFieldsForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StripeCardFieldsForm.d.ts","sourceRoot":"","sources":["../../../src/components/payment/StripeCardFieldsForm.tsx"],"names":[],"mappings":"AAWA,KAAK,iCAAiC,GAAG;IACvC,eAAe,EAAE,MAAM,CAAA;IACvB,cAAc,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,KAAK,yBAAyB,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,EAAE,CAAC,OAAO,EAAE,iCAAiC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CACxE,CAAA;AAED,wBAAgB,oBAAoB,CAAC,EACnC,KAAU,EACV,YAAmB,EACnB,QAAgB,EAChB,WAAW,EACX,eAAe,EACf,QAAQ,GACT,EAAE,yBAAyB,2CA2H3B"}
+{"version":3,"file":"StripeCardFieldsForm.d.ts","sourceRoot":"","sources":["../../../src/components/payment/StripeCardFieldsForm.tsx"],"names":[],"mappings":"AAmBA,KAAK,iCAAiC,GAAG;IACvC,eAAe,EAAE,MAAM,CAAA;IACvB,cAAc,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,KAAK,yBAAyB,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,EAAE,CAAC,OAAO,EAAE,iCAAiC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CACxE,CAAA;AAED,wBAAgB,oBAAoB,CAAC,EACnC,KAAU,EACV,YAAmB,EACnB,QAAgB,EAChB,WAAW,EACX,eAAe,EACf,QAAQ,GACT,EAAE,yBAAyB,2CA2H3B"}

package/dist/components/payment/StripeCardFieldsForm.js

@@ -8,30 +8,31 @@ import { useTranslation as s } from "react-i18next";
 import { CreditCard as c } from "lucide-react";
 import { CardCvcElement as l, CardExpiryElement as u, CardNumberElement as d, useElements as f, useStripe as p } from "@stripe/react-stripe-js";
 //#region src/components/payment/StripeCardFieldsForm.tsx
-function m({ email: m = "", requireEmail: h = !0, disabled: g = !1, submitLabel: _, submittingLabel: v, onSubmit: y }) {
-	let { t: b } = s(), x = p(), S = f(), [C, w] = i(""), [T, E] = i(!1), [D, O] = i(null);
+var m = { style: { base: { fontSize: "16px" } } };
+function h({ email: h = "", requireEmail: g = !0, disabled: _ = !1, submitLabel: v, submittingLabel: y, onSubmit: b }) {
+	let { t: x } = s(), S = p(), C = f(), [w, T] = i(""), [E, D] = i(!1), [O, k] = i(null);
 	return /* @__PURE__ */ o("form", {
 		onSubmit: async (e) => {
-			if (e.preventDefault(), !x || !S) {
-				O(b("secure_payment_link.errors.stripe_not_ready"));
+			if (e.preventDefault(), !S || !C) {
+				k(x("secure_payment_link.errors.stripe_not_ready"));
 				return;
 			}
-			let t = m.trim(), n = C.trim();
+			let t = h.trim(), n = w.trim();
 			if (!n) {
-				O(b("secure_payment_link.form.name_required"));
+				k(x("secure_payment_link.form.name_required"));
 				return;
 			}
-			if (h && !t) {
-				O(b("secure_payment_link.form.email_required"));
+			if (g && !t) {
+				k(x("secure_payment_link.form.email_required"));
 				return;
 			}
-			let r = S.getElement(d);
+			let r = C.getElement(d);
 			if (!r) {
-				O(b("secure_payment_link.errors.stripe_not_ready"));
+				k(x("secure_payment_link.errors.stripe_not_ready"));
 				return;
 			}
-			E(!0), O(null);
-			let i = await x.createPaymentMethod({
+			D(!0), k(null);
+			let i = await S.createPaymentMethod({
 				type: "card",
 				card: r,
 				billing_details: {
@@ -40,19 +41,19 @@ function m({ email: m = "", requireEmail: h = !0, disabled: g = !1, submitLabel:
 				}
 			});
 			if (i.error || !i.paymentMethod) {
-				E(!1), O(i.error?.message ?? b("secure_payment_link.errors.payment_failed"));
+				D(!1), k(i.error?.message ?? x("secure_payment_link.errors.payment_failed"));
 				return;
 			}
 			try {
-				await y({
+				await b({
 					paymentMethodId: i.paymentMethod.id,
 					cardholderName: n,
 					email: t || void 0
 				});
 			} catch (e) {
-				O(e instanceof Error ? e.message : b("secure_payment_link.errors.payment_failed"));
+				k(e instanceof Error ? e.message : x("secure_payment_link.errors.payment_failed"));
 			} finally {
-				E(!1);
+				D(!1);
 			}
 		},
 		className: "grid gap-3",
@@ -61,25 +62,28 @@ function m({ email: m = "", requireEmail: h = !0, disabled: g = !1, submitLabel:
 				className: "space-y-1",
 				children: [/* @__PURE__ */ a(t, {
 					htmlFor: "payment-cardholder-name",
-					children: /* @__PURE__ */ a("span", { children: b("secure_payment_link.form.cardholder_name_label") })
+					children: /* @__PURE__ */ a("span", { children: x("secure_payment_link.form.cardholder_name_label") })
 				}), /* @__PURE__ */ a(n, {
 					id: "payment-cardholder-name",
-					value: C,
+					value: w,
 					onChange: (e) => {
-						w(e.target.value);
+						T(e.target.value);
 					},
-					placeholder: b("secure_payment_link.form.cardholder_name_placeholder"),
-					disabled: g || T
+					placeholder: x("secure_payment_link.form.cardholder_name_placeholder"),
+					disabled: _ || E
 				})]
 			}),
 			/* @__PURE__ */ o("div", {
 				className: "space-y-1",
 				children: [/* @__PURE__ */ a(t, {
 					htmlFor: "payment-card-number",
-					children: /* @__PURE__ */ a("span", { children: b("secure_payment_link.form.card_number_label") })
+					children: /* @__PURE__ */ a("span", { children: x("secure_payment_link.form.card_number_label") })
 				}), /* @__PURE__ */ a("div", {
 					className: "rounded-md border border-slate-200 bg-white px-3 py-2",
-					children: /* @__PURE__ */ a(d, { id: "payment-card-number" })
+					children: /* @__PURE__ */ a(d, {
+						id: "payment-card-number",
+						options: m
+					})
 				})]
 			}),
 			/* @__PURE__ */ o("div", {
@@ -88,40 +92,46 @@ function m({ email: m = "", requireEmail: h = !0, disabled: g = !1, submitLabel:
 					className: "space-y-1",
 					children: [/* @__PURE__ */ a(t, {
 						htmlFor: "payment-card-expiry",
-						children: /* @__PURE__ */ a("span", { children: b("secure_payment_link.form.card_expiry_label") })
+						children: /* @__PURE__ */ a("span", { children: x("secure_payment_link.form.card_expiry_label") })
 					}), /* @__PURE__ */ a("div", {
 						className: "rounded-md border border-slate-200 bg-white px-3 py-2",
-						children: /* @__PURE__ */ a(u, { id: "payment-card-expiry" })
+						children: /* @__PURE__ */ a(u, {
+							id: "payment-card-expiry",
+							options: m
+						})
 					})]
 				}), /* @__PURE__ */ o("div", {
 					className: "space-y-1",
 					children: [/* @__PURE__ */ a(t, {
 						htmlFor: "payment-card-cvc",
-						children: /* @__PURE__ */ a("span", { children: b("secure_payment_link.form.card_cvc_label") })
+						children: /* @__PURE__ */ a("span", { children: x("secure_payment_link.form.card_cvc_label") })
 					}), /* @__PURE__ */ a("div", {
 						className: "rounded-md border border-slate-200 bg-white px-3 py-2",
-						children: /* @__PURE__ */ a(l, { id: "payment-card-cvc" })
+						children: /* @__PURE__ */ a(l, {
+							id: "payment-card-cvc",
+							options: m
+						})
 					})]
 				})]
 			}),
-			D ? /* @__PURE__ */ a("p", {
+			O ? /* @__PURE__ */ a("p", {
 				className: "text-sm text-destructive",
-				children: /* @__PURE__ */ a("span", { children: D })
+				children: /* @__PURE__ */ a("span", { children: O })
 			}) : null,
 			/* @__PURE__ */ o(e, {
 				type: "submit",
-				disabled: g || T || !x || !S,
+				disabled: _ || E || !S || !C,
 				className: "gap-2",
-				children: [T ? /* @__PURE__ */ a(r, {
+				children: [E ? /* @__PURE__ */ a(r, {
 					className: "size-4",
 					"aria-hidden": "true"
 				}) : /* @__PURE__ */ a(c, {
 					className: "h-4 w-4",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ a("span", { children: T ? v ?? b("secure_payment_link.form.submitting_button") : _ ?? b("secure_payment_link.form.submit_button") })]
+				}), /* @__PURE__ */ a("span", { children: E ? y ?? x("secure_payment_link.form.submitting_button") : v ?? x("secure_payment_link.form.submit_button") })]
 			})
 		]
 	});
 }
 //#endregion
-export { m as StripeCardFieldsForm };
+export { h as StripeCardFieldsForm };

package/dist/index.d.ts

@@ -706,7 +706,11 @@ export declare const bookingInsuranceSnapshotSchema: z.ZodObject<{
     }, z.core.$strip>>;
 }, z.core.$strip>;
 
-export declare const BookingMobileDateDrawer: () => JSX.Element | null;
+export declare const BookingMobileDateDrawer: ({ onContinue }: BookingMobileDateDrawerProps) => JSX.Element | null;
+
+declare type BookingMobileDateDrawerProps = {
+    onContinue?: () => void;
+};
 
 export declare type BookingPeriodChangeMeta = {
     source: "user" | "auto";

package/dist/pages/BookingPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BookingPage.d.ts","sourceRoot":"","sources":["../../src/pages/BookingPage.tsx"],"names":[],"mappings":"AAuMA,MAAM,CAAC,OAAO,UAAU,WAAW,4CAioBlC"}
+{"version":3,"file":"BookingPage.d.ts","sourceRoot":"","sources":["../../src/pages/BookingPage.tsx"],"names":[],"mappings":"AA6MA,MAAM,CAAC,OAAO,UAAU,WAAW,4CAsrBlC"}