@loczer/storefront-sdk 0.180.0 → 0.182.0

package/dist/components/ContactSection/index.js

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

package/dist/components/ContractSaleDocument/AcceptanceModal.js

@@ -1,36 +1,52 @@
-import { jsx as t, jsxs as r } from "react/jsx-runtime";
-import { useState as _ } from "react";
-import { useTranslation as p } from "react-i18next";
-import { Button as s } from "../../ui/button.js";
-function h({ isOpen: o, onClose: i, onAccept: d }) {
-  const { t: e } = p(), [a, n] = _(!1), l = async () => {
-    n(!0);
-    try {
-      await d();
-    } catch (c) {
-      console.error("Failed to save contract document acceptance", c);
-      const m = c instanceof Error && c.message.trim().length > 0 ? c.message : e("docs_contract_sale_acceptance_submit_error");
-      window.alert(m);
-    } finally {
-      n(!1);
-    }
-  };
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      className: `fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4 transition-opacity ${o ? "pointer-events-auto visible opacity-100" : "pointer-events-none invisible opacity-0"}`,
-      "aria-hidden": !o,
-      children: /* @__PURE__ */ r("div", { className: "w-full max-w-md rounded-xl border border-border bg-card p-6 shadow-xl", children: [
-        /* @__PURE__ */ t("h2", { className: "mb-2 text-2xl font-bold text-card-foreground", children: e("docs_contract_sale_acceptance_modal_title") }),
-        /* @__PURE__ */ t("p", { className: "text-sm text-muted-foreground", children: e("docs_contract_sale_acceptance_modal_description") }),
-        /* @__PURE__ */ r("div", { className: "mt-6 flex justify-end gap-3", children: [
-          /* @__PURE__ */ t(s, { onClick: i, variant: "secondary", disabled: a, children: e("docs_contract_sale_modal_cancel") }),
-          /* @__PURE__ */ t(s, { onClick: () => void l(), disabled: a, "data-testid": "contract-sale-document-accept-button", children: e(a ? "docs_contract_sale_acceptance_modal_accepting" : "docs_contract_sale_acceptance_modal_accept") })
-        ] })
-      ] })
-    }
-  );
+import { Button as e } from "../../ui/button.js";
+import { useState as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useTranslation as i } from "react-i18next";
+//#region src/components/ContractSaleDocument/AcceptanceModal.tsx
+function a({ isOpen: a, onClose: o, onAccept: s }) {
+	let { t: c } = i(), [l, u] = t(!1), d = async () => {
+		u(!0);
+		try {
+			await s();
+		} catch (e) {
+			console.error("Failed to save contract document acceptance", e);
+			let t = e instanceof Error && e.message.trim().length > 0 ? e.message : c("docs_contract_sale_acceptance_submit_error");
+			window.alert(t);
+		} finally {
+			u(!1);
+		}
+	};
+	return /* @__PURE__ */ n("div", {
+		className: `fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4 transition-opacity ${a ? "pointer-events-auto visible opacity-100" : "pointer-events-none invisible opacity-0"}`,
+		"aria-hidden": !a,
+		children: /* @__PURE__ */ r("div", {
+			className: "w-full max-w-md rounded-xl border border-border bg-card p-6 shadow-xl",
+			children: [
+				/* @__PURE__ */ n("h2", {
+					className: "mb-2 text-2xl font-bold text-card-foreground",
+					children: c("docs_contract_sale_acceptance_modal_title")
+				}),
+				/* @__PURE__ */ n("p", {
+					className: "text-sm text-muted-foreground",
+					children: c("docs_contract_sale_acceptance_modal_description")
+				}),
+				/* @__PURE__ */ r("div", {
+					className: "mt-6 flex justify-end gap-3",
+					children: [/* @__PURE__ */ n(e, {
+						onClick: o,
+						variant: "secondary",
+						disabled: l,
+						children: c("docs_contract_sale_modal_cancel")
+					}), /* @__PURE__ */ n(e, {
+						onClick: () => void d(),
+						disabled: l,
+						"data-testid": "contract-sale-document-accept-button",
+						children: c(l ? "docs_contract_sale_acceptance_modal_accepting" : "docs_contract_sale_acceptance_modal_accept")
+					})]
+				})
+			]
+		})
+	});
 }
-export {
-  h as AcceptanceModal
-};
+//#endregion
+export { a as AcceptanceModal };