@eka-care/medassist-widget 0.1.80 → 0.1.82

package/dist/medassist-widget-MultiSelect-DMYNXiAC.js

@@ -0,0 +1,414 @@
+import { A as x, y as E, q as X, d as _, R as j, l as O, T as Y, D as y, m as J, u as l, n as S, o as Q, S as D, p as T, r as M, b as N } from "./medassist-widget-main-CvBx4wsw.js";
+import { C as Z } from "./medassist-widget-check-CBkqbFAl.js";
+var V = j[" useInsertionEffect ".trim().toString()] || O;
+function ee({
+  prop: e,
+  defaultProp: r,
+  onChange: c = () => {
+  },
+  caller: a
+}) {
+  const [s, o, i] = re({
+    defaultProp: r,
+    onChange: c
+  }), d = e !== void 0, t = d ? e : s;
+  {
+    const b = x(e !== void 0);
+    E(() => {
+      const h = b.current;
+      if (h !== d) {
+        const p = h ? "controlled" : "uncontrolled", k = d ? "controlled" : "uncontrolled";
+      }
+      b.current = d;
+    }, [d, a]);
+  }
+  const v = X(
+    (b) => {
+      if (d) {
+        const h = te(b) ? b(e) : b;
+        h !== e && i.current?.(h);
+      } else
+        o(b);
+    },
+    [d, e, o, i]
+  );
+  return [t, v];
+}
+function re({
+  defaultProp: e,
+  onChange: r
+}) {
+  const [c, a] = _(e), s = x(c), o = x(r);
+  return V(() => {
+    o.current = r;
+  }, [r]), E(() => {
+    s.current !== c && (o.current?.(c), s.current = c);
+  }, [c, s]), [c, a, o];
+}
+function te(e) {
+  return typeof e == "function";
+}
+function ne(e) {
+  const r = x({ value: e, previous: e });
+  return Y(() => (r.current.value !== e && (r.current.previous = r.current.value, r.current.value = e), r.current.previous), [e]);
+}
+function oe(e) {
+  const [r, c] = _(void 0);
+  return O(() => {
+    if (e) {
+      c({ width: e.offsetWidth, height: e.offsetHeight });
+      const a = new ResizeObserver((s) => {
+        if (!Array.isArray(s) || !s.length)
+          return;
+        const o = s[0];
+        let i, d;
+        if ("borderBoxSize" in o) {
+          const t = o.borderBoxSize, v = Array.isArray(t) ? t[0] : t;
+          i = v.inlineSize, d = v.blockSize;
+        } else
+          i = e.offsetWidth, d = e.offsetHeight;
+        c({ width: i, height: d });
+      });
+      return a.observe(e, { box: "border-box" }), () => a.unobserve(e);
+    } else
+      c(void 0);
+  }, [e]), r;
+}
+var w = "Checkbox", [ce] = J(w), [se, z] = ce(w);
+function ie(e) {
+  const {
+    __scopeCheckbox: r,
+    checked: c,
+    children: a,
+    defaultChecked: s,
+    disabled: o,
+    form: i,
+    name: d,
+    onCheckedChange: t,
+    required: v,
+    value: b = "on",
+    // @ts-expect-error
+    internal_do_not_use_render: h
+  } = e, [p, k] = ee({
+    prop: c,
+    defaultProp: s ?? !1,
+    onChange: t,
+    caller: w
+  }), [C, n] = _(null), [m, u] = _(null), f = x(!1), I = C ? !!i || !!C.closest("form") : (
+    // We set this to true by default so that events bubble to forms without JS (SSR)
+    !0
+  ), P = {
+    checked: p,
+    disabled: o,
+    setChecked: k,
+    control: C,
+    setControl: n,
+    name: d,
+    form: i,
+    value: b,
+    hasConsumerStoppedPropagationRef: f,
+    required: v,
+    defaultChecked: g(s) ? !1 : s,
+    isFormControl: I,
+    bubbleInput: m,
+    setBubbleInput: u
+  };
+  return /* @__PURE__ */ l(
+    se,
+    {
+      scope: r,
+      ...P,
+      children: ae(h) ? h(P) : a
+    }
+  );
+}
+var $ = "CheckboxTrigger", q = y(
+  ({ __scopeCheckbox: e, onKeyDown: r, onClick: c, ...a }, s) => {
+    const {
+      control: o,
+      value: i,
+      disabled: d,
+      checked: t,
+      required: v,
+      setControl: b,
+      setChecked: h,
+      hasConsumerStoppedPropagationRef: p,
+      isFormControl: k,
+      bubbleInput: C
+    } = z($, e), n = T(s, b), m = x(t);
+    return E(() => {
+      const u = o?.form;
+      if (u) {
+        const f = () => h(m.current);
+        return u.addEventListener("reset", f), () => u.removeEventListener("reset", f);
+      }
+    }, [o, h]), /* @__PURE__ */ l(
+      S.button,
+      {
+        type: "button",
+        role: "checkbox",
+        "aria-checked": g(t) ? "mixed" : t,
+        "aria-required": v,
+        "data-state": G(t),
+        "data-disabled": d ? "" : void 0,
+        disabled: d,
+        value: i,
+        ...a,
+        ref: n,
+        onKeyDown: M(r, (u) => {
+          u.key === "Enter" && u.preventDefault();
+        }),
+        onClick: M(c, (u) => {
+          h((f) => g(f) ? !0 : !f), C && k && (p.current = u.isPropagationStopped(), p.current || u.stopPropagation());
+        })
+      }
+    );
+  }
+);
+q.displayName = $;
+var A = y(
+  (e, r) => {
+    const {
+      __scopeCheckbox: c,
+      name: a,
+      checked: s,
+      defaultChecked: o,
+      required: i,
+      disabled: d,
+      value: t,
+      onCheckedChange: v,
+      form: b,
+      ...h
+    } = e;
+    return /* @__PURE__ */ l(
+      ie,
+      {
+        __scopeCheckbox: c,
+        checked: s,
+        defaultChecked: o,
+        disabled: d,
+        required: i,
+        onCheckedChange: v,
+        name: a,
+        form: b,
+        value: t,
+        internal_do_not_use_render: ({ isFormControl: p }) => /* @__PURE__ */ l(D, { children: [
+          /* @__PURE__ */ l(
+            q,
+            {
+              ...h,
+              ref: r,
+              __scopeCheckbox: c
+            }
+          ),
+          p && /* @__PURE__ */ l(
+            U,
+            {
+              __scopeCheckbox: c
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+A.displayName = w;
+var F = "CheckboxIndicator", H = y(
+  (e, r) => {
+    const { __scopeCheckbox: c, forceMount: a, ...s } = e, o = z(F, c);
+    return /* @__PURE__ */ l(
+      Q,
+      {
+        present: a || g(o.checked) || o.checked === !0,
+        children: /* @__PURE__ */ l(
+          S.span,
+          {
+            "data-state": G(o.checked),
+            "data-disabled": o.disabled ? "" : void 0,
+            ...s,
+            ref: r,
+            style: { pointerEvents: "none", ...e.style }
+          }
+        )
+      }
+    );
+  }
+);
+H.displayName = F;
+var L = "CheckboxBubbleInput", U = y(
+  ({ __scopeCheckbox: e, ...r }, c) => {
+    const {
+      control: a,
+      hasConsumerStoppedPropagationRef: s,
+      checked: o,
+      defaultChecked: i,
+      required: d,
+      disabled: t,
+      name: v,
+      value: b,
+      form: h,
+      bubbleInput: p,
+      setBubbleInput: k
+    } = z(L, e), C = T(c, k), n = ne(o), m = oe(a);
+    E(() => {
+      const f = p;
+      if (!f) return;
+      const I = window.HTMLInputElement.prototype, B = Object.getOwnPropertyDescriptor(
+        I,
+        "checked"
+      ).set, K = !s.current;
+      if (n !== o && B) {
+        const W = new Event("click", { bubbles: K });
+        f.indeterminate = g(o), B.call(f, g(o) ? !1 : o), f.dispatchEvent(W);
+      }
+    }, [p, n, o, s]);
+    const u = x(g(o) ? !1 : o);
+    return /* @__PURE__ */ l(
+      S.input,
+      {
+        type: "checkbox",
+        "aria-hidden": !0,
+        defaultChecked: i ?? u.current,
+        required: d,
+        disabled: t,
+        name: v,
+        value: b,
+        form: h,
+        ...r,
+        tabIndex: -1,
+        ref: C,
+        style: {
+          ...r.style,
+          ...m,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0,
+          // We transform because the input is absolutely positioned but we have
+          // rendered it **after** the button. This pulls it back to sit on top
+          // of the button.
+          transform: "translateX(-100%)"
+        }
+      }
+    );
+  }
+);
+U.displayName = L;
+function ae(e) {
+  return typeof e == "function";
+}
+function g(e) {
+  return e === "indeterminate";
+}
+function G(e) {
+  return g(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+const R = y(({ className: e, ...r }, c) => /* @__PURE__ */ l(
+  A,
+  {
+    ref: c,
+    className: N(
+      "grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      e
+    ),
+    ...r,
+    children: /* @__PURE__ */ l(
+      H,
+      {
+        className: N("grid place-content-center text-current"),
+        children: /* @__PURE__ */ l(Z, { className: "h-4 w-4" })
+      }
+    )
+  }
+));
+R.displayName = A.displayName;
+function ue({
+  options: e,
+  selectedValues: r,
+  onSelectionChange: c,
+  additionalOption: a,
+  className: s,
+  required: o = !0,
+  maxSelections: i,
+  // error,
+  disabled: d
+}) {
+  const t = a ? {
+    id: `extra-${a}`,
+    label: a === "all_of_the_above" ? "All of the above" : "None of the above",
+    value: a === "all_of_the_above" ? "All of the above" : "None of the above"
+  } : null, v = (n) => t ? n.filter((m) => m !== t.value) : n, b = (n) => t ? a === "none_of_the_above" ? n ? [t.value] : [] : a === "all_of_the_above" ? n ? [...e.map((m) => m.value), t.value] : v(r) : n ? [...r, t.value] : v(r) : r, h = (n, m) => {
+    const u = t ? v(r) : r;
+    return m ? i && u.length >= i ? null : [...u, n] : u.filter((f) => f !== n);
+  }, p = (n) => !(o && n.length === 0 && r.length === 1), k = (n, m) => {
+    const f = t && n === t.value ? b(m) : h(n, m);
+    f !== null && p(f) && c(f);
+  }, C = t ? r.filter((n) => n !== t.value).length : r.length;
+  return e.length ? /* @__PURE__ */ l(
+    "div",
+    {
+      className: N(
+        s
+      ),
+      children: [
+        /* @__PURE__ */ l("div", { className: "space-y-3", children: [
+          e.map((n) => {
+            const m = d || i && C >= i && !r.includes(n.value);
+            let u = r.includes(n.value);
+            return /* @__PURE__ */ l("div", { className: "flex items-center space-x-3", children: [
+              /* @__PURE__ */ l(
+                R,
+                {
+                  id: n.id,
+                  checked: u,
+                  disabled: !!m,
+                  onCheckedChange: (f) => k(n.value, !!f),
+                  className: "mt-0.5 border border-muted-foreground text-primary-foreground"
+                }
+              ),
+              /* @__PURE__ */ l(
+                "label",
+                {
+                  htmlFor: n.id,
+                  className: N(
+                    // Using the same muted color scheme as your other components
+                    "text-sm font-normal leading-4 cursor-pointer",
+                    m ? "text-muted-foreground cursor-not-allowed" : u ? "text-primary" : "text-secondary-foreground"
+                    // Dark grey like other components
+                  ),
+                  children: n.label
+                }
+              )
+            ] }, n.id);
+          }),
+          t && /* @__PURE__ */ l(D, { children: [
+            /* @__PURE__ */ l("div", { className: "border-t border-border-medium my-3" }),
+            /* @__PURE__ */ l("div", { className: "flex items-center space-x-3", children: [
+              /* @__PURE__ */ l(
+                R,
+                {
+                  id: t.id,
+                  checked: r.includes(t.value),
+                  onCheckedChange: (n) => k(t.value, n),
+                  className: "mt-0.5 border border-muted-foreground"
+                }
+              ),
+              /* @__PURE__ */ l(
+                "label",
+                {
+                  htmlFor: t.id,
+                  className: "text-sm font-medium leading-none cursor-pointer text-secondary-foreground",
+                  children: t.label
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        i && C >= i && /* @__PURE__ */ l("p", { className: "text-sm text-blue-600 mt-3", children: i === 1 ? "You can select only 1 option" : `Maximum ${i} selections allowed` })
+      ]
+    }
+  ) : null;
+}
+export {
+  ue as MultiSelectGroup
+};

package/dist/medassist-widget-ProfileHeader-tjRd6R11.js

@@ -0,0 +1,142 @@
+import { c as g, i as z, j, e as u, d as O, A as D, T as H, q as I, y as _, a as o, u as e, b as a, B as m } from "./medassist-widget-main-CvBx4wsw.js";
+import { A, a as q } from "./medassist-widget-avatar-CIkxqi_7.js";
+import { M as B } from "./medassist-widget-message-square-plus-D5bJkQm2.js";
+import { X as F } from "./medassist-widget-x-DptkIHzh.js";
+const G = [
+  ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
+  ["path", { d: "m21 3-7 7", key: "1l2asr" }],
+  ["path", { d: "m3 21 7-7", key: "tjx5ai" }],
+  ["path", { d: "M9 21H3v-6", key: "wtvkvv" }]
+], P = g("maximize-2", G);
+const R = [
+  ["path", { d: "m14 10 7-7", key: "oa77jy" }],
+  ["path", { d: "M20 10h-6V4", key: "mjg0md" }],
+  ["path", { d: "m3 21 7-7", key: "tjx5ai" }],
+  ["path", { d: "M4 14h6v6", key: "rmj7iw" }]
+], L = g("minimize-2", R);
+function Y({
+  onClose: C,
+  showCloseButton: b = !0,
+  title: y,
+  titleImg: h,
+  tagline: v,
+  iconUrl: f,
+  startNewConversation: p,
+  voiceAgentState: t = "idle",
+  headerTinted: w = !1,
+  onToggleDisplayMode: k
+}) {
+  const M = z(), x = j() && !M, l = u((n) => n.displayMode) === "full", E = u((n) => n.initialDisplayMode) === "full", s = (l ? !1 : w) ? "text-primary-foreground" : "text-foreground", i = u((n) => n.connectionStatus), [c, d] = O(!1), r = D(null), T = H(() => t === "connected" || t === "connecting" || t === "listening" || t === "speaking" || t === "thinking", [t]), S = I(() => {
+    c || (d(!0), r.current && clearTimeout(r.current), r.current = setTimeout(() => {
+      r.current = null, d(!1);
+    }, 6e3), p());
+  }, [c, p]);
+  _(() => {
+    i === o.ConnectionStatus.CONNECTED && (d(!1), r.current && clearTimeout(r.current));
+  }, [i]);
+  const N = (() => {
+    switch (i) {
+      case o.ConnectionStatus.CONNECTED:
+        return {
+          dotColor: "bg-green-500",
+          text: v || "Online",
+          textColor: "text-green-600"
+        };
+      case o.ConnectionStatus.CONNECTING:
+        return {
+          dotColor: "bg-amber-500",
+          text: "Connecting",
+          textColor: "text-amber-600"
+        };
+      case o.ConnectionStatus.NOT_CONNECTED:
+        return {
+          dotColor: "bg-red-500",
+          text: "Not Connected",
+          textColor: "text-red-600"
+        };
+      default:
+        return {
+          dotColor: "bg-text-tertiary",
+          text: "Not Connected",
+          textColor: "text-text-secondary"
+        };
+    }
+  })();
+  return /* @__PURE__ */ e("div", { className: "px-6 py-3", children: /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ e("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ e("div", { className: "relative flex-shrink-0", children: [
+        /* @__PURE__ */ e(A, { className: "w-12 h-12 bg-gradient-to-br from-primary to-primary flex-shrink-0 shadow-md ring-0", children: /* @__PURE__ */ e(q, { className: "text-primary-foreground font-bold text-lg bg-transparent", children: f ? /* @__PURE__ */ e(
+          "img",
+          {
+            src: f,
+            alt: "Bot Icon",
+            className: "w-12 h-12 rounded-full object-cover"
+          }
+        ) : /* @__PURE__ */ e("span", { className: "text-primary-foreground font-bold text-lg bg-transparent", children: "MC" }) }) }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: a(
+              "absolute bottom-0 right-0 w-3.5 h-3.5 rounded-full border-2 border-white shadow-sm",
+              N.dotColor,
+              i === o.ConnectionStatus.CONNECTING && "animate-pulse"
+            )
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e("div", { className: "flex flex-col", children: [
+        h ? /* @__PURE__ */ e("img", { src: h, alt: "", className: "h-6 object-contain" }) : /* @__PURE__ */ e("p", { className: a("text-lg font-semibold synapse-header-title", s), children: y || "Health Assist" }),
+        /* @__PURE__ */ e("div", { className: "flex items-center gap-1.5", children: /* @__PURE__ */ e(
+          "span",
+          {
+            className: "text-xs font-medium",
+            style: { color: "var(--header-tagline)" },
+            children: N.text
+          }
+        ) })
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: a("flex items-center", !x && "gap-2"), children: [
+      !T && /* @__PURE__ */ e(
+        m,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon",
+          title: "Start New Chat",
+          onClick: S,
+          disabled: c,
+          className: a("h-8 w-8 p-1.5 hover:bg-primary hover:text-primary-foreground rounded-full transition-all duration-200 disabled:opacity-60 disabled:pointer-events-none", s),
+          children: /* @__PURE__ */ e(B, { className: "w-5 h-5" })
+        }
+      ),
+      x && /* @__PURE__ */ e(
+        m,
+        {
+          onClick: k,
+          type: "button",
+          variant: "ghost",
+          size: "icon",
+          title: l ? "Exit fullscreen" : "Enter fullscreen",
+          className: a("h-8 w-8 hover:bg-primary hover:text-primary-foreground rounded-full transition-all duration-200", s),
+          children: l ? /* @__PURE__ */ e(L, { className: "w-8 h-8" }) : /* @__PURE__ */ e(P, { className: "w-8 h-8" })
+        }
+      ),
+      (b || !E) && /* @__PURE__ */ e(
+        m,
+        {
+          onClick: C,
+          type: "button",
+          variant: "ghost",
+          size: "icon",
+          title: "Close",
+          className: a("h-8 w-8 hover:bg-primary hover:text-primary-foreground rounded-full transition-all duration-200", s),
+          children: /* @__PURE__ */ e(F, { className: "w-8 h-8" })
+        }
+      )
+    ] })
+  ] }) });
+}
+export {
+  Y as default
+};