laif-ds 0.2.30 → 0.2.31

package/dist/_virtual/index2.js

@@ -1,8 +1,5 @@
 "use client";
-import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
-import { __require as t } from "../node_modules/eventemitter3/index2.js";
-var r = t();
-const m = /* @__PURE__ */ e(r);
+var e = { exports: {} };
 export {
-  m as default
+  e as __module
 };

package/dist/_virtual/index3.js

@@ -1,5 +1,8 @@
 "use client";
-var e = { exports: {} };
+import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
+import { __require as t } from "../node_modules/eventemitter3/index2.js";
+var r = t();
+const m = /* @__PURE__ */ e(r);
 export {
-  e as __module
+  m as default
 };

package/dist/_virtual/index6.js

@@ -1,5 +1,5 @@
 "use client";
-var e = { exports: {} };
+var e = {};
 export {
-  e as __module
+  e as __exports
 };

package/dist/_virtual/index7.js

@@ -1,5 +1,5 @@
 "use client";
-var e = {};
+var e = { exports: {} };
 export {
-  e as __exports
+  e as __module
 };

package/dist/_virtual/warning.js

@@ -0,0 +1,8 @@
+"use client";
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as e } from "../node_modules/warning/warning.js";
+var t = e();
+const i = /* @__PURE__ */ r(t);
+export {
+  i as default
+};

package/dist/components/ui/file-previewer.js

@@ -2,98 +2,108 @@
 import { jsxs as f, jsx as r } from "react/jsx-runtime";
 import { createAsk as w } from "../../node_modules/use-ask/dist/index.js";
 import { Dialog as x, DialogContent as g, DialogHeader as N, DialogTitle as y } from "./dialog.js";
-import { Icon as b } from "./icon.js";
-import { guessKind as P, isHttpUrl as A, getOfficeEmbedUrl as D } from "../../lib/file-preview.js";
-import { cn as O } from "../../lib/utils.js";
+import { Icon as P } from "./icon.js";
+import { SecurePdfViewer as b } from "./secure-pdf-viewer.js";
+import { guessKind as A, isHttpUrl as D, getOfficeEmbedUrl as O } from "../../lib/file-preview.js";
+import { cn as F } from "../../lib/utils.js";
 import { useMemo as c } from "react";
-const [p, F] = w({});
+const [p, T] = w({});
 function h(e) {
   return typeof e == "string" ? { url: e } : e || {};
 }
-async function H(e) {
+async function q(e) {
   return p.ask(h(e));
 }
-function S(e) {
+function B(e) {
   return p.safeAsk(h(e));
 }
-const q = () => {
-  const [{ payload: e }, { asking: t, ok: n }] = F(), l = e?.url, o = e?.readOnly, a = e?.page, i = c(() => e?.filename ? e?.filename : (e?.url || "").split(/[?#]/)[0].split("/").pop() || "" || "document", [e?.filename, e?.url]), m = c(() => {
+const E = () => {
+  const [{ payload: e }, { asking: i, ok: n }] = T(), l = e?.url, a = e?.readOnly, o = e?.page, t = c(() => e?.filename ? e?.filename : (e?.url || "").split(/[?#]/)[0].split("/").pop() || "" || "document", [e?.filename, e?.url]), m = c(() => {
     if (!e?.url) return null;
     const s = new URL(e?.url), u = s.searchParams.get("response-content-type") || s.searchParams.get("content-type"), d = e?.mimeType || u || "";
-    return P({
+    return A({
       mimeType: d,
-      filename: i,
+      filename: t,
       url: e?.url
     });
-  }, [e?.mimeType, i, e?.url]), v = c(
+  }, [e?.mimeType, t, e?.url]), v = c(
     () => /* @__PURE__ */ f("span", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ r(b, { name: "File", className: "h-4 w-4" }),
-      e?.title || i
+      /* @__PURE__ */ r(P, { name: "File", className: "h-4 w-4" }),
+      e?.title || t
     ] }),
-    [e?.title, i]
+    [e?.title, t]
   );
-  return /* @__PURE__ */ r(x, { open: t, onOpenChange: (s) => !s && n(), children: /* @__PURE__ */ f(g, { size: "xl", className: "sm:max-w-4xl", children: [
+  return /* @__PURE__ */ r(x, { open: i, onOpenChange: (s) => !s && n(), children: /* @__PURE__ */ f(g, { size: "xl", className: "sm:max-w-4xl", children: [
     /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(y, { children: v }) }),
-    /* @__PURE__ */ r("div", { className: O("relative", "max-h-[80vh] overflow-auto p-1"), children: m && l ? /* @__PURE__ */ r(
-      T,
+    /* @__PURE__ */ r("div", { className: F("relative", "max-h-[80vh] overflow-auto p-1"), children: m && l ? /* @__PURE__ */ r(
+      j,
       {
         kind: m,
         src: l,
         officeUrl: l,
-        readOnly: o,
-        page: a
+        readOnly: a,
+        page: o
       }
     ) : null })
   ] }) });
-}, T = ({
+}, j = ({
   kind: e,
-  src: t,
+  src: i,
   officeUrl: n,
   readOnly: l = !1,
-  page: o = 0
+  page: a = 0
 }) => {
-  if (!t && e !== "text" && e !== "office")
+  if (!i && e !== "text" && e !== "office")
     return /* @__PURE__ */ r("div", { className: "text-d-secondary-foreground", children: "Nessuna sorgente disponibile" });
   switch (e) {
     case "image":
       return /* @__PURE__ */ r("div", { className: "grid place-items-center", children: /* @__PURE__ */ r(
         "img",
         {
-          src: t,
+          src: i,
           alt: "preview",
           className: "max-h-[78vh] w-auto max-w-full object-contain"
         }
       ) });
     case "pdf":
-      let a = t;
-      return o > 0 && (a += "#page=" + o), l && (a += "#toolbar=0"), /* @__PURE__ */ r(
+      if (l && i)
+        return /* @__PURE__ */ r(
+          b,
+          {
+            url: i,
+            initialPage: a || 1,
+            className: "w-full"
+          }
+        );
+      let o = i;
+      return a > 0 && (o += "#page=" + a), /* @__PURE__ */ r(
         "iframe",
         {
-          src: a,
+          src: o,
           title: "PDF Preview",
           className: "h-[78vh] w-full rounded"
         }
       );
     case "audio":
-      return /* @__PURE__ */ r("div", { className: "grid place-items-center", children: /* @__PURE__ */ r("audio", { controls: !0, className: "w-full max-w-2xl", children: /* @__PURE__ */ r("source", { src: t }) }) });
+      return /* @__PURE__ */ r("div", { className: "grid place-items-center", children: /* @__PURE__ */ r("audio", { controls: !0, className: "w-full max-w-2xl", children: /* @__PURE__ */ r("source", { src: i }) }) });
     case "video":
-      return /* @__PURE__ */ r("div", { className: "grid place-items-center", children: /* @__PURE__ */ r("video", { controls: !0, className: "max-h-[78vh] w-full max-w-3xl rounded", children: /* @__PURE__ */ r("source", { src: t }) }) });
+      return /* @__PURE__ */ r("div", { className: "grid place-items-center", children: /* @__PURE__ */ r("video", { controls: !0, className: "max-h-[78vh] w-full max-w-3xl rounded", children: /* @__PURE__ */ r("source", { src: i }) }) });
     case "text":
       return /* @__PURE__ */ r(
         "iframe",
         {
-          src: t,
+          src: i,
           title: "Text Preview",
           className: "h-[78vh] w-full rounded"
         }
       );
     case "office": {
-      if (n && A(n)) {
-        const i = D(n);
+      if (n && D(n)) {
+        const t = O(n);
         return /* @__PURE__ */ r(
           "iframe",
           {
-            src: i,
+            src: t,
             title: "Office Preview",
             className: "h-[78vh] w-full rounded"
           }
@@ -106,7 +116,7 @@ const q = () => {
   }
 };
 export {
-  q as FilePreviewer,
-  H as previewFileModal,
-  S as safePreviewFileModal
+  E as FilePreviewer,
+  q as previewFileModal,
+  B as safePreviewFileModal
 };

package/dist/components/ui/secure-pdf-viewer.js

@@ -0,0 +1,115 @@
+"use client";
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { Button as p } from "./button.js";
+import { Icon as i } from "./icon.js";
+import { useState as s, useRef as C, useMemo as h, useEffect as x } from "react";
+import "../../node_modules/react-pdf/dist/index.js";
+/* empty css                                                         */
+/* empty css                                                   */
+import L from "../../node_modules/react-pdf/dist/Document.js";
+import k from "../../node_modules/react-pdf/dist/Page.js";
+import { GlobalWorkerOptions as W } from "../../node_modules/react-pdf/node_modules/pdfjs-dist/build/pdf.js";
+W.workerSrc = "https://unpkg.com/pdfjs-dist@5.3.93/build/pdf.worker.min.mjs";
+function G({
+  url: a,
+  initialPage: w = 1,
+  className: N = ""
+}) {
+  const [c, g] = s(), [t, m] = s(w), [d, u] = s(null), n = C(null), [v, f] = s(950), b = h(() => ({ url: a }), [a]), P = h(
+    () => ({
+      cMapUrl: "https://unpkg.com/pdfjs-dist@5.3.93/cmaps/",
+      cMapPacked: !0
+    }),
+    []
+  ), E = ({ numPages: r }) => {
+    g(r), u(null), setTimeout(() => {
+      if (n.current) {
+        const l = n.current.clientWidth;
+        f(l - 32);
+      }
+    }, 50);
+  }, j = (r) => {
+    console.error("PDF Load Error:", r), u(r.message || "Errore nel caricamento del PDF");
+  };
+  return x(() => {
+    n.current && (n.current.scrollTop = 0);
+  }, [t]), x(() => {
+    const r = () => {
+      if (n.current) {
+        const l = n.current.clientWidth;
+        f(l - 32);
+      }
+    };
+    return r(), window.addEventListener("resize", r), () => window.removeEventListener("resize", r);
+  }, []), d ? /* @__PURE__ */ o("div", { className: "text-d-destructive flex min-h-[600px] flex-col items-center justify-center gap-3", children: [
+    /* @__PURE__ */ e(i, { name: "AlertCircle", className: "h-12 w-12" }),
+    /* @__PURE__ */ e("p", { className: "font-semibold", children: "Errore nel caricamento del PDF" }),
+    /* @__PURE__ */ e("p", { className: "text-d-muted-foreground text-sm", children: d })
+  ] }) : /* @__PURE__ */ o(
+    "div",
+    {
+      className: `flex min-h-[600px] w-full flex-col items-center ${N}`,
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            ref: n,
+            className: "border-d-border max-h-[500px] w-full overflow-auto rounded border",
+            children: /* @__PURE__ */ e(
+              L,
+              {
+                file: b,
+                onLoadSuccess: E,
+                onLoadError: j,
+                options: P,
+                loading: /* @__PURE__ */ e("div", { className: "flex min-h-[600px] items-center justify-center", children: /* @__PURE__ */ e(
+                  i,
+                  {
+                    name: "Loader2",
+                    className: "text-d-primary h-8 w-8 animate-spin"
+                  }
+                ) }),
+                error: /* @__PURE__ */ o("div", { className: "text-d-destructive flex min-h-[600px] flex-col items-center justify-center gap-2", children: [
+                  /* @__PURE__ */ e(i, { name: "AlertCircle", className: "h-12 w-12" }),
+                  /* @__PURE__ */ e("p", { children: "Errore nel caricamento del PDF" })
+                ] }),
+                className: "h-full min-h-[600px] w-full border-0",
+                children: /* @__PURE__ */ e(k, { pageNumber: t, width: v })
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ o("div", { className: "my-8 flex h-full w-full items-center justify-center gap-4", children: [
+          /* @__PURE__ */ e(
+            p,
+            {
+              onClick: () => m(Math.max(1, t - 1)),
+              disabled: t <= 1,
+              variant: "outline",
+              size: "sm",
+              children: /* @__PURE__ */ e(i, { name: "ChevronLeft", className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ o("p", { className: "text-d-foreground text-sm", children: [
+            t,
+            " / ",
+            c
+          ] }),
+          /* @__PURE__ */ e(
+            p,
+            {
+              onClick: () => m(Math.min(c || 1, t + 1)),
+              disabled: t >= (c || 1),
+              variant: "outline",
+              size: "sm",
+              children: /* @__PURE__ */ e(i, { name: "ChevronRight", className: "h-4 w-4" })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  G as SecurePdfViewer
+};

package/dist/index.d.ts

@@ -1719,6 +1719,14 @@ export declare function ScrollArea({ className, children, ...props }: React_2.Co
 
 export declare function ScrollBar({ className, orientation, ...props }: React_2.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): JSX.Element;
 
+export declare function SecurePdfViewer({ url, initialPage, className, }: SecurePdfViewerProps): JSX.Element;
+
+declare interface SecurePdfViewerProps {
+    url: string;
+    initialPage?: number;
+    className?: string;
+}
+
 export declare function Select({ size, label, className, labelClassName, ...props }: SelectProps): JSX.Element;
 
 export declare function SelectContent({ className, children, position, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Content>): JSX.Element;