@eka-care/medassist-widget 0.1.81 → 0.1.82

package/dist/medassist-widget-ConnectionStatus-BubGbavD.js

@@ -0,0 +1,84 @@
+import { h as x, d as f, y as h, u as e, b as a } from "./medassist-widget-main-CvBx4wsw.js";
+function y({
+  className: r = "",
+  onRetry: d,
+  showRetryButton: i,
+  startNewConnection: n,
+  clearError: o,
+  error: t,
+  isConnected: c
+}) {
+  const { isOnline: s } = x(), [m, l] = f(!0);
+  return h(() => {
+    if (!n && !i && !!t) {
+      l(!0);
+      const u = setTimeout(() => l(!1), 5e3);
+      return () => clearTimeout(u);
+    }
+    l(!0);
+  }, [t, n, i]), n ? /* @__PURE__ */ e("div", { className: a("flex flex-col items-center synapse-chat-widget-footer px-3 pt-3 pb-2  ", r), children: /* @__PURE__ */ e("p", { className: "text-text-secondary text-sm max-w-sm mx-auto text-center w-250 mx-4 text-balance", children: "The conversation is now closed. Start a new session to continue." }) }) : i && t?.title ? /* @__PURE__ */ e(
+    "div",
+    {
+      className: a(
+        "mx-4 mb-3 p-2 bg-surface border border-[#F7B500] rounded-lg",
+        r
+      ),
+      children: /* @__PURE__ */ e("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ e("div", { className: "w-5 h-5 bg-[#F7B500] rounded-full flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ e("span", { className: "text-primary-foreground text-sm font-bold", children: "!" }) }),
+        /* @__PURE__ */ e("div", { className: "flex-1", children: [
+          /* @__PURE__ */ e("div", { className: "text-text-primary font-semibold text-sm", children: t?.title }),
+          /* @__PURE__ */ e("div", { className: "text-text-secondary text-xs mt-1", children: t?.description ?? "Please check your connection and try again" })
+        ] }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            onClick: () => {
+              o(), d?.();
+            },
+            className: "px-4 py-2 bg-primary text-primary-foreground text-sm font-semibold rounded-lg hover:bg-primary/90 transition-colors flex items-center gap-2 flex-shrink-0",
+            children: [
+              /* @__PURE__ */ e(
+                "svg",
+                {
+                  className: "w-4 h-4",
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24",
+                  children: /* @__PURE__ */ e(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      strokeWidth: 2,
+                      d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
+                    }
+                  )
+                }
+              ),
+              "Retry"
+            ]
+          }
+        )
+      ] })
+    }
+  ) : c && s && !t?.title || !n && !i && !m || !c && !t?.title ? null : /* @__PURE__ */ e(
+    "div",
+    {
+      className: a(
+        "mx-4 mb-3 p-2 bg-surface border border-border-subtle rounded-lg transition-opacity duration-500",
+        r
+      ),
+      children: /* @__PURE__ */ e("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ e("div", { className: "w-5 h-5 bg-primary rounded-full flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ e("span", { className: "text-primary-foreground text-sm font-bold", children: "!" }) }),
+        /* @__PURE__ */ e("div", { className: "flex-1", children: [
+          /* @__PURE__ */ e("div", { className: "text-text-primary font-semibold text-sm", children: s ? t?.title : "No internet connection" }),
+          /* @__PURE__ */ e("div", { className: "text-text-secondary text-xs mt-1", children: s ? t?.description ?? "Please wait while we try to connect" : "Please check your internet connection" })
+        ] }),
+        !s && /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 border-2 border-primary border-t-transparent rounded-full animate-spin" }) })
+      ] })
+    }
+  );
+}
+export {
+  y as ConnectionStatus
+};

package/dist/medassist-widget-DispToastHost-D2_0EipW.js

@@ -0,0 +1,69 @@
+import { u as e, S as n, e as a, q as i, y as l } from "./medassist-widget-main-CvBx4wsw.js";
+import { X as d } from "./medassist-widget-x-DptkIHzh.js";
+function u({ message: t, onDismiss: r }) {
+  return /* @__PURE__ */ e(n, { children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: "pointer-events-none absolute inset-0 z-[55] bg-black-600",
+        "aria-hidden": !0
+      }
+    ),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: "pointer-events-none absolute inset-x-3 top-3 z-[60]",
+        role: "presentation",
+        children: /* @__PURE__ */ e(
+          "div",
+          {
+            role: "alertdialog",
+            "aria-modal": "true",
+            "aria-labelledby": "synapse-disp-toast-msg",
+            className: "pointer-events-auto flex w-full flex-row items-center gap-3 rounded-lg border border-border bg-surface p-3 text-left text-foreground opacity-100",
+            onClick: (s) => s.stopPropagation(),
+            children: [
+              /* @__PURE__ */ e(
+                "p",
+                {
+                  id: "synapse-disp-toast-msg",
+                  className: "min-w-0 flex-1 text-sm font-medium whitespace-pre-wrap",
+                  children: t
+                }
+              ),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  onClick: r,
+                  className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-muted-foreground hover:bg-muted hover:text-foreground",
+                  "aria-label": "Close",
+                  children: /* @__PURE__ */ e(d, { className: "h-4 w-4", strokeWidth: 2.5 })
+                }
+              )
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+function p() {
+  const t = a((o) => o.toastMessage), r = a((o) => o.setToastMessage), s = i(() => {
+    r(null);
+  }, [r]);
+  return l(() => {
+    if (!t) return;
+    const o = window.setTimeout(s, 3e3);
+    return () => window.clearTimeout(o);
+  }, [t, s]), t ? /* @__PURE__ */ e(
+    u,
+    {
+      message: t,
+      onDismiss: s
+    }
+  ) : null;
+}
+export {
+  p as default
+};

package/dist/medassist-widget-DoctorCard-CX9O7oju.js

@@ -0,0 +1,443 @@
+import { c as k, d as m, A as B, y as z, u as e, b as h, C as V, T as O, q as H, _ as ee, s as te, t as ae, v as re, S as ne, w as ie, B as N, f as le } from "./medassist-widget-main-CvBx4wsw.js";
+import { A as se, b as oe, a as ce } from "./medassist-widget-avatar-CIkxqi_7.js";
+import { C as de } from "./medassist-widget-check-CBkqbFAl.js";
+import { M as F } from "./medassist-widget-map-pin-QqnPVlgB.js";
+import { M as me } from "./medassist-widget-ChatMessages-CwUlThlh.js";
+import { C as he, a as pe } from "./medassist-widget-chevron-right-DXVez3hJ.js";
+const ue = [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
+], fe = k("arrow-right", ue);
+const xe = [
+  ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }],
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
+], ge = k("clock", xe);
+const ye = [
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
+  ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
+  ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
+], be = k("ellipsis", ye);
+const ve = [
+  ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
+  ["path", { d: "M10 14 21 3", key: "gplh6r" }],
+  ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
+], we = k("external-link", ve);
+const Ne = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 16v-4", key: "1dtifu" }],
+  ["path", { d: "M12 8h.01", key: "e9boi3" }]
+], ke = k("info", Ne);
+const Ce = [
+  ["path", { d: "m5 8 6 6", key: "1wu5hv" }],
+  ["path", { d: "m4 14 6-6 2-3", key: "1k1g8d" }],
+  ["path", { d: "M2 5h12", key: "or177f" }],
+  ["path", { d: "M7 2h1", key: "1t2jsx" }],
+  ["path", { d: "m22 22-5-10-5 10", key: "don7ne" }],
+  ["path", { d: "M14 18h6", key: "1m8k6r" }]
+], _e = k("languages", Ce);
+function Me({
+  value: n,
+  onValueChange: a,
+  placeholder: c = "Select an option",
+  className: u,
+  triggerClassName: S,
+  contentClassName: C,
+  disabled: l = !1,
+  options: b = [],
+  size: L = "default",
+  icon: $
+}) {
+  const [i, y] = m(!1), g = B(null), f = B(null), x = b.find((s) => s.value === n);
+  z(() => {
+    const s = (p) => {
+      i && p.key === "Escape" && (y(!1), f.current?.focus());
+    };
+    return document.addEventListener("keydown", s), () => {
+      document.removeEventListener("keydown", s);
+    };
+  }, [i]);
+  const v = (s) => {
+    a?.(s), y(!1), f.current?.focus();
+  }, _ = () => {
+    l || y(!i);
+  };
+  return /* @__PURE__ */ e("div", { className: h("relative w-full", u), children: [
+    /* @__PURE__ */ e(
+      "button",
+      {
+        ref: f,
+        type: "button",
+        onClick: _,
+        disabled: l,
+        className: h(
+          'border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*="text-"])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-full items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 overflow-hidden',
+          L === "default" ? "min-h-9" : "min-h-8",
+          S
+        ),
+        "aria-expanded": i,
+        "aria-haspopup": "listbox",
+        children: [
+          $,
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: h(
+                "flex-1 text-left min-w-0 overflow-hidden break-words line-clamp-2",
+                !x && "text-muted-foreground"
+              ),
+              children: x ? x.label : c
+            }
+          ),
+          /* @__PURE__ */ e(
+            V,
+            {
+              className: h(
+                "size-4 opacity-50 pointer-events-none shrink-0 transition-transform duration-200",
+                i && "rotate-180"
+              )
+            }
+          )
+        ]
+      }
+    ),
+    i && /* @__PURE__ */ e(
+      "div",
+      {
+        ref: g,
+        className: h(
+          "bg-surface text-foreground animate-in fade-in-0 zoom-in-95 slide-in-from-top-2 relative z-50 max-h-[136px] min-w-[8rem] w-full overflow-x-hidden overflow-y-auto overscroll-contain rounded-md shadow-md mt-1",
+          C
+        ),
+        role: "listbox",
+        children: /* @__PURE__ */ e("div", { className: "p-1", children: b.length === 0 ? /* @__PURE__ */ e("div", { className: "px-3 py-2 text-sm text-muted-foreground text-center", children: "No options available" }) : b.map((s) => {
+          const p = s.value === n;
+          return /* @__PURE__ */ e(
+            "div",
+            {
+              onClick: () => v(s.value),
+              className: h(
+                "relative flex w-full cursor-pointer items-center gap-1 rounded-sm py-2.5 px-3 text-sm outline-none select-none transition-colors duration-150",
+                "hover:bg-accent hover:text-accent-foreground",
+                "focus-visible:bg-accent focus-visible:text-accent-foreground",
+                "active:bg-accent/80",
+                p && "bg-accent/50 text-foreground",
+                l && "pointer-events-none opacity-50 cursor-not-allowed"
+              ),
+              role: "option",
+              "aria-selected": p,
+              tabIndex: l ? -1 : 0,
+              onKeyDown: (w) => {
+                (w.key === "Enter" || w.key === " ") && (w.preventDefault(), l || v(s.value));
+              },
+              children: [
+                /* @__PURE__ */ e("span", { className: "flex-1 text-left min-w-0 break-words line-clamp-2", children: s.label }),
+                p && /* @__PURE__ */ e("span", { className: "absolute right-3 flex size-4 items-center justify-center shrink-0 pointer-events-none", children: /* @__PURE__ */ e(de, { className: "size-4 text-foreground" }) })
+              ]
+            },
+            s.value
+          );
+        }) })
+      }
+    )
+  ] });
+}
+function Le({ doctor: n, doctorDetails: a, onSelect: c, disabled: u, isActive: S = !0 }) {
+  const C = O(() => {
+    if (a?.hospitals?.[0]?.hospital_id)
+      return a?.hospitals?.[0]?.hospital_id;
+  }, [a?.hospitals]), [l, b] = m(C), [L, $] = m(!1), [i, y] = m(null), [g, f] = m(null), [x, v] = m(0), [_, s] = m(!1), [p, w] = m(!1), [M, q] = m(!1), [R, T] = m(!1), [E, P] = m(!1), I = B(!1), A = B(null);
+  z(() => {
+    b(C);
+  }, [C]);
+  const r = n.availability ?? [], G = H(async () => {
+    if (!M && (w(!0), !r.length && c && a)) {
+      q(!0);
+      try {
+        await c({ ...n, hospital_id: l });
+      } finally {
+        q(!1);
+      }
+    }
+  }, [p, M, c, a, r.length, l]), K = H(
+    (t) => {
+      a && (b(t), y(null), f(null), v(0), I.current = !1, c?.({ ...n, hospital_id: t }));
+    },
+    [n, c, a]
+  );
+  z(() => {
+    S || w(!1);
+  }, [S]), z(() => {
+    if (!p || !r.length || I.current) return;
+    I.current = !0;
+    const t = n.preferred_date || r[0]?.date;
+    t && (y((d) => d ?? t), r.find((d) => d.date === t)?.slots?.length || c?.({ ...n, hospital_id: l, preferred_date: t }));
+  }, [r, p]);
+  const j = O(
+    () => r.find((t) => t.date === i)?.slots ?? [],
+    [r, i]
+  );
+  ee(() => {
+    const t = A.current;
+    t && (t.scrollTop = 0, T(t.scrollHeight > t.clientHeight + 2));
+  }, [i, j.length]);
+  const J = H(() => {
+    const t = A.current;
+    t && T(t.scrollTop + t.clientHeight < t.scrollHeight - 4);
+  }, []), Q = () => {
+    A.current?.scrollBy({ top: 120, behavior: "smooth" });
+  }, U = O(() => {
+    if (!r.length) return [];
+    const t = Math.min(x + 3, r.length);
+    return r.slice(x, t).map((o) => {
+      if (o.date)
+        return { ...o, ...te(o.date) };
+    });
+  }, [r, x]), W = x > 0, X = x < Math.max(0, (r || []).length - 3), Y = H(
+    async (t) => {
+      y(t), f(null);
+      const o = r.find((d) => d.date === t);
+      if (!(o?.slots?.length || Array.isArray(o?.slots) && o?.slots.length === 0)) {
+        $(!0);
+        try {
+          await c?.({ ...n, hospital_id: l, preferred_date: t });
+        } catch {
+        } finally {
+          $(!1);
+        }
+      }
+    },
+    [n, l, c, r]
+  ), Z = () => {
+    if (!g || !i || _) return;
+    s(!0);
+    const t = n.cta?.text;
+    c?.(
+      { ...n, hospital_id: l, preferred_date: i, preferred_slot_time: g },
+      `${t || `I want to book an appointment with Dr. ${a?.name}`} on ${i} at ${g}.`,
+      n.cta?.tool_result
+    );
+  };
+  return a ? /* @__PURE__ */ e(le, { className: "max-w-md h-full rounded-xl border border-black-200 dark:border-white-200 shadow-none p-0 bg-elicitationBg overflow-hidden", children: [
+    /* @__PURE__ */ e(ae, { className: "flex flex-row items-center gap-3 bg-primary/[20%] rounded-t-xl p-2 border-b border-border-subtle overflow-hidden", children: [
+      /* @__PURE__ */ e(se, { className: "h-12 w-12 ring-2 ring-primary/20 flex-shrink-0", children: [
+        a.profile_pic && /* @__PURE__ */ e(oe, { src: a.profile_pic, alt: `${a.name} profile photo`, crossOrigin: "anonymous" }),
+        /* @__PURE__ */ e(ce, { className: "bg-secondary text-primary", children: re(a.name) })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ e("h3", { className: "font-bold text-slate-900 leading-tight", style: { fontSize: "0.95rem" }, children: [
+          /* @__PURE__ */ e("span", { children: a.name }),
+          a.profile_link && /* @__PURE__ */ e(
+            "a",
+            {
+              href: a.profile_link,
+              target: "_blank",
+              rel: "noreferrer",
+              "aria-label": "View profile",
+              className: "inline-block align-middle ml-2 text-primary hover:text-primary/70 transition-colors",
+              children: /* @__PURE__ */ e(we, { className: "h-3.5 w-3.5 inline", "aria-hidden": !0 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(
+          "p",
+          {
+            className: "mt-0.5 text-xs text-slate-600 line-clamp-1 hover:line-clamp-none hover:whitespace-normal cursor-help",
+            title: `${a.specialty}${a.experience ? ` • ${a.experience}` : ""}`,
+            children: [
+              a.specialty,
+              a.experience && /* @__PURE__ */ e(ne, { children: [
+                " • ",
+                a.experience
+              ] })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e(ie, { className: "px-3 py-2", children: [
+      /* @__PURE__ */ e("div", { className: "grid gap-1 pb-2 border-b border-border-subtle", children: [
+        a.timings && /* @__PURE__ */ e("div", { className: "flex items-start gap-2 min-w-0", children: [
+          /* @__PURE__ */ e(ge, { className: "h-3.5 w-3.5 text-primary mt-0.5 flex-shrink-0", "aria-hidden": !0 }),
+          /* @__PURE__ */ e("span", { className: "text-text-secondary text-xs line-clamp-1 min-w-0", children: a.timings })
+        ] }),
+        a.languages && /* @__PURE__ */ e("div", { className: "flex items-center gap-2 min-w-0", children: [
+          /* @__PURE__ */ e(_e, { className: "h-3.5 w-3.5 text-primary flex-shrink-0", "aria-hidden": !0 }),
+          /* @__PURE__ */ e("span", { className: "text-text-secondary text-xs line-clamp-1 min-w-0", children: a.languages })
+        ] }),
+        a.hospitals?.length > 1 && l ? /* @__PURE__ */ e(
+          Me,
+          {
+            options: a.hospitals.map((t) => ({ value: t.hospital_id, label: t.name || "" })),
+            placeholder: "Select Hospital",
+            disabled: u,
+            onValueChange: K,
+            value: l,
+            triggerClassName: "h-8 text-xs px-3 rounded-lg border-border text-primary font-medium",
+            icon: /* @__PURE__ */ e(F, { className: "h-3.5 w-3.5 text-primary flex-shrink-0", "aria-hidden": !0 })
+          }
+        ) : /* @__PURE__ */ e("div", { className: "flex items-center gap-1.5 min-w-0", children: [
+          /* @__PURE__ */ e(F, { className: "h-3.5 w-3.5 text-primary flex-shrink-0", "aria-hidden": !0 }),
+          /* @__PURE__ */ e("span", { className: "text-text-secondary text-xs line-clamp-1 min-w-0", children: a.hospitals?.[0]?.name || "" })
+        ] }),
+        a.info && /* @__PURE__ */ e("div", { className: "flex items-start gap-2 min-w-0", children: [
+          /* @__PURE__ */ e(ke, { className: "h-3.5 w-3.5 text-primary flex-shrink-0", "aria-hidden": !0 }),
+          /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: h(
+                  "text-text-secondary text-xs leading-snug prose prose-sm max-w-none prose-strong:font-semibold prose-p:my-0 break-words overflow-hidden",
+                  !E && "line-clamp-1"
+                ),
+                children: /* @__PURE__ */ e(me, { children: a.info })
+              }
+            ),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                onClick: () => P((t) => !t),
+                "aria-expanded": E,
+                className: "mt-0.5 flex items-center gap-1 text-[11px] font-semibold text-primary hover:text-primary/80 transition-colors",
+                children: [
+                  /* @__PURE__ */ e(be, { className: "h-3.5 w-3.5", "aria-hidden": !0 }),
+                  E ? "View less" : "View more"
+                ]
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      p ? M ? /* @__PURE__ */ e("p", { className: "pt-3 text-sm text-text-secondary text-center", children: "Loading..." }) : r.length > 0 ? /* @__PURE__ */ e("div", { className: "pt-3", children: [
+        /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e(
+            N,
+            {
+              type: "button",
+              variant: "outline",
+              size: "icon",
+              onClick: () => {
+                v((t) => Math.max(0, t - 3)), f(null);
+              },
+              disabled: u || !W,
+              "aria-label": "Previous 3 days",
+              className: "h-8 w-8 flex-shrink-0 rounded-md border-primary/20 bg-surface text-primary hover:bg-surface-secondary disabled:opacity-50",
+              children: /* @__PURE__ */ e(he, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: "flex-1 grid grid-cols-3 gap-1 min-w-0", children: U.map((t, o) => {
+            if (!t || !t.date) return null;
+            const d = i === t.date, D = (t?.slots || []).length > 0;
+            return /* @__PURE__ */ e(
+              N,
+              {
+                type: "button",
+                variant: "outline",
+                onClick: () => t.date && Y(t.date),
+                disabled: u,
+                "aria-current": d ? "date" : void 0,
+                className: h(
+                  "flex flex-col items-center justify-center h-12 rounded-lg border-2 p-2 gap-0.5 min-w-0 transition-all",
+                  d ? "border-primary border-2 ring-2 ring-primary/20 bg-primary/[20%] shadow-sm hover:text-accent-foreground" : D ? "border-primary/30 bg-elicitationBg hover:bg-primary/10 hover:text-accent-foreground hover:border-primary/40" : "border-border bg-elicitationBg opacity-60 hover:bg-primary/10 hover:text-accent-foreground hover:border-primary/30"
+                ),
+                children: [
+                  /* @__PURE__ */ e("span", { className: h("text-[10px] tracking-wide w-full text-center font-medium"), children: t.weekday }),
+                  /* @__PURE__ */ e("span", { className: h("text-xs font-bold w-full text-center"), children: t.dayNum })
+                ]
+              },
+              `${t.date}-${o}`
+            );
+          }) }),
+          /* @__PURE__ */ e(
+            N,
+            {
+              type: "button",
+              variant: "outline",
+              size: "icon",
+              onClick: () => {
+                v((t) => Math.min(Math.max(0, r.length - 3), t + 3)), f(null);
+              },
+              disabled: u || !X,
+              "aria-label": "Next 3 days",
+              className: "h-8 w-8 flex-shrink-0 rounded-md border-primary/20 bg-surface text-primary hover:bg-surface-secondary disabled:opacity-50",
+              children: /* @__PURE__ */ e(pe, { className: "h-4 w-4" })
+            }
+          )
+        ] }),
+        i && /* @__PURE__ */ e("div", { className: "mt-2", children: j.length > 0 ? /* @__PURE__ */ e("div", { className: "relative", children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              ref: A,
+              onScroll: J,
+              className: "grid grid-cols-3 gap-2 overflow-y-auto overscroll-contain",
+              style: { maxHeight: "108px" },
+              children: j.map((t, o) => {
+                if (!t) return null;
+                const d = g === t;
+                return /* @__PURE__ */ e(
+                  N,
+                  {
+                    type: "button",
+                    variant: "outline",
+                    onClick: () => f(t),
+                    "aria-pressed": d,
+                    disabled: u,
+                    className: h(
+                      "h-9 rounded-lg px-2 text-xs font-medium transition-all",
+                      d ? "border-primary bg-primary/20 text-primary shadow-sm hover:bg-primary/10" : "border-border bg-elicitationBg text-text-primary hover:bg-primary/10 hover:border-primary/30"
+                    ),
+                    children: /* @__PURE__ */ e("span", { children: t })
+                  },
+                  t || `slot-${o}`
+                );
+              })
+            }
+          ),
+          R && /* @__PURE__ */ e("div", { className: "absolute bottom-0 left-0 right-0 h-12 bg-gradient-to-t from-elicitationBg via-elicitationBg to-transparent pointer-events-none flex items-end justify-center pb-1", children: /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              onClick: Q,
+              className: "pointer-events-auto flex items-center gap-1 text-xs font-semibold text-primary hover:text-primary/80 transition-colors",
+              children: [
+                /* @__PURE__ */ e(V, { className: "h-3.5 w-3.5", "aria-hidden": !0 }),
+                "More slots"
+              ]
+            }
+          ) })
+        ] }) : L ? /* @__PURE__ */ e("p", { className: "text-sm text-text-secondary px-1", children: "Fetching slots..." }) : /* @__PURE__ */ e("p", { className: "text-sm text-text-secondary px-1", children: "No slots available." }) }),
+        /* @__PURE__ */ e(
+          N,
+          {
+            type: "button",
+            onClick: Z,
+            disabled: !g || u || _,
+            "aria-disabled": !g || _,
+            className: `w-full h-10 gap-2 bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-60 shadow-sm font-semibold ${R ? "" : " mt-2"}`,
+            children: [
+              n.cta?.title || "Book appointment",
+              /* @__PURE__ */ e(fe, { className: "h-4 w-4", "aria-hidden": !0 })
+            ]
+          }
+        )
+      ] }) : /* @__PURE__ */ e("p", { className: "pt-3 text-sm text-text-secondary text-center", children: "No slots available." }) : /* @__PURE__ */ e("div", { className: "pt-3", children: /* @__PURE__ */ e(
+        N,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: G,
+          disabled: u || M,
+          className: "w-full h-8 gap-1.5 text-xs border-primary/40 text-primary hover:bg-primary/10 disabled:opacity-60 font-medium rounded-lg",
+          children: [
+            M ? "Loading..." : "Show available slots",
+            /* @__PURE__ */ e(V, { className: "h-3.5 w-3.5", "aria-hidden": !0 })
+          ]
+        }
+      ) })
+    ] })
+  ] }) : null;
+}
+export {
+  Le as DoctorCard
+};