@dmsi/wedgekit-react 0.0.159 → 0.0.161

package/dist/components/Modal.cjs

@@ -584,7 +584,7 @@ function findDocumentRoot(element) {
   if (!element || !(element instanceof Node)) {
     return window.document.body;
   }
-  var currentElement = element;
+  let currentElement = element;
   while (currentElement && currentElement.parentNode) {
     if (currentElement.parentNode === document) {
       return document.body;

package/dist/components/Modal.js

@@ -1,16 +1,16 @@
 "use client";
 import {
   Modal
-} from "../chunk-NRCUFAOZ.js";
+} from "../chunk-FCREADUH.js";
 import "../chunk-4RJKB7LC.js";
 import "../chunk-C4JGTH6G.js";
 import "../chunk-SYEJVSE4.js";
 import "../chunk-R7ELP5C5.js";
 import "../chunk-ZFOANBWG.js";
 import "../chunk-AZ7LVLOK.js";
-import "../chunk-4T7F5BZZ.js";
-import "../chunk-FKMKHLQH.js";
 import "../chunk-WNQ53SVY.js";
+import "../chunk-6LN6QT6M.js";
+import "../chunk-FKMKHLQH.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";

package/dist/components/NavigationTabs.cjs

@@ -463,14 +463,14 @@ var NavigationTabs = ({
   onTabChange,
   colorPrimitives = "dmsi"
 }) => {
-  var _a, _b, _c;
-  const [selectedTab, setSelectedTab] = (0, import_react.useState)((_a = tabs[0]) == null ? void 0 : _a.id);
+  var _a, _b, _c, _d;
+  const [selectedTab, setSelectedTab] = (0, import_react.useState)((_b = (_a = tabs[0]) == null ? void 0 : _a.id) != null ? _b : "");
   const handleTabClick = (id2) => {
     setSelectedTab(id2);
     onTabChange == null ? void 0 : onTabChange(id2);
   };
-  const selectedContent = (_b = tabs.find((tab) => tab.id === selectedTab)) == null ? void 0 : _b.content;
-  const selectedTabHasHref = (_c = tabs.find((tab) => tab.id === selectedTab)) == null ? void 0 : _c.href;
+  const selectedContent = (_c = tabs.find((tab) => tab.id === selectedTab)) == null ? void 0 : _c.content;
+  const selectedTabHasHref = (_d = tabs.find((tab) => tab.id === selectedTab)) == null ? void 0 : _d.href;
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { id, "data-testid": testid, children: [
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       "div",

package/dist/components/NavigationTabs.js

@@ -20,14 +20,14 @@ var NavigationTabs = ({
   onTabChange,
   colorPrimitives = "dmsi"
 }) => {
-  var _a, _b, _c;
-  const [selectedTab, setSelectedTab] = useState((_a = tabs[0]) == null ? void 0 : _a.id);
+  var _a, _b, _c, _d;
+  const [selectedTab, setSelectedTab] = useState((_b = (_a = tabs[0]) == null ? void 0 : _a.id) != null ? _b : "");
   const handleTabClick = (id2) => {
     setSelectedTab(id2);
     onTabChange == null ? void 0 : onTabChange(id2);
   };
-  const selectedContent = (_b = tabs.find((tab) => tab.id === selectedTab)) == null ? void 0 : _b.content;
-  const selectedTabHasHref = (_c = tabs.find((tab) => tab.id === selectedTab)) == null ? void 0 : _c.href;
+  const selectedContent = (_c = tabs.find((tab) => tab.id === selectedTab)) == null ? void 0 : _c.content;
+  const selectedTabHasHref = (_d = tabs.find((tab) => tab.id === selectedTab)) == null ? void 0 : _d.href;
   return /* @__PURE__ */ jsxs("div", { id, "data-testid": testid, children: [
     /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
       "div",

package/dist/components/NestedMenu.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   MenuOption
-} from "../chunk-AEDEFN7A.js";
-import "../chunk-JWCT72WR.js";
+} from "../chunk-FFU6FB3K.js";
 import {
   useKeydown
 } from "../chunk-WNQ53SVY.js";
+import "../chunk-JWCT72WR.js";
 import "../chunk-HVI3CL7Y.js";
 import {
   Icon

package/dist/components/Notification.js

@@ -2,15 +2,15 @@
 import {
   Heading3
 } from "../chunk-AZ7LVLOK.js";
-import {
-  Button
-} from "../chunk-FKMKHLQH.js";
 import {
   Stack
 } from "../chunk-N6JVLYEE.js";
 import {
   Paragraph
 } from "../chunk-HVI3CL7Y.js";
+import {
+  Button
+} from "../chunk-FKMKHLQH.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/PDFViewer.cjs

@@ -588,7 +588,7 @@ function findDocumentRoot(element) {
   if (!element || !(element instanceof Node)) {
     return window.document.body;
   }
-  var currentElement = element;
+  let currentElement = element;
   while (currentElement && currentElement.parentNode) {
     if (currentElement.parentNode === document) {
       return document.body;
@@ -1154,8 +1154,118 @@ var WhichIcon = ({
 };
 Caption.displayName = "Caption";
 
-// src/components/PDFViewer.tsx
+// src/components/Spinner.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
+var Spinner = ({ size = "small", testid }) => {
+  const dimension = size === "large" ? 48 : 24;
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+    "svg",
+    {
+      "data-testid": testid,
+      width: dimension,
+      height: dimension,
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "#1D1E1E",
+      className: "animate-spin",
+      "aria-label": "Loading",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("circle", { cx: "12", cy: "4", r: "2", opacity: "1", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "animate",
+          {
+            attributeName: "opacity",
+            begin: "0s",
+            dur: "1s",
+            from: "1",
+            to: "0",
+            repeatCount: "indefinite"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("circle", { cx: "17.666", cy: "6.334", r: "2", opacity: "0.125", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "animate",
+          {
+            attributeName: "opacity",
+            begin: "-0.875s",
+            dur: "1s",
+            from: "1",
+            to: "0",
+            repeatCount: "indefinite"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("circle", { cx: "20", cy: "12", r: "2", opacity: "0.25", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "animate",
+          {
+            attributeName: "opacity",
+            begin: "-0.75s",
+            dur: "1s",
+            from: "1",
+            to: "0",
+            repeatCount: "indefinite"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("circle", { cx: "17.666", cy: "17.666", r: "2", opacity: "0.375", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "animate",
+          {
+            attributeName: "opacity",
+            begin: "-0.625s",
+            dur: "1s",
+            from: "1",
+            to: "0",
+            repeatCount: "indefinite"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("circle", { cx: "12", cy: "20", r: "2", opacity: "0.5", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "animate",
+          {
+            attributeName: "opacity",
+            begin: "-0.5s",
+            dur: "1s",
+            from: "1",
+            to: "0",
+            repeatCount: "indefinite"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("circle", { cx: "6.334", cy: "17.666", r: "2", opacity: "0.625", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "animate",
+          {
+            attributeName: "opacity",
+            begin: "-0.375s",
+            dur: "1s",
+            from: "1",
+            to: "0",
+            repeatCount: "indefinite"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("circle", { cx: "4", cy: "12", r: "2", opacity: "0.75", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "animate",
+          {
+            attributeName: "opacity",
+            begin: "-0.25s",
+            dur: "1s",
+            from: "1",
+            to: "0",
+            repeatCount: "indefinite"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("circle", { cx: "6.334", cy: "6.334", r: "2", opacity: "0.875", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "animate",
+          {
+            attributeName: "opacity",
+            begin: "-0.125s",
+            dur: "1s",
+            from: "1",
+            to: "0",
+            repeatCount: "indefinite"
+          }
+        ) })
+      ]
+    }
+  );
+};
+Spinner.displayName = "Spinner";
+
+// src/components/PDFViewer.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function PDFViewer(props) {
   const { isOpen, onClose, encodedPdfs, customActions, testid } = props;
   const [currentIndex, setCurrentIndex] = (0, import_react6.useState)(0);
@@ -1163,15 +1273,20 @@ function PDFViewer(props) {
   const handleDownload = (0, import_react6.useCallback)(() => {
     setIsDownloading(true);
     const link = document.createElement("a");
-    link.href = `data:application/pdf;base64,${encodedPdfs[currentIndex].base64}`;
-    link.download = encodedPdfs[currentIndex].fileName.endsWith(".pdf") ? encodedPdfs[currentIndex].fileName : `${encodedPdfs[currentIndex].fileName}.pdf`;
+    const currentPdf = encodedPdfs[currentIndex];
+    if (!currentPdf) {
+      setIsDownloading(false);
+      return;
+    }
+    link.href = `data:application/pdf;base64,${currentPdf.base64}`;
+    link.download = currentPdf.fileName.endsWith(".pdf") ? currentPdf.fileName : `${currentPdf.fileName}.pdf`;
     document.body.appendChild(link);
     link.click();
     document.body.removeChild(link);
     setIsDownloading(false);
   }, [currentIndex, encodedPdfs]);
   if (!encodedPdfs.length) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     Modal,
     {
       testid,
@@ -1179,14 +1294,22 @@ function PDFViewer(props) {
       onClose,
       showButtons: !!customActions,
       customActions,
-      headerIcon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DownloadIcon, { testid: testid ? `${testid}-download-icon` : void 0, onClick: handleDownload, isDownloading }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Stack, { sizing: "layout", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PDFElement, { testid, b64: encodedPdfs[currentIndex].base64 }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Stack, { horizontal: true, overflowX: "auto", sizing: "layout-group", children: encodedPdfs.map((pdf, index) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      headerIcon: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        DownloadIcon,
+        {
+          testid: testid ? `${testid}-download-icon` : void 0,
+          onClick: handleDownload,
+          isDownloading
+        }
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Stack, { sizing: "layout", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(PDFElement, { testid, b64: encodedPdfs[currentIndex].base64 }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Stack, { horizontal: true, overflowX: "auto", sizing: "layout-group", children: encodedPdfs.map((pdf, index) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
           Button,
           {
             testid: testid ? `${testid}-${pdf.fileName}-button` : void 0,
             variant: index === currentIndex ? "primary" : "secondary",
+            classNameLabel: "items-center flex flex-row gap-2",
             onClick: (e) => {
               setCurrentIndex(index);
               requestAnimationFrame(() => {
@@ -1198,8 +1321,11 @@ function PDFViewer(props) {
                 });
               });
             },
-            disabled: isDownloading || currentIndex === index,
-            children: pdf.fileName
+            disabled: isDownloading || currentIndex === index || !pdf.base64,
+            children: [
+              !pdf.base64 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Spinner, {}),
+              pdf.fileName
+            ]
           },
           `${pdf.fileName}-${index}`
         )) })
@@ -1212,13 +1338,13 @@ function DownloadIcon({
   isDownloading,
   testid
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     Button,
     {
       testid,
       iconOnly: true,
       variant: "tertiary",
-      leftIcon: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon, { name: isDownloading ? "cached" : "download" }),
+      leftIcon: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, { name: isDownloading ? "cached" : "download" }),
       onClick
     }
   );
@@ -1233,36 +1359,71 @@ function PDFElement({ b64, testid }) {
     canvasRef,
     scale: 1
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col space-y-4", children: [
-    pdfDocument ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("canvas", { "data-testid": testid ? `${testid}-pdf-content` : void 0, ref: canvasRef }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { "data-testid": testid ? `${testid}-pdf-loading` : void 0, children: "Loading PDF..." }),
-    (pdfDocument == null ? void 0 : pdfDocument.numPages) && pdfDocument.numPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("ul", { className: "flex flex-row justify-between items-center", "data-testid": testid ? `${testid}-pdf-pagination` : void 0, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("li", { className: "previous", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-        "button",
-        {
-          "data-testid": testid ? `${testid}-pdf-pagination-previous-button` : void 0,
-          disabled: page === 1,
-          onClick: () => setPage(page - 1),
-          className: "not-disabled:cursor-pointer not-disabled:hover:underline ",
-          children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Caption, { children: "Previous" })
-        }
-      ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("li", { "data-testid": testid ? `${testid}-pdf-pagination-text` : void 0, className: "text-label-desktop text-text-on-action-primary-normal", children: [
-        "Page ",
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { "data-testid": testid ? `${testid}-pdf-pagination-page-${page}` : void 0, children: page }),
-        " of ",
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { "data-testid": testid ? `${testid}-pdf-pagination-total-page-${pdfDocument.numPages}` : void 0, children: pdfDocument.numPages })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("li", { className: "next", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-        "button",
-        {
-          "data-testid": testid ? `${testid}-pdf-pagination-next-button` : void 0,
-          disabled: page === pdfDocument.numPages,
-          onClick: () => setPage(page + 1),
-          className: "not-disabled:cursor-pointer not-disabled:hover:underline ",
-          children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Caption, { children: "Next" })
-        }
-      ) })
-    ] })
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-col space-y-4", children: [
+    pdfDocument ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      "canvas",
+      {
+        "data-testid": testid ? `${testid}-pdf-content` : void 0,
+        ref: canvasRef
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { "data-testid": testid ? `${testid}-pdf-loading` : void 0, children: "Loading PDF..." }),
+    (pdfDocument == null ? void 0 : pdfDocument.numPages) && pdfDocument.numPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+      "ul",
+      {
+        className: "flex flex-row justify-between items-center",
+        "data-testid": testid ? `${testid}-pdf-pagination` : void 0,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { className: "previous", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            "button",
+            {
+              "data-testid": testid ? `${testid}-pdf-pagination-previous-button` : void 0,
+              disabled: page === 1,
+              onClick: () => setPage(page - 1),
+              className: "not-disabled:cursor-pointer not-disabled:hover:underline ",
+              children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Caption, { children: "Previous" })
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+            "li",
+            {
+              "data-testid": testid ? `${testid}-pdf-pagination-text` : void 0,
+              className: "text-label-desktop text-text-on-action-primary-normal",
+              children: [
+                "Page",
+                " ",
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                  "span",
+                  {
+                    "data-testid": testid ? `${testid}-pdf-pagination-page-${page}` : void 0,
+                    children: page
+                  }
+                ),
+                " ",
+                "of",
+                " ",
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                  "span",
+                  {
+                    "data-testid": testid ? `${testid}-pdf-pagination-total-page-${pdfDocument.numPages}` : void 0,
+                    children: pdfDocument.numPages
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { className: "next", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            "button",
+            {
+              "data-testid": testid ? `${testid}-pdf-pagination-next-button` : void 0,
+              disabled: page === pdfDocument.numPages,
+              onClick: () => setPage(page + 1),
+              className: "not-disabled:cursor-pointer not-disabled:hover:underline ",
+              children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Caption, { children: "Next" })
+            }
+          ) })
+        ]
+      }
+    )
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/PDFViewer.js

@@ -1,24 +1,27 @@
 "use client";
 import {
   Modal
-} from "../chunk-NRCUFAOZ.js";
+} from "../chunk-FCREADUH.js";
 import "../chunk-4RJKB7LC.js";
 import "../chunk-C4JGTH6G.js";
 import "../chunk-SYEJVSE4.js";
 import "../chunk-R7ELP5C5.js";
 import "../chunk-ZFOANBWG.js";
+import {
+  Spinner
+} from "../chunk-PLMGI5K5.js";
 import "../chunk-AZ7LVLOK.js";
-import "../chunk-4T7F5BZZ.js";
 import {
   Caption
 } from "../chunk-E7D24OHM.js";
-import {
-  Button
-} from "../chunk-FKMKHLQH.js";
 import "../chunk-WNQ53SVY.js";
+import "../chunk-6LN6QT6M.js";
 import {
   Stack
 } from "../chunk-N6JVLYEE.js";
+import {
+  Button
+} from "../chunk-FKMKHLQH.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
@@ -36,8 +39,13 @@ function PDFViewer(props) {
   const handleDownload = useCallback(() => {
     setIsDownloading(true);
     const link = document.createElement("a");
-    link.href = `data:application/pdf;base64,${encodedPdfs[currentIndex].base64}`;
-    link.download = encodedPdfs[currentIndex].fileName.endsWith(".pdf") ? encodedPdfs[currentIndex].fileName : `${encodedPdfs[currentIndex].fileName}.pdf`;
+    const currentPdf = encodedPdfs[currentIndex];
+    if (!currentPdf) {
+      setIsDownloading(false);
+      return;
+    }
+    link.href = `data:application/pdf;base64,${currentPdf.base64}`;
+    link.download = currentPdf.fileName.endsWith(".pdf") ? currentPdf.fileName : `${currentPdf.fileName}.pdf`;
     document.body.appendChild(link);
     link.click();
     document.body.removeChild(link);
@@ -52,14 +60,22 @@ function PDFViewer(props) {
       onClose,
       showButtons: !!customActions,
       customActions,
-      headerIcon: /* @__PURE__ */ jsx(DownloadIcon, { testid: testid ? `${testid}-download-icon` : void 0, onClick: handleDownload, isDownloading }),
+      headerIcon: /* @__PURE__ */ jsx(
+        DownloadIcon,
+        {
+          testid: testid ? `${testid}-download-icon` : void 0,
+          onClick: handleDownload,
+          isDownloading
+        }
+      ),
       children: /* @__PURE__ */ jsxs(Stack, { sizing: "layout", children: [
         /* @__PURE__ */ jsx(PDFElement, { testid, b64: encodedPdfs[currentIndex].base64 }),
-        /* @__PURE__ */ jsx(Stack, { horizontal: true, overflowX: "auto", sizing: "layout-group", children: encodedPdfs.map((pdf, index) => /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Stack, { horizontal: true, overflowX: "auto", sizing: "layout-group", children: encodedPdfs.map((pdf, index) => /* @__PURE__ */ jsxs(
           Button,
           {
             testid: testid ? `${testid}-${pdf.fileName}-button` : void 0,
             variant: index === currentIndex ? "primary" : "secondary",
+            classNameLabel: "items-center flex flex-row gap-2",
             onClick: (e) => {
               setCurrentIndex(index);
               requestAnimationFrame(() => {
@@ -71,8 +87,11 @@ function PDFViewer(props) {
                 });
               });
             },
-            disabled: isDownloading || currentIndex === index,
-            children: pdf.fileName
+            disabled: isDownloading || currentIndex === index || !pdf.base64,
+            children: [
+              !pdf.base64 && /* @__PURE__ */ jsx(Spinner, {}),
+              pdf.fileName
+            ]
           },
           `${pdf.fileName}-${index}`
         )) })
@@ -107,35 +126,70 @@ function PDFElement({ b64, testid }) {
     scale: 1
   });
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-4", children: [
-    pdfDocument ? /* @__PURE__ */ jsx("canvas", { "data-testid": testid ? `${testid}-pdf-content` : void 0, ref: canvasRef }) : /* @__PURE__ */ jsx("div", { "data-testid": testid ? `${testid}-pdf-loading` : void 0, children: "Loading PDF..." }),
-    (pdfDocument == null ? void 0 : pdfDocument.numPages) && pdfDocument.numPages > 1 && /* @__PURE__ */ jsxs("ul", { className: "flex flex-row justify-between items-center", "data-testid": testid ? `${testid}-pdf-pagination` : void 0, children: [
-      /* @__PURE__ */ jsx("li", { className: "previous", children: /* @__PURE__ */ jsx(
-        "button",
-        {
-          "data-testid": testid ? `${testid}-pdf-pagination-previous-button` : void 0,
-          disabled: page === 1,
-          onClick: () => setPage(page - 1),
-          className: "not-disabled:cursor-pointer not-disabled:hover:underline ",
-          children: /* @__PURE__ */ jsx(Caption, { children: "Previous" })
-        }
-      ) }),
-      /* @__PURE__ */ jsxs("li", { "data-testid": testid ? `${testid}-pdf-pagination-text` : void 0, className: "text-label-desktop text-text-on-action-primary-normal", children: [
-        "Page ",
-        /* @__PURE__ */ jsx("span", { "data-testid": testid ? `${testid}-pdf-pagination-page-${page}` : void 0, children: page }),
-        " of ",
-        /* @__PURE__ */ jsx("span", { "data-testid": testid ? `${testid}-pdf-pagination-total-page-${pdfDocument.numPages}` : void 0, children: pdfDocument.numPages })
-      ] }),
-      /* @__PURE__ */ jsx("li", { className: "next", children: /* @__PURE__ */ jsx(
-        "button",
-        {
-          "data-testid": testid ? `${testid}-pdf-pagination-next-button` : void 0,
-          disabled: page === pdfDocument.numPages,
-          onClick: () => setPage(page + 1),
-          className: "not-disabled:cursor-pointer not-disabled:hover:underline ",
-          children: /* @__PURE__ */ jsx(Caption, { children: "Next" })
-        }
-      ) })
-    ] })
+    pdfDocument ? /* @__PURE__ */ jsx(
+      "canvas",
+      {
+        "data-testid": testid ? `${testid}-pdf-content` : void 0,
+        ref: canvasRef
+      }
+    ) : /* @__PURE__ */ jsx("div", { "data-testid": testid ? `${testid}-pdf-loading` : void 0, children: "Loading PDF..." }),
+    (pdfDocument == null ? void 0 : pdfDocument.numPages) && pdfDocument.numPages > 1 && /* @__PURE__ */ jsxs(
+      "ul",
+      {
+        className: "flex flex-row justify-between items-center",
+        "data-testid": testid ? `${testid}-pdf-pagination` : void 0,
+        children: [
+          /* @__PURE__ */ jsx("li", { className: "previous", children: /* @__PURE__ */ jsx(
+            "button",
+            {
+              "data-testid": testid ? `${testid}-pdf-pagination-previous-button` : void 0,
+              disabled: page === 1,
+              onClick: () => setPage(page - 1),
+              className: "not-disabled:cursor-pointer not-disabled:hover:underline ",
+              children: /* @__PURE__ */ jsx(Caption, { children: "Previous" })
+            }
+          ) }),
+          /* @__PURE__ */ jsxs(
+            "li",
+            {
+              "data-testid": testid ? `${testid}-pdf-pagination-text` : void 0,
+              className: "text-label-desktop text-text-on-action-primary-normal",
+              children: [
+                "Page",
+                " ",
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "data-testid": testid ? `${testid}-pdf-pagination-page-${page}` : void 0,
+                    children: page
+                  }
+                ),
+                " ",
+                "of",
+                " ",
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "data-testid": testid ? `${testid}-pdf-pagination-total-page-${pdfDocument.numPages}` : void 0,
+                    children: pdfDocument.numPages
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("li", { className: "next", children: /* @__PURE__ */ jsx(
+            "button",
+            {
+              "data-testid": testid ? `${testid}-pdf-pagination-next-button` : void 0,
+              disabled: page === pdfDocument.numPages,
+              onClick: () => setPage(page + 1),
+              className: "not-disabled:cursor-pointer not-disabled:hover:underline ",
+              children: /* @__PURE__ */ jsx(Caption, { children: "Next" })
+            }
+          ) })
+        ]
+      }
+    )
   ] });
 }
 export {

package/dist/components/Password.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   InputBase
-} from "../chunk-MVGOAMTP.js";
-import "../chunk-JWCT72WR.js";
+} from "../chunk-4T3DRGLF.js";
 import "../chunk-5UH6QUFB.js";
+import "../chunk-JWCT72WR.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/PaymentOnAccountModal.cjs

@@ -586,7 +586,7 @@ function findDocumentRoot(element) {
   if (!element || !(element instanceof Node)) {
     return window.document.body;
   }
-  var currentElement = element;
+  let currentElement = element;
   while (currentElement && currentElement.parentNode) {
     if (currentElement.parentNode === document) {
       return document.body;
@@ -1964,7 +1964,7 @@ var Spinner = ({ size = "small", testid }) => {
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
       fill: "#1D1E1E",
-      className: size === "large" ? "animate-spin" : "",
+      className: "animate-spin",
       "aria-label": "Loading",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("circle", { cx: "12", cy: "4", r: "2", opacity: "1", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(