@dmsi/wedgekit-react 0.0.845 → 0.0.847

package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js

@@ -1,6 +1,6 @@
 import {
   RowDetailModalProvider
-} from "../../../chunk-EU7ONAGD.js";
+} from "../../../chunk-WJJB7IJZ.js";
 import "../../../chunk-Q4YDNW7N.js";
 import "../../../chunk-5IFPG6TS.js";
 import "../../../chunk-AJ5M6MVX.js";
@@ -11,14 +11,14 @@ import "../../../chunk-UUKHQUSF.js";
 import "../../../chunk-WVVEOCEH.js";
 import "../../../chunk-2EAVEFWY.js";
 import "../../../chunk-AG43RS4Q.js";
-import "../../../chunk-MXSJF6TW.js";
-import "../../../chunk-MTGNBARV.js";
-import "../../../chunk-BMAZBFUU.js";
-import "../../../chunk-SBRRNFOP.js";
 import "../../../chunk-BXEE6VGQ.js";
 import "../../../chunk-VXWSAIB5.js";
 import "../../../chunk-MMZTPVYB.js";
 import "../../../chunk-5UH6QUFB.js";
+import "../../../chunk-MXSJF6TW.js";
+import "../../../chunk-BMAZBFUU.js";
+import "../../../chunk-SBRRNFOP.js";
+import "../../../chunk-MTGNBARV.js";
 import "../../../chunk-WMPWWFUJ.js";
 import "../../../chunk-NKUETCDA.js";
 import "../../../chunk-7KWFEH56.js";

package/dist/components/MobileDataGrid/index.js

@@ -1,26 +1,26 @@
 import {
   MobileDataGrid
-} from "../../chunk-GLWDUTIL.js";
-import "../../chunk-EU7ONAGD.js";
+} from "../../chunk-UIF3AIAT.js";
+import "../../chunk-WJJB7IJZ.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-Q4YDNW7N.js";
-import "../../chunk-L3IW57SO.js";
+import "../../chunk-GQDUOL5Y.js";
 import "../../chunk-YCDDBSVU.js";
 import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-BQNPOGD5.js";
 import "../../chunk-Y5GD2FJA.js";
 import "../../chunk-MBZ55T2D.js";
 import "../../chunk-2IKT6IHB.js";
-import "../../chunk-GCXPSRAD.js";
-import "../../chunk-ONIY5LKN.js";
+import "../../chunk-B4AE3DCA.js";
+import "../../chunk-FP3Y5JJN.js";
 import "../../chunk-5IFPG6TS.js";
 import "../../chunk-AJ5M6MVX.js";
 import "../../chunk-6EYMKEJ6.js";
-import "../../chunk-EWGHVZL5.js";
-import "../../chunk-KBIEWFQS.js";
 import "../../chunk-AT4AWD6B.js";
+import "../../chunk-EWGHVZL5.js";
 import "../../chunk-FZ2TEKOE.js";
-import "../../chunk-XMX5DKIE.js";
+import "../../chunk-FESS4LWU.js";
+import "../../chunk-KBIEWFQS.js";
 import "../../chunk-NSZTJ5R4.js";
 import "../../chunk-LB7UT6F3.js";
 import "../../chunk-ZL6NXIGS.js";
@@ -30,12 +30,11 @@ import "../../chunk-UUKHQUSF.js";
 import "../../chunk-WVVEOCEH.js";
 import "../../chunk-2EAVEFWY.js";
 import "../../chunk-AG43RS4Q.js";
-import "../../chunk-UAMI54FE.js";
 import "../../chunk-QVWYTQKL.js";
+import "../../chunk-UAMI54FE.js";
 import "../../chunk-SJZNVG4N.js";
 import "../../chunk-75USUR3I.js";
 import "../../chunk-BWPNXY7T.js";
-import "../../chunk-HG4SUTLG.js";
 import "../../chunk-BH4UKMXV.js";
 import "../../chunk-RFF2EFBX.js";
 import "../../chunk-FXJ7C6RF.js";
@@ -44,14 +43,8 @@ import "../../chunk-FHXCCVOG.js";
 import "../../chunk-7T5RGDCN.js";
 import "../../chunk-HXGJVYGQ.js";
 import "../../chunk-WVUIIBRR.js";
-import "../../chunk-3XNNZ43V.js";
-import "../../chunk-QCTZTMHH.js";
-import "../../chunk-MXSJF6TW.js";
-import "../../chunk-MTGNBARV.js";
-import "../../chunk-BMAZBFUU.js";
-import "../../chunk-SBRRNFOP.js";
-import "../../chunk-F4VE3THQ.js";
 import "../../chunk-M7WHWZ2J.js";
+import "../../chunk-CJPGHBV5.js";
 import "../../chunk-BXEE6VGQ.js";
 import "../../chunk-VXWSAIB5.js";
 import "../../chunk-MMZTPVYB.js";
@@ -59,9 +52,16 @@ import "../../chunk-5UH6QUFB.js";
 import "../../chunk-XJF4S3RB.js";
 import "../../chunk-ZCJWOHFN.js";
 import "../../chunk-PS6UJZVH.js";
-import "../../chunk-WMPWWFUJ.js";
 import "../../chunk-XR733AKC.js";
 import "../../chunk-BYC6QID5.js";
+import "../../chunk-QNIZDGFV.js";
+import "../../chunk-F4VE3THQ.js";
+import "../../chunk-TURMALTW.js";
+import "../../chunk-MXSJF6TW.js";
+import "../../chunk-BMAZBFUU.js";
+import "../../chunk-SBRRNFOP.js";
+import "../../chunk-MTGNBARV.js";
+import "../../chunk-WMPWWFUJ.js";
 import "../../chunk-NKUETCDA.js";
 import "../../chunk-7KWFEH56.js";
 import "../../chunk-ORMEWXMH.js";

package/dist/components/Modal.js

@@ -7,13 +7,13 @@ import "../chunk-UUKHQUSF.js";
 import "../chunk-WVVEOCEH.js";
 import "../chunk-2EAVEFWY.js";
 import "../chunk-AG43RS4Q.js";
-import "../chunk-MXSJF6TW.js";
-import "../chunk-BMAZBFUU.js";
-import "../chunk-SBRRNFOP.js";
 import "../chunk-BXEE6VGQ.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-MMZTPVYB.js";
 import "../chunk-5UH6QUFB.js";
+import "../chunk-MXSJF6TW.js";
+import "../chunk-BMAZBFUU.js";
+import "../chunk-SBRRNFOP.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-7KWFEH56.js";
 import "../chunk-ORMEWXMH.js";

package/dist/components/NestedMenu.js

@@ -5,10 +5,6 @@ import {
 import {
   Label
 } from "../chunk-HXGJVYGQ.js";
-import {
-  Button
-} from "../chunk-BMAZBFUU.js";
-import "../chunk-SBRRNFOP.js";
 import {
   useKeydown
 } from "../chunk-BXEE6VGQ.js";
@@ -16,6 +12,10 @@ import "../chunk-VXWSAIB5.js";
 import "../chunk-MMZTPVYB.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-PS6UJZVH.js";
+import {
+  Button
+} from "../chunk-BMAZBFUU.js";
+import "../chunk-SBRRNFOP.js";
 import "../chunk-WMPWWFUJ.js";
 import {
   Icon

package/dist/components/Notification.js

@@ -2,13 +2,13 @@
 import {
   Heading3
 } from "../chunk-MXSJF6TW.js";
-import {
-  Stack
-} from "../chunk-MTGNBARV.js";
 import {
   Button
 } from "../chunk-BMAZBFUU.js";
 import "../chunk-SBRRNFOP.js";
+import {
+  Stack
+} from "../chunk-MTGNBARV.js";
 import {
   Paragraph
 } from "../chunk-WMPWWFUJ.js";

package/dist/components/PDFViewer/DownloadIcon.js

@@ -2,12 +2,12 @@ import {
   DownloadIcon
 } from "../../chunk-RTZO2OU7.js";
 import "../../chunk-ZL6NXIGS.js";
-import "../../chunk-BMAZBFUU.js";
-import "../../chunk-SBRRNFOP.js";
 import "../../chunk-BXEE6VGQ.js";
 import "../../chunk-VXWSAIB5.js";
 import "../../chunk-MMZTPVYB.js";
 import "../../chunk-5UH6QUFB.js";
+import "../../chunk-BMAZBFUU.js";
+import "../../chunk-SBRRNFOP.js";
 import "../../chunk-NKUETCDA.js";
 import "../../chunk-7KWFEH56.js";
 import "../../chunk-ORMEWXMH.js";

package/dist/components/PDFViewer/PDFElement.js

@@ -1,9 +1,9 @@
 import {
   PDFElement
-} from "../../chunk-54PBZBOB.js";
+} from "../../chunk-EQ2RAI53.js";
 import "../../chunk-VJVY6NPF.js";
-import "../../chunk-MTGNBARV.js";
 import "../../chunk-SBRRNFOP.js";
+import "../../chunk-MTGNBARV.js";
 import "../../chunk-7KWFEH56.js";
 import "../../chunk-ORMEWXMH.js";
 export {

package/dist/components/PDFViewer/PDFNavigation.js

@@ -1,10 +1,10 @@
 import {
   PdfNavigation
-} from "../../chunk-NYBPEUKC.js";
+} from "../../chunk-7YW4Q7OQ.js";
 import "../../chunk-MXSJF6TW.js";
-import "../../chunk-MTGNBARV.js";
 import "../../chunk-BMAZBFUU.js";
 import "../../chunk-SBRRNFOP.js";
+import "../../chunk-MTGNBARV.js";
 import "../../chunk-WMPWWFUJ.js";
 import "../../chunk-NKUETCDA.js";
 import "../../chunk-7KWFEH56.js";

package/dist/components/PDFViewer/index.cjs

@@ -1562,8 +1562,218 @@ function PdfNavigation({
   ) });
 }
 
-// src/components/PDFViewer/index.tsx
+// src/components/Link.tsx
+var import_clsx14 = __toESM(require("clsx"), 1);
 var import_jsx_runtime17 = require("react/jsx-runtime");
+var Link = (_a) => {
+  var _b = _a, {
+    as = "a",
+    className,
+    variant = "primary",
+    typographyStyle = "paragraph",
+    disabled = false,
+    color,
+    paddedY,
+    align,
+    underline = false,
+    testid,
+    active,
+    addOverflow
+  } = _b, props = __objRest(_b, [
+    "as",
+    "className",
+    "variant",
+    "typographyStyle",
+    "disabled",
+    "color",
+    "paddedY",
+    "align",
+    "underline",
+    "testid",
+    "active",
+    "addOverflow"
+  ]);
+  const Component = as;
+  const primaryStateStyles = variant === "primary" && !disabled && (0, import_clsx14.default)(
+    active ? "text-text-link-active" : "text-text-link-normal",
+    "hover:text-text-link-hover active:text-text-link-active"
+  );
+  const secondaryStateStyles = variant === "secondary" && !disabled && (0, import_clsx14.default)(
+    active ? "text-text-link-active" : "text-text-primary-normal",
+    "hover:text-text-link-hover active:text-text-link-active"
+  );
+  const criticalStateStyles = variant === "critical" && !disabled && (0, import_clsx14.default)(
+    active ? "text-text-action-critical-active" : "text-text-action-critical-normal",
+    "hover:text-text-action-critical-hover active:text-text-action-critical-active"
+  );
+  const criticalStateDisabledStyles = disabled && variant === "critical" && (0, import_clsx14.default)("text-text-action-critical-disabled");
+  const disabledStateStyles = disabled && ["primary", "secondary"].includes(variant) && (0, import_clsx14.default)("text-text-link-disabled");
+  const disabledStyles = disabled && (0, import_clsx14.default)("pointer-events-none cursor-default");
+  const underlineStyles = underline ? "decoration-current" : "decoration-decoration-underline";
+  const paddingY = paddedY && componentPaddingY;
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    Component,
+    __spreadProps(__spreadValues({
+      className: (0, import_clsx14.default)(
+        "inline",
+        disabled ? "cursor-default" : "cursor-pointer",
+        "underline decoration-[10%] underline-offset-[32%]",
+        !disabled && "hover:decoration-current",
+        !disabled && "active:decoration-decoration-underline",
+        "flex flex-col items-center justify-center",
+        baseTransition,
+        primaryStateStyles,
+        secondaryStateStyles,
+        criticalStateStyles,
+        criticalStateDisabledStyles,
+        disabledStateStyles,
+        disabledStyles,
+        underlineStyles,
+        typographyStyle === "caption" && typography.caption,
+        typographyStyle === "paragraph" && typography.paragraph,
+        align === "left" && "text-left",
+        align === "center" && "text-center",
+        align === "right" && "text-right",
+        paddingY,
+        addOverflow && "whitespace-nowrap text-ellipsis overflow-hidden",
+        className
+      )
+    }, props), {
+      style: __spreadProps(__spreadValues({}, props.style), {
+        color: color ? `var(--color-${color})` : void 0
+      }),
+      "aria-disabled": disabled,
+      tabIndex: disabled ? -1 : void 0,
+      "data-testid": testid
+    })
+  );
+};
+Link.displayName = "Link";
+
+// src/components/Caption.tsx
+var import_clsx15 = __toESM(require("clsx"), 1);
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var Caption = (_a) => {
+  var _b = _a, {
+    className,
+    children,
+    as = "span",
+    style = "default",
+    color,
+    align,
+    id,
+    testid,
+    marginTopDesktop
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "as",
+    "style",
+    "color",
+    "align",
+    "id",
+    "testid",
+    "marginTopDesktop"
+  ]);
+  const Element = as;
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { id, "data-testid": testid, className: "flex gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      WhichIcon,
+      {
+        id,
+        testid,
+        style,
+        size: 16,
+        className: "mt-[3px] desktop:mt-0"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      Element,
+      __spreadProps(__spreadValues({
+        id: id ? `${id}-text` : void 0,
+        "data-testid": testid ? `${testid}-text` : void 0,
+        className: (0, import_clsx15.default)(
+          typography.caption.replace("text-text-primary-normal", ""),
+          (style === "default" || style === "info") && "text-text-secondary-normal",
+          style === "success" && "text-text-success-normal",
+          style === "warning" && "text-text-warning-normal",
+          style === "error" && "text-text-critical-normal",
+          align === "left" && "text-left",
+          align === "center" && "text-center",
+          align === "right" && "text-right",
+          className,
+          marginTopDesktop && `desktop:mt-px`
+        )
+      }, props), {
+        style: {
+          color: color ? `var(--color-${color})` : void 0
+        },
+        children
+      })
+    )
+  ] });
+};
+var WhichIcon = ({
+  style,
+  size,
+  className,
+  id,
+  testid
+}) => {
+  if (style === "success") {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-icon-success-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      Icon,
+      {
+        id: id ? `${id}-icon` : void 0,
+        testid: testid ? `${testid}-icon` : void 0,
+        className,
+        name: "check_circle",
+        size
+      }
+    ) });
+  }
+  if (style === "warning") {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-icon-warning-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      Icon,
+      {
+        id: id ? `${id}-icon` : void 0,
+        testid: testid ? `${testid}-icon` : void 0,
+        className,
+        name: "warning",
+        size
+      }
+    ) });
+  }
+  if (style === "error") {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-icon-critical-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      Icon,
+      {
+        id: id ? `${id}-icon` : void 0,
+        testid: testid ? `${testid}-icon` : void 0,
+        className,
+        name: "info",
+        size
+      }
+    ) });
+  }
+  if (style === "info") {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      Icon,
+      {
+        id: id ? `${id}-icon` : void 0,
+        testid: testid ? `${testid}-icon` : void 0,
+        className,
+        name: "info",
+        size
+      }
+    ) });
+  }
+  return null;
+};
+Caption.displayName = "Caption";
+
+// src/components/PDFViewer/index.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function PDFViewer(props) {
   const {
     isOpen,
@@ -1581,13 +1791,24 @@ function PDFViewer(props) {
   const [isDownloading, setIsDownloading] = (0, import_react11.useState)(false);
   const handleDownload = (0, import_react11.useCallback)(() => {
     setIsDownloading(true);
+    if (encodedPdfs[currentIndex].downloadURL && !encodedPdfs[currentIndex].base64) {
+      const link2 = document.createElement("a");
+      link2.href = encodedPdfs[currentIndex].downloadURL || "";
+      link2.target = "_blank";
+      link2.rel = "noopener noreferrer";
+      document.body.appendChild(link2);
+      link2.click();
+      document.body.removeChild(link2);
+      setIsDownloading(false);
+      return;
+    }
     const link = document.createElement("a");
     const currentPdf = encodedPdfs[currentIndex];
     if (!currentPdf) {
       setIsDownloading(false);
       return;
     }
-    link.href = `data:application/pdf;base64,${currentPdf.base64}`;
+    link.href = currentPdf.base64 ? `data:application/pdf;base64,${currentPdf.base64}` : currentPdf.downloadURL || "";
     link.download = currentPdf.fileName.endsWith(".pdf") ? currentPdf.fileName : `${currentPdf.fileName}.pdf`;
     document.body.appendChild(link);
     link.click();
@@ -1610,7 +1831,7 @@ function PDFViewer(props) {
     setIsDownloading(false);
     onClose();
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     Modal,
     {
       testid,
@@ -1618,8 +1839,9 @@ function PDFViewer(props) {
       customFooter,
       onClose: handleClose,
       noWrapper: true,
+      closeOnBackdropClick: false,
       showButtons: isMobile && customFooter ? !!customActions : !!encodedPdfs.length,
-      customActions: !!encodedPdfs.length && !isMobile && withPagination ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      customActions: !!encodedPdfs.length && !isMobile && withPagination ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         PdfNavigation,
         {
           testid,
@@ -1635,7 +1857,7 @@ function PDFViewer(props) {
       ) : customActions,
       fixedHeightScrolling: true,
       headerIconAlign: "right",
-      headerIcon: !isMobile ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      headerIcon: !isMobile ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         DownloadIcon,
         {
           testid: testid ? `${testid}-download-icon` : void 0,
@@ -1647,7 +1869,32 @@ function PDFViewer(props) {
       size: isMobile ? "screen" : "large",
       headerClassname: "bg-brand-400 desktop:bg-background-grouped-primary-normal p-mobile-layout-padding text-brand-text-action-primary-normal",
       headerIconClassname: "text-white",
-      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      children: !encodedPdfs[currentIndex].base64 && encodedPdfs[currentIndex].downloadURL ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+        Stack,
+        {
+          sizing: "layout",
+          justify: "center",
+          items: "center",
+          height: "full",
+          flexGrow: 1,
+          style: !isMobile ? {
+            minHeight: "77dvh",
+            minWidth: "30dvw"
+          } : void 0,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Caption, { children: "No preview available for this document. Please follow the link below to download." }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              Link,
+              {
+                href: encodedPdfs[currentIndex].downloadURL,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                children: encodedPdfs[currentIndex].fileName || "Download PDF"
+              }
+            )
+          ]
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         PDFElement,
         {
           testid,

package/dist/components/PDFViewer/index.js

@@ -4,11 +4,14 @@ import {
 } from "../../chunk-RTZO2OU7.js";
 import {
   PDFElement
-} from "../../chunk-54PBZBOB.js";
+} from "../../chunk-EQ2RAI53.js";
 import {
   PdfNavigation
-} from "../../chunk-NYBPEUKC.js";
+} from "../../chunk-7YW4Q7OQ.js";
 import "../../chunk-VJVY6NPF.js";
+import {
+  Link
+} from "../../chunk-FSXKJXPN.js";
 import "../../chunk-ZL6NXIGS.js";
 import {
   Modal
@@ -18,14 +21,19 @@ import "../../chunk-UUKHQUSF.js";
 import "../../chunk-WVVEOCEH.js";
 import "../../chunk-2EAVEFWY.js";
 import "../../chunk-AG43RS4Q.js";
-import "../../chunk-MXSJF6TW.js";
-import "../../chunk-MTGNBARV.js";
-import "../../chunk-BMAZBFUU.js";
-import "../../chunk-SBRRNFOP.js";
 import "../../chunk-BXEE6VGQ.js";
 import "../../chunk-VXWSAIB5.js";
 import "../../chunk-MMZTPVYB.js";
 import "../../chunk-5UH6QUFB.js";
+import {
+  Caption
+} from "../../chunk-PS6UJZVH.js";
+import "../../chunk-MXSJF6TW.js";
+import "../../chunk-BMAZBFUU.js";
+import "../../chunk-SBRRNFOP.js";
+import {
+  Stack
+} from "../../chunk-MTGNBARV.js";
 import "../../chunk-WMPWWFUJ.js";
 import "../../chunk-NKUETCDA.js";
 import "../../chunk-7KWFEH56.js";
@@ -33,7 +41,7 @@ import "../../chunk-ORMEWXMH.js";
 
 // src/components/PDFViewer/index.tsx
 import { useCallback, useState } from "react";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 function PDFViewer(props) {
   const {
     isOpen,
@@ -51,13 +59,24 @@ function PDFViewer(props) {
   const [isDownloading, setIsDownloading] = useState(false);
   const handleDownload = useCallback(() => {
     setIsDownloading(true);
+    if (encodedPdfs[currentIndex].downloadURL && !encodedPdfs[currentIndex].base64) {
+      const link2 = document.createElement("a");
+      link2.href = encodedPdfs[currentIndex].downloadURL || "";
+      link2.target = "_blank";
+      link2.rel = "noopener noreferrer";
+      document.body.appendChild(link2);
+      link2.click();
+      document.body.removeChild(link2);
+      setIsDownloading(false);
+      return;
+    }
     const link = document.createElement("a");
     const currentPdf = encodedPdfs[currentIndex];
     if (!currentPdf) {
       setIsDownloading(false);
       return;
     }
-    link.href = `data:application/pdf;base64,${currentPdf.base64}`;
+    link.href = currentPdf.base64 ? `data:application/pdf;base64,${currentPdf.base64}` : currentPdf.downloadURL || "";
     link.download = currentPdf.fileName.endsWith(".pdf") ? currentPdf.fileName : `${currentPdf.fileName}.pdf`;
     document.body.appendChild(link);
     link.click();
@@ -88,6 +107,7 @@ function PDFViewer(props) {
       customFooter,
       onClose: handleClose,
       noWrapper: true,
+      closeOnBackdropClick: false,
       showButtons: isMobile && customFooter ? !!customActions : !!encodedPdfs.length,
       customActions: !!encodedPdfs.length && !isMobile && withPagination ? /* @__PURE__ */ jsx(
         PdfNavigation,
@@ -117,7 +137,32 @@ function PDFViewer(props) {
       size: isMobile ? "screen" : "large",
       headerClassname: "bg-brand-400 desktop:bg-background-grouped-primary-normal p-mobile-layout-padding text-brand-text-action-primary-normal",
       headerIconClassname: "text-white",
-      children: /* @__PURE__ */ jsx(
+      children: !encodedPdfs[currentIndex].base64 && encodedPdfs[currentIndex].downloadURL ? /* @__PURE__ */ jsxs(
+        Stack,
+        {
+          sizing: "layout",
+          justify: "center",
+          items: "center",
+          height: "full",
+          flexGrow: 1,
+          style: !isMobile ? {
+            minHeight: "77dvh",
+            minWidth: "30dvw"
+          } : void 0,
+          children: [
+            /* @__PURE__ */ jsx(Caption, { children: "No preview available for this document. Please follow the link below to download." }),
+            /* @__PURE__ */ jsx(
+              Link,
+              {
+                href: encodedPdfs[currentIndex].downloadURL,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                children: encodedPdfs[currentIndex].fileName || "Download PDF"
+              }
+            )
+          ]
+        }
+      ) : /* @__PURE__ */ jsx(
         PDFElement,
         {
           testid,

package/dist/components/ProductImagePreview/index.js

@@ -1,6 +1,6 @@
 import {
   ProductImagePreview
-} from "../../chunk-L3IW57SO.js";
+} from "../../chunk-GQDUOL5Y.js";
 import "../../chunk-YCDDBSVU.js";
 import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-BQNPOGD5.js";
@@ -9,11 +9,11 @@ import "../../chunk-2IKT6IHB.js";
 import "../../chunk-AT4AWD6B.js";
 import "../../chunk-QVWYTQKL.js";
 import "../../chunk-BWPNXY7T.js";
-import "../../chunk-MTGNBARV.js";
 import "../../chunk-BXEE6VGQ.js";
 import "../../chunk-VXWSAIB5.js";
 import "../../chunk-MMZTPVYB.js";
 import "../../chunk-5UH6QUFB.js";
+import "../../chunk-MTGNBARV.js";
 import "../../chunk-7KWFEH56.js";
 import "../../chunk-ORMEWXMH.js";
 export {

package/dist/components/SimpleTable.js

@@ -1,8 +1,8 @@
 import {
   SimpleTable
-} from "../chunk-XMX5DKIE.js";
-import "../chunk-MTGNBARV.js";
+} from "../chunk-FESS4LWU.js";
 import "../chunk-BYC6QID5.js";
+import "../chunk-MTGNBARV.js";
 import "../chunk-7KWFEH56.js";
 import "../chunk-ORMEWXMH.js";
 export {