@eka-care/medassist-widget 0.1.98-0 → 0.1.98-1

package/dist/medassist-widget-MediaCard-BpqutVIy.js

@@ -0,0 +1,179 @@
+import { c as d, A as v, d as w, y as C, u as e, s as L, p as P, F as _, S as j, B as D } from "./medassist-widget.js";
+const R = [
+  [
+    "path",
+    {
+      d: "M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z",
+      key: "18u6gg"
+    }
+  ],
+  ["circle", { cx: "12", cy: "13", r: "3", key: "1vg3eu" }]
+], F = d("camera", R);
+const $ = [
+  ["path", { d: "M12 15V3", key: "m9g1x1" }],
+  ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
+  ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
+], M = d("download", $);
+const U = [
+  ["line", { x1: "2", x2: "22", y1: "2", y2: "22", key: "a6p6uj" }],
+  ["path", { d: "M10.41 10.41a2 2 0 1 1-2.83-2.83", key: "1bzlo9" }],
+  ["line", { x1: "13.5", x2: "6", y1: "13.5", y2: "21", key: "1q0aeu" }],
+  ["line", { x1: "18", x2: "21", y1: "12", y2: "15", key: "5mozeu" }],
+  [
+    "path",
+    {
+      d: "M3.59 3.59A1.99 1.99 0 0 0 3 5v14a2 2 0 0 0 2 2h14c.55 0 1.052-.22 1.41-.59",
+      key: "mmje98"
+    }
+  ],
+  ["path", { d: "M21 15V5a2 2 0 0 0-2-2H9", key: "43el77" }]
+], T = d("image-off", U);
+const z = [
+  ["rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2", key: "1w4ew1" }],
+  ["path", { d: "M7 11V7a5 5 0 0 1 10 0v4", key: "fwvmzm" }]
+], A = d("lock", z);
+function x(a) {
+  try {
+    return new URL(a, window.location.href).pathname.toLowerCase().endsWith(".pdf");
+  } catch {
+    return a.toLowerCase().split("?")[0].endsWith(".pdf");
+  }
+}
+function E(a, n = "download.pdf") {
+  try {
+    const t = new URL(a, window.location.href).pathname.split("/").pop();
+    return t ? decodeURIComponent(t) : n;
+  } catch {
+    return a.split("?")[0].split("/").pop() || n;
+  }
+}
+async function H(a) {
+  try {
+    const n = await fetch(a, { headers: { Range: "bytes=-4096" } });
+    if (!n.ok && n.status !== 206) return "error";
+    const t = await n.arrayBuffer();
+    return new TextDecoder("latin1").decode(t.slice(-4096)).includes("/Encrypt") ? "protected" : "ok";
+  } catch {
+    return "unknown";
+  }
+}
+function y(a, n) {
+  const t = document.createElement("a");
+  t.href = a, t.download = n, document.body.appendChild(t), t.click(), t.remove();
+}
+async function I(a) {
+  const n = E(a);
+  try {
+    const t = await fetch(a);
+    if (!t.ok) throw new Error(`HTTP ${t.status}`);
+    const o = URL.createObjectURL(await t.blob());
+    y(o, n), URL.revokeObjectURL(o);
+  } catch {
+    const t = document.createElement("a");
+    t.href = a, t.download = n, t.target = "_blank", t.rel = "noopener", document.body.appendChild(t), t.click(), t.remove();
+  }
+}
+async function g(a, n) {
+  if (a.current)
+    try {
+      const t = (await import("./medassist-widget-html2canvas.esm-CphxV6YW.js")).default, o = await t(a.current, { useCORS: !0 });
+      y(o.toDataURL("image/png"), n);
+    } catch {
+    }
+}
+function S({ card: a }) {
+  const { title: n, description: t, tags_text: o, banner_text: m, action: s, link: r } = a, i = v(null), [b, f] = w(!1), [c, h] = w(
+    "loading"
+  ), u = !!r && x(r), l = !!r && !u;
+  C(() => {
+    if (f(!1), !r || !x(r)) return;
+    let p = !1;
+    return h("loading"), H(r).then((k) => {
+      p || h(k);
+    }), () => {
+      p = !0;
+    };
+  }, [r]);
+  const N = () => {
+    s === "screenshot" ? g(i, `screenshot-${Date.now()}.png`) : s === "download" && (u && r ? I(r) : g(i, "card.png"));
+  };
+  return /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ e(
+      L,
+      {
+        ref: i,
+        className: "overflow-hidden rounded-xl border border-border  bg-elicitationBg text-card-foreground shadow-sm",
+        children: /* @__PURE__ */ e(P, { className: "p-3 space-y-2", children: [
+          /* @__PURE__ */ e("div", { className: `flex items-start gap-3 ${l ? "justify-between" : "justify-center"}`, children: [
+            /* @__PURE__ */ e("div", { className: `space-y-2 ${l ? "min-w-0 flex-1" : "flex flex-col items-center"}`, children: [
+              n && /* @__PURE__ */ e("span", { className: "inline-block rounded-full px-3 py-1 text-sm font-semibold bg-primary text-primary-foreground", children: n }),
+              t && /* @__PURE__ */ e("p", { className: `text-sm text-foreground leading-snug ${l ? "" : "text-center"}`, children: t }),
+              m && /* @__PURE__ */ e("span", { className: "inline-block rounded-full px-3 py-1 text-xs font-semibold bg-green-600 text-white", children: m })
+            ] }),
+            l && /* @__PURE__ */ e("div", { className: "shrink-0 h-24 w-24 rounded-lg overflow-hidden border border-border", children: b ? /* @__PURE__ */ e("div", { className: "flex h-full w-full items-center justify-center bg-muted text-muted-foreground", children: /* @__PURE__ */ e(T, { className: "h-6 w-6" }) }) : /* @__PURE__ */ e(
+              "img",
+              {
+                src: r,
+                alt: n ?? "media",
+                className: "h-full w-full object-cover",
+                onError: () => f(!0)
+              }
+            ) })
+          ] }),
+          u && /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              onClick: () => window.open(r, "_blank", "noopener,noreferrer"),
+              className: "relative w-full h-48 sm:h-72 md:h-80 max-h-[70vh] rounded-lg border border-border overflow-hidden cursor-pointer p-0 bg-transparent",
+              "aria-label": `Open ${n ?? "PDF"}`,
+              children: [
+                c === "loading" && /* @__PURE__ */ e("div", { className: "h-full w-full animate-pulse bg-muted" }),
+                (c === "ok" || c === "unknown") && /* @__PURE__ */ e(
+                  "iframe",
+                  {
+                    src: r,
+                    title: n ?? "PDF preview",
+                    className: "w-full h-full pointer-events-none"
+                  }
+                ),
+                c === "protected" && /* @__PURE__ */ e("div", { className: "flex h-full w-full flex-col items-center justify-center gap-2 bg-muted/50 text-muted-foreground", children: [
+                  /* @__PURE__ */ e(A, { className: "h-8 w-8" }),
+                  /* @__PURE__ */ e("span", { className: "text-sm font-medium text-foreground", children: "Password-protected PDF" }),
+                  /* @__PURE__ */ e("span", { className: "text-xs", children: "Tap to open and unlock" })
+                ] }),
+                c === "error" && /* @__PURE__ */ e("div", { className: "flex h-full w-full flex-col items-center justify-center gap-2 bg-muted/50 text-muted-foreground", children: [
+                  /* @__PURE__ */ e(_, { className: "h-8 w-8" }),
+                  /* @__PURE__ */ e("span", { className: "text-sm font-medium text-foreground", children: "PDF" }),
+                  /* @__PURE__ */ e("span", { className: "text-xs", children: "Tap to open" })
+                ] }),
+                /* @__PURE__ */ e("span", { className: "absolute inset-0", "aria-hidden": "true" })
+              ]
+            }
+          ),
+          o && /* @__PURE__ */ e(j, { children: [
+            /* @__PURE__ */ e("div", { className: "border-t border-border" }),
+            /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: o })
+          ] })
+        ] })
+      }
+    ),
+    s && /* @__PURE__ */ e("div", { className: "flex justify-end", children: /* @__PURE__ */ e(
+      D,
+      {
+        type: "button",
+        variant: "outline",
+        size: "sm",
+        className: "rounded-md px-5 gap-1.5",
+        onClick: N,
+        children: [
+          s === "screenshot" ? /* @__PURE__ */ e(F, { className: "h-4 w-4" }) : /* @__PURE__ */ e(M, { className: "h-4 w-4" }),
+          s === "screenshot" ? "Screenshot" : "Download"
+        ]
+      }
+    ) })
+  ] });
+}
+export {
+  S as MediaCard
+};