@alfadocs/ui-kit-debug 1.90.1 → 1.91.0

package/dist/_chunks/booking-opt_h7Uc.js

@@ -0,0 +1,4590 @@
+import { jsx as n, jsxs as y, Fragment as me } from "react/jsx-runtime";
+import { forwardRef as Vn, useId as pt, useRef as A, useLayoutEffect as _t, useCallback as Me, useState as J, useEffect as V, useMemo as K, Fragment as gr, useImperativeHandle as hr } from "react";
+import { c as Lt } from "./index-D2ZczOXr.js";
+import { useTranslation as Q, Trans as $n } from "react-i18next";
+import { u as vr } from "./registry-DvAUVLHh.js";
+import { A as re } from "./alert-9kEwDza3.js";
+import { B as Re } from "./button-DohK_Ak_.js";
+import { C as wt } from "./checkbox-a7Sh-dXb.js";
+import { C as br } from "./checkbox-group-eGdv9fZc.js";
+import { R as yr } from "./radio-BZQs6_36.js";
+import { R as kr } from "./radio-group-ChIKyeSJ.js";
+import { D as Sr } from "./date-picker-CdhXlgVI.js";
+import { E as xr } from "./email-input-C7THAwh2.js";
+import { F as Je } from "./form-field-CyHfOVKF.js";
+import { P as Ir } from "./phone-input-DJ4BN8tG.js";
+import { T as Nr } from "./text-area-COMVJ1yE.js";
+import { T as Yt } from "./text-input-CaG9ApoE.js";
+import { A as wr } from "./address-fields-qxQkGwPf.js";
+import { S as qn } from "./spinner-CoflYlEx.js";
+import { a as on } from "./format-price-BcFBa-WP.js";
+import { C as Cr } from "./credit-card-D9XZsHGA.js";
+import { C as Tr } from "./card-BA4Ig_kn.js";
+import { O as Ar } from "./otp-input-gV1446Dw.js";
+import { i as Mr } from "./safe-href-5dbsfbQn.js";
+import { B as zn } from "./badge-BUk4RjTS.js";
+import { I as Mn } from "./icon-button-S8_weU3g.js";
+import { S as an } from "./select-4S-eYZUf.js";
+import { C as bn } from "./combobox-D-gpgEDy.js";
+import { M as yn } from "./multi-select-i5MFRpXg.js";
+import { c as Rr } from "./option-row-Dc7BrbK8.js";
+import { S as rn } from "./skeleton-tTWJpvAq.js";
+import { E as kn } from "./empty-state-DwJ5YNzz.js";
+import { S as Or } from "./stepper-accordion-DDTSOUHc.js";
+import { S as Dr } from "./stepper-progress-D6H8wQiV.js";
+import { S as Er } from "./slot-grid-B-IAFX3C.js";
+import { p as fe } from "./parseISO-DZZ5a-zK.js";
+import { C as Fr } from "./chevron-down-DWE7GSq9.js";
+import { s as rt, f as nn, d as Rn } from "./format--x5jypvH.js";
+import { x as Kn, i as On, a as ut, b as un, s as Ft, m as _r, y as Zt } from "./date-picker-variants-Dt6UbonG.js";
+import { s as Br } from "./subDays-DKISP2nE.js";
+import { c as _e } from "./createLucideIcon-DhHxpK9K.js";
+import { M as Lr, S as Pr } from "./sun-Bj9Mr553.js";
+import { S as Vr } from "./stethoscope-sZXGC43m.js";
+import { C as $r } from "./chevron-left-B8cOyH-V.js";
+import { C as qr } from "./chevron-right-I9AeSxH2.js";
+import { H as zr } from "./heart-pulse-BCppJyN2.js";
+import { E as Kr } from "./eye-BjhN2nYf.js";
+import { B as jr } from "./baby-Dku-Xvg9.js";
+import { S as Ur } from "./scan-line-CNseIHQ0.js";
+import { A as Hr } from "./astroid-BN4f5VXU.js";
+import { C as Gr } 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 Jr = [
+  [
+    "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"
+    }
+  ]
+], Wr = _e("activity", Jr);
+/**
+ * @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 Yr = [
+  [
+    "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"
+    }
+  ]
+], Zr = _e("bone", Yr);
+/**
+ * @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 Xr = [
+  ["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" }]
+], Qr = _e("brain", Xr);
+/**
+ * @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 = [
+  ["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" }]
+], ts = _e("calendar-range", 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 ns = [
+  ["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" }]
+], rs = _e("ear", ns);
+/**
+ * @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 ss = [
+  ["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" }]
+], is = _e("microscope", ss);
+/**
+ * @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 os = [
+  [
+    "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" }]
+], as = _e("pill", os);
+/**
+ * @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 cs = [
+  ["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" }]
+], ds = _e("scissors", cs);
+/**
+ * @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 = [
+  ["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" }]
+], us = _e("smile", 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 ms = [
+  ["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" }]
+], ps = _e("sunset", 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 fs = [
+  ["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" }]
+], Dn = _e("syringe", fs);
+function gs(e, t, r) {
+  return Kn(e, -1, r);
+}
+const hs = {
+  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, including the "Time reserved" view that opens a host address after a short delay. 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 locked form and code box stay, and 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. The host prop emailOptional (boolean, default false) keeps email visible and optional unless used for confirmation. Email is marked and validated as required when selected in the channel picker or singleConfirmationChannel radio, or when the effective confirmation channel is email. With a hidden picker, the form and success screen use the sole enabled channel, or email when multiple channels are enabled. This includes payment and blocked-payment flows, which omit stored selections from submission. Omitting confirmationChannels also defaults to email. Selecting SMS without email makes the field optional again. The optional/required marker updates visually when the channel changes, with no announcement of that change. Validation updates immediately using the existing email error. With emailOptional, surrounding spaces are trimmed before validation, even when email is required for confirmation. Optional blank values are omitted from submission; filled values are sent trimmed. hideEmail takes precedence over emailOptional. Neither prop changes confirmation channels; pair with confirmationChannels ["sms"] for SMS-only confirmation with no channel picker. The optional codeStep prop adds SMS verification after submission and before any payment: the submitted form stays in place but locked (controls disabled, text still readable, not hidden), the code box opens below it, and a Change button, for the patient only (no agent action unlocks it), unlocks the form for a new booking request (the host keeps the earlier request until it expires; the kit cannot cancel it). With payment, a correct code opens the payment stage, and the step remains 7 until payment succeeds; without payment it remains 7 until verification succeeds. It 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."
+    }
+  }
+}, fn = [
+  "email",
+  "whatsapp",
+  "sms"
+], qe = "all", vs = "de";
+function bs(e) {
+  const t = e.lockedOperatorId;
+  return [...t ? e.operatorsByService ? e.specialties.filter(
+    (i) => e.services.some(
+      (s) => {
+        var a;
+        return s.specialtyId === i.id && ((a = s.operatorIds) == null ? void 0 : a.includes(t));
+      }
+    )
+  ) : e.specialties.filter((i) => {
+    var s;
+    return (s = i.operatorIds) == null ? void 0 : s.includes(t);
+  }) : e.specialties].sort((i, s) => {
+    const a = i.sequenceNumber ?? Number.POSITIVE_INFINITY, o = s.sequenceNumber ?? Number.POSITIVE_INFINITY;
+    return a - o;
+  });
+}
+function ys(e) {
+  let t = e.services;
+  if (e.lockedOperatorId && (t = t.filter(
+    (i) => {
+      var s;
+      return (s = i.operatorIds) == null ? void 0 : s.includes(e.lockedOperatorId);
+    }
+  )), e.useSpecialties === void 0 ? e.specialties.length > 0 : e.useSpecialties) {
+    const i = st(e.value);
+    i.length > 0 && (t = t.filter(
+      (s) => s.specialtyId !== void 0 && i.includes(s.specialtyId)
+    ));
+  }
+  return t;
+}
+function ks(e) {
+  const t = e.useSpecialties === void 0 ? e.specialties.length > 0 : e.useSpecialties, r = Ye(e.value);
+  if ((!t || e.operatorsByService) && r.length > 0)
+    return e.operators.filter(
+      (i) => {
+        var s;
+        return (s = i.appointmentBookingReasonIds) == null ? void 0 : s.some((a) => r.includes(a));
+      }
+    );
+  if (t) {
+    const i = st(e.value);
+    if (i.length > 0)
+      return e.operators.filter(
+        (s) => {
+          var a;
+          return (a = s.specialtyIds) == null ? void 0 : a.some((o) => i.includes(o));
+        }
+      );
+  }
+  return [];
+}
+function Ss(e, t) {
+  const r = e.country === vs, i = !r || e.value.insuranceType !== void 0, a = (e.useSpecialties === void 0 ? e.specialties.length > 0 : e.useSpecialties) && i, o = st(e.value).length > 0, m = !a || o, p = Ye(e.value).length > 0, f = !m || p, S = t.operators, g = !!e.allowOperatorSelection && f && p && !e.lockedOperatorId && S.length > 1, d = f && p, v = (!d || e.value.date !== void 0) && e.value.date !== void 0, M = (!v || e.value.slotKey !== void 0) && e.value.slotKey !== void 0, w = p && S.length === 0;
+  return {
+    insurance: r,
+    specialty: a,
+    service: m,
+    operator: g,
+    date: d,
+    slot: v,
+    details: M,
+    onboardingIncomplete: w
+  };
+}
+function xs(e, t) {
+  const r = [];
+  return t.insurance && r.push(1), t.specialty && r.push(2), r.push(3), t.operator && r.push(4), r.push(5), r.push(6), r.push(7), {
+    currentStep: r.find(
+      (s) => !We(s, e.value)
+    ) ?? 7,
+    visibleSteps: r
+  };
+}
+function We(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 st(t).length > 0;
+    case 3:
+      return Ye(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 Is(e) {
+  const t = {
+    specialties: bs(e),
+    services: ys(e),
+    operators: ks(e)
+  }, r = Ss(e, t), { currentStep: i, visibleSteps: s } = xs(e, r);
+  let a;
+  if (e.value.date && e.value.slotKey) {
+    const f = e.availableSlots[e.value.date];
+    f && (a = f.find((S) => S.key === e.value.slotKey));
+  }
+  const o = Ye(e.value), c = o.length > 0 ? e.services.find((f) => f.id === o[0]) : void 0, m = st(e.value).length > 0, p = o.length > 0 && e.value.date !== void 0 && e.value.slotKey !== void 0 && (!r.insurance || e.value.insuranceType !== void 0) && (!r.specialty || m);
+  return {
+    gates: r,
+    filtered: t,
+    currentStep: i,
+    totalSteps: s.length,
+    visibleSteps: s,
+    isReadyToSubmit: p,
+    durationMin: c == null ? void 0 : c.durationMin,
+    selectedSlot: a
+  };
+}
+function jn(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 Un(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 Hn(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 Gn(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 ? qe : void 0,
+    operatorIds: void 0,
+    date: void 0,
+    slotKey: void 0,
+    details: void 0
+  };
+}
+function Jn(e, t) {
+  const r = !!t && t.length > 0;
+  return {
+    ...e,
+    serviceId: void 0,
+    serviceIds: t,
+    operatorId: r ? qe : void 0,
+    operatorIds: void 0,
+    date: void 0,
+    slotKey: void 0,
+    details: void 0
+  };
+}
+function Wn(e, t) {
+  return {
+    ...e,
+    operatorId: t,
+    operatorIds: void 0,
+    date: void 0,
+    slotKey: void 0,
+    details: void 0
+  };
+}
+function Yn(e, t) {
+  return {
+    ...e,
+    operatorId: void 0,
+    operatorIds: t,
+    date: void 0,
+    slotKey: void 0,
+    details: void 0
+  };
+}
+function st(e) {
+  return e.specialtyIds && e.specialtyIds.length > 0 ? e.specialtyIds : e.specialtyId ? [e.specialtyId] : [];
+}
+function Ye(e) {
+  return e.serviceIds && e.serviceIds.length > 0 ? e.serviceIds : e.serviceId ? [e.serviceId] : [];
+}
+function gn(e) {
+  return e.operatorIds && e.operatorIds.length > 0 ? e.operatorIds : e.operatorId ? [e.operatorId] : [];
+}
+function hn(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 Zn(e, t) {
+  return {
+    ...e,
+    slotKey: t
+  };
+}
+function Ns(e, t) {
+  let r = e;
+  if (t.lockedOperatorId && r.operatorId !== t.lockedOperatorId && (r = { ...r, operatorId: t.lockedOperatorId }), (t.useSpecialties === void 0 ? t.specialties.length > 0 : t.useSpecialties) && t.specialties.length === 1 && r.specialtyId === void 0 && r.specialtyIds === void 0 && (r = { ...r, specialtyId: t.specialties[0].id }), t.autoSelectSingleService) {
+    const s = st(r), a = s.length > 0 ? t.services.filter(
+      (o) => o.specialtyId && s.includes(o.specialtyId)
+    ) : t.services;
+    a.length === 1 && r.serviceId === void 0 && r.serviceIds === void 0 && (r = { ...r, serviceId: a[0].id }, r.operatorId === void 0 && r.operatorIds === void 0 && (r = { ...r, operatorId: qe }));
+  }
+  return r;
+}
+function Xn(e) {
+  if (e.operatorId && e.operatorId !== qe)
+    return e.operatorId;
+}
+function ws(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"], r = new Set(t);
+  return fn.filter((i) => r.has(i));
+}
+function Qn(e, t) {
+  return t ?? (e.length === 1 ? e : ["email"]);
+}
+function Cs(e, t, r) {
+  const i = Sn(e), s = new Set(i);
+  if (r)
+    return fn.filter(
+      (p) => r.includes(p) && s.has(p)
+    );
+  const a = [];
+  s.has("email") && a.push("email");
+  const o = ws(t), c = s.has("whatsapp");
+  c && o && a.push("whatsapp"), !c && s.has("sms") && a.push("sms");
+  const m = new Set(a);
+  return fn.filter((p) => m.has(p));
+}
+const Ts = /https?:\/\/(?:(?![.,;:!?'»›]https?:\/\/)[^\s<>"\u060C\u061B\u061F\u06D4\u2000-\u206F\u3000-\u303F\uFF00-\uFFEF])+/gi, As = /* @__PURE__ */ new Set([
+  ".",
+  ",",
+  ";",
+  ":",
+  "!",
+  "?",
+  "'",
+  "»",
+  "›"
+]), Ms = { ")": "(", "]": "[", "}": "{" }, En = (e, t) => e.split(t).length - 1;
+function Rs(e) {
+  const t = {};
+  for (const [i, s] of Object.entries(Ms))
+    t[i] = En(e, i) - En(e, s);
+  let r = e.length;
+  for (; r > 0; ) {
+    const i = e[r - 1];
+    if (As.has(i))
+      r -= 1;
+    else if (i in t && t[i] > 0)
+      t[i] -= 1, r -= 1;
+    else
+      break;
+  }
+  return e.slice(0, r);
+}
+const Os = /[\u0600-\u06FF\u3040-\u30FF\u3400-\u9FFF\uAC00-\uD7AF]/, Ds = /[A-Za-z0-9]/;
+function Es(e) {
+  const t = e.search(Os);
+  return t > 0 && Ds.test(e[t - 1]) ? e.slice(0, t) : e;
+}
+function Fs(e) {
+  try {
+    const { protocol: t, hostname: r } = new URL(e);
+    return (t === "http:" || t === "https:") && r !== "";
+  } catch {
+    return !1;
+  }
+}
+function _s(e) {
+  const t = [];
+  let r = 0;
+  const i = (s) => {
+    if (s === "") return;
+    const a = t[t.length - 1];
+    (a == null ? void 0 : a.kind) === "text" ? a.text += s : t.push({ kind: "text", text: s });
+  };
+  for (const s of e.matchAll(Ts)) {
+    const a = s.index ?? 0, o = Rs(Es(s[0]));
+    Fs(o) && (i(e.slice(r, a)), t.push({ kind: "link", text: o, href: o }), r = a + o.length);
+  }
+  return i(e.slice(r)), t;
+}
+const Fn = 500, Bs = /^[A-Z0-9]{16}$/, Ls = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, _n = 300, mn = "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)]", Xt = (e) => e && /^https?:\/\//i.test(e) ? e : void 0, Ps = (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: ""
+}), Vs = (e, t, r = null) => ({
+  name: t,
+  address: {
+    line1: e.street,
+    line2: r,
+    city: e.city,
+    state: e.province,
+    postalCode: e.postcode,
+    country: e.country.toUpperCase()
+  }
+}), $s = Lt("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" }
+}), qs = ["it", "ch", "de", "at", "fr", "sm"], X = {
+  country: "billing.country",
+  street: "billing.street",
+  city: "billing.city",
+  postcode: "billing.postcode",
+  province: "billing.province"
+}, er = /^\d{5}$/, zs = (e) => {
+  if (!e) return !1;
+  const { line1: t, city: r, postalCode: i, country: s, state: a } = e.address;
+  return !t.trim() || !r.trim() || !i.trim() || !s.trim() ? !1 : s.toUpperCase() !== "IT" ? !0 : !!a.trim() && er.test(i.trim());
+}, Ks = (e, t) => {
+  var r;
+  return {
+    name: t,
+    address: {
+      line1: e.address.line1.trim(),
+      line2: ((r = e.address.line2) == null ? void 0 : r.trim()) || null,
+      city: e.address.city.trim(),
+      state: e.address.state.trim(),
+      postalCode: e.address.postalCode.trim(),
+      country: e.address.country.trim().toUpperCase()
+    }
+  };
+}, Qt = { state: "idle" }, Bn = [
+  "firstName",
+  "lastName",
+  "email",
+  "mobilePhone",
+  "codiceFiscale",
+  "dateOfBirth",
+  "insuranceNumber",
+  X.country,
+  X.street,
+  X.city,
+  X.postcode,
+  X.province
+], js = /* @__PURE__ */ new Set(), xn = Vn(
+  ({
+    value: e,
+    onChange: t,
+    onSubmit: r,
+    hideEmail: i = !1,
+    emailOptional: s = !1,
+    requireCodiceFiscale: a = !1,
+    requireDateOfBirth: o = !1,
+    requireInsuranceNumber: c = !1,
+    insuranceType: m,
+    showNote: p = !1,
+    showReturningPatientFlag: f = !1,
+    privacyPolicyUrl: S,
+    termsUrl: g,
+    practiceConsent: d,
+    payment: h,
+    paymentTermsUrl: v,
+    paymentBlocked: u = !1,
+    billingInDetails: M = !1,
+    paymentNoticeStyle: w = "highlighted",
+    criticalInformationToAccept: C,
+    validateCodiceFiscale: I,
+    validateInsuranceNumber: O,
+    submitting: B = !1,
+    locked: F = !1,
+    summarySlot: R,
+    defaultPhoneCountry: $,
+    confirmationChannels: j,
+    defaultConfirmationChannels: T,
+    singleConfirmationChannel: k = !1,
+    submitError: L
+  }, E) => {
+    var Ae, Jt, It, Nt, tt;
+    const { t: b, i18n: W } = Q("ui"), ne = pt(), Ne = A(null), ge = A(null);
+    _t(() => {
+      var l;
+      (l = ge.current) == null || l.setAttribute("inert", "");
+    }, []);
+    const N = Me(
+      (l) => {
+        Ne.current = l, typeof E == "function" ? E(l) : E && (E.current = l);
+      },
+      [E]
+    ), [q, Y] = J(0);
+    V(() => {
+      var D;
+      if (q === 0) return;
+      const l = (D = Ne.current) == null ? void 0 : D.querySelectorAll(
+        '[aria-invalid="true"], [role="checkbox"][aria-required="true"][aria-checked="false"], [data-unanswered] [role="checkbox"]'
+      );
+      for (const ie of l ?? [])
+        if (ie.focus(), document.activeElement === ie) return;
+    }, [q]);
+    const U = A(!1), [ze, Be] = J(!1), [he, ve] = J(!1), be = B || ze, [ye, Oe] = J(Qt), [De, ke] = J(Qt), [oe, ae] = J({}), se = Me(
+      (l) => ae((D) => ({ ...D, [l]: !0 })),
+      []
+    ), [it, ft] = J(js), Le = A(null), ot = A(
+      null
+    );
+    V(
+      () => () => {
+        Le.current && clearTimeout(Le.current), ot.current && clearTimeout(ot.current);
+      },
+      []
+    );
+    const Z = Me(
+      (l) => {
+        ve(!1), t({ ...e, ...l });
+      },
+      [e, t]
+    ), Ke = h ? JSON.stringify([
+      h.serviceId,
+      h.kind,
+      h.amountCents,
+      h.currencyCode,
+      v
+    ]) : void 0, [Pt, Tt] = J(
+      () => e.paymentAccepted ? Ke : void 0
+    ), Vt = A(Ke), Ze = !!(h && e.paymentAccepted && Pt === Ke);
+    V(() => {
+      Vt.current !== Ke && (Vt.current = Ke, Tt(void 0), e.paymentAccepted !== void 0 && Z({ paymentAccepted: h ? !1 : void 0 }));
+    }, [Ke, h, Z, e.paymentAccepted]);
+    const gt = typeof (d == null ? void 0 : d.label) == "string" && d.label.trim() !== "", we = d && gt ? JSON.stringify([
+      d.label,
+      d.url ?? null,
+      d.required
+    ]) : void 0, [At, $t] = J(
+      () => e.practiceConsentAccepted ? we : void 0
+    ), qt = A(we), de = !!(we !== void 0 && e.practiceConsentAccepted && At === we);
+    V(() => {
+      qt.current !== we && (qt.current = we, $t(void 0), e.practiceConsentAccepted !== void 0 && Z({ practiceConsentAccepted: void 0 }));
+    }, [we, Z, e.practiceConsentAccepted]);
+    const ht = h ? on(h.amountCents, h.currencyCode, W.language) : "", Se = Xt(v), Ee = M && !!h && !u, pe = a, at = ($ || "it").toLowerCase(), vt = !Ee || zs(e.billing), ct = Ps(e.billing, at), je = ct.country === "it", bt = A(null), Xe = A(
+      null
+    ), Pe = (Ae = e.billing) == null ? void 0 : Ae.address.line1.trim(), z = ((It = (Jt = e.billing) == null ? void 0 : Jt.address.line2) == null ? void 0 : It.trim()) || null;
+    V(() => {
+      var l;
+      Pe !== void 0 && z ? Xe.current = { street: Pe, line2: z } : (Pe === void 0 || Pe === ((l = Xe.current) == null ? void 0 : l.street)) && (Xe.current = null);
+    }, [Pe, z]);
+    const Ve = (l) => (
+      // Nothing for a block not shown, nor for a province outside Italy.
+      !Ee || !oe[X[l]] || l === "province" && !je ? void 0 : ct[l].trim() ? (
+        // The one format the block itself checks: an Italian CAP.
+        l === "postcode" && je && !er.test(ct.postcode.trim()) ? b("inputs.postalCode.invalid") : void 0
+      ) : b("booking.details.fieldRequired")
+    ), yt = Me(
+      () => ae(
+        (l) => l[X.province] ? l : {
+          ...l,
+          codiceFiscale: !0,
+          ...Object.fromEntries(
+            Object.values(X).map((D) => [D, !0])
+          )
+        }
+      ),
+      []
+    ), Ce = K(
+      () => Sn(j),
+      [j]
+    ), ee = !h && !u && Ce.length >= 2, xe = K(
+      () => k ? [
+        (T == null ? void 0 : T.find(
+          (l) => Ce.includes(l)
+        )) ?? Ce[0]
+      ] : Cs(
+        Ce,
+        e.mobilePhone,
+        T
+      ),
+      [
+        k,
+        T,
+        Ce,
+        e.mobilePhone
+      ]
+    ), kt = A(!1);
+    V(() => {
+      if (!(h || u)) {
+        if (!ee) {
+          e.confirmationChannels !== void 0 && Z({ confirmationChannels: void 0 });
+          return;
+        }
+        if (e.confirmationChannels !== void 0) {
+          kt.current = !0, k && e.confirmationChannels.length > 1 && Z({
+            confirmationChannels: e.confirmationChannels.slice(0, 1)
+          });
+          return;
+        }
+        kt.current = !0, Z({ confirmationChannels: xe });
+      }
+    }, [
+      xe,
+      ee,
+      h,
+      u,
+      Ce,
+      e.mobilePhone,
+      T,
+      k
+    ]);
+    const Ue = e.confirmationChannels ?? xe, St = ee && Ue.length === 0, Te = Qn(
+      Ce,
+      ee ? Ue : void 0
+    ), dt = !s || Te.includes("email"), Mt = A(I), zt = A(O);
+    V(() => {
+      Mt.current = I, zt.current = O;
+    }, [I, O]);
+    const Kt = !!I, He = !!O;
+    V(() => {
+      const l = e.codiceFiscale;
+      if (!pe || !Kt || !l) {
+        Oe(Qt);
+        return;
+      }
+      if (!Bs.test(l)) {
+        Oe({
+          state: "invalid",
+          hint: b("booking.details.codiceFiscale.invalidFormat")
+        });
+        return;
+      }
+      Oe({ state: "pending" });
+      let D = !0;
+      return Le.current && clearTimeout(Le.current), Le.current = setTimeout(async () => {
+        try {
+          const ie = Mt.current;
+          if (!ie) return;
+          const nt = await ie(l);
+          D && Oe({
+            state: nt.valid ? "valid" : "invalid",
+            hint: nt.hint,
+            value: l
+          });
+        } catch {
+          D && Oe({
+            state: "invalid",
+            hint: b("booking.details.codiceFiscale.unavailable"),
+            value: l
+          });
+        }
+      }, _n), () => {
+        D = !1, Le.current && clearTimeout(Le.current);
+      };
+    }, [pe, Kt, e.codiceFiscale, b]);
+    const $e = c && m === "public";
+    V(() => {
+      const l = e.insuranceNumber;
+      if (!$e || !He || !l) {
+        ke(Qt);
+        return;
+      }
+      ke({ state: "pending" }), ot.current && clearTimeout(ot.current), ot.current = setTimeout(() => {
+        const D = zt.current;
+        D && D(l).then(
+          (ie) => ke(
+            ie.valid ? { state: "valid" } : { state: "invalid", hint: ie.hint }
+          )
+        ).catch(
+          () => ke({
+            state: "invalid",
+            hint: b("booking.details.insuranceNumber.unavailable")
+          })
+        );
+      }, _n);
+    }, [$e, He, e.insuranceNumber, b]);
+    const G = K(() => {
+      var D;
+      if (i) return !0;
+      const l = s ? (D = e.email) == null ? void 0 : D.trim() : e.email;
+      return !dt && !l ? !0 : !!(l && Ls.test(l));
+    }, [i, s, dt, e.email]), H = K(
+      () => !!(e.mobilePhone && e.mobilePhone.length >= 6),
+      [e.mobilePhone]
+    ), jt = K(() => {
+      var l, D;
+      return !(!((l = e.firstName) != null && l.trim()) || !((D = e.lastName) != null && D.trim()) || !G || !H || pe && (ye.state !== "valid" || ye.value !== e.codiceFiscale) || !vt || o && !e.dateOfBirth || $e && De.state !== "valid");
+    }, [
+      e.firstName,
+      e.lastName,
+      G,
+      H,
+      pe,
+      vt,
+      ye.state,
+      ye.value,
+      e.codiceFiscale,
+      o,
+      e.dateOfBirth,
+      $e,
+      De.state
+    ]), Qe = C != null && C.trim() ? C : void 0, xt = Qe !== void 0, dn = !xt || !!e.criticalInformationAccepted, ln = !gt || !(d != null && d.required) || de, Ut = !!(e.privacyConsent && e.termsConsent && dn && ln), Ht = !ee || Ue.length > 0, lt = jt && Ut && Ht && (!h || Ze) && !u && !be, Rt = !lt && !be && !u, Ot = `${ne}-submit-hint`, te = {
+      firstName: oe.firstName && !((Nt = e.firstName) != null && Nt.trim()) ? b("booking.details.firstName.required") : void 0,
+      lastName: oe.lastName && !((tt = e.lastName) != null && tt.trim()) ? b("booking.details.lastName.required") : void 0,
+      email: !i && oe.email && !G ? b("booking.details.email.invalid") : void 0,
+      mobilePhone: oe.mobilePhone && !H ? b("booking.details.mobilePhone.invalid") : void 0,
+      codiceFiscale: oe.codiceFiscale && ye.state === "invalid" ? ye.hint ?? b("booking.details.codiceFiscale.invalid") : oe.codiceFiscale && !e.codiceFiscale ? b("booking.details.fieldRequired") : void 0,
+      dateOfBirth: oe.dateOfBirth && !e.dateOfBirth ? b("booking.details.dateOfBirth.required") : void 0,
+      insuranceNumber: oe.insuranceNumber && De.state === "invalid" ? De.hint ?? b("booking.details.insuranceNumber.invalid") : void 0,
+      [X.country]: Ve("country"),
+      [X.street]: Ve("street"),
+      [X.city]: Ve("city"),
+      [X.postcode]: Ve("postcode"),
+      [X.province]: Ve("province")
+    }, Dt = Bn.filter(
+      (l) => it.has(l) && te[l] !== void 0
+    );
+    Dt.length !== it.size && ft(new Set(Dt));
+    const le = (l) => !it.has(l), et = async (l) => {
+      var ie, nt;
+      if (l.preventDefault(), !be && !U.current && !lt && ft(
+        new Set(
+          Bn.filter(
+            (Ge) => it.has(Ge) || !te[Ge]
+          )
+        )
+      ), ae({
+        firstName: !0,
+        lastName: !0,
+        email: !i,
+        mobilePhone: !0,
+        codiceFiscale: !0,
+        dateOfBirth: !0,
+        insuranceNumber: !0,
+        ...Object.fromEntries(
+          Object.values(X).map((Ge) => [Ge, !0])
+        )
+      }), be || U.current) return;
+      if (!lt) {
+        Y((Ge) => Ge + 1);
+        return;
+      }
+      const D = {
+        firstName: e.firstName.trim(),
+        lastName: e.lastName.trim(),
+        ...!i && ((ie = e.email) != null && ie.trim()) ? { email: e.email.trim() } : {},
+        mobilePhone: e.mobilePhone,
+        // Always present so the platform can refuse a filled or omitted field.
+        // Read from the DOM: bots often set the input without firing onChange.
+        website: ((nt = ge.current) == null ? void 0 : nt.value) ?? "",
+        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.
+        ...xt ? { 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.
+        ...gt ? { practiceConsentAccepted: de } : {},
+        ...h ? { 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: ee ? Ue : void 0,
+        ...Ee && e.billing ? {
+          billing: Ks(
+            e.billing,
+            `${e.firstName.trim()} ${e.lastName.trim()}`
+          )
+        } : {}
+      };
+      U.current = !0, Be(!0), ve(!1);
+      try {
+        await r(D);
+      } catch {
+        ve(!0);
+      } finally {
+        U.current = !1, Be(!1);
+      }
+    }, Et = /* @__PURE__ */ n(
+      Je,
+      {
+        label: b("booking.details.codiceFiscale.label"),
+        required: !0,
+        description: ye.state === "pending" ? b("booking.details.codiceFiscale.checking") : b("booking.details.codiceFiscale.helper"),
+        error: te.codiceFiscale,
+        announceError: le("codiceFiscale"),
+        children: /* @__PURE__ */ n(
+          Yt,
+          {
+            value: e.codiceFiscale ?? "",
+            maxLength: 16,
+            onChange: (l) => Z({
+              codiceFiscale: l.target.value.slice(0, 16).toUpperCase()
+            }),
+            onBlur: () => se("codiceFiscale")
+          }
+        )
+      }
+    ), Gt = (l, D) => {
+      const ie = Xt(D);
+      return ie ? /* @__PURE__ */ n(
+        $n,
+        {
+          ns: "ui",
+          i18nKey: l,
+          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: ie,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: mn
+                }
+              )
+            )
+          }
+        }
+      ) : b(l);
+    };
+    return /* @__PURE__ */ y(
+      "form",
+      {
+        ref: N,
+        id: ne,
+        noValidate: !0,
+        onSubmit: et,
+        onFocus: (l) => {
+          const D = bt.current;
+          !D || !l.currentTarget.contains(l.target) || !D.contains(l.target) && D.compareDocumentPosition(l.target) & Node.DOCUMENT_POSITION_FOLLOWING && yt();
+        },
+        "aria-busy": be || void 0,
+        className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+        children: [
+          R,
+          /* @__PURE__ */ n(
+            "input",
+            {
+              ref: ge,
+              type: "text",
+              name: "ad_booking_hp",
+              "data-honeypot": "",
+              defaultValue: "",
+              tabIndex: -1,
+              autoComplete: "off",
+              "data-1p-ignore": "",
+              "data-lpignore": "true",
+              "data-bwignore": "",
+              "aria-hidden": "true",
+              className: "ds:sr-only ds:pointer-events-none"
+            }
+          ),
+          /* @__PURE__ */ y("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-sm)] ds:sm:grid-cols-2", children: [
+            /* @__PURE__ */ n(
+              Je,
+              {
+                label: b("booking.details.firstName.label"),
+                required: !0,
+                error: te.firstName,
+                announceError: le("firstName"),
+                children: /* @__PURE__ */ n(
+                  Yt,
+                  {
+                    autoComplete: "given-name",
+                    value: e.firstName ?? "",
+                    onChange: (l) => Z({ firstName: l.target.value }),
+                    onBlur: () => se("firstName")
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ n(
+              Je,
+              {
+                label: b("booking.details.lastName.label"),
+                required: !0,
+                error: te.lastName,
+                announceError: le("lastName"),
+                children: /* @__PURE__ */ n(
+                  Yt,
+                  {
+                    autoComplete: "family-name",
+                    value: e.lastName ?? "",
+                    onChange: (l) => Z({ lastName: l.target.value }),
+                    onBlur: () => se("lastName")
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ y(
+            "div",
+            {
+              className: `ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-sm)]${i ? "" : " ds:sm:grid-cols-2"}`,
+              children: [
+                !i && /* @__PURE__ */ n(
+                  Je,
+                  {
+                    label: b("booking.details.email.label"),
+                    ...dt ? { required: !0 } : { optional: !0 },
+                    error: te.email,
+                    announceError: le("email"),
+                    children: /* @__PURE__ */ n(
+                      xr,
+                      {
+                        disableBuiltInValidation: s,
+                        value: e.email ?? "",
+                        onChange: (l) => Z({ email: l.target.value }),
+                        onBlur: () => se("email")
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ n(
+                  Je,
+                  {
+                    label: b("booking.details.mobilePhone.label"),
+                    required: !0,
+                    error: te.mobilePhone,
+                    announceError: le("mobilePhone"),
+                    children: /* @__PURE__ */ n(
+                      Ir,
+                      {
+                        value: e.mobilePhone ?? "",
+                        defaultCountry: $ == null ? void 0 : $.toUpperCase(),
+                        onChange: (l) => {
+                          Z({ mobilePhone: l });
+                        },
+                        onBlur: () => se("mobilePhone")
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          ),
+          pe && !Ee || o ? /* @__PURE__ */ y("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-sm)] ds:sm:grid-cols-2", children: [
+            pe && !Ee ? Et : null,
+            o ? /* @__PURE__ */ n(
+              Je,
+              {
+                label: b("booking.details.dateOfBirth.label"),
+                required: !0,
+                error: te.dateOfBirth,
+                announceError: le("dateOfBirth"),
+                children: /* @__PURE__ */ n(
+                  Sr,
+                  {
+                    value: e.dateOfBirth ? new Date(e.dateOfBirth) : void 0,
+                    onChange: (l) => {
+                      Z({
+                        dateOfBirth: l ? l.toISOString().slice(0, 10) : void 0
+                      }), se("dateOfBirth");
+                    }
+                  }
+                )
+              }
+            ) : null
+          ] }) : null,
+          $e ? /* @__PURE__ */ n(
+            Je,
+            {
+              label: b("booking.details.insuranceNumber.label"),
+              required: !0,
+              description: De.state === "pending" ? b("booking.details.insuranceNumber.checking") : void 0,
+              error: te.insuranceNumber,
+              announceError: le("insuranceNumber"),
+              children: /* @__PURE__ */ n(
+                Yt,
+                {
+                  value: e.insuranceNumber ?? "",
+                  onChange: (l) => Z({ insuranceNumber: l.target.value }),
+                  onBlur: () => se("insuranceNumber")
+                }
+              )
+            }
+          ) : null,
+          Ee ? /* @__PURE__ */ y(
+            "div",
+            {
+              ref: bt,
+              "data-component": "booking-billing",
+              role: "group",
+              "aria-labelledby": `${ne}-billing-heading`,
+              "aria-describedby": `${ne}-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: (l) => {
+                var ie;
+                const D = (ie = l.target.closest("[data-address-field]")) == null ? void 0 : ie.getAttribute("data-address-field");
+                (D === "street" || D === "city" || D === "postcode") && se(X[D]);
+              },
+              children: [
+                /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+                  /* @__PURE__ */ n(
+                    "h3",
+                    {
+                      id: `${ne}-billing-heading`,
+                      className: "type-label ds:m-0 ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)]",
+                      children: b("booking.details.billing.heading")
+                    }
+                  ),
+                  /* @__PURE__ */ n(
+                    "p",
+                    {
+                      id: `${ne}-billing-intro`,
+                      className: "type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]",
+                      children: b("booking.details.billing.intro")
+                    }
+                  )
+                ] }),
+                pe ? Et : null,
+                /* @__PURE__ */ n(
+                  wr,
+                  {
+                    value: ct,
+                    onChange: (l) => {
+                      var D;
+                      return (
+                        // The name is set from the patient's own on submit.
+                        Z({
+                          billing: Vs(
+                            l,
+                            "",
+                            // A second line belongs to its street: it goes when the
+                            // patient writes another, and returns with the first.
+                            l.street.trim() === ((D = Xe.current) == null ? void 0 : D.street) ? Xe.current.line2 : null
+                          )
+                        })
+                      );
+                    },
+                    popularCountries: qs,
+                    layout: "grid",
+                    fields: je ? void 0 : ["street", "city", "postcode"],
+                    required: je ? ["country", "street", "city", "postcode", "province"] : ["country", "street", "city", "postcode"],
+                    errors: {
+                      country: te[X.country],
+                      street: te[X.street],
+                      city: te[X.city],
+                      postcode: te[X.postcode],
+                      province: te[X.province]
+                    },
+                    announceErrors: {
+                      country: le(X.country),
+                      street: le(X.street),
+                      city: le(X.city),
+                      postcode: le(X.postcode),
+                      province: le(X.province)
+                    }
+                  }
+                )
+              ]
+            }
+          ) : null,
+          p ? /* @__PURE__ */ n(
+            Je,
+            {
+              label: b("booking.details.note.label"),
+              optional: !0,
+              description: b("booking.details.note.helper", {
+                max: Fn
+              }),
+              children: /* @__PURE__ */ n(
+                Nr,
+                {
+                  value: e.note ?? "",
+                  maxLength: Fn,
+                  rows: 3,
+                  onChange: (l) => Z({ note: l.target.value })
+                }
+              )
+            }
+          ) : null,
+          f ? /* @__PURE__ */ n(
+            wt,
+            {
+              checked: !!e.returningPatient,
+              onCheckedChange: (l) => Z({ returningPatient: l === !0 }),
+              label: b("booking.details.returningPatient.label")
+            }
+          ) : null,
+          Qe !== void 0 ? /* @__PURE__ */ y(
+            "div",
+            {
+              "data-component": "booking-critical-information",
+              role: "group",
+              "aria-labelledby": `${ne}-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: `${ne}-critical-information-heading`,
+                    className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0",
+                    children: b("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: _s(Qe).map(
+                      (l, D) => l.kind === "link" ? /* @__PURE__ */ n(
+                        "a",
+                        {
+                          href: l.href,
+                          target: "_blank",
+                          rel: "noopener noreferrer",
+                          dir: "ltr",
+                          className: mn,
+                          children: l.text
+                        },
+                        D
+                      ) : /* @__PURE__ */ n(gr, { children: l.text }, D)
+                    )
+                  }
+                ),
+                /* @__PURE__ */ n(
+                  wt,
+                  {
+                    checked: !!e.criticalInformationAccepted,
+                    onCheckedChange: (l) => Z({ criticalInformationAccepted: l === !0 }),
+                    "aria-required": !0,
+                    label: /* @__PURE__ */ y(me, { children: [
+                      b("booking.details.criticalInformation.accept"),
+                      /* @__PURE__ */ n(
+                        "span",
+                        {
+                          "aria-hidden": "true",
+                          className: "ds:text-[var(--destructive)] ds:ms-[var(--spacing-2xs)]",
+                          children: "*"
+                        }
+                      )
+                    ] })
+                  }
+                )
+              ]
+            }
+          ) : null,
+          h ? /* @__PURE__ */ y(
+            "div",
+            {
+              "data-component": "booking-payment-notice",
+              role: "group",
+              "aria-labelledby": `${ne}-payment-heading`,
+              "data-notice-style": w,
+              className: $s({
+                noticeStyle: w
+              }),
+              children: [
+                w === "highlighted" ? /* @__PURE__ */ y("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(Cr, { "aria-hidden": "true", className: "ds:size-5" }) }),
+                  /* @__PURE__ */ n(
+                    "h3",
+                    {
+                      id: `${ne}-payment-heading`,
+                      className: "type-title-item ds:m-0 ds:flex-1",
+                      children: b("booking.payment.noticeTitle")
+                    }
+                  ),
+                  /* @__PURE__ */ n(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      className: "type-title-card ds:shrink-0 ds:text-[var(--foreground)]",
+                      children: ht
+                    }
+                  )
+                ] }) : /* @__PURE__ */ n(
+                  "h3",
+                  {
+                    id: `${ne}-payment-heading`,
+                    className: "type-label ds:m-0",
+                    children: b("booking.payment.noticeTitle")
+                  }
+                ),
+                /* @__PURE__ */ n("p", { className: "type-body-sm ds:m-0", children: b("booking.payment.noticeBody", { amount: ht }) }),
+                Se ? /* @__PURE__ */ n(
+                  "a",
+                  {
+                    href: Se,
+                    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: b("booking.payment.terms")
+                  }
+                ) : null,
+                /* @__PURE__ */ n(
+                  wt,
+                  {
+                    checked: Ze,
+                    onCheckedChange: (l) => {
+                      Tt(
+                        l === !0 ? Ke : void 0
+                      ), Z({ paymentAccepted: l === !0 });
+                    },
+                    "aria-required": !0,
+                    label: /* @__PURE__ */ y(me, { children: [
+                      b("booking.payment.accept", { amount: ht }),
+                      /* @__PURE__ */ n(
+                        "span",
+                        {
+                          "aria-hidden": "true",
+                          className: "ds:text-[var(--destructive)] ds:ms-[var(--spacing-2xs)]",
+                          children: "*"
+                        }
+                      )
+                    ] })
+                  }
+                )
+              ]
+            }
+          ) : null,
+          /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ n(
+              wt,
+              {
+                checked: !!e.privacyConsent,
+                onCheckedChange: (l) => Z({ privacyConsent: l === !0 }),
+                "aria-required": !0,
+                label: /* @__PURE__ */ y(me, { children: [
+                  Gt(
+                    "booking.details.consent.privacy.label",
+                    S
+                  ),
+                  /* @__PURE__ */ n(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      className: "ds:text-[var(--destructive)] ds:ms-[var(--spacing-2xs)]",
+                      children: "*"
+                    }
+                  )
+                ] })
+              }
+            ),
+            /* @__PURE__ */ n(
+              wt,
+              {
+                checked: !!e.termsConsent,
+                onCheckedChange: (l) => Z({ termsConsent: l === !0 }),
+                "aria-required": !0,
+                label: /* @__PURE__ */ y(me, { children: [
+                  Gt(
+                    "booking.details.consent.terms.label",
+                    g
+                  ),
+                  /* @__PURE__ */ n(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      className: "ds:text-[var(--destructive)] ds:ms-[var(--spacing-2xs)]",
+                      children: "*"
+                    }
+                  )
+                ] })
+              }
+            ),
+            d && gt ? /* @__PURE__ */ n(
+              wt,
+              {
+                checked: de,
+                onCheckedChange: (l) => {
+                  $t(
+                    l === !0 ? we : void 0
+                  ), Z({ practiceConsentAccepted: l === !0 });
+                },
+                "aria-required": d.required || void 0,
+                label: /* @__PURE__ */ y(me, { children: [
+                  Xt(d.url) ? /* @__PURE__ */ n(
+                    "a",
+                    {
+                      dir: "auto",
+                      href: Xt(d.url),
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      className: mn,
+                      children: d.label
+                    }
+                  ) : /* @__PURE__ */ n("span", { dir: "auto", children: d.label }),
+                  d.required ? /* @__PURE__ */ n(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      className: "ds:text-[var(--destructive)] ds:ms-[var(--spacing-2xs)]",
+                      children: "*"
+                    }
+                  ) : null
+                ] })
+              }
+            ) : null
+          ] }),
+          ee ? /* @__PURE__ */ n(
+            "div",
+            {
+              "data-component": "booking-confirmation-channels",
+              "data-unanswered": St || void 0,
+              className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+              children: k ? /* @__PURE__ */ n(
+                kr,
+                {
+                  variant: "horizontal",
+                  label: b("booking.confirmation.heading"),
+                  value: Ue[0] ?? "",
+                  onValueChange: (l) => Z({
+                    confirmationChannels: [l]
+                  }),
+                  error: St ? b("booking.confirmation.atLeastOne") : void 0,
+                  children: Ce.map((l) => /* @__PURE__ */ n(
+                    yr,
+                    {
+                      value: l,
+                      label: b(`booking.confirmation.channel.${l}`)
+                    },
+                    l
+                  ))
+                }
+              ) : /* @__PURE__ */ n(
+                br,
+                {
+                  label: b("booking.confirmation.heading"),
+                  helperText: b("booking.confirmation.helper"),
+                  value: Ue,
+                  onChange: (l) => Z({
+                    confirmationChannels: l
+                  }),
+                  orientation: "vertical",
+                  options: Ce.map((l) => ({
+                    value: l,
+                    label: b(`booking.confirmation.channel.${l}`)
+                  })),
+                  error: St ? b("booking.confirmation.atLeastOne") : void 0
+                }
+              )
+            }
+          ) : null,
+          !F && (L || he || u) ? /* @__PURE__ */ n(re, { variant: "error", children: /* @__PURE__ */ n(re.Description, { children: L ?? b(
+            u ? "booking.payment.unavailable" : "booking.payment.submitFailed"
+          ) }) }) : null,
+          F ? null : /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            Rt ? /* @__PURE__ */ n(
+              "p",
+              {
+                id: Ot,
+                "data-slot": "submit-hint",
+                className: "type-body-sm ds:m-0 ds:text-[var(--muted-foreground)]",
+                children: b("booking.details.submitHint")
+              }
+            ) : null,
+            /* @__PURE__ */ n(
+              Re,
+              {
+                intent: "primary",
+                size: "md",
+                type: "submit",
+                disabled: be || u,
+                "aria-disabled": !lt || void 0,
+                "aria-describedby": Rt ? Ot : void 0,
+                startIcon: be ? /* @__PURE__ */ n(qn, { variant: "pulse", size: "sm" }) : void 0,
+                children: h ? b("booking.payment.submit", { amount: ht }) : b("booking.details.submit")
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+xn.displayName = "BookingDetailsForm";
+const Bt = [
+  "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 vn(e) {
+  if (typeof window > "u") return !1;
+  if (typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches)
+    return !0;
+  if (!e) return !1;
+  if (e.closest(".theme-accessible")) return !0;
+  const t = getComputedStyle(e).getPropertyValue(
+    "--animation-duration"
+  );
+  return t.trim() !== "" && parseFloat(t) === 0;
+}
+function tr(e, t) {
+  if (!e || typeof e.scrollIntoView != "function") return !1;
+  const r = getComputedStyle(e), i = getComputedStyle(document.documentElement), s = (parseFloat(r.scrollMarginTop) || 0) + (parseFloat(i.scrollPaddingTop) || 0), a = (parseFloat(r.scrollMarginBottom) || 0) + (parseFloat(i.scrollPaddingBottom) || 0), o = e.getBoundingClientRect();
+  if (o.top >= s && o.bottom <= window.innerHeight - a) return !1;
+  try {
+    e.scrollIntoView({
+      behavior: vn(e) ? "auto" : "smooth",
+      block: t
+    });
+  } catch {
+    e.scrollIntoView();
+  }
+  return !0;
+}
+function Us(e, t = 1e3) {
+  let r = !1;
+  const i = () => {
+    r || (r = !0, window.removeEventListener("scrollend", i), clearTimeout(s), e());
+  }, s = setTimeout(i, t);
+  return window.addEventListener("scrollend", i), () => {
+    r = !0, window.removeEventListener("scrollend", i), clearTimeout(s);
+  };
+}
+function In({
+  error: e,
+  loading: t,
+  onRetry: r,
+  label: i,
+  children: s
+}) {
+  const { t: a } = Q("ui"), o = A(null), c = A(!1), m = A(!1);
+  return V(() => {
+    const p = m.current && !t;
+    if (m.current = !!t, !c.current || !p) return;
+    c.current = !1;
+    const f = o.current;
+    if (!f || document.activeElement !== f) return;
+    const S = f.querySelector(
+      e ? "[data-slot-retry]" : '[data-slot-id]:not(:disabled), [role="gridcell"]:not(:disabled)'
+    );
+    S == null || S.focus({ preventScroll: !0 });
+  }, [e, t]), !e && !t && !r ? /* @__PURE__ */ n("div", { children: s }) : /* @__PURE__ */ n(
+    "div",
+    {
+      ref: o,
+      "data-component": "booking-slot-load-state",
+      role: "group",
+      tabIndex: -1,
+      "aria-label": a(i === "date" ? "booking.date.heading" : "booking.slot.heading"),
+      "aria-busy": t || void 0,
+      "data-slot-load-state": t ? "loading" : e ? "error" : "ready",
+      className: Bt,
+      children: e && !t ? /* @__PURE__ */ y(re, { variant: "error", children: [
+        /* @__PURE__ */ n(re.Description, { children: a("booking.slotsLoadError") }),
+        r ? /* @__PURE__ */ n(re.Action, { children: /* @__PURE__ */ n(
+          Re,
+          {
+            type: "button",
+            "data-slot-retry": "",
+            className: "ds:min-h-[var(--min-target-size)]",
+            onClick: () => {
+              var p;
+              c.current = !0, (p = o.current) == null || p.focus({ preventScroll: !0 }), r();
+            },
+            children: a("booking.retrySlots")
+          }
+        ) }) : null
+      ] }) : s
+    }
+  );
+}
+function Hs({
+  length: e = 5,
+  onVerify: t,
+  onResend: r,
+  resendSeconds: i = 60,
+  phoneHint: s,
+  onVerified: a,
+  onBusyChange: o
+}) {
+  const { t: c, i18n: m } = Q("ui"), p = pt(), f = pt(), S = A(null), g = A(null), d = A(null), h = A(null), v = A(!1), u = A(!1), [M, w] = J(null), [C, I] = J(!1), [O, B] = J(null), [F, R] = J(
+    null
+  ), [$, j] = J(0), T = Number.isFinite(i) ? Math.max(0, Math.ceil(i)) : 60, [k, L] = J(
+    () => Date.now() + T * 1e3
+  ), [E, b] = J(T), W = O === "too-many-attempts";
+  V(() => {
+    o == null || o(!!M);
+  }, [M, o]), V(() => (v.current = !0, () => {
+    v.current = !1;
+  }), []), V(() => {
+    var N;
+    (N = d.current) == null || N.focus({ preventScroll: !0 }), tr(g.current, "center");
+  }, [$]), V(() => {
+    var Y, U;
+    if (M || !W && F !== "resend") return;
+    const N = document.activeElement, q = (Y = S.current) == null ? void 0 : Y.closest("section");
+    N && N !== document.body && !(q != null && q.contains(N)) || (h.current && !h.current.disabled ? h.current.focus() : (U = S.current) == null || U.focus());
+  }, [M, W, F]), V(() => {
+    if (E === 0) return;
+    const N = setTimeout(() => {
+      b(Math.max(0, Math.ceil((k - Date.now()) / 1e3)));
+    }, 1e3);
+    return () => clearTimeout(N);
+  }, [k, E]);
+  const ne = async (N) => {
+    if (!(u.current || W)) {
+      u.current = !0, w("verify"), I(!1), B(null), R(null);
+      try {
+        const q = await t(N);
+        if (!v.current) return;
+        q.ok ? a(q.redirectUrl) : (B(q.reason), q.reason !== "too-many-attempts" && j((Y) => Y + 1));
+      } catch {
+        if (!v.current) return;
+        R("verify"), j((q) => q + 1);
+      } finally {
+        u.current = !1, v.current && w(null);
+      }
+    }
+  }, Ne = async () => {
+    if (!(u.current || Date.now() < k)) {
+      u.current = !0, w("resend"), I(!1), R(null);
+      try {
+        if (await r(), !v.current) return;
+        L(Date.now() + T * 1e3), b(T), B(null), I(!0), j((N) => N + 1);
+      } catch {
+        v.current && R("resend");
+      } finally {
+        u.current = !1, v.current && w(null);
+      }
+    }
+  }, ge = O === "wrong" ? c("booking.code.wrong") : O === "expired" ? c("booking.code.expired") : W ? c("booking.code.tooManyAttempts") : void 0;
+  return /* @__PURE__ */ n(Tr, { variant: "elevated", asChild: !0, children: /* @__PURE__ */ y(
+    "section",
+    {
+      ref: g,
+      "aria-labelledby": p,
+      "data-component": "booking-code-step",
+      className: "ds:items-center ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)] ds:text-center",
+      children: [
+        /* @__PURE__ */ n(
+          "h3",
+          {
+            ref: S,
+            id: p,
+            tabIndex: -1,
+            className: `type-title-card ds:m-0 ${Bt}`,
+            children: c("booking.code.heading")
+          }
+        ),
+        /* @__PURE__ */ n("p", { id: f, className: "type-body ds:m-0", children: s ? /* @__PURE__ */ n(
+          $n,
+          {
+            t: c,
+            ns: "ui",
+            i18nKey: "booking.code.instructionWithPhone",
+            values: { phone: s },
+            components: { phone: /* @__PURE__ */ n("bdi", {}) }
+          }
+        ) : c("booking.code.instruction") }),
+        /* @__PURE__ */ n(Je, { label: c("booking.code.label"), error: ge, children: /* @__PURE__ */ n("div", { dir: "ltr", children: /* @__PURE__ */ n(
+          Ar,
+          {
+            ref: d,
+            length: e,
+            mode: "alphanumeric",
+            "aria-describedby": f,
+            disabled: !!M || W,
+            onComplete: ne
+          },
+          $
+        ) }) }),
+        F ? /* @__PURE__ */ n(re, { variant: "error", className: "ds:self-stretch ds:text-start", children: /* @__PURE__ */ n(re.Description, { children: c(F === "verify" ? "booking.code.verifyFailed" : "booking.code.resendFailed") }) }) : null,
+        /* @__PURE__ */ n("p", { role: "status", className: "type-body ds:m-0", children: M === "verify" ? c("booking.code.verifying") : C ? c("booking.code.resent") : null }),
+        /* @__PURE__ */ n(
+          Re,
+          {
+            ref: h,
+            type: "button",
+            intent: "secondary",
+            disabled: E > 0 || !!M,
+            loading: M === "resend",
+            onClick: Ne,
+            children: E > 0 ? c("booking.code.resendCountdown", {
+              seconds: new Intl.NumberFormat(m.language).format(
+                E
+              )
+            }) : c("booking.code.resend")
+          }
+        )
+      ]
+    }
+  ) });
+}
+function nr(e) {
+  const t = e.payment;
+  if (!t) return;
+  const r = (t.currencyCode ?? "EUR").toUpperCase();
+  if (!(!Number.isSafeInteger(t.amountCents) || t.amountCents <= 0 || !["full", "deposit"].includes(t.kind) || !/^[A-Z]{3}$/.test(r)))
+    return {
+      serviceId: e.id,
+      kind: t.kind,
+      amountCents: t.amountCents,
+      currencyCode: r
+    };
+}
+function Gs(e) {
+  var s;
+  const t = (s = e.priceLabel) != null && s.trim() ? e.priceLabel : void 0, r = t ? { label: t } : void 0;
+  if (!e.payment) return { price: r };
+  const i = nr(e);
+  return i ? {
+    price: r ?? (i.kind === "full" ? { amount: i } : void 0),
+    payment: i
+  } : { price: r, payment: "unavailable" };
+}
+function Js(e, t, r) {
+  const i = e.filter(
+    (a) => t.includes(a.id)
+  ), s = (r == null ? void 0 : r.serviceId) ?? (t.length === 1 ? t[0] : void 0);
+  if (s) {
+    const a = i.find((c) => c.id === s);
+    if (!a) return { blocked: !0 };
+    const o = nr(a);
+    return { payment: o, blocked: !!(a.payment && !o) };
+  }
+  return { blocked: i.some((a) => !!a.payment) };
+}
+function en(e) {
+  return e ? JSON.stringify([
+    e.serviceId,
+    e.kind,
+    e.amountCents,
+    e.currencyCode
+  ]) : "";
+}
+function Ws({
+  services: e,
+  value: t,
+  availableSlots: r,
+  onSubmit: i,
+  onChange: s,
+  paymentState: a,
+  submitting: o,
+  paymentTermsUrl: c,
+  renderPayment: m,
+  codeStep: p
+}) {
+  var ge, N, q;
+  const f = JSON.stringify([
+    t.insuranceType,
+    t.specialtyId,
+    t.specialtyIds,
+    Ye(t),
+    t.operatorId,
+    t.operatorIds,
+    t.date,
+    t.slotKey
+  ]), S = A(
+    void 0
+  ), d = (t.date ? (ge = r[t.date]) == null ? void 0 : ge.find((Y) => Y.key === t.slotKey) : void 0) ?? (((N = S.current) == null ? void 0 : N.selection) === f ? S.current.slot : void 0), h = Js(
+    e,
+    Ye(t),
+    d
+  ), v = h.blocked || !!(h.payment && !m), u = JSON.stringify([
+    f,
+    d == null ? void 0 : d.serviceId,
+    en(h.payment),
+    c,
+    v
+  ]), M = h.payment ? JSON.stringify([en(h.payment), c]) : "", w = A(void 0), C = !!((q = t.details) != null && q.paymentAccepted);
+  V(() => {
+    if (!C) w.current = void 0;
+    else if (M) w.current === void 0 ? w.current = M : w.current !== M && (w.current = void 0, s({
+      ...t,
+      details: { ...t.details, paymentAccepted: !1 }
+    }));
+    else return;
+  }, [C, M, s, t]);
+  const I = A(u);
+  I.current = u;
+  const [O, B] = J({ status: "idle" }), F = A(0), R = A(!1), $ = A(!0), j = A(!1), T = A(void 0), k = A(u);
+  V(() => ($.current = !0, () => {
+    $.current = !1, F.current += 1;
+  }), []);
+  const L = O.status === "payment" || O.status === "code" || O.status === "success";
+  V(() => {
+    k.current === u || j.current || L || (k.current = u, F.current += 1, R.current = !1, B({ status: "idle" }));
+  }, [u, L]);
+  const E = L || k.current === u ? O.session : void 0, b = K(
+    () => E && (a == null ? void 0 : a.sessionId) === E.id ? a : E ? { sessionId: E.id, status: "ready" } : void 0,
+    [E, a]
+  );
+  E && b && "phase" in b && b.phase === "completion" && (T.current = E.id);
+  const W = K(
+    () => E && T.current === E.id && b && b.status !== "paid" && (!("phase" in b) || b.phase !== "completion") ? {
+      sessionId: E.id,
+      status: "processing",
+      phase: "completion"
+    } : b,
+    [E, b]
+  );
+  V(() => {
+    if (!(!E || !W || j.current))
+      if (W.status === "paid") {
+        if (O.status !== "payment") return;
+        j.current = !0, B((Y) => ({
+          ...Y,
+          status: "success",
+          redirectUrl: W.redirectUrl
+        }));
+      } else W.status === "cancelled" && (F.current += 1, R.current = !1, S.current = void 0, s({
+        ...t,
+        details: { ...t.details, paymentAccepted: !1 }
+      }), B({ status: "idle", cancelled: !0 }));
+  }, [E, W, s, t, O.status]);
+  const ne = () => {
+    F.current += 1, R.current = !1, j.current = !1, T.current = void 0, S.current = void 0, k.current = I.current, B({ status: "idle" });
+  }, Ne = async (Y) => {
+    var ye, Oe, De, ke, oe;
+    if (!(d != null && d.available) || v || o || R.current || O.status === "payment" || O.status === "code" || j.current || h.payment && !Y.paymentAccepted) return;
+    R.current = !0;
+    const U = p ? { ...p } : void 0;
+    S.current = { selection: f, slot: { ...d } };
+    const ze = ++F.current, Be = u;
+    k.current = Be;
+    const he = {
+      slot: { ...d, meta: d.meta ? { ...d.meta } : void 0 },
+      value: {
+        ...t,
+        serviceIds: (ye = t.serviceIds) == null ? void 0 : ye.slice(),
+        specialtyIds: (Oe = t.specialtyIds) == null ? void 0 : Oe.slice(),
+        operatorIds: (De = t.operatorIds) == null ? void 0 : De.slice(),
+        operatorId: Xn(t) ?? t.operatorId,
+        details: { ...Y }
+      },
+      details: {
+        ...Y,
+        confirmationChannels: (ke = Y.confirmationChannels) == null ? void 0 : ke.slice()
+      },
+      ...h.payment ? { payment: { ...h.payment } } : {}
+    }, ve = () => $.current && F.current === ze && I.current === Be;
+    B({ status: "submitting" });
+    let be = !1;
+    try {
+      const ae = await i(he);
+      if (!ve()) return;
+      if (he.payment) {
+        const se = ae == null ? void 0 : ae.paymentSession;
+        if (!((oe = se == null ? void 0 : se.id) != null && oe.trim()) || en(se.payment) !== en(he.payment)) {
+          B({ status: "error" });
+          return;
+        }
+        be = !0, B({
+          status: U ? "code" : "payment",
+          snapshot: he,
+          session: { id: se.id, payment: { ...se.payment } },
+          codeStep: U
+        });
+      } else ae != null && ae.paymentSession ? B({ status: "error" }) : (j.current = !0, B({
+        status: U ? "code" : "success",
+        snapshot: he,
+        codeStep: U
+      }));
+    } catch {
+      ve() && B({ status: "error" });
+    } finally {
+      ve() && !be && (R.current = !1);
+    }
+  };
+  return {
+    ...O,
+    payment: h.payment,
+    blocked: v,
+    state: W,
+    activeSession: E,
+    submit: Ne,
+    reset: ne,
+    completeCode: (Y) => {
+      B(
+        (U) => U.status !== "code" ? U : U.session ? { ...U, status: "payment", codeVerified: !0 } : {
+          ...U,
+          status: "success",
+          codeVerified: !0,
+          redirectUrl: Y
+        }
+      );
+    }
+  };
+}
+const Ys = 5e3, Zs = "ds:[stroke-dasharray:1] ds:[stroke-dashoffset:1] ds:animate-[stepper-icon-draw_calc(var(--animation-duration)*3)_var(--ease-out)_forwards]", Xs = "ds:block ds:[block-size:100%] ds:rounded-full ds:bg-[var(--primary)] ds:animate-[reserved-bar-fill_linear_forwards] ds:[animation-duration:var(--handover-ms)]";
+function Qs({
+  url: e,
+  delayMs: t,
+  onNavigate: r,
+  date: i,
+  time: s,
+  details: a,
+  shouldTakeFocus: o
+}) {
+  const { t: c } = Q("ui"), m = A(null), p = A(null), f = A(void 0), S = pt(), g = A(null), [d, h] = J(!1), [v, u] = J(() => vn(null)), M = () => {
+    clearTimeout(f.current);
+    try {
+      r ? r(e) : window.location.assign(e);
+    } catch {
+    }
+  }, w = () => {
+    var I;
+    clearTimeout(f.current), h(!0), (I = g.current) == null || I.focus({ preventScroll: !0 });
+  }, C = A(M);
+  return C.current = M, _t(() => {
+    u(vn(m.current));
+  }, []), V(() => {
+    const I = p.current;
+    I && m.current && o(m.current) && I.focus({ preventScroll: !0 });
+  }, []), V(() => (f.current = setTimeout(() => C.current(), t), () => clearTimeout(f.current)), [e, t]), /* @__PURE__ */ y(
+    "div",
+    {
+      ref: m,
+      "data-component": "booking-reserved",
+      className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-md)] ds:text-center",
+      children: [
+        /* @__PURE__ */ n(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "ds:flex ds:size-[var(--spacing-2xl)] ds:items-center ds:justify-center ds:rounded-full ds:bg-[color-mix(in_srgb,var(--success)_10%,transparent)] ds:text-[var(--success)]",
+            children: /* @__PURE__ */ n(
+              "svg",
+              {
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "3",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                className: "ds:size-[var(--spacing-lg)]",
+                children: /* @__PURE__ */ n("path", { pathLength: "1", d: "M5 12l5 5L20 7", className: Zs })
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+          /* @__PURE__ */ n(
+            "h3",
+            {
+              ref: p,
+              tabIndex: -1,
+              "aria-describedby": S,
+              className: "type-title-card ds:m-0 ds:outline-none",
+              children: c("booking.reserved.heading")
+            }
+          ),
+          /* @__PURE__ */ n("p", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: i ? c("booking.reserved.when", { date: i, time: s }) : s }),
+          a ? /* @__PURE__ */ n("p", { className: "type-body ds:m-0 ds:text-[var(--muted-foreground)]", children: a }) : null
+        ] }),
+        /* @__PURE__ */ n("p", { id: S, role: "status", className: "type-body ds:m-0", children: c(d ? "booking.reserved.stayed" : "booking.reserved.redirecting") }),
+        v || d || t > Ys ? null : (
+          // Decorative: the sentence above already says a redirect is coming,
+          // and a progressbar with no value to read would only add noise.
+          /* @__PURE__ */ n(
+            "div",
+            {
+              "aria-hidden": "true",
+              "data-slot": "booking-reserved-bar",
+              className: "ds:[block-size:var(--spacing-xs)] ds:[inline-size:100%] ds:[max-inline-size:calc(var(--spacing-2xl)*5)] ds:overflow-hidden ds:rounded-full ds:bg-[var(--secondary)]",
+              children: /* @__PURE__ */ n(
+                "span",
+                {
+                  className: Xs,
+                  style: { "--handover-ms": `${t}ms` }
+                }
+              )
+            }
+          )
+        ),
+        /* @__PURE__ */ n(
+          Re,
+          {
+            ref: g,
+            type: "button",
+            intent: "secondary",
+            size: "lg",
+            onClick: M,
+            children: c("booking.reserved.goNow")
+          }
+        ),
+        d ? null : /* @__PURE__ */ n(Re, { type: "button", intent: "ghost", size: "md", onClick: w, children: c("booking.reserved.stay") })
+      ]
+    }
+  );
+}
+const ei = 3e3;
+function ti(e) {
+  if (typeof e != "string") return;
+  const t = e.trim();
+  try {
+    const { protocol: r } = new URL(t);
+    return (r === "https:" || r === "http:") && Mr(t) ? t : void 0;
+  } catch {
+    return;
+  }
+}
+const ni = 2 ** 31 - 1;
+function ri(e) {
+  return typeof e == "number" && Number.isFinite(e) && e >= 0 ? Math.min(e, ni) : ei;
+}
+const si = Lt(
+  // --booking-held-height: see the step-8 effects (runtime-measured height).
+  "ds:flex ds:w-full ds:flex-col ds:text-[var(--foreground)] ds:[min-block-size:var(--booking-held-height,auto)]",
+  {
+    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" }
+  }
+), ii = [
+  [
+    /\b(estetic|aesthetic|botox|filler|mesoterap|chirurgia\s*plastic)/i,
+    Dn
+  ],
+  [/\b(cardio|ecg|elettrocardio|ecocardio|cuore|heart)/i, zr],
+  [/\b(dent|odonto|tooth|teeth|pulizia|igien|smile)/i, us],
+  [/\b(oftalmo|ocul|ophthal|vision|occhi|eye)/i, Kr],
+  [/\b(otorin|udito|orecchi|hearing|ear)/i, rs],
+  [/\b(neuro|brain|cervello)/i, Qr],
+  [/\b(pediatr|child|bambin)/i, jr],
+  [/\b(ortop|ortho|osteo|skeleton|ossa|bone)/i, Zr],
+  [/\b(lab|analis|test|sang|esami)/i, is],
+  [/\b(farmaco|pharm|pillol|refill)/i, as],
+  [/\b(chirurg|surg|intervent|operat)/i, ds],
+  [/\b(scan|rx|x-?ray|raggi|imag|radio|risonan|ecograf|ultras)/i, Ur],
+  [/\b(vacc|inject|inie|punto)/i, Dn],
+  [/\b(derma|skin|pelle)/i, Hr],
+  [/\b(prima\s*visit|first\s*visit|consult|consulto|valutaz)/i, Gr],
+  [/\b(general|medicin|family|control|check[-\s]?up)/i, Wr]
+];
+function oi(e) {
+  for (const [t, r] of ii)
+    if (t.test(e)) return r;
+  return null;
+}
+function ai(e) {
+  const t = oi(e.label) ?? Vr;
+  return /* @__PURE__ */ n(t, { "aria-hidden": "true", className: "ds:size-5" });
+}
+function rr() {
+  const { t: e, i18n: t } = Q("ui");
+  return (r) => {
+    const i = Gs(r), s = (o) => on(o.amountCents, o.currencyCode, t.language), a = i.price ? "label" in i.price ? i.price.label : s(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: s(i.payment)
+      }) : void 0,
+      paymentTone: "default"
+    };
+  };
+}
+function mt(e) {
+  return nn(e, "yyyy-MM-dd");
+}
+const ci = [
+  "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 = Lt(ci, {
+  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 li({
+  availableDates: e,
+  selectedDate: t,
+  onSelectDate: r,
+  locale: i,
+  loading: s
+}) {
+  const { t: a } = Q("ui"), o = K(() => t ? Ft(fe(t)) : e.length > 0 ? Ft(fe(e[0])) : Ft(/* @__PURE__ */ new Date()), [t, e]), [c, m] = J(o), [p, f] = J(null), S = K(() => {
+    const w = Ft(c), C = _r(c), I = w.getDay(), O = C.getDate(), B = [];
+    for (let F = I; F > 0; F -= 1) {
+      const R = new Date(w);
+      R.setDate(w.getDate() - F), B.push(R);
+    }
+    for (let F = 0; F < O; F += 1) {
+      const R = new Date(w);
+      R.setDate(w.getDate() + F), B.push(R);
+    }
+    for (; B.length < 42; ) {
+      const F = B[B.length - 1], R = new Date(F);
+      R.setDate(F.getDate() + 1), B.push(R);
+    }
+    return B;
+  }, [c]), g = K(() => {
+    try {
+      return new Intl.DateTimeFormat(i, {
+        month: "long",
+        year: "numeric"
+      }).format(c);
+    } catch {
+      return nn(c, "MMMM yyyy");
+    }
+  }, [c, i]), d = K(() => {
+    const w = new Date(2024, 0, 7);
+    return Array.from({ length: 7 }, (C, I) => {
+      const O = new Date(w);
+      O.setDate(w.getDate() + I);
+      try {
+        return new Intl.DateTimeFormat(i, { weekday: "short" }).format(O);
+      } catch {
+        return nn(O, "EEE");
+      }
+    });
+  }, [i]), h = K(() => new Set(e), [e]), v = Me(
+    (w) => h.has(mt(w)),
+    [h]
+  ), u = K(() => {
+    if (p) return p;
+    if (t) return fe(t);
+    const w = S.find(
+      (C) => Zt(C, c) && v(C)
+    );
+    return w || (S.find((C) => Zt(C, c)) ?? null);
+  }, [p, t, S, c, v]), M = Me(
+    (w, C) => {
+      let I = null;
+      switch (w.key) {
+        case "ArrowLeft":
+          I = new Date(C), I.setDate(C.getDate() - 1);
+          break;
+        case "ArrowRight":
+          I = new Date(C), I.setDate(C.getDate() + 1);
+          break;
+        case "ArrowUp":
+          I = new Date(C), I.setDate(C.getDate() - 7);
+          break;
+        case "ArrowDown":
+          I = new Date(C), I.setDate(C.getDate() + 7);
+          break;
+        case "Home":
+          I = new Date(C), I.setDate(C.getDate() - C.getDay());
+          break;
+        case "End":
+          I = new Date(C), I.setDate(C.getDate() + (6 - C.getDay()));
+          break;
+        case "Enter":
+        case " ": {
+          w.preventDefault(), v(C) && r(mt(C));
+          return;
+        }
+        default:
+          return;
+      }
+      I && (w.preventDefault(), Zt(I, c) || m(Ft(I)), f(I));
+    },
+    [v, r, c]
+  );
+  return s ? /* @__PURE__ */ y(
+    "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(rn, { variant: "text", width: "40%" }),
+        /* @__PURE__ */ n("div", { className: "ds:grid ds:grid-cols-7 ds:gap-[var(--spacing-2xs)]", children: Array.from({ length: 42 }, (w, C) => /* @__PURE__ */ n(rn, { variant: "rounded", height: "2.5rem" }, `mg-skel-${C}`)) })
+      ]
+    }
+  ) : /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ y("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ n(
+        Mn,
+        {
+          icon: /* @__PURE__ */ n($r, {}),
+          "aria-label": a("booking.previousMonth"),
+          size: "sm",
+          intent: "ghost",
+          flipIconInRtl: !0,
+          onClick: () => {
+            m((w) => gs(w)), f(null);
+          }
+        }
+      ),
+      /* @__PURE__ */ n(
+        "span",
+        {
+          className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)]",
+          "aria-live": "polite",
+          children: g
+        }
+      ),
+      /* @__PURE__ */ n(
+        Mn,
+        {
+          icon: /* @__PURE__ */ n(qr, {}),
+          "aria-label": a("booking.nextMonth"),
+          size: "sm",
+          intent: "ghost",
+          flipIconInRtl: !0,
+          onClick: () => {
+            m((w) => Kn(w, 1)), f(null);
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ y(
+      "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: d.map((w, C) => /* @__PURE__ */ n(
+                "div",
+                {
+                  role: "columnheader",
+                  className: "type-meta ds:text-center ds:text-[var(--muted-foreground)] ds:font-[var(--font-weight-medium)]",
+                  children: w
+                },
+                `wd-${C}`
+              ))
+            }
+          ),
+          Array.from({ length: 6 }, (w, C) => /* @__PURE__ */ n(
+            "div",
+            {
+              role: "row",
+              className: "ds:grid ds:grid-cols-7 ds:gap-[var(--spacing-2xs)]",
+              children: S.slice(C * 7, C * 7 + 7).map((I, O) => {
+                const B = C * 7 + O, F = Zt(I, c), R = F && v(I), $ = t ? Rn(I, fe(t)) : !1, j = F ? $ ? "selected" : R ? "available" : "unavailable" : "outside", T = u ? Rn(u, I) : !1, k = (() => {
+                  try {
+                    return new Intl.DateTimeFormat(i, {
+                      dateStyle: "full"
+                    }).format(I);
+                  } catch {
+                    return nn(I, "PPP");
+                  }
+                })();
+                return /* @__PURE__ */ n(
+                  "button",
+                  {
+                    type: "button",
+                    role: "gridcell",
+                    "aria-label": k,
+                    "aria-selected": $ || void 0,
+                    "aria-disabled": !R || void 0,
+                    tabIndex: T ? 0 : -1,
+                    disabled: !R,
+                    onClick: () => {
+                      R && r(mt(I));
+                    },
+                    onKeyDown: (L) => M(L, I),
+                    className: di({ state: j }),
+                    children: /* @__PURE__ */ n("span", { "aria-hidden": "true", children: I.getDate() })
+                  },
+                  `mg-cell-${B}`
+                );
+              })
+            },
+            `mg-row-${C}`
+          ))
+        ]
+      }
+    )
+  ] });
+}
+const ui = Lt(
+  [
+    "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 mi({
+  services: e,
+  selectedServiceId: t,
+  onSelect: r,
+  showDuration: i
+}) {
+  const { t: s } = Q("ui"), a = rr(), o = pt(), [c, m] = J(() => {
+    if (t) {
+      const g = e.findIndex((d) => d.id === t);
+      if (g >= 0) return g;
+    }
+    return 0;
+  }), p = A(/* @__PURE__ */ new Map()), f = Me((g) => {
+    var d;
+    (d = p.current.get(g)) == null || d.focus();
+  }, []), S = Me(
+    (g, d, h) => {
+      const v = e.length;
+      if (v !== 0)
+        switch (g.key) {
+          case "ArrowDown":
+          case "ArrowRight": {
+            g.preventDefault();
+            const u = (d + 1) % v;
+            m(u), f(u);
+            break;
+          }
+          case "ArrowUp":
+          case "ArrowLeft": {
+            g.preventDefault();
+            const u = (d - 1 + v) % v;
+            m(u), f(u);
+            break;
+          }
+          case "Home": {
+            g.preventDefault(), m(0), f(0);
+            break;
+          }
+          case "End": {
+            g.preventDefault();
+            const u = v - 1;
+            m(u), f(u);
+            break;
+          }
+          case "Enter":
+          case " ": {
+            g.preventDefault(), r(h);
+            break;
+          }
+        }
+    },
+    [e.length, f, r]
+  );
+  return e.length === 0 ? null : /* @__PURE__ */ n(
+    "div",
+    {
+      role: "radiogroup",
+      "aria-label": s("booking.serviceListLabel"),
+      id: o,
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+      children: e.map((g, d) => {
+        const h = t === g.id, v = c === d, { price: u, payment: M, paymentTone: w } = a(g), C = u ? M ? s("booking.serviceCardLabelPayment", {
+          label: g.label,
+          price: u,
+          payment: M
+        }) : s("booking.serviceCardLabelPrice", {
+          label: g.label,
+          price: u
+        }) : M ? s("booking.serviceCardLabelPaymentNoPrice", {
+          label: g.label,
+          payment: M
+        }) : i ? s("booking.serviceCardLabel", {
+          label: g.label,
+          duration: g.durationMin
+        }) : g.label, I = ai(g);
+        return /* @__PURE__ */ y(
+          "button",
+          {
+            ref: (O) => {
+              O ? p.current.set(d, O) : p.current.delete(d);
+            },
+            type: "button",
+            role: "radio",
+            "aria-checked": h,
+            "aria-label": C,
+            tabIndex: v ? 0 : -1,
+            onClick: () => r(g.id),
+            onFocus: () => m(d),
+            onKeyDown: (O) => S(O, d, g.id),
+            className: ui({
+              state: h ? "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: I
+                }
+              ),
+              /* @__PURE__ */ y("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: g.label
+                  }
+                ),
+                M ? /* @__PURE__ */ n(
+                  "span",
+                  {
+                    className: Rr({ tone: w }),
+                    children: M
+                  }
+                ) : u || !i ? null : /* @__PURE__ */ n("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: s("booking.serviceSummary", {
+                  minutes: g.durationMin
+                }) })
+              ] }),
+              u ? /* @__PURE__ */ n(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: "ds:inline-flex ds:shrink-0 ds:items-center ds:ms-auto",
+                  children: /* @__PURE__ */ n(zn, { variant: "accentSoft", size: "lg", children: u })
+                }
+              ) : null
+            ]
+          },
+          g.id
+        );
+      })
+    }
+  );
+}
+const pi = Lt(
+  [
+    "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 fi(e) {
+  const [t] = e.split(":").map((i) => parseInt(i, 10)), r = Number.isFinite(t) ? t : 0;
+  return r < 12 ? "morning" : r < 17 ? "afternoon" : "evening";
+}
+function sn(e, t, r) {
+  if (!e) return t;
+  try {
+    return new Intl.DateTimeFormat(r, {
+      hour: "numeric",
+      minute: "2-digit"
+    }).format(/* @__PURE__ */ new Date(`${e}T${t}:00`));
+  } catch {
+    return t;
+  }
+}
+const gi = {
+  morning: Pr,
+  afternoon: ps,
+  evening: Lr
+};
+function hi({
+  emptyDescription: e,
+  date: t,
+  slots: r,
+  selectedSlotKey: i,
+  onSelect: s,
+  loading: a,
+  locale: o
+}) {
+  const { t: c } = Q("ui"), m = K(() => {
+    try {
+      return new Intl.DateTimeFormat(o, {
+        weekday: "long",
+        day: "numeric",
+        month: "long"
+      }).format(fe(t));
+    } catch {
+      return t;
+    }
+  }, [t, o]), p = K(() => {
+    const g = {
+      morning: [],
+      afternoon: [],
+      evening: []
+    };
+    for (const d of r)
+      g[fi(d.time)].push(d);
+    return g;
+  }, [r]), f = r.filter((g) => g.available).length, S = ["morning", "afternoon", "evening"];
+  return a ? /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ n(rn, { variant: "text", width: "60%" }),
+    [0, 1].map((g) => /* @__PURE__ */ n(
+      "div",
+      {
+        className: "ds:grid ds:grid-cols-3 ds:gap-[var(--spacing-xs)]",
+        children: [0, 1, 2].map((d) => /* @__PURE__ */ n(rn, { variant: "rounded", height: "44px" }, d))
+      },
+      g
+    ))
+  ] }) : f === 0 ? /* @__PURE__ */ n(
+    kn,
+    {
+      variant: "no-results",
+      title: c("booking.noSlotsForDate"),
+      description: e
+    }
+  ) : /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ y("div", { className: "ds:flex ds:items-baseline ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ y("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+        /* @__PURE__ */ n(
+          ts,
+          {
+            "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: c("booking.slotsAvailable", { count: f }) })
+    ] }),
+    S.map((g) => {
+      const d = p[g];
+      if (d.length === 0) return null;
+      const h = gi[g];
+      return /* @__PURE__ */ y(
+        "div",
+        {
+          className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+          children: [
+            /* @__PURE__ */ y("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]", children: [
+              /* @__PURE__ */ n(h, { "aria-hidden": "true", className: "ds:size-3.5" }),
+              /* @__PURE__ */ n("span", { className: "type-meta ds:font-[var(--font-weight-semibold)] ds:uppercase", children: c(`booking.timeOfDay.${g}`) })
+            ] }),
+            /* @__PURE__ */ n(
+              "div",
+              {
+                role: "group",
+                "aria-label": c(`booking.timeOfDay.${g}`),
+                className: "ds:grid ds:grid-cols-3 ds:gap-[var(--spacing-xs)] ds:sm:grid-cols-4",
+                children: d.map((v) => {
+                  const u = v.key === i, M = v.available ? u ? "selected" : "idle" : "unavailable";
+                  return /* @__PURE__ */ n(
+                    "button",
+                    {
+                      type: "button",
+                      "data-slot-id": v.key,
+                      disabled: !v.available,
+                      "aria-pressed": u,
+                      "aria-label": c("booking.slotAvailableLabel", {
+                        time: sn(t, v.time, o)
+                      }),
+                      onClick: () => v.available && s(v),
+                      className: pi({ state: M }),
+                      children: sn(t, v.time, o)
+                    },
+                    v.key
+                  );
+                })
+              }
+            )
+          ]
+        },
+        g
+      );
+    })
+  ] });
+}
+const tn = 4;
+function vi({
+  availableDates: e,
+  availableSlots: t,
+  value: r,
+  onChange: i,
+  onDateSelect: s,
+  onWindowChange: a,
+  nextAvailableDate: o,
+  loadingDates: c,
+  loadingSlots: m,
+  slotLoadError: p,
+  onRetrySlots: f,
+  emptySlotsDescription: S,
+  locale: g,
+  agentIdBase: d
+}) {
+  var Ne, ge;
+  const h = K(() => rt(/* @__PURE__ */ new Date()), []), v = A(
+    e.length > 0 || !!(r.date && !On(rt(fe(r.date)), h))
+  ), [u, M] = J(() => {
+    if (r.date) {
+      const N = rt(fe(r.date));
+      if (!ut(h, N)) return N;
+    }
+    if (e.length > 0) {
+      const N = rt(fe(e[0]));
+      if (ut(N, h)) return N;
+    }
+    return h;
+  }), w = K(
+    () => un(u, tn - 1),
+    [u]
+  ), C = K(() => Array.from({ length: tn }, (N, q) => {
+    const Y = un(u, q), U = mt(Y), Be = (t[U] ?? []).map((he) => ({
+      id: he.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: `${U}T${he.time}:00`,
+      available: he.available
+    }));
+    return { date: U, slots: Be };
+  }), [u, t]), I = ut(u, h), O = !0, B = Me(() => {
+    v.current = !0, M((N) => {
+      const q = Br(N, tn);
+      return ut(h, q) ? h : q;
+    });
+  }, [h]), F = Me(() => {
+    v.current = !0, M((N) => un(N, tn));
+  }, []), R = [
+    r.serviceId,
+    (Ne = r.serviceIds) == null ? void 0 : Ne.join(","),
+    r.operatorId,
+    (ge = r.operatorIds) == null ? void 0 : ge.join(","),
+    r.specialtyId
+  ].join("|"), $ = e.join(","), j = A(R), T = A(null);
+  V(() => {
+    if (j.current !== R && (j.current = R, v.current = !1, T.current = $), v.current || e.length === 0) return;
+    if (T.current !== null) {
+      if (T.current === $) return;
+      T.current = null;
+    }
+    v.current = !0;
+    const N = rt(fe(e[0]));
+    !ut(N, h) || e.some((Y) => {
+      const U = rt(fe(Y));
+      return !ut(U, w) && !On(U, u);
+    }) || M(N);
+  }, [e, $, R, h, u, w]), V(() => {
+    a == null || a(mt(u), mt(w));
+  }, [u, w, a]);
+  const k = Me(
+    (N, q) => {
+      const Y = typeof q.date == "string" ? q.date : mt(q.date);
+      i({
+        ...Zn(hn(r, Y), N.id)
+      }), s == null || s(Y);
+    },
+    [i, s, r]
+  ), L = c || m ? "loading" : "default", E = C.some((N) => N.slots.length > 0), W = (e.length === 0 && o ? [o] : e).filter((N) => ut(rt(fe(N)), w)).sort()[0];
+  return /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    L !== "loading" && !p && !E && !!W ? /* @__PURE__ */ n(
+      ur,
+      {
+        nextAvailableDate: W,
+        onJump: () => {
+          v.current = !0, M(rt(fe(W))), s == null || s(W);
+        },
+        locale: g
+      }
+    ) : null,
+    /* @__PURE__ */ n(
+      In,
+      {
+        label: "slot",
+        error: p,
+        loading: L === "loading",
+        onRetry: f,
+        children: /* @__PURE__ */ n(
+          Er,
+          {
+            id: d ? `${d}-slots` : void 0,
+            days: C,
+            emptyDescription: S,
+            state: L,
+            selectedSlotId: r.slotKey,
+            maxInitialSlotsPerDay: 6,
+            locale: g,
+            hasPrevious: I,
+            hasNext: O,
+            onSlotSelect: k,
+            onPreviousDays: B,
+            onNextDays: F
+          }
+        )
+      }
+    )
+  ] });
+}
+function sr(e) {
+  const {
+    inputs: t,
+    value: r,
+    onChange: i,
+    onDateSelect: s,
+    onWindowChange: a,
+    loadingDates: o,
+    loadingSlots: c,
+    slotLoadError: m,
+    onRetrySlots: p,
+    emptySlotsDescription: f,
+    locale: S,
+    datePickerStyle: g,
+    agentIdBase: d
+  } = e;
+  return g === "four-day-grid" ? /* @__PURE__ */ n(
+    vi,
+    {
+      availableDates: t.availableDates,
+      availableSlots: t.availableSlots,
+      value: r,
+      onChange: i,
+      onDateSelect: s,
+      onWindowChange: a,
+      nextAvailableDate: t.nextAvailableDate,
+      loadingDates: o,
+      loadingSlots: c,
+      slotLoadError: m,
+      onRetrySlots: p,
+      emptySlotsDescription: f,
+      locale: S,
+      agentIdBase: d
+    }
+  ) : m && r.date && e.activeStep > 5 && !o && !c ? null : /* @__PURE__ */ n(
+    In,
+    {
+      label: "date",
+      error: m,
+      loading: o || c,
+      onRetry: p,
+      children: /* @__PURE__ */ n(bi, { ...e })
+    }
+  );
+}
+function bi(e) {
+  const { t } = Q("ui"), {
+    inputs: r,
+    value: i,
+    onChange: s,
+    onDateSelect: a,
+    loadingDates: o,
+    loadingSlots: c,
+    locale: m,
+    emptySlotsDescription: p
+  } = e;
+  if (!o && !c && r.availableDates.length === 0) {
+    if (r.nextAvailableDate)
+      return /* @__PURE__ */ n(
+        ur,
+        {
+          nextAvailableDate: r.nextAvailableDate,
+          onJump: (f) => {
+            s(hn(i, f)), a == null || a(f);
+          },
+          locale: m
+        }
+      );
+    if (p !== void 0)
+      return /* @__PURE__ */ n(
+        kn,
+        {
+          variant: "no-results",
+          title: t("slotGrid.noSlots"),
+          description: p
+        }
+      );
+  }
+  return /* @__PURE__ */ n(
+    li,
+    {
+      availableDates: r.availableDates,
+      selectedDate: i.date,
+      onSelectDate: (f) => {
+        s(hn(i, f)), a == null || a(f);
+      },
+      locale: m,
+      loading: o ?? c
+    }
+  );
+}
+function ir(e) {
+  const {
+    inputs: t,
+    value: r,
+    onChange: i,
+    loadingDates: s,
+    loadingSlots: a,
+    slotLoadError: o,
+    onRetrySlots: c,
+    emptySlotsDescription: m,
+    locale: p,
+    datePickerStyle: f
+  } = e;
+  return f === "four-day-grid" || !r.date || o && e.activeStep <= 5 && !s && !a ? null : /* @__PURE__ */ n(
+    In,
+    {
+      label: "slot",
+      error: o,
+      loading: s || a,
+      onRetry: c,
+      children: /* @__PURE__ */ n(
+        hi,
+        {
+          date: r.date,
+          slots: t.availableSlots[r.date] ?? [],
+          selectedSlotKey: r.slotKey,
+          onSelect: (S) => i(Zn(r, S.key)),
+          loading: s || a,
+          emptyDescription: m,
+          locale: p
+        }
+      )
+    }
+  );
+}
+function or({ value: e, onChange: t }) {
+  const { t: r } = Q("ui"), i = [
+    { value: "private", label: r("booking.insurance.private") },
+    { value: "public", label: r("booking.insurance.public") }
+  ];
+  return /* @__PURE__ */ y("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: r("booking.insurance.heading") }),
+    /* @__PURE__ */ n(
+      an,
+      {
+        options: i,
+        value: e ?? "",
+        onValueChange: (s) => {
+          (s === "private" || s === "public") && t(s);
+        },
+        placeholder: r("booking.insurance.placeholder"),
+        "aria-label": r("booking.insurance.heading")
+      }
+    )
+  ] });
+}
+function ar({
+  specialties: e,
+  value: t,
+  valueIds: r,
+  onChange: i,
+  onChangeIds: s,
+  pickerStyle: a = "select"
+}) {
+  const { t: o } = Q("ui"), c = e.map((p) => ({
+    value: p.id,
+    label: p.label,
+    dir: "auto"
+  })), m = /* @__PURE__ */ n("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: o("booking.specialty.heading") });
+  return a === "multi-select" && s ? /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    m,
+    /* @__PURE__ */ n(
+      yn,
+      {
+        options: c,
+        value: r ?? [],
+        onChange: s,
+        placeholder: o("booking.specialty.placeholder"),
+        "aria-label": o("booking.specialty.heading"),
+        allowClear: !0
+      }
+    )
+  ] }) : a === "combobox" ? /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    m,
+    /* @__PURE__ */ n(
+      bn,
+      {
+        options: c,
+        value: t ?? "",
+        onValueChange: (p) => i(p === "" ? "" : p),
+        placeholder: o("booking.specialty.placeholder"),
+        "aria-label": o("booking.specialty.heading"),
+        clearable: !0
+      }
+    )
+  ] }) : /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    m,
+    /* @__PURE__ */ n(
+      an,
+      {
+        options: c,
+        value: t ?? "",
+        onValueChange: (p) => i(p),
+        placeholder: o("booking.specialty.placeholder"),
+        "aria-label": o("booking.specialty.heading")
+      }
+    )
+  ] });
+}
+function cr({
+  services: e,
+  value: t,
+  valueIds: r,
+  onChange: i,
+  onChangeIds: s,
+  pickerStyle: a,
+  compact: o,
+  showDuration: c
+}) {
+  const { t: m } = Q("ui"), p = rr(), f = a ?? (o ? "select" : "cards"), S = e.map((d) => {
+    const { price: h, payment: v, paymentTone: u } = p(d);
+    return {
+      value: d.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: h || v || !c ? d.label : `${d.label} · ${m("booking.serviceSummary", {
+        minutes: d.durationMin
+      })}`,
+      ...h ? {
+        endContent: /* @__PURE__ */ n(zn, { variant: "accentSoft", size: "lg", children: h })
+      } : {},
+      ...v ? { description: v, descriptionTone: u } : {}
+    };
+  }), g = /* @__PURE__ */ n("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: m("booking.service.heading") });
+  return f === "multi-select" && s ? /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    g,
+    /* @__PURE__ */ n(
+      yn,
+      {
+        options: S,
+        value: r ?? [],
+        onChange: s,
+        placeholder: m("booking.service.placeholder"),
+        "aria-label": m("booking.service.heading"),
+        allowClear: !0,
+        wrapOptionLabels: !0
+      }
+    )
+  ] }) : f === "combobox" ? /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    g,
+    /* @__PURE__ */ n(
+      bn,
+      {
+        options: S,
+        value: t ?? "",
+        onValueChange: (d) => i(d === "" ? "" : d),
+        placeholder: m("booking.service.placeholder"),
+        "aria-label": m("booking.service.heading"),
+        clearable: !0,
+        wrapOptionLabels: !0
+      }
+    )
+  ] }) : f === "select" ? /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    g,
+    /* @__PURE__ */ n(
+      an,
+      {
+        options: S,
+        value: t ?? "",
+        onValueChange: (d) => i(d),
+        placeholder: m("booking.service.placeholder"),
+        "aria-label": m("booking.service.heading"),
+        showDescriptions: !0,
+        descriptionInName: !0,
+        wrapOptionLabels: !0
+      }
+    )
+  ] }) : /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    g,
+    /* @__PURE__ */ n(
+      mi,
+      {
+        services: e,
+        selectedServiceId: t,
+        onSelect: i,
+        showDuration: c
+      }
+    )
+  ] });
+}
+function dr({
+  operators: e,
+  value: t,
+  valueIds: r,
+  onChange: i,
+  onChangeIds: s,
+  pickerStyle: a = "select"
+}) {
+  const { t: o } = Q("ui"), c = /* @__PURE__ */ n("h3", { className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0", children: o("booking.operator.heading") });
+  if (a === "multi-select" && s) {
+    const p = e.map((f) => ({
+      value: f.id,
+      label: f.name,
+      dir: "auto"
+    }));
+    return /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      c,
+      /* @__PURE__ */ n(
+        yn,
+        {
+          options: p,
+          value: r ?? [],
+          onChange: s,
+          placeholder: o("booking.operator.all"),
+          "aria-label": o("booking.operator.heading"),
+          allowClear: !0
+        }
+      )
+    ] });
+  }
+  const m = [
+    { value: qe, label: o("booking.operator.all") },
+    ...e.map(
+      (p) => ({ value: p.id, label: p.name, dir: "auto" })
+    )
+  ];
+  return a === "combobox" ? /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    c,
+    /* @__PURE__ */ n(
+      bn,
+      {
+        options: m,
+        value: t ?? qe,
+        onValueChange: (p) => i(p === "" ? qe : p),
+        placeholder: o("booking.operator.placeholder"),
+        "aria-label": o("booking.operator.heading"),
+        clearable: !0
+      }
+    )
+  ] }) : /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+    c,
+    /* @__PURE__ */ n(
+      an,
+      {
+        options: m,
+        value: t ?? qe,
+        onValueChange: (p) => i(p),
+        placeholder: o("booking.operator.placeholder"),
+        "aria-label": o("booking.operator.heading")
+      }
+    )
+  ] });
+}
+function lr({
+  customSlot: e
+}) {
+  const { t } = Q("ui");
+  return e ? /* @__PURE__ */ n(me, { children: e }) : /* @__PURE__ */ y(re, { variant: "warning", children: [
+    /* @__PURE__ */ n(re.Title, { as: "h4", children: t("booking.onboardingIncomplete.title") }),
+    /* @__PURE__ */ n(re.Description, { children: t("booking.onboardingIncomplete.description") })
+  ] });
+}
+function ur({
+  nextAvailableDate: e,
+  onJump: t,
+  locale: r
+}) {
+  const { t: i } = Q("ui"), s = K(() => {
+    try {
+      return new Intl.DateTimeFormat(r, { dateStyle: "long" }).format(
+        fe(e)
+      );
+    } catch {
+      return e;
+    }
+  }, [e, r]);
+  return /* @__PURE__ */ y(re, { variant: "info", children: [
+    /* @__PURE__ */ n(re.Description, { children: i("booking.nextAvailable.description", { date: s }) }),
+    /* @__PURE__ */ n(re.Action, { children: /* @__PURE__ */ n(
+      Re,
+      {
+        intent: "secondary",
+        size: "sm",
+        onClick: () => t(e),
+        children: i("booking.nextAvailable.cta")
+      }
+    ) })
+  ] });
+}
+function yi({
+  codeVerified: e = !1,
+  handoverUrl: t,
+  handoverDelayMs: r,
+  onNavigate: i,
+  payment: s,
+  confirmationChannels: a,
+  snapshot: o,
+  operators: c,
+  specialties: m,
+  services: p,
+  locale: f,
+  mode: S,
+  showModify: g,
+  onReset: d,
+  onModify: h,
+  focusWasLost: v
+}) {
+  const { t: u } = Q("ui"), M = A(null);
+  V(() => {
+    const T = M.current, k = document.activeElement, L = T == null ? void 0 : T.closest('[data-component="booking"]');
+    T && (k && (L != null && L.contains(k)) || v()) && T.focus();
+  }, []);
+  const w = Sn(a), I = Qn(
+    w,
+    o.details.confirmationChannels
+  ).map(
+    (T) => u(`booking.confirmation.channel.${T}`)
+  ), O = s ? on(s.amountCents, s.currencyCode, f) : "", B = s ? u(
+    S === "demo" ? "booking.payment.paidDemo" : "booking.payment.paidBody",
+    { amount: O }
+  ) : e ? u(S === "demo" ? "booking.code.confirmedDemo" : "booking.code.confirmedBody") : S === "demo" ? u("booking.success.descriptionDemo") : I.length > 1 ? u("booking.success.descriptionMultiple", {
+    channels: I.join(" · ")
+  }) : u("booking.success.descriptionSingle", {
+    channel: I[0]
+  }), F = K(() => {
+    if (o.date)
+      try {
+        return new Intl.DateTimeFormat(f, {
+          weekday: "long",
+          day: "numeric",
+          month: "long"
+        }).format(fe(o.date));
+      } catch {
+        return o.date;
+      }
+  }, [o.date, f]), R = K(() => {
+    const k = (o.operatorIds && o.operatorIds.length > 0 ? o.operatorIds : o.operatorId ? [o.operatorId] : []).filter((L) => L !== qe).map((L) => {
+      var E;
+      return (E = c.find((b) => b.id === L)) == null ? void 0 : E.name;
+    }).filter((L) => L !== void 0);
+    if (k.length === 0) return [];
+    try {
+      return new Intl.ListFormat(f === "en" ? "en-GB" : f, {
+        style: "long",
+        type: "conjunction"
+      }).formatToParts(k);
+    } catch {
+      return k.flatMap((L, E) => [
+        ...E > 0 ? [{ type: "literal", value: ", " }] : [],
+        { type: "element", value: L }
+      ]);
+    }
+  }, [o.operatorIds, o.operatorId, c, f]), $ = o.specialtyId ? m.find((T) => T.id === o.specialtyId) : void 0, j = o.serviceId ? p.find((T) => T.id === o.serviceId) : void 0;
+  if (t) {
+    let T;
+    if (o.date)
+      try {
+        T = new Intl.DateTimeFormat(f, {
+          weekday: "short",
+          day: "numeric",
+          month: "short"
+        }).format(fe(o.date));
+      } catch {
+        T = o.date;
+      }
+    const k = (j == null ? void 0 : j.label) ?? ($ == null ? void 0 : $.label), L = R.map(
+      (E, b) => E.type === "element" ? /* @__PURE__ */ n("bdi", { children: E.value }, b) : E.value
+    );
+    return /* @__PURE__ */ n(
+      Qs,
+      {
+        url: t,
+        delayMs: ri(r),
+        onNavigate: i,
+        date: T,
+        time: sn(o.date, o.slot.time, f),
+        details: k || L.length > 0 ? /* @__PURE__ */ y(me, { children: [
+          k ? /* @__PURE__ */ n("bdi", { children: k }) : null,
+          k && L.length > 0 ? " · " : null,
+          L
+        ] }) : void 0,
+        shouldTakeFocus: (E) => {
+          const b = document.activeElement, W = E.closest('[data-component="booking"]');
+          return !!(b && (W != null && W.contains(b)) || v());
+        }
+      }
+    );
+  }
+  return /* @__PURE__ */ y(
+    "div",
+    {
+      "data-component": "booking-success",
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+      children: [
+        /* @__PURE__ */ y(re, { variant: "success", children: [
+          /* @__PURE__ */ n(
+            re.Title,
+            {
+              as: "h3",
+              ref: M,
+              tabIndex: -1,
+              className: "ds:outline-none",
+              children: u(
+                s ? S === "demo" ? "booking.payment.paidDemoTitle" : "booking.payment.paidTitle" : e ? "booking.code.confirmedHeading" : "booking.success.heading"
+              )
+            }
+          ),
+          /* @__PURE__ */ n(re.Description, { children: B })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "ds:rounded-[var(--radius-md)] ds:bg-[var(--secondary)] ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ y("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: [
+          s && S !== "demo" ? /* @__PURE__ */ y(me, { children: [
+            /* @__PURE__ */ n("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: u("booking.payment.summaryPaid") }),
+            /* @__PURE__ */ n("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: O })
+          ] }) : null,
+          $ ? /* @__PURE__ */ y(me, { children: [
+            /* @__PURE__ */ n("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: u("booking.success.summarySpecialty") }),
+            /* @__PURE__ */ n(
+              "dd",
+              {
+                dir: "auto",
+                className: "type-body ds:m-0 ds:text-[var(--foreground)]",
+                children: $.label
+              }
+            )
+          ] }) : null,
+          j ? /* @__PURE__ */ y(me, { children: [
+            /* @__PURE__ */ n("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: u("booking.success.summaryService") }),
+            /* @__PURE__ */ n(
+              "dd",
+              {
+                dir: "auto",
+                className: "type-body ds:m-0 ds:text-[var(--foreground)]",
+                children: j.label
+              }
+            )
+          ] }) : null,
+          F ? /* @__PURE__ */ y(me, { children: [
+            /* @__PURE__ */ n("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: u("booking.success.summaryDate") }),
+            /* @__PURE__ */ n("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: F })
+          ] }) : null,
+          /* @__PURE__ */ n("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: u("booking.success.summaryTime") }),
+          /* @__PURE__ */ n("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: sn(o.date, o.slot.time, f) }),
+          R.length > 0 ? /* @__PURE__ */ y(me, { children: [
+            /* @__PURE__ */ n("dt", { className: "type-label ds:text-[var(--muted-foreground)]", children: u("booking.success.summaryProvider") }),
+            /* @__PURE__ */ n("dd", { className: "type-body ds:m-0 ds:text-[var(--foreground)]", children: R.map(
+              (T, k) => T.type === "element" ? /* @__PURE__ */ n("bdi", { children: T.value }, k) : T.value
+            ) })
+          ] }) : null
+        ] }) }),
+        /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+          /* @__PURE__ */ n(Re, { intent: "secondary", size: "md", onClick: d, children: u("booking.success.bookAnother") }),
+          g ? /* @__PURE__ */ n(Re, { intent: "ghost", size: "md", onClick: h, children: u("booking.success.modifyBooking") }) : null
+        ] })
+      ]
+    }
+  );
+}
+function mr({ customSlot: e }) {
+  const { t } = Q("ui");
+  return e ? /* @__PURE__ */ n(me, { children: e }) : /* @__PURE__ */ n(
+    kn,
+    {
+      variant: "no-results",
+      title: t("booking.emptyServices.title"),
+      description: t("booking.emptyServices.description")
+    }
+  );
+}
+const pr = "data-booking-step-active", Ln = `[${pr}]`;
+function ce({
+  step: e,
+  active: t,
+  className: r,
+  id: i,
+  children: s
+}) {
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      id: i,
+      "data-booking-step": String(e),
+      ...t ? { [pr]: "" } : null,
+      tabIndex: -1,
+      className: r ? `${r} ${Bt}` : Bt,
+      children: s
+    }
+  );
+}
+function Nn(e, t) {
+  return t === "four-day-grid" ? e.filter((r) => r !== 6) : e;
+}
+function ki(e) {
+  const {
+    cascade: t,
+    inputs: r,
+    value: i,
+    onChange: s,
+    onSubmit: a,
+    emptyServicesSlot: o,
+    onboardingIncompleteSlot: c,
+    loadingDates: m,
+    loadingSlots: p,
+    slotLoadError: f,
+    onRetrySlots: S,
+    emptySlotsDescription: g,
+    onDateSelect: d,
+    onWindowChange: h,
+    datePickerStyle: v,
+    specialtyPickerStyle: u,
+    servicePickerStyle: M,
+    showServiceDuration: w,
+    operatorPickerStyle: C,
+    submitting: I,
+    locale: O,
+    detailsProps: B,
+    agentIdBase: F,
+    activeStep: R
+  } = e, { t: $ } = Q("ui"), j = Ct(R, v), T = (k, L) => ({
+    step: k,
+    active: k === j,
+    className: L
+  });
+  return /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    t.gates.insurance ? /* @__PURE__ */ n(ce, { ...T(1), children: /* @__PURE__ */ n(
+      or,
+      {
+        value: i.insuranceType,
+        onChange: (k) => s(jn(i, k))
+      }
+    ) }) : null,
+    t.gates.specialty ? /* @__PURE__ */ n(ce, { ...T(2), children: /* @__PURE__ */ n(
+      ar,
+      {
+        specialties: t.filtered.specialties,
+        value: i.specialtyId,
+        valueIds: i.specialtyIds,
+        onChange: (k) => s(Un(i, k)),
+        onChangeIds: (k) => s(Hn(i, k)),
+        pickerStyle: u
+      }
+    ) }) : null,
+    t.gates.service ? /* @__PURE__ */ n(ce, { ...T(3), children: t.filtered.services.length === 0 ? /* @__PURE__ */ n(mr, { customSlot: o }) : /* @__PURE__ */ n(
+      cr,
+      {
+        services: t.filtered.services,
+        value: i.serviceId,
+        valueIds: i.serviceIds,
+        onChange: (k) => s(Gn(i, k)),
+        onChangeIds: (k) => s(Jn(i, k)),
+        pickerStyle: M,
+        showDuration: w
+      }
+    ) }) : null,
+    t.gates.onboardingIncomplete ? /* @__PURE__ */ n(lr, { customSlot: c }) : null,
+    t.gates.operator ? /* @__PURE__ */ n(ce, { ...T(4), children: /* @__PURE__ */ n(
+      dr,
+      {
+        operators: t.filtered.operators,
+        value: i.operatorId,
+        valueIds: i.operatorIds,
+        onChange: (k) => s(Wn(i, k)),
+        onChangeIds: (k) => s(Yn(i, k)),
+        pickerStyle: C
+      }
+    ) }) : null,
+    t.gates.date ? /* @__PURE__ */ y(
+      ce,
+      {
+        ...T(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: $("booking.date.heading") }),
+          sr({
+            activeStep: R,
+            inputs: r,
+            value: i,
+            onChange: s,
+            onDateSelect: d,
+            onWindowChange: h,
+            loadingDates: m,
+            loadingSlots: p,
+            slotLoadError: f,
+            onRetrySlots: S,
+            emptySlotsDescription: g,
+            locale: O,
+            datePickerStyle: v,
+            agentIdBase: F
+          })
+        ]
+      }
+    ) : null,
+    t.gates.slot && i.date && v === "month-calendar" ? /* @__PURE__ */ y(
+      ce,
+      {
+        ...T(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: $("booking.slot.heading") }),
+          ir({
+            activeStep: R,
+            inputs: r,
+            value: i,
+            onChange: s,
+            loadingDates: m,
+            loadingSlots: p,
+            slotLoadError: f,
+            onRetrySlots: S,
+            emptySlotsDescription: g,
+            locale: O,
+            datePickerStyle: v
+          })
+        ]
+      }
+    ) : null,
+    t.gates.details && t.selectedSlot ? /* @__PURE__ */ n(ce, { ...T(7), children: /* @__PURE__ */ n(
+      xn,
+      {
+        ...B,
+        value: i.details ?? {},
+        onChange: (k) => s({ ...i, details: k }),
+        onSubmit: a,
+        submitting: I,
+        defaultPhoneCountry: e.policy.country
+      }
+    ) }) : null
+  ] });
+}
+function Fe(e, t, r = {}) {
+  const {
+    activeStep: i,
+    cascade: s,
+    inputs: a,
+    value: o,
+    onChange: c,
+    onSubmit: m,
+    emptyServicesSlot: p,
+    onboardingIncompleteSlot: f,
+    loadingDates: S,
+    loadingSlots: g,
+    slotLoadError: d,
+    onRetrySlots: h,
+    emptySlotsDescription: v,
+    onDateSelect: u,
+    onWindowChange: M,
+    datePickerStyle: w,
+    specialtyPickerStyle: C,
+    servicePickerStyle: I,
+    showServiceDuration: O,
+    operatorPickerStyle: B,
+    submitting: F,
+    locale: R,
+    detailsProps: $,
+    policy: j,
+    agentIdBase: T
+  } = t;
+  switch (e) {
+    case 1:
+      return /* @__PURE__ */ n(
+        or,
+        {
+          value: o.insuranceType,
+          onChange: (k) => c(jn(o, k))
+        }
+      );
+    case 2:
+      return /* @__PURE__ */ n(
+        ar,
+        {
+          specialties: s.filtered.specialties,
+          value: o.specialtyId,
+          valueIds: o.specialtyIds,
+          onChange: (k) => c(Un(o, k)),
+          onChangeIds: (k) => c(Hn(o, k)),
+          pickerStyle: C
+        }
+      );
+    case 3:
+      return s.filtered.services.length === 0 ? /* @__PURE__ */ n(mr, { customSlot: p }) : s.gates.onboardingIncomplete ? /* @__PURE__ */ n(lr, { customSlot: f }) : /* @__PURE__ */ n(
+        cr,
+        {
+          services: s.filtered.services,
+          value: o.serviceId,
+          valueIds: o.serviceIds,
+          onChange: (k) => c(Gn(o, k)),
+          onChangeIds: (k) => c(Jn(o, k)),
+          pickerStyle: I,
+          compact: r.compactService,
+          showDuration: O
+        }
+      );
+    case 4:
+      return /* @__PURE__ */ n(
+        dr,
+        {
+          operators: s.filtered.operators,
+          value: o.operatorId,
+          valueIds: o.operatorIds,
+          onChange: (k) => c(Wn(o, k)),
+          onChangeIds: (k) => c(Yn(o, k)),
+          pickerStyle: B
+        }
+      );
+    case 5:
+      return sr({
+        activeStep: i,
+        inputs: a,
+        value: o,
+        onChange: c,
+        onDateSelect: u,
+        onWindowChange: M,
+        loadingDates: S,
+        loadingSlots: g,
+        slotLoadError: d,
+        onRetrySlots: h,
+        emptySlotsDescription: v,
+        locale: R,
+        datePickerStyle: w,
+        agentIdBase: T
+      });
+    case 6:
+      return ir({
+        activeStep: i,
+        inputs: a,
+        value: o,
+        onChange: c,
+        loadingDates: S,
+        loadingSlots: g,
+        slotLoadError: d,
+        onRetrySlots: h,
+        emptySlotsDescription: v,
+        locale: R,
+        datePickerStyle: w
+      });
+    case 7:
+      return s.selectedSlot ? /* @__PURE__ */ n(
+        xn,
+        {
+          ...$,
+          value: o.details ?? {},
+          onChange: (k) => c({ ...o, details: k }),
+          onSubmit: m,
+          submitting: F,
+          defaultPhoneCountry: j.country
+        }
+      ) : null;
+    /* c8 ignore next 2 */
+    default:
+      return null;
+  }
+}
+function cn() {
+  const { t: e } = Q("ui");
+  return K(
+    () => ({
+      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 Ct(e, t) {
+  return t === "four-day-grid" && e === 6 ? 5 : e;
+}
+function Si(e) {
+  const { cascade: t, value: r, activeStep: i, setActiveStep: s, datePickerStyle: a } = e, o = cn(), { t: c } = Q("ui"), m = c("booking.operator.all"), p = K(
+    () => Nn(t.visibleSteps, a),
+    [t.visibleSteps, a]
+  ), f = Ct(i, a), S = Math.max(0, p.indexOf(f)), g = K(
+    () => p.map((d) => ({
+      label: o[d],
+      summary: fr(d, r, t, m),
+      status: xi(d, r, t),
+      content: /* @__PURE__ */ n(ce, { step: d, active: d === f, children: Fe(d, e, { compactService: !0 }) })
+    })),
+    [
+      p,
+      r,
+      o,
+      t,
+      e,
+      f,
+      m
+    ]
+  );
+  return /* @__PURE__ */ n(
+    Or,
+    {
+      activeStep: S,
+      steps: g,
+      onStepChange: (d) => {
+        const h = p[d];
+        h && s(h);
+      }
+    }
+  );
+}
+function xi(e, t, r) {
+  return We(e, t) && e < r.currentStep ? "completed" : e <= r.currentStep ? "unlocked" : void 0;
+}
+function Pn(e, t) {
+  return e !== 4 ? We(e, t) : t.operatorIds && t.operatorIds.length > 0 ? !0 : Xn(t) !== void 0;
+}
+function pn(e, t) {
+  const r = e.map((i) => {
+    var s;
+    return (s = t.find((a) => a.id === i)) == null ? void 0 : s.label;
+  }).filter((i) => i !== void 0);
+  return r.length > 0 ? r.join(", ") : void 0;
+}
+function fr(e, t, r, i) {
+  var s;
+  if (We(e, t))
+    switch (e) {
+      case 1:
+        return t.insuranceType;
+      case 2:
+        return pn(
+          st(t),
+          r.filtered.specialties
+        );
+      case 3:
+        return pn(Ye(t), r.filtered.services);
+      case 4: {
+        const o = gn(t).filter((m) => m !== qe), c = pn(
+          o,
+          r.filtered.operators.map((m) => ({
+            id: m.id,
+            label: m.name
+          }))
+        );
+        return c !== void 0 ? c : o.length === 0 ? i : void 0;
+      }
+      case 5:
+        return t.date;
+      case 6:
+        return (s = r.selectedSlot) == null ? void 0 : s.time;
+      case 7:
+        return;
+    }
+}
+function Ii(e) {
+  const { cascade: t, value: r, activeStep: i, setActiveStep: s } = e, { t: a } = Q("ui"), o = cn(), c = a("booking.operator.all"), m = `${pt()}-filter`, p = Ct(i, e.datePickerStyle), f = t.visibleSteps.filter(
+    (d) => d === 1 || d === 2 || d === 3 || d === 4
+  ), S = f.some(
+    (d) => !We(d, r)
+  ), g = f.some(
+    (d) => d === i
+  ) ? i : f.find((d) => !We(d, r));
+  return /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    f.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: f.map((d) => {
+          const h = fr(
+            d,
+            r,
+            t,
+            c
+          ), v = d === g, u = We(d, r);
+          return /* @__PURE__ */ n(
+            Re,
+            {
+              intent: v ? "primary" : "outline",
+              size: "sm",
+              endIcon: /* @__PURE__ */ n(
+                Fr,
+                {
+                  "aria-hidden": "true",
+                  className: v ? "ds:rotate-180" : void 0
+                }
+              ),
+              "aria-expanded": u ? v : void 0,
+              "aria-controls": u && v ? m : void 0,
+              "aria-current": !u && v ? "step" : void 0,
+              onClick: () => s(
+                u && v ? t.currentStep : d
+              ),
+              children: h ? /* @__PURE__ */ y(me, { children: [
+                o[d],
+                ": ",
+                h
+              ] }) : o[d]
+            },
+            `csc-${d}`
+          );
+        })
+      }
+    ) : null,
+    g !== void 0 ? /* @__PURE__ */ n(
+      ce,
+      {
+        step: g,
+        active: g === p,
+        id: m,
+        children: Fe(g, e, { compactService: !0 })
+      }
+    ) : null,
+    !S && 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(ce, { step: 5, active: p === 5, children: Fe(5, e) }) : /* @__PURE__ */ y("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:md:grid-cols-2", children: [
+        /* @__PURE__ */ n(
+          ce,
+          {
+            step: 5,
+            active: p === 5,
+            className: "ds:min-w-0",
+            children: Fe(5, e)
+          }
+        ),
+        r.date ? /* @__PURE__ */ n(
+          ce,
+          {
+            step: 6,
+            active: p === 6,
+            className: "ds:min-w-0",
+            children: Fe(6, e)
+          }
+        ) : /* @__PURE__ */ n("div", { className: "ds:min-w-0" })
+      ] })
+    ) : null,
+    t.gates.details ? /* @__PURE__ */ n(ce, { step: 7, active: p === 7, children: Fe(7, e) }) : null
+  ] });
+}
+function Ni(e) {
+  const { cascade: t, datePickerStyle: r, activeStep: i } = e, s = Ct(i, r), a = t.visibleSteps.filter(
+    (c) => c === 1 || c === 2 || c === 3 || c === 4
+  );
+  return /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ y(
+      "div",
+      {
+        className: r === "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((c) => /* @__PURE__ */ n(ce, { step: c, active: c === s, children: Fe(c, e, { compactService: !0 }) }, `fbf-${c}`)) }),
+          /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+            t.gates.date ? /* @__PURE__ */ n(ce, { step: 5, active: s === 5, children: Fe(5, e) }) : null,
+            t.gates.slot && e.value.date && r === "month-calendar" ? /* @__PURE__ */ n(ce, { step: 6, active: s === 6, children: Fe(6, e) }) : null
+          ] })
+        ]
+      }
+    ),
+    t.gates.details ? /* @__PURE__ */ n(ce, { step: 7, active: s === 7, children: Fe(7, e) }) : null
+  ] });
+}
+function wi(e) {
+  const { cascade: t, value: r, activeStep: i, setActiveStep: s, datePickerStyle: a } = e, { t: o } = Q("ui"), c = cn(), m = K(
+    () => Nn(t.visibleSteps, a),
+    [t.visibleSteps, a]
+  ), p = Ct(i, a), f = Math.max(0, m.indexOf(p)), S = m.length, g = K(
+    () => m.map((u) => ({ label: c[u] })),
+    [m, c]
+  ), d = f > 0, h = p === 5 && a === "four-day-grid", v = f < S - 1 && m[f + 1] <= t.currentStep && We(p, r) && (!h || We(6, r));
+  return /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ n(Dr, { activeStep: f, steps: g }),
+    /* @__PURE__ */ n(ce, { step: p, active: !0, children: Fe(p, e, { compactService: !0 }) }),
+    /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ n(
+        Re,
+        {
+          intent: "ghost",
+          size: "md",
+          disabled: !d,
+          onClick: () => {
+            const u = m[f - 1];
+            u && s(u);
+          },
+          children: o("booking.actions.back")
+        }
+      ),
+      p < 7 ? /* @__PURE__ */ n(
+        Re,
+        {
+          intent: "primary",
+          size: "md",
+          disabled: !v,
+          onClick: () => {
+            const u = m[f + 1];
+            u && s(u);
+          },
+          children: o("booking.actions.next")
+        }
+      ) : null
+    ] })
+  ] });
+}
+const Ci = [], Ti = [];
+function Ai() {
+  return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+const Mi = 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: r,
+    allowOperatorSelection: i = !1,
+    lockedOperatorId: s,
+    operatorsByService: a = !1,
+    autoSelectSingleService: o = !1,
+    specialties: c,
+    services: m,
+    operators: p,
+    availableDates: f,
+    availableSlots: S,
+    nextAvailableDate: g,
+    hideEmail: d = !1,
+    emailOptional: h = !1,
+    requireCodiceFiscale: v,
+    requireDateOfBirth: u,
+    requireInsuranceNumber: M,
+    billingInDetails: w = !1,
+    paymentNoticeStyle: C = "highlighted",
+    showNote: I,
+    showReturningPatientFlag: O,
+    privacyPolicyUrl: B,
+    termsUrl: F,
+    practiceConsent: R,
+    paymentTermsUrl: $,
+    paymentState: j,
+    handoverDelayMs: T,
+    onNavigate: k,
+    renderPayment: L,
+    renderPaymentCompletion: E,
+    validateCodiceFiscale: b,
+    validateInsuranceNumber: W,
+    confirmationChannels: ne,
+    defaultConfirmationChannels: Ne,
+    singleConfirmationChannel: ge,
+    value: N,
+    onChange: q,
+    onSubmit: Y,
+    codeStep: U,
+    onStepChange: ze,
+    onDateSelect: Be,
+    onWindowChange: he,
+    datePickerStyle: ve = "month-calendar",
+    specialtyPickerStyle: be,
+    servicePickerStyle: ye,
+    showServiceDuration: Oe = !0,
+    operatorPickerStyle: De,
+    loadingDates: ke,
+    loadingSlots: oe,
+    slotLoadError: ae,
+    onRetrySlots: se,
+    emptySlotsDescription: it,
+    submitting: ft,
+    submitError: Le,
+    mode: ot = "live",
+    showModifyOnSuccess: Z = !0,
+    surface: Ke = "flat",
+    emptyServicesSlot: Pt,
+    onboardingIncompleteSlot: Tt,
+    "aria-label": Vt,
+    id: Ze,
+    className: gt,
+    onFocus: we,
+    onBlur: At,
+    ...$t
+  }, qt) => {
+    var wn, Cn, Tn;
+    const { t: de, i18n: ht } = Q("ui"), Se = e ?? "inline-list", Ee = ht.language ?? "en", pe = c ?? Ci, at = p ?? Ti;
+    V(() => {
+      const x = Ns(N, {
+        useSpecialties: r,
+        lockedOperatorId: s,
+        autoSelectSingleService: o,
+        specialties: pe,
+        services: m
+      });
+      (x.specialtyId !== N.specialtyId || x.operatorId !== N.operatorId || x.serviceId !== N.serviceId) && q(x);
+    }, [
+      s,
+      r,
+      o,
+      pe,
+      m
+    ]);
+    const [vt, ct] = J(!1), je = A(!1), bt = !!(ke || oe);
+    V(() => {
+      if (vt) {
+        if (bt) {
+          je.current = !0;
+          return;
+        }
+        (je.current || !ae) && (je.current = !1, ct(!1));
+      }
+    }, [vt, bt, ae]);
+    const Xe = K(
+      () => se ? () => {
+        je.current = !1, ct(!0), se();
+      } : void 0,
+      [se]
+    ), Pe = !!(ae || vt && bt), z = K(
+      () => Is({
+        country: t,
+        useSpecialties: r,
+        allowOperatorSelection: i,
+        lockedOperatorId: s,
+        operatorsByService: a,
+        specialties: pe,
+        services: m,
+        operators: at,
+        availableSlots: S,
+        value: Pe ? { ...N, slotKey: void 0 } : N
+      }),
+      [
+        t,
+        r,
+        i,
+        s,
+        a,
+        o,
+        pe,
+        m,
+        at,
+        f,
+        S,
+        N,
+        Pe
+      ]
+    ), Ve = K(
+      () => [
+        JSON.stringify(N.insuranceType),
+        JSON.stringify(st(N)),
+        JSON.stringify(Ye(N)),
+        JSON.stringify(gn(N)),
+        JSON.stringify(N.date),
+        JSON.stringify(N.slotKey)
+      ],
+      [N]
+    ), yt = Se === "progress", Ce = Me(
+      (x) => {
+        if (x === 4 && z.visibleSteps.includes(4) && gn(N).length === 0)
+          return Math.min(4, z.currentStep);
+        if (!yt) return z.currentStep;
+        const _ = z.visibleSteps.find(
+          (P) => P > x && !Pn(P, N)
+        );
+        return _ === void 0 ? z.currentStep : Math.min(_, z.currentStep);
+      },
+      [yt, z.visibleSteps, z.currentStep, N]
+    ), [ee, xe] = J(
+      z.currentStep
+    ), kt = A(null);
+    V(() => {
+      if (Pe) {
+        ee > z.currentStep && (kt.current = {
+          from: ee,
+          to: z.currentStep
+        }, xe(z.currentStep));
+        return;
+      }
+      const x = kt.current;
+      kt.current = null, x && ee === x.to && xe(
+        Math.min(x.from, z.currentStep)
+      );
+    }, [Pe, ee, z.currentStep]);
+    const Ue = A(Ve), St = A(z.visibleSteps);
+    V(() => {
+      const x = Ue.current, _ = St.current;
+      Ue.current = Ve, St.current = z.visibleSteps;
+      const P = Ve.findIndex(
+        (Ie, An) => Ie !== x[An]
+      );
+      if (P !== -1) {
+        xe(Ce(P + 1));
+        return;
+      }
+      const ue = yt ? z.visibleSteps.find(
+        (Ie) => Ie < ee && !_.includes(Ie) && !Pn(Ie, N)
+      ) : void 0;
+      if (ue !== void 0) {
+        xe(ue);
+        return;
+      }
+      z.visibleSteps.includes(ee) || xe(z.currentStep);
+    }, [
+      Ve,
+      Ce,
+      yt,
+      z.currentStep,
+      z.visibleSteps,
+      ee,
+      N
+    ]);
+    const Te = A(null), dt = K(
+      () => Nn(z.visibleSteps, ve),
+      [z.visibleSteps, ve]
+    ), Mt = cn(), [zt, Kt] = J(""), He = A(null), $e = A(null);
+    _t(() => {
+      const x = He.current, _ = Te.current;
+      if (!_ || !x || x.isConnected || document.activeElement !== document.body)
+        return;
+      const P = _.querySelector(Ln);
+      ((ae && !ke && !oe ? _.querySelector("[data-slot-retry]") : null) ?? (P == null ? void 0 : P.querySelector("[data-slot-load-state]")) ?? P ?? _).focus({ preventScroll: !0 });
+    }, [ae, ke, oe]), V(() => {
+      const x = Ct(ee, ve);
+      if ($e.current === null) {
+        $e.current = x;
+        return;
+      }
+      if ($e.current === x) return;
+      $e.current = x;
+      const _ = dt.indexOf(x);
+      Kt(
+        _ === -1 ? "" : de("booking.stepAnnouncement", {
+          current: _ + 1,
+          total: dt.length,
+          label: Mt[x]
+        })
+      );
+      const P = He.current;
+      if (!P || P.isConnected) return;
+      const ue = Te.current;
+      if (!ue) return;
+      const Ie = document.activeElement;
+      if (!(Ie === null || Ie === document.body || !ue.contains(Ie))) return;
+      const Wt = ue.querySelector(Ln) ?? ue;
+      if (Wt.focus({ preventScroll: !0 }), typeof Wt.scrollIntoView == "function")
+        try {
+          Wt.scrollIntoView({
+            behavior: Ai() ? "auto" : "smooth",
+            block: "nearest"
+          });
+        } catch {
+          Wt.scrollIntoView();
+        }
+    }, [ee, ve, dt, Mt, de]);
+    const G = Ws({
+      services: m,
+      value: N,
+      availableSlots: S,
+      onSubmit: Y,
+      onChange: q,
+      paymentState: j,
+      submitting: ft,
+      paymentTermsUrl: $,
+      renderPayment: L,
+      codeStep: U
+    }), H = G.status, jt = G.submit, Qe = A(G.reset);
+    Qe.current = G.reset;
+    const xt = A(!1), [dn, ln] = J(!1);
+    V(() => {
+      var _, P;
+      if (!xt.current || H !== "idle") return;
+      xt.current = !1;
+      const x = (_ = Te.current) == null ? void 0 : _.querySelector(
+        'form input:not([type="hidden"]):not([data-honeypot]):not(:disabled), form select:not(:disabled), form textarea:not(:disabled)'
+      );
+      x && (x.focus({ preventScroll: !0 }), (P = x.scrollIntoView) == null || P.call(x, { block: "nearest" }));
+    }, [H]);
+    const Ut = pt(), Ht = A(null), lt = A(null), Rt = ((wn = G.state) == null ? void 0 : wn.status) === "failed", Ot = G.state && "phase" in G.state && G.state.phase === "completion";
+    V(() => {
+      var x, _;
+      if (H === "payment") {
+        const P = document.activeElement;
+        (!Ot || !P || P === document.body || !((x = Te.current) != null && x.contains(P))) && ((_ = Ht.current) == null || _.focus());
+      }
+    }, [H, Ot]), V(() => {
+      var x;
+      H === "payment" && Rt && ((x = lt.current) == null || x.focus());
+    }, [H, Rt]), hr(qt, () => Te.current, []);
+    const te = H === "success" ? 8 : H === "payment" || H === "code" ? 7 : z.currentStep, Dt = A(null), le = A(0);
+    _t(() => {
+      var x;
+      (H === "submitting" || H === "code" || H === "payment") && (le.current = ((x = Te.current) == null ? void 0 : x.offsetHeight) ?? 0);
+    }), _t(() => {
+      const x = Te.current;
+      te !== 8 || !x || le.current === 0 || (x.style.setProperty(
+        "--booking-held-height",
+        `${le.current}px`
+      ), le.current = 0);
+    }, [te]), V(() => {
+      if (te === Dt.current) return;
+      Dt.current = te, ze == null || ze(te);
+      const x = Te.current;
+      if (te !== 8 || !x) return;
+      const _ = () => x.style.removeProperty("--booking-held-height");
+      tr(x, "start") ? Us(_) : _();
+    }, [te, ze]);
+    const et = A({ activeStep: ee, cascade: z, submitState: H });
+    V(() => {
+      et.current = { activeStep: ee, cascade: z, submitState: H };
+    }, [ee, z, H]);
+    const Et = K(
+      () => ({
+        getVariant: () => Se,
+        getCurrentStep: () => {
+          const x = et.current;
+          return x.submitState === "success" ? 8 : x.submitState === "payment" || x.submitState === "code" ? 7 : x.activeStep;
+        },
+        reset: () => {
+          et.current.submitState === "payment" || et.current.submitState === "code" || (q({}), Qe.current(), xe(1));
+        },
+        goToStep: (x) => {
+          const _ = et.current, P = _.cascade.visibleSteps.includes(x), ue = _.cascade.currentStep, Ie = _.submitState === "payment" || _.submitState === "code" ? 7 : !P || x > ue ? ue : x;
+          et.current = { ..._, activeStep: Ie }, xe(Ie);
+        }
+      }),
+      [Se, q]
+    );
+    vr(hs, Et, Ze);
+    const Gt = Vt ?? de("booking.regionLabel"), Ae = G.snapshot, Jt = H === "success" && Ae ? /* @__PURE__ */ n(
+      yi,
+      {
+        codeVerified: G.codeVerified,
+        handoverUrl: ti(G.redirectUrl),
+        handoverDelayMs: T,
+        onNavigate: k,
+        payment: Ae.payment,
+        confirmationChannels: ne,
+        snapshot: {
+          ...Ae.value,
+          slot: Ae.slot,
+          details: Ae.details,
+          serviceId: ((Cn = Ae.payment) == null ? void 0 : Cn.serviceId) ?? Ae.slot.serviceId ?? Ae.value.serviceId
+        },
+        operators: at,
+        specialties: pe,
+        services: m,
+        locale: Ee,
+        mode: ot,
+        showModify: Z && !Ae.payment && !G.codeVerified,
+        onReset: () => Et.reset(),
+        focusWasLost: () => {
+          const x = He.current, _ = document.activeElement;
+          return !!(x && !x.isConnected) && (!_ || _ === document.body);
+        },
+        onModify: () => {
+          Qe.current(), xe(7);
+        }
+      }
+    ) : null, It = H === "code" && G.codeStep ? /* @__PURE__ */ n(
+      Hs,
+      {
+        ...G.codeStep,
+        ...U,
+        onVerified: G.completeCode,
+        onBusyChange: ln
+      }
+    ) : null, Nt = G.activeSession, tt = G.state, l = Nt && tt ? {
+      session: Nt,
+      payment: Nt.payment,
+      state: tt,
+      billing: (Tn = G.snapshot) == null ? void 0 : Tn.details.billing
+    } : void 0, D = tt && "phase" in tt && tt.phase === "completion", ie = H === "payment" && l ? /* @__PURE__ */ y(
+      "section",
+      {
+        "aria-labelledby": Ut,
+        "data-component": "booking-payment",
+        "data-payment-status": l.state.status,
+        className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+        children: [
+          /* @__PURE__ */ n(
+            "h3",
+            {
+              ref: Ht,
+              id: Ut,
+              tabIndex: -1,
+              className: "type-title-card ds:m-0",
+              children: de(
+                D ? "booking.payment.confirming" : "booking.payment.heading"
+              )
+            }
+          ),
+          D ? null : /* @__PURE__ */ n("p", { className: "type-body ds:m-0", children: de("booking.payment.noticeBody", {
+            amount: on(
+              l.payment.amountCents,
+              l.payment.currencyCode,
+              Ee
+            )
+          }) }),
+          /* @__PURE__ */ n(
+            "p",
+            {
+              role: "status",
+              className: l.state.status === "processing" ? "type-body ds:m-0 ds:flex ds:items-center ds:gap-[var(--spacing-sm)]" : "ds:sr-only",
+              children: l.state.status === "processing" ? /* @__PURE__ */ y(me, { children: [
+                /* @__PURE__ */ n(qn, { variant: "pulse", size: "lg", "aria-hidden": "true" }),
+                /* @__PURE__ */ n("span", { children: de(
+                  D ? "booking.payment.confirming" : "booking.payment.processing"
+                ) })
+              ] }) : null
+            }
+          ),
+          l.state.status === "failed" ? /* @__PURE__ */ n(
+            re,
+            {
+              ref: lt,
+              variant: "error",
+              tabIndex: -1,
+              className: Bt,
+              children: /* @__PURE__ */ n(re.Description, { children: l.state.error ?? de(
+                D ? "booking.payment.completionFailed" : "booking.payment.failed"
+              ) })
+            }
+          ) : null,
+          D ? E == null ? void 0 : E(l) : L == null ? void 0 : L(l)
+        ]
+      }
+    ) : null, nt = K(() => {
+      const x = new Set(Ye(N)), _ = m.filter((P) => x.has(P.id)).map((P) => {
+        var ue;
+        return {
+          label: P.label,
+          text: ((ue = P.criticalInformationToAccept) == null ? void 0 : ue.trim()) ?? ""
+        };
+      }).filter((P) => P.text.length > 0);
+      if (_.length !== 0)
+        return _.length === 1 ? _[0].text : _.map((P) => `${P.label}: ${P.text}`).join(`
+
+`);
+    }, [m, N]), Ge = K(() => {
+      if (H === "success" || H === "payment") return null;
+      const x = Se === "accordion" ? Si : Se === "calendar" ? Ii : Se === "flexible" ? Ni : Se === "progress" ? wi : ki, _ = {
+        cascade: z,
+        inputs: {
+          specialties: pe,
+          services: m,
+          operators: at,
+          availableDates: f,
+          availableSlots: S,
+          nextAvailableDate: g
+        },
+        value: N,
+        onChange: q,
+        onSubmit: jt,
+        policy: { country: t, lockedOperatorId: s },
+        detailsProps: {
+          hideEmail: d,
+          emailOptional: h,
+          requireCodiceFiscale: v,
+          requireDateOfBirth: u,
+          requireInsuranceNumber: M,
+          insuranceType: N.insuranceType,
+          showNote: I,
+          showReturningPatientFlag: O,
+          privacyPolicyUrl: B,
+          termsUrl: F,
+          practiceConsent: R,
+          criticalInformationToAccept: nt,
+          locked: H === "code",
+          payment: G.payment,
+          paymentTermsUrl: $,
+          paymentBlocked: G.blocked,
+          billingInDetails: w,
+          paymentNoticeStyle: C,
+          validateCodiceFiscale: b,
+          validateInsuranceNumber: W,
+          confirmationChannels: ne,
+          defaultConfirmationChannels: Ne,
+          singleConfirmationChannel: ge,
+          submitError: Le ?? (H === "error" ? de("booking.payment.submitFailed") : void 0)
+        },
+        emptyServicesSlot: Pt,
+        onboardingIncompleteSlot: Tt,
+        loadingDates: ke,
+        loadingSlots: oe,
+        slotLoadError: ae,
+        onRetrySlots: Xe,
+        emptySlotsDescription: it,
+        onDateSelect: Be,
+        onWindowChange: he,
+        datePickerStyle: ve,
+        specialtyPickerStyle: be,
+        servicePickerStyle: ye,
+        showServiceDuration: Oe,
+        operatorPickerStyle: De,
+        submitting: ft || H === "submitting",
+        locale: Ee,
+        activeStep: ee,
+        setActiveStep: xe,
+        agentIdBase: Ze
+      };
+      return /* @__PURE__ */ n(x, { ..._ });
+    }, [
+      H,
+      G.payment,
+      G.blocked,
+      $,
+      de,
+      Se,
+      z,
+      pe,
+      m,
+      at,
+      f,
+      S,
+      g,
+      N,
+      q,
+      jt,
+      t,
+      s,
+      d,
+      h,
+      v,
+      u,
+      M,
+      w,
+      C,
+      Le,
+      I,
+      O,
+      B,
+      F,
+      R,
+      nt,
+      b,
+      W,
+      ne,
+      Ne,
+      ge,
+      Pt,
+      Tt,
+      ke,
+      oe,
+      ae,
+      Xe,
+      it,
+      Be,
+      he,
+      ve,
+      be,
+      ye,
+      Oe,
+      De,
+      ft,
+      Ee,
+      ee,
+      Ze
+    ]);
+    return /* @__PURE__ */ y(
+      "div",
+      {
+        ref: Te,
+        role: "region",
+        "aria-label": Gt,
+        id: Ze,
+        "data-component": "booking",
+        "data-component-id": Ze,
+        "data-variant": Se,
+        className: si({
+          variant: Se,
+          surface: Ke,
+          className: gt
+        }),
+        tabIndex: -1,
+        onFocus: (x) => {
+          He.current = x.target, we == null || we(x);
+        },
+        onBlur: (x) => {
+          const _ = x.target;
+          window.setTimeout(() => {
+            var ue;
+            const P = document.activeElement;
+            He.current === _ && _.isConnected && !(P && ((ue = Te.current) != null && ue.contains(P))) && (He.current = null);
+          }), At == null || At(x);
+        },
+        ...$t,
+        children: [
+          /* @__PURE__ */ n("div", { role: "status", className: "ds:sr-only", children: zt }),
+          /* @__PURE__ */ y(
+            "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") })
+              ]
+            }
+          ),
+          G.cancelled ? /* @__PURE__ */ n(re, { variant: "info", children: /* @__PURE__ */ n(re.Description, { children: de("booking.payment.cancelled") }) }) : null,
+          Jt ?? ie ?? /* @__PURE__ */ y(me, { children: [
+            U ? /* @__PURE__ */ n(
+              "fieldset",
+              {
+                "data-slot": "booking-form",
+                disabled: It ? !0 : void 0,
+                className: "ds:m-0 ds:min-w-0 ds:border-0 ds:p-0",
+                children: Ge
+              }
+            ) : Ge,
+            It ? /* @__PURE__ */ y(me, { children: [
+              /* @__PURE__ */ n("div", { className: "ds:flex ds:justify-end", children: /* @__PURE__ */ n(
+                Re,
+                {
+                  type: "button",
+                  intent: "ghost",
+                  size: "md",
+                  disabled: dn,
+                  onClick: () => {
+                    xt.current = !0, Qe.current();
+                  },
+                  children: de("booking.actions.change")
+                }
+              ) }),
+              It
+            ] }) : null
+          ] })
+        ]
+      }
+    );
+  }
+);
+Mi.displayName = "Booking";
+export {
+  Mi as B,
+  fn as C,
+  qe as O,
+  hs as b
+};
+//# sourceMappingURL=booking-opt_h7Uc.js.map