@alfadocs/ui-kit 0.33.9 → 0.33.11

package/dist/_chunks/booking-Db4BQ9eH.js

@@ -0,0 +1,2495 @@
+import { jsxs as b, jsx as s, Fragment as W } from "react/jsx-runtime";
+import { forwardRef as Qe, useId as et, useState as j, useCallback as q, useRef as ae, useEffect as G, useMemo as C, useImperativeHandle as xt } from "react";
+import { c as Me } from "./index-D2ZczOXr.js";
+import { useTranslation as B, Trans as St } from "react-i18next";
+import { u as Nt } from "./registry-nPAVE19X.js";
+import { A as K } from "./alert-ywPR59NE.js";
+import { B as se } from "./button-DD_0Xdmr.js";
+import { C as Ve } from "./checkbox-DRcOdmXv.js";
+import { C as It } from "./checkbox-group-CpUwlHug.js";
+import { D as wt } from "./date-picker-B94HAV4A.js";
+import { E as Ct } from "./email-input-lQivsFrw.js";
+import { F as Z } from "./form-field-BOm9hK35.js";
+import { P as Mt } from "./phone-input-DfZbPPvh.js";
+import { T as Dt } from "./text-area-BIx0tZ05.js";
+import { T as xe } from "./text-input-BaClJL8Y.js";
+import { S as At } from "./spinner-CCByyvcb.js";
+import { I as Ye } from "./icon-button-CKEOrN37.js";
+import { S as De } from "./select-hsCaJSX3.js";
+import { S as Ce } from "./skeleton-CZbwyJAA.js";
+import { E as tt } from "./empty-state-BLy7tigq.js";
+import { S as _t } from "./stepper-accordion-BfS6lUB9.js";
+import { S as Tt } from "./stepper-progress-DDjq5nei.js";
+import { p as $, S as Bt } from "./slot-grid-BlHHP9Qy.js";
+import { s as ne, i as Je } from "./isSameDay-DUEiAT0G.js";
+import { w as at, n as oe, a as Le, m as Ot, f as he, d as Pt, h as we, x as Se } from "./react-day-picker-DsjfS7uI.js";
+import { s as Et } from "./subDays-CANHP9hz.js";
+import { C as Rt } from "./chevron-left-CX1jqD2M.js";
+import { C as Vt } from "./chevron-right-BrpYejk0.js";
+import { c as V } from "./createLucideIcon-CrFbzy84.js";
+import { M as Lt, S as Ft } from "./sun-BuXE0xUS.js";
+import { S as $t } from "./stethoscope-DT5qCW8Y.js";
+import { H as zt } from "./heart-pulse-CvuyFKHB.js";
+import { E as Kt } from "./eye-LHlSU38h.js";
+import { S as jt } from "./sparkles-CuYXqQLg.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const qt = [
+  [
+    "path",
+    {
+      d: "M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2",
+      key: "169zse"
+    }
+  ]
+], Ht = V("activity", qt);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Gt = [
+  ["path", { d: "M10 16c.5.3 1.2.5 2 .5s1.5-.2 2-.5", key: "1u7htd" }],
+  ["path", { d: "M15 12h.01", key: "1k8ypt" }],
+  [
+    "path",
+    {
+      d: "M19.38 6.813A9 9 0 0 1 20.8 10.2a2 2 0 0 1 0 3.6 9 9 0 0 1-17.6 0 2 2 0 0 1 0-3.6A9 9 0 0 1 12 3c2 0 3.5 1.1 3.5 2.5s-.9 2.5-2 2.5c-.8 0-1.5-.4-1.5-1",
+      key: "11xh7x"
+    }
+  ],
+  ["path", { d: "M9 12h.01", key: "157uk2" }]
+], Ut = V("baby", Gt);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Yt = [
+  [
+    "path",
+    {
+      d: "M17 10c.7-.7 1.69 0 2.5 0a2.5 2.5 0 1 0 0-5 .5.5 0 0 1-.5-.5 2.5 2.5 0 1 0-5 0c0 .81.7 1.8 0 2.5l-7 7c-.7.7-1.69 0-2.5 0a2.5 2.5 0 0 0 0 5c.28 0 .5.22.5.5a2.5 2.5 0 1 0 5 0c0-.81-.7-1.8 0-2.5Z",
+      key: "w610uw"
+    }
+  ]
+], Jt = V("bone", Yt);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Zt = [
+  ["path", { d: "M12 18V5", key: "adv99a" }],
+  ["path", { d: "M15 13a4.17 4.17 0 0 1-3-4 4.17 4.17 0 0 1-3 4", key: "1e3is1" }],
+  ["path", { d: "M17.598 6.5A3 3 0 1 0 12 5a3 3 0 1 0-5.598 1.5", key: "1gqd8o" }],
+  ["path", { d: "M17.997 5.125a4 4 0 0 1 2.526 5.77", key: "iwvgf7" }],
+  ["path", { d: "M18 18a4 4 0 0 0 2-7.464", key: "efp6ie" }],
+  ["path", { d: "M19.967 17.483A4 4 0 1 1 12 18a4 4 0 1 1-7.967-.517", key: "1gq6am" }],
+  ["path", { d: "M6 18a4 4 0 0 1-2-7.464", key: "k1g0md" }],
+  ["path", { d: "M6.003 5.125a4 4 0 0 0-2.526 5.77", key: "q97ue3" }]
+], Wt = V("brain", Zt);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Xt = [
+  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
+  ["path", { d: "M16 2v4", key: "4m81vk" }],
+  ["path", { d: "M3 10h18", key: "8toen8" }],
+  ["path", { d: "M8 2v4", key: "1cmpym" }],
+  ["path", { d: "M17 14h-6", key: "bkmgh3" }],
+  ["path", { d: "M13 18H7", key: "bb0bb7" }],
+  ["path", { d: "M7 14h.01", key: "1qa3f1" }],
+  ["path", { d: "M17 18h.01", key: "1bdyru" }]
+], Qt = V("calendar-range", Xt);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ea = [
+  ["rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1", key: "tgr4d6" }],
+  [
+    "path",
+    {
+      d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2",
+      key: "116196"
+    }
+  ],
+  ["path", { d: "m9 14 2 2 4-4", key: "df797q" }]
+], ta = V("clipboard-check", ea);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const aa = [
+  ["path", { d: "M6 8.5a6.5 6.5 0 1 1 13 0c0 6-6 6-6 10a3.5 3.5 0 1 1-7 0", key: "1dfaln" }],
+  ["path", { d: "M15 8.5a2.5 2.5 0 0 0-5 0v1a2 2 0 1 1 0 4", key: "1qnva7" }]
+], sa = V("ear", aa);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ia = [
+  ["path", { d: "M6 18h8", key: "1borvv" }],
+  ["path", { d: "M3 22h18", key: "8prr45" }],
+  ["path", { d: "M14 22a7 7 0 1 0 0-14h-1", key: "1jwaiy" }],
+  ["path", { d: "M9 14h2", key: "197e7h" }],
+  ["path", { d: "M9 12a2 2 0 0 1-2-2V6h6v4a2 2 0 0 1-2 2Z", key: "1bmzmy" }],
+  ["path", { d: "M12 6V3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v3", key: "1drr47" }]
+], na = V("microscope", ia);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const oa = [
+  [
+    "path",
+    { d: "m10.5 20.5 10-10a4.95 4.95 0 1 0-7-7l-10 10a4.95 4.95 0 1 0 7 7Z", key: "wa1lgi" }
+  ],
+  ["path", { d: "m8.5 8.5 7 7", key: "rvfmvr" }]
+], ra = V("pill", oa);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const da = [
+  ["path", { d: "M3 7V5a2 2 0 0 1 2-2h2", key: "aa7l1z" }],
+  ["path", { d: "M17 3h2a2 2 0 0 1 2 2v2", key: "4qcy5o" }],
+  ["path", { d: "M21 17v2a2 2 0 0 1-2 2h-2", key: "6vwrx8" }],
+  ["path", { d: "M7 21H5a2 2 0 0 1-2-2v-2", key: "ioqczr" }],
+  ["path", { d: "M7 12h10", key: "b7w52i" }]
+], la = V("scan-line", da);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ca = [
+  ["circle", { cx: "6", cy: "6", r: "3", key: "1lh9wr" }],
+  ["path", { d: "M8.12 8.12 12 12", key: "1alkpv" }],
+  ["path", { d: "M20 4 8.12 15.88", key: "xgtan2" }],
+  ["circle", { cx: "6", cy: "18", r: "3", key: "fqmcym" }],
+  ["path", { d: "M14.8 14.8 20 20", key: "ptml3r" }]
+], ua = V("scissors", ca);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ma = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M8 14s1.5 2 4 2 4-2 4-2", key: "1y1vjs" }],
+  ["line", { x1: "9", x2: "9.01", y1: "9", y2: "9", key: "yxxnd0" }],
+  ["line", { x1: "15", x2: "15.01", y1: "9", y2: "9", key: "1p4y9e" }]
+], pa = V("smile", ma);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ga = [
+  ["path", { d: "M12 10V2", key: "16sf7g" }],
+  ["path", { d: "m4.93 10.93 1.41 1.41", key: "2a7f42" }],
+  ["path", { d: "M2 18h2", key: "j10viu" }],
+  ["path", { d: "M20 18h2", key: "wocana" }],
+  ["path", { d: "m19.07 10.93-1.41 1.41", key: "15zs5n" }],
+  ["path", { d: "M22 22H2", key: "19qnx5" }],
+  ["path", { d: "m16 6-4 4-4-4", key: "6wukr" }],
+  ["path", { d: "M16 18a4 4 0 0 0-8 0", key: "1lzouq" }]
+], fa = V("sunset", ga);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ha = [
+  ["path", { d: "m18 2 4 4", key: "22kx64" }],
+  ["path", { d: "m17 7 3-3", key: "1w1zoj" }],
+  ["path", { d: "M19 9 8.7 19.3c-1 1-2.5 1-3.4 0l-.6-.6c-1-1-1-2.5 0-3.4L15 5", key: "1exhtz" }],
+  ["path", { d: "m9 11 4 4", key: "rovt3i" }],
+  ["path", { d: "m5 19-3 3", key: "59f2uf" }],
+  ["path", { d: "m14 4 6 6", key: "yqp9t2" }]
+], Ze = V("syringe", ha);
+function va(e, t, a) {
+  return at(e, -1, a);
+}
+const ba = {
+  id: "booking",
+  capabilities: ["navigate", "view_change"],
+  state: {
+    variant: {
+      type: "string",
+      descriptionKey: "ui.agent.booking.state.variant",
+      description: "Active variant — one of `inline-list`, `accordion`, `calendar`, `flexible`, `progress`.",
+      read: (e) => e.getVariant()
+    }
+  },
+  actions: {
+    reset: {
+      safety: "write",
+      descriptionKey: "ui.agent.booking.actions.reset",
+      description: "Clear the booking value back to an empty state. Use to abandon an in-progress flow.",
+      invoke: (e) => {
+        e.reset();
+      }
+    },
+    goto_step: {
+      safety: "read",
+      argsType: "{ step: 1 | 2 | 3 | 4 | 5 | 6 | 7 }",
+      descriptionKey: "ui.agent.booking.actions.gotoStep",
+      description: "Jump to the given step. Implementations may clamp to the first incomplete step if the requested one is not reachable yet.",
+      invoke: (e, t) => {
+        e.goToStep(t.step);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "booking",
+      description: "Marks the Booking root region."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, Fe = [
+  "email",
+  "whatsapp",
+  "sms"
+], ve = "all", ya = "de";
+function ka(e) {
+  return [...e.lockedOperatorId ? e.specialties.filter(
+    (a) => {
+      var i;
+      return (i = a.operatorIds) == null ? void 0 : i.includes(e.lockedOperatorId);
+    }
+  ) : e.specialties].sort((a, i) => {
+    const n = a.sequenceNumber ?? Number.POSITIVE_INFINITY, o = i.sequenceNumber ?? Number.POSITIVE_INFINITY;
+    return n - o;
+  });
+}
+function xa(e) {
+  let t = e.services;
+  return e.lockedOperatorId && (t = t.filter(
+    (i) => {
+      var n;
+      return (n = i.operatorIds) == null ? void 0 : n.includes(e.lockedOperatorId);
+    }
+  )), (e.useSpecialties === void 0 ? e.specialties.length > 0 : e.useSpecialties) && e.value.specialtyId && (t = t.filter((i) => i.specialtyId === e.value.specialtyId)), t;
+}
+function Sa(e) {
+  const t = e.useSpecialties === void 0 ? e.specialties.length > 0 : e.useSpecialties;
+  if (t && e.value.specialtyId) {
+    const a = e.value.specialtyId;
+    return e.operators.filter(
+      (i) => {
+        var n;
+        return (n = i.specialtyIds) == null ? void 0 : n.includes(a);
+      }
+    );
+  }
+  if (!t && e.value.serviceId) {
+    const a = e.value.serviceId;
+    return e.operators.filter(
+      (i) => {
+        var n;
+        return (n = i.appointmentBookingReasonIds) == null ? void 0 : n.includes(a);
+      }
+    );
+  }
+  return [];
+}
+function Na(e, t) {
+  const a = e.country === ya, i = !a || e.value.insuranceType !== void 0, o = (e.useSpecialties === void 0 ? e.specialties.length > 0 : e.useSpecialties) && i, p = !o || e.value.specialtyId !== void 0, c = !p || e.value.serviceId !== void 0, l = t.operators, d = !!e.allowOperatorSelection && c && e.value.serviceId !== void 0 && !e.lockedOperatorId && l.length > 1, m = c && e.value.serviceId !== void 0, S = (!m || e.value.date !== void 0) && e.value.date !== void 0, w = (!S || e.value.slotKey !== void 0) && e.value.slotKey !== void 0, N = !!e.value.serviceId && l.length === 0;
+  return {
+    insurance: a,
+    specialty: o,
+    service: p,
+    operator: d,
+    date: m,
+    slot: S,
+    details: w,
+    onboardingIncomplete: N
+  };
+}
+function Ia(e, t) {
+  const a = [];
+  t.insurance && a.push(1), t.specialty && a.push(2), a.push(3), t.operator && a.push(4), a.push(5), a.push(6), a.push(7);
+  const i = {
+    1: e.value.insuranceType !== void 0,
+    2: e.value.specialtyId !== void 0,
+    3: e.value.serviceId !== void 0,
+    4: e.value.operatorId !== void 0,
+    5: e.value.date !== void 0,
+    6: e.value.slotKey !== void 0,
+    7: !1
+    // details fulfilment is owned by the form's own validation
+  };
+  return {
+    currentStep: a.find((o) => !i[o]) ?? 7,
+    visibleSteps: a
+  };
+}
+function wa(e) {
+  const t = {
+    specialties: ka(e),
+    services: xa(e),
+    operators: Sa(e)
+  }, a = Na(e, t), { currentStep: i, visibleSteps: n } = Ia(e, a);
+  let o;
+  if (e.value.date && e.value.slotKey) {
+    const c = e.availableSlots[e.value.date];
+    c && (o = c.find((l) => l.key === e.value.slotKey));
+  }
+  const u = e.value.serviceId ? e.services.find((c) => c.id === e.value.serviceId) : void 0, p = e.value.serviceId !== void 0 && e.value.date !== void 0 && e.value.slotKey !== void 0 && (!a.insurance || e.value.insuranceType !== void 0) && (!a.specialty || e.value.specialtyId !== void 0);
+  return {
+    gates: a,
+    filtered: t,
+    currentStep: i,
+    totalSteps: n.length,
+    visibleSteps: n,
+    isReadyToSubmit: p,
+    durationMin: u == null ? void 0 : u.durationMin,
+    selectedSlot: o
+  };
+}
+function st(e, t) {
+  return {
+    ...e,
+    insuranceType: t,
+    specialtyId: void 0,
+    serviceId: void 0,
+    operatorId: void 0,
+    date: void 0,
+    slotKey: void 0,
+    details: void 0
+  };
+}
+function it(e, t) {
+  return {
+    ...e,
+    specialtyId: t,
+    serviceId: void 0,
+    operatorId: void 0,
+    date: void 0,
+    slotKey: void 0,
+    details: void 0
+  };
+}
+function nt(e, t) {
+  return {
+    ...e,
+    serviceId: t,
+    // Default the operator to the "All operators" sentinel so a patient
+    // who doesn't care about picking lands on a satisfied step 4 without
+    // any further input.
+    operatorId: t ? ve : void 0,
+    date: void 0,
+    slotKey: void 0,
+    details: void 0
+  };
+}
+function ot(e, t) {
+  return {
+    ...e,
+    operatorId: t,
+    date: void 0,
+    slotKey: void 0,
+    details: void 0
+  };
+}
+function Ae(e, t) {
+  return {
+    ...e,
+    date: t,
+    slotKey: void 0
+    // Keep details — date/slot changes shouldn't wipe the patient form
+    // since the user has already filled some fields.
+  };
+}
+function rt(e, t) {
+  return {
+    ...e,
+    slotKey: t
+  };
+}
+function Ca(e, t) {
+  let a = e;
+  if (t.lockedOperatorId && a.operatorId !== t.lockedOperatorId && (a = { ...a, operatorId: t.lockedOperatorId }), (t.useSpecialties === void 0 ? t.specialties.length > 0 : t.useSpecialties) && t.specialties.length === 1 && a.specialtyId === void 0 && (a = { ...a, specialtyId: t.specialties[0].id }), t.autoSelectSingleService) {
+    const n = a.specialtyId ? t.services.filter((o) => o.specialtyId === a.specialtyId) : t.services;
+    n.length === 1 && a.serviceId === void 0 && (a = { ...a, serviceId: n[0].id }, a.operatorId === void 0 && (a = { ...a, operatorId: ve }));
+  }
+  return a;
+}
+function $e(e) {
+  if (e.operatorId && e.operatorId !== ve)
+    return e.operatorId;
+}
+function Ma(e) {
+  if (!e) return !1;
+  const t = e.trim();
+  return /^\+?\d[\d\s\-()]{6,}$/.test(t);
+}
+function dt(e) {
+  const t = e && e.length > 0 ? e : ["email"], a = new Set(t);
+  return Fe.filter((i) => a.has(i));
+}
+function Da(e, t, a) {
+  const i = dt(e), n = new Set(i);
+  if (a)
+    return Fe.filter(
+      (l) => a.includes(l) && n.has(l)
+    );
+  const o = [];
+  n.has("email") && o.push("email");
+  const u = Ma(t), p = n.has("whatsapp");
+  p && u && o.push("whatsapp"), !p && n.has("sms") && o.push("sms");
+  const c = new Set(o);
+  return Fe.filter((l) => c.has(l));
+}
+const We = 500, Aa = /^[A-Z0-9]{16}$/, _a = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Xe = 300, Ne = { state: "idle" }, ze = Qe(
+  ({
+    value: e,
+    onChange: t,
+    onSubmit: a,
+    requireCodiceFiscale: i = !1,
+    requireDateOfBirth: n = !1,
+    requireInsuranceNumber: o = !1,
+    insuranceType: u,
+    showNote: p = !1,
+    showReturningPatientFlag: c = !1,
+    privacyPolicyUrl: l,
+    termsUrl: d,
+    validateCodiceFiscale: m,
+    validateInsuranceNumber: y,
+    submitting: S = !1,
+    summarySlot: h,
+    defaultPhoneCountry: w,
+    confirmationChannels: N,
+    defaultConfirmationChannels: I,
+    submitError: k
+  }, v) => {
+    var L, ee;
+    const { t: r } = B(), O = et(), [A, f] = j(Ne), [x, _] = j(Ne), [D, U] = j({}), E = q(
+      (g) => U((M) => ({ ...M, [g]: !0 })),
+      []
+    ), R = ae(null), Y = ae(
+      null
+    );
+    G(
+      () => () => {
+        R.current && clearTimeout(R.current), Y.current && clearTimeout(Y.current);
+      },
+      []
+    );
+    const T = q(
+      (g) => t({ ...e, ...g }),
+      [e, t]
+    ), X = C(
+      () => dt(N),
+      [N]
+    ), H = X.length >= 2, re = ae(!1);
+    G(() => {
+      if (!H) {
+        e.confirmationChannels !== void 0 && T({ confirmationChannels: void 0 });
+        return;
+      }
+      if (e.confirmationChannels !== void 0) {
+        re.current = !0;
+        return;
+      }
+      const g = Da(
+        X,
+        e.mobilePhone,
+        I
+      );
+      re.current = !0, T({ confirmationChannels: g });
+    }, [
+      H,
+      X,
+      e.mobilePhone,
+      I
+    ]);
+    const Q = C(
+      () => e.confirmationChannels ?? [],
+      [e.confirmationChannels]
+    ), _e = H && Q.length === 0;
+    G(() => {
+      const g = e.codiceFiscale;
+      if (!i || !m || !g) {
+        f(Ne);
+        return;
+      }
+      if (!Aa.test(g)) {
+        f({
+          state: "invalid",
+          hint: r("booking.details.codiceFiscale.invalidFormat")
+        });
+        return;
+      }
+      f({ state: "pending" }), R.current && clearTimeout(R.current), R.current = setTimeout(() => {
+        m(g).then(
+          (M) => f(
+            M.valid ? { state: "valid" } : { state: "invalid", hint: M.hint }
+          )
+        ).catch(
+          () => f({
+            state: "invalid",
+            hint: r("booking.details.codiceFiscale.unavailable")
+          })
+        );
+      }, Xe);
+    }, [i, m, e.codiceFiscale, r]);
+    const J = o && u === "public";
+    G(() => {
+      const g = e.insuranceNumber;
+      if (!J || !y || !g) {
+        _(Ne);
+        return;
+      }
+      _({ state: "pending" }), Y.current && clearTimeout(Y.current), Y.current = setTimeout(() => {
+        y(g).then(
+          (M) => _(
+            M.valid ? { state: "valid" } : { state: "invalid", hint: M.hint }
+          )
+        ).catch(
+          () => _({
+            state: "invalid",
+            hint: r("booking.details.insuranceNumber.unavailable")
+          })
+        );
+      }, Xe);
+    }, [J, y, e.insuranceNumber, r]);
+    const ie = C(
+      () => !!(e.email && _a.test(e.email)),
+      [e.email]
+    ), de = C(
+      () => !!(e.mobilePhone && e.mobilePhone.length >= 6),
+      [e.mobilePhone]
+    ), le = C(() => {
+      var g, M;
+      return !(!((g = e.firstName) != null && g.trim()) || !((M = e.lastName) != null && M.trim()) || !ie || !de || i && A.state !== "valid" || n && !e.dateOfBirth || J && x.state !== "valid");
+    }, [
+      e.firstName,
+      e.lastName,
+      ie,
+      de,
+      i,
+      A.state,
+      n,
+      e.dateOfBirth,
+      J,
+      x.state
+    ]), Te = !!(e.privacyConsent && e.termsConsent), Be = !H || Q.length > 0, ye = le && Te && Be && !S, ce = (g) => {
+      if (g.preventDefault(), U({
+        firstName: !0,
+        lastName: !0,
+        email: !0,
+        mobilePhone: !0,
+        codiceFiscale: !0,
+        dateOfBirth: !0,
+        insuranceNumber: !0
+      }), !ye) return;
+      const M = {
+        firstName: e.firstName.trim(),
+        lastName: e.lastName.trim(),
+        email: e.email.trim(),
+        mobilePhone: e.mobilePhone,
+        privacyConsent: !0,
+        termsConsent: !0,
+        codiceFiscale: e.codiceFiscale,
+        dateOfBirth: e.dateOfBirth,
+        insuranceNumber: e.insuranceNumber,
+        note: e.note,
+        returningPatient: e.returningPatient,
+        // Only include when the picker was visible; otherwise the single
+        // implicit channel is inferred backend-side from the practice
+        // config.
+        confirmationChannels: H ? Q : void 0
+      };
+      a(M);
+    }, ke = (g, M) => {
+      const P = M && /^https?:\/\//i.test(M) ? M : void 0;
+      return P ? /* @__PURE__ */ s(
+        St,
+        {
+          i18nKey: g,
+          components: {
+            // The `<Trans>` runtime injects link text from the i18n
+            // string. The anchor renders empty at static-analysis time,
+            // so `jsx-a11y/anchor-has-content` would false-flag — silence
+            // it; the runtime content is the localised policy / terms
+            // label.
+            policyLink: (
+              // eslint-disable-next-line jsx-a11y/anchor-has-content
+              /* @__PURE__ */ s(
+                "a",
+                {
+                  href: P,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: "ds:underline ds:text-[var(--primary)]"
+                }
+              )
+            )
+          }
+        }
+      ) : r(g);
+    };
+    return /* @__PURE__ */ b(
+      "form",
+      {
+        ref: v,
+        id: O,
+        noValidate: !0,
+        onSubmit: ce,
+        className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+        children: [
+          h,
+          /* @__PURE__ */ b("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-sm)] ds:sm:grid-cols-2", children: [
+            /* @__PURE__ */ s(
+              Z,
+              {
+                label: r("booking.details.firstName.label"),
+                required: !0,
+                error: D.firstName && !((L = e.firstName) != null && L.trim()) ? r("booking.details.firstName.required") : void 0,
+                children: /* @__PURE__ */ s(
+                  xe,
+                  {
+                    autoComplete: "given-name",
+                    value: e.firstName ?? "",
+                    onChange: (g) => T({ firstName: g.target.value }),
+                    onBlur: () => E("firstName")
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ s(
+              Z,
+              {
+                label: r("booking.details.lastName.label"),
+                required: !0,
+                error: D.lastName && !((ee = e.lastName) != null && ee.trim()) ? r("booking.details.lastName.required") : void 0,
+                children: /* @__PURE__ */ s(
+                  xe,
+                  {
+                    autoComplete: "family-name",
+                    value: e.lastName ?? "",
+                    onChange: (g) => T({ lastName: g.target.value }),
+                    onBlur: () => E("lastName")
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ b("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-sm)] ds:sm:grid-cols-2", children: [
+            /* @__PURE__ */ s(
+              Z,
+              {
+                label: r("booking.details.email.label"),
+                required: !0,
+                error: D.email && !ie ? r("booking.details.email.invalid") : void 0,
+                children: /* @__PURE__ */ s(
+                  Ct,
+                  {
+                    value: e.email ?? "",
+                    onChange: (g) => T({ email: g.target.value }),
+                    onBlur: () => E("email")
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ s(
+              Z,
+              {
+                label: r("booking.details.mobilePhone.label"),
+                required: !0,
+                error: D.mobilePhone && !de ? r("booking.details.mobilePhone.invalid") : void 0,
+                children: /* @__PURE__ */ s(
+                  Mt,
+                  {
+                    value: e.mobilePhone ?? "",
+                    defaultCountry: w == null ? void 0 : w.toUpperCase(),
+                    onChange: (g) => {
+                      T({ mobilePhone: g }), E("mobilePhone");
+                    }
+                  }
+                )
+              }
+            )
+          ] }),
+          i || n ? /* @__PURE__ */ b("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-sm)] ds:sm:grid-cols-2", children: [
+            i ? /* @__PURE__ */ s(
+              Z,
+              {
+                label: r("booking.details.codiceFiscale.label"),
+                required: !0,
+                description: A.state === "pending" ? r("booking.details.codiceFiscale.checking") : r("booking.details.codiceFiscale.helper"),
+                error: D.codiceFiscale && A.state === "invalid" ? A.hint ?? r("booking.details.codiceFiscale.invalid") : void 0,
+                children: /* @__PURE__ */ s(
+                  xe,
+                  {
+                    value: e.codiceFiscale ?? "",
+                    maxLength: 16,
+                    onChange: (g) => T({
+                      codiceFiscale: g.target.value.slice(0, 16).toUpperCase()
+                    }),
+                    onBlur: () => E("codiceFiscale")
+                  }
+                )
+              }
+            ) : null,
+            n ? /* @__PURE__ */ s(
+              Z,
+              {
+                label: r("booking.details.dateOfBirth.label"),
+                required: !0,
+                error: D.dateOfBirth && !e.dateOfBirth ? r("booking.details.dateOfBirth.required") : void 0,
+                children: /* @__PURE__ */ s(
+                  wt,
+                  {
+                    value: e.dateOfBirth ? new Date(e.dateOfBirth) : void 0,
+                    onChange: (g) => {
+                      T({
+                        dateOfBirth: g ? g.toISOString().slice(0, 10) : void 0
+                      }), E("dateOfBirth");
+                    }
+                  }
+                )
+              }
+            ) : null
+          ] }) : null,
+          J ? /* @__PURE__ */ s(
+            Z,
+            {
+              label: r("booking.details.insuranceNumber.label"),
+              required: !0,
+              description: x.state === "pending" ? r("booking.details.insuranceNumber.checking") : void 0,
+              error: D.insuranceNumber && x.state === "invalid" ? x.hint ?? r("booking.details.insuranceNumber.invalid") : void 0,
+              children: /* @__PURE__ */ s(
+                xe,
+                {
+                  value: e.insuranceNumber ?? "",
+                  onChange: (g) => T({ insuranceNumber: g.target.value }),
+                  onBlur: () => E("insuranceNumber")
+                }
+              )
+            }
+          ) : null,
+          p ? /* @__PURE__ */ s(
+            Z,
+            {
+              label: r("booking.details.note.label"),
+              description: r("booking.details.note.helper", {
+                max: We
+              }),
+              children: /* @__PURE__ */ s(
+                Dt,
+                {
+                  value: e.note ?? "",
+                  maxLength: We,
+                  rows: 3,
+                  onChange: (g) => T({ note: g.target.value })
+                }
+              )
+            }
+          ) : null,
+          c ? /* @__PURE__ */ s(
+            Ve,
+            {
+              checked: !!e.returningPatient,
+              onCheckedChange: (g) => T({ returningPatient: g === !0 }),
+              label: r("booking.details.returningPatient.label")
+            }
+          ) : null,
+          /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ s(
+              Ve,
+              {
+                checked: !!e.privacyConsent,
+                onCheckedChange: (g) => T({ privacyConsent: g === !0 }),
+                label: /* @__PURE__ */ b(W, { children: [
+                  ke(
+                    "booking.details.consent.privacy.label",
+                    l
+                  ),
+                  /* @__PURE__ */ s(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      className: "ds:text-[var(--destructive)] ds:ms-[var(--spacing-2xs)]",
+                      children: "*"
+                    }
+                  )
+                ] })
+              }
+            ),
+            /* @__PURE__ */ s(
+              Ve,
+              {
+                checked: !!e.termsConsent,
+                onCheckedChange: (g) => T({ termsConsent: g === !0 }),
+                label: /* @__PURE__ */ b(W, { children: [
+                  ke(
+                    "booking.details.consent.terms.label",
+                    d
+                  ),
+                  /* @__PURE__ */ s(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      className: "ds:text-[var(--destructive)] ds:ms-[var(--spacing-2xs)]",
+                      children: "*"
+                    }
+                  )
+                ] })
+              }
+            )
+          ] }),
+          H ? /* @__PURE__ */ s(
+            "div",
+            {
+              "data-component": "booking-confirmation-channels",
+              className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+              children: /* @__PURE__ */ s(
+                It,
+                {
+                  label: r("booking.confirmation.heading"),
+                  helperText: r("booking.confirmation.helper"),
+                  value: Q,
+                  onChange: (g) => T({
+                    confirmationChannels: g
+                  }),
+                  orientation: "vertical",
+                  options: X.map((g) => ({
+                    value: g,
+                    label: r(`booking.confirmation.channel.${g}`)
+                  })),
+                  error: _e ? r("booking.confirmation.atLeastOne") : void 0
+                }
+              )
+            }
+          ) : null,
+          k ? /* @__PURE__ */ s(K, { variant: "error", children: /* @__PURE__ */ s(K.Description, { children: k }) }) : null,
+          /* @__PURE__ */ s(
+            se,
+            {
+              intent: "primary",
+              size: "md",
+              type: "submit",
+              disabled: !ye,
+              startIcon: S ? /* @__PURE__ */ s(At, { size: "sm" }) : void 0,
+              children: r("booking.details.submit")
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ze.displayName = "BookingDetailsForm";
+const Ta = Me(
+  "ds:flex ds:w-full ds:flex-col ds:text-[var(--foreground)]",
+  {
+    variants: {
+      variant: {
+        "inline-list": "ds:gap-[var(--spacing-md)]",
+        accordion: "ds:gap-[var(--spacing-md)]",
+        calendar: "ds:gap-[var(--spacing-md)]",
+        flexible: "ds:gap-[var(--spacing-lg)]",
+        progress: "ds:gap-[var(--spacing-sm)]"
+      },
+      // `surface="elevated"` matches `Card variant="elevated"` — same
+      // tokens, same padding, same boundary behaviour — so consumers can
+      // drop their own Card wraps without a double-card look. Default
+      // `'flat'` preserves 0.30.x rendering.
+      surface: {
+        flat: "",
+        elevated: [
+          "ds:rounded-[var(--radius-lg)]",
+          "ds:bg-[var(--card)] ds:text-[var(--card-foreground)]",
+          "ds:border ds:border-[color:var(--card-border)]",
+          "ds:shadow-[var(--shadow-card)]",
+          "ds:p-[var(--spacing-md)]"
+        ].join(" ")
+      }
+    },
+    defaultVariants: { variant: "inline-list", surface: "flat" }
+  }
+), Ba = [
+  [
+    /\b(estetic|aesthetic|botox|filler|mesoterap|chirurgia\s*plastic)/i,
+    Ze
+  ],
+  [/\b(cardio|ecg|elettrocardio|ecocardio|cuore|heart)/i, zt],
+  [/\b(dent|odonto|tooth|teeth|pulizia|igien|smile)/i, pa],
+  [/\b(oftalmo|ocul|ophthal|vision|occhi|eye)/i, Kt],
+  [/\b(otorin|udito|orecchi|hearing|ear)/i, sa],
+  [/\b(neuro|brain|cervello)/i, Wt],
+  [/\b(pediatr|child|bambin)/i, Ut],
+  [/\b(ortop|ortho|osteo|skeleton|ossa|bone)/i, Jt],
+  [/\b(lab|analis|test|sang|esami)/i, na],
+  [/\b(farmaco|pharm|pillol|refill)/i, ra],
+  [/\b(chirurg|surg|intervent|operat)/i, ua],
+  [/\b(scan|rx|x-?ray|raggi|imag|radio|risonan|ecograf|ultras)/i, la],
+  [/\b(vacc|inject|inie|punto)/i, Ze],
+  [/\b(derma|skin|pelle)/i, jt],
+  [/\b(prima\s*visit|first\s*visit|consult|consulto|valutaz)/i, ta],
+  [/\b(general|medicin|family|control|check[-\s]?up)/i, Ht]
+];
+function Oa(e) {
+  for (const [t, a] of Ba)
+    if (t.test(e)) return a;
+  return null;
+}
+function Pa(e) {
+  const t = Oa(e.label) ?? $t;
+  return /* @__PURE__ */ s(t, { "aria-hidden": "true", className: "ds:size-5" });
+}
+function te(e) {
+  return we(e, "yyyy-MM-dd");
+}
+const Ea = [
+  "ds:relative ds:flex ds:items-center ds:justify-center",
+  "ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]",
+  "ds:rounded-[var(--radius-sm)]",
+  "ds:text-[length:var(--font-size-sm)]",
+  "ds:transition-colors ds:duration-[var(--animation-duration)]",
+  "ds:motion-reduce:transition-none",
+  "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+  "ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+  "ds:forced-colors:focus-visible:outline-[CanvasText]"
+].join(" "), Ra = Me(Ea, {
+  variants: {
+    state: {
+      available: "ds:cursor-pointer ds:text-[var(--foreground)] ds:hover:bg-[var(--muted)]/30",
+      unavailable: "ds:cursor-not-allowed ds:text-[var(--muted-foreground)]/60",
+      selected: "ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)] ds:font-[var(--font-weight-semibold)]",
+      outside: "ds:text-[var(--muted-foreground)]/40"
+    }
+  },
+  defaultVariants: { state: "unavailable" }
+});
+function Va({
+  availableDates: e,
+  selectedDate: t,
+  onSelectDate: a,
+  locale: i,
+  loading: n
+}) {
+  const { t: o } = B(), u = C(() => t ? he($(t)) : e.length > 0 ? he($(e[0])) : he(/* @__PURE__ */ new Date()), [t, e]), [p, c] = j(u), [l, d] = j(null), m = C(() => {
+    const k = he(p), v = Pt(p), r = k.getDay(), O = v.getDate(), A = [];
+    for (let f = r; f > 0; f -= 1) {
+      const x = new Date(k);
+      x.setDate(k.getDate() - f), A.push(x);
+    }
+    for (let f = 0; f < O; f += 1) {
+      const x = new Date(k);
+      x.setDate(k.getDate() + f), A.push(x);
+    }
+    for (; A.length < 42; ) {
+      const f = A[A.length - 1], x = new Date(f);
+      x.setDate(f.getDate() + 1), A.push(x);
+    }
+    return A;
+  }, [p]), y = C(() => {
+    try {
+      return new Intl.DateTimeFormat(i, {
+        month: "long",
+        year: "numeric"
+      }).format(p);
+    } catch {
+      return we(p, "MMMM yyyy");
+    }
+  }, [p, i]), S = C(() => {
+    const k = new Date(2024, 0, 7);
+    return Array.from({ length: 7 }, (v, r) => {
+      const O = new Date(k);
+      O.setDate(k.getDate() + r);
+      try {
+        return new Intl.DateTimeFormat(i, { weekday: "short" }).format(O);
+      } catch {
+        return we(O, "EEE");
+      }
+    });
+  }, [i]), h = C(() => new Set(e), [e]), w = q(
+    (k) => h.has(te(k)),
+    [h]
+  ), N = C(() => {
+    if (l) return l;
+    if (t) return $(t);
+    const k = m.find(
+      (v) => Se(v, p) && w(v)
+    );
+    return k || (m.find((v) => Se(v, p)) ?? null);
+  }, [l, t, m, p, w]), I = q(
+    (k, v) => {
+      let r = null;
+      switch (k.key) {
+        case "ArrowLeft":
+          r = new Date(v), r.setDate(v.getDate() - 1);
+          break;
+        case "ArrowRight":
+          r = new Date(v), r.setDate(v.getDate() + 1);
+          break;
+        case "ArrowUp":
+          r = new Date(v), r.setDate(v.getDate() - 7);
+          break;
+        case "ArrowDown":
+          r = new Date(v), r.setDate(v.getDate() + 7);
+          break;
+        case "Home":
+          r = new Date(v), r.setDate(v.getDate() - v.getDay());
+          break;
+        case "End":
+          r = new Date(v), r.setDate(v.getDate() + (6 - v.getDay()));
+          break;
+        case "Enter":
+        case " ": {
+          k.preventDefault(), w(v) && a(te(v));
+          return;
+        }
+        default:
+          return;
+      }
+      r && (k.preventDefault(), Se(r, p) || c(he(r)), d(r));
+    },
+    [w, a, p]
+  );
+  return n ? /* @__PURE__ */ b(
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      "aria-label": o("common.loading"),
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+      children: [
+        /* @__PURE__ */ s(Ce, { variant: "text", width: "40%" }),
+        /* @__PURE__ */ s("div", { className: "ds:grid ds:grid-cols-7 ds:gap-[var(--spacing-2xs)]", children: Array.from({ length: 42 }, (k, v) => /* @__PURE__ */ s(Ce, { variant: "rounded", height: "2.5rem" }, `mg-skel-${v}`)) })
+      ]
+    }
+  ) : /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ b("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ s(
+        Ye,
+        {
+          icon: /* @__PURE__ */ s(Rt, {}),
+          "aria-label": o("booking.previousMonth"),
+          size: "sm",
+          intent: "ghost",
+          flipIconInRtl: !0,
+          onClick: () => {
+            c((k) => va(k)), d(null);
+          }
+        }
+      ),
+      /* @__PURE__ */ s(
+        "span",
+        {
+          className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)]",
+          "aria-live": "polite",
+          children: y
+        }
+      ),
+      /* @__PURE__ */ s(
+        Ye,
+        {
+          icon: /* @__PURE__ */ s(Vt, {}),
+          "aria-label": o("booking.nextMonth"),
+          size: "sm",
+          intent: "ghost",
+          flipIconInRtl: !0,
+          onClick: () => {
+            c((k) => at(k, 1)), d(null);
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ b(
+      "div",
+      {
+        role: "grid",
+        "aria-label": o("booking.monthGridLabel"),
+        className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
+        children: [
+          /* @__PURE__ */ s(
+            "div",
+            {
+              role: "row",
+              className: "ds:grid ds:grid-cols-7 ds:gap-[var(--spacing-2xs)]",
+              children: S.map((k, v) => /* @__PURE__ */ s(
+                "div",
+                {
+                  role: "columnheader",
+                  className: "type-meta ds:text-center ds:text-[var(--muted-foreground)] ds:font-[var(--font-weight-medium)]",
+                  children: k
+                },
+                `wd-${v}`
+              ))
+            }
+          ),
+          Array.from({ length: 6 }, (k, v) => /* @__PURE__ */ s(
+            "div",
+            {
+              role: "row",
+              className: "ds:grid ds:grid-cols-7 ds:gap-[var(--spacing-2xs)]",
+              children: m.slice(v * 7, v * 7 + 7).map((r, O) => {
+                const A = v * 7 + O, f = Se(r, p), x = f && w(r), _ = t ? Je(r, $(t)) : !1, D = f ? _ ? "selected" : x ? "available" : "unavailable" : "outside", U = N ? Je(N, r) : !1, E = (() => {
+                  try {
+                    return new Intl.DateTimeFormat(i, {
+                      dateStyle: "full"
+                    }).format(r);
+                  } catch {
+                    return we(r, "PPP");
+                  }
+                })();
+                return /* @__PURE__ */ s(
+                  "button",
+                  {
+                    type: "button",
+                    role: "gridcell",
+                    "aria-label": E,
+                    "aria-selected": _ || void 0,
+                    "aria-disabled": !x || void 0,
+                    tabIndex: U ? 0 : -1,
+                    disabled: !x,
+                    onClick: () => {
+                      x && a(te(r));
+                    },
+                    onKeyDown: (R) => I(R, r),
+                    className: Ra({ state: D }),
+                    children: /* @__PURE__ */ s("span", { "aria-hidden": "true", children: r.getDate() })
+                  },
+                  `mg-cell-${A}`
+                );
+              })
+            },
+            `mg-row-${v}`
+          ))
+        ]
+      }
+    )
+  ] });
+}
+const La = Me(
+  [
+    "ds:relative ds:flex ds:w-full ds:items-center ds:gap-[var(--spacing-md)]",
+    "ds:min-h-[var(--min-target-size)]",
+    "ds:rounded-[var(--radius-md)]",
+    "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+    "ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]",
+    "ds:text-start",
+    "ds:transition-[background-color,box-shadow]",
+    "ds:duration-[var(--animation-duration)]",
+    "ds:motion-reduce:transition-none",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:forced-colors:[outline:1px_solid_CanvasText]",
+    "ds:cursor-pointer"
+  ].join(" "),
+  {
+    variants: {
+      state: {
+        idle: "ds:bg-[var(--card)] ds:shadow-[var(--shadow-sm)] ds:hover:shadow-[var(--shadow-md)]",
+        selected: "ds:bg-[color-mix(in_srgb,var(--primary)_8%,var(--card))] ds:shadow-[var(--shadow-sm)]"
+      }
+    },
+    defaultVariants: { state: "idle" }
+  }
+);
+function Fa({
+  services: e,
+  selectedServiceId: t,
+  onSelect: a
+}) {
+  const { t: i } = B(), n = et(), [o, u] = j(() => {
+    if (t) {
+      const d = e.findIndex((m) => m.id === t);
+      if (d >= 0) return d;
+    }
+    return 0;
+  }), p = ae(/* @__PURE__ */ new Map()), c = q((d) => {
+    var m;
+    (m = p.current.get(d)) == null || m.focus();
+  }, []), l = q(
+    (d, m, y) => {
+      const S = e.length;
+      if (S !== 0)
+        switch (d.key) {
+          case "ArrowDown":
+          case "ArrowRight": {
+            d.preventDefault();
+            const h = (m + 1) % S;
+            u(h), c(h);
+            break;
+          }
+          case "ArrowUp":
+          case "ArrowLeft": {
+            d.preventDefault();
+            const h = (m - 1 + S) % S;
+            u(h), c(h);
+            break;
+          }
+          case "Home": {
+            d.preventDefault(), u(0), c(0);
+            break;
+          }
+          case "End": {
+            d.preventDefault();
+            const h = S - 1;
+            u(h), c(h);
+            break;
+          }
+          case "Enter":
+          case " ": {
+            d.preventDefault(), a(y);
+            break;
+          }
+        }
+    },
+    [e.length, c, a]
+  );
+  return e.length === 0 ? null : /* @__PURE__ */ s(
+    "div",
+    {
+      role: "radiogroup",
+      "aria-label": i("booking.serviceListLabel"),
+      id: n,
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+      children: e.map((d, m) => {
+        const y = t === d.id, S = o === m, h = i("booking.serviceCardLabel", {
+          label: d.label,
+          duration: d.durationMin
+        }), w = Pa(d);
+        return /* @__PURE__ */ b(
+          "button",
+          {
+            ref: (N) => {
+              N ? p.current.set(m, N) : p.current.delete(m);
+            },
+            type: "button",
+            role: "radio",
+            "aria-checked": y,
+            "aria-label": h,
+            tabIndex: S ? 0 : -1,
+            onClick: () => a(d.id),
+            onFocus: () => u(m),
+            onKeyDown: (N) => l(N, m, d.id),
+            className: La({
+              state: y ? "selected" : "idle"
+            }),
+            children: [
+              /* @__PURE__ */ s(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: "ds:flex ds:size-10 ds:shrink-0 ds:items-center ds:justify-center ds:rounded-[var(--radius-sm)] ds:bg-[var(--primary)]/10 ds:text-[var(--primary)]",
+                  children: w
+                }
+              ),
+              /* @__PURE__ */ b("span", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+                /* @__PURE__ */ s("span", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)]", children: d.label }),
+                /* @__PURE__ */ s("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: i("booking.serviceSummary", { minutes: d.durationMin }) })
+              ] })
+            ]
+          },
+          d.id
+        );
+      })
+    }
+  );
+}
+const $a = Me(
+  [
+    "ds:inline-flex ds:items-center ds:justify-center ds:gap-[var(--spacing-2xs)]",
+    "ds:min-h-[var(--min-target-size)]",
+    "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+    "ds:pt-[var(--spacing-2xs)] ds:pb-[var(--spacing-2xs)]",
+    "ds:rounded-[var(--radius-md)]",
+    "ds:text-[length:var(--font-size-sm)] ds:font-[var(--font-weight-medium)]",
+    "ds:transition-[background-color,color,box-shadow] ds:duration-[var(--animation-duration)]",
+    "ds:motion-reduce:transition-none",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:disabled:cursor-not-allowed ds:disabled:opacity-50",
+    "ds:forced-colors:[border:1px_solid_ButtonText] ds:forced-colors:text-[ButtonText]"
+  ].join(" "),
+  {
+    variants: {
+      state: {
+        idle: "ds:bg-[color:var(--card)] ds:text-[color:var(--foreground)] ds:shadow-[var(--shadow-sm)] ds:hover:enabled:bg-[color:var(--muted)]/40 ds:hover:enabled:shadow-[var(--shadow-md)]",
+        selected: "ds:bg-[color:var(--primary)] ds:text-[color:var(--primary-foreground)] ds:shadow-[var(--shadow-sm)]",
+        unavailable: "ds:[outline:1px_dashed_color:var(--border)] ds:[outline-offset:-1px] ds:bg-transparent ds:text-[color:var(--muted-foreground)]"
+      }
+    },
+    defaultVariants: { state: "idle" }
+  }
+);
+function za(e) {
+  const [t] = e.split(":").map((i) => parseInt(i, 10)), a = Number.isFinite(t) ? t : 0;
+  return a < 12 ? "morning" : a < 17 ? "afternoon" : "evening";
+}
+const Ka = {
+  morning: Ft,
+  afternoon: fa,
+  evening: Lt
+};
+function ja({
+  date: e,
+  slots: t,
+  selectedSlotKey: a,
+  onSelect: i,
+  loading: n,
+  locale: o
+}) {
+  const { t: u } = B(), p = C(() => {
+    try {
+      return new Intl.DateTimeFormat(o, {
+        weekday: "long",
+        day: "numeric",
+        month: "long"
+      }).format($(e));
+    } catch {
+      return e;
+    }
+  }, [e, o]), c = C(() => {
+    const m = {
+      morning: [],
+      afternoon: [],
+      evening: []
+    };
+    for (const y of t)
+      m[za(y.time)].push(y);
+    return m;
+  }, [t]), l = t.filter((m) => m.available).length, d = ["morning", "afternoon", "evening"];
+  return n ? /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ s(Ce, { variant: "text", width: "60%" }),
+    [0, 1].map((m) => /* @__PURE__ */ s(
+      "div",
+      {
+        className: "ds:grid ds:grid-cols-3 ds:gap-[var(--spacing-xs)]",
+        children: [0, 1, 2].map((y) => /* @__PURE__ */ s(Ce, { variant: "rounded", height: "44px" }, y))
+      },
+      m
+    ))
+  ] }) : l === 0 ? /* @__PURE__ */ s(tt, { variant: "no-results", title: u("booking.noSlotsForDate") }) : /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ b("div", { className: "ds:flex ds:items-baseline ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ b("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+        /* @__PURE__ */ s(
+          Qt,
+          {
+            "aria-hidden": "true",
+            className: "ds:size-4 ds:text-[color:var(--accent)]"
+          }
+        ),
+        /* @__PURE__ */ s("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: p })
+      ] }),
+      /* @__PURE__ */ s("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: u("booking.slotsAvailable", { count: l }) })
+    ] }),
+    d.map((m) => {
+      const y = c[m];
+      if (y.length === 0) return null;
+      const S = Ka[m];
+      return /* @__PURE__ */ b(
+        "div",
+        {
+          className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+          children: [
+            /* @__PURE__ */ b("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]", children: [
+              /* @__PURE__ */ s(S, { "aria-hidden": "true", className: "ds:size-3.5" }),
+              /* @__PURE__ */ s("span", { className: "type-meta ds:font-[var(--font-weight-semibold)] ds:uppercase", children: u(`booking.timeOfDay.${m}`) })
+            ] }),
+            /* @__PURE__ */ s(
+              "div",
+              {
+                role: "group",
+                "aria-label": u(`booking.timeOfDay.${m}`),
+                className: "ds:grid ds:grid-cols-3 ds:gap-[var(--spacing-xs)] ds:sm:grid-cols-4",
+                children: y.map((h) => {
+                  const w = h.key === a, N = h.available ? w ? "selected" : "idle" : "unavailable";
+                  return /* @__PURE__ */ s(
+                    "button",
+                    {
+                      type: "button",
+                      "data-slot-id": h.key,
+                      disabled: !h.available,
+                      "aria-pressed": w,
+                      "aria-label": u("booking.slotAvailableLabel", {
+                        time: h.time
+                      }),
+                      onClick: () => h.available && i(h),
+                      className: $a({ state: N }),
+                      children: h.time
+                    },
+                    h.key
+                  );
+                })
+              }
+            )
+          ]
+        },
+        m
+      );
+    })
+  ] });
+}
+const Ie = 4;
+function qa({
+  availableDates: e,
+  availableSlots: t,
+  value: a,
+  onChange: i,
+  onDateSelect: n,
+  onWindowChange: o,
+  loadingDates: u,
+  loadingSlots: p,
+  locale: c
+}) {
+  const l = C(() => ne(/* @__PURE__ */ new Date()), []), [d, m] = j(() => {
+    if (a.date) {
+      const f = ne($(a.date));
+      if (!oe(l, f)) return f;
+    }
+    if (e.length > 0) {
+      const f = ne($(e[0]));
+      if (oe(f, l)) return f;
+    }
+    return l;
+  }), y = C(
+    () => Le(d, Ie - 1),
+    [d]
+  ), S = C(() => Array.from({ length: Ie }, (f, x) => {
+    const _ = Le(d, x), D = te(_), E = (t[D] ?? []).map((R) => ({
+      id: R.key,
+      // SlotGrid formats `start` as a time via Intl.DateTimeFormat —
+      // compose a full ISO from the column's date + the slot's HH:mm
+      // so the locale-formatter has a real timestamp to work with.
+      start: `${D}T${R.time}:00`,
+      available: R.available
+    }));
+    return { date: D, slots: E };
+  }), [d, t]), h = oe(d, l), w = !0, N = q(() => {
+    m((f) => {
+      const x = Et(f, Ie);
+      return oe(l, x) ? l : x;
+    });
+  }, [l]), I = q(() => {
+    m((f) => Le(f, Ie));
+  }, []);
+  G(() => {
+    if (e.length === 0) return;
+    const f = ne($(e[0]));
+    !oe(f, l) || e.some((_) => {
+      const D = ne($(_));
+      return !oe(D, y) && !Ot(D, d);
+    }) || m(f);
+  }, [e]), G(() => {
+    o == null || o(te(d), te(y));
+  }, [d, y, o]);
+  const k = q(
+    (f, x) => {
+      const _ = typeof x.date == "string" ? x.date : te(x.date);
+      i({
+        ...rt(Ae(a, _), f.id)
+      }), n == null || n(_);
+    },
+    [i, n, a]
+  ), v = u || p ? "loading" : "default", r = S.some((f) => f.slots.length > 0), O = e[0];
+  return /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    !r && !!O ? /* @__PURE__ */ s(
+      Ke,
+      {
+        nextAvailableDate: O,
+        onJump: () => m(ne($(O))),
+        locale: c
+      }
+    ) : null,
+    /* @__PURE__ */ s(
+      Bt,
+      {
+        days: S,
+        state: v,
+        selectedSlotId: a.slotKey,
+        maxInitialSlotsPerDay: 6,
+        locale: c,
+        hasPrevious: h,
+        hasNext: w,
+        onSlotSelect: k,
+        onPreviousDays: N,
+        onNextDays: I
+      }
+    )
+  ] });
+}
+function lt(e) {
+  const {
+    inputs: t,
+    value: a,
+    onChange: i,
+    onDateSelect: n,
+    onWindowChange: o,
+    loadingDates: u,
+    loadingSlots: p,
+    locale: c,
+    datePickerStyle: l
+  } = e;
+  return l === "four-day-grid" ? /* @__PURE__ */ s(
+    qa,
+    {
+      availableDates: t.availableDates,
+      availableSlots: t.availableSlots,
+      value: a,
+      onChange: i,
+      onDateSelect: n,
+      onWindowChange: o,
+      loadingDates: u,
+      loadingSlots: p,
+      locale: c
+    }
+  ) : /* @__PURE__ */ s(
+    Va,
+    {
+      availableDates: t.availableDates,
+      selectedDate: a.date,
+      onSelectDate: (d) => {
+        i(Ae(a, d)), n == null || n(d);
+      },
+      locale: c,
+      loading: u ?? p
+    }
+  );
+}
+function ct(e) {
+  const { inputs: t, value: a, onChange: i, loadingSlots: n, locale: o, datePickerStyle: u } = e;
+  return u === "four-day-grid" || !a.date ? null : /* @__PURE__ */ s(
+    ja,
+    {
+      date: a.date,
+      slots: t.availableSlots[a.date] ?? [],
+      selectedSlotKey: a.slotKey,
+      onSelect: (p) => i(rt(a, p.key)),
+      loading: n,
+      locale: o
+    }
+  );
+}
+function ut({ value: e, onChange: t }) {
+  const { t: a } = B(), i = [
+    { value: "private", label: a("booking.insurance.private") },
+    { value: "public", label: a("booking.insurance.public") }
+  ];
+  return /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ s("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: a("booking.insurance.heading") }),
+    /* @__PURE__ */ s(
+      De,
+      {
+        options: i,
+        value: e ?? "",
+        onValueChange: (n) => {
+          (n === "private" || n === "public") && t(n);
+        },
+        placeholder: a("booking.insurance.placeholder"),
+        "aria-label": a("booking.insurance.heading")
+      }
+    )
+  ] });
+}
+function mt({ specialties: e, value: t, onChange: a }) {
+  const { t: i } = B(), n = e.map((o) => ({
+    value: o.id,
+    label: o.label
+  }));
+  return /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ s("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: i("booking.specialty.heading") }),
+    /* @__PURE__ */ s(
+      De,
+      {
+        options: n,
+        value: t ?? "",
+        onValueChange: (o) => a(o),
+        placeholder: i("booking.specialty.placeholder"),
+        "aria-label": i("booking.specialty.heading")
+      }
+    )
+  ] });
+}
+function pt({ services: e, value: t, onChange: a, compact: i }) {
+  const { t: n } = B();
+  if (i) {
+    const o = e.map((u) => ({
+      value: u.id,
+      label: `${u.label} · ${n("booking.serviceSummary", {
+        minutes: u.durationMin
+      })}`
+    }));
+    return /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ s("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: n("booking.service.heading") }),
+      /* @__PURE__ */ s(
+        De,
+        {
+          options: o,
+          value: t ?? "",
+          onValueChange: (u) => a(u),
+          placeholder: n("booking.service.placeholder"),
+          "aria-label": n("booking.service.heading")
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ s("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: n("booking.service.heading") }),
+    /* @__PURE__ */ s(
+      Fa,
+      {
+        services: e,
+        selectedServiceId: t,
+        onSelect: a
+      }
+    )
+  ] });
+}
+function gt({ operators: e, value: t, onChange: a }) {
+  const { t: i } = B(), n = [
+    { value: ve, label: i("booking.operator.all") },
+    ...e.map((o) => ({ value: o.id, label: o.name }))
+  ];
+  return /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ s("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: i("booking.operator.heading") }),
+    /* @__PURE__ */ s(
+      De,
+      {
+        options: n,
+        value: t ?? ve,
+        onValueChange: (o) => a(o),
+        placeholder: i("booking.operator.placeholder"),
+        "aria-label": i("booking.operator.heading")
+      }
+    )
+  ] });
+}
+function ft({
+  customSlot: e
+}) {
+  const { t } = B();
+  return e ? /* @__PURE__ */ s(W, { children: e }) : /* @__PURE__ */ b(K, { variant: "warning", children: [
+    /* @__PURE__ */ s(K.Title, { as: "h4", children: t("booking.onboardingIncomplete.title") }),
+    /* @__PURE__ */ s(K.Description, { children: t("booking.onboardingIncomplete.description") })
+  ] });
+}
+function Ke({
+  nextAvailableDate: e,
+  onJump: t,
+  locale: a
+}) {
+  const { t: i } = B(), n = C(() => {
+    try {
+      return new Intl.DateTimeFormat(a, { dateStyle: "long" }).format(
+        $(e)
+      );
+    } catch {
+      return e;
+    }
+  }, [e, a]);
+  return /* @__PURE__ */ b(K, { variant: "info", children: [
+    /* @__PURE__ */ s(K.Description, { children: i("booking.nextAvailable.description", { date: n }) }),
+    /* @__PURE__ */ s(K.Action, { children: /* @__PURE__ */ s(se, { intent: "secondary", size: "sm", onClick: t, children: i("booking.nextAvailable.cta") }) })
+  ] });
+}
+function Ha({
+  snapshot: e,
+  operators: t,
+  specialties: a,
+  services: i,
+  locale: n,
+  mode: o,
+  showModify: u,
+  onReset: p,
+  onModify: c
+}) {
+  const { t: l } = B(), m = (e.details.confirmationChannels ?? ["email"]).map(
+    (I) => l(`booking.confirmation.channel.${I}`)
+  ), y = o === "demo" ? l("booking.success.descriptionDemo") : m.length > 1 ? l("booking.success.descriptionMultiple", {
+    channels: m.join(" · ")
+  }) : l("booking.success.descriptionSingle", { channel: m[0] }), S = C(() => {
+    if (e.date)
+      try {
+        return new Intl.DateTimeFormat(n, {
+          weekday: "long",
+          day: "numeric",
+          month: "long"
+        }).format($(e.date));
+      } catch {
+        return e.date;
+      }
+  }, [e.date, n]), h = e.operatorId ? t.find((I) => I.id === e.operatorId) : void 0, w = e.specialtyId ? a.find((I) => I.id === e.specialtyId) : void 0, N = e.serviceId ? i.find((I) => I.id === e.serviceId) : void 0;
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      "data-component": "booking-success",
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+      children: [
+        /* @__PURE__ */ b(K, { variant: "success", children: [
+          /* @__PURE__ */ s(K.Title, { as: "h3", children: l("booking.success.heading") }),
+          /* @__PURE__ */ s(K.Description, { children: y })
+        ] }),
+        /* @__PURE__ */ s("div", { className: "ds:rounded-[var(--radius-md)] ds:bg-[var(--secondary)] ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ b("dl", { className: "ds:grid ds:grid-cols-[auto_minmax(0,1fr)] ds:gap-x-[var(--spacing-md)] ds:gap-y-[var(--spacing-xs)] ds:m-0", children: [
+          w ? /* @__PURE__ */ b(W, { children: [
+            /* @__PURE__ */ s("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: l("booking.success.summarySpecialty") }),
+            /* @__PURE__ */ s("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: w.label })
+          ] }) : null,
+          N ? /* @__PURE__ */ b(W, { children: [
+            /* @__PURE__ */ s("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: l("booking.success.summaryService") }),
+            /* @__PURE__ */ s("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: N.label })
+          ] }) : null,
+          S ? /* @__PURE__ */ b(W, { children: [
+            /* @__PURE__ */ s("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: l("booking.success.summaryDate") }),
+            /* @__PURE__ */ s("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: S })
+          ] }) : null,
+          /* @__PURE__ */ s("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: l("booking.success.summaryTime") }),
+          /* @__PURE__ */ s("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: e.slot.time }),
+          h ? /* @__PURE__ */ b(W, { children: [
+            /* @__PURE__ */ s("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: l("booking.success.summaryProvider") }),
+            /* @__PURE__ */ s("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: h.name })
+          ] }) : null
+        ] }) }),
+        /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+          /* @__PURE__ */ s(se, { intent: "secondary", size: "md", onClick: p, children: l("booking.success.bookAnother") }),
+          u ? /* @__PURE__ */ s(se, { intent: "ghost", size: "md", onClick: c, children: l("booking.success.modifyBooking") }) : null
+        ] })
+      ]
+    }
+  );
+}
+function ht({ customSlot: e }) {
+  const { t } = B();
+  return e ? /* @__PURE__ */ s(W, { children: e }) : /* @__PURE__ */ s(
+    tt,
+    {
+      variant: "no-results",
+      title: t("booking.emptyServices.title"),
+      description: t("booking.emptyServices.description")
+    }
+  );
+}
+function Ga(e) {
+  const {
+    cascade: t,
+    inputs: a,
+    value: i,
+    onChange: n,
+    onSubmit: o,
+    emptyServicesSlot: u,
+    onboardingIncompleteSlot: p,
+    loadingDates: c,
+    loadingSlots: l,
+    onDateSelect: d,
+    onWindowChange: m,
+    datePickerStyle: y,
+    submitting: S,
+    locale: h,
+    detailsProps: w
+  } = e, { t: N } = B();
+  return /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    t.gates.insurance ? /* @__PURE__ */ s(
+      ut,
+      {
+        value: i.insuranceType,
+        onChange: (I) => n(st(i, I))
+      }
+    ) : null,
+    t.gates.specialty ? /* @__PURE__ */ s(
+      mt,
+      {
+        specialties: t.filtered.specialties,
+        value: i.specialtyId,
+        onChange: (I) => n(it(i, I))
+      }
+    ) : null,
+    t.gates.service ? t.filtered.services.length === 0 ? /* @__PURE__ */ s(ht, { customSlot: u }) : /* @__PURE__ */ s(
+      pt,
+      {
+        services: t.filtered.services,
+        value: i.serviceId,
+        onChange: (I) => n(nt(i, I))
+      }
+    ) : null,
+    t.gates.onboardingIncomplete ? /* @__PURE__ */ s(ft, { customSlot: p }) : null,
+    t.gates.operator ? /* @__PURE__ */ s(
+      gt,
+      {
+        operators: t.filtered.operators,
+        value: i.operatorId,
+        onChange: (I) => n(ot(i, I))
+      }
+    ) : null,
+    t.gates.date ? /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ s("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: N("booking.date.heading") }),
+      a.availableDates.length === 0 && a.nextAvailableDate ? /* @__PURE__ */ s(
+        Ke,
+        {
+          nextAvailableDate: a.nextAvailableDate,
+          onJump: () => n(Ae(i, a.nextAvailableDate)),
+          locale: h
+        }
+      ) : lt({
+        inputs: a,
+        value: i,
+        onChange: n,
+        onDateSelect: d,
+        onWindowChange: m,
+        loadingDates: c,
+        loadingSlots: l,
+        locale: h,
+        datePickerStyle: y
+      })
+    ] }) : null,
+    t.gates.slot && i.date && y === "month-calendar" ? /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ s("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: N("booking.slot.heading") }),
+      ct({
+        inputs: a,
+        value: i,
+        onChange: n,
+        loadingSlots: l,
+        locale: h,
+        datePickerStyle: y
+      })
+    ] }) : null,
+    t.gates.details && t.selectedSlot ? /* @__PURE__ */ s(
+      ze,
+      {
+        ...w,
+        value: i.details ?? {},
+        onChange: (I) => n({ ...i, details: I }),
+        onSubmit: o,
+        submitting: S,
+        defaultPhoneCountry: e.policy.country
+      }
+    ) : null
+  ] });
+}
+function z(e, t, a = {}) {
+  const {
+    cascade: i,
+    inputs: n,
+    value: o,
+    onChange: u,
+    onSubmit: p,
+    emptyServicesSlot: c,
+    onboardingIncompleteSlot: l,
+    loadingDates: d,
+    loadingSlots: m,
+    onDateSelect: y,
+    onWindowChange: S,
+    datePickerStyle: h,
+    submitting: w,
+    locale: N,
+    detailsProps: I,
+    policy: k
+  } = t;
+  switch (e) {
+    case 1:
+      return /* @__PURE__ */ s(
+        ut,
+        {
+          value: o.insuranceType,
+          onChange: (v) => u(st(o, v))
+        }
+      );
+    case 2:
+      return /* @__PURE__ */ s(
+        mt,
+        {
+          specialties: i.filtered.specialties,
+          value: o.specialtyId,
+          onChange: (v) => u(it(o, v))
+        }
+      );
+    case 3:
+      return i.filtered.services.length === 0 ? /* @__PURE__ */ s(ht, { customSlot: c }) : i.gates.onboardingIncomplete ? /* @__PURE__ */ s(ft, { customSlot: l }) : /* @__PURE__ */ s(
+        pt,
+        {
+          services: i.filtered.services,
+          value: o.serviceId,
+          onChange: (v) => u(nt(o, v)),
+          compact: a.compactService
+        }
+      );
+    case 4:
+      return /* @__PURE__ */ s(
+        gt,
+        {
+          operators: i.filtered.operators,
+          value: o.operatorId,
+          onChange: (v) => u(ot(o, v))
+        }
+      );
+    case 5:
+      return n.availableDates.length === 0 && n.nextAvailableDate ? /* @__PURE__ */ s(
+        Ke,
+        {
+          nextAvailableDate: n.nextAvailableDate,
+          onJump: () => u(Ae(o, n.nextAvailableDate)),
+          locale: N
+        }
+      ) : lt({
+        inputs: n,
+        value: o,
+        onChange: u,
+        onDateSelect: y,
+        onWindowChange: S,
+        loadingDates: d,
+        loadingSlots: m,
+        locale: N,
+        datePickerStyle: h
+      });
+    case 6:
+      return ct({
+        inputs: n,
+        value: o,
+        onChange: u,
+        loadingSlots: m,
+        locale: N,
+        datePickerStyle: h
+      });
+    case 7:
+      return i.selectedSlot ? /* @__PURE__ */ s(
+        ze,
+        {
+          ...I,
+          value: o.details ?? {},
+          onChange: (v) => u({ ...o, details: v }),
+          onSubmit: p,
+          submitting: w,
+          defaultPhoneCountry: k.country
+        }
+      ) : null;
+    /* c8 ignore next 2 */
+    default:
+      return null;
+  }
+}
+function je() {
+  const { t: e } = B();
+  return C(
+    () => ({
+      1: e("booking.insurance.heading"),
+      2: e("booking.specialty.heading"),
+      3: e("booking.service.heading"),
+      4: e("booking.operator.heading"),
+      5: e("booking.date.heading"),
+      6: e("booking.slot.heading"),
+      7: e("booking.details.heading")
+    }),
+    [e]
+  );
+}
+function Ua(e) {
+  const { cascade: t, value: a, activeStep: i, setActiveStep: n, datePickerStyle: o } = e, u = je(), p = C(
+    () => o === "four-day-grid" ? t.visibleSteps.filter((d) => d !== 6) : t.visibleSteps,
+    [t.visibleSteps, o]
+  ), c = C(
+    () => p.map((d) => ({
+      label: u[d],
+      summary: vt(d, a, t),
+      status: be(d, a) && d < t.currentStep ? "completed" : void 0,
+      content: z(d, e, { compactService: !0 })
+    })),
+    [p, a, u, t, e]
+  ), l = Math.max(0, t.visibleSteps.indexOf(i));
+  return /* @__PURE__ */ s(
+    _t,
+    {
+      activeStep: l,
+      steps: c,
+      onStepChange: (d) => {
+        const m = t.visibleSteps[d];
+        m && n(m);
+      }
+    }
+  );
+}
+function be(e, t) {
+  switch (e) {
+    case 1:
+      return t.insuranceType !== void 0;
+    case 2:
+      return t.specialtyId !== void 0;
+    case 3:
+      return t.serviceId !== void 0;
+    case 4:
+      return t.operatorId !== void 0;
+    case 5:
+      return t.date !== void 0;
+    case 6:
+      return t.slotKey !== void 0;
+    case 7:
+      return !1;
+  }
+}
+function vt(e, t, a) {
+  var i;
+  if (be(e, t))
+    switch (e) {
+      case 1:
+        return t.insuranceType;
+      case 2: {
+        const n = a.filtered.specialties.find(
+          (o) => o.id === t.specialtyId
+        );
+        return n == null ? void 0 : n.label;
+      }
+      case 3: {
+        const n = a.filtered.services.find(
+          (o) => o.id === t.serviceId
+        );
+        return n == null ? void 0 : n.label;
+      }
+      case 4: {
+        const n = $e(t);
+        if (!n) return;
+        const o = a.filtered.operators.find((u) => u.id === n);
+        return o == null ? void 0 : o.name;
+      }
+      case 5:
+        return t.date;
+      case 6:
+        return (i = a.selectedSlot) == null ? void 0 : i.time;
+      case 7:
+        return;
+    }
+}
+function Ya(e) {
+  const { cascade: t, value: a, setActiveStep: i } = e, { t: n } = B(), o = je(), u = t.visibleSteps.filter(
+    (c) => c === 1 || c === 2 || c === 3 || c === 4
+  ), p = u.some(
+    (c) => !be(c, a)
+  );
+  return /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    p ? u.filter((c) => !be(c, a)).slice(0, 1).map((c) => /* @__PURE__ */ s("div", { children: z(c, e, { compactService: !0 }) }, `csf-${c}`)) : /* @__PURE__ */ s(
+      "div",
+      {
+        role: "group",
+        "aria-label": n("booking.regionLabel"),
+        className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]",
+        children: u.map((c) => {
+          const l = vt(c, a, t);
+          return l ? /* @__PURE__ */ b(
+            se,
+            {
+              intent: "tonal",
+              size: "sm",
+              onClick: () => i(c),
+              children: [
+                o[c],
+                ": ",
+                l
+              ]
+            },
+            `csc-${c}`
+          ) : null;
+        })
+      }
+    ),
+    !p && t.gates.date ? (
+      // four-day-grid embeds slots inline with the day strip — the
+      // historic 2-col date|slot split collapses to a single column
+      // so the picker spans the full width instead of orphaning an
+      // empty right cell.
+      e.datePickerStyle === "four-day-grid" ? /* @__PURE__ */ s("div", { children: z(5, e) }) : /* @__PURE__ */ b("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:md:grid-cols-2", children: [
+        /* @__PURE__ */ s("div", { className: "ds:min-w-0", children: z(5, e) }),
+        /* @__PURE__ */ s("div", { className: "ds:min-w-0", children: a.date ? z(6, e) : null })
+      ] })
+    ) : null,
+    t.gates.details ? /* @__PURE__ */ s("div", { children: z(7, e) }) : null
+  ] });
+}
+function Ja(e) {
+  const { cascade: t } = e, a = t.visibleSteps.filter(
+    (i) => i === 1 || i === 2 || i === 3 || i === 4
+  );
+  return /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ b("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:md:grid-cols-2", children: [
+      /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: a.map((i) => /* @__PURE__ */ s("div", { children: z(i, e, { compactService: !0 }) }, `fbf-${i}`)) }),
+      /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+        t.gates.date ? z(5, e) : null,
+        t.gates.slot && e.value.date ? z(6, e) : null
+      ] })
+    ] }),
+    t.gates.details ? z(7, e) : null
+  ] });
+}
+function Za(e) {
+  const { cascade: t, value: a, activeStep: i, setActiveStep: n, datePickerStyle: o } = e, { t: u } = B(), p = je(), c = C(
+    () => o === "four-day-grid" ? t.visibleSteps.filter((h) => h !== 6) : t.visibleSteps,
+    [t.visibleSteps, o]
+  ), l = Math.max(0, c.indexOf(i)), d = c.length, m = C(
+    () => c.map((h) => ({ label: p[h] })),
+    [c, p]
+  ), y = l > 0, S = l < d - 1 && be(i, a);
+  return /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ s(Tt, { activeStep: l, steps: m }),
+    /* @__PURE__ */ s("div", { children: z(i, e, { compactService: !0 }) }),
+    /* @__PURE__ */ b("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ s(
+        se,
+        {
+          intent: "ghost",
+          size: "md",
+          disabled: !y,
+          onClick: () => {
+            const h = c[l - 1];
+            h && n(h);
+          },
+          children: u("booking.actions.back")
+        }
+      ),
+      i < 7 ? /* @__PURE__ */ s(
+        se,
+        {
+          intent: "primary",
+          size: "md",
+          disabled: !S,
+          onClick: () => {
+            const h = c[l + 1];
+            h && n(h);
+          },
+          children: u("booking.actions.next")
+        }
+      ) : null
+    ] })
+  ] });
+}
+const Wa = [], Xa = [], Qa = Qe(
+  ({
+    variant: e = "inline-list",
+    country: t,
+    // No default — the cascade engine treats `undefined` as "auto-on
+    // when `specialties` has items" so consumers who pass specialty
+    // data without the explicit flag still get the step.
+    useSpecialties: a,
+    allowOperatorSelection: i = !1,
+    lockedOperatorId: n,
+    autoSelectSingleService: o = !1,
+    specialties: u,
+    services: p,
+    operators: c,
+    availableDates: l,
+    availableSlots: d,
+    nextAvailableDate: m,
+    requireCodiceFiscale: y,
+    requireDateOfBirth: S,
+    requireInsuranceNumber: h,
+    showNote: w,
+    showReturningPatientFlag: N,
+    privacyPolicyUrl: I,
+    termsUrl: k,
+    validateCodiceFiscale: v,
+    validateInsuranceNumber: r,
+    confirmationChannels: O,
+    defaultConfirmationChannels: A,
+    value: f,
+    onChange: x,
+    onSubmit: _,
+    onStepChange: D,
+    onDateSelect: U,
+    onWindowChange: E,
+    datePickerStyle: R = "month-calendar",
+    loadingDates: Y,
+    loadingSlots: T,
+    submitting: X,
+    submitError: H,
+    mode: re = "live",
+    showModifyOnSuccess: Q = !0,
+    surface: _e = "flat",
+    emptyServicesSlot: J,
+    onboardingIncompleteSlot: ie,
+    "aria-label": de,
+    id: le,
+    className: Te,
+    ...Be
+  }, ye) => {
+    const { t: ce, i18n: ke } = B(), L = e ?? "inline-list", ee = ke.language ?? "en", g = u ?? Wa, M = c ?? Xa;
+    G(() => {
+      const F = Ca(f, {
+        useSpecialties: a,
+        lockedOperatorId: n,
+        autoSelectSingleService: o,
+        specialties: g,
+        services: p
+      });
+      (F.specialtyId !== f.specialtyId || F.operatorId !== f.operatorId || F.serviceId !== f.serviceId) && x(F);
+    }, [
+      n,
+      a,
+      o,
+      g,
+      p
+    ]);
+    const P = C(
+      () => wa({
+        country: t,
+        useSpecialties: a,
+        allowOperatorSelection: i,
+        lockedOperatorId: n,
+        specialties: g,
+        services: p,
+        operators: M,
+        availableSlots: d,
+        value: f
+      }),
+      [
+        t,
+        a,
+        i,
+        n,
+        o,
+        g,
+        p,
+        M,
+        l,
+        d,
+        f
+      ]
+    ), [qe, ue] = j(
+      P.currentStep
+    ), He = ae(P.currentStep);
+    G(() => {
+      P.currentStep > He.current && ue(P.currentStep), He.current = P.currentStep;
+    }, [P.currentStep]);
+    const [me, pe] = j("idle"), [Oe, Pe] = j(null), Ge = q(
+      async (F) => {
+        if (!P.selectedSlot) return;
+        const Re = {
+          slot: P.selectedSlot,
+          value: {
+            ...f,
+            details: F,
+            operatorId: $e(f) ?? f.operatorId
+          },
+          details: F
+        };
+        pe("submitting");
+        try {
+          await _(Re), Pe({
+            slot: P.selectedSlot,
+            details: F,
+            specialtyId: f.specialtyId,
+            serviceId: f.serviceId,
+            insuranceType: f.insuranceType,
+            operatorId: $e(f),
+            date: f.date
+          }), pe("success");
+        } catch {
+          throw pe("error"), new Error("Booking submission failed");
+        }
+      },
+      [P.selectedSlot, _, f]
+    ), ge = ae(null);
+    xt(ye, () => ge.current, []);
+    const fe = me === "success" ? 8 : P.currentStep, Ue = ae(null);
+    G(() => {
+      if (fe !== Ue.current && (Ue.current = fe, D == null || D(fe), fe === 8 && ge.current))
+        try {
+          ge.current.scrollIntoView({
+            behavior: "smooth",
+            block: "start"
+          });
+        } catch {
+          ge.current.scrollIntoView();
+        }
+    }, [fe, D]);
+    const Ee = C(
+      () => ({
+        getVariant: () => L,
+        reset: () => {
+          x({}), Pe(null), pe("idle"), ue(1);
+        },
+        goToStep: (F) => {
+          ue(F);
+        }
+      }),
+      [L, x]
+    );
+    Nt(ba, Ee, le);
+    const bt = de ?? ce("booking.regionLabel"), yt = C(() => me !== "success" || !Oe ? null : /* @__PURE__ */ s(
+      Ha,
+      {
+        snapshot: Oe,
+        operators: M,
+        specialties: g,
+        services: p,
+        locale: ee,
+        mode: re,
+        showModify: Q,
+        onReset: () => Ee.reset(),
+        onModify: () => {
+          Pe(null), pe("idle"), ue(7);
+        }
+      }
+    ), [
+      me,
+      Oe,
+      M,
+      g,
+      p,
+      ee,
+      re,
+      Q,
+      Ee
+    ]), kt = C(() => {
+      if (me === "success") return null;
+      const F = L === "accordion" ? Ua : L === "calendar" ? Ya : L === "flexible" ? Ja : L === "progress" ? Za : Ga, Re = {
+        cascade: P,
+        inputs: {
+          specialties: g,
+          services: p,
+          operators: M,
+          availableDates: l,
+          availableSlots: d,
+          nextAvailableDate: m
+        },
+        value: f,
+        onChange: x,
+        onSubmit: Ge,
+        policy: { country: t, lockedOperatorId: n },
+        detailsProps: {
+          requireCodiceFiscale: y,
+          requireDateOfBirth: S,
+          requireInsuranceNumber: h,
+          insuranceType: f.insuranceType,
+          showNote: w,
+          showReturningPatientFlag: N,
+          privacyPolicyUrl: I,
+          termsUrl: k,
+          validateCodiceFiscale: v,
+          validateInsuranceNumber: r,
+          confirmationChannels: O,
+          defaultConfirmationChannels: A,
+          submitError: H
+        },
+        emptyServicesSlot: J,
+        onboardingIncompleteSlot: ie,
+        loadingDates: Y,
+        loadingSlots: T,
+        onDateSelect: U,
+        onWindowChange: E,
+        datePickerStyle: R,
+        submitting: X,
+        locale: ee,
+        activeStep: qe,
+        setActiveStep: ue
+      };
+      return /* @__PURE__ */ s(F, { ...Re });
+    }, [
+      me,
+      L,
+      P,
+      g,
+      p,
+      M,
+      l,
+      d,
+      m,
+      f,
+      x,
+      Ge,
+      t,
+      n,
+      y,
+      S,
+      h,
+      H,
+      w,
+      N,
+      I,
+      k,
+      v,
+      r,
+      O,
+      A,
+      J,
+      ie,
+      Y,
+      T,
+      U,
+      E,
+      R,
+      X,
+      ee,
+      qe
+    ]);
+    return /* @__PURE__ */ b(
+      "div",
+      {
+        ref: ge,
+        role: "region",
+        "aria-label": bt,
+        id: le,
+        "data-component": "booking",
+        "data-component-id": le,
+        "data-variant": L,
+        className: Ta({
+          variant: L,
+          surface: _e,
+          className: Te
+        }),
+        ...Be,
+        children: [
+          /* @__PURE__ */ b(
+            "div",
+            {
+              className: [
+                "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
+                "ds:rounded-[var(--radius-md)]",
+                "ds:bg-[color-mix(in_srgb,var(--primary)_35%,var(--background))]",
+                "ds:bg-[image:var(--gradient-hero-brand)]",
+                "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+                "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]"
+              ].join(" "),
+              children: [
+                /* @__PURE__ */ s("h2", { className: "type-title-card ds:text-[var(--foreground)] ds:m-0", children: ce("booking.regionLabel") }),
+                /* @__PURE__ */ s("p", { className: "type-body-sm ds:text-[var(--muted-foreground)] ds:m-0", children: ce("booking.headingSubtitle") })
+              ]
+            }
+          ),
+          yt ?? kt
+        ]
+      }
+    );
+  }
+);
+Qa.displayName = "Booking";
+export {
+  Qa as B,
+  Fe as C,
+  ve as O,
+  ba as b
+};
+//# sourceMappingURL=booking-Db4BQ9eH.js.map