@factorialco/f0-react 4.44.0 → 4.46.0

package/dist/ChatDocxThumbnail-B3DMs45n.js

@@ -0,0 +1,48 @@
+import { jsx as h } from "react/jsx-runtime";
+import { useRef as n, useState as b, useEffect as g } from "react";
+import { r as p } from "./docx-preview-CSg41tKY.js";
+const x = ({
+  url: a,
+  width: s,
+  onError: o,
+  onRendered: f
+}) => {
+  const l = n(null), [c, m] = b(null), u = n(o);
+  u.current = o;
+  const i = n(f);
+  return i.current = f, g(() => {
+    const t = l.current;
+    if (!t) return;
+    let r = !1;
+    return fetch(a).then((e) => {
+      if (!e.ok) throw new Error(`${e.status}`);
+      return e.blob();
+    }).then((e) => {
+      if (!r)
+        return p(e, t, void 0, {
+          inWrapper: !1,
+          breakPages: !1,
+          ignoreLastRenderedPageBreak: !0,
+          renderHeaders: !1,
+          renderFooters: !1
+        }).then(() => {
+          if (r) return;
+          const d = t.scrollWidth;
+          m(d > 0 ? Math.min(1, s / d) : 1), i.current();
+        });
+    }).catch(() => {
+      r || u.current();
+    }), () => {
+      r = !0;
+    };
+  }, [a, s]), /* @__PURE__ */ h("div", { className: "overflow-hidden bg-f1-background text-left", children: /* @__PURE__ */ h(
+    "div",
+    {
+      ref: l,
+      style: c !== null ? { transform: `scale(${c})`, transformOrigin: "top left" } : void 0
+    }
+  ) });
+};
+export {
+  x as default
+};

package/dist/ChatPdfThumbnail-BFbYv0sb.js

@@ -0,0 +1,38 @@
+import { jsx as r } from "react/jsx-runtime";
+import { D as l, P as d, e as s } from "./pdfWorker-XwYoO_oV.js";
+s();
+const f = ({
+  url: n,
+  width: o,
+  onError: e,
+  onRendered: a
+}) => (
+  // No inner loading skeletons: the card keeps its own skeleton UNDER this
+  // layer and fades the snapshot in over it once the page paints.
+  /* @__PURE__ */ r(
+    l,
+    {
+      file: n,
+      loading: null,
+      error: null,
+      onLoadError: e,
+      onSourceError: e,
+      children: /* @__PURE__ */ r(
+        d,
+        {
+          pageNumber: 1,
+          width: o,
+          renderTextLayer: !1,
+          renderAnnotationLayer: !1,
+          loading: null,
+          error: null,
+          onRenderError: e,
+          onRenderSuccess: a
+        }
+      )
+    }
+  )
+);
+export {
+  f as default
+};

package/dist/ChatSheetThumbnail-BvnxT-4A.js

@@ -0,0 +1,38 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useState as m, useRef as u, useEffect as h } from "react";
+import { f as b } from "./sheetPreview-5qeAOp0W.js";
+const p = 12, x = 8, S = ({
+  url: s,
+  onError: c,
+  onRendered: l
+}) => {
+  const [a, d] = m(null), o = u(c);
+  o.current = c;
+  const f = u(l);
+  return f.current = l, h(() => {
+    let e = !1;
+    return b(s, { maxRows: p, maxCols: x }).then((n) => {
+      if (e) return;
+      const r = n[0];
+      if (!r || r.rows.length === 0) {
+        o.current();
+        return;
+      }
+      d(r.rows), f.current();
+    }).catch(() => {
+      e || o.current();
+    }), () => {
+      e = !0;
+    };
+  }, [s]), a ? /* @__PURE__ */ t("table", { className: "w-full border-collapse bg-f1-background text-left", children: /* @__PURE__ */ t("tbody", { children: a.map((e, n) => /* @__PURE__ */ t("tr", { children: e.map((r, i) => /* @__PURE__ */ t(
+    "td",
+    {
+      className: "whitespace-nowrap border border-solid border-f1-border-secondary px-1.5 py-0.5 text-xs text-f1-foreground",
+      children: r
+    },
+    i
+  )) }, n)) }) }) : null;
+};
+export {
+  S as default
+};

package/dist/ChatTextThumbnail-yVt_iYi7.js

@@ -0,0 +1,33 @@
+import { jsx as l } from "react/jsx-runtime";
+import { useState as i, useRef as a, useEffect as x } from "react";
+const h = 4096, p = ({
+  url: n,
+  onError: u,
+  onRendered: c
+}) => {
+  const [f, s] = i(null), e = a(u);
+  e.current = u;
+  const o = a(c);
+  return o.current = c, x(() => {
+    let r = !1;
+    return fetch(n).then((t) => {
+      if (!t.ok) throw new Error(`${t.status}`);
+      return t.text();
+    }).then((t) => {
+      if (!r) {
+        if (t.trim() === "") {
+          e.current();
+          return;
+        }
+        s(t.slice(0, h)), o.current();
+      }
+    }).catch(() => {
+      r || e.current();
+    }), () => {
+      r = !0;
+    };
+  }, [n]), f === null ? null : /* @__PURE__ */ l("pre", { className: "m-0 whitespace-pre-wrap break-words bg-f1-background p-3 text-left font-mono text-xs leading-5 text-f1-foreground-secondary", children: f });
+};
+export {
+  p as default
+};

package/dist/{DocumentToolbar-D3GqxyBD.js → DocumentToolbar-BLcBoeNU.js}

@@ -1,13 +1,13 @@
 import { jsxs as i, jsx as l } from "react/jsx-runtime";
 import { useState as u, useCallback as m, useMemo as p } from "react";
-import { u as x, h as w, i as k, j as S, k as h } from "./F0CanvasPanel-VGTPb68G.js";
-import { n as C, a as g, f as v, T as r, d as F } from "./f0-BaDuQbAV.js";
+import { u as x, i as w, j as k, k as S, l as C } from "./F0CanvasPanel-BDwye32b.js";
+import { n as g, a as h, f as v, T as r, d as F } from "./index-BuP079h-.js";
 const D = () => {
   const [t, a] = u(1), n = m(
-    () => a((e) => C(e) ?? e),
+    () => a((e) => g(e) ?? e),
     []
   ), c = m(
-    () => a((e) => g(e) ?? e),
+    () => a((e) => h(e) ?? e),
     []
   );
   return { scale: t, zoomIn: n, zoomOut: c, setScale: a };
@@ -70,7 +70,7 @@ const D = () => {
               onClick: () => {
                 F(t, a, n);
               },
-              icon: h
+              icon: C
             }
           ),
           c?.map((o, b) => /* @__PURE__ */ l(

package/dist/DocxViewer-C0K6oFym.js

@@ -0,0 +1,68 @@
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { useRef as g, useState as h, useEffect as b } from "react";
+import { r as p } from "./docx-preview-CSg41tKY.js";
+import { u as v, S as w } from "./F0CanvasPanel-BDwye32b.js";
+import { u as x, D as y } from "./DocumentToolbar-BLcBoeNU.js";
+const V = ({
+  url: o,
+  filename: d,
+  withCredentials: a = !0,
+  actions: m
+}) => {
+  const s = v(), i = x(), f = g(null), [l, n] = h("loading");
+  return b(() => {
+    const u = f.current;
+    if (!u) return;
+    let r = !1;
+    return n("loading"), fetch(o, { credentials: a ? "include" : "same-origin" }).then((e) => {
+      if (!e.ok) throw new Error(`${e.status}`);
+      return e.blob();
+    }).then((e) => {
+      if (!r)
+        return p(e, u, void 0, {
+          inWrapper: !0,
+          breakPages: !0
+        }).then(() => {
+          r || n("ready");
+        });
+    }).catch(() => {
+      r || n("failed");
+    }), () => {
+      r = !0;
+    };
+  }, [o, a]), /* @__PURE__ */ c("div", { className: "flex h-full w-full flex-col bg-f1-background", children: [
+    /* @__PURE__ */ t(
+      y,
+      {
+        url: o,
+        filename: d,
+        withCredentials: a,
+        actions: m,
+        zoom: i
+      }
+    ),
+    /* @__PURE__ */ c("div", { className: "relative min-h-0 grow overflow-auto bg-f1-background-secondary", children: [
+      l === "loading" && /* @__PURE__ */ t(
+        w,
+        {
+          role: "status",
+          "aria-busy": !0,
+          "aria-label": s.pdfViewer.loading,
+          className: "absolute inset-0 h-full w-full rounded-none"
+        }
+      ),
+      l === "failed" && /* @__PURE__ */ t("div", { className: "flex h-full w-full items-center justify-center bg-f1-background text-f1-foreground-secondary", children: s.pdfViewer.previewFailed }),
+      /* @__PURE__ */ t(
+        "div",
+        {
+          ref: f,
+          className: l === "failed" ? "hidden" : void 0,
+          style: { zoom: i.scale }
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  V as default
+};