@loczer/storefront-sdk 0.182.0 → 0.183.0

package/dist/components/ContactSection/index.js

@@ -1,248 +1,306 @@
 import { ROUTE as e, responseSchema as t } from "../../lib/contactForm.js";
-import { resolveStorefrontWhatsAppContact as n } from "../../lib/whatsapp.js";
-import r from "../../chunks/assets/whatsapp-m5e0vjnZ.js";
-import { Button as i } from "../../ui/button.js";
-import { Input as a } from "../../ui/input.js";
-import { useStorefront as o } from "../../StorefrontProvider.js";
-import { COORDS as s } from "../../static/strings.js";
-import { Form as c, FormControl as l, FormField as u, FormItem as d, FormLabel as f, FormMessage as p } from "../../ui/form.js";
-import { Textarea as m } from "../../ui/textarea.js";
-import { createMarkerElement as h } from "../Map/createMarkerElement.js";
-import { Map as g } from "../Map/index.js";
-import { z as _ } from "zod";
-import { useMemo as v } from "react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { PhoneNumberInput as x, cn as S } from "@rpcbase/ui";
-import { toast as C } from "@rpcbase/client";
-import { useTranslation as w } from "react-i18next";
-import { Mail as T, MapPin as E, Phone as D } from "lucide-react";
-import { useForm as O, zodResolver as k } from "@rpcbase/form";
+import { resolveStorefrontMapsHref as n, resolveStorefrontPhoneContact as r } from "../../lib/storefrontContact.js";
+import { resolveStorefrontWhatsAppContact as i } from "../../lib/whatsapp.js";
+import a from "../../chunks/assets/whatsapp-m5e0vjnZ.js";
+import { MISSING_SHOP_ADDRESS as o, MISSING_SHOP_EMAIL as s, MISSING_SHOP_PHONE_NUMBER as c, UNCONFIGURED_SHOP_MAP_CENTER as l } from "../../lib/storefrontMissingValues.js";
+import { Button as u } from "../../ui/button.js";
+import { Input as d } from "../../ui/input.js";
+import { useStorefront as f } from "../../StorefrontProvider.js";
+import { Form as p, FormControl as m, FormField as h, FormItem as g, FormLabel as _, FormMessage as v } from "../../ui/form.js";
+import { Textarea as y } from "../../ui/textarea.js";
+import { createMarkerElement as b } from "../Map/createMarkerElement.js";
+import { Map as x } from "../Map/index.js";
+import { z as S } from "zod";
+import { useMemo as C } from "react";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { PhoneNumberInput as ee, cn as E } from "@rpcbase/ui";
+import { toast as D } from "@rpcbase/client";
+import { useTranslation as O } from "react-i18next";
+import { Mail as k, MapPin as A, Phone as j } from "lucide-react";
+import { useForm as M, zodResolver as N } from "@rpcbase/form";
 //#region src/components/ContactSection/index.tsx
-var A = (e) => e.startsWith("fr") ? "FR" : "US", j = "text-sm font-normal text-current decoration-current underline-offset-4 group-hover:underline", M = "group flex items-start gap-3 text-slate-600 transition-colors hover:text-slate-800";
-function N({ preset: N, storeSlug: P }) {
-	let { t: F, i18n: I } = w(), { storefrontConfiguration: L, mapboxToken: R } = o(), z = `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(N.address)}`, B = n({
-		preset: N,
-		storefrontConfiguration: L,
-		language: I.language
-	}), V = B?.href, H = O({
-		resolver: k(v(() => _.object({
-			name: _.string().trim().min(1, F("contact_form_validation_name_required")),
-			emailAddress: _.string().trim().email(F("contact_form_validation_email_invalid")),
-			phoneNumber: _.string().trim().min(6, F("contact_form_validation_phone_invalid")),
-			message: _.string().trim().min(1, F("contact_form_validation_message_required")).max(8192, F("contact_form_validation_message_too_long"))
-		}), [F, I.language])),
+var P = (e) => e.startsWith("fr") ? "FR" : "US", F = "text-sm font-normal text-current decoration-current underline-offset-4 group-hover:underline", I = "group flex items-start gap-3 text-slate-600 transition-colors hover:text-slate-800";
+function L({ storeSlug: L }) {
+	let { t: R, i18n: z } = O(), { storefrontConfiguration: B, mapboxToken: V } = f(), { shop: H } = B, U = r(H), W = H.emailAddress?.trim() ?? "", G = H.address?.trim() ?? "", K = n(H), q = i({
+		storefrontConfiguration: B,
+		language: z.language
+	}), J = q?.href, Y = M({
+		resolver: N(C(() => S.object({
+			name: S.string().trim().min(1, R("contact_form_validation_name_required")),
+			emailAddress: S.string().trim().email(R("contact_form_validation_email_invalid")),
+			phoneNumber: S.string().trim().min(6, R("contact_form_validation_phone_invalid")),
+			message: S.string().trim().min(1, R("contact_form_validation_message_required")).max(8192, R("contact_form_validation_message_too_long"))
+		}), [R, z.language])),
 		defaultValues: {
 			name: "",
 			emailAddress: "",
 			phoneNumber: "",
 			message: ""
 		}
-	}), U = v(() => {
-		let e = L.shop.gpsCoordinates;
-		return e ? [e[1], e[0]] : s;
-	}, [L.shop.gpsCoordinates]), W = v(() => h(), []), G = v(() => ({
-		coords: U,
-		element: W || void 0,
+	}), X = C(() => {
+		let e = H.gpsCoordinates;
+		return e ? [e[1], e[0]] : null;
+	}, [H.gpsCoordinates]), Z = X ?? l, Q = C(() => b(), []), $ = C(() => X ? {
+		coords: X,
+		element: Q || void 0,
 		offset: [0, -25.5],
-		popupHTML: N.address,
+		popupHTML: G || "[Missing shop address]",
 		popupCloseButton: !1
-	}), [
-		N.address,
-		U,
-		W
-	]), K = v(() => [G], [G]), q = H.handleSubmit(async (n) => {
+	} : null, [
+		G,
+		X,
+		Q
+	]), te = C(() => $ ? [$] : [], [$]), ne = Y.handleSubmit(async (n) => {
 		let r = await fetch(e, {
 			method: "POST",
 			headers: { "Content-Type": "application/json" },
 			body: JSON.stringify({
-				storeSlug: P,
+				storeSlug: L,
 				...n
 			})
 		}), i = await r.json().then((e) => t.safeParse(e)).catch(() => ({ success: !1 }));
 		if (r.ok && "success" in i && i.success && i.data.success) {
-			C.success(F("contact_form_success_toast")), H.reset();
+			D.success(R("contact_form_success_toast")), Y.reset();
 			return;
 		}
-		let a = "success" in i && i.success && i.data.error ? i.data.error : F("contact_form_error_toast");
-		C.error(a);
+		let a = "success" in i && i.success && i.data.error ? i.data.error : R("contact_form_error_toast");
+		D.error(a);
 	});
-	return /* @__PURE__ */ y("section", {
+	return /* @__PURE__ */ w("section", {
 		id: "contact",
 		className: "border-t bg-slate-50 py-12 scroll-mt-16 sm:scroll-mt-20 sm:py-16",
 		"data-testid": "storefront-contact-form",
-		children: /* @__PURE__ */ b("div", {
+		children: /* @__PURE__ */ T("div", {
 			className: "mx-auto max-w-7xl px-4 sm:px-6",
-			children: [/* @__PURE__ */ b("div", {
+			children: [/* @__PURE__ */ T("div", {
 				className: "mx-auto max-w-2xl text-center",
-				children: [/* @__PURE__ */ y("h2", {
+				children: [/* @__PURE__ */ w("h2", {
 					className: "text-3xl font-semibold tracking-tight text-slate-950",
-					children: F("contact_section_title")
-				}), /* @__PURE__ */ y("p", {
+					children: R("contact_section_title")
+				}), /* @__PURE__ */ w("p", {
 					className: "mt-3 text-sm text-slate-600 sm:text-base",
-					children: F("contact_section_subtitle")
+					children: R("contact_section_subtitle")
 				})]
-			}), /* @__PURE__ */ b("div", {
+			}), /* @__PURE__ */ T("div", {
 				className: "mt-8 grid gap-6 rounded-xl border border-slate-200 bg-white p-4 shadow-sm lg:grid-cols-2 lg:p-6",
-				children: [/* @__PURE__ */ b("div", {
+				children: [/* @__PURE__ */ T("div", {
 					className: "flex flex-col gap-6 lg:border-r lg:border-slate-200 lg:pr-6",
 					children: [
-						/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h3", {
+						/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
 							className: "text-lg font-semibold text-slate-950",
-							children: F("contact_section_info_title")
-						}), /* @__PURE__ */ y("p", {
+							children: R("contact_section_info_title")
+						}), /* @__PURE__ */ w("p", {
 							className: "mt-2 text-sm text-slate-600",
-							children: F(V ? "contact_section_info_description" : "contact_section_info_description_without_whatsapp")
+							children: R(J ? "contact_section_info_description" : "contact_section_info_description_without_whatsapp")
 						})] }),
-						/* @__PURE__ */ b("div", {
+						/* @__PURE__ */ T("div", {
 							className: "grid gap-5",
 							children: [
-								B ? /* @__PURE__ */ b("a", {
-									className: M,
-									href: B.href,
+								q ? /* @__PURE__ */ T("a", {
+									className: I,
+									href: q.href,
 									target: "_blank",
 									rel: "noreferrer",
-									children: [/* @__PURE__ */ y("span", {
+									children: [/* @__PURE__ */ w("span", {
 										className: "mt-0.5 inline-flex h-8 w-8 items-center justify-center text-current transition-colors",
-										children: /* @__PURE__ */ y("img", {
-											src: r,
+										children: /* @__PURE__ */ w("img", {
+											src: a,
 											className: "h-6 w-6",
 											alt: "",
 											"aria-hidden": "true"
 										})
-									}), /* @__PURE__ */ b("span", {
+									}), /* @__PURE__ */ T("span", {
 										className: "flex min-w-0 flex-col gap-1",
-										children: [/* @__PURE__ */ y("span", {
+										children: [/* @__PURE__ */ w("span", {
 											className: "text-2xs font-medium uppercase tracking-[0.08em] text-slate-500",
-											children: F("contact_section_whatsapp_label")
-										}), /* @__PURE__ */ y("span", {
-											className: j,
-											children: B.phoneDisplay
+											children: R("contact_section_whatsapp_label")
+										}), /* @__PURE__ */ w("span", {
+											className: F,
+											children: q.phoneDisplay
 										})]
 									})]
 								}) : null,
-								/* @__PURE__ */ b("a", {
-									className: M,
-									href: N.phone_href,
-									children: [/* @__PURE__ */ y("span", {
+								U ? /* @__PURE__ */ T("a", {
+									className: I,
+									href: U.href,
+									children: [/* @__PURE__ */ w("span", {
 										className: "mt-0.5 inline-flex h-8 w-8 items-center justify-center text-current transition-colors",
-										children: /* @__PURE__ */ y(D, {
+										children: /* @__PURE__ */ w(j, {
 											className: "h-5 w-5",
 											"aria-hidden": "true"
 										})
-									}), /* @__PURE__ */ b("span", {
+									}), /* @__PURE__ */ T("span", {
 										className: "flex min-w-0 flex-col gap-1",
-										children: [/* @__PURE__ */ y("span", {
+										children: [/* @__PURE__ */ w("span", {
 											className: "text-2xs font-medium uppercase tracking-[0.08em] text-slate-500",
-											children: F("contact_section_phone_label")
-										}), /* @__PURE__ */ y("span", {
-											className: j,
-											children: N.phone_display
+											children: R("contact_section_phone_label")
+										}), /* @__PURE__ */ w("span", {
+											className: F,
+											children: U.phoneDisplay
+										})]
+									})]
+								}) : /* @__PURE__ */ T("div", {
+									className: "flex items-start gap-3 text-destructive",
+									children: [/* @__PURE__ */ w("span", {
+										className: "mt-0.5 inline-flex h-8 w-8 items-center justify-center text-current",
+										children: /* @__PURE__ */ w(j, {
+											className: "h-5 w-5",
+											"aria-hidden": "true"
+										})
+									}), /* @__PURE__ */ T("span", {
+										className: "flex min-w-0 flex-col gap-1",
+										children: [/* @__PURE__ */ w("span", {
+											className: "text-2xs font-medium uppercase tracking-[0.08em] text-slate-500",
+											children: R("contact_section_phone_label")
+										}), /* @__PURE__ */ w("span", {
+											className: "text-sm font-normal",
+											children: c
 										})]
 									})]
 								}),
-								/* @__PURE__ */ b("a", {
-									className: M,
-									href: `mailto:${N.email}`,
-									children: [/* @__PURE__ */ y("span", {
+								W ? /* @__PURE__ */ T("a", {
+									className: I,
+									href: `mailto:${W}`,
+									children: [/* @__PURE__ */ w("span", {
 										className: "mt-0.5 inline-flex h-8 w-8 items-center justify-center text-current transition-colors",
-										children: /* @__PURE__ */ y(T, {
+										children: /* @__PURE__ */ w(k, {
 											className: "h-5 w-5",
 											"aria-hidden": "true"
 										})
-									}), /* @__PURE__ */ b("span", {
+									}), /* @__PURE__ */ T("span", {
 										className: "flex min-w-0 flex-col gap-1",
-										children: [/* @__PURE__ */ y("span", {
+										children: [/* @__PURE__ */ w("span", {
 											className: "text-2xs font-medium uppercase tracking-[0.08em] text-slate-500",
-											children: F("contact_section_email_label")
-										}), /* @__PURE__ */ y("span", {
-											className: j,
-											children: N.email
+											children: R("contact_section_email_label")
+										}), /* @__PURE__ */ w("span", {
+											className: F,
+											children: W
+										})]
+									})]
+								}) : /* @__PURE__ */ T("div", {
+									className: "flex items-start gap-3 text-destructive",
+									children: [/* @__PURE__ */ w("span", {
+										className: "mt-0.5 inline-flex h-8 w-8 items-center justify-center text-current",
+										children: /* @__PURE__ */ w(k, {
+											className: "h-5 w-5",
+											"aria-hidden": "true"
+										})
+									}), /* @__PURE__ */ T("span", {
+										className: "flex min-w-0 flex-col gap-1",
+										children: [/* @__PURE__ */ w("span", {
+											className: "text-2xs font-medium uppercase tracking-[0.08em] text-slate-500",
+											children: R("contact_section_email_label")
+										}), /* @__PURE__ */ w("span", {
+											className: "text-sm font-normal",
+											children: s
 										})]
 									})]
 								}),
-								/* @__PURE__ */ b("a", {
-									className: M,
-									href: z,
+								K && G ? /* @__PURE__ */ T("a", {
+									className: I,
+									href: K,
 									target: "_blank",
 									rel: "noreferrer",
-									children: [/* @__PURE__ */ y("span", {
+									children: [/* @__PURE__ */ w("span", {
 										className: "mt-0.5 inline-flex h-8 w-8 items-center justify-center text-current transition-colors",
-										children: /* @__PURE__ */ y(E, {
+										children: /* @__PURE__ */ w(A, {
 											className: "h-5 w-5",
 											"aria-hidden": "true"
 										})
-									}), /* @__PURE__ */ b("span", {
+									}), /* @__PURE__ */ T("span", {
 										className: "flex min-w-0 flex-col gap-1",
-										children: [/* @__PURE__ */ y("span", {
+										children: [/* @__PURE__ */ w("span", {
 											className: "text-2xs font-medium uppercase tracking-[0.08em] text-slate-500",
-											children: F("contact_section_address_label")
-										}), /* @__PURE__ */ y("span", {
-											className: j,
-											children: N.address
+											children: R("contact_section_address_label")
+										}), /* @__PURE__ */ w("span", {
+											className: F,
+											children: G
+										})]
+									})]
+								}) : /* @__PURE__ */ T("div", {
+									className: "flex items-start gap-3 text-destructive",
+									children: [/* @__PURE__ */ w("span", {
+										className: "mt-0.5 inline-flex h-8 w-8 items-center justify-center text-current",
+										children: /* @__PURE__ */ w(A, {
+											className: "h-5 w-5",
+											"aria-hidden": "true"
+										})
+									}), /* @__PURE__ */ T("span", {
+										className: "flex min-w-0 flex-col gap-1",
+										children: [/* @__PURE__ */ w("span", {
+											className: "text-2xs font-medium uppercase tracking-[0.08em] text-slate-500",
+											children: R("contact_section_address_label")
+										}), /* @__PURE__ */ w("span", {
+											className: "text-sm font-normal",
+											children: o
 										})]
 									})]
 								})
 							]
 						}),
-						/* @__PURE__ */ y("div", { children: /* @__PURE__ */ y(g, {
-							mapboxToken: R,
-							initialCenter: U,
-							initialZoom: 10,
-							markers: K,
-							showNavigationControl: !1,
-							className: "overflow-clip w-full h-52 rounded-lg"
-						}) })
+						/* @__PURE__ */ w("div", {
+							className: "relative",
+							"data-testid": "storefront-contact-map",
+							children: /* @__PURE__ */ w(x, {
+								mapboxToken: V,
+								initialCenter: Z,
+								initialZoom: X ? 10 : 1,
+								markers: te,
+								showNavigationControl: !1,
+								className: "overflow-clip w-full h-52 rounded-lg"
+							})
+						})
 					]
-				}), /* @__PURE__ */ b("div", { children: [
-					/* @__PURE__ */ y("h3", {
+				}), /* @__PURE__ */ T("div", { children: [
+					/* @__PURE__ */ w("h3", {
 						className: "text-lg font-semibold text-slate-950",
-						children: F("contact_section_form_title")
+						children: R("contact_section_form_title")
 					}),
-					/* @__PURE__ */ y("p", {
+					/* @__PURE__ */ w("p", {
 						className: "mt-2 text-sm text-slate-600",
-						children: F("contact_section_form_description")
+						children: R("contact_section_form_description")
 					}),
-					/* @__PURE__ */ y("div", {
+					/* @__PURE__ */ w("div", {
 						className: "mt-6",
-						children: /* @__PURE__ */ y(c, {
-							...H,
-							children: /* @__PURE__ */ b("form", {
-								onSubmit: q,
+						children: /* @__PURE__ */ w(p, {
+							...Y,
+							children: /* @__PURE__ */ T("form", {
+								onSubmit: ne,
 								className: "grid gap-4",
 								children: [
-									/* @__PURE__ */ y(u, {
-										control: H.control,
+									/* @__PURE__ */ w(h, {
+										control: Y.control,
 										name: "name",
-										render: ({ field: e }) => /* @__PURE__ */ b(d, { children: [
-											/* @__PURE__ */ y(f, { children: F("contact_form_name_label") }),
-											/* @__PURE__ */ y(l, { children: /* @__PURE__ */ y(a, {
+										render: ({ field: e }) => /* @__PURE__ */ T(g, { children: [
+											/* @__PURE__ */ w(_, { children: R("contact_form_name_label") }),
+											/* @__PURE__ */ w(m, { children: /* @__PURE__ */ w(d, {
 												...e,
-												placeholder: F("contact_form_name_placeholder"),
+												placeholder: R("contact_form_name_placeholder"),
 												className: "h-11"
 											}) }),
-											/* @__PURE__ */ y(p, {})
+											/* @__PURE__ */ w(v, {})
 										] })
 									}),
-									/* @__PURE__ */ y(u, {
-										control: H.control,
+									/* @__PURE__ */ w(h, {
+										control: Y.control,
 										name: "emailAddress",
-										render: ({ field: e }) => /* @__PURE__ */ b(d, { children: [
-											/* @__PURE__ */ y(f, { children: F("contact_form_email_label") }),
-											/* @__PURE__ */ y(l, { children: /* @__PURE__ */ y(a, {
+										render: ({ field: e }) => /* @__PURE__ */ T(g, { children: [
+											/* @__PURE__ */ w(_, { children: R("contact_form_email_label") }),
+											/* @__PURE__ */ w(m, { children: /* @__PURE__ */ w(d, {
 												...e,
 												type: "email",
-												placeholder: F("contact_form_email_placeholder"),
+												placeholder: R("contact_form_email_placeholder"),
 												className: "h-11"
 											}) }),
-											/* @__PURE__ */ y(p, {})
+											/* @__PURE__ */ w(v, {})
 										] })
 									}),
-									/* @__PURE__ */ y(u, {
-										control: H.control,
+									/* @__PURE__ */ w(h, {
+										control: Y.control,
 										name: "phoneNumber",
-										render: ({ field: e, fieldState: t }) => /* @__PURE__ */ b(d, { children: [
-											/* @__PURE__ */ y(f, { children: F("contact_form_phone_label") }),
-											/* @__PURE__ */ y(l, { children: /* @__PURE__ */ y(x, {
+										render: ({ field: e, fieldState: t }) => /* @__PURE__ */ T(g, { children: [
+											/* @__PURE__ */ w(_, { children: R("contact_form_phone_label") }),
+											/* @__PURE__ */ w(m, { children: /* @__PURE__ */ w(ee, {
 												name: e.name,
 												value: e.value ?? "",
 												onBlur: e.onBlur,
@@ -250,42 +308,42 @@ function N({ preset: N, storeSlug: P }) {
 													let n = t.e164 || t.formattedInternational || t.rawInput || "";
 													e.onChange(n);
 												},
-												defaultCountry: A(I.language),
-												locale: I.language,
-												placeholder: F("contact_form_phone_placeholder"),
+												defaultCountry: P(z.language),
+												locale: z.language,
+												placeholder: R("contact_form_phone_placeholder"),
 												className: "relative",
-												inputClassName: S("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"),
-												renderValidationMessage: ({ message: e }) => t.error?.message ? null : /* @__PURE__ */ y(p, {
+												inputClassName: E("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"),
+												renderValidationMessage: ({ message: e }) => t.error?.message ? null : /* @__PURE__ */ w(v, {
 													style: { top: "100%" },
-													children: /* @__PURE__ */ y("span", { children: e })
+													children: /* @__PURE__ */ w("span", { children: e })
 												})
 											}) }),
-											t.error?.message ? /* @__PURE__ */ y(p, {}) : null
+											t.error?.message ? /* @__PURE__ */ w(v, {}) : null
 										] })
 									}),
-									/* @__PURE__ */ y(u, {
-										control: H.control,
+									/* @__PURE__ */ w(h, {
+										control: Y.control,
 										name: "message",
-										render: ({ field: e }) => /* @__PURE__ */ b(d, { children: [
-											/* @__PURE__ */ y(f, { children: F("contact_form_message_label") }),
-											/* @__PURE__ */ y(l, { children: /* @__PURE__ */ y(m, {
+										render: ({ field: e }) => /* @__PURE__ */ T(g, { children: [
+											/* @__PURE__ */ w(_, { children: R("contact_form_message_label") }),
+											/* @__PURE__ */ w(m, { children: /* @__PURE__ */ w(y, {
 												...e,
 												rows: 5,
-												placeholder: F("contact_form_message_placeholder"),
+												placeholder: R("contact_form_message_placeholder"),
 												className: "min-h-[132px]"
 											}) }),
-											/* @__PURE__ */ y(p, {})
+											/* @__PURE__ */ w(v, {})
 										] })
 									}),
-									/* @__PURE__ */ b("div", {
+									/* @__PURE__ */ T("div", {
 										className: "mt-2 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
-										children: [/* @__PURE__ */ y("p", {
+										children: [/* @__PURE__ */ w("p", {
 											className: "text-xs text-slate-500",
-											children: F("contact_form_privacy_hint")
-										}), /* @__PURE__ */ y(i, {
+											children: R("contact_form_privacy_hint")
+										}), /* @__PURE__ */ w(u, {
 											type: "submit",
-											disabled: H.formState.isSubmitting,
-											children: H.formState.isSubmitting ? F("contact_form_submitting_button") : F("contact_form_submit_button")
+											disabled: Y.formState.isSubmitting,
+											children: Y.formState.isSubmitting ? R("contact_form_submitting_button") : R("contact_form_submit_button")
 										})]
 									})
 								]
@@ -298,4 +356,4 @@ function N({ preset: N, storeSlug: P }) {
 	});
 }
 //#endregion
-export { N as ContactSection };
+export { L as ContactSection };

package/dist/components/Footer/index.d.ts

@@ -1,12 +1,11 @@
-import { StorefrontPreset } from '../../data/config';
-import { StorefrontConfiguration } from '../../storefrontSchemas';
+import { StorefrontConfiguration, StorefrontShop } from '../../storefrontSchemas';
 type FooterProps = {
-    preset: StorefrontPreset;
+    shop?: StorefrontShop;
     whatsappHref?: string;
     whatsappPhoneDisplay?: string;
     openingHours?: StorefrontConfiguration["bookingEngine"]["shop"]["openingHours"];
     openingHoursOverrides?: StorefrontConfiguration["bookingEngine"]["shop"]["openingHoursOverrides"];
 };
-export declare function Footer({ preset, whatsappHref, whatsappPhoneDisplay, openingHours, openingHoursOverrides, }: FooterProps): import("react/jsx-runtime").JSX.Element;
+export declare function Footer({ shop, whatsappHref, whatsappPhoneDisplay, openingHours, openingHoursOverrides, }: FooterProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Footer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAMzD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAStE,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,gBAAgB,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,YAAY,CAAC,EAAE,uBAAuB,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,cAAc,CAAC,CAAA;IAC/E,qBAAqB,CAAC,EAAE,uBAAuB,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,uBAAuB,CAAC,CAAA;CAClG,CAAA;AAyCD,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,YAAY,EACZ,oBAAoB,EACpB,YAAY,EACZ,qBAAqB,GACtB,EAAE,WAAW,2CAiGb"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Footer/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAStF,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,YAAY,CAAC,EAAE,uBAAuB,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,cAAc,CAAC,CAAA;IAC/E,qBAAqB,CAAC,EAAE,uBAAuB,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC,uBAAuB,CAAC,CAAA;CAClG,CAAA;AAyCD,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,YAAY,EACZ,oBAAoB,EACpB,YAAY,EACZ,qBAAqB,GACtB,EAAE,WAAW,2CA8Ib"}