@alfadocs/ui-kit-debug 1.81.0 → 1.83.0

package/dist/_chunks/booking-dsgiuhKg.js

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