@eka-care/medassist-widget 0.1.83 → 0.1.84

package/README.md

@@ -13,11 +13,11 @@ npm install @eka-care/medassist-widget
 ```html
 <link
   rel="stylesheet"
-  href="https://unpkg.com/@eka-care/medassist-widget@latest/dist/medassist-widget.css" />
+  href="https://cdn.jsdelivr.net/npm/@eka-care/medassist-widget@latest/dist/medassist-widget.css" />
 
 <div id="medassist-widget"></div>
 
-<script src="https://unpkg.com/@eka-care/medassist-widget@latest/dist/medassist-widget.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@eka-care/medassist-widget@latest/dist/medassist-widget.js"></script>
 <script>
   window.renderMedAssist(
     document.getElementById("medassist-widget"),

package/dist/medassist-widget-CardList-DCmadzzk.js

@@ -0,0 +1,222 @@
+import { c, u as e, k as M, v as w, r as b, s as C, w as z, B as x, t as S, d as $, A as j } from "./medassist-widget.js";
+import { C as A } from "./medassist-widget-check-BaHLRs-2.js";
+import { M as v } from "./medassist-widget-map-pin-Bx-5lPdC.js";
+import { FocusCarousel as I } from "./medassist-widget-FocusCarousel-BsLIZftX.js";
+const H = [
+  ["path", { d: "M10 12h4", key: "a56b0p" }],
+  ["path", { d: "M10 8h4", key: "1sr2af" }],
+  ["path", { d: "M14 21v-3a2 2 0 0 0-4 0v3", key: "1rgiei" }],
+  [
+    "path",
+    {
+      d: "M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2",
+      key: "secmi2"
+    }
+  ],
+  ["path", { d: "M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16", key: "16ra0t" }]
+], N = c("building-2", H);
+const B = [
+  ["path", { d: "M8 2v4", key: "1cmpym" }],
+  ["path", { d: "M16 2v4", key: "4m81vk" }],
+  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
+  ["path", { d: "M3 10h18", key: "8toen8" }]
+], V = c("calendar", B);
+const q = [
+  ["line", { x1: "12", x2: "12", y1: "2", y2: "22", key: "7eqyqh" }],
+  ["path", { d: "M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6", key: "1b0p4s" }]
+], D = c("dollar-sign", q);
+const L = [
+  ["path", { d: "M4 10h12", key: "1y6xl8" }],
+  ["path", { d: "M4 14h9", key: "1loblj" }],
+  [
+    "path",
+    {
+      d: "M19 6a7.7 7.7 0 0 0-5.2-2A7.9 7.9 0 0 0 6 12c0 4.4 3.5 8 7.8 8 2 0 3.8-.8 5.2-2",
+      key: "1j6lzo"
+    }
+  ]
+], R = c("euro", L);
+const T = [
+  ["path", { d: "M6 3h12", key: "ggurg9" }],
+  ["path", { d: "M6 8h12", key: "6g4wlu" }],
+  ["path", { d: "m6 13 8.5 8", key: "u1kupk" }],
+  ["path", { d: "M6 13h3", key: "wdp6ag" }],
+  ["path", { d: "M9 13c6.667 0 6.667-10 0-10", key: "1nkvk2" }]
+], F = c("indian-rupee", T);
+const P = [
+  [
+    "path",
+    {
+      d: "M14.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0z",
+      key: "169xi5"
+    }
+  ],
+  ["path", { d: "M15 5.764v15", key: "1pn4in" }],
+  ["path", { d: "M9 3.236v15", key: "1uimfh" }]
+], E = c("map", P);
+const G = [
+  [
+    "path",
+    {
+      d: "M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z",
+      key: "qn84l0"
+    }
+  ],
+  ["path", { d: "M13 5v2", key: "dyzc3o" }],
+  ["path", { d: "M13 17v2", key: "1ont0d" }],
+  ["path", { d: "M13 11v2", key: "1wjjxi" }]
+], O = c("ticket", G), Z = {
+  voucher: O,
+  pharmacy: N,
+  hospital: N,
+  map: E,
+  location_pin: v,
+  "location pin": v,
+  check: A,
+  calendar: V,
+  rupee: F,
+  dollar: D,
+  euro: R
+};
+function y({
+  name: t,
+  className: d,
+  size: l = 16
+}) {
+  const r = t?.trim().toLowerCase().replace(/\s+/g, "_");
+  if (!r) return null;
+  const i = Z[r];
+  if (i)
+    return /* @__PURE__ */ e(i, { className: d, size: l, "aria-hidden": !0 });
+}
+function _({
+  card: t,
+  onSelect: d,
+  disabled: l = !1
+}) {
+  const {
+    title: r,
+    tags: i,
+    icon: h,
+    img: m,
+    description: p,
+    banner_text: u,
+    items: n,
+    primary_cta: o,
+    secondary_cta: s
+  } = t, k = (a) => {
+    if (!l && (a.link && window.open(a.link, "_blank", "noopener,noreferrer"), a.text || a.title)) {
+      let f = !1;
+      t?.primary_cta?.tool_result && (f = !0), d?.({ message: a.text || a.title, selectedCard: t?.title, selectedComponent: t, selected_id: t.card_id, ...f ? { tool_result: t.primary_cta?.tool_result } : {} });
+    }
+  }, g = !!m;
+  return /* @__PURE__ */ e(S, { className: "w-full h-full flex flex-col overflow-hidden rounded-xl border border-black-200 dark:border-white-200 bg-elicitationBg text-card-foreground shadow-none", children: [
+    /* @__PURE__ */ e(M, { className: `flex flex-row items-center justify-between gap-3 p-3 ${g ? "bg-primary/[20%]" : ""}`, children: [
+      /* @__PURE__ */ e("div", { className: "min-w-0 flex-1 overflow-hidden", children: [
+        r ? /* @__PURE__ */ e(w, { className: "text-base font-bold leading-tight tracking-tight truncate", children: r }) : null,
+        i ? /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-muted-foreground truncate", children: i }) : null
+      ] }),
+      g ? /* @__PURE__ */ e("div", { className: "shrink-0", children: /* @__PURE__ */ e(
+        "img",
+        {
+          src: m,
+          alt: r ?? "profile",
+          className: "h-16 w-16 rounded-full object-cover border-2 border-background"
+        }
+      ) }) : h ? /* @__PURE__ */ e("div", { className: "shrink-0 text-muted-foreground", children: /* @__PURE__ */ e(y, { name: h, size: 24, className: "text-primary" }) }) : null
+    ] }),
+    /* @__PURE__ */ e(b, { className: "flex-1 space-y-3 pt-3 overflow-hidden", children: [
+      p ? /* @__PURE__ */ e("div", { className: "text-sm text-foreground leading-snug prose prose-sm max-w-none prose-strong:font-semibold prose-p:my-0 break-words", children: /* @__PURE__ */ e(C, { children: p }) }) : null,
+      u ? /* @__PURE__ */ e("div", { className: "rounded-full px-4 py-2 text-center text-sm font-semibold bg-primary/15 text-primary truncate", children: u }) : null,
+      n?.length ? /* @__PURE__ */ e("div", { className: "flex flex-col gap-y-1", children: n.map((a, f) => /* @__PURE__ */ e(
+        "div",
+        {
+          className: "flex items-center gap-1.5 text-xs text-foreground min-w-0",
+          children: [
+            a.icon ? /* @__PURE__ */ e(
+              y,
+              {
+                name: a.icon,
+                size: 12,
+                className: "shrink-0 text-muted-foreground"
+              }
+            ) : null,
+            /* @__PURE__ */ e("span", { className: "truncate", children: a.text })
+          ]
+        },
+        f
+      )) }) : null
+    ] }),
+    o?.title || s?.title ? /* @__PURE__ */ e(z, { className: "flex justify-center flex-wrap gap-2 pt-0", children: [
+      o && /* @__PURE__ */ e(
+        x,
+        {
+          type: "button",
+          variant: "default",
+          size: "sm",
+          className: `gap-1.5 truncate ${s ? "" : "w-full"}`,
+          disabled: l,
+          onClick: () => k(o),
+          children: [
+            o.icon ? /* @__PURE__ */ e(y, { name: o.icon, size: 14, className: "shrink-0" }) : null,
+            /* @__PURE__ */ e("span", { className: "truncate", children: o.title })
+          ]
+        }
+      ),
+      s && /* @__PURE__ */ e(
+        x,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          className: "gap-1.5 truncate",
+          disabled: l,
+          onClick: () => k(s),
+          children: [
+            s.icon ? /* @__PURE__ */ e(y, { name: s.icon, size: 14, className: "shrink-0" }) : null,
+            /* @__PURE__ */ e("span", { className: "truncate", children: s.title })
+          ]
+        }
+      )
+    ] }) : null
+  ] });
+}
+function W({
+  cards: t,
+  onSelect: d,
+  disabled: l = !1,
+  className: r,
+  orientation: i = "vertical"
+}) {
+  const [h, m] = $(!1), p = j(!1);
+  if (!t?.length)
+    return /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground py-2", children: "No options available." });
+  const u = async (n) => {
+    p.current || (p.current = !0, m(!0), await d?.(n));
+  };
+  return i !== "horizontal" ? /* @__PURE__ */ e("div", { className: r ?? "flex flex-col gap-3 mt-3", children: t.map((n, o) => /* @__PURE__ */ e(
+    _,
+    {
+      card: n,
+      onSelect: u,
+      disabled: l || h
+    },
+    n.card_id || o
+  )) }) : /* @__PURE__ */ e(
+    I,
+    {
+      count: t.length,
+      renderItem: (n) => /* @__PURE__ */ e(
+        _,
+        {
+          card: t[n],
+          onSelect: u,
+          disabled: l || h
+        }
+      )
+    }
+  );
+}
+export {
+  W as CardList
+};

package/dist/medassist-widget-DoctorCard-B9Zb-zvl.js

@@ -0,0 +1,447 @@
+import { c as k, d as m, A as E, y as L, u as e, i as h, C as q, T as B, q as z, _ as te, j as ae, m as re, k as ne, l as ie, n as le, o as se, p as oe, S as ce, r as de, s as me, B as N, t as he } from "./medassist-widget.js";
+import { C as pe } from "./medassist-widget-check-BaHLRs-2.js";
+import { M as P } from "./medassist-widget-map-pin-Bx-5lPdC.js";
+import { C as ue, a as fe } from "./medassist-widget-chevron-right-CKYbGWbY.js";
+const xe = [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
+], ge = k("arrow-right", xe);
+const ye = [
+  ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }],
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
+], be = k("clock", ye);
+const ve = [
+  ["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" }]
+], we = k("ellipsis", ve);
+const Ne = [
+  ["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" }]
+], ke = k("external-link", Ne);
+const Ce = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 16v-4", key: "1dtifu" }],
+  ["path", { d: "M12 8h.01", key: "e9boi3" }]
+], _e = k("info", Ce);
+const Me = [
+  ["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" }]
+], Se = k("languages", Me);
+function $e({
+  value: l,
+  onValueChange: a,
+  placeholder: d = "Select an option",
+  className: u,
+  triggerClassName: S,
+  contentClassName: C,
+  disabled: s = !1,
+  options: b = [],
+  size: I = "default",
+  icon: $
+}) {
+  const [n, y] = m(!1), f = E(null), x = E(null), g = b.find((o) => o.value === l);
+  L(() => {
+    const o = (p) => {
+      n && p.key === "Escape" && (y(!1), x.current?.focus());
+    };
+    return document.addEventListener("keydown", o), () => {
+      document.removeEventListener("keydown", o);
+    };
+  }, [n]);
+  const v = (o) => {
+    a?.(o), y(!1), x.current?.focus();
+  }, _ = () => {
+    s || y(!n);
+  };
+  return /* @__PURE__ */ e("div", { className: h("relative w-full", u), children: [
+    /* @__PURE__ */ e(
+      "button",
+      {
+        ref: x,
+        type: "button",
+        onClick: _,
+        disabled: s,
+        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',
+          I === "default" ? "min-h-9" : "min-h-8",
+          S
+        ),
+        "aria-expanded": n,
+        "aria-haspopup": "listbox",
+        children: [
+          $,
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: h(
+                "flex-1 text-left min-w-0 overflow-hidden break-words line-clamp-2",
+                !g && "text-muted-foreground"
+              ),
+              children: g ? g.label : d
+            }
+          ),
+          /* @__PURE__ */ e(
+            q,
+            {
+              className: h(
+                "size-4 opacity-50 pointer-events-none shrink-0 transition-transform duration-200",
+                n && "rotate-180"
+              )
+            }
+          )
+        ]
+      }
+    ),
+    n && /* @__PURE__ */ e(
+      "div",
+      {
+        ref: f,
+        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((o) => {
+          const p = o.value === l;
+          return /* @__PURE__ */ e(
+            "div",
+            {
+              onClick: () => v(o.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",
+                s && "pointer-events-none opacity-50 cursor-not-allowed"
+              ),
+              role: "option",
+              "aria-selected": p,
+              tabIndex: s ? -1 : 0,
+              onKeyDown: (w) => {
+                (w.key === "Enter" || w.key === " ") && (w.preventDefault(), s || v(o.value));
+              },
+              children: [
+                /* @__PURE__ */ e("span", { className: "flex-1 text-left min-w-0 break-words line-clamp-2", children: o.label }),
+                p && /* @__PURE__ */ e("span", { className: "absolute right-3 flex size-4 items-center justify-center shrink-0 pointer-events-none", children: /* @__PURE__ */ e(pe, { className: "size-4 text-foreground" }) })
+              ]
+            },
+            o.value
+          );
+        }) })
+      }
+    )
+  ] });
+}
+function Le({ doctor: l, doctorDetails: a, onSelect: d, disabled: u, isActive: S = !0 }) {
+  const C = B(() => {
+    if (a?.hospitals?.[0]?.hospital_id)
+      return a?.hospitals?.[0]?.hospital_id;
+  }, [a?.hospitals]), [s, b] = m(C), [I, $] = m(!1), [n, y] = m(null), [f, x] = m(null), [g, v] = m(0), [_, o] = m(!1), [p, w] = m(!1), [M, R] = m(!1), [T, F] = m(!1), [j, G] = m(!1), O = E(!1), H = E(null);
+  L(() => {
+    b(C);
+  }, [C]);
+  const r = l.availability ?? [], K = z(async () => {
+    if (!M && (w(!0), !r.length && d && a)) {
+      R(!0);
+      try {
+        await d({ ...l, hospital_id: s });
+      } finally {
+        R(!1);
+      }
+    }
+  }, [p, M, d, a, r.length, s]), J = z(
+    (t) => {
+      a && (b(t), y(null), x(null), v(0), O.current = !1, d?.({ ...l, hospital_id: t }));
+    },
+    [l, d, a]
+  );
+  L(() => {
+    S || w(!1);
+  }, [S]), L(() => {
+    if (!p || !r.length || O.current) return;
+    O.current = !0;
+    const t = l.preferred_date || r[0]?.date;
+    t && (y((c) => c ?? t), r.find((c) => c.date === t)?.slots?.length || d?.({ ...l, hospital_id: s, preferred_date: t }));
+  }, [r, p]);
+  const V = B(
+    () => r.find((t) => t.date === n)?.slots ?? [],
+    [r, n]
+  );
+  te(() => {
+    const t = H.current;
+    t && (t.scrollTop = 0, F(t.scrollHeight > t.clientHeight + 2));
+  }, [n, V.length]);
+  const Q = z(() => {
+    const t = H.current;
+    t && F(t.scrollTop + t.clientHeight < t.scrollHeight - 4);
+  }, []), U = () => {
+    H.current?.scrollBy({ top: 120, behavior: "smooth" });
+  }, W = B(() => {
+    if (!r.length) return [];
+    const t = Math.min(g + 3, r.length);
+    return r.slice(g, t).map((i) => {
+      if (i.date)
+        return { ...i, ...ae(i.date) };
+    });
+  }, [r, g]), X = g > 0, Y = g < Math.max(0, (r || []).length - 3), Z = z(
+    async (t) => {
+      y(t), x(null);
+      const i = r.find((c) => c.date === t);
+      if (!(i?.slots?.length || Array.isArray(i?.slots) && i?.slots.length === 0)) {
+        $(!0);
+        try {
+          await d?.({ ...l, hospital_id: s, preferred_date: t });
+        } catch {
+        } finally {
+          $(!1);
+        }
+      }
+    },
+    [l, s, d, r]
+  ), A = B(() => {
+    const t = r.find((i) => i.date === n);
+    return re(l.cta, t?.cta);
+  }, [r, n, l.cta]), D = () => {
+    if (_) return;
+    const t = A?.text, i = !!t;
+    if (!i && (!f || !n)) return;
+    o(!0);
+    const c = n && f ? ` on ${n} at ${f}.` : "";
+    d?.(
+      { ...l, hospital_id: s, preferred_date: n ?? void 0, preferred_slot_time: f ?? void 0 },
+      `${t || `I want to book an appointment with Dr. ${a?.name}`}${c}`,
+      A?.tool_result,
+      !i
+    );
+  };
+  return a ? /* @__PURE__ */ e(he, { 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(ne, { 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(ie, { className: "h-12 w-12 ring-2 ring-primary/20 flex-shrink-0", children: [
+        a.profile_pic && /* @__PURE__ */ e(le, { src: a.profile_pic, alt: `${a.name} profile photo`, crossOrigin: "anonymous" }),
+        /* @__PURE__ */ e(se, { className: "bg-secondary text-primary", children: oe(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(ke, { 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(ce, { children: [
+                " • ",
+                a.experience
+              ] })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e(de, { 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(be, { 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(Se, { 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 && s ? /* @__PURE__ */ e(
+          $e,
+          {
+            options: a.hospitals.map((t) => ({ value: t.hospital_id, label: t.name || "" })),
+            placeholder: "Select Hospital",
+            disabled: u,
+            onValueChange: J,
+            value: s,
+            triggerClassName: "h-8 text-xs px-3 rounded-lg border-border text-primary font-medium",
+            icon: /* @__PURE__ */ e(P, { 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(P, { 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(_e, { 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",
+                  !j && "line-clamp-1"
+                ),
+                children: /* @__PURE__ */ e(me, { children: a.info })
+              }
+            ),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                onClick: () => G((t) => !t),
+                "aria-expanded": j,
+                className: "mt-0.5 flex items-center gap-1 text-[11px] font-semibold text-primary hover:text-primary/80 transition-colors",
+                children: [
+                  /* @__PURE__ */ e(we, { className: "h-3.5 w-3.5", "aria-hidden": !0 }),
+                  j ? "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)), x(null);
+              },
+              disabled: u || !X,
+              "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(ue, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: "flex-1 grid grid-cols-3 gap-1 min-w-0", children: W.map((t, i) => {
+            if (!t || !t.date) return null;
+            const c = n === t.date, ee = (t?.slots || []).length > 0;
+            return /* @__PURE__ */ e(
+              N,
+              {
+                type: "button",
+                variant: "outline",
+                onClick: () => t.date && Z(t.date),
+                disabled: u,
+                "aria-current": c ? "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",
+                  c ? "border-primary border-2 ring-2 ring-primary/20 bg-primary/[20%] shadow-sm hover:text-accent-foreground" : ee ? "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}-${i}`
+            );
+          }) }),
+          /* @__PURE__ */ e(
+            N,
+            {
+              type: "button",
+              variant: "outline",
+              size: "icon",
+              onClick: () => {
+                v((t) => Math.min(Math.max(0, r.length - 3), t + 3)), x(null);
+              },
+              disabled: u || !Y,
+              "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(fe, { className: "h-4 w-4" })
+            }
+          )
+        ] }),
+        n && /* @__PURE__ */ e("div", { className: "mt-2", children: V.length > 0 ? /* @__PURE__ */ e("div", { className: "relative", children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              ref: H,
+              onScroll: Q,
+              className: "grid grid-cols-3 gap-2 overflow-y-auto overscroll-contain",
+              style: { maxHeight: "108px" },
+              children: V.map((t, i) => {
+                if (!t) return null;
+                const c = f === t;
+                return /* @__PURE__ */ e(
+                  N,
+                  {
+                    type: "button",
+                    variant: "outline",
+                    onClick: () => x(t),
+                    "aria-pressed": c,
+                    disabled: u,
+                    className: h(
+                      "h-9 rounded-lg px-2 text-xs font-medium transition-all",
+                      c ? "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-${i}`
+                );
+              })
+            }
+          ),
+          T && /* @__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: U,
+              className: "pointer-events-auto flex items-center gap-1 text-xs font-semibold text-primary hover:text-primary/80 transition-colors",
+              children: [
+                /* @__PURE__ */ e(q, { className: "h-3.5 w-3.5", "aria-hidden": !0 }),
+                "More slots"
+              ]
+            }
+          ) })
+        ] }) : I ? /* @__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: D,
+            disabled: u || _ || !A?.text && !f,
+            "aria-disabled": !f || _,
+            className: `w-full h-10 gap-2 bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-60 shadow-sm font-semibold ${T ? "" : " mt-2"}`,
+            children: [
+              A?.title || "Book appointment",
+              /* @__PURE__ */ e(ge, { 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: K,
+          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(q, { className: "h-3.5 w-3.5", "aria-hidden": !0 })
+          ]
+        }
+      ) })
+    ] })
+  ] }) : null;
+}
+export {
+  Le as DoctorCard
+};