@loczer/storefront-sdk 0.147.0 → 0.149.0

package/dist/components/BookingPeriodSelector/index.js

@@ -0,0 +1,27 @@
+import { jsx as o, jsxs as i } from "react/jsx-runtime";
+import { cn as m } from "@rpcbase/ui";
+import { BookingPeriodProvider as t } from "./BookingPeriodContext.js";
+import { useBookingPeriod as F } from "./BookingPeriodContext.js";
+import { BookingStartDateField as d } from "./components/BookingStartDateField.js";
+import { BookingStartTimeField as s } from "./components/BookingStartTimeField.js";
+import { BookingEndDateField as a } from "./components/BookingEndDateField.js";
+import { BookingEndTimeField as l } from "./components/BookingEndTimeField.js";
+const B = ({ className: r, ...e }) => /* @__PURE__ */ o(t, { ...e, children: /* @__PURE__ */ i("div", { className: m("grid grid-cols-1 gap-x-6 gap-y-4 md:grid-cols-2", r), children: [
+  /* @__PURE__ */ i("div", { className: "flex items-start space-x-4", children: [
+    /* @__PURE__ */ o(d, {}),
+    /* @__PURE__ */ o(s, {})
+  ] }),
+  /* @__PURE__ */ i("div", { className: "flex items-start space-x-4", children: [
+    /* @__PURE__ */ o(a, {}),
+    /* @__PURE__ */ o(l, {})
+  ] })
+] }) });
+export {
+  a as BookingEndDateField,
+  l as BookingEndTimeField,
+  t as BookingPeriodProvider,
+  B as BookingPeriodSelector,
+  d as BookingStartDateField,
+  s as BookingStartTimeField,
+  F as useBookingPeriod
+};

package/dist/components/BookingPeriodSelector/useBookingPeriodController.js

@@ -0,0 +1,241 @@
+import { useMemo as l, useState as O, useRef as q, useCallback as d, useEffect as P } from "react";
+import { differenceInCalendarDays as ee } from "date-fns";
+import { fr as Fe, de as He, es as Re, it as Ue, enUS as Ae } from "date-fns/locale";
+import { useMediaQuery as Le } from "@rpcbase/client";
+import { parseTimeToMinutes as M, dateToBusinessDateString as We } from "../../lib/booking-period.js";
+import { getBookingPeriodTimeSlotsSync as qe } from "../../lib/booking-period-time-slots.js";
+const Ne = ({
+  locale: u,
+  localeCode: n
+}) => {
+  if (u)
+    return u;
+  const s = n?.toLowerCase() ?? "";
+  return s.startsWith("fr") ? Fe : s.startsWith("de") ? He : s.startsWith("es") ? Re : s.startsWith("it") ? Ue : Ae;
+}, ze = (u) => {
+  if (!u?.length)
+    return null;
+  const n = u.map((t) => M(t.value)).filter((t) => typeof t == "number").sort((t, C) => t - C);
+  if (n.length < 2)
+    return null;
+  const s = n[1] - n[0];
+  return !Number.isFinite(s) || s <= 0 ? null : s;
+}, $e = (u) => {
+  if (typeof u != "string")
+    return null;
+  const n = u.match(/(\d{1,2}:\d{2})\s*-\s*(\d{1,2}:\d{2})/);
+  return n ? M(n[2]) : null;
+}, ue = (u, n) => u.map((s) => {
+  const t = M(s.value);
+  if (t == null)
+    return null;
+  const C = $e(s.label) ?? t + n, o = typeof s.label == "string" ? s.label : s.value;
+  return {
+    value: s.value,
+    label: o,
+    startMinutes: t,
+    endMinutes: C,
+    isExtra: !1,
+    isDisabled: !!s.disabled
+  };
+}).filter((s) => !!s), Ke = (u) => {
+  const {
+    startDate: n,
+    onStartDateChange: s,
+    startTime: t,
+    onStartTimeChange: C,
+    endDate: o,
+    onEndDateChange: x,
+    endTime: f,
+    onEndTimeChange: c,
+    onEndTimeCommit: F,
+    errors: oe = {},
+    labels: fe,
+    labelClassName: ce,
+    inputClassName: de,
+    bookingPeriodConfig: a,
+    currencyCode: me = "EUR",
+    showEndExtraSlots: te = !0,
+    disableAutomaticTimeCorrection: w = !1,
+    openDatePickerOnFocus: Se = !0,
+    startTimeOptions: y = [],
+    endTimeOptions: ne,
+    locale: re,
+    localeCode: N
+  } = u, De = Le("(max-width: 767px)"), pe = l(() => Ne({ locale: re, localeCode: N }), [re, N]), ve = N ?? "en-US", b = l(() => a?.timing.slotIntervalMinutes ? a.timing.slotIntervalMinutes : ze(y) ?? 30, [a?.timing.slotIntervalMinutes, y]), [z, H] = O(!1), [$, Q] = O(!1), [V, R] = O(!1), [Z, j] = O(!1), [Te, G] = O(void 0), [Me, be] = O(!1), [se, ge] = O(!1), I = q(null), J = q(0), K = q(0), X = q(0), he = d(() => {
+    G(void 0);
+  }, []), U = l(() => !n || !o ? !1 : ee(o, n) === 0, [n, o]), Ee = l(() => M(t), [t]), D = l(
+    () => !!n && ee(n, /* @__PURE__ */ new Date()) === 0,
+    [n]
+  ), B = l(
+    () => !!o && ee(o, /* @__PURE__ */ new Date()) === 0,
+    [o]
+  ), ie = l(() => {
+    if (!D && !B) return null;
+    const e = /* @__PURE__ */ new Date(), i = a?.timing.minBufferMinutes ?? 10;
+    return e.setMinutes(e.getMinutes() + i), `${String(e.getHours()).padStart(2, "0")}:${String(e.getMinutes()).padStart(2, "0")}`;
+  }, [a?.timing.minBufferMinutes, B, D]), p = l(() => M(ie), [ie]), Y = l(() => D ? p : null, [p, D]), ae = l(() => {
+    if (!a)
+      return;
+    const i = (n instanceof Date ? n : n ? new Date(n) : void 0) ?? /* @__PURE__ */ new Date();
+    return We(i, a.timeZone) ?? void 0;
+  }, [a, n]), A = l(() => a ? qe(a, {
+    date: ae
+  }) : null, [a, ae]), S = l(() => a ? A?.startTimeSlots ?? [] : ue(y, b), [a, A?.startTimeSlots, b, y]), _ = l(() => a ? A?.endTimeSlots ?? [] : ue(ne ?? y, b), [a, A?.endTimeSlots, ne, b, y]), g = l(
+    () => te ? _ : _.filter((e) => !e.isExtra),
+    [_, te]
+  ), m = d(
+    (e, i) => {
+      ge(i === "user"), C(e);
+    },
+    [C]
+  ), L = l(() => S.length ? S.find((e) => !(e.isDisabled || Y != null && e.startMinutes < Y)) ?? null : null, [Y, S]);
+  P(() => {
+    w || se || L && t !== L.value && m(L.value, "auto");
+  }, [w, L, se, t, m]), P(() => {
+    if (w || !S.length)
+      return;
+    const e = t ? S.find((r) => r.value === t) : void 0, i = p ?? void 0, k = D ? i : null, h = (r) => {
+      const E = typeof r == "number" ? r : null, W = S.find((le) => !(le.isDisabled || E != null && le.startMinutes < E));
+      W && W.value !== t ? m(W.value, "auto") : !W && t && m("", "auto");
+    };
+    if (t && !e) {
+      h(k);
+      return;
+    }
+    if (e?.isDisabled) {
+      h(k);
+      return;
+    }
+    if (!D || i == null)
+      return;
+    const v = M(t);
+    if (v != null && v >= i && !e?.isDisabled)
+      return;
+    const T = S.find((r) => !r.isDisabled && r.startMinutes >= i);
+    T && T.value !== t && m(T.value, "auto");
+  }, [w, p, D, t, S, m]), P(() => {
+    if (w || !g.length)
+      return;
+    const e = M(t), i = M(f), k = f ? g.find((r) => r.value === f) : void 0;
+    if (U && e != null && i != null && i < e) {
+      const r = [...g].reverse().find((E) => !E.isDisabled);
+      r && r.value !== f ? c(r.value) : !r && f && c("");
+      return;
+    }
+    const h = [];
+    B && p != null && h.push(p), U && e != null && h.push(e + b);
+    const v = h.length ? Math.max(...h) : null;
+    if (k?.isDisabled) {
+      const r = g.find((E) => !(E.isDisabled || v != null && E.startMinutes < v));
+      r && r.value !== f ? c(r.value) : !r && f && c("");
+      return;
+    }
+    if (v == null || i != null && i >= v)
+      return;
+    const T = g.find((r) => !r.isDisabled && r.startMinutes >= v);
+    T && T.value !== f ? c(T.value) : !T && f && c("");
+  }, [
+    g,
+    w,
+    p,
+    f,
+    B,
+    U,
+    c,
+    b,
+    t
+  ]), P(() => (be(!0), () => {
+    I.current != null && clearTimeout(I.current);
+  }), []), P(() => {
+    $ && z && H(!1);
+  }, [z, $]), P(() => {
+    Z && V && R(!1);
+  }, [V, Z]);
+  const Oe = d((e) => {
+    e && J.current && Date.now() < J.current || H(e);
+  }, []), Ce = d((e) => {
+    e && K.current && Date.now() < K.current || R(e);
+  }, []), we = d((e) => {
+    e && X.current && Date.now() < X.current || j(e);
+  }, []), ye = d(
+    (e, { openTimePicker: i = !0 } = {}) => {
+      if (!e) {
+        H(!1);
+        return;
+      }
+      s(e), J.current = Date.now() + 250, H(!1), o && e > o && x(e), i && Q(!0);
+    },
+    [s, o, x]
+  ), Ie = d(
+    (e) => {
+      m(e, "user"), Q(!1), I.current != null && clearTimeout(I.current), e && n ? I.current = setTimeout(() => {
+        R(!0);
+      }, 100) : I.current = null;
+    },
+    [n, m]
+  ), Pe = d(
+    (e) => {
+      e && e !== t && m(e, "user");
+    },
+    [t, m]
+  ), Be = d(
+    (e, { openTimePicker: i = !0 } = {}) => {
+      x(e), G(void 0), K.current = Date.now() + 250, R(!1), e && i && j(!0);
+    },
+    [x]
+  ), ke = d((e) => {
+    c(e);
+  }, [c]), xe = d(
+    (e) => {
+      c(e), X.current = Date.now() + 250, j(!1), F && (typeof window > "u" ? F() : requestAnimationFrame(() => {
+        requestAnimationFrame(F);
+      }));
+    },
+    [c, F]
+  );
+  return {
+    startDate: n,
+    startTime: t,
+    endDate: o,
+    endTime: f,
+    errors: oe,
+    labels: fe,
+    labelClassName: ce,
+    inputClassName: de,
+    currencyCode: me,
+    localeCode: ve,
+    slotIntervalMinutes: b,
+    dateLocale: pe,
+    numberOfMonths: De ? 1 : 2,
+    isHydrated: Me,
+    openDatePickerOnFocus: Se,
+    isStartDatePopoverOpen: z,
+    setIsStartDatePopoverOpen: Oe,
+    isStartTimeSelectOpen: $,
+    setIsStartTimeSelectOpen: Q,
+    isEndDatePopoverOpen: V,
+    setIsEndDatePopoverOpen: Ce,
+    isEndTimeSelectOpen: Z,
+    setIsEndTimeSelectOpen: we,
+    hoveredEndDate: Te,
+    setHoveredEndDate: G,
+    resetHoveredEndDate: he,
+    startTimeSlots: S,
+    availableEndTimeSlots: g,
+    isStartToday: D,
+    isEndToday: B,
+    earliestMinutesForToday: p,
+    startMinutesValue: Ee,
+    isSameDaySelection: U,
+    updateStartTime: Pe,
+    selectStartDate: ye,
+    selectStartTime: Ie,
+    selectEndDate: Be,
+    updateEndTime: ke,
+    selectEndTime: xe
+  };
+};
+export {
+  Ke as useBookingPeriodController
+};

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

@@ -0,0 +1,6 @@
+import { StorefrontPreset } from '../../data/config';
+export declare function ContactSection({ preset, storeSlug }: {
+    preset: StorefrontPreset;
+    storeSlug: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ContactSection/index.js

@@ -0,0 +1,228 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { useMemo as i } from "react";
+import { useTranslation as L } from "react-i18next";
+import { useForm as O, zodResolver as W } from "@rpcbase/form";
+import { toast as S } from "@rpcbase/client";
+import { PhoneNumberInput as B, cn as V } from "@rpcbase/ui";
+import { Phone as q, Mail as E, MapPin as H } from "lucide-react";
+import { z as m } from "zod";
+import U from "../../assets/whatsapp.svg";
+import { ROUTE as z, responseSchema as $ } from "../../lib/contactForm.js";
+import { resolveStorefrontWhatsAppContact as J } from "../../lib/whatsapp.js";
+import { useStorefront as Z } from "../../StorefrontProvider.js";
+import { COORDS as G } from "../../static/strings.js";
+import { Button as K } from "../../ui/button.js";
+import { Form as Q, FormField as p, FormItem as f, FormLabel as u, FormControl as _, FormMessage as d } from "../../ui/form.js";
+import { Input as M } from "../../ui/input.js";
+import { Textarea as X } from "../../ui/textarea.js";
+import { DelayedReveal as w, DelayedPlaceholder as y } from "../DelayedReveal/index.js";
+import { Map as Y } from "../../chunks/pkg/ui/dist/Map-Cqn7INdm.js";
+import { createMarkerElement as ee } from "../Map/createMarkerElement.js";
+const te = (s) => s.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 we({ preset: s, storeSlug: j }) {
+  const { t, i18n: h } = L(), { storefrontConfiguration: b, mapboxToken: F } = Z(), T = `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(s.address)}`, c = J({
+    preset: s,
+    storefrontConfiguration: b,
+    language: h.language
+  }), P = c?.href, D = i(() => m.object({
+    name: m.string().trim().min(1, t("contact_form_validation_name_required")),
+    emailAddress: m.string().trim().email(t("contact_form_validation_email_invalid")),
+    phoneNumber: m.string().trim().min(6, t("contact_form_validation_phone_invalid")),
+    message: m.string().trim().min(1, t("contact_form_validation_message_required")).max(8192, t("contact_form_validation_message_too_long"))
+  }), [t, h.language]), o = O({
+    resolver: W(D),
+    defaultValues: { name: "", emailAddress: "", phoneNumber: "", message: "" }
+  }), N = i(() => {
+    const a = b.shop.gpsCoordinates;
+    return a ? [a[1], a[0]] : G;
+  }, [b.shop.gpsCoordinates]), k = i(() => ee(), []), C = i(
+    () => ({
+      coords: N,
+      element: k || void 0,
+      offset: [0, -25.5],
+      popupHTML: s.address,
+      popupCloseButton: !1
+    }),
+    [s.address, N, k]
+  ), I = i(() => [C], [C]), R = o.handleSubmit(async (a) => {
+    const l = await fetch(z, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ storeSlug: j, ...a })
+    }), n = await l.json().then((A) => $.safeParse(A)).catch(() => ({ success: !1 }));
+    if (l.ok && "success" in n && n.success && n.data.success) {
+      S.success(t("contact_form_success_toast")), o.reset();
+      return;
+    }
+    const v = "success" in n && n.success && n.data.error ? n.data.error : t("contact_form_error_toast");
+    S.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-10 grid gap-8 rounded-2xl border border-slate-200 bg-white p-6 shadow-sm lg:grid-cols-2 lg:gap-10 lg:p-10", children: [
+      /* @__PURE__ */ r("div", { className: "flex flex-col gap-8 lg:border-r lg:border-slate-200 lg:pr-10", 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(P ? "contact_section_info_description" : "contact_section_info_description_without_whatsapp") })
+        ] }),
+        /* @__PURE__ */ r("div", { className: "grid gap-5", children: [
+          c ? /* @__PURE__ */ r("a", { className: x, href: c.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: U, 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-xs font-medium uppercase tracking-[0.08em] text-slate-500", children: t("contact_section_whatsapp_label") }),
+              /* @__PURE__ */ e(
+                w,
+                {
+                  value: c.phoneDisplay,
+                  reserveWidth: "11.5rem",
+                  fallback: /* @__PURE__ */ e(y, { value: c.phoneDisplay, className: "bg-slate-200" }),
+                  children: (a) => /* @__PURE__ */ e("span", { className: g, children: a })
+                }
+              )
+            ] })
+          ] }) : null,
+          /* @__PURE__ */ r("a", { className: x, href: s.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-xs font-medium uppercase tracking-[0.08em] text-slate-500", children: t("contact_section_phone_label") }),
+              /* @__PURE__ */ e(
+                w,
+                {
+                  value: s.phone_display,
+                  reserveWidth: "11.5rem",
+                  fallback: /* @__PURE__ */ e(y, { value: s.phone_display, className: "bg-slate-200" }),
+                  children: (a) => /* @__PURE__ */ e("span", { className: g, children: a })
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ r("a", { className: x, href: `mailto:${s.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(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-xs font-medium uppercase tracking-[0.08em] text-slate-500", children: t("contact_section_email_label") }),
+              /* @__PURE__ */ e(
+                w,
+                {
+                  value: s.email,
+                  reserveWidth: "11.5rem",
+                  fallback: /* @__PURE__ */ e(y, { value: s.email, className: "bg-slate-200" }),
+                  children: (a) => /* @__PURE__ */ e("span", { className: g, children: a })
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ r("a", { className: x, href: T, 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(H, { 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-xs font-medium uppercase tracking-[0.08em] text-slate-500", children: t("contact_section_address_label") }),
+              /* @__PURE__ */ e("span", { className: g, children: s.address })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+          Y,
+          {
+            mapboxToken: F,
+            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(Q, { ...o, children: /* @__PURE__ */ r("form", { onSubmit: R, 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(M, { ...a, placeholder: t("contact_form_name_placeholder"), className: "h-11" }) }),
+                /* @__PURE__ */ e(d, {})
+              ] })
+            }
+          ),
+          /* @__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(
+                  M,
+                  {
+                    ...a,
+                    type: "email",
+                    placeholder: t("contact_form_email_placeholder"),
+                    className: "h-11"
+                  }
+                ) }),
+                /* @__PURE__ */ e(d, {})
+              ] })
+            }
+          ),
+          /* @__PURE__ */ e(
+            p,
+            {
+              control: o.control,
+              name: "phoneNumber",
+              render: ({ field: a, fieldState: l }) => /* @__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: (n) => {
+                      const v = n.e164 || n.formattedInternational || n.rawInput || "";
+                      a.onChange(v);
+                    },
+                    defaultCountry: te(h.language),
+                    locale: h.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",
+                      l.error && "border-destructive focus-visible:ring-destructive"
+                    ),
+                    renderValidationMessage: ({ message: n }) => l.error?.message ? null : /* @__PURE__ */ e(d, { style: { top: "100%" }, children: /* @__PURE__ */ e("span", { children: n }) })
+                  }
+                ) }),
+                l.error?.message ? /* @__PURE__ */ e(d, {}) : 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(X, { ...a, rows: 5, placeholder: t("contact_form_message_placeholder"), className: "min-h-[132px]" }) }),
+                /* @__PURE__ */ e(d, {})
+              ] })
+            }
+          ),
+          /* @__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(K, { type: "submit", disabled: o.formState.isSubmitting, children: o.formState.isSubmitting ? t("contact_form_submitting_button") : t("contact_form_submit_button") })
+          ] })
+        ] }) }) })
+      ] })
+    ] })
+  ] }) });
+}
+export {
+  we as ContactSection
+};

package/dist/components/ContractSaleDocument/AcceptanceModal.js

@@ -0,0 +1,36 @@
+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") })
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  h as AcceptanceModal
+};