@alfadocs/ui-kit-debug 1.75.1 → 1.77.0

package/dist/_chunks/booking-Cz_QjIJe.js

@@ -0,0 +1,4051 @@
+import { jsx as n, jsxs as v, Fragment as pe } from "react/jsx-runtime";
+import { forwardRef as vn, useId as vt, useRef as F, useCallback as Ne, useState as Z, useEffect as K, useMemo as L, Fragment as Un, useImperativeHandle as Gn } from "react";
+import { c as Dt } from "./index-D2ZczOXr.js";
+import { useTranslation as Q, Trans as bn } from "react-i18next";
+import { u as Hn } from "./registry-DvAUVLHh.js";
+import { A as te } from "./alert-9kEwDza3.js";
+import { B as Ye } from "./button-DohK_Ak_.js";
+import { C as ft } from "./checkbox-BjDv-r3o.js";
+import { C as Jn } from "./checkbox-group-Cw2H5qaq.js";
+import { R as Wn } from "./radio-BZQs6_36.js";
+import { R as Yn } from "./radio-group-ChIKyeSJ.js";
+import { D as Zn } from "./date-picker-CdhXlgVI.js";
+import { E as Qn } from "./email-input-C7THAwh2.js";
+import { F as Pe } from "./form-field-Ani72sVY.js";
+import { P as Xn } from "./phone-input-C3NrD-nl.js";
+import { T as es } from "./text-area-COMVJ1yE.js";
+import { T as Lt } from "./text-input-CaG9ApoE.js";
+import { A as ts } from "./address-fields-BUPRs3n-.js";
+import { S as yn } from "./spinner-CoflYlEx.js";
+import { a as zt } from "./format-price-BcFBa-WP.js";
+import { C as ns } from "./credit-card-D9XZsHGA.js";
+import { O as ss } from "./otp-input-BgEZi0py.js";
+import { B as kn } from "./badge-BUk4RjTS.js";
+import { I as cn } from "./icon-button-S8_weU3g.js";
+import { S as jt } from "./select-4S-eYZUf.js";
+import { C as tn } from "./combobox-vF9O-QoG.js";
+import { M as nn } from "./multi-select-BOad3za9.js";
+import { c as is } from "./option-row-Dc7BrbK8.js";
+import { S as Kt } from "./skeleton-tTWJpvAq.js";
+import { E as Sn } from "./empty-state-DwJ5YNzz.js";
+import { S as rs } from "./stepper-accordion-DDTSOUHc.js";
+import { S as os } from "./stepper-progress-D6H8wQiV.js";
+import { S as as } from "./slot-grid-Bb13H9Rl.js";
+import { p as Ie } from "./parseISO-DZZ5a-zK.js";
+import { C as cs } from "./chevron-down-DWE7GSq9.js";
+import { s as gt, f as qt, d as dn } from "./format--x5jypvH.js";
+import { x as xn, a as ht, b as Yt, i as ds, s as At, m as ls, y as Rt } from "./date-picker-variants-Dt6UbonG.js";
+import { s as us } from "./subDays-DKISP2nE.js";
+import { C as ps } from "./chevron-left-B8cOyH-V.js";
+import { C as ms } from "./chevron-right-I9AeSxH2.js";
+import { c as De } from "./createLucideIcon-DhHxpK9K.js";
+import { M as fs, S as gs } from "./sun-Bj9Mr553.js";
+import { S as hs } from "./stethoscope-sZXGC43m.js";
+import { H as vs } from "./heart-pulse-BCppJyN2.js";
+import { E as bs } from "./eye-BjhN2nYf.js";
+import { B as ys } from "./baby-Dku-Xvg9.js";
+import { S as ks } from "./scan-line-CNseIHQ0.js";
+import { A as Ss } from "./astroid-BN4f5VXU.js";
+import { C as xs } from "./clipboard-check-BeAGxDVT.js";
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Is = [
+  [
+    "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"
+    }
+  ]
+], Ns = De("activity", Is);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ws = [
+  [
+    "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"
+    }
+  ]
+], Cs = De("bone", ws);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const As = [
+  ["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" }]
+], Ts = De("brain", As);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ds = [
+  ["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" }]
+], Os = De("calendar-range", Ds);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ms = [
+  ["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" }]
+], Fs = De("ear", Ms);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Es = [
+  ["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" }]
+], Bs = De("microscope", Es);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ls = [
+  [
+    "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" }]
+], Rs = De("pill", Ls);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const _s = [
+  ["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" }]
+], Ps = De("scissors", _s);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Vs = [
+  ["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" }]
+], $s = De("smile", Vs);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const qs = [
+  ["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" }]
+], Ks = De("sunset", qs);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const zs = [
+  ["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" }]
+], ln = De("syringe", zs);
+function js(e, t, s) {
+  return xn(e, -1, s);
+}
+const Us = {
+  id: "booking",
+  // `view_change` removed (0.69): the layout `variant` is a fixed prop — the
+  // handle exposes only `getVariant` (state), no action mutates it. The flow's
+  // only navigation is step-to-step (`goto_step` → `navigate`).
+  capabilities: ["navigate"],
+  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()
+    },
+    currentStep: {
+      type: "number",
+      descriptionKey: "ui.agent.booking.state.currentStep",
+      description: "The step the flow is on: 1 insurance, 2 specialty, 3 service, 4 provider, 5 date, 6 time, 7 patient details, payment or optional SMS code verification, 8 confirmation after all required steps succeed. Read this back after `goto_step` to see where the clamp landed.",
+      read: (e) => e.getCurrentStep()
+    }
+  },
+  actions: {
+    reset: {
+      // destructive: clears the whole in-progress booking value (patient
+      // identity, contact, slot choice) — irreversibly loses user input.
+      safety: "destructive",
+      idempotent: !0,
+      descriptionKey: "ui.agent.booking.actions.reset",
+      description: "Clear the booking value back to an empty state. Use to abandon an in-progress flow.",
+      errors: [
+        "Refused while a payment session is open (step 7): the consumer must cancel the hold first.",
+        "Refused while SMS code verification is pending (step 7): the submitted booking remains active. The host owns cancellation."
+      ],
+      invoke: (e) => {
+        e.reset();
+      }
+    },
+    goto_step: {
+      safety: "read",
+      argsType: "{ step: 1 | 2 | 3 | 4 | 5 | 6 | 7 }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          step: {
+            type: "integer",
+            enum: [1, 2, 3, 4, 5, 6, 7],
+            description: "Target step (1-7)."
+          }
+        },
+        required: ["step"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.booking.actions.gotoStep",
+      description: "Jump to the given step. A step that is hidden for this practice, or that sits ahead of the first incomplete step, clamps to that first incomplete step — read `currentStep` back to see where it landed.",
+      errors: [
+        "Navigation stays on step 7 while payment or SMS code verification is pending.",
+        "Requested step is not yet reachable — clamped to the first incomplete step.",
+        "Requested step is hidden for this practice (e.g. insurance outside Germany, or provider choice turned off) — clamped to the first incomplete step."
+      ],
+      examples: [{ args: { step: 1 }, note: "Return to the first step." }],
+      invoke: (e, t) => {
+        e.goToStep(t.step);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "booking",
+      description: 'Marks the Booking root region. The host prop hideEmail (boolean, default false) hides the email field, skips its validation and omits email from submission. Pair with confirmationChannels ["sms"] for SMS-only confirmation with no channel picker. The optional codeStep prop adds SMS verification after submission and payment; the step remains 7 until verification succeeds, then becomes 8. Patient contact details and verification codes are never exposed through this adapter.'
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, Xt = [
+  "email",
+  "whatsapp",
+  "sms"
+], Ee = "all", Gs = "de";
+function Hs(e) {
+  const t = e.lockedOperatorId;
+  return [...t ? e.operatorsByService ? e.specialties.filter(
+    (i) => e.services.some(
+      (r) => {
+        var a;
+        return r.specialtyId === i.id && ((a = r.operatorIds) == null ? void 0 : a.includes(t));
+      }
+    )
+  ) : e.specialties.filter((i) => {
+    var r;
+    return (r = i.operatorIds) == null ? void 0 : r.includes(t);
+  }) : e.specialties].sort((i, r) => {
+    const a = i.sequenceNumber ?? Number.POSITIVE_INFINITY, d = r.sequenceNumber ?? Number.POSITIVE_INFINITY;
+    return a - d;
+  });
+}
+function Js(e) {
+  let t = e.services;
+  if (e.lockedOperatorId && (t = t.filter(
+    (i) => {
+      var r;
+      return (r = i.operatorIds) == null ? void 0 : r.includes(e.lockedOperatorId);
+    }
+  )), e.useSpecialties === void 0 ? e.specialties.length > 0 : e.useSpecialties) {
+    const i = Ze(e.value);
+    i.length > 0 && (t = t.filter(
+      (r) => r.specialtyId !== void 0 && i.includes(r.specialtyId)
+    ));
+  }
+  return t;
+}
+function Ws(e) {
+  const t = e.useSpecialties === void 0 ? e.specialties.length > 0 : e.useSpecialties, s = $e(e.value);
+  if ((!t || e.operatorsByService) && s.length > 0)
+    return e.operators.filter(
+      (i) => {
+        var r;
+        return (r = i.appointmentBookingReasonIds) == null ? void 0 : r.some((a) => s.includes(a));
+      }
+    );
+  if (t) {
+    const i = Ze(e.value);
+    if (i.length > 0)
+      return e.operators.filter(
+        (r) => {
+          var a;
+          return (a = r.specialtyIds) == null ? void 0 : a.some((d) => i.includes(d));
+        }
+      );
+  }
+  return [];
+}
+function Ys(e, t) {
+  const s = e.country === Gs, i = !s || e.value.insuranceType !== void 0, a = (e.useSpecialties === void 0 ? e.specialties.length > 0 : e.useSpecialties) && i, d = Ze(e.value).length > 0, p = !a || d, f = $e(e.value).length > 0, g = !p || f, h = t.operators, l = !!e.allowOperatorSelection && g && f && !e.lockedOperatorId && h.length > 1, o = g && f, b = (!o || e.value.date !== void 0) && e.value.date !== void 0, E = (!b || e.value.slotKey !== void 0) && e.value.slotKey !== void 0, I = f && h.length === 0;
+  return {
+    insurance: s,
+    specialty: a,
+    service: p,
+    operator: l,
+    date: o,
+    slot: b,
+    details: E,
+    onboardingIncomplete: I
+  };
+}
+function Zs(e, t) {
+  const s = [];
+  return t.insurance && s.push(1), t.specialty && s.push(2), s.push(3), t.operator && s.push(4), s.push(5), s.push(6), s.push(7), {
+    currentStep: s.find(
+      (r) => !Ve(r, e.value)
+    ) ?? 7,
+    visibleSteps: s
+  };
+}
+function Ve(e, t) {
+  switch (e) {
+    case 1:
+      return t.insuranceType !== void 0;
+    // 0.34.0: array-or-single — satisfied when EITHER form is present.
+    case 2:
+      return Ze(t).length > 0;
+    case 3:
+      return $e(t).length > 0;
+    // Always satisfied, like its gate: "no preference" is a valid answer,
+    // whether it is the `'all'` sentinel or an empty multi-select.
+    case 4:
+      return !0;
+    case 5:
+      return t.date !== void 0;
+    case 6:
+      return t.slotKey !== void 0;
+    // Details fulfilment is owned by the form's own validation.
+    case 7:
+      return !1;
+  }
+}
+function Qs(e) {
+  const t = {
+    specialties: Hs(e),
+    services: Js(e),
+    operators: Ws(e)
+  }, s = Ys(e, t), { currentStep: i, visibleSteps: r } = Zs(e, s);
+  let a;
+  if (e.value.date && e.value.slotKey) {
+    const g = e.availableSlots[e.value.date];
+    g && (a = g.find((h) => h.key === e.value.slotKey));
+  }
+  const d = $e(e.value), m = d.length > 0 ? e.services.find((g) => g.id === d[0]) : void 0, p = Ze(e.value).length > 0, f = d.length > 0 && e.value.date !== void 0 && e.value.slotKey !== void 0 && (!s.insurance || e.value.insuranceType !== void 0) && (!s.specialty || p);
+  return {
+    gates: s,
+    filtered: t,
+    currentStep: i,
+    totalSteps: r.length,
+    visibleSteps: r,
+    isReadyToSubmit: f,
+    durationMin: m == null ? void 0 : m.durationMin,
+    selectedSlot: a
+  };
+}
+function In(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 Nn(e, t) {
+  return {
+    ...e,
+    specialtyId: t,
+    specialtyIds: void 0,
+    serviceId: void 0,
+    serviceIds: void 0,
+    operatorId: void 0,
+    operatorIds: void 0,
+    date: void 0,
+    slotKey: void 0,
+    details: void 0
+  };
+}
+function wn(e, t) {
+  return {
+    ...e,
+    specialtyId: void 0,
+    specialtyIds: t,
+    serviceId: void 0,
+    serviceIds: void 0,
+    operatorId: void 0,
+    operatorIds: void 0,
+    date: void 0,
+    slotKey: void 0,
+    details: void 0
+  };
+}
+function Cn(e, t) {
+  return {
+    ...e,
+    serviceId: t,
+    serviceIds: void 0,
+    // 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 ? Ee : void 0,
+    operatorIds: void 0,
+    date: void 0,
+    slotKey: void 0,
+    details: void 0
+  };
+}
+function An(e, t) {
+  const s = !!t && t.length > 0;
+  return {
+    ...e,
+    serviceId: void 0,
+    serviceIds: t,
+    operatorId: s ? Ee : void 0,
+    operatorIds: void 0,
+    date: void 0,
+    slotKey: void 0,
+    details: void 0
+  };
+}
+function Tn(e, t) {
+  return {
+    ...e,
+    operatorId: t,
+    operatorIds: void 0,
+    date: void 0,
+    slotKey: void 0,
+    details: void 0
+  };
+}
+function Dn(e, t) {
+  return {
+    ...e,
+    operatorId: void 0,
+    operatorIds: t,
+    date: void 0,
+    slotKey: void 0,
+    details: void 0
+  };
+}
+function Ze(e) {
+  return e.specialtyIds && e.specialtyIds.length > 0 ? e.specialtyIds : e.specialtyId ? [e.specialtyId] : [];
+}
+function $e(e) {
+  return e.serviceIds && e.serviceIds.length > 0 ? e.serviceIds : e.serviceId ? [e.serviceId] : [];
+}
+function en(e) {
+  return e.operatorIds && e.operatorIds.length > 0 ? e.operatorIds : e.operatorId ? [e.operatorId] : [];
+}
+function Ut(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 On(e, t) {
+  return {
+    ...e,
+    slotKey: t
+  };
+}
+function Xs(e, t) {
+  let s = e;
+  if (t.lockedOperatorId && s.operatorId !== t.lockedOperatorId && (s = { ...s, operatorId: t.lockedOperatorId }), (t.useSpecialties === void 0 ? t.specialties.length > 0 : t.useSpecialties) && t.specialties.length === 1 && s.specialtyId === void 0 && s.specialtyIds === void 0 && (s = { ...s, specialtyId: t.specialties[0].id }), t.autoSelectSingleService) {
+    const r = Ze(s), a = r.length > 0 ? t.services.filter(
+      (d) => d.specialtyId && r.includes(d.specialtyId)
+    ) : t.services;
+    a.length === 1 && s.serviceId === void 0 && s.serviceIds === void 0 && (s = { ...s, serviceId: a[0].id }, s.operatorId === void 0 && s.operatorIds === void 0 && (s = { ...s, operatorId: Ee }));
+  }
+  return s;
+}
+function Mn(e) {
+  if (e.operatorId && e.operatorId !== Ee)
+    return e.operatorId;
+}
+function ei(e) {
+  if (!e) return !1;
+  const t = e.trim();
+  return /^\+?\d[\d\s\-()]{6,}$/.test(t);
+}
+function sn(e) {
+  const t = e && e.length > 0 ? e : ["email"], s = new Set(t);
+  return Xt.filter((i) => s.has(i));
+}
+function ti(e, t, s) {
+  const i = sn(e), r = new Set(i);
+  if (s)
+    return Xt.filter(
+      (f) => s.includes(f) && r.has(f)
+    );
+  const a = [];
+  r.has("email") && a.push("email");
+  const d = ei(t), m = r.has("whatsapp");
+  m && d && a.push("whatsapp"), !m && r.has("sms") && a.push("sms");
+  const p = new Set(a);
+  return Xt.filter((f) => p.has(f));
+}
+const ni = /https?:\/\/(?:(?![.,;:!?'»›]https?:\/\/)[^\s<>"\u060C\u061B\u061F\u06D4\u2000-\u206F\u3000-\u303F\uFF00-\uFFEF])+/gi, si = /* @__PURE__ */ new Set([
+  ".",
+  ",",
+  ";",
+  ":",
+  "!",
+  "?",
+  "'",
+  "»",
+  "›"
+]), ii = { ")": "(", "]": "[", "}": "{" }, un = (e, t) => e.split(t).length - 1;
+function ri(e) {
+  const t = {};
+  for (const [i, r] of Object.entries(ii))
+    t[i] = un(e, i) - un(e, r);
+  let s = e.length;
+  for (; s > 0; ) {
+    const i = e[s - 1];
+    if (si.has(i))
+      s -= 1;
+    else if (i in t && t[i] > 0)
+      t[i] -= 1, s -= 1;
+    else
+      break;
+  }
+  return e.slice(0, s);
+}
+const oi = /[\u0600-\u06FF\u3040-\u30FF\u3400-\u9FFF\uAC00-\uD7AF]/, ai = /[A-Za-z0-9]/;
+function ci(e) {
+  const t = e.search(oi);
+  return t > 0 && ai.test(e[t - 1]) ? e.slice(0, t) : e;
+}
+function di(e) {
+  try {
+    const { protocol: t, hostname: s } = new URL(e);
+    return (t === "http:" || t === "https:") && s !== "";
+  } catch {
+    return !1;
+  }
+}
+function li(e) {
+  const t = [];
+  let s = 0;
+  const i = (r) => {
+    if (r === "") return;
+    const a = t[t.length - 1];
+    (a == null ? void 0 : a.kind) === "text" ? a.text += r : t.push({ kind: "text", text: r });
+  };
+  for (const r of e.matchAll(ni)) {
+    const a = r.index ?? 0, d = ri(ci(r[0]));
+    di(d) && (i(e.slice(s, a)), t.push({ kind: "link", text: d, href: d }), s = a + d.length);
+  }
+  return i(e.slice(s)), t;
+}
+const pn = 500, ui = /^[A-Z0-9]{16}$/, pi = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, mn = 300, Zt = "ds:rounded-[var(--radius-sm)] ds:underline ds:text-[var(--foreground)] ds:focus-visible:outline-solid ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]", _t = (e) => e && /^https?:\/\//i.test(e) ? e : void 0, mi = (e, t) => ({
+  street: (e == null ? void 0 : e.address.line1) ?? "",
+  city: (e == null ? void 0 : e.address.city) ?? "",
+  postcode: (e == null ? void 0 : e.address.postalCode) ?? "",
+  province: (e == null ? void 0 : e.address.state) ?? "",
+  // The practice's country only until the patient has an address at all.
+  country: (e ? e.address.country : t).toLowerCase(),
+  formatted: ""
+}), fi = (e, t, s = null) => ({
+  name: t,
+  address: {
+    line1: e.street,
+    line2: s,
+    city: e.city,
+    state: e.province,
+    postalCode: e.postcode,
+    country: e.country.toUpperCase()
+  }
+}), gi = Dt("ds:flex ds:flex-col ds:border", {
+  variants: {
+    noticeStyle: {
+      plain: "ds:gap-[var(--spacing-xs)] ds:rounded-[var(--radius-md)] ds:border-[var(--border)] ds:bg-[var(--muted)] ds:p-[var(--spacing-sm)]",
+      highlighted: "ds:gap-[var(--spacing-sm)] ds:rounded-[var(--radius-lg)] ds:border-[color-mix(in_srgb,var(--primary)_30%,var(--border))] ds:bg-[color-mix(in_srgb,var(--primary)_8%,var(--card))] ds:p-[var(--spacing-md)]"
+    }
+  },
+  defaultVariants: { noticeStyle: "highlighted" }
+}), hi = ["it", "ch", "de", "at", "fr", "sm"], H = {
+  country: "billing.country",
+  street: "billing.street",
+  city: "billing.city",
+  postcode: "billing.postcode",
+  province: "billing.province"
+}, Fn = /^\d{5}$/, vi = (e) => {
+  if (!e) return !1;
+  const { line1: t, city: s, postalCode: i, country: r, state: a } = e.address;
+  return !t.trim() || !s.trim() || !i.trim() || !r.trim() ? !1 : r.toUpperCase() !== "IT" ? !0 : !!a.trim() && Fn.test(i.trim());
+}, bi = (e, t) => {
+  var s;
+  return {
+    name: t,
+    address: {
+      line1: e.address.line1.trim(),
+      line2: ((s = e.address.line2) == null ? void 0 : s.trim()) || null,
+      city: e.address.city.trim(),
+      state: e.address.state.trim(),
+      postalCode: e.address.postalCode.trim(),
+      country: e.address.country.trim().toUpperCase()
+    }
+  };
+}, Pt = { state: "idle" }, fn = [
+  "firstName",
+  "lastName",
+  "email",
+  "mobilePhone",
+  "codiceFiscale",
+  "dateOfBirth",
+  "insuranceNumber",
+  H.country,
+  H.street,
+  H.city,
+  H.postcode,
+  H.province
+], yi = /* @__PURE__ */ new Set(), rn = vn(
+  ({
+    value: e,
+    onChange: t,
+    onSubmit: s,
+    hideEmail: i = !1,
+    requireCodiceFiscale: r = !1,
+    requireDateOfBirth: a = !1,
+    requireInsuranceNumber: d = !1,
+    insuranceType: m,
+    showNote: p = !1,
+    showReturningPatientFlag: f = !1,
+    privacyPolicyUrl: g,
+    termsUrl: h,
+    practiceConsent: l,
+    payment: o,
+    paymentTermsUrl: y,
+    paymentBlocked: b = !1,
+    billingInDetails: S = !1,
+    paymentNoticeStyle: E = "highlighted",
+    criticalInformationToAccept: I,
+    validateCodiceFiscale: N,
+    validateInsuranceNumber: x,
+    submitting: M = !1,
+    summarySlot: T,
+    defaultPhoneCountry: O,
+    confirmationChannels: u,
+    defaultConfirmationChannels: w,
+    singleConfirmationChannel: D = !1,
+    submitError: z
+  }, U) => {
+    var wt, Ct, A, B, V;
+    const { t: k, i18n: _ } = Q("ui"), j = vt(), me = F(null), P = Ne(
+      (c) => {
+        me.current = c, typeof U == "function" ? U(c) : U && (U.current = c);
+      },
+      [U]
+    ), [J, ne] = Z(0);
+    K(() => {
+      var C;
+      if (J === 0) return;
+      const c = (C = me.current) == null ? void 0 : C.querySelectorAll(
+        '[aria-invalid="true"], [role="checkbox"][aria-required="true"][aria-checked="false"], [data-unanswered] [role="checkbox"]'
+      );
+      for (const W of c ?? [])
+        if (W.focus(), document.activeElement === W) return;
+    }, [J]);
+    const re = F(!1), [he, X] = Z(!1), [qe, ve] = Z(!1), fe = M || he, [se, be] = Z(Pt), [we, Oe] = Z(Pt), [oe, Me] = Z({}), ce = Ne(
+      (c) => Me((C) => ({ ...C, [c]: !0 })),
+      []
+    ), [Be, Ce] = Z(yi), ie = F(null), Ke = F(
+      null
+    );
+    K(
+      () => () => {
+        ie.current && clearTimeout(ie.current), Ke.current && clearTimeout(Ke.current);
+      },
+      []
+    );
+    const q = Ne(
+      (c) => {
+        ve(!1), t({ ...e, ...c });
+      },
+      [e, t]
+    ), Le = o ? JSON.stringify([
+      o.serviceId,
+      o.kind,
+      o.amountCents,
+      o.currencyCode,
+      y
+    ]) : void 0, [Qe, Ot] = Z(
+      () => e.paymentAccepted ? Le : void 0
+    ), it = F(Le), rt = !!(o && e.paymentAccepted && Qe === Le);
+    K(() => {
+      it.current !== Le && (it.current = Le, Ot(void 0), e.paymentAccepted !== void 0 && q({ paymentAccepted: o ? !1 : void 0 }));
+    }, [Le, o, q, e.paymentAccepted]);
+    const ot = typeof (l == null ? void 0 : l.label) == "string" && l.label.trim() !== "", Fe = l && ot ? JSON.stringify([
+      l.label,
+      l.url ?? null,
+      l.required
+    ]) : void 0, [de, Mt] = Z(
+      () => e.practiceConsentAccepted ? Fe : void 0
+    ), ge = F(Fe), ze = !!(Fe !== void 0 && e.practiceConsentAccepted && de === Fe);
+    K(() => {
+      ge.current !== Fe && (ge.current = Fe, Mt(void 0), e.practiceConsentAccepted !== void 0 && q({ practiceConsentAccepted: void 0 }));
+    }, [Fe, q, e.practiceConsentAccepted]);
+    const ye = o ? zt(o.amountCents, o.currencyCode, _.language) : "", je = _t(y), R = S && !!o && !b, ke = r, at = (O || "it").toLowerCase(), yt = !R || vi(e.billing), ae = mi(e.billing, at), Se = ae.country === "it", kt = F(null), Ue = F(
+      null
+    ), le = (wt = e.billing) == null ? void 0 : wt.address.line1.trim(), Xe = ((A = (Ct = e.billing) == null ? void 0 : Ct.address.line2) == null ? void 0 : A.trim()) || null;
+    K(() => {
+      var c;
+      le !== void 0 && Xe ? Ue.current = { street: le, line2: Xe } : (le === void 0 || le === ((c = Ue.current) == null ? void 0 : c.street)) && (Ue.current = null);
+    }, [le, Xe]);
+    const Ge = (c) => (
+      // Nothing for a block not shown, nor for a province outside Italy.
+      !R || !oe[H[c]] || c === "province" && !Se ? void 0 : ae[c].trim() ? (
+        // The one format the block itself checks: an Italian CAP.
+        c === "postcode" && Se && !Fn.test(ae.postcode.trim()) ? k("inputs.postalCode.invalid") : void 0
+      ) : k("booking.details.fieldRequired")
+    ), Ht = Ne(
+      () => Me(
+        (c) => c[H.province] ? c : {
+          ...c,
+          codiceFiscale: !0,
+          ...Object.fromEntries(
+            Object.values(H).map((C) => [C, !0])
+          )
+        }
+      ),
+      []
+    ), Re = L(
+      () => sn(u),
+      [u]
+    ), xe = !o && !b && Re.length >= 2, et = F(!1);
+    K(() => {
+      if (o || b) return;
+      if (!xe) {
+        e.confirmationChannels !== void 0 && q({ confirmationChannels: void 0 });
+        return;
+      }
+      if (e.confirmationChannels !== void 0) {
+        et.current = !0, D && e.confirmationChannels.length > 1 && q({
+          confirmationChannels: e.confirmationChannels.slice(0, 1)
+        });
+        return;
+      }
+      const c = D ? [
+        (w == null ? void 0 : w.find(
+          (C) => Re.includes(C)
+        )) ?? Re[0]
+      ] : ti(
+        Re,
+        e.mobilePhone,
+        w
+      );
+      et.current = !0, q({ confirmationChannels: c });
+    }, [
+      xe,
+      o,
+      b,
+      Re,
+      e.mobilePhone,
+      w,
+      D
+    ]);
+    const $ = L(
+      () => e.confirmationChannels ?? [],
+      [e.confirmationChannels]
+    ), Y = xe && $.length === 0, St = F(N), ct = F(x);
+    K(() => {
+      St.current = N, ct.current = x;
+    }, [N, x]);
+    const xt = !!N, It = !!x;
+    K(() => {
+      const c = e.codiceFiscale;
+      if (!ke || !xt || !c) {
+        be(Pt);
+        return;
+      }
+      if (!ui.test(c)) {
+        be({
+          state: "invalid",
+          hint: k("booking.details.codiceFiscale.invalidFormat")
+        });
+        return;
+      }
+      be({ state: "pending" });
+      let C = !0;
+      return ie.current && clearTimeout(ie.current), ie.current = setTimeout(async () => {
+        try {
+          const W = St.current;
+          if (!W) return;
+          const nt = await W(c);
+          C && be({
+            state: nt.valid ? "valid" : "invalid",
+            hint: nt.hint,
+            value: c
+          });
+        } catch {
+          C && be({
+            state: "invalid",
+            hint: k("booking.details.codiceFiscale.unavailable"),
+            value: c
+          });
+        }
+      }, mn), () => {
+        C = !1, ie.current && clearTimeout(ie.current);
+      };
+    }, [ke, xt, e.codiceFiscale, k]);
+    const He = d && m === "public";
+    K(() => {
+      const c = e.insuranceNumber;
+      if (!He || !It || !c) {
+        Oe(Pt);
+        return;
+      }
+      Oe({ state: "pending" }), Ke.current && clearTimeout(Ke.current), Ke.current = setTimeout(() => {
+        const C = ct.current;
+        C && C(c).then(
+          (W) => Oe(
+            W.valid ? { state: "valid" } : { state: "invalid", hint: W.hint }
+          )
+        ).catch(
+          () => Oe({
+            state: "invalid",
+            hint: k("booking.details.insuranceNumber.unavailable")
+          })
+        );
+      }, mn);
+    }, [He, It, e.insuranceNumber, k]);
+    const dt = L(
+      () => i || !!(e.email && pi.test(e.email)),
+      [i, e.email]
+    ), lt = L(
+      () => !!(e.mobilePhone && e.mobilePhone.length >= 6),
+      [e.mobilePhone]
+    ), tt = L(() => {
+      var c, C;
+      return !(!((c = e.firstName) != null && c.trim()) || !((C = e.lastName) != null && C.trim()) || !dt || !lt || ke && (se.state !== "valid" || se.value !== e.codiceFiscale) || !yt || a && !e.dateOfBirth || He && we.state !== "valid");
+    }, [
+      e.firstName,
+      e.lastName,
+      dt,
+      lt,
+      ke,
+      yt,
+      se.state,
+      se.value,
+      e.codiceFiscale,
+      a,
+      e.dateOfBirth,
+      He,
+      we.state
+    ]), ut = I != null && I.trim() ? I : void 0, _e = ut !== void 0, Ft = !_e || !!e.criticalInformationAccepted, Jt = !ot || !(l != null && l.required) || ze, Ae = !!(e.privacyConsent && e.termsConsent && Ft && Jt), Wt = !xe || $.length > 0, pt = tt && Ae && Wt && (!o || rt) && !b && !fe, mt = !pt && !fe && !b, Je = `${j}-submit-hint`, G = {
+      firstName: oe.firstName && !((B = e.firstName) != null && B.trim()) ? k("booking.details.firstName.required") : void 0,
+      lastName: oe.lastName && !((V = e.lastName) != null && V.trim()) ? k("booking.details.lastName.required") : void 0,
+      email: !i && oe.email && !dt ? k("booking.details.email.invalid") : void 0,
+      mobilePhone: oe.mobilePhone && !lt ? k("booking.details.mobilePhone.invalid") : void 0,
+      codiceFiscale: oe.codiceFiscale && se.state === "invalid" ? se.hint ?? k("booking.details.codiceFiscale.invalid") : oe.codiceFiscale && !e.codiceFiscale ? k("booking.details.fieldRequired") : void 0,
+      dateOfBirth: oe.dateOfBirth && !e.dateOfBirth ? k("booking.details.dateOfBirth.required") : void 0,
+      insuranceNumber: oe.insuranceNumber && we.state === "invalid" ? we.hint ?? k("booking.details.insuranceNumber.invalid") : void 0,
+      [H.country]: Ge("country"),
+      [H.street]: Ge("street"),
+      [H.city]: Ge("city"),
+      [H.postcode]: Ge("postcode"),
+      [H.province]: Ge("province")
+    }, We = fn.filter(
+      (c) => Be.has(c) && G[c] !== void 0
+    );
+    We.length !== Be.size && Ce(new Set(We));
+    const ue = (c) => !Be.has(c), Et = async (c) => {
+      if (c.preventDefault(), !fe && !re.current && !pt && Ce(
+        new Set(
+          fn.filter(
+            (W) => Be.has(W) || !G[W]
+          )
+        )
+      ), Me({
+        firstName: !0,
+        lastName: !0,
+        email: !i,
+        mobilePhone: !0,
+        codiceFiscale: !0,
+        dateOfBirth: !0,
+        insuranceNumber: !0,
+        ...Object.fromEntries(
+          Object.values(H).map((W) => [W, !0])
+        )
+      }), fe || re.current) return;
+      if (!pt) {
+        ne((W) => W + 1);
+        return;
+      }
+      const C = {
+        firstName: e.firstName.trim(),
+        lastName: e.lastName.trim(),
+        ...i ? {} : { email: e.email.trim() },
+        mobilePhone: e.mobilePhone,
+        privacyConsent: !0,
+        termsConsent: !0,
+        // Only present when the service carried text to accept — a
+        // reason without it leaves the key out of the payload entirely.
+        ..._e ? { criticalInformationAccepted: !0 } : {},
+        // Sent whenever the practice's box is shown, ticked or not, so the
+        // server can record the answer; left out when there is no box.
+        ...ot ? { practiceConsentAccepted: ze } : {},
+        ...o ? { paymentAccepted: !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: xe ? $ : void 0,
+        ...R && e.billing ? {
+          billing: bi(
+            e.billing,
+            `${e.firstName.trim()} ${e.lastName.trim()}`
+          )
+        } : {}
+      };
+      re.current = !0, X(!0), ve(!1);
+      try {
+        await s(C);
+      } catch {
+        ve(!0);
+      } finally {
+        re.current = !1, X(!1);
+      }
+    }, Bt = /* @__PURE__ */ n(
+      Pe,
+      {
+        label: k("booking.details.codiceFiscale.label"),
+        required: !0,
+        description: se.state === "pending" ? k("booking.details.codiceFiscale.checking") : k("booking.details.codiceFiscale.helper"),
+        error: G.codiceFiscale,
+        announceError: ue("codiceFiscale"),
+        children: /* @__PURE__ */ n(
+          Lt,
+          {
+            value: e.codiceFiscale ?? "",
+            maxLength: 16,
+            onChange: (c) => q({
+              codiceFiscale: c.target.value.slice(0, 16).toUpperCase()
+            }),
+            onBlur: () => ce("codiceFiscale")
+          }
+        )
+      }
+    ), Nt = (c, C) => {
+      const W = _t(C);
+      return W ? /* @__PURE__ */ n(
+        bn,
+        {
+          ns: "ui",
+          i18nKey: c,
+          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__ */ n(
+                "a",
+                {
+                  href: W,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: Zt
+                }
+              )
+            )
+          }
+        }
+      ) : k(c);
+    };
+    return /* @__PURE__ */ v(
+      "form",
+      {
+        ref: P,
+        id: j,
+        noValidate: !0,
+        onSubmit: Et,
+        onFocus: (c) => {
+          const C = kt.current;
+          !C || !c.currentTarget.contains(c.target) || !C.contains(c.target) && C.compareDocumentPosition(c.target) & Node.DOCUMENT_POSITION_FOLLOWING && Ht();
+        },
+        "aria-busy": fe || void 0,
+        className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+        children: [
+          T,
+          /* @__PURE__ */ v("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-sm)] ds:sm:grid-cols-2", children: [
+            /* @__PURE__ */ n(
+              Pe,
+              {
+                label: k("booking.details.firstName.label"),
+                required: !0,
+                error: G.firstName,
+                announceError: ue("firstName"),
+                children: /* @__PURE__ */ n(
+                  Lt,
+                  {
+                    autoComplete: "given-name",
+                    value: e.firstName ?? "",
+                    onChange: (c) => q({ firstName: c.target.value }),
+                    onBlur: () => ce("firstName")
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ n(
+              Pe,
+              {
+                label: k("booking.details.lastName.label"),
+                required: !0,
+                error: G.lastName,
+                announceError: ue("lastName"),
+                children: /* @__PURE__ */ n(
+                  Lt,
+                  {
+                    autoComplete: "family-name",
+                    value: e.lastName ?? "",
+                    onChange: (c) => q({ lastName: c.target.value }),
+                    onBlur: () => ce("lastName")
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ v(
+            "div",
+            {
+              className: `ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-sm)]${i ? "" : " ds:sm:grid-cols-2"}`,
+              children: [
+                !i && /* @__PURE__ */ n(
+                  Pe,
+                  {
+                    label: k("booking.details.email.label"),
+                    required: !0,
+                    error: G.email,
+                    announceError: ue("email"),
+                    children: /* @__PURE__ */ n(
+                      Qn,
+                      {
+                        value: e.email ?? "",
+                        onChange: (c) => q({ email: c.target.value }),
+                        onBlur: () => ce("email")
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ n(
+                  Pe,
+                  {
+                    label: k("booking.details.mobilePhone.label"),
+                    required: !0,
+                    error: G.mobilePhone,
+                    announceError: ue("mobilePhone"),
+                    children: /* @__PURE__ */ n(
+                      Xn,
+                      {
+                        value: e.mobilePhone ?? "",
+                        defaultCountry: O == null ? void 0 : O.toUpperCase(),
+                        onChange: (c) => {
+                          q({ mobilePhone: c }), ce("mobilePhone");
+                        }
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          ),
+          ke && !R || a ? /* @__PURE__ */ v("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-sm)] ds:sm:grid-cols-2", children: [
+            ke && !R ? Bt : null,
+            a ? /* @__PURE__ */ n(
+              Pe,
+              {
+                label: k("booking.details.dateOfBirth.label"),
+                required: !0,
+                error: G.dateOfBirth,
+                announceError: ue("dateOfBirth"),
+                children: /* @__PURE__ */ n(
+                  Zn,
+                  {
+                    value: e.dateOfBirth ? new Date(e.dateOfBirth) : void 0,
+                    onChange: (c) => {
+                      q({
+                        dateOfBirth: c ? c.toISOString().slice(0, 10) : void 0
+                      }), ce("dateOfBirth");
+                    }
+                  }
+                )
+              }
+            ) : null
+          ] }) : null,
+          He ? /* @__PURE__ */ n(
+            Pe,
+            {
+              label: k("booking.details.insuranceNumber.label"),
+              required: !0,
+              description: we.state === "pending" ? k("booking.details.insuranceNumber.checking") : void 0,
+              error: G.insuranceNumber,
+              announceError: ue("insuranceNumber"),
+              children: /* @__PURE__ */ n(
+                Lt,
+                {
+                  value: e.insuranceNumber ?? "",
+                  onChange: (c) => q({ insuranceNumber: c.target.value }),
+                  onBlur: () => ce("insuranceNumber")
+                }
+              )
+            }
+          ) : null,
+          R ? /* @__PURE__ */ v(
+            "div",
+            {
+              ref: kt,
+              "data-component": "booking-billing",
+              role: "group",
+              "aria-labelledby": `${j}-billing-heading`,
+              "aria-describedby": `${j}-billing-intro`,
+              className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:rounded-[var(--radius-md)] ds:border ds:border-[var(--border)] ds:p-[var(--spacing-sm)]",
+              onBlur: (c) => {
+                var W;
+                const C = (W = c.target.closest("[data-address-field]")) == null ? void 0 : W.getAttribute("data-address-field");
+                (C === "street" || C === "city" || C === "postcode") && ce(H[C]);
+              },
+              children: [
+                /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+                  /* @__PURE__ */ n(
+                    "h3",
+                    {
+                      id: `${j}-billing-heading`,
+                      className: "type-label ds:m-0 ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)]",
+                      children: k("booking.details.billing.heading")
+                    }
+                  ),
+                  /* @__PURE__ */ n(
+                    "p",
+                    {
+                      id: `${j}-billing-intro`,
+                      className: "type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]",
+                      children: k("booking.details.billing.intro")
+                    }
+                  )
+                ] }),
+                ke ? Bt : null,
+                /* @__PURE__ */ n(
+                  ts,
+                  {
+                    value: ae,
+                    onChange: (c) => {
+                      var C;
+                      return (
+                        // The name is set from the patient's own on submit.
+                        q({
+                          billing: fi(
+                            c,
+                            "",
+                            // A second line belongs to its street: it goes when the
+                            // patient writes another, and returns with the first.
+                            c.street.trim() === ((C = Ue.current) == null ? void 0 : C.street) ? Ue.current.line2 : null
+                          )
+                        })
+                      );
+                    },
+                    popularCountries: hi,
+                    layout: "grid",
+                    fields: Se ? void 0 : ["street", "city", "postcode"],
+                    required: Se ? ["country", "street", "city", "postcode", "province"] : ["country", "street", "city", "postcode"],
+                    errors: {
+                      country: G[H.country],
+                      street: G[H.street],
+                      city: G[H.city],
+                      postcode: G[H.postcode],
+                      province: G[H.province]
+                    },
+                    announceErrors: {
+                      country: ue(H.country),
+                      street: ue(H.street),
+                      city: ue(H.city),
+                      postcode: ue(H.postcode),
+                      province: ue(H.province)
+                    }
+                  }
+                )
+              ]
+            }
+          ) : null,
+          p ? /* @__PURE__ */ n(
+            Pe,
+            {
+              label: k("booking.details.note.label"),
+              description: k("booking.details.note.helper", {
+                max: pn
+              }),
+              children: /* @__PURE__ */ n(
+                es,
+                {
+                  value: e.note ?? "",
+                  maxLength: pn,
+                  rows: 3,
+                  onChange: (c) => q({ note: c.target.value })
+                }
+              )
+            }
+          ) : null,
+          f ? /* @__PURE__ */ n(
+            ft,
+            {
+              checked: !!e.returningPatient,
+              onCheckedChange: (c) => q({ returningPatient: c === !0 }),
+              label: k("booking.details.returningPatient.label")
+            }
+          ) : null,
+          ut !== void 0 ? /* @__PURE__ */ v(
+            "div",
+            {
+              "data-component": "booking-critical-information",
+              role: "group",
+              "aria-labelledby": `${j}-critical-information-heading`,
+              className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:rounded-[var(--radius-md)] ds:border ds:border-[var(--border)] ds:bg-[var(--muted)] ds:p-[var(--spacing-sm)]",
+              children: [
+                /* @__PURE__ */ n(
+                  "h3",
+                  {
+                    id: `${j}-critical-information-heading`,
+                    className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0",
+                    children: k("booking.details.criticalInformation.heading")
+                  }
+                ),
+                /* @__PURE__ */ n(
+                  "p",
+                  {
+                    dir: "auto",
+                    className: "type-body-sm ds:m-0 ds:whitespace-pre-wrap ds:break-words ds:text-[var(--foreground)]",
+                    children: li(ut).map(
+                      (c, C) => c.kind === "link" ? /* @__PURE__ */ n(
+                        "a",
+                        {
+                          href: c.href,
+                          target: "_blank",
+                          rel: "noopener noreferrer",
+                          dir: "ltr",
+                          className: Zt,
+                          children: c.text
+                        },
+                        C
+                      ) : /* @__PURE__ */ n(Un, { children: c.text }, C)
+                    )
+                  }
+                ),
+                /* @__PURE__ */ n(
+                  ft,
+                  {
+                    checked: !!e.criticalInformationAccepted,
+                    onCheckedChange: (c) => q({ criticalInformationAccepted: c === !0 }),
+                    "aria-required": !0,
+                    label: /* @__PURE__ */ v(pe, { children: [
+                      k("booking.details.criticalInformation.accept"),
+                      /* @__PURE__ */ n(
+                        "span",
+                        {
+                          "aria-hidden": "true",
+                          className: "ds:text-[var(--destructive)] ds:ms-[var(--spacing-2xs)]",
+                          children: "*"
+                        }
+                      )
+                    ] })
+                  }
+                )
+              ]
+            }
+          ) : null,
+          o ? /* @__PURE__ */ v(
+            "div",
+            {
+              "data-component": "booking-payment-notice",
+              role: "group",
+              "aria-labelledby": `${j}-payment-heading`,
+              "data-notice-style": E,
+              className: gi({
+                noticeStyle: E
+              }),
+              children: [
+                E === "highlighted" ? /* @__PURE__ */ v("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+                  /* @__PURE__ */ n("span", { className: "ds:flex ds:size-9 ds:shrink-0 ds:items-center ds:justify-center ds:rounded-full ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)]", children: /* @__PURE__ */ n(ns, { "aria-hidden": "true", className: "ds:size-5" }) }),
+                  /* @__PURE__ */ n(
+                    "h3",
+                    {
+                      id: `${j}-payment-heading`,
+                      className: "type-title-item ds:m-0 ds:flex-1",
+                      children: k("booking.payment.noticeTitle")
+                    }
+                  ),
+                  /* @__PURE__ */ n(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      className: "type-title-card ds:shrink-0 ds:text-[var(--foreground)]",
+                      children: ye
+                    }
+                  )
+                ] }) : /* @__PURE__ */ n(
+                  "h3",
+                  {
+                    id: `${j}-payment-heading`,
+                    className: "type-label ds:m-0",
+                    children: k("booking.payment.noticeTitle")
+                  }
+                ),
+                /* @__PURE__ */ n("p", { className: "type-body-sm ds:m-0", children: k("booking.payment.noticeBody", { amount: ye }) }),
+                je ? /* @__PURE__ */ n(
+                  "a",
+                  {
+                    href: je,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    className: "type-body-sm ds:inline-flex ds:items-center ds:self-start ds:min-h-[var(--min-target-size)] ds:rounded-[var(--radius-sm)] ds:underline ds:text-[var(--foreground)] ds:focus-visible:outline-solid ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+                    children: k("booking.payment.terms")
+                  }
+                ) : null,
+                /* @__PURE__ */ n(
+                  ft,
+                  {
+                    checked: rt,
+                    onCheckedChange: (c) => {
+                      Ot(
+                        c === !0 ? Le : void 0
+                      ), q({ paymentAccepted: c === !0 });
+                    },
+                    "aria-required": !0,
+                    label: /* @__PURE__ */ v(pe, { children: [
+                      k("booking.payment.accept", { amount: ye }),
+                      /* @__PURE__ */ n(
+                        "span",
+                        {
+                          "aria-hidden": "true",
+                          className: "ds:text-[var(--destructive)] ds:ms-[var(--spacing-2xs)]",
+                          children: "*"
+                        }
+                      )
+                    ] })
+                  }
+                )
+              ]
+            }
+          ) : null,
+          /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ n(
+              ft,
+              {
+                checked: !!e.privacyConsent,
+                onCheckedChange: (c) => q({ privacyConsent: c === !0 }),
+                "aria-required": !0,
+                label: /* @__PURE__ */ v(pe, { children: [
+                  Nt(
+                    "booking.details.consent.privacy.label",
+                    g
+                  ),
+                  /* @__PURE__ */ n(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      className: "ds:text-[var(--destructive)] ds:ms-[var(--spacing-2xs)]",
+                      children: "*"
+                    }
+                  )
+                ] })
+              }
+            ),
+            /* @__PURE__ */ n(
+              ft,
+              {
+                checked: !!e.termsConsent,
+                onCheckedChange: (c) => q({ termsConsent: c === !0 }),
+                "aria-required": !0,
+                label: /* @__PURE__ */ v(pe, { children: [
+                  Nt(
+                    "booking.details.consent.terms.label",
+                    h
+                  ),
+                  /* @__PURE__ */ n(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      className: "ds:text-[var(--destructive)] ds:ms-[var(--spacing-2xs)]",
+                      children: "*"
+                    }
+                  )
+                ] })
+              }
+            ),
+            l && ot ? /* @__PURE__ */ n(
+              ft,
+              {
+                checked: ze,
+                onCheckedChange: (c) => {
+                  Mt(
+                    c === !0 ? Fe : void 0
+                  ), q({ practiceConsentAccepted: c === !0 });
+                },
+                "aria-required": l.required || void 0,
+                label: /* @__PURE__ */ v(pe, { children: [
+                  _t(l.url) ? /* @__PURE__ */ n(
+                    "a",
+                    {
+                      dir: "auto",
+                      href: _t(l.url),
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      className: Zt,
+                      children: l.label
+                    }
+                  ) : /* @__PURE__ */ n("span", { dir: "auto", children: l.label }),
+                  l.required ? /* @__PURE__ */ n(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      className: "ds:text-[var(--destructive)] ds:ms-[var(--spacing-2xs)]",
+                      children: "*"
+                    }
+                  ) : null
+                ] })
+              }
+            ) : null
+          ] }),
+          xe ? /* @__PURE__ */ n(
+            "div",
+            {
+              "data-component": "booking-confirmation-channels",
+              "data-unanswered": Y || void 0,
+              className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+              children: D ? /* @__PURE__ */ n(
+                Yn,
+                {
+                  variant: "horizontal",
+                  label: k("booking.confirmation.heading"),
+                  value: $[0] ?? "",
+                  onValueChange: (c) => q({
+                    confirmationChannels: [c]
+                  }),
+                  error: Y ? k("booking.confirmation.atLeastOne") : void 0,
+                  children: Re.map((c) => /* @__PURE__ */ n(
+                    Wn,
+                    {
+                      value: c,
+                      label: k(`booking.confirmation.channel.${c}`)
+                    },
+                    c
+                  ))
+                }
+              ) : /* @__PURE__ */ n(
+                Jn,
+                {
+                  label: k("booking.confirmation.heading"),
+                  helperText: k("booking.confirmation.helper"),
+                  value: $,
+                  onChange: (c) => q({
+                    confirmationChannels: c
+                  }),
+                  orientation: "vertical",
+                  options: Re.map((c) => ({
+                    value: c,
+                    label: k(`booking.confirmation.channel.${c}`)
+                  })),
+                  error: Y ? k("booking.confirmation.atLeastOne") : void 0
+                }
+              )
+            }
+          ) : null,
+          z || qe || b ? /* @__PURE__ */ n(te, { variant: "error", children: /* @__PURE__ */ n(te.Description, { children: z ?? k(
+            b ? "booking.payment.unavailable" : "booking.payment.submitFailed"
+          ) }) }) : null,
+          /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            mt ? /* @__PURE__ */ n(
+              "p",
+              {
+                id: Je,
+                "data-slot": "submit-hint",
+                className: "type-body-sm ds:m-0 ds:text-[var(--muted-foreground)]",
+                children: k("booking.details.submitHint")
+              }
+            ) : null,
+            /* @__PURE__ */ n(
+              Ye,
+              {
+                intent: "primary",
+                size: "md",
+                type: "submit",
+                disabled: fe || b,
+                "aria-disabled": !pt || void 0,
+                "aria-describedby": mt ? Je : void 0,
+                startIcon: fe ? /* @__PURE__ */ n(yn, { variant: "pulse", size: "sm" }) : void 0,
+                children: o ? k("booking.payment.submit", { amount: ye }) : k("booking.details.submit")
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+rn.displayName = "BookingDetailsForm";
+const Tt = [
+  "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(" ");
+function ki({
+  length: e = 5,
+  onVerify: t,
+  onResend: s,
+  resendSeconds: i = 60,
+  phoneHint: r,
+  onVerified: a
+}) {
+  const { t: d, i18n: m } = Q("ui"), p = vt(), f = vt(), g = F(null), h = F(null), l = F(null), o = F(!1), y = F(!1), [b, S] = Z(null), [E, I] = Z(!1), [N, x] = Z(null), [M, T] = Z(
+    null
+  ), [O, u] = Z(0), w = Number.isFinite(i) ? Math.max(0, Math.ceil(i)) : 60, [D, z] = Z(
+    () => Date.now() + w * 1e3
+  ), [U, k] = Z(w), _ = N === "too-many-attempts";
+  K(() => (o.current = !0, () => {
+    o.current = !1;
+  }), []), K(() => {
+    var J;
+    (J = h.current) == null || J.focus();
+  }, [O]), K(() => {
+    var re, he;
+    if (b || !_ && M !== "resend") return;
+    const J = document.activeElement, ne = (re = g.current) == null ? void 0 : re.closest("section");
+    J && J !== document.body && !(ne != null && ne.contains(J)) || (l.current && !l.current.disabled ? l.current.focus() : (he = g.current) == null || he.focus());
+  }, [b, _, M]), K(() => {
+    if (U === 0) return;
+    const J = setTimeout(() => {
+      k(Math.max(0, Math.ceil((D - Date.now()) / 1e3)));
+    }, 1e3);
+    return () => clearTimeout(J);
+  }, [D, U]);
+  const j = async (J) => {
+    if (!(y.current || _)) {
+      y.current = !0, S("verify"), I(!1), x(null), T(null);
+      try {
+        const ne = await t(J);
+        if (!o.current) return;
+        ne.ok ? a() : (x(ne.reason), ne.reason !== "too-many-attempts" && u((re) => re + 1));
+      } catch {
+        if (!o.current) return;
+        T("verify"), u((ne) => ne + 1);
+      } finally {
+        y.current = !1, o.current && S(null);
+      }
+    }
+  }, me = async () => {
+    if (!(y.current || Date.now() < D)) {
+      y.current = !0, S("resend"), I(!1), T(null);
+      try {
+        if (await s(), !o.current) return;
+        z(Date.now() + w * 1e3), k(w), x(null), I(!0), u((J) => J + 1);
+      } catch {
+        o.current && T("resend");
+      } finally {
+        y.current = !1, o.current && S(null);
+      }
+    }
+  }, P = N === "wrong" ? d("booking.code.wrong") : N === "expired" ? d("booking.code.expired") : _ ? d("booking.code.tooManyAttempts") : void 0;
+  return /* @__PURE__ */ v(
+    "section",
+    {
+      "aria-labelledby": p,
+      "data-component": "booking-code-step",
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+      children: [
+        /* @__PURE__ */ n(
+          "h3",
+          {
+            ref: g,
+            id: p,
+            tabIndex: -1,
+            className: `type-title-card ds:m-0 ${Tt}`,
+            children: d("booking.code.heading")
+          }
+        ),
+        /* @__PURE__ */ n("p", { id: f, className: "type-body ds:m-0", children: r ? /* @__PURE__ */ n(
+          bn,
+          {
+            t: d,
+            ns: "ui",
+            i18nKey: "booking.code.instructionWithPhone",
+            values: { phone: r },
+            components: { phone: /* @__PURE__ */ n("bdi", {}) }
+          }
+        ) : d("booking.code.instruction") }),
+        /* @__PURE__ */ n(Pe, { label: d("booking.code.label"), error: P, children: /* @__PURE__ */ n("div", { dir: "ltr", children: /* @__PURE__ */ n(
+          ss,
+          {
+            ref: h,
+            length: e,
+            mode: "alphanumeric",
+            "aria-describedby": f,
+            disabled: !!b || _,
+            onComplete: j
+          },
+          O
+        ) }) }),
+        M ? /* @__PURE__ */ n(te, { variant: "error", children: /* @__PURE__ */ n(te.Description, { children: d(M === "verify" ? "booking.code.verifyFailed" : "booking.code.resendFailed") }) }) : null,
+        /* @__PURE__ */ n("p", { role: "status", className: "type-body ds:m-0", children: b === "verify" ? d("booking.code.verifying") : E ? d("booking.code.resent") : null }),
+        /* @__PURE__ */ n(
+          Ye,
+          {
+            ref: l,
+            type: "button",
+            intent: "secondary",
+            className: "ds:self-start",
+            disabled: U > 0 || !!b,
+            loading: b === "resend",
+            onClick: me,
+            children: U > 0 ? d("booking.code.resendCountdown", {
+              seconds: new Intl.NumberFormat(m.language).format(U)
+            }) : d("booking.code.resend")
+          }
+        )
+      ]
+    }
+  );
+}
+function En(e) {
+  const t = e.payment;
+  if (!t) return;
+  const s = (t.currencyCode ?? "EUR").toUpperCase();
+  if (!(!Number.isSafeInteger(t.amountCents) || t.amountCents <= 0 || !["full", "deposit"].includes(t.kind) || !/^[A-Z]{3}$/.test(s)))
+    return {
+      serviceId: e.id,
+      kind: t.kind,
+      amountCents: t.amountCents,
+      currencyCode: s
+    };
+}
+function Si(e) {
+  var r;
+  const t = (r = e.priceLabel) != null && r.trim() ? e.priceLabel : void 0, s = t ? { label: t } : void 0;
+  if (!e.payment) return { price: s };
+  const i = En(e);
+  return i ? {
+    price: s ?? (i.kind === "full" ? { amount: i } : void 0),
+    payment: i
+  } : { price: s, payment: "unavailable" };
+}
+function xi(e, t, s) {
+  const i = e.filter(
+    (a) => t.includes(a.id)
+  ), r = (s == null ? void 0 : s.serviceId) ?? (t.length === 1 ? t[0] : void 0);
+  if (r) {
+    const a = i.find((m) => m.id === r);
+    if (!a) return { blocked: !0 };
+    const d = En(a);
+    return { payment: d, blocked: !!(a.payment && !d) };
+  }
+  return { blocked: i.some((a) => !!a.payment) };
+}
+function Vt(e) {
+  return e ? JSON.stringify([
+    e.serviceId,
+    e.kind,
+    e.amountCents,
+    e.currencyCode
+  ]) : "";
+}
+function Ii({
+  services: e,
+  value: t,
+  availableSlots: s,
+  onSubmit: i,
+  onChange: r,
+  paymentState: a,
+  submitting: d,
+  paymentTermsUrl: m,
+  renderPayment: p,
+  codeStep: f
+}) {
+  var ne, re, he;
+  const g = JSON.stringify([
+    t.insuranceType,
+    t.specialtyId,
+    t.specialtyIds,
+    $e(t),
+    t.operatorId,
+    t.operatorIds,
+    t.date,
+    t.slotKey
+  ]), h = F(
+    void 0
+  ), o = (t.date ? (ne = s[t.date]) == null ? void 0 : ne.find((X) => X.key === t.slotKey) : void 0) ?? (((re = h.current) == null ? void 0 : re.selection) === g ? h.current.slot : void 0), y = xi(
+    e,
+    $e(t),
+    o
+  ), b = y.blocked || !!(y.payment && !p), S = JSON.stringify([
+    g,
+    o == null ? void 0 : o.serviceId,
+    Vt(y.payment),
+    m,
+    b
+  ]), E = y.payment ? JSON.stringify([Vt(y.payment), m]) : "", I = F(void 0), N = !!((he = t.details) != null && he.paymentAccepted);
+  K(() => {
+    if (!N) I.current = void 0;
+    else if (E) I.current === void 0 ? I.current = E : I.current !== E && (I.current = void 0, r({
+      ...t,
+      details: { ...t.details, paymentAccepted: !1 }
+    }));
+    else return;
+  }, [N, E, r, t]);
+  const x = F(S);
+  x.current = S;
+  const [M, T] = Z({ status: "idle" }), O = F(0), u = F(!1), w = F(!0), D = F(!1), z = F(void 0), U = F(S);
+  K(() => (w.current = !0, () => {
+    w.current = !1, O.current += 1;
+  }), []);
+  const k = M.status === "payment" || M.status === "code" || M.status === "success";
+  K(() => {
+    U.current === S || D.current || k || (U.current = S, O.current += 1, u.current = !1, T({ status: "idle" }));
+  }, [S, k]);
+  const _ = k || U.current === S ? M.session : void 0, j = L(
+    () => _ && (a == null ? void 0 : a.sessionId) === _.id ? a : _ ? { sessionId: _.id, status: "ready" } : void 0,
+    [_, a]
+  );
+  _ && j && "phase" in j && j.phase === "completion" && (z.current = _.id);
+  const me = L(
+    () => _ && z.current === _.id && j && j.status !== "paid" && (!("phase" in j) || j.phase !== "completion") ? {
+      sessionId: _.id,
+      status: "processing",
+      phase: "completion"
+    } : j,
+    [_, j]
+  );
+  K(() => {
+    !_ || !me || D.current || (me.status === "paid" ? (D.current = !0, T((X) => ({
+      ...X,
+      status: X.codeStep ? "code" : "success"
+    }))) : me.status === "cancelled" && (O.current += 1, u.current = !1, h.current = void 0, r({
+      ...t,
+      details: { ...t.details, paymentAccepted: !1 }
+    }), T({ status: "idle", cancelled: !0 })));
+  }, [_, me, r, t]);
+  const P = () => {
+    O.current += 1, u.current = !1, D.current = !1, z.current = void 0, h.current = void 0, U.current = x.current, T({ status: "idle" });
+  }, J = async (X) => {
+    var Oe, oe, Me, ce, Be;
+    if (!(o != null && o.available) || b || d || u.current || M.status === "payment" || D.current || y.payment && !X.paymentAccepted) return;
+    u.current = !0;
+    const qe = f ? { ...f } : void 0;
+    h.current = { selection: g, slot: { ...o } };
+    const ve = ++O.current, fe = S;
+    U.current = fe;
+    const se = {
+      slot: { ...o, meta: o.meta ? { ...o.meta } : void 0 },
+      value: {
+        ...t,
+        serviceIds: (Oe = t.serviceIds) == null ? void 0 : Oe.slice(),
+        specialtyIds: (oe = t.specialtyIds) == null ? void 0 : oe.slice(),
+        operatorIds: (Me = t.operatorIds) == null ? void 0 : Me.slice(),
+        operatorId: Mn(t) ?? t.operatorId,
+        details: { ...X }
+      },
+      details: {
+        ...X,
+        confirmationChannels: (ce = X.confirmationChannels) == null ? void 0 : ce.slice()
+      },
+      ...y.payment ? { payment: { ...y.payment } } : {}
+    }, be = () => w.current && O.current === ve && x.current === fe;
+    T({ status: "submitting" });
+    let we = !1;
+    try {
+      const Ce = await i(se);
+      if (!be()) return;
+      if (se.payment) {
+        const ie = Ce == null ? void 0 : Ce.paymentSession;
+        if (!((Be = ie == null ? void 0 : ie.id) != null && Be.trim()) || Vt(ie.payment) !== Vt(se.payment)) {
+          T({ status: "error" });
+          return;
+        }
+        we = !0, T({
+          status: "payment",
+          snapshot: se,
+          session: { id: ie.id, payment: { ...ie.payment } },
+          codeStep: qe
+        });
+      } else Ce != null && Ce.paymentSession ? T({ status: "error" }) : (D.current = !0, T({
+        status: qe ? "code" : "success",
+        snapshot: se,
+        codeStep: qe
+      }));
+    } catch {
+      be() && T({ status: "error" });
+    } finally {
+      be() && !we && (u.current = !1);
+    }
+  };
+  return {
+    ...M,
+    payment: y.payment,
+    blocked: b,
+    state: me,
+    activeSession: _,
+    submit: J,
+    reset: P,
+    completeCode: () => {
+      T(
+        (X) => X.status === "code" ? { ...X, status: "success", codeVerified: !0 } : X
+      );
+    }
+  };
+}
+const Ni = Dt(
+  "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" }
+  }
+), wi = [
+  [
+    /\b(estetic|aesthetic|botox|filler|mesoterap|chirurgia\s*plastic)/i,
+    ln
+  ],
+  [/\b(cardio|ecg|elettrocardio|ecocardio|cuore|heart)/i, vs],
+  [/\b(dent|odonto|tooth|teeth|pulizia|igien|smile)/i, $s],
+  [/\b(oftalmo|ocul|ophthal|vision|occhi|eye)/i, bs],
+  [/\b(otorin|udito|orecchi|hearing|ear)/i, Fs],
+  [/\b(neuro|brain|cervello)/i, Ts],
+  [/\b(pediatr|child|bambin)/i, ys],
+  [/\b(ortop|ortho|osteo|skeleton|ossa|bone)/i, Cs],
+  [/\b(lab|analis|test|sang|esami)/i, Bs],
+  [/\b(farmaco|pharm|pillol|refill)/i, Rs],
+  [/\b(chirurg|surg|intervent|operat)/i, Ps],
+  [/\b(scan|rx|x-?ray|raggi|imag|radio|risonan|ecograf|ultras)/i, ks],
+  [/\b(vacc|inject|inie|punto)/i, ln],
+  [/\b(derma|skin|pelle)/i, Ss],
+  [/\b(prima\s*visit|first\s*visit|consult|consulto|valutaz)/i, xs],
+  [/\b(general|medicin|family|control|check[-\s]?up)/i, Ns]
+];
+function Ci(e) {
+  for (const [t, s] of wi)
+    if (t.test(e)) return s;
+  return null;
+}
+function Ai(e) {
+  const t = Ci(e.label) ?? hs;
+  return /* @__PURE__ */ n(t, { "aria-hidden": "true", className: "ds:size-5" });
+}
+function Bn() {
+  const { t: e, i18n: t } = Q("ui");
+  return (s) => {
+    const i = Si(s), r = (d) => zt(d.amountCents, d.currencyCode, t.language), a = i.price ? "label" in i.price ? i.price.label : r(i.price.amount) : void 0;
+    return i.payment === "unavailable" ? {
+      price: a,
+      payment: e("booking.payment.unavailable"),
+      paymentTone: "error"
+    } : {
+      price: a,
+      payment: i.payment ? e(`booking.payment.${i.payment.kind}`, {
+        amount: r(i.payment)
+      }) : void 0,
+      paymentTone: "default"
+    };
+  };
+}
+function st(e) {
+  return qt(e, "yyyy-MM-dd");
+}
+const Ti = [
+  "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(" "), Di = Dt(Ti, {
+  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 Oi({
+  availableDates: e,
+  selectedDate: t,
+  onSelectDate: s,
+  locale: i,
+  loading: r
+}) {
+  const { t: a } = Q("ui"), d = L(() => t ? At(Ie(t)) : e.length > 0 ? At(Ie(e[0])) : At(/* @__PURE__ */ new Date()), [t, e]), [m, p] = Z(d), [f, g] = Z(null), h = L(() => {
+    const I = At(m), N = ls(m), x = I.getDay(), M = N.getDate(), T = [];
+    for (let O = x; O > 0; O -= 1) {
+      const u = new Date(I);
+      u.setDate(I.getDate() - O), T.push(u);
+    }
+    for (let O = 0; O < M; O += 1) {
+      const u = new Date(I);
+      u.setDate(I.getDate() + O), T.push(u);
+    }
+    for (; T.length < 42; ) {
+      const O = T[T.length - 1], u = new Date(O);
+      u.setDate(O.getDate() + 1), T.push(u);
+    }
+    return T;
+  }, [m]), l = L(() => {
+    try {
+      return new Intl.DateTimeFormat(i, {
+        month: "long",
+        year: "numeric"
+      }).format(m);
+    } catch {
+      return qt(m, "MMMM yyyy");
+    }
+  }, [m, i]), o = L(() => {
+    const I = new Date(2024, 0, 7);
+    return Array.from({ length: 7 }, (N, x) => {
+      const M = new Date(I);
+      M.setDate(I.getDate() + x);
+      try {
+        return new Intl.DateTimeFormat(i, { weekday: "short" }).format(M);
+      } catch {
+        return qt(M, "EEE");
+      }
+    });
+  }, [i]), y = L(() => new Set(e), [e]), b = Ne(
+    (I) => y.has(st(I)),
+    [y]
+  ), S = L(() => {
+    if (f) return f;
+    if (t) return Ie(t);
+    const I = h.find(
+      (N) => Rt(N, m) && b(N)
+    );
+    return I || (h.find((N) => Rt(N, m)) ?? null);
+  }, [f, t, h, m, b]), E = Ne(
+    (I, N) => {
+      let x = null;
+      switch (I.key) {
+        case "ArrowLeft":
+          x = new Date(N), x.setDate(N.getDate() - 1);
+          break;
+        case "ArrowRight":
+          x = new Date(N), x.setDate(N.getDate() + 1);
+          break;
+        case "ArrowUp":
+          x = new Date(N), x.setDate(N.getDate() - 7);
+          break;
+        case "ArrowDown":
+          x = new Date(N), x.setDate(N.getDate() + 7);
+          break;
+        case "Home":
+          x = new Date(N), x.setDate(N.getDate() - N.getDay());
+          break;
+        case "End":
+          x = new Date(N), x.setDate(N.getDate() + (6 - N.getDay()));
+          break;
+        case "Enter":
+        case " ": {
+          I.preventDefault(), b(N) && s(st(N));
+          return;
+        }
+        default:
+          return;
+      }
+      x && (I.preventDefault(), Rt(x, m) || p(At(x)), g(x));
+    },
+    [b, s, m]
+  );
+  return r ? /* @__PURE__ */ v(
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      "aria-label": a("common.loading"),
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+      children: [
+        /* @__PURE__ */ n(Kt, { variant: "text", width: "40%" }),
+        /* @__PURE__ */ n("div", { className: "ds:grid ds:grid-cols-7 ds:gap-[var(--spacing-2xs)]", children: Array.from({ length: 42 }, (I, N) => /* @__PURE__ */ n(Kt, { variant: "rounded", height: "2.5rem" }, `mg-skel-${N}`)) })
+      ]
+    }
+  ) : /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ v("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ n(
+        cn,
+        {
+          icon: /* @__PURE__ */ n(ps, {}),
+          "aria-label": a("booking.previousMonth"),
+          size: "sm",
+          intent: "ghost",
+          flipIconInRtl: !0,
+          onClick: () => {
+            p((I) => js(I)), g(null);
+          }
+        }
+      ),
+      /* @__PURE__ */ n(
+        "span",
+        {
+          className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)]",
+          "aria-live": "polite",
+          children: l
+        }
+      ),
+      /* @__PURE__ */ n(
+        cn,
+        {
+          icon: /* @__PURE__ */ n(ms, {}),
+          "aria-label": a("booking.nextMonth"),
+          size: "sm",
+          intent: "ghost",
+          flipIconInRtl: !0,
+          onClick: () => {
+            p((I) => xn(I, 1)), g(null);
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ v(
+      "div",
+      {
+        role: "grid",
+        "aria-label": a("booking.monthGridLabel"),
+        className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
+        children: [
+          /* @__PURE__ */ n(
+            "div",
+            {
+              role: "row",
+              className: "ds:grid ds:grid-cols-7 ds:gap-[var(--spacing-2xs)]",
+              children: o.map((I, N) => /* @__PURE__ */ n(
+                "div",
+                {
+                  role: "columnheader",
+                  className: "type-meta ds:text-center ds:text-[var(--muted-foreground)] ds:font-[var(--font-weight-medium)]",
+                  children: I
+                },
+                `wd-${N}`
+              ))
+            }
+          ),
+          Array.from({ length: 6 }, (I, N) => /* @__PURE__ */ n(
+            "div",
+            {
+              role: "row",
+              className: "ds:grid ds:grid-cols-7 ds:gap-[var(--spacing-2xs)]",
+              children: h.slice(N * 7, N * 7 + 7).map((x, M) => {
+                const T = N * 7 + M, O = Rt(x, m), u = O && b(x), w = t ? dn(x, Ie(t)) : !1, D = O ? w ? "selected" : u ? "available" : "unavailable" : "outside", z = S ? dn(S, x) : !1, U = (() => {
+                  try {
+                    return new Intl.DateTimeFormat(i, {
+                      dateStyle: "full"
+                    }).format(x);
+                  } catch {
+                    return qt(x, "PPP");
+                  }
+                })();
+                return /* @__PURE__ */ n(
+                  "button",
+                  {
+                    type: "button",
+                    role: "gridcell",
+                    "aria-label": U,
+                    "aria-selected": w || void 0,
+                    "aria-disabled": !u || void 0,
+                    tabIndex: z ? 0 : -1,
+                    disabled: !u,
+                    onClick: () => {
+                      u && s(st(x));
+                    },
+                    onKeyDown: (k) => E(k, x),
+                    className: Di({ state: D }),
+                    children: /* @__PURE__ */ n("span", { "aria-hidden": "true", children: x.getDate() })
+                  },
+                  `mg-cell-${T}`
+                );
+              })
+            },
+            `mg-row-${N}`
+          ))
+        ]
+      }
+    )
+  ] });
+}
+const Mi = Dt(
+  [
+    "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 Fi({
+  services: e,
+  selectedServiceId: t,
+  onSelect: s,
+  showDuration: i
+}) {
+  const { t: r } = Q("ui"), a = Bn(), d = vt(), [m, p] = Z(() => {
+    if (t) {
+      const l = e.findIndex((o) => o.id === t);
+      if (l >= 0) return l;
+    }
+    return 0;
+  }), f = F(/* @__PURE__ */ new Map()), g = Ne((l) => {
+    var o;
+    (o = f.current.get(l)) == null || o.focus();
+  }, []), h = Ne(
+    (l, o, y) => {
+      const b = e.length;
+      if (b !== 0)
+        switch (l.key) {
+          case "ArrowDown":
+          case "ArrowRight": {
+            l.preventDefault();
+            const S = (o + 1) % b;
+            p(S), g(S);
+            break;
+          }
+          case "ArrowUp":
+          case "ArrowLeft": {
+            l.preventDefault();
+            const S = (o - 1 + b) % b;
+            p(S), g(S);
+            break;
+          }
+          case "Home": {
+            l.preventDefault(), p(0), g(0);
+            break;
+          }
+          case "End": {
+            l.preventDefault();
+            const S = b - 1;
+            p(S), g(S);
+            break;
+          }
+          case "Enter":
+          case " ": {
+            l.preventDefault(), s(y);
+            break;
+          }
+        }
+    },
+    [e.length, g, s]
+  );
+  return e.length === 0 ? null : /* @__PURE__ */ n(
+    "div",
+    {
+      role: "radiogroup",
+      "aria-label": r("booking.serviceListLabel"),
+      id: d,
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+      children: e.map((l, o) => {
+        const y = t === l.id, b = m === o, { price: S, payment: E, paymentTone: I } = a(l), N = S ? E ? r("booking.serviceCardLabelPayment", {
+          label: l.label,
+          price: S,
+          payment: E
+        }) : r("booking.serviceCardLabelPrice", {
+          label: l.label,
+          price: S
+        }) : E ? r("booking.serviceCardLabelPaymentNoPrice", {
+          label: l.label,
+          payment: E
+        }) : i ? r("booking.serviceCardLabel", {
+          label: l.label,
+          duration: l.durationMin
+        }) : l.label, x = Ai(l);
+        return /* @__PURE__ */ v(
+          "button",
+          {
+            ref: (M) => {
+              M ? f.current.set(o, M) : f.current.delete(o);
+            },
+            type: "button",
+            role: "radio",
+            "aria-checked": y,
+            "aria-label": N,
+            tabIndex: b ? 0 : -1,
+            onClick: () => s(l.id),
+            onFocus: () => p(o),
+            onKeyDown: (M) => h(M, o, l.id),
+            className: Mi({
+              state: y ? "selected" : "idle"
+            }),
+            children: [
+              /* @__PURE__ */ n(
+                "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: x
+                }
+              ),
+              /* @__PURE__ */ v("span", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+                /* @__PURE__ */ n(
+                  "span",
+                  {
+                    dir: "auto",
+                    className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:break-words",
+                    children: l.label
+                  }
+                ),
+                E ? /* @__PURE__ */ n(
+                  "span",
+                  {
+                    className: is({ tone: I }),
+                    children: E
+                  }
+                ) : S || !i ? null : /* @__PURE__ */ n("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: r("booking.serviceSummary", {
+                  minutes: l.durationMin
+                }) })
+              ] }),
+              S ? /* @__PURE__ */ n(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: "ds:inline-flex ds:shrink-0 ds:items-center ds:ms-auto",
+                  children: /* @__PURE__ */ n(kn, { variant: "accentSoft", size: "lg", children: S })
+                }
+              ) : null
+            ]
+          },
+          l.id
+        );
+      })
+    }
+  );
+}
+const Ei = Dt(
+  [
+    "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 Bi(e) {
+  const [t] = e.split(":").map((i) => parseInt(i, 10)), s = Number.isFinite(t) ? t : 0;
+  return s < 12 ? "morning" : s < 17 ? "afternoon" : "evening";
+}
+const Li = {
+  morning: gs,
+  afternoon: Ks,
+  evening: fs
+};
+function Ri({
+  date: e,
+  slots: t,
+  selectedSlotKey: s,
+  onSelect: i,
+  loading: r,
+  locale: a
+}) {
+  const { t: d } = Q("ui"), m = L(() => {
+    try {
+      return new Intl.DateTimeFormat(a, {
+        weekday: "long",
+        day: "numeric",
+        month: "long"
+      }).format(Ie(e));
+    } catch {
+      return e;
+    }
+  }, [e, a]), p = L(() => {
+    const h = {
+      morning: [],
+      afternoon: [],
+      evening: []
+    };
+    for (const l of t)
+      h[Bi(l.time)].push(l);
+    return h;
+  }, [t]), f = t.filter((h) => h.available).length, g = ["morning", "afternoon", "evening"];
+  return r ? /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ n(Kt, { variant: "text", width: "60%" }),
+    [0, 1].map((h) => /* @__PURE__ */ n(
+      "div",
+      {
+        className: "ds:grid ds:grid-cols-3 ds:gap-[var(--spacing-xs)]",
+        children: [0, 1, 2].map((l) => /* @__PURE__ */ n(Kt, { variant: "rounded", height: "44px" }, l))
+      },
+      h
+    ))
+  ] }) : f === 0 ? /* @__PURE__ */ n(Sn, { variant: "no-results", title: d("booking.noSlotsForDate") }) : /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ v("div", { className: "ds:flex ds:items-baseline ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ v("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+        /* @__PURE__ */ n(
+          Os,
+          {
+            "aria-hidden": "true",
+            className: "ds:size-4 ds:text-[color:var(--accent)]"
+          }
+        ),
+        /* @__PURE__ */ n("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: m })
+      ] }),
+      /* @__PURE__ */ n("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: d("booking.slotsAvailable", { count: f }) })
+    ] }),
+    g.map((h) => {
+      const l = p[h];
+      if (l.length === 0) return null;
+      const o = Li[h];
+      return /* @__PURE__ */ v(
+        "div",
+        {
+          className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+          children: [
+            /* @__PURE__ */ v("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]", children: [
+              /* @__PURE__ */ n(o, { "aria-hidden": "true", className: "ds:size-3.5" }),
+              /* @__PURE__ */ n("span", { className: "type-meta ds:font-[var(--font-weight-semibold)] ds:uppercase", children: d(`booking.timeOfDay.${h}`) })
+            ] }),
+            /* @__PURE__ */ n(
+              "div",
+              {
+                role: "group",
+                "aria-label": d(`booking.timeOfDay.${h}`),
+                className: "ds:grid ds:grid-cols-3 ds:gap-[var(--spacing-xs)] ds:sm:grid-cols-4",
+                children: l.map((y) => {
+                  const b = y.key === s, S = y.available ? b ? "selected" : "idle" : "unavailable";
+                  return /* @__PURE__ */ n(
+                    "button",
+                    {
+                      type: "button",
+                      "data-slot-id": y.key,
+                      disabled: !y.available,
+                      "aria-pressed": b,
+                      "aria-label": d("booking.slotAvailableLabel", {
+                        time: y.time
+                      }),
+                      onClick: () => y.available && i(y),
+                      className: Ei({ state: S }),
+                      children: y.time
+                    },
+                    y.key
+                  );
+                })
+              }
+            )
+          ]
+        },
+        h
+      );
+    })
+  ] });
+}
+const $t = 4;
+function _i({
+  availableDates: e,
+  availableSlots: t,
+  value: s,
+  onChange: i,
+  onDateSelect: r,
+  onWindowChange: a,
+  loadingDates: d,
+  loadingSlots: m,
+  locale: p,
+  agentIdBase: f
+}) {
+  const g = L(() => gt(/* @__PURE__ */ new Date()), []), [h, l] = Z(() => {
+    if (s.date) {
+      const u = gt(Ie(s.date));
+      if (!ht(g, u)) return u;
+    }
+    if (e.length > 0) {
+      const u = gt(Ie(e[0]));
+      if (ht(u, g)) return u;
+    }
+    return g;
+  }), o = L(
+    () => Yt(h, $t - 1),
+    [h]
+  ), y = L(() => Array.from({ length: $t }, (u, w) => {
+    const D = Yt(h, w), z = st(D), k = (t[z] ?? []).map((_) => ({
+      id: _.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: `${z}T${_.time}:00`,
+      available: _.available
+    }));
+    return { date: z, slots: k };
+  }), [h, t]), b = ht(h, g), S = !0, E = Ne(() => {
+    l((u) => {
+      const w = us(u, $t);
+      return ht(g, w) ? g : w;
+    });
+  }, [g]), I = Ne(() => {
+    l((u) => Yt(u, $t));
+  }, []);
+  K(() => {
+    if (e.length === 0) return;
+    const u = gt(Ie(e[0]));
+    !ht(u, g) || e.some((D) => {
+      const z = gt(Ie(D));
+      return !ht(z, o) && !ds(z, h);
+    }) || l(u);
+  }, [e]), K(() => {
+    a == null || a(st(h), st(o));
+  }, [h, o, a]);
+  const N = Ne(
+    (u, w) => {
+      const D = typeof w.date == "string" ? w.date : st(w.date);
+      i({
+        ...On(Ut(s, D), u.id)
+      }), r == null || r(D);
+    },
+    [i, r, s]
+  ), x = d || m ? "loading" : "default", M = y.some((u) => u.slots.length > 0), T = e[0];
+  return /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    x !== "loading" && !M && !!T ? /* @__PURE__ */ n(
+      on,
+      {
+        nextAvailableDate: T,
+        onJump: () => l(gt(Ie(T))),
+        locale: p
+      }
+    ) : null,
+    /* @__PURE__ */ n(
+      as,
+      {
+        id: f ? `${f}-slots` : void 0,
+        days: y,
+        state: x,
+        selectedSlotId: s.slotKey,
+        maxInitialSlotsPerDay: 6,
+        locale: p,
+        hasPrevious: b,
+        hasNext: S,
+        onSlotSelect: N,
+        onPreviousDays: E,
+        onNextDays: I
+      }
+    )
+  ] });
+}
+function Ln(e) {
+  const {
+    inputs: t,
+    value: s,
+    onChange: i,
+    onDateSelect: r,
+    onWindowChange: a,
+    loadingDates: d,
+    loadingSlots: m,
+    locale: p,
+    datePickerStyle: f,
+    agentIdBase: g
+  } = e;
+  return f === "four-day-grid" ? /* @__PURE__ */ n(
+    _i,
+    {
+      availableDates: t.availableDates,
+      availableSlots: t.availableSlots,
+      value: s,
+      onChange: i,
+      onDateSelect: r,
+      onWindowChange: a,
+      loadingDates: d,
+      loadingSlots: m,
+      locale: p,
+      agentIdBase: g
+    }
+  ) : /* @__PURE__ */ n(
+    Oi,
+    {
+      availableDates: t.availableDates,
+      selectedDate: s.date,
+      onSelectDate: (h) => {
+        i(Ut(s, h)), r == null || r(h);
+      },
+      locale: p,
+      loading: d ?? m
+    }
+  );
+}
+function Rn(e) {
+  const { inputs: t, value: s, onChange: i, loadingSlots: r, locale: a, datePickerStyle: d } = e;
+  return d === "four-day-grid" || !s.date ? null : /* @__PURE__ */ n(
+    Ri,
+    {
+      date: s.date,
+      slots: t.availableSlots[s.date] ?? [],
+      selectedSlotKey: s.slotKey,
+      onSelect: (m) => i(On(s, m.key)),
+      loading: r,
+      locale: a
+    }
+  );
+}
+function _n({ value: e, onChange: t }) {
+  const { t: s } = Q("ui"), i = [
+    { value: "private", label: s("booking.insurance.private") },
+    { value: "public", label: s("booking.insurance.public") }
+  ];
+  return /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ n("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: s("booking.insurance.heading") }),
+    /* @__PURE__ */ n(
+      jt,
+      {
+        options: i,
+        value: e ?? "",
+        onValueChange: (r) => {
+          (r === "private" || r === "public") && t(r);
+        },
+        placeholder: s("booking.insurance.placeholder"),
+        "aria-label": s("booking.insurance.heading")
+      }
+    )
+  ] });
+}
+function Pn({
+  specialties: e,
+  value: t,
+  valueIds: s,
+  onChange: i,
+  onChangeIds: r,
+  pickerStyle: a = "select"
+}) {
+  const { t: d } = Q("ui"), m = e.map((f) => ({
+    value: f.id,
+    label: f.label,
+    dir: "auto"
+  })), p = /* @__PURE__ */ n("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: d("booking.specialty.heading") });
+  return a === "multi-select" && r ? /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    p,
+    /* @__PURE__ */ n(
+      nn,
+      {
+        options: m,
+        value: s ?? [],
+        onChange: r,
+        placeholder: d("booking.specialty.placeholder"),
+        "aria-label": d("booking.specialty.heading"),
+        allowClear: !0
+      }
+    )
+  ] }) : a === "combobox" ? /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    p,
+    /* @__PURE__ */ n(
+      tn,
+      {
+        options: m,
+        value: t ?? "",
+        onValueChange: (f) => i(f === "" ? "" : f),
+        placeholder: d("booking.specialty.placeholder"),
+        "aria-label": d("booking.specialty.heading"),
+        clearable: !0
+      }
+    )
+  ] }) : /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    p,
+    /* @__PURE__ */ n(
+      jt,
+      {
+        options: m,
+        value: t ?? "",
+        onValueChange: (f) => i(f),
+        placeholder: d("booking.specialty.placeholder"),
+        "aria-label": d("booking.specialty.heading")
+      }
+    )
+  ] });
+}
+function Vn({
+  services: e,
+  value: t,
+  valueIds: s,
+  onChange: i,
+  onChangeIds: r,
+  pickerStyle: a,
+  compact: d,
+  showDuration: m
+}) {
+  const { t: p } = Q("ui"), f = Bn(), g = a ?? (d ? "select" : "cards"), h = e.map((o) => {
+    const { price: y, payment: b, paymentTone: S } = f(o);
+    return {
+      value: o.id,
+      // The practice's service name leads the label, so it decides the
+      // direction, even when the kit's duration is appended after it.
+      dir: "auto",
+      label: y || b || !m ? o.label : `${o.label} · ${p("booking.serviceSummary", {
+        minutes: o.durationMin
+      })}`,
+      ...y ? {
+        endContent: /* @__PURE__ */ n(kn, { variant: "accentSoft", size: "lg", children: y })
+      } : {},
+      ...b ? { description: b, descriptionTone: S } : {}
+    };
+  }), l = /* @__PURE__ */ n("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: p("booking.service.heading") });
+  return g === "multi-select" && r ? /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    l,
+    /* @__PURE__ */ n(
+      nn,
+      {
+        options: h,
+        value: s ?? [],
+        onChange: r,
+        placeholder: p("booking.service.placeholder"),
+        "aria-label": p("booking.service.heading"),
+        allowClear: !0,
+        wrapOptionLabels: !0
+      }
+    )
+  ] }) : g === "combobox" ? /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    l,
+    /* @__PURE__ */ n(
+      tn,
+      {
+        options: h,
+        value: t ?? "",
+        onValueChange: (o) => i(o === "" ? "" : o),
+        placeholder: p("booking.service.placeholder"),
+        "aria-label": p("booking.service.heading"),
+        clearable: !0,
+        wrapOptionLabels: !0
+      }
+    )
+  ] }) : g === "select" ? /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    l,
+    /* @__PURE__ */ n(
+      jt,
+      {
+        options: h,
+        value: t ?? "",
+        onValueChange: (o) => i(o),
+        placeholder: p("booking.service.placeholder"),
+        "aria-label": p("booking.service.heading"),
+        showDescriptions: !0,
+        descriptionInName: !0,
+        wrapOptionLabels: !0
+      }
+    )
+  ] }) : /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    l,
+    /* @__PURE__ */ n(
+      Fi,
+      {
+        services: e,
+        selectedServiceId: t,
+        onSelect: i,
+        showDuration: m
+      }
+    )
+  ] });
+}
+function $n({
+  operators: e,
+  value: t,
+  valueIds: s,
+  onChange: i,
+  onChangeIds: r,
+  pickerStyle: a = "select"
+}) {
+  const { t: d } = Q("ui"), m = /* @__PURE__ */ n("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: d("booking.operator.heading") });
+  if (a === "multi-select" && r) {
+    const f = e.map((g) => ({
+      value: g.id,
+      label: g.name,
+      dir: "auto"
+    }));
+    return /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      m,
+      /* @__PURE__ */ n(
+        nn,
+        {
+          options: f,
+          value: s ?? [],
+          onChange: r,
+          placeholder: d("booking.operator.all"),
+          "aria-label": d("booking.operator.heading"),
+          allowClear: !0
+        }
+      )
+    ] });
+  }
+  const p = [
+    { value: Ee, label: d("booking.operator.all") },
+    ...e.map(
+      (f) => ({ value: f.id, label: f.name, dir: "auto" })
+    )
+  ];
+  return a === "combobox" ? /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    m,
+    /* @__PURE__ */ n(
+      tn,
+      {
+        options: p,
+        value: t ?? Ee,
+        onValueChange: (f) => i(f === "" ? Ee : f),
+        placeholder: d("booking.operator.placeholder"),
+        "aria-label": d("booking.operator.heading"),
+        clearable: !0
+      }
+    )
+  ] }) : /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    m,
+    /* @__PURE__ */ n(
+      jt,
+      {
+        options: p,
+        value: t ?? Ee,
+        onValueChange: (f) => i(f),
+        placeholder: d("booking.operator.placeholder"),
+        "aria-label": d("booking.operator.heading")
+      }
+    )
+  ] });
+}
+function qn({
+  customSlot: e
+}) {
+  const { t } = Q("ui");
+  return e ? /* @__PURE__ */ n(pe, { children: e }) : /* @__PURE__ */ v(te, { variant: "warning", children: [
+    /* @__PURE__ */ n(te.Title, { as: "h4", children: t("booking.onboardingIncomplete.title") }),
+    /* @__PURE__ */ n(te.Description, { children: t("booking.onboardingIncomplete.description") })
+  ] });
+}
+function on({
+  nextAvailableDate: e,
+  onJump: t,
+  locale: s
+}) {
+  const { t: i } = Q("ui"), r = L(() => {
+    try {
+      return new Intl.DateTimeFormat(s, { dateStyle: "long" }).format(
+        Ie(e)
+      );
+    } catch {
+      return e;
+    }
+  }, [e, s]);
+  return /* @__PURE__ */ v(te, { variant: "info", children: [
+    /* @__PURE__ */ n(te.Description, { children: i("booking.nextAvailable.description", { date: r }) }),
+    /* @__PURE__ */ n(te.Action, { children: /* @__PURE__ */ n(Ye, { intent: "secondary", size: "sm", onClick: t, children: i("booking.nextAvailable.cta") }) })
+  ] });
+}
+function Pi({
+  codeVerified: e = !1,
+  payment: t,
+  confirmationChannels: s,
+  snapshot: i,
+  operators: r,
+  specialties: a,
+  services: d,
+  locale: m,
+  mode: p,
+  showModify: f,
+  onReset: g,
+  onModify: h,
+  focusWasLost: l
+}) {
+  const { t: o } = Q("ui"), y = F(null);
+  K(() => {
+    const u = y.current, w = document.activeElement, D = u == null ? void 0 : u.closest('[data-component="booking"]');
+    !t && !e || !u || (w && (D != null && D.contains(w)) || l()) && u.focus();
+  }, []);
+  const b = sn(s), E = (i.details.confirmationChannels ?? (b.length === 1 ? b : ["email"])).map(
+    (u) => o(`booking.confirmation.channel.${u}`)
+  ), I = t ? zt(t.amountCents, t.currencyCode, m) : "", N = t ? o(
+    p === "demo" ? "booking.payment.paidDemo" : "booking.payment.paidBody",
+    { amount: I }
+  ) : e ? o(p === "demo" ? "booking.code.confirmedDemo" : "booking.code.confirmedBody") : p === "demo" ? o("booking.success.descriptionDemo") : E.length > 1 ? o("booking.success.descriptionMultiple", {
+    channels: E.join(" · ")
+  }) : o("booking.success.descriptionSingle", {
+    channel: E[0]
+  }), x = L(() => {
+    if (i.date)
+      try {
+        return new Intl.DateTimeFormat(m, {
+          weekday: "long",
+          day: "numeric",
+          month: "long"
+        }).format(Ie(i.date));
+      } catch {
+        return i.date;
+      }
+  }, [i.date, m]), M = L(() => {
+    const w = (i.operatorIds && i.operatorIds.length > 0 ? i.operatorIds : i.operatorId ? [i.operatorId] : []).filter((D) => D !== Ee).map((D) => {
+      var z;
+      return (z = r.find((U) => U.id === D)) == null ? void 0 : z.name;
+    }).filter((D) => D !== void 0);
+    if (w.length === 0) return [];
+    try {
+      return new Intl.ListFormat(m === "en" ? "en-GB" : m, {
+        style: "long",
+        type: "conjunction"
+      }).formatToParts(w);
+    } catch {
+      return w.flatMap((D, z) => [
+        ...z > 0 ? [{ type: "literal", value: ", " }] : [],
+        { type: "element", value: D }
+      ]);
+    }
+  }, [i.operatorIds, i.operatorId, r, m]), T = i.specialtyId ? a.find((u) => u.id === i.specialtyId) : void 0, O = i.serviceId ? d.find((u) => u.id === i.serviceId) : void 0;
+  return /* @__PURE__ */ v(
+    "div",
+    {
+      "data-component": "booking-success",
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+      children: [
+        /* @__PURE__ */ v(te, { variant: "success", children: [
+          /* @__PURE__ */ n(
+            te.Title,
+            {
+              as: "h3",
+              ref: y,
+              tabIndex: t || e ? -1 : void 0,
+              className: t || e ? Tt : void 0,
+              children: o(
+                t ? p === "demo" ? "booking.payment.paidDemoTitle" : "booking.payment.paidTitle" : e ? "booking.code.confirmedHeading" : "booking.success.heading"
+              )
+            }
+          ),
+          /* @__PURE__ */ n(te.Description, { children: N })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "ds:rounded-[var(--radius-md)] ds:bg-[var(--secondary)] ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ v("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: [
+          t && p !== "demo" ? /* @__PURE__ */ v(pe, { children: [
+            /* @__PURE__ */ n("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: o("booking.payment.summaryPaid") }),
+            /* @__PURE__ */ n("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: I })
+          ] }) : null,
+          T ? /* @__PURE__ */ v(pe, { children: [
+            /* @__PURE__ */ n("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: o("booking.success.summarySpecialty") }),
+            /* @__PURE__ */ n(
+              "dd",
+              {
+                dir: "auto",
+                className: "type-body ds:m-0 ds:text-[var(--foreground)]",
+                children: T.label
+              }
+            )
+          ] }) : null,
+          O ? /* @__PURE__ */ v(pe, { children: [
+            /* @__PURE__ */ n("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: o("booking.success.summaryService") }),
+            /* @__PURE__ */ n(
+              "dd",
+              {
+                dir: "auto",
+                className: "type-body ds:m-0 ds:text-[var(--foreground)]",
+                children: O.label
+              }
+            )
+          ] }) : null,
+          x ? /* @__PURE__ */ v(pe, { children: [
+            /* @__PURE__ */ n("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: o("booking.success.summaryDate") }),
+            /* @__PURE__ */ n("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: x })
+          ] }) : null,
+          /* @__PURE__ */ n("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: o("booking.success.summaryTime") }),
+          /* @__PURE__ */ n("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: i.slot.time }),
+          M.length > 0 ? /* @__PURE__ */ v(pe, { children: [
+            /* @__PURE__ */ n("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: o("booking.success.summaryProvider") }),
+            /* @__PURE__ */ n("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: M.map(
+              (u, w) => u.type === "element" ? /* @__PURE__ */ n("bdi", { children: u.value }, w) : u.value
+            ) })
+          ] }) : null
+        ] }) }),
+        /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+          /* @__PURE__ */ n(Ye, { intent: "secondary", size: "md", onClick: g, children: o("booking.success.bookAnother") }),
+          f ? /* @__PURE__ */ n(Ye, { intent: "ghost", size: "md", onClick: h, children: o("booking.success.modifyBooking") }) : null
+        ] })
+      ]
+    }
+  );
+}
+function Kn({ customSlot: e }) {
+  const { t } = Q("ui");
+  return e ? /* @__PURE__ */ n(pe, { children: e }) : /* @__PURE__ */ n(
+    Sn,
+    {
+      variant: "no-results",
+      title: t("booking.emptyServices.title"),
+      description: t("booking.emptyServices.description")
+    }
+  );
+}
+const zn = "data-booking-step-active", Vi = `[${zn}]`;
+function ee({
+  step: e,
+  active: t,
+  className: s,
+  id: i,
+  children: r
+}) {
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      id: i,
+      "data-booking-step": String(e),
+      ...t ? { [zn]: "" } : null,
+      tabIndex: -1,
+      className: s ? `${s} ${Tt}` : Tt,
+      children: r
+    }
+  );
+}
+function an(e, t) {
+  return t === "four-day-grid" ? e.filter((s) => s !== 6) : e;
+}
+function $i(e) {
+  const {
+    cascade: t,
+    inputs: s,
+    value: i,
+    onChange: r,
+    onSubmit: a,
+    emptyServicesSlot: d,
+    onboardingIncompleteSlot: m,
+    loadingDates: p,
+    loadingSlots: f,
+    onDateSelect: g,
+    onWindowChange: h,
+    datePickerStyle: l,
+    specialtyPickerStyle: o,
+    servicePickerStyle: y,
+    showServiceDuration: b,
+    operatorPickerStyle: S,
+    submitting: E,
+    locale: I,
+    detailsProps: N,
+    agentIdBase: x,
+    activeStep: M
+  } = e, { t: T } = Q("ui"), O = bt(M, l), u = (w, D) => ({
+    step: w,
+    active: w === O,
+    className: D
+  });
+  return /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    t.gates.insurance ? /* @__PURE__ */ n(ee, { ...u(1), children: /* @__PURE__ */ n(
+      _n,
+      {
+        value: i.insuranceType,
+        onChange: (w) => r(In(i, w))
+      }
+    ) }) : null,
+    t.gates.specialty ? /* @__PURE__ */ n(ee, { ...u(2), children: /* @__PURE__ */ n(
+      Pn,
+      {
+        specialties: t.filtered.specialties,
+        value: i.specialtyId,
+        valueIds: i.specialtyIds,
+        onChange: (w) => r(Nn(i, w)),
+        onChangeIds: (w) => r(wn(i, w)),
+        pickerStyle: o
+      }
+    ) }) : null,
+    t.gates.service ? /* @__PURE__ */ n(ee, { ...u(3), children: t.filtered.services.length === 0 ? /* @__PURE__ */ n(Kn, { customSlot: d }) : /* @__PURE__ */ n(
+      Vn,
+      {
+        services: t.filtered.services,
+        value: i.serviceId,
+        valueIds: i.serviceIds,
+        onChange: (w) => r(Cn(i, w)),
+        onChangeIds: (w) => r(An(i, w)),
+        pickerStyle: y,
+        showDuration: b
+      }
+    ) }) : null,
+    t.gates.onboardingIncomplete ? /* @__PURE__ */ n(qn, { customSlot: m }) : null,
+    t.gates.operator ? /* @__PURE__ */ n(ee, { ...u(4), children: /* @__PURE__ */ n(
+      $n,
+      {
+        operators: t.filtered.operators,
+        value: i.operatorId,
+        valueIds: i.operatorIds,
+        onChange: (w) => r(Tn(i, w)),
+        onChangeIds: (w) => r(Dn(i, w)),
+        pickerStyle: S
+      }
+    ) }) : null,
+    t.gates.date ? /* @__PURE__ */ v(
+      ee,
+      {
+        ...u(5, "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]"),
+        children: [
+          /* @__PURE__ */ n("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: T("booking.date.heading") }),
+          s.availableDates.length === 0 && s.nextAvailableDate ? /* @__PURE__ */ n(
+            on,
+            {
+              nextAvailableDate: s.nextAvailableDate,
+              onJump: () => r(Ut(i, s.nextAvailableDate)),
+              locale: I
+            }
+          ) : Ln({
+            inputs: s,
+            value: i,
+            onChange: r,
+            onDateSelect: g,
+            onWindowChange: h,
+            loadingDates: p,
+            loadingSlots: f,
+            locale: I,
+            datePickerStyle: l,
+            agentIdBase: x
+          })
+        ]
+      }
+    ) : null,
+    t.gates.slot && i.date && l === "month-calendar" ? /* @__PURE__ */ v(
+      ee,
+      {
+        ...u(6, "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]"),
+        children: [
+          /* @__PURE__ */ n("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: T("booking.slot.heading") }),
+          Rn({
+            inputs: s,
+            value: i,
+            onChange: r,
+            loadingSlots: f,
+            locale: I,
+            datePickerStyle: l
+          })
+        ]
+      }
+    ) : null,
+    t.gates.details && t.selectedSlot ? /* @__PURE__ */ n(ee, { ...u(7), children: /* @__PURE__ */ n(
+      rn,
+      {
+        ...N,
+        value: i.details ?? {},
+        onChange: (w) => r({ ...i, details: w }),
+        onSubmit: a,
+        submitting: E,
+        defaultPhoneCountry: e.policy.country
+      }
+    ) }) : null
+  ] });
+}
+function Te(e, t, s = {}) {
+  const {
+    cascade: i,
+    inputs: r,
+    value: a,
+    onChange: d,
+    onSubmit: m,
+    emptyServicesSlot: p,
+    onboardingIncompleteSlot: f,
+    loadingDates: g,
+    loadingSlots: h,
+    onDateSelect: l,
+    onWindowChange: o,
+    datePickerStyle: y,
+    specialtyPickerStyle: b,
+    servicePickerStyle: S,
+    showServiceDuration: E,
+    operatorPickerStyle: I,
+    submitting: N,
+    locale: x,
+    detailsProps: M,
+    policy: T,
+    agentIdBase: O
+  } = t;
+  switch (e) {
+    case 1:
+      return /* @__PURE__ */ n(
+        _n,
+        {
+          value: a.insuranceType,
+          onChange: (u) => d(In(a, u))
+        }
+      );
+    case 2:
+      return /* @__PURE__ */ n(
+        Pn,
+        {
+          specialties: i.filtered.specialties,
+          value: a.specialtyId,
+          valueIds: a.specialtyIds,
+          onChange: (u) => d(Nn(a, u)),
+          onChangeIds: (u) => d(wn(a, u)),
+          pickerStyle: b
+        }
+      );
+    case 3:
+      return i.filtered.services.length === 0 ? /* @__PURE__ */ n(Kn, { customSlot: p }) : i.gates.onboardingIncomplete ? /* @__PURE__ */ n(qn, { customSlot: f }) : /* @__PURE__ */ n(
+        Vn,
+        {
+          services: i.filtered.services,
+          value: a.serviceId,
+          valueIds: a.serviceIds,
+          onChange: (u) => d(Cn(a, u)),
+          onChangeIds: (u) => d(An(a, u)),
+          pickerStyle: S,
+          compact: s.compactService,
+          showDuration: E
+        }
+      );
+    case 4:
+      return /* @__PURE__ */ n(
+        $n,
+        {
+          operators: i.filtered.operators,
+          value: a.operatorId,
+          valueIds: a.operatorIds,
+          onChange: (u) => d(Tn(a, u)),
+          onChangeIds: (u) => d(Dn(a, u)),
+          pickerStyle: I
+        }
+      );
+    case 5:
+      return r.availableDates.length === 0 && r.nextAvailableDate ? /* @__PURE__ */ n(
+        on,
+        {
+          nextAvailableDate: r.nextAvailableDate,
+          onJump: () => d(Ut(a, r.nextAvailableDate)),
+          locale: x
+        }
+      ) : Ln({
+        inputs: r,
+        value: a,
+        onChange: d,
+        onDateSelect: l,
+        onWindowChange: o,
+        loadingDates: g,
+        loadingSlots: h,
+        locale: x,
+        datePickerStyle: y,
+        agentIdBase: O
+      });
+    case 6:
+      return Rn({
+        inputs: r,
+        value: a,
+        onChange: d,
+        loadingSlots: h,
+        locale: x,
+        datePickerStyle: y
+      });
+    case 7:
+      return i.selectedSlot ? /* @__PURE__ */ n(
+        rn,
+        {
+          ...M,
+          value: a.details ?? {},
+          onChange: (u) => d({ ...a, details: u }),
+          onSubmit: m,
+          submitting: N,
+          defaultPhoneCountry: T.country
+        }
+      ) : null;
+    /* c8 ignore next 2 */
+    default:
+      return null;
+  }
+}
+function Gt() {
+  const { t: e } = Q("ui");
+  return L(
+    () => ({
+      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 bt(e, t) {
+  return t === "four-day-grid" && e === 6 ? 5 : e;
+}
+function qi(e) {
+  const { cascade: t, value: s, activeStep: i, setActiveStep: r, datePickerStyle: a } = e, d = Gt(), { t: m } = Q("ui"), p = m("booking.operator.all"), f = L(
+    () => an(t.visibleSteps, a),
+    [t.visibleSteps, a]
+  ), g = bt(i, a), h = Math.max(0, f.indexOf(g)), l = L(
+    () => f.map((o) => ({
+      label: d[o],
+      summary: jn(o, s, t, p),
+      status: Ki(o, s, t),
+      content: /* @__PURE__ */ n(ee, { step: o, active: o === g, children: Te(o, e, { compactService: !0 }) })
+    })),
+    [
+      f,
+      s,
+      d,
+      t,
+      e,
+      g,
+      p
+    ]
+  );
+  return /* @__PURE__ */ n(
+    rs,
+    {
+      activeStep: h,
+      steps: l,
+      onStepChange: (o) => {
+        const y = f[o];
+        y && r(y);
+      }
+    }
+  );
+}
+function Ki(e, t, s) {
+  return Ve(e, t) && e < s.currentStep ? "completed" : e <= s.currentStep ? "unlocked" : void 0;
+}
+function gn(e, t) {
+  return e !== 4 ? Ve(e, t) : t.operatorIds && t.operatorIds.length > 0 ? !0 : Mn(t) !== void 0;
+}
+function Qt(e, t) {
+  const s = e.map((i) => {
+    var r;
+    return (r = t.find((a) => a.id === i)) == null ? void 0 : r.label;
+  }).filter((i) => i !== void 0);
+  return s.length > 0 ? s.join(", ") : void 0;
+}
+function jn(e, t, s, i) {
+  var r;
+  if (Ve(e, t))
+    switch (e) {
+      case 1:
+        return t.insuranceType;
+      case 2:
+        return Qt(
+          Ze(t),
+          s.filtered.specialties
+        );
+      case 3:
+        return Qt($e(t), s.filtered.services);
+      case 4: {
+        const d = en(t).filter((p) => p !== Ee), m = Qt(
+          d,
+          s.filtered.operators.map((p) => ({
+            id: p.id,
+            label: p.name
+          }))
+        );
+        return m !== void 0 ? m : d.length === 0 ? i : void 0;
+      }
+      case 5:
+        return t.date;
+      case 6:
+        return (r = s.selectedSlot) == null ? void 0 : r.time;
+      case 7:
+        return;
+    }
+}
+function zi(e) {
+  const { cascade: t, value: s, activeStep: i, setActiveStep: r } = e, { t: a } = Q("ui"), d = Gt(), m = a("booking.operator.all"), p = `${vt()}-filter`, f = bt(i, e.datePickerStyle), g = t.visibleSteps.filter(
+    (o) => o === 1 || o === 2 || o === 3 || o === 4
+  ), h = g.some(
+    (o) => !Ve(o, s)
+  ), l = g.some(
+    (o) => o === i
+  ) ? i : g.find((o) => !Ve(o, s));
+  return /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    g.length > 0 ? /* @__PURE__ */ n(
+      "div",
+      {
+        role: "group",
+        "aria-label": a("booking.filtersLabel"),
+        className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]",
+        children: g.map((o) => {
+          const y = jn(
+            o,
+            s,
+            t,
+            m
+          ), b = o === l, S = Ve(o, s);
+          return /* @__PURE__ */ n(
+            Ye,
+            {
+              intent: b ? "primary" : "outline",
+              size: "sm",
+              endIcon: /* @__PURE__ */ n(
+                cs,
+                {
+                  "aria-hidden": "true",
+                  className: b ? "ds:rotate-180" : void 0
+                }
+              ),
+              "aria-expanded": S ? b : void 0,
+              "aria-controls": S && b ? p : void 0,
+              "aria-current": !S && b ? "step" : void 0,
+              onClick: () => r(
+                S && b ? t.currentStep : o
+              ),
+              children: y ? /* @__PURE__ */ v(pe, { children: [
+                d[o],
+                ": ",
+                y
+              ] }) : d[o]
+            },
+            `csc-${o}`
+          );
+        })
+      }
+    ) : null,
+    l !== void 0 ? /* @__PURE__ */ n(
+      ee,
+      {
+        step: l,
+        active: l === f,
+        id: p,
+        children: Te(l, e, { compactService: !0 })
+      }
+    ) : null,
+    !h && 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__ */ n(ee, { step: 5, active: f === 5, children: Te(5, e) }) : /* @__PURE__ */ v("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:md:grid-cols-2", children: [
+        /* @__PURE__ */ n(
+          ee,
+          {
+            step: 5,
+            active: f === 5,
+            className: "ds:min-w-0",
+            children: Te(5, e)
+          }
+        ),
+        s.date ? /* @__PURE__ */ n(
+          ee,
+          {
+            step: 6,
+            active: f === 6,
+            className: "ds:min-w-0",
+            children: Te(6, e)
+          }
+        ) : /* @__PURE__ */ n("div", { className: "ds:min-w-0" })
+      ] })
+    ) : null,
+    t.gates.details ? /* @__PURE__ */ n(ee, { step: 7, active: f === 7, children: Te(7, e) }) : null
+  ] });
+}
+function ji(e) {
+  const { cascade: t, datePickerStyle: s, activeStep: i } = e, r = bt(i, s), a = t.visibleSteps.filter(
+    (m) => m === 1 || m === 2 || m === 3 || m === 4
+  );
+  return /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ v(
+      "div",
+      {
+        className: s === "four-day-grid" ? "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]" : "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:md:grid-cols-2",
+        children: [
+          /* @__PURE__ */ n("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: a.map((m) => /* @__PURE__ */ n(ee, { step: m, active: m === r, children: Te(m, e, { compactService: !0 }) }, `fbf-${m}`)) }),
+          /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+            t.gates.date ? /* @__PURE__ */ n(ee, { step: 5, active: r === 5, children: Te(5, e) }) : null,
+            t.gates.slot && e.value.date && s === "month-calendar" ? /* @__PURE__ */ n(ee, { step: 6, active: r === 6, children: Te(6, e) }) : null
+          ] })
+        ]
+      }
+    ),
+    t.gates.details ? /* @__PURE__ */ n(ee, { step: 7, active: r === 7, children: Te(7, e) }) : null
+  ] });
+}
+function Ui(e) {
+  const { cascade: t, value: s, activeStep: i, setActiveStep: r, datePickerStyle: a } = e, { t: d } = Q("ui"), m = Gt(), p = L(
+    () => an(t.visibleSteps, a),
+    [t.visibleSteps, a]
+  ), f = bt(i, a), g = Math.max(0, p.indexOf(f)), h = p.length, l = L(
+    () => p.map((S) => ({ label: m[S] })),
+    [p, m]
+  ), o = g > 0, y = f === 5 && a === "four-day-grid", b = g < h - 1 && Ve(f, s) && (!y || Ve(6, s));
+  return /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ n(os, { activeStep: g, steps: l }),
+    /* @__PURE__ */ n(ee, { step: f, active: !0, children: Te(f, e, { compactService: !0 }) }),
+    /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ n(
+        Ye,
+        {
+          intent: "ghost",
+          size: "md",
+          disabled: !o,
+          onClick: () => {
+            const S = p[g - 1];
+            S && r(S);
+          },
+          children: d("booking.actions.back")
+        }
+      ),
+      f < 7 ? /* @__PURE__ */ n(
+        Ye,
+        {
+          intent: "primary",
+          size: "md",
+          disabled: !b,
+          onClick: () => {
+            const S = p[g + 1];
+            S && r(S);
+          },
+          children: d("booking.actions.next")
+        }
+      ) : null
+    ] })
+  ] });
+}
+const Gi = [], Hi = [];
+function hn() {
+  return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+const Ji = vn(
+  ({
+    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: s,
+    allowOperatorSelection: i = !1,
+    lockedOperatorId: r,
+    operatorsByService: a = !1,
+    autoSelectSingleService: d = !1,
+    specialties: m,
+    services: p,
+    operators: f,
+    availableDates: g,
+    availableSlots: h,
+    nextAvailableDate: l,
+    hideEmail: o = !1,
+    requireCodiceFiscale: y,
+    requireDateOfBirth: b,
+    requireInsuranceNumber: S,
+    billingInDetails: E = !1,
+    paymentNoticeStyle: I = "highlighted",
+    showNote: N,
+    showReturningPatientFlag: x,
+    privacyPolicyUrl: M,
+    termsUrl: T,
+    practiceConsent: O,
+    paymentTermsUrl: u,
+    paymentState: w,
+    renderPayment: D,
+    renderPaymentCompletion: z,
+    validateCodiceFiscale: U,
+    validateInsuranceNumber: k,
+    confirmationChannels: _,
+    defaultConfirmationChannels: j,
+    singleConfirmationChannel: me,
+    value: P,
+    onChange: J,
+    onSubmit: ne,
+    codeStep: re,
+    onStepChange: he,
+    onDateSelect: X,
+    onWindowChange: qe,
+    datePickerStyle: ve = "month-calendar",
+    specialtyPickerStyle: fe,
+    servicePickerStyle: se,
+    showServiceDuration: be = !0,
+    operatorPickerStyle: we,
+    loadingDates: Oe,
+    loadingSlots: oe,
+    submitting: Me,
+    submitError: ce,
+    mode: Be = "live",
+    showModifyOnSuccess: Ce = !0,
+    surface: ie = "flat",
+    emptyServicesSlot: Ke,
+    onboardingIncompleteSlot: q,
+    "aria-label": Le,
+    id: Qe,
+    className: Ot,
+    onFocus: it,
+    onBlur: rt,
+    ...ot
+  }, Fe) => {
+    var Nt, wt, Ct;
+    const { t: de, i18n: Mt } = Q("ui"), ge = e ?? "inline-list", ze = Mt.language ?? "en", ye = m ?? Gi, je = f ?? Hi;
+    K(() => {
+      const A = Xs(P, {
+        useSpecialties: s,
+        lockedOperatorId: r,
+        autoSelectSingleService: d,
+        specialties: ye,
+        services: p
+      });
+      (A.specialtyId !== P.specialtyId || A.operatorId !== P.operatorId || A.serviceId !== P.serviceId) && J(A);
+    }, [
+      r,
+      s,
+      d,
+      ye,
+      p
+    ]);
+    const R = L(
+      () => Qs({
+        country: t,
+        useSpecialties: s,
+        allowOperatorSelection: i,
+        lockedOperatorId: r,
+        operatorsByService: a,
+        specialties: ye,
+        services: p,
+        operators: je,
+        availableSlots: h,
+        value: P
+      }),
+      [
+        t,
+        s,
+        i,
+        r,
+        a,
+        d,
+        ye,
+        p,
+        je,
+        g,
+        h,
+        P
+      ]
+    ), ke = L(
+      () => [
+        JSON.stringify(P.insuranceType),
+        JSON.stringify(Ze(P)),
+        JSON.stringify($e(P)),
+        JSON.stringify(en(P)),
+        JSON.stringify(P.date),
+        JSON.stringify(P.slotKey)
+      ],
+      [P]
+    ), at = ge === "progress", yt = Ne(
+      (A) => {
+        if (A === 4 && R.visibleSteps.includes(4) && en(P).length === 0)
+          return Math.min(4, R.currentStep);
+        if (!at) return R.currentStep;
+        const B = R.visibleSteps.find(
+          (V) => V > A && !gn(V, P)
+        );
+        return B === void 0 ? R.currentStep : Math.min(B, R.currentStep);
+      },
+      [at, R.visibleSteps, R.currentStep, P]
+    ), [ae, Se] = Z(
+      R.currentStep
+    ), kt = F(ke), Ue = F(R.visibleSteps);
+    K(() => {
+      const A = kt.current, B = Ue.current;
+      kt.current = ke, Ue.current = R.visibleSteps;
+      const V = ke.findIndex(
+        (C, W) => C !== A[W]
+      );
+      if (V !== -1) {
+        Se(yt(V + 1));
+        return;
+      }
+      const c = at ? R.visibleSteps.find(
+        (C) => C < ae && !B.includes(C) && !gn(C, P)
+      ) : void 0;
+      if (c !== void 0) {
+        Se(c);
+        return;
+      }
+      R.visibleSteps.includes(ae) || Se(R.currentStep);
+    }, [
+      ke,
+      yt,
+      at,
+      R.currentStep,
+      R.visibleSteps,
+      ae,
+      P
+    ]);
+    const le = F(null), Xe = L(
+      () => an(R.visibleSteps, ve),
+      [R.visibleSteps, ve]
+    ), Ge = Gt(), [Ht, Re] = Z(""), xe = F(null), et = F(null);
+    K(() => {
+      const A = bt(ae, ve);
+      if (et.current === null) {
+        et.current = A;
+        return;
+      }
+      if (et.current === A) return;
+      et.current = A;
+      const B = Xe.indexOf(A);
+      Re(
+        B === -1 ? "" : de("booking.stepAnnouncement", {
+          current: B + 1,
+          total: Xe.length,
+          label: Ge[A]
+        })
+      );
+      const V = xe.current;
+      if (!V || V.isConnected) return;
+      const c = le.current;
+      if (!c) return;
+      const C = document.activeElement;
+      if (!(C === null || C === document.body || !c.contains(C))) return;
+      const nt = c.querySelector(Vi) ?? c;
+      if (nt.focus({ preventScroll: !0 }), typeof nt.scrollIntoView == "function")
+        try {
+          nt.scrollIntoView({
+            behavior: hn() ? "auto" : "smooth",
+            block: "nearest"
+          });
+        } catch {
+          nt.scrollIntoView();
+        }
+    }, [ae, ve, Xe, Ge, de]);
+    const $ = Ii({
+      services: p,
+      value: P,
+      availableSlots: h,
+      onSubmit: ne,
+      onChange: J,
+      paymentState: w,
+      submitting: Me,
+      paymentTermsUrl: u,
+      renderPayment: D,
+      codeStep: re
+    }), Y = $.status, St = $.submit, ct = F($.reset);
+    ct.current = $.reset;
+    const xt = vt(), It = F(null), He = F(null), dt = ((Nt = $.state) == null ? void 0 : Nt.status) === "failed", lt = $.state && "phase" in $.state && $.state.phase === "completion";
+    K(() => {
+      var A, B;
+      if (Y === "payment") {
+        const V = document.activeElement;
+        (!lt || !V || V === document.body || !((A = le.current) != null && A.contains(V))) && ((B = It.current) == null || B.focus());
+      }
+    }, [Y, lt]), K(() => {
+      var A;
+      Y === "payment" && dt && ((A = He.current) == null || A.focus());
+    }, [Y, dt]), Gn(Fe, () => le.current, []);
+    const tt = Y === "success" ? 8 : Y === "payment" || Y === "code" ? 7 : R.currentStep, ut = F(null);
+    K(() => {
+      if (tt !== ut.current && (ut.current = tt, he == null || he(tt), tt === 8 && le.current))
+        try {
+          le.current.scrollIntoView({
+            behavior: hn() ? "auto" : "smooth",
+            block: "start"
+          });
+        } catch {
+          le.current.scrollIntoView();
+        }
+    }, [tt, he]);
+    const _e = F({ activeStep: ae, cascade: R, submitState: Y });
+    K(() => {
+      _e.current = { activeStep: ae, cascade: R, submitState: Y };
+    }, [ae, R, Y]);
+    const Ft = L(
+      () => ({
+        getVariant: () => ge,
+        getCurrentStep: () => {
+          const A = _e.current;
+          return A.submitState === "success" ? 8 : A.submitState === "payment" || A.submitState === "code" ? 7 : A.activeStep;
+        },
+        reset: () => {
+          _e.current.submitState === "payment" || _e.current.submitState === "code" || (J({}), ct.current(), Se(1));
+        },
+        goToStep: (A) => {
+          const B = _e.current, V = B.cascade.visibleSteps.includes(A), c = B.cascade.currentStep, C = B.submitState === "payment" || B.submitState === "code" ? 7 : !V || A > c ? c : A;
+          _e.current = { ...B, activeStep: C }, Se(C);
+        }
+      }),
+      [ge, J]
+    );
+    Hn(Us, Ft, Qe);
+    const Jt = Le ?? de("booking.regionLabel"), Ae = $.snapshot, Wt = Y === "success" && Ae ? /* @__PURE__ */ n(
+      Pi,
+      {
+        codeVerified: $.codeVerified,
+        payment: Ae.payment,
+        confirmationChannels: _,
+        snapshot: {
+          ...Ae.value,
+          slot: Ae.slot,
+          details: Ae.details,
+          serviceId: ((wt = Ae.payment) == null ? void 0 : wt.serviceId) ?? Ae.slot.serviceId ?? Ae.value.serviceId
+        },
+        operators: je,
+        specialties: ye,
+        services: p,
+        locale: ze,
+        mode: Be,
+        showModify: Ce && !Ae.payment && !$.codeVerified,
+        onReset: () => Ft.reset(),
+        focusWasLost: () => {
+          const A = xe.current, B = document.activeElement;
+          return !!(A && !A.isConnected) && (!B || B === document.body);
+        },
+        onModify: () => {
+          ct.current(), Se(7);
+        }
+      }
+    ) : null, pt = Y === "code" && $.codeStep ? /* @__PURE__ */ n(
+      ki,
+      {
+        ...$.codeStep,
+        ...re,
+        onVerified: $.completeCode
+      }
+    ) : null, mt = $.activeSession, Je = $.state, G = mt && Je ? {
+      session: mt,
+      payment: mt.payment,
+      state: Je,
+      billing: (Ct = $.snapshot) == null ? void 0 : Ct.details.billing
+    } : void 0, We = Je && "phase" in Je && Je.phase === "completion", ue = Y === "payment" && G ? /* @__PURE__ */ v(
+      "section",
+      {
+        "aria-labelledby": xt,
+        "data-component": "booking-payment",
+        "data-payment-status": G.state.status,
+        className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+        children: [
+          /* @__PURE__ */ n(
+            "h3",
+            {
+              ref: It,
+              id: xt,
+              tabIndex: -1,
+              className: "type-title-card ds:m-0",
+              children: de(
+                We ? "booking.payment.confirming" : "booking.payment.heading"
+              )
+            }
+          ),
+          We ? null : /* @__PURE__ */ n("p", { className: "type-body ds:m-0", children: de("booking.payment.noticeBody", {
+            amount: zt(
+              G.payment.amountCents,
+              G.payment.currencyCode,
+              ze
+            )
+          }) }),
+          /* @__PURE__ */ n(
+            "p",
+            {
+              role: "status",
+              className: G.state.status === "processing" ? "type-body ds:m-0 ds:flex ds:items-center ds:gap-[var(--spacing-sm)]" : "ds:sr-only",
+              children: G.state.status === "processing" ? /* @__PURE__ */ v(pe, { children: [
+                /* @__PURE__ */ n(yn, { variant: "pulse", size: "lg", "aria-hidden": "true" }),
+                /* @__PURE__ */ n("span", { children: de(
+                  We ? "booking.payment.confirming" : "booking.payment.processing"
+                ) })
+              ] }) : null
+            }
+          ),
+          G.state.status === "failed" ? /* @__PURE__ */ n(
+            te,
+            {
+              ref: He,
+              variant: "error",
+              tabIndex: -1,
+              className: Tt,
+              children: /* @__PURE__ */ n(te.Description, { children: G.state.error ?? de(
+                We ? "booking.payment.completionFailed" : "booking.payment.failed"
+              ) })
+            }
+          ) : null,
+          We ? z == null ? void 0 : z(G) : D == null ? void 0 : D(G)
+        ]
+      }
+    ) : null, Et = L(() => {
+      const A = new Set($e(P)), B = p.filter((V) => A.has(V.id)).map((V) => {
+        var c;
+        return {
+          label: V.label,
+          text: ((c = V.criticalInformationToAccept) == null ? void 0 : c.trim()) ?? ""
+        };
+      }).filter((V) => V.text.length > 0);
+      if (B.length !== 0)
+        return B.length === 1 ? B[0].text : B.map((V) => `${V.label}: ${V.text}`).join(`
+
+`);
+    }, [p, P]), Bt = L(() => {
+      if (Y === "success" || Y === "payment" || Y === "code")
+        return null;
+      const A = ge === "accordion" ? qi : ge === "calendar" ? zi : ge === "flexible" ? ji : ge === "progress" ? Ui : $i, B = {
+        cascade: R,
+        inputs: {
+          specialties: ye,
+          services: p,
+          operators: je,
+          availableDates: g,
+          availableSlots: h,
+          nextAvailableDate: l
+        },
+        value: P,
+        onChange: J,
+        onSubmit: St,
+        policy: { country: t, lockedOperatorId: r },
+        detailsProps: {
+          hideEmail: o,
+          requireCodiceFiscale: y,
+          requireDateOfBirth: b,
+          requireInsuranceNumber: S,
+          insuranceType: P.insuranceType,
+          showNote: N,
+          showReturningPatientFlag: x,
+          privacyPolicyUrl: M,
+          termsUrl: T,
+          practiceConsent: O,
+          criticalInformationToAccept: Et,
+          payment: $.payment,
+          paymentTermsUrl: u,
+          paymentBlocked: $.blocked,
+          billingInDetails: E,
+          paymentNoticeStyle: I,
+          validateCodiceFiscale: U,
+          validateInsuranceNumber: k,
+          confirmationChannels: _,
+          defaultConfirmationChannels: j,
+          singleConfirmationChannel: me,
+          submitError: ce ?? (Y === "error" ? de("booking.payment.submitFailed") : void 0)
+        },
+        emptyServicesSlot: Ke,
+        onboardingIncompleteSlot: q,
+        loadingDates: Oe,
+        loadingSlots: oe,
+        onDateSelect: X,
+        onWindowChange: qe,
+        datePickerStyle: ve,
+        specialtyPickerStyle: fe,
+        servicePickerStyle: se,
+        showServiceDuration: be,
+        operatorPickerStyle: we,
+        submitting: Me || Y === "submitting",
+        locale: ze,
+        activeStep: ae,
+        setActiveStep: Se,
+        agentIdBase: Qe
+      };
+      return /* @__PURE__ */ n(A, { ...B });
+    }, [
+      Y,
+      $.payment,
+      $.blocked,
+      u,
+      de,
+      ge,
+      R,
+      ye,
+      p,
+      je,
+      g,
+      h,
+      l,
+      P,
+      J,
+      St,
+      t,
+      r,
+      o,
+      y,
+      b,
+      S,
+      E,
+      I,
+      ce,
+      N,
+      x,
+      M,
+      T,
+      O,
+      Et,
+      U,
+      k,
+      _,
+      j,
+      me,
+      Ke,
+      q,
+      Oe,
+      oe,
+      X,
+      qe,
+      ve,
+      fe,
+      se,
+      be,
+      we,
+      Me,
+      ze,
+      ae,
+      Qe
+    ]);
+    return /* @__PURE__ */ v(
+      "div",
+      {
+        ref: le,
+        role: "region",
+        "aria-label": Jt,
+        id: Qe,
+        "data-component": "booking",
+        "data-component-id": Qe,
+        "data-variant": ge,
+        className: Ni({
+          variant: ge,
+          surface: ie,
+          className: Ot
+        }),
+        tabIndex: -1,
+        onFocus: (A) => {
+          xe.current = A.target, it == null || it(A);
+        },
+        onBlur: (A) => {
+          const B = A.target;
+          window.setTimeout(() => {
+            var c;
+            const V = document.activeElement;
+            xe.current === B && B.isConnected && !(V && ((c = le.current) != null && c.contains(V))) && (xe.current = null);
+          }), rt == null || rt(A);
+        },
+        ...ot,
+        children: [
+          /* @__PURE__ */ n("div", { role: "status", className: "ds:sr-only", children: Ht }),
+          /* @__PURE__ */ v(
+            "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__ */ n("h2", { className: "type-title-card ds:text-[var(--foreground)] ds:m-0", children: de("booking.regionLabel") }),
+                /* @__PURE__ */ n("p", { className: "type-body-sm ds:text-[var(--foreground)] ds:m-0", children: de("booking.headingSubtitle") })
+              ]
+            }
+          ),
+          $.cancelled ? /* @__PURE__ */ n(te, { variant: "info", children: /* @__PURE__ */ n(te.Description, { children: de("booking.payment.cancelled") }) }) : null,
+          Wt ?? pt ?? ue ?? Bt
+        ]
+      }
+    );
+  }
+);
+Ji.displayName = "Booking";
+export {
+  Ji as B,
+  Xt as C,
+  Ee as O,
+  Us as b
+};
+//# sourceMappingURL=booking-Cz_QjIJe.js.map