npm - @retinalabsllc/zairusjs - Versions diffs - 5.1.5 → 5.1.10 - Mend

@retinalabsllc/zairusjs 5.1.5 → 5.1.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.d.mts CHANGED Viewed

@@ -1035,7 +1035,7 @@ interface UniversalTransactionPageProps {
     activeTypeFilter: string;
     onTypeFilterChange: (type: string) => void;
     onReportTransaction?: (tx: UniversalTransaction) => void;
-    onGenerateReceipt?: (tx: UniversalTransaction) => void;
+    onGenerateReceipt?: (tx: UniversalTransaction) => void | Promise<void>;
 }
 declare const UniversalTransactionPage: React.FC<UniversalTransactionPageProps>;
@@ -1079,6 +1079,7 @@ interface UniversalWalletPageProps {
     headerDescription?: string;
     hideControls?: boolean;
     hideBalanceAmounts?: boolean;
+    isGeneratingStatement?: boolean;
     wallets: UniversalWallet[];
     isLoading?: boolean;
     renderQrCode?: (wallet: UniversalWallet) => React.ReactNode;

package/dist/index.d.ts CHANGED Viewed

@@ -1035,7 +1035,7 @@ interface UniversalTransactionPageProps {
     activeTypeFilter: string;
     onTypeFilterChange: (type: string) => void;
     onReportTransaction?: (tx: UniversalTransaction) => void;
-    onGenerateReceipt?: (tx: UniversalTransaction) => void;
+    onGenerateReceipt?: (tx: UniversalTransaction) => void | Promise<void>;
 }
 declare const UniversalTransactionPage: React.FC<UniversalTransactionPageProps>;
@@ -1079,6 +1079,7 @@ interface UniversalWalletPageProps {
     headerDescription?: string;
     hideControls?: boolean;
     hideBalanceAmounts?: boolean;
+    isGeneratingStatement?: boolean;
     wallets: UniversalWallet[];
     isLoading?: boolean;
     renderQrCode?: (wallet: UniversalWallet) => React.ReactNode;

package/dist/index.js CHANGED Viewed

@@ -784,7 +784,7 @@ function AuthFormInner2({
       className: "mt-0.5 w-4 h-4 bg-white border-neutral-300 rounded text-black focus:ring-black cursor-pointer",
       required: true
     }
-  ), /* @__PURE__ */ import_react6.default.createElement("label", { htmlFor: "zairus-terms", className: "text-[11px] text-neutral-500 cursor-pointer leading-snug" }, "I agree to ", companyName, "'s ", /* @__PURE__ */ import_react6.default.createElement("a", { href: termsUrl, target: "_blank", rel: "noreferrer", className: "text-[#1f26d6] underline " }, "Terms of Service"), " and ", /* @__PURE__ */ import_react6.default.createElement("a", { href: privacyUrl, target: "_blank", rel: "noreferrer", className: "text-[#1f26d6] underline " }, "Privacy Policy"), "."))), /* @__PURE__ */ import_react6.default.createElement(
+  ), /* @__PURE__ */ import_react6.default.createElement("label", { htmlFor: "zairus-terms", className: "text-[11px] text-neutral-500 cursor-pointer leading-snug" }, "I agree to ", companyName, "'s ", /* @__PURE__ */ import_react6.default.createElement("a", { href: termsUrl, target: "_blank", rel: "noreferrer", className: "text-[#1f26d6]  " }, "Terms of Service"), " and ", /* @__PURE__ */ import_react6.default.createElement("a", { href: privacyUrl, target: "_blank", rel: "noreferrer", className: "text-[#1f26d6]  " }, "Privacy Policy"), "."))), /* @__PURE__ */ import_react6.default.createElement(
     ThreeDActionButton,
     {
       type: "submit",
@@ -2444,7 +2444,7 @@ var UniversalOrganizationPage = ({
   };
   const hasChanges = web3Name !== initialOrgName || slug !== initialSlug || username !== initialSlug;
   const isSaveDisabled = isSubmitting || isReadOnly || isCheckingSlug || !hasChanges || web3Name.length < 3 || slug.length < 3 || username.length < 3 || slug !== initialSlug && slugAvailable === false;
-  return /* @__PURE__ */ import_react43.default.createElement("div", { className: "flex flex-col gap-8 animate-in max-w-5xl rounded-2xl p-6 bg-white fade-in duration-300 " }, /* @__PURE__ */ import_react43.default.createElement(ManagedToaster, null), /* @__PURE__ */ import_react43.default.createElement("div", { className: "flex items-start justify-between gap-4" }, /* @__PURE__ */ import_react43.default.createElement("div", null, /* @__PURE__ */ import_react43.default.createElement("h1", { className: "text-black text-xl mb-1 tracking-tight" }, "Defi Profile"), /* @__PURE__ */ import_react43.default.createElement("p", { className: "text-xs text-neutral-500" }, "Manage your financial payment handle identifiers and global public cryptographic signature identity details.")), isReadOnly && /* @__PURE__ */ import_react43.default.createElement("span", { className: "p-2 w-9 h-9 bg-neutral-50 text-neutral-500 rounded-full shrink-0" }, /* @__PURE__ */ import_react43.default.createElement(import_react44.HugeiconsIcon, { icon: import_core_free_icons11.CircleLock02Icon, size: 18, className: "text-current" }))), bannerProps && /* @__PURE__ */ import_react43.default.createElement(Banner, { ...bannerProps }), /* @__PURE__ */ import_react43.default.createElement("div", { className: "w-full max-w-5xl" }, /* @__PURE__ */ import_react43.default.createElement("form", { className: "flex flex-col gap-8", onSubmit: handleSave, autoComplete: "off" }, /* @__PURE__ */ import_react43.default.createElement(
+  return /* @__PURE__ */ import_react43.default.createElement("div", { className: "flex flex-col gap-8 animate-in max-w-5xl rounded-2xl p-6 bg-white fade-in duration-300 " }, /* @__PURE__ */ import_react43.default.createElement(ManagedToaster, null), /* @__PURE__ */ import_react43.default.createElement("div", { className: "flex items-start justify-between gap-4" }, /* @__PURE__ */ import_react43.default.createElement("div", null, /* @__PURE__ */ import_react43.default.createElement("h1", { className: "text-black text-xl mb-1 tracking-tight" }, "Public Profile"), /* @__PURE__ */ import_react43.default.createElement("p", { className: "text-xs text-neutral-500" }, "Manage your financial payment handle identifiers and global public cryptographic signature identity details.")), isReadOnly && /* @__PURE__ */ import_react43.default.createElement("span", { className: "p-2 w-9 h-9 bg-neutral-50 text-neutral-500 rounded-full shrink-0" }, /* @__PURE__ */ import_react43.default.createElement(import_react44.HugeiconsIcon, { icon: import_core_free_icons11.CircleLock02Icon, size: 18, className: "text-current" }))), bannerProps && /* @__PURE__ */ import_react43.default.createElement(Banner, { ...bannerProps }), /* @__PURE__ */ import_react43.default.createElement("div", { className: "w-full max-w-5xl" }, /* @__PURE__ */ import_react43.default.createElement("form", { className: "flex flex-col gap-8", onSubmit: handleSave, autoComplete: "off" }, /* @__PURE__ */ import_react43.default.createElement(
     TextInput,
     {
       label: "Display Name",
@@ -3918,6 +3918,7 @@ var UniversalTrashView = ({
 // src/components/UniversalTransactionPage.tsx
 var import_react72 = __toESM(require("react"));
 var import_react73 = require("@hugeicons/react");
+var import_react_hot_toast10 = __toESM(require("react-hot-toast"));
 var import_core_free_icons25 = require("@hugeicons/core-free-icons");
 var PageSpinner6 = () => /* @__PURE__ */ import_react72.default.createElement("div", { className: "flex justify-center items-center py-12" }, /* @__PURE__ */ import_react72.default.createElement(import_react73.HugeiconsIcon, { icon: import_core_free_icons25.Loading03Icon, size: 32, className: "animate-spin mb-4 text-black" }));
 var formatDate3 = (dateInput) => {
@@ -3951,6 +3952,7 @@ var UniversalTransactionPage = ({
   onGenerateReceipt
 }) => {
   const [selectedTransaction, setSelectedTransaction] = (0, import_react72.useState)(null);
+  const [isGeneratingReceipt, setIsGeneratingReceipt] = (0, import_react72.useState)(false);
   const [localSearchQuery, setLocalSearchQuery] = (0, import_react72.useState)(searchQuery);
   const [isTyping, setIsTyping] = (0, import_react72.useState)(false);
   const [isDirectionModalOpen, setIsDirectionModalOpen] = (0, import_react72.useState)(false);
@@ -3987,6 +3989,18 @@ var UniversalTransactionPage = ({
     if (tx.metadata?.description) return tx.metadata.description;
     return tx.type === "CARD_TRANSACTION" ? "Card Transaction" : "Wallet Transaction";
   };
+  const handleGenerateReceipt = async () => {
+    if (!onGenerateReceipt || !selectedTransaction) return;
+    setIsGeneratingReceipt(true);
+    try {
+      await onGenerateReceipt(selectedTransaction);
+      import_react_hot_toast10.default.success("Receipt generated successfully.");
+    } catch (error) {
+      import_react_hot_toast10.default.error("Failed to generate receipt.");
+    } finally {
+      setIsGeneratingReceipt(false);
+    }
+  };
   const isListLoading = isLoading || isTyping;
   const primaryBaseShadow = `inset 0 1.5px 0 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 0 rgba(0, 0, 0, 0.5), 0 3px 0 0 #0c0c0c, 0 6px 10px rgba(0, 0, 0, 0.3)`;
   const primaryHoverShadow = `inset 0 1.5px 0 0 rgba(255, 255, 255, 0.35), inset 0 -2px 0 0 rgba(0, 0, 0, 0.5), 0 4px 0 0 #0c0c0c, 0 8px 12px rgba(0, 0, 0, 0.35)`;
@@ -4041,37 +4055,59 @@ var UniversalTransactionPage = ({
       className: "p-2 border border-neutral-100 rounded-full bg-white text-neutral-500 hover:text-black hover:border-black disabled:opacity-30 disabled:cursor-not-allowed transition-all outline-none"
     },
     /* @__PURE__ */ import_react72.default.createElement(import_react73.HugeiconsIcon, { icon: import_core_free_icons25.ArrowRight01Icon, size: 14 })
-  )))))), selectedTransaction && /* @__PURE__ */ import_react72.default.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ import_react72.default.createElement("div", { className: "absolute inset-0 bg-black/30", onClick: () => setSelectedTransaction(null) }), /* @__PURE__ */ import_react72.default.createElement("div", { className: "relative w-full max-w-sm bg-white rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200 max-h-[90vh]" }, /* @__PURE__ */ import_react72.default.createElement("div", { className: "flex items-center justify-between p-5 shrink-0" }, /* @__PURE__ */ import_react72.default.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Details"), /* @__PURE__ */ import_react72.default.createElement("button", { onClick: () => setSelectedTransaction(null), className: "text-neutral-400 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ import_react72.default.createElement(import_react73.HugeiconsIcon, { icon: import_core_free_icons25.CancelCircleIcon, size: 18 }))), /* @__PURE__ */ import_react72.default.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6" }, /* @__PURE__ */ import_react72.default.createElement("div", { className: "flex flex-col items-center justify-center mb-4" }, /* @__PURE__ */ import_react72.default.createElement("div", { className: `w-12 h-12 rounded-full  flex items-center justify-center mb-4 ${selectedTransaction.direction === "CREDIT" ? "bg-neutral-100 text-neutral-6000" : "bg-neutral-100 text-neutral-600"}` }, /* @__PURE__ */ import_react72.default.createElement(import_react73.HugeiconsIcon, { icon: selectedTransaction.direction === "CREDIT" ? import_core_free_icons25.ArrowDownRight01Icon : import_core_free_icons25.ArrowUpRight01Icon, size: 20 })), /* @__PURE__ */ import_react72.default.createElement("h2", { className: `text-2xl text-black mb-2 transition-all duration-300 ${hideBalanceAmounts ? "blur-[6px] opacity-40 select-none" : ""}` }, selectedTransaction.direction === "CREDIT" ? "+" : "-", selectedTransaction.amount, " ", selectedTransaction.currency), /* @__PURE__ */ import_react72.default.createElement("span", { className: "text-[9px] tracking-widest text-neutral-500 px-4 py-1.5 rounded-full bg-neutral-50" }, selectedTransaction.status)), /* @__PURE__ */ import_react72.default.createElement("div", { className: "grid grid-cols-1  gap-y-8 gap-x-4 mb-10" }, /* @__PURE__ */ import_react72.default.createElement("div", null, /* @__PURE__ */ import_react72.default.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Reference ID"), /* @__PURE__ */ import_react72.default.createElement("span", { className: "text-[13px] text-black break-all" }, selectedTransaction.reference)), /* @__PURE__ */ import_react72.default.createElement("div", null, /* @__PURE__ */ import_react72.default.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Date & Time"), /* @__PURE__ */ import_react72.default.createElement("span", { className: "text-[13px] text-black" }, formatDate3(selectedTransaction.createdAt), " at ", formatTime(selectedTransaction.createdAt))), /* @__PURE__ */ import_react72.default.createElement("div", null, /* @__PURE__ */ import_react72.default.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Transaction Type"), /* @__PURE__ */ import_react72.default.createElement("span", { className: "text-[13px] text-black capitalize" }, selectedTransaction.type.replace("_", " ").toLowerCase())), /* @__PURE__ */ import_react72.default.createElement("div", null, /* @__PURE__ */ import_react72.default.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Flow Direction"), /* @__PURE__ */ import_react72.default.createElement("span", { className: "text-[13px] text-black capitalize" }, selectedTransaction.direction.toLowerCase()))), /* @__PURE__ */ import_react72.default.createElement("div", { className: "flex flex-col gap-3" }, /* @__PURE__ */ import_react72.default.createElement(
+  )))))), selectedTransaction && /* @__PURE__ */ import_react72.default.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ import_react72.default.createElement("div", { className: "absolute inset-0 bg-black/30", onClick: () => setSelectedTransaction(null) }), /* @__PURE__ */ import_react72.default.createElement("div", { className: "relative w-full max-w-sm bg-white rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200 max-h-[90vh]" }, /* @__PURE__ */ import_react72.default.createElement("div", { className: "flex items-center justify-between p-5 shrink-0" }, /* @__PURE__ */ import_react72.default.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Details"), /* @__PURE__ */ import_react72.default.createElement("button", { onClick: () => setSelectedTransaction(null), className: "text-neutral-400 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ import_react72.default.createElement(import_react73.HugeiconsIcon, { icon: import_core_free_icons25.CancelCircleIcon, size: 18 }))), /* @__PURE__ */ import_react72.default.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6" }, /* @__PURE__ */ import_react72.default.createElement("div", { className: "flex flex-col items-center justify-center mb-4" }, /* @__PURE__ */ import_react72.default.createElement("div", { className: `w-12 h-12 rounded-full flex items-center justify-center mb-4 ${selectedTransaction.direction === "CREDIT" ? "bg-neutral-100 text-neutral-6000" : "bg-neutral-100 text-neutral-600"}` }, /* @__PURE__ */ import_react72.default.createElement(import_react73.HugeiconsIcon, { icon: selectedTransaction.direction === "CREDIT" ? import_core_free_icons25.ArrowDownRight01Icon : import_core_free_icons25.ArrowUpRight01Icon, size: 20 })), /* @__PURE__ */ import_react72.default.createElement("h2", { className: `text-2xl text-black mb-2 transition-all duration-300 ${hideBalanceAmounts ? "blur-[6px] opacity-40 select-none" : ""}` }, selectedTransaction.direction === "CREDIT" ? "+" : "-", selectedTransaction.amount, " ", selectedTransaction.currency), /* @__PURE__ */ import_react72.default.createElement("span", { className: "text-[9px] tracking-widest text-neutral-500 px-4 py-1.5 rounded-full bg-neutral-50" }, selectedTransaction.status), selectedTransaction.type === "WALLET_TRANSACTION" && /* @__PURE__ */ import_react72.default.createElement(
+    "a",
+    {
+      href: `https://basescan.org/tx/${selectedTransaction.reference}`,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: "text-[11px] text-[#1f26d6]  mt-4 transition-colors tracking-wide"
+    },
+    "View in block explorer"
+  )), /* @__PURE__ */ import_react72.default.createElement("div", { className: "grid grid-cols-1 gap-y-8 gap-x-4 mb-10 mt-6" }, /* @__PURE__ */ import_react72.default.createElement("div", null, /* @__PURE__ */ import_react72.default.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Reference ID"), /* @__PURE__ */ import_react72.default.createElement("span", { className: "text-[13px] text-black break-all" }, selectedTransaction.reference)), /* @__PURE__ */ import_react72.default.createElement("div", null, /* @__PURE__ */ import_react72.default.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Date & Time"), /* @__PURE__ */ import_react72.default.createElement("span", { className: "text-[13px] text-black" }, formatDate3(selectedTransaction.createdAt), " at ", formatTime(selectedTransaction.createdAt))), /* @__PURE__ */ import_react72.default.createElement("div", null, /* @__PURE__ */ import_react72.default.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Transaction Type"), /* @__PURE__ */ import_react72.default.createElement("span", { className: "text-[13px] text-black capitalize" }, selectedTransaction.type.replace("_", " ").toLowerCase())), /* @__PURE__ */ import_react72.default.createElement("div", null, /* @__PURE__ */ import_react72.default.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Flow Direction"), /* @__PURE__ */ import_react72.default.createElement("span", { className: "text-[13px] text-black capitalize" }, selectedTransaction.direction.toLowerCase())), selectedTransaction.metadata && Object.entries(selectedTransaction.metadata).map(([key, value]) => {
+    if (value === null || value === void 0 || typeof value === "object") return null;
+    const formattedKey = key.replace(/([A-Z])/g, " $1").replace(/^./, (str) => str.toUpperCase());
+    return /* @__PURE__ */ import_react72.default.createElement("div", { key }, /* @__PURE__ */ import_react72.default.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, formattedKey), /* @__PURE__ */ import_react72.default.createElement("span", { className: "text-[13px] text-black break-all" }, String(value)));
+  })), /* @__PURE__ */ import_react72.default.createElement("div", { className: "flex flex-col gap-3" }, /* @__PURE__ */ import_react72.default.createElement(
     "button",
     {
-      onClick: () => onReportTransaction && onReportTransaction(selectedTransaction),
-      className: "relative w-full flex items-center justify-center py-2 rounded-full bg-neutral-950 text-white transition-all duration-150 select-none outline-none active:translate-y-0.5",
-      style: { boxShadow: primaryBaseShadow },
+      onClick: handleGenerateReceipt,
+      disabled: isGeneratingReceipt,
+      className: "relative w-full flex items-center justify-center py-2 rounded-full bg-neutral-950 text-white transition-all duration-150 select-none outline-none disabled:opacity-70 disabled:cursor-not-allowed",
+      style: !isGeneratingReceipt ? { boxShadow: primaryBaseShadow } : {},
       onMouseEnter: (e) => {
-        e.currentTarget.style.boxShadow = primaryHoverShadow;
-        e.currentTarget.style.transform = "translateY(-1px)";
+        if (!isGeneratingReceipt) {
+          e.currentTarget.style.boxShadow = primaryHoverShadow;
+          e.currentTarget.style.transform = "translateY(-1px)";
+        }
       },
       onMouseLeave: (e) => {
-        e.currentTarget.style.boxShadow = primaryBaseShadow;
-        e.currentTarget.style.transform = "translateY(0px)";
+        if (!isGeneratingReceipt) {
+          e.currentTarget.style.boxShadow = primaryBaseShadow;
+          e.currentTarget.style.transform = "translateY(0px)";
+        }
       },
       onMouseDown: (e) => {
-        e.currentTarget.style.boxShadow = primaryActiveShadow;
-        e.currentTarget.style.transform = "translateY(2px)";
+        if (!isGeneratingReceipt) {
+          e.currentTarget.style.boxShadow = primaryActiveShadow;
+          e.currentTarget.style.transform = "translateY(2px)";
+        }
       },
       onMouseUp: (e) => {
-        e.currentTarget.style.transform = "translateY(-1px)";
+        if (!isGeneratingReceipt) {
+          e.currentTarget.style.transform = "translateY(-1px)";
+        }
       }
     },
     /* @__PURE__ */ import_react72.default.createElement("span", { className: "absolute inset-0 rounded-full bg-linear-to-b from-white/10 via-white/5 to-transparent pointer-events-none" }),
-    /* @__PURE__ */ import_react72.default.createElement("span", { className: "relative z-10 text-[13px] tracking-wide" }, "Report Transaction")
+    /* @__PURE__ */ import_react72.default.createElement("span", { className: "relative z-10 flex items-center justify-center gap-2 text-[13px] tracking-wide" }, isGeneratingReceipt ? /* @__PURE__ */ import_react72.default.createElement(import_react73.HugeiconsIcon, { icon: import_core_free_icons25.Loading03Icon, size: 14, className: "animate-spin" }) : null, isGeneratingReceipt ? "Generating..." : "Generate Receipt")
   ), /* @__PURE__ */ import_react72.default.createElement(
     "button",
     {
-      onClick: () => onGenerateReceipt && onGenerateReceipt(selectedTransaction),
-      className: "w-full flex items-center justify-center py-2 rounded-full  border border-neutral-200 text-black   outline-none text-[13px] tracking-wide"
+      onClick: () => onReportTransaction && onReportTransaction(selectedTransaction),
+      className: "w-full flex items-center justify-center py-2 rounded-full border border-neutral-200 text-black hover:bg-neutral-50 transition-colors outline-none text-[13px] tracking-wide"
     },
-    "Generate Receipt"
+    "Report Transaction"
   ))))), isDirectionModalOpen && /* @__PURE__ */ import_react72.default.createElement("div", { className: "fixed inset-0 z-110 flex items-center justify-center p-4" }, /* @__PURE__ */ import_react72.default.createElement("div", { className: "absolute inset-0 bg-black/30", onClick: () => setIsDirectionModalOpen(false) }), /* @__PURE__ */ import_react72.default.createElement("div", { ref: directionDropdownRef, className: "relative w-72 bg-white shadow-2xl rounded-2xl flex flex-col items-center overflow-hidden animate-in zoom-in-95 duration-200" }, /* @__PURE__ */ import_react72.default.createElement("div", { className: "p-6 text-center w-full" }, /* @__PURE__ */ import_react72.default.createElement("h3", { className: "text-[14px] text-black tracking-tight" }, "Payment Type")), /* @__PURE__ */ import_react72.default.createElement("div", { className: "w-full flex flex-col pl-2 pr-2" }, ["ALL", "CREDIT", "DEBIT"].map((option) => /* @__PURE__ */ import_react72.default.createElement(
     "button",
     {
@@ -4216,7 +4252,8 @@ var UniversalHomeView = ({
     {
       ...transactionsProps,
       hideControls: true,
-      hideBalanceAmounts: isBalanceHidden
+      hideBalanceAmounts: isBalanceHidden,
+      hidePagination: true
     }
   )));
 };
@@ -4243,6 +4280,7 @@ var UniversalWalletPage = ({
   headerDescription,
   hideControls = false,
   hideBalanceAmounts = false,
+  isGeneratingStatement = false,
   wallets,
   isLoading = false,
   renderQrCode,
@@ -4251,6 +4289,7 @@ var UniversalWalletPage = ({
 }) => {
   const [selectedWallet, setSelectedWallet] = (0, import_react76.useState)(null);
   const [localSearchQuery, setLocalSearchQuery] = (0, import_react76.useState)("");
+  const [showToast, setShowToast] = (0, import_react76.useState)(false);
   const filteredWallets = wallets.filter((wallet) => {
     const q = localSearchQuery.toLowerCase();
     return wallet.name.toLowerCase().includes(q) || wallet.currency.toLowerCase().includes(q) || wallet.network.toLowerCase().includes(q);
@@ -4258,6 +4297,16 @@ var UniversalWalletPage = ({
   const primaryBaseShadow = `inset 0 1.5px 0 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 0 rgba(0, 0, 0, 0.5), 0 3px 0 0 #0c0c0c, 0 6px 10px rgba(0, 0, 0, 0.3)`;
   const primaryHoverShadow = `inset 0 1.5px 0 0 rgba(255, 255, 255, 0.35), inset 0 -2px 0 0 rgba(0, 0, 0, 0.5), 0 4px 0 0 #0c0c0c, 0 8px 12px rgba(0, 0, 0, 0.35)`;
   const primaryActiveShadow = `inset 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.5), 0 1px 0 0 #0c0c0c, 0 2px 4px rgba(0, 0, 0, 0.2)`;
+  const disabledShadow = `inset 0 1px 0 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 #1c1c1c`;
+  const handleCopy = (wallet) => {
+    if (onCopyAddress) onCopyAddress(wallet);
+    if (typeof navigator !== "undefined" && navigator.clipboard) {
+      navigator.clipboard.writeText(wallet.address).catch(() => {
+      });
+    }
+    setShowToast(true);
+    setTimeout(() => setShowToast(false), 2500);
+  };
   return /* @__PURE__ */ import_react76.default.createElement("div", { className: "flex flex-col gap-6 animate-in max-w-5xl fade-in duration-300" }, !hideControls && /* @__PURE__ */ import_react76.default.createElement("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4 w-full" }, /* @__PURE__ */ import_react76.default.createElement("div", { className: "relative w-full sm:w-96" }, /* @__PURE__ */ import_react76.default.createElement("div", { className: "absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none" }, /* @__PURE__ */ import_react76.default.createElement(import_react77.HugeiconsIcon, { icon: import_core_free_icons27.Search01Icon, size: 16, className: "text-neutral-400" })), /* @__PURE__ */ import_react76.default.createElement(
     "input",
     {
@@ -4276,34 +4325,49 @@ var UniversalWalletPage = ({
     },
     /* @__PURE__ */ import_react76.default.createElement("div", { className: "flex items-center gap-4 min-w-0 flex-1" }, /* @__PURE__ */ import_react76.default.createElement(WalletLogo, { src: wallet.logoSrc, alt: wallet.name }), /* @__PURE__ */ import_react76.default.createElement("div", { className: "min-w-0 flex-1 flex flex-col gap-1" }, /* @__PURE__ */ import_react76.default.createElement("p", { className: "text-[13px] text-black truncate font-medium" }, wallet.name), /* @__PURE__ */ import_react76.default.createElement("p", { className: `text-[13px] text-neutral-500 truncate transition-all duration-300 ${hideBalanceAmounts ? "blur-sm opacity-40 select-none" : ""}` }, wallet.balance, " ", wallet.currency))),
     /* @__PURE__ */ import_react76.default.createElement("div", { className: "shrink-0 flex flex-col items-end gap-1 text-right" }, /* @__PURE__ */ import_react76.default.createElement("span", { className: "text-[10px] tracking-wide text-neutral-500 bg-neutral-100/80 px-2.5 py-1 rounded-full uppercase" }, wallet.network))
-  )))))), selectedWallet && /* @__PURE__ */ import_react76.default.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ import_react76.default.createElement("div", { className: "absolute inset-0 bg-black/30", onClick: () => setSelectedWallet(null) }), /* @__PURE__ */ import_react76.default.createElement("div", { className: "relative w-full max-w-sm bg-white rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200 max-h-[90vh]" }, /* @__PURE__ */ import_react76.default.createElement("div", { className: "flex items-center justify-between p-5 shrink-0" }, /* @__PURE__ */ import_react76.default.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Wallet Details"), /* @__PURE__ */ import_react76.default.createElement("button", { onClick: () => setSelectedWallet(null), className: "text-neutral-400 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ import_react76.default.createElement(import_react77.HugeiconsIcon, { icon: import_core_free_icons27.CancelCircleIcon, size: 18 }))), /* @__PURE__ */ import_react76.default.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 pt-2" }, /* @__PURE__ */ import_react76.default.createElement("div", { className: "flex flex-col items-center justify-center mb-6" }, /* @__PURE__ */ import_react76.default.createElement(WalletLogo, { src: selectedWallet.logoSrc, alt: selectedWallet.name, sizeClass: "w-14 h-14 mb-4" }), /* @__PURE__ */ import_react76.default.createElement("h2", { className: `text-2xl text-black mb-2 transition-all duration-300 font-medium ${hideBalanceAmounts ? "blur-[6px] opacity-40 select-none" : ""}` }, selectedWallet.balance, " ", selectedWallet.currency), /* @__PURE__ */ import_react76.default.createElement("span", { className: "text-[9px] tracking-widest text-neutral-500 px-4 py-1.5 rounded-full bg-neutral-50 uppercase mt-1" }, selectedWallet.network, " NETWORK")), renderQrCode && /* @__PURE__ */ import_react76.default.createElement("div", { className: "w-full flex justify-center mb-8" }, renderQrCode(selectedWallet)), /* @__PURE__ */ import_react76.default.createElement("div", { className: "grid grid-cols-1 gap-y-6 gap-x-4 mb-10" }, /* @__PURE__ */ import_react76.default.createElement("div", null, /* @__PURE__ */ import_react76.default.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Wallet Address"), /* @__PURE__ */ import_react76.default.createElement("span", { className: "text-[13px] text-black break-all font-medium" }, selectedWallet.address)), /* @__PURE__ */ import_react76.default.createElement("div", null, /* @__PURE__ */ import_react76.default.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Wallet Name"), /* @__PURE__ */ import_react76.default.createElement("span", { className: "text-[13px] text-black" }, selectedWallet.name))), /* @__PURE__ */ import_react76.default.createElement("div", { className: "flex flex-col gap-3" }, /* @__PURE__ */ import_react76.default.createElement(
+  )))))), selectedWallet && /* @__PURE__ */ import_react76.default.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ import_react76.default.createElement("div", { className: "absolute inset-0 bg-black/30", onClick: () => {
+    setSelectedWallet(null);
+    setShowToast(false);
+  } }), /* @__PURE__ */ import_react76.default.createElement("div", { className: "relative w-full max-w-sm bg-white rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200 max-h-[90vh]" }, showToast && /* @__PURE__ */ import_react76.default.createElement("div", { className: "absolute top-4 left-1/2 -translate-x-1/2 z-50 bg-neutral-900 text-white px-5 py-2.5 rounded-full text-[12px] font-medium tracking-wide shadow-xl animate-in slide-in-from-top-4 fade-in duration-200 pointer-events-none whitespace-nowrap" }, "Address copied to clipboard"), /* @__PURE__ */ import_react76.default.createElement("div", { className: "flex items-center justify-between p-5 shrink-0" }, /* @__PURE__ */ import_react76.default.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Wallet Details"), /* @__PURE__ */ import_react76.default.createElement("button", { onClick: () => {
+    setSelectedWallet(null);
+    setShowToast(false);
+  }, className: "text-neutral-400 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ import_react76.default.createElement(import_react77.HugeiconsIcon, { icon: import_core_free_icons27.CancelCircleIcon, size: 18 }))), /* @__PURE__ */ import_react76.default.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 pt-2" }, /* @__PURE__ */ import_react76.default.createElement("div", { className: "flex flex-col items-center justify-center mb-6" }, /* @__PURE__ */ import_react76.default.createElement(WalletLogo, { src: selectedWallet.logoSrc, alt: selectedWallet.name, sizeClass: "w-14 h-14 mb-4" }), /* @__PURE__ */ import_react76.default.createElement("h2", { className: `text-2xl text-black mb-2 transition-all duration-300 font-medium ${hideBalanceAmounts ? "blur-[6px] opacity-40 select-none" : ""}` }, selectedWallet.balance, " ", selectedWallet.currency), /* @__PURE__ */ import_react76.default.createElement("span", { className: "text-[9px] tracking-widest text-neutral-500 px-4 py-1.5 rounded-full bg-neutral-50 uppercase mt-1" }, selectedWallet.network, " NETWORK")), renderQrCode && /* @__PURE__ */ import_react76.default.createElement("div", { className: "w-full flex justify-center mb-8" }, renderQrCode(selectedWallet)), /* @__PURE__ */ import_react76.default.createElement("div", { className: "grid grid-cols-1 gap-y-6 gap-x-4 mb-10" }, /* @__PURE__ */ import_react76.default.createElement("div", null, /* @__PURE__ */ import_react76.default.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Wallet Address"), /* @__PURE__ */ import_react76.default.createElement("span", { className: "text-[13px] text-black break-all font-medium" }, selectedWallet.address)), /* @__PURE__ */ import_react76.default.createElement("div", null, /* @__PURE__ */ import_react76.default.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Wallet Name"), /* @__PURE__ */ import_react76.default.createElement("span", { className: "text-[13px] text-black" }, selectedWallet.name))), /* @__PURE__ */ import_react76.default.createElement("div", { className: "flex flex-col gap-3" }, /* @__PURE__ */ import_react76.default.createElement(
     "button",
     {
+      disabled: isGeneratingStatement,
       onClick: () => onDownloadPayId && onDownloadPayId(selectedWallet),
-      className: "relative w-full flex items-center justify-center py-3 rounded-full bg-neutral-950 text-white transition-all duration-150 select-none outline-none active:translate-y-0.5",
-      style: { boxShadow: primaryBaseShadow },
+      className: `
+                                        relative w-full flex items-center justify-center py-3 rounded-full bg-neutral-950 text-white
+                                        transition-all duration-150 select-none outline-none
+                                        ${isGeneratingStatement ? "opacity-50 cursor-not-allowed" : "active:translate-y-0.5"}
+                                    `,
+      style: { boxShadow: isGeneratingStatement ? disabledShadow : primaryBaseShadow },
       onMouseEnter: (e) => {
+        if (isGeneratingStatement) return;
         e.currentTarget.style.boxShadow = primaryHoverShadow;
         e.currentTarget.style.transform = "translateY(-1px)";
       },
       onMouseLeave: (e) => {
+        if (isGeneratingStatement) return;
         e.currentTarget.style.boxShadow = primaryBaseShadow;
         e.currentTarget.style.transform = "translateY(0px)";
       },
       onMouseDown: (e) => {
+        if (isGeneratingStatement) return;
         e.currentTarget.style.boxShadow = primaryActiveShadow;
         e.currentTarget.style.transform = "translateY(2px)";
       },
       onMouseUp: (e) => {
+        if (isGeneratingStatement) return;
         e.currentTarget.style.transform = "translateY(-1px)";
       }
     },
-    /* @__PURE__ */ import_react76.default.createElement("span", { className: "absolute inset-0 rounded-full bg-linear-to-b from-white/10 via-white/5 to-transparent pointer-events-none" }),
-    /* @__PURE__ */ import_react76.default.createElement("span", { className: "relative z-10 text-[13px] tracking-wide font-medium" }, "Download Pay ID")
+    /* @__PURE__ */ import_react76.default.createElement("span", { className: "absolute inset-0 rounded-full py-2 bg-linear-to-b from-white/10 via-white/5 to-transparent pointer-events-none" }),
+    /* @__PURE__ */ import_react76.default.createElement("span", { className: "relative z-10 flex items-center justify-center gap-2 text-[13px] tracking-wide font-medium" }, isGeneratingStatement ? /* @__PURE__ */ import_react76.default.createElement(import_react77.HugeiconsIcon, { icon: import_core_free_icons27.Loading03Icon, size: 16, className: "animate-spin text-white" }) : "Generate Statement")
   ), /* @__PURE__ */ import_react76.default.createElement(
     "button",
     {
-      onClick: () => onCopyAddress && onCopyAddress(selectedWallet),
+      onClick: () => handleCopy(selectedWallet),
       className: "w-full flex items-center justify-center py-2 rounded-full  border border-neutral-200 text-black   outline-none text-[13px] tracking-wide"
     },
     "Copy Wallet Address"
@@ -4412,7 +4476,7 @@ var Stagger = ({ steps, currentStep }) => {
 // src/components/UniversalRegistrationFlow.tsx
 var import_react88 = __toESM(require("react"));
-var import_react_hot_toast10 = __toESM(require("react-hot-toast"));
+var import_react_hot_toast11 = __toESM(require("react-hot-toast"));
 var import_react89 = require("@hugeicons/react");
 var import_core_free_icons32 = require("@hugeicons/core-free-icons");
 var MACRO_STEPS = ["Details", "Documents", "Review", "Submit"];
@@ -4614,7 +4678,7 @@ var UniversalRegistrationFlow = ({
         if (data.appStatus === "QUEUED" || data.appStatus === "REJECTED") setMacroStep(0);
       }
     }).catch(() => {
-      import_react_hot_toast10.default.error("Uh oh! Something went wrong while loading.");
+      import_react_hot_toast11.default.error("Uh oh! Something went wrong while loading.");
     }).finally(() => setIsBooting(false));
   }, [applicationId, type, apiEndpoint]);
   const saveProgress = async (newFormData = formData, newFormState = formState, newMacro = macroStep) => {
@@ -4626,11 +4690,11 @@ var UniversalRegistrationFlow = ({
     setIsAborting(true);
     const data = await baseApi("abort");
     if (data.success) {
-      import_react_hot_toast10.default.success("Application aborted.");
+      import_react_hot_toast11.default.success("Application aborted.");
       setAppStatus("DRAFT");
       setMacroStep(0);
       setIsAbortModalOpen(false);
-    } else import_react_hot_toast10.default.error(data.error || "Uh oh! Something went wrong.");
+    } else import_react_hot_toast11.default.error(data.error || "Uh oh! Something went wrong.");
     setIsAborting(false);
   };
   const handleBack = () => {
@@ -4673,7 +4737,7 @@ var UniversalRegistrationFlow = ({
     setIsAnalyzingNature(true);
     const data = await baseApi("analyze_nature", { description: formData.businessDesc });
     if (data.success) setSuggestedNature(data.data);
-    else import_react_hot_toast10.default.error(data.error || "Uh oh! Something went wrong.");
+    else import_react_hot_toast11.default.error(data.error || "Uh oh! Something went wrong.");
     setIsAnalyzingNature(false);
   };
   const pollNameCheckJob = async (jobId) => {
@@ -4682,7 +4746,7 @@ var UniversalRegistrationFlow = ({
       setNameCheckResult(poll.data.result);
       setIsCheckingName(false);
     } else if (poll.success && poll.data.status === "error") {
-      import_react_hot_toast10.default.error(poll.data.error || "Uh oh! Something went wrong.");
+      import_react_hot_toast11.default.error(poll.data.error || "Uh oh! Something went wrong.");
       setIsCheckingName(false);
     } else setTimeout(() => pollNameCheckJob(jobId), 3e3);
   };
@@ -4700,7 +4764,7 @@ var UniversalRegistrationFlow = ({
     const data = await baseApi("check_name_start", { name: nameToCheck, lineOfBusiness: formData.natureOfBusiness?.specificLabel });
     if (data.success && data.data.jobId) pollNameCheckJob(data.data.jobId);
     else {
-      import_react_hot_toast10.default.error(data.error || "Uh oh! Something went wrong.");
+      import_react_hot_toast11.default.error(data.error || "Uh oh! Something went wrong.");
       setIsCheckingName(false);
     }
   };
@@ -4725,7 +4789,7 @@ var UniversalRegistrationFlow = ({
         throw new Error(data.error || "Failed to secure upload URL.");
       }
     } catch (error) {
-      import_react_hot_toast10.default.error(error.message);
+      import_react_hot_toast11.default.error(error.message);
     } finally {
       if (optType === "other1") {
         setIsUploadingOther1(false);
@@ -4776,7 +4840,7 @@ var UniversalRegistrationFlow = ({
           const maxAllowed = Math.max(0, 100 - otherSharesSum);
           if (numValue > maxAllowed) {
             numValue = maxAllowed;
-            import_react_hot_toast10.default.error(`Total shares cannot exceed 100%. Remaining: ${maxAllowed}%`, { id: "share-limit" });
+            import_react_hot_toast11.default.error(`Total shares cannot exceed 100%. Remaining: ${maxAllowed}%`, { id: "share-limit" });
           } else if (numValue < 0) numValue = 0;
           updated[index] = { ...updated[index], [key]: numValue.toString() };
         }
@@ -4807,7 +4871,7 @@ var UniversalRegistrationFlow = ({
           updatedMembers[memberIndex] = { ...updatedMembers[memberIndex], idExtractedData: data.data, idFileUrl: uploadData.data.fileUrl, idMetadata: { fileName: file.name, contentType: file.type, fileSizeInBytes: file.size } };
           setFormData({ ...formData, members: updatedMembers });
           saveProgress({ ...formData, members: updatedMembers });
-        } else import_react_hot_toast10.default.error(data.error || "Uh oh! Something went wrong.");
+        } else import_react_hot_toast11.default.error(data.error || "Uh oh! Something went wrong.");
       } else {
         if (docType === "passport") setGlobalUploadingPassport(true);
         else setGlobalUploadingSignature(true);
@@ -4824,10 +4888,10 @@ var UniversalRegistrationFlow = ({
           }
           setFormData({ ...formData, members: updatedMembers });
           saveProgress({ ...formData, members: updatedMembers });
-        } else import_react_hot_toast10.default.error(`Failed to secure upload URL for ${docType}.`);
+        } else import_react_hot_toast11.default.error(`Failed to secure upload URL for ${docType}.`);
       }
     } catch (error) {
-      import_react_hot_toast10.default.error(error.message);
+      import_react_hot_toast11.default.error(error.message);
     } finally {
       if (docType === "id") setGlobalExtractingId(false);
       else if (docType === "passport") setGlobalUploadingPassport(false);
@@ -4876,7 +4940,7 @@ var UniversalRegistrationFlow = ({
           setFormData(updatedForm);
           saveProgress(updatedForm);
         } else {
-          import_react_hot_toast10.default.error(data.error || "Uh oh! Something went wrong.");
+          import_react_hot_toast11.default.error(data.error || "Uh oh! Something went wrong.");
           setAiTasks([{ id: "1", label: "Document Scanned", status: "success" }, { id: "2", label: "Extraction Failed", status: "error" }]);
         }
       } else {
@@ -4896,10 +4960,10 @@ var UniversalRegistrationFlow = ({
             approveSection("signatureApproved", updatedForm);
           }
           setFormData(updatedForm);
-        } else import_react_hot_toast10.default.error(data.error || `Failed to upload ${docType}.`);
+        } else import_react_hot_toast11.default.error(data.error || `Failed to upload ${docType}.`);
       }
     } catch (error) {
-      import_react_hot_toast10.default.error(error.message);
+      import_react_hot_toast11.default.error(error.message);
     } finally {
       if (docType === "id") {
         setGlobalExtractingId(false);
@@ -4982,10 +5046,10 @@ var UniversalRegistrationFlow = ({
     }
     const data = await baseApi("submit", finalJsonPayload);
     if (data.success) {
-      import_react_hot_toast10.default.success("Application Submitted!");
+      import_react_hot_toast11.default.success("Application Submitted!");
       onRedirectToApplication(applicationId);
     } else {
-      import_react_hot_toast10.default.error(data.error || "Uh oh! Something went wrong.");
+      import_react_hot_toast11.default.error(data.error || "Uh oh! Something went wrong.");
       setIsSubmitting(false);
     }
   };
@@ -5034,7 +5098,7 @@ var UniversalRegistrationFlow = ({
 // src/components/UniversalDeveloperSettings.tsx
 var import_react90 = __toESM(require("react"));
-var import_react_hot_toast11 = require("react-hot-toast");
+var import_react_hot_toast12 = require("react-hot-toast");
 var import_react91 = require("@hugeicons/react");
 var import_core_free_icons33 = require("@hugeicons/core-free-icons");
 var ButtonSpinner5 = () => /* @__PURE__ */ import_react90.default.createElement(import_react91.HugeiconsIcon, { icon: import_core_free_icons33.Loading03Icon, size: 16, className: "animate-spin text-current" });
@@ -5081,13 +5145,13 @@ SECRET_KEY="${secKey}"
       if (res.success && res.data) {
         setPublicKey(res.data.publicKey);
         downloadEnvironmentFile(res.data.publicKey, res.data.secretKey);
-        import_react_hot_toast11.toast.success("Keys generated. Check your downloads folder.");
+        import_react_hot_toast12.toast.success("Keys generated. Check your downloads folder.");
         setIsRollModalOpen(false);
       } else {
-        import_react_hot_toast11.toast.error(res.error || "Uh oh! Something went wrong.");
+        import_react_hot_toast12.toast.error(res.error || "Uh oh! Something went wrong.");
       }
     } catch (error) {
-      import_react_hot_toast11.toast.error("Uh oh! Something went wrong.");
+      import_react_hot_toast12.toast.error("Uh oh! Something went wrong.");
     } finally {
       setIsGenerating(false);
     }
@@ -5100,12 +5164,12 @@ SECRET_KEY="${secKey}"
       const res = await onSaveWebhook(webhookUrl);
       if (res.success && res.data) {
         setWebhookUrl(res.data.webhookUrl || "");
-        import_react_hot_toast11.toast.success("Webhook URL updated.");
+        import_react_hot_toast12.toast.success("Webhook URL updated.");
       } else {
-        import_react_hot_toast11.toast.error(res.error || "Uh oh! Something went wrong.");
+        import_react_hot_toast12.toast.error(res.error || "Uh oh! Something went wrong.");
       }
     } catch (error) {
-      import_react_hot_toast11.toast.error("Uh oh! Something went wrong.");
+      import_react_hot_toast12.toast.error("Uh oh! Something went wrong.");
     } finally {
       setIsSavingWebhook(false);
     }

package/dist/index.mjs CHANGED Viewed

@@ -689,7 +689,7 @@ function AuthFormInner2({
       className: "mt-0.5 w-4 h-4 bg-white border-neutral-300 rounded text-black focus:ring-black cursor-pointer",
       required: true
     }
-  ), /* @__PURE__ */ React5.createElement("label", { htmlFor: "zairus-terms", className: "text-[11px] text-neutral-500 cursor-pointer leading-snug" }, "I agree to ", companyName, "'s ", /* @__PURE__ */ React5.createElement("a", { href: termsUrl, target: "_blank", rel: "noreferrer", className: "text-[#1f26d6] underline " }, "Terms of Service"), " and ", /* @__PURE__ */ React5.createElement("a", { href: privacyUrl, target: "_blank", rel: "noreferrer", className: "text-[#1f26d6] underline " }, "Privacy Policy"), "."))), /* @__PURE__ */ React5.createElement(
+  ), /* @__PURE__ */ React5.createElement("label", { htmlFor: "zairus-terms", className: "text-[11px] text-neutral-500 cursor-pointer leading-snug" }, "I agree to ", companyName, "'s ", /* @__PURE__ */ React5.createElement("a", { href: termsUrl, target: "_blank", rel: "noreferrer", className: "text-[#1f26d6]  " }, "Terms of Service"), " and ", /* @__PURE__ */ React5.createElement("a", { href: privacyUrl, target: "_blank", rel: "noreferrer", className: "text-[#1f26d6]  " }, "Privacy Policy"), "."))), /* @__PURE__ */ React5.createElement(
     ThreeDActionButton,
     {
       type: "submit",
@@ -2363,7 +2363,7 @@ var UniversalOrganizationPage = ({
   };
   const hasChanges = web3Name !== initialOrgName || slug !== initialSlug || username !== initialSlug;
   const isSaveDisabled = isSubmitting || isReadOnly || isCheckingSlug || !hasChanges || web3Name.length < 3 || slug.length < 3 || username.length < 3 || slug !== initialSlug && slugAvailable === false;
-  return /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col gap-8 animate-in max-w-5xl rounded-2xl p-6 bg-white fade-in duration-300 " }, /* @__PURE__ */ React29.createElement(ManagedToaster, null), /* @__PURE__ */ React29.createElement("div", { className: "flex items-start justify-between gap-4" }, /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("h1", { className: "text-black text-xl mb-1 tracking-tight" }, "Defi Profile"), /* @__PURE__ */ React29.createElement("p", { className: "text-xs text-neutral-500" }, "Manage your financial payment handle identifiers and global public cryptographic signature identity details.")), isReadOnly && /* @__PURE__ */ React29.createElement("span", { className: "p-2 w-9 h-9 bg-neutral-50 text-neutral-500 rounded-full shrink-0" }, /* @__PURE__ */ React29.createElement(HugeiconsIcon15, { icon: CircleLock02Icon, size: 18, className: "text-current" }))), bannerProps && /* @__PURE__ */ React29.createElement(Banner, { ...bannerProps }), /* @__PURE__ */ React29.createElement("div", { className: "w-full max-w-5xl" }, /* @__PURE__ */ React29.createElement("form", { className: "flex flex-col gap-8", onSubmit: handleSave, autoComplete: "off" }, /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React29.createElement("div", { className: "flex flex-col gap-8 animate-in max-w-5xl rounded-2xl p-6 bg-white fade-in duration-300 " }, /* @__PURE__ */ React29.createElement(ManagedToaster, null), /* @__PURE__ */ React29.createElement("div", { className: "flex items-start justify-between gap-4" }, /* @__PURE__ */ React29.createElement("div", null, /* @__PURE__ */ React29.createElement("h1", { className: "text-black text-xl mb-1 tracking-tight" }, "Public Profile"), /* @__PURE__ */ React29.createElement("p", { className: "text-xs text-neutral-500" }, "Manage your financial payment handle identifiers and global public cryptographic signature identity details.")), isReadOnly && /* @__PURE__ */ React29.createElement("span", { className: "p-2 w-9 h-9 bg-neutral-50 text-neutral-500 rounded-full shrink-0" }, /* @__PURE__ */ React29.createElement(HugeiconsIcon15, { icon: CircleLock02Icon, size: 18, className: "text-current" }))), bannerProps && /* @__PURE__ */ React29.createElement(Banner, { ...bannerProps }), /* @__PURE__ */ React29.createElement("div", { className: "w-full max-w-5xl" }, /* @__PURE__ */ React29.createElement("form", { className: "flex flex-col gap-8", onSubmit: handleSave, autoComplete: "off" }, /* @__PURE__ */ React29.createElement(
     TextInput,
     {
       label: "Display Name",
@@ -3901,6 +3901,7 @@ var UniversalTrashView = ({
 // src/components/UniversalTransactionPage.tsx
 import React44, { useState as useState28, useEffect as useEffect19, useRef as useRef12 } from "react";
 import { HugeiconsIcon as HugeiconsIcon29 } from "@hugeicons/react";
+import toast9 from "react-hot-toast";
 import {
   ArrowLeft01Icon as ArrowLeft01Icon10,
   ArrowRight01Icon as ArrowRight01Icon10,
@@ -3944,6 +3945,7 @@ var UniversalTransactionPage = ({
   onGenerateReceipt
 }) => {
   const [selectedTransaction, setSelectedTransaction] = useState28(null);
+  const [isGeneratingReceipt, setIsGeneratingReceipt] = useState28(false);
   const [localSearchQuery, setLocalSearchQuery] = useState28(searchQuery);
   const [isTyping, setIsTyping] = useState28(false);
   const [isDirectionModalOpen, setIsDirectionModalOpen] = useState28(false);
@@ -3980,6 +3982,18 @@ var UniversalTransactionPage = ({
     if (tx.metadata?.description) return tx.metadata.description;
     return tx.type === "CARD_TRANSACTION" ? "Card Transaction" : "Wallet Transaction";
   };
+  const handleGenerateReceipt = async () => {
+    if (!onGenerateReceipt || !selectedTransaction) return;
+    setIsGeneratingReceipt(true);
+    try {
+      await onGenerateReceipt(selectedTransaction);
+      toast9.success("Receipt generated successfully.");
+    } catch (error) {
+      toast9.error("Failed to generate receipt.");
+    } finally {
+      setIsGeneratingReceipt(false);
+    }
+  };
   const isListLoading = isLoading || isTyping;
   const primaryBaseShadow = `inset 0 1.5px 0 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 0 rgba(0, 0, 0, 0.5), 0 3px 0 0 #0c0c0c, 0 6px 10px rgba(0, 0, 0, 0.3)`;
   const primaryHoverShadow = `inset 0 1.5px 0 0 rgba(255, 255, 255, 0.35), inset 0 -2px 0 0 rgba(0, 0, 0, 0.5), 0 4px 0 0 #0c0c0c, 0 8px 12px rgba(0, 0, 0, 0.35)`;
@@ -4034,37 +4048,59 @@ var UniversalTransactionPage = ({
       className: "p-2 border border-neutral-100 rounded-full bg-white text-neutral-500 hover:text-black hover:border-black disabled:opacity-30 disabled:cursor-not-allowed transition-all outline-none"
     },
     /* @__PURE__ */ React44.createElement(HugeiconsIcon29, { icon: ArrowRight01Icon10, size: 14 })
-  )))))), selectedTransaction && /* @__PURE__ */ React44.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React44.createElement("div", { className: "absolute inset-0 bg-black/30", onClick: () => setSelectedTransaction(null) }), /* @__PURE__ */ React44.createElement("div", { className: "relative w-full max-w-sm bg-white rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200 max-h-[90vh]" }, /* @__PURE__ */ React44.createElement("div", { className: "flex items-center justify-between p-5 shrink-0" }, /* @__PURE__ */ React44.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Details"), /* @__PURE__ */ React44.createElement("button", { onClick: () => setSelectedTransaction(null), className: "text-neutral-400 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ React44.createElement(HugeiconsIcon29, { icon: CancelCircleIcon2, size: 18 }))), /* @__PURE__ */ React44.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6" }, /* @__PURE__ */ React44.createElement("div", { className: "flex flex-col items-center justify-center mb-4" }, /* @__PURE__ */ React44.createElement("div", { className: `w-12 h-12 rounded-full  flex items-center justify-center mb-4 ${selectedTransaction.direction === "CREDIT" ? "bg-neutral-100 text-neutral-6000" : "bg-neutral-100 text-neutral-600"}` }, /* @__PURE__ */ React44.createElement(HugeiconsIcon29, { icon: selectedTransaction.direction === "CREDIT" ? ArrowDownRight01Icon : ArrowUpRight01Icon, size: 20 })), /* @__PURE__ */ React44.createElement("h2", { className: `text-2xl text-black mb-2 transition-all duration-300 ${hideBalanceAmounts ? "blur-[6px] opacity-40 select-none" : ""}` }, selectedTransaction.direction === "CREDIT" ? "+" : "-", selectedTransaction.amount, " ", selectedTransaction.currency), /* @__PURE__ */ React44.createElement("span", { className: "text-[9px] tracking-widest text-neutral-500 px-4 py-1.5 rounded-full bg-neutral-50" }, selectedTransaction.status)), /* @__PURE__ */ React44.createElement("div", { className: "grid grid-cols-1  gap-y-8 gap-x-4 mb-10" }, /* @__PURE__ */ React44.createElement("div", null, /* @__PURE__ */ React44.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Reference ID"), /* @__PURE__ */ React44.createElement("span", { className: "text-[13px] text-black break-all" }, selectedTransaction.reference)), /* @__PURE__ */ React44.createElement("div", null, /* @__PURE__ */ React44.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Date & Time"), /* @__PURE__ */ React44.createElement("span", { className: "text-[13px] text-black" }, formatDate3(selectedTransaction.createdAt), " at ", formatTime(selectedTransaction.createdAt))), /* @__PURE__ */ React44.createElement("div", null, /* @__PURE__ */ React44.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Transaction Type"), /* @__PURE__ */ React44.createElement("span", { className: "text-[13px] text-black capitalize" }, selectedTransaction.type.replace("_", " ").toLowerCase())), /* @__PURE__ */ React44.createElement("div", null, /* @__PURE__ */ React44.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Flow Direction"), /* @__PURE__ */ React44.createElement("span", { className: "text-[13px] text-black capitalize" }, selectedTransaction.direction.toLowerCase()))), /* @__PURE__ */ React44.createElement("div", { className: "flex flex-col gap-3" }, /* @__PURE__ */ React44.createElement(
+  )))))), selectedTransaction && /* @__PURE__ */ React44.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React44.createElement("div", { className: "absolute inset-0 bg-black/30", onClick: () => setSelectedTransaction(null) }), /* @__PURE__ */ React44.createElement("div", { className: "relative w-full max-w-sm bg-white rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200 max-h-[90vh]" }, /* @__PURE__ */ React44.createElement("div", { className: "flex items-center justify-between p-5 shrink-0" }, /* @__PURE__ */ React44.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Details"), /* @__PURE__ */ React44.createElement("button", { onClick: () => setSelectedTransaction(null), className: "text-neutral-400 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ React44.createElement(HugeiconsIcon29, { icon: CancelCircleIcon2, size: 18 }))), /* @__PURE__ */ React44.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6" }, /* @__PURE__ */ React44.createElement("div", { className: "flex flex-col items-center justify-center mb-4" }, /* @__PURE__ */ React44.createElement("div", { className: `w-12 h-12 rounded-full flex items-center justify-center mb-4 ${selectedTransaction.direction === "CREDIT" ? "bg-neutral-100 text-neutral-6000" : "bg-neutral-100 text-neutral-600"}` }, /* @__PURE__ */ React44.createElement(HugeiconsIcon29, { icon: selectedTransaction.direction === "CREDIT" ? ArrowDownRight01Icon : ArrowUpRight01Icon, size: 20 })), /* @__PURE__ */ React44.createElement("h2", { className: `text-2xl text-black mb-2 transition-all duration-300 ${hideBalanceAmounts ? "blur-[6px] opacity-40 select-none" : ""}` }, selectedTransaction.direction === "CREDIT" ? "+" : "-", selectedTransaction.amount, " ", selectedTransaction.currency), /* @__PURE__ */ React44.createElement("span", { className: "text-[9px] tracking-widest text-neutral-500 px-4 py-1.5 rounded-full bg-neutral-50" }, selectedTransaction.status), selectedTransaction.type === "WALLET_TRANSACTION" && /* @__PURE__ */ React44.createElement(
+    "a",
+    {
+      href: `https://basescan.org/tx/${selectedTransaction.reference}`,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: "text-[11px] text-[#1f26d6]  mt-4 transition-colors tracking-wide"
+    },
+    "View in block explorer"
+  )), /* @__PURE__ */ React44.createElement("div", { className: "grid grid-cols-1 gap-y-8 gap-x-4 mb-10 mt-6" }, /* @__PURE__ */ React44.createElement("div", null, /* @__PURE__ */ React44.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Reference ID"), /* @__PURE__ */ React44.createElement("span", { className: "text-[13px] text-black break-all" }, selectedTransaction.reference)), /* @__PURE__ */ React44.createElement("div", null, /* @__PURE__ */ React44.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Date & Time"), /* @__PURE__ */ React44.createElement("span", { className: "text-[13px] text-black" }, formatDate3(selectedTransaction.createdAt), " at ", formatTime(selectedTransaction.createdAt))), /* @__PURE__ */ React44.createElement("div", null, /* @__PURE__ */ React44.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Transaction Type"), /* @__PURE__ */ React44.createElement("span", { className: "text-[13px] text-black capitalize" }, selectedTransaction.type.replace("_", " ").toLowerCase())), /* @__PURE__ */ React44.createElement("div", null, /* @__PURE__ */ React44.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Flow Direction"), /* @__PURE__ */ React44.createElement("span", { className: "text-[13px] text-black capitalize" }, selectedTransaction.direction.toLowerCase())), selectedTransaction.metadata && Object.entries(selectedTransaction.metadata).map(([key, value]) => {
+    if (value === null || value === void 0 || typeof value === "object") return null;
+    const formattedKey = key.replace(/([A-Z])/g, " $1").replace(/^./, (str) => str.toUpperCase());
+    return /* @__PURE__ */ React44.createElement("div", { key }, /* @__PURE__ */ React44.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, formattedKey), /* @__PURE__ */ React44.createElement("span", { className: "text-[13px] text-black break-all" }, String(value)));
+  })), /* @__PURE__ */ React44.createElement("div", { className: "flex flex-col gap-3" }, /* @__PURE__ */ React44.createElement(
     "button",
     {
-      onClick: () => onReportTransaction && onReportTransaction(selectedTransaction),
-      className: "relative w-full flex items-center justify-center py-2 rounded-full bg-neutral-950 text-white transition-all duration-150 select-none outline-none active:translate-y-0.5",
-      style: { boxShadow: primaryBaseShadow },
+      onClick: handleGenerateReceipt,
+      disabled: isGeneratingReceipt,
+      className: "relative w-full flex items-center justify-center py-2 rounded-full bg-neutral-950 text-white transition-all duration-150 select-none outline-none disabled:opacity-70 disabled:cursor-not-allowed",
+      style: !isGeneratingReceipt ? { boxShadow: primaryBaseShadow } : {},
       onMouseEnter: (e) => {
-        e.currentTarget.style.boxShadow = primaryHoverShadow;
-        e.currentTarget.style.transform = "translateY(-1px)";
+        if (!isGeneratingReceipt) {
+          e.currentTarget.style.boxShadow = primaryHoverShadow;
+          e.currentTarget.style.transform = "translateY(-1px)";
+        }
       },
       onMouseLeave: (e) => {
-        e.currentTarget.style.boxShadow = primaryBaseShadow;
-        e.currentTarget.style.transform = "translateY(0px)";
+        if (!isGeneratingReceipt) {
+          e.currentTarget.style.boxShadow = primaryBaseShadow;
+          e.currentTarget.style.transform = "translateY(0px)";
+        }
       },
       onMouseDown: (e) => {
-        e.currentTarget.style.boxShadow = primaryActiveShadow;
-        e.currentTarget.style.transform = "translateY(2px)";
+        if (!isGeneratingReceipt) {
+          e.currentTarget.style.boxShadow = primaryActiveShadow;
+          e.currentTarget.style.transform = "translateY(2px)";
+        }
       },
       onMouseUp: (e) => {
-        e.currentTarget.style.transform = "translateY(-1px)";
+        if (!isGeneratingReceipt) {
+          e.currentTarget.style.transform = "translateY(-1px)";
+        }
       }
     },
     /* @__PURE__ */ React44.createElement("span", { className: "absolute inset-0 rounded-full bg-linear-to-b from-white/10 via-white/5 to-transparent pointer-events-none" }),
-    /* @__PURE__ */ React44.createElement("span", { className: "relative z-10 text-[13px] tracking-wide" }, "Report Transaction")
+    /* @__PURE__ */ React44.createElement("span", { className: "relative z-10 flex items-center justify-center gap-2 text-[13px] tracking-wide" }, isGeneratingReceipt ? /* @__PURE__ */ React44.createElement(HugeiconsIcon29, { icon: Loading03Icon15, size: 14, className: "animate-spin" }) : null, isGeneratingReceipt ? "Generating..." : "Generate Receipt")
   ), /* @__PURE__ */ React44.createElement(
     "button",
     {
-      onClick: () => onGenerateReceipt && onGenerateReceipt(selectedTransaction),
-      className: "w-full flex items-center justify-center py-2 rounded-full  border border-neutral-200 text-black   outline-none text-[13px] tracking-wide"
+      onClick: () => onReportTransaction && onReportTransaction(selectedTransaction),
+      className: "w-full flex items-center justify-center py-2 rounded-full border border-neutral-200 text-black hover:bg-neutral-50 transition-colors outline-none text-[13px] tracking-wide"
     },
-    "Generate Receipt"
+    "Report Transaction"
   ))))), isDirectionModalOpen && /* @__PURE__ */ React44.createElement("div", { className: "fixed inset-0 z-110 flex items-center justify-center p-4" }, /* @__PURE__ */ React44.createElement("div", { className: "absolute inset-0 bg-black/30", onClick: () => setIsDirectionModalOpen(false) }), /* @__PURE__ */ React44.createElement("div", { ref: directionDropdownRef, className: "relative w-72 bg-white shadow-2xl rounded-2xl flex flex-col items-center overflow-hidden animate-in zoom-in-95 duration-200" }, /* @__PURE__ */ React44.createElement("div", { className: "p-6 text-center w-full" }, /* @__PURE__ */ React44.createElement("h3", { className: "text-[14px] text-black tracking-tight" }, "Payment Type")), /* @__PURE__ */ React44.createElement("div", { className: "w-full flex flex-col pl-2 pr-2" }, ["ALL", "CREDIT", "DEBIT"].map((option) => /* @__PURE__ */ React44.createElement(
     "button",
     {
@@ -4209,7 +4245,8 @@ var UniversalHomeView = ({
     {
       ...transactionsProps,
       hideControls: true,
-      hideBalanceAmounts: isBalanceHidden
+      hideBalanceAmounts: isBalanceHidden,
+      hidePagination: true
     }
   )));
 };
@@ -4240,6 +4277,7 @@ var UniversalWalletPage = ({
   headerDescription,
   hideControls = false,
   hideBalanceAmounts = false,
+  isGeneratingStatement = false,
   wallets,
   isLoading = false,
   renderQrCode,
@@ -4248,6 +4286,7 @@ var UniversalWalletPage = ({
 }) => {
   const [selectedWallet, setSelectedWallet] = useState30(null);
   const [localSearchQuery, setLocalSearchQuery] = useState30("");
+  const [showToast, setShowToast] = useState30(false);
   const filteredWallets = wallets.filter((wallet) => {
     const q = localSearchQuery.toLowerCase();
     return wallet.name.toLowerCase().includes(q) || wallet.currency.toLowerCase().includes(q) || wallet.network.toLowerCase().includes(q);
@@ -4255,6 +4294,16 @@ var UniversalWalletPage = ({
   const primaryBaseShadow = `inset 0 1.5px 0 0 rgba(255, 255, 255, 0.3), inset 0 -2px 0 0 rgba(0, 0, 0, 0.5), 0 3px 0 0 #0c0c0c, 0 6px 10px rgba(0, 0, 0, 0.3)`;
   const primaryHoverShadow = `inset 0 1.5px 0 0 rgba(255, 255, 255, 0.35), inset 0 -2px 0 0 rgba(0, 0, 0, 0.5), 0 4px 0 0 #0c0c0c, 0 8px 12px rgba(0, 0, 0, 0.35)`;
   const primaryActiveShadow = `inset 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.5), 0 1px 0 0 #0c0c0c, 0 2px 4px rgba(0, 0, 0, 0.2)`;
+  const disabledShadow = `inset 0 1px 0 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 #1c1c1c`;
+  const handleCopy = (wallet) => {
+    if (onCopyAddress) onCopyAddress(wallet);
+    if (typeof navigator !== "undefined" && navigator.clipboard) {
+      navigator.clipboard.writeText(wallet.address).catch(() => {
+      });
+    }
+    setShowToast(true);
+    setTimeout(() => setShowToast(false), 2500);
+  };
   return /* @__PURE__ */ React46.createElement("div", { className: "flex flex-col gap-6 animate-in max-w-5xl fade-in duration-300" }, !hideControls && /* @__PURE__ */ React46.createElement("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4 w-full" }, /* @__PURE__ */ React46.createElement("div", { className: "relative w-full sm:w-96" }, /* @__PURE__ */ React46.createElement("div", { className: "absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none" }, /* @__PURE__ */ React46.createElement(HugeiconsIcon31, { icon: Search01Icon3, size: 16, className: "text-neutral-400" })), /* @__PURE__ */ React46.createElement(
     "input",
     {
@@ -4273,34 +4322,49 @@ var UniversalWalletPage = ({
     },
     /* @__PURE__ */ React46.createElement("div", { className: "flex items-center gap-4 min-w-0 flex-1" }, /* @__PURE__ */ React46.createElement(WalletLogo, { src: wallet.logoSrc, alt: wallet.name }), /* @__PURE__ */ React46.createElement("div", { className: "min-w-0 flex-1 flex flex-col gap-1" }, /* @__PURE__ */ React46.createElement("p", { className: "text-[13px] text-black truncate font-medium" }, wallet.name), /* @__PURE__ */ React46.createElement("p", { className: `text-[13px] text-neutral-500 truncate transition-all duration-300 ${hideBalanceAmounts ? "blur-sm opacity-40 select-none" : ""}` }, wallet.balance, " ", wallet.currency))),
     /* @__PURE__ */ React46.createElement("div", { className: "shrink-0 flex flex-col items-end gap-1 text-right" }, /* @__PURE__ */ React46.createElement("span", { className: "text-[10px] tracking-wide text-neutral-500 bg-neutral-100/80 px-2.5 py-1 rounded-full uppercase" }, wallet.network))
-  )))))), selectedWallet && /* @__PURE__ */ React46.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React46.createElement("div", { className: "absolute inset-0 bg-black/30", onClick: () => setSelectedWallet(null) }), /* @__PURE__ */ React46.createElement("div", { className: "relative w-full max-w-sm bg-white rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200 max-h-[90vh]" }, /* @__PURE__ */ React46.createElement("div", { className: "flex items-center justify-between p-5 shrink-0" }, /* @__PURE__ */ React46.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Wallet Details"), /* @__PURE__ */ React46.createElement("button", { onClick: () => setSelectedWallet(null), className: "text-neutral-400 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ React46.createElement(HugeiconsIcon31, { icon: CancelCircleIcon3, size: 18 }))), /* @__PURE__ */ React46.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 pt-2" }, /* @__PURE__ */ React46.createElement("div", { className: "flex flex-col items-center justify-center mb-6" }, /* @__PURE__ */ React46.createElement(WalletLogo, { src: selectedWallet.logoSrc, alt: selectedWallet.name, sizeClass: "w-14 h-14 mb-4" }), /* @__PURE__ */ React46.createElement("h2", { className: `text-2xl text-black mb-2 transition-all duration-300 font-medium ${hideBalanceAmounts ? "blur-[6px] opacity-40 select-none" : ""}` }, selectedWallet.balance, " ", selectedWallet.currency), /* @__PURE__ */ React46.createElement("span", { className: "text-[9px] tracking-widest text-neutral-500 px-4 py-1.5 rounded-full bg-neutral-50 uppercase mt-1" }, selectedWallet.network, " NETWORK")), renderQrCode && /* @__PURE__ */ React46.createElement("div", { className: "w-full flex justify-center mb-8" }, renderQrCode(selectedWallet)), /* @__PURE__ */ React46.createElement("div", { className: "grid grid-cols-1 gap-y-6 gap-x-4 mb-10" }, /* @__PURE__ */ React46.createElement("div", null, /* @__PURE__ */ React46.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Wallet Address"), /* @__PURE__ */ React46.createElement("span", { className: "text-[13px] text-black break-all font-medium" }, selectedWallet.address)), /* @__PURE__ */ React46.createElement("div", null, /* @__PURE__ */ React46.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Wallet Name"), /* @__PURE__ */ React46.createElement("span", { className: "text-[13px] text-black" }, selectedWallet.name))), /* @__PURE__ */ React46.createElement("div", { className: "flex flex-col gap-3" }, /* @__PURE__ */ React46.createElement(
+  )))))), selectedWallet && /* @__PURE__ */ React46.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React46.createElement("div", { className: "absolute inset-0 bg-black/30", onClick: () => {
+    setSelectedWallet(null);
+    setShowToast(false);
+  } }), /* @__PURE__ */ React46.createElement("div", { className: "relative w-full max-w-sm bg-white rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200 max-h-[90vh]" }, showToast && /* @__PURE__ */ React46.createElement("div", { className: "absolute top-4 left-1/2 -translate-x-1/2 z-50 bg-neutral-900 text-white px-5 py-2.5 rounded-full text-[12px] font-medium tracking-wide shadow-xl animate-in slide-in-from-top-4 fade-in duration-200 pointer-events-none whitespace-nowrap" }, "Address copied to clipboard"), /* @__PURE__ */ React46.createElement("div", { className: "flex items-center justify-between p-5 shrink-0" }, /* @__PURE__ */ React46.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Wallet Details"), /* @__PURE__ */ React46.createElement("button", { onClick: () => {
+    setSelectedWallet(null);
+    setShowToast(false);
+  }, className: "text-neutral-400 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ React46.createElement(HugeiconsIcon31, { icon: CancelCircleIcon3, size: 18 }))), /* @__PURE__ */ React46.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 pt-2" }, /* @__PURE__ */ React46.createElement("div", { className: "flex flex-col items-center justify-center mb-6" }, /* @__PURE__ */ React46.createElement(WalletLogo, { src: selectedWallet.logoSrc, alt: selectedWallet.name, sizeClass: "w-14 h-14 mb-4" }), /* @__PURE__ */ React46.createElement("h2", { className: `text-2xl text-black mb-2 transition-all duration-300 font-medium ${hideBalanceAmounts ? "blur-[6px] opacity-40 select-none" : ""}` }, selectedWallet.balance, " ", selectedWallet.currency), /* @__PURE__ */ React46.createElement("span", { className: "text-[9px] tracking-widest text-neutral-500 px-4 py-1.5 rounded-full bg-neutral-50 uppercase mt-1" }, selectedWallet.network, " NETWORK")), renderQrCode && /* @__PURE__ */ React46.createElement("div", { className: "w-full flex justify-center mb-8" }, renderQrCode(selectedWallet)), /* @__PURE__ */ React46.createElement("div", { className: "grid grid-cols-1 gap-y-6 gap-x-4 mb-10" }, /* @__PURE__ */ React46.createElement("div", null, /* @__PURE__ */ React46.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Wallet Address"), /* @__PURE__ */ React46.createElement("span", { className: "text-[13px] text-black break-all font-medium" }, selectedWallet.address)), /* @__PURE__ */ React46.createElement("div", null, /* @__PURE__ */ React46.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Wallet Name"), /* @__PURE__ */ React46.createElement("span", { className: "text-[13px] text-black" }, selectedWallet.name))), /* @__PURE__ */ React46.createElement("div", { className: "flex flex-col gap-3" }, /* @__PURE__ */ React46.createElement(
     "button",
     {
+      disabled: isGeneratingStatement,
       onClick: () => onDownloadPayId && onDownloadPayId(selectedWallet),
-      className: "relative w-full flex items-center justify-center py-3 rounded-full bg-neutral-950 text-white transition-all duration-150 select-none outline-none active:translate-y-0.5",
-      style: { boxShadow: primaryBaseShadow },
+      className: `
+                                        relative w-full flex items-center justify-center py-3 rounded-full bg-neutral-950 text-white
+                                        transition-all duration-150 select-none outline-none
+                                        ${isGeneratingStatement ? "opacity-50 cursor-not-allowed" : "active:translate-y-0.5"}
+                                    `,
+      style: { boxShadow: isGeneratingStatement ? disabledShadow : primaryBaseShadow },
       onMouseEnter: (e) => {
+        if (isGeneratingStatement) return;
         e.currentTarget.style.boxShadow = primaryHoverShadow;
         e.currentTarget.style.transform = "translateY(-1px)";
       },
       onMouseLeave: (e) => {
+        if (isGeneratingStatement) return;
         e.currentTarget.style.boxShadow = primaryBaseShadow;
         e.currentTarget.style.transform = "translateY(0px)";
       },
       onMouseDown: (e) => {
+        if (isGeneratingStatement) return;
         e.currentTarget.style.boxShadow = primaryActiveShadow;
         e.currentTarget.style.transform = "translateY(2px)";
       },
       onMouseUp: (e) => {
+        if (isGeneratingStatement) return;
         e.currentTarget.style.transform = "translateY(-1px)";
       }
     },
-    /* @__PURE__ */ React46.createElement("span", { className: "absolute inset-0 rounded-full bg-linear-to-b from-white/10 via-white/5 to-transparent pointer-events-none" }),
-    /* @__PURE__ */ React46.createElement("span", { className: "relative z-10 text-[13px] tracking-wide font-medium" }, "Download Pay ID")
+    /* @__PURE__ */ React46.createElement("span", { className: "absolute inset-0 rounded-full py-2 bg-linear-to-b from-white/10 via-white/5 to-transparent pointer-events-none" }),
+    /* @__PURE__ */ React46.createElement("span", { className: "relative z-10 flex items-center justify-center gap-2 text-[13px] tracking-wide font-medium" }, isGeneratingStatement ? /* @__PURE__ */ React46.createElement(HugeiconsIcon31, { icon: Loading03Icon16, size: 16, className: "animate-spin text-white" }) : "Generate Statement")
   ), /* @__PURE__ */ React46.createElement(
     "button",
     {
-      onClick: () => onCopyAddress && onCopyAddress(selectedWallet),
+      onClick: () => handleCopy(selectedWallet),
       className: "w-full flex items-center justify-center py-2 rounded-full  border border-neutral-200 text-black   outline-none text-[13px] tracking-wide"
     },
     "Copy Wallet Address"
@@ -4409,7 +4473,7 @@ var Stagger = ({ steps, currentStep }) => {
 // src/components/UniversalRegistrationFlow.tsx
 import React53, { useState as useState32, useEffect as useEffect21, useRef as useRef13 } from "react";
-import toast9 from "react-hot-toast";
+import toast10 from "react-hot-toast";
 import { HugeiconsIcon as HugeiconsIcon36 } from "@hugeicons/react";
 import { CheckmarkBadge01Icon as CheckmarkBadge01Icon2, Upload01Icon as Upload01Icon3, Loading03Icon as Loading03Icon18, PencilEdit01Icon as PencilEdit01Icon2, Delete02Icon as Delete02Icon3, SignatureIcon, IdentificationIcon, ArrowLeft01Icon as ArrowLeft01Icon11, HourglassIcon } from "@hugeicons/core-free-icons";
 var MACRO_STEPS = ["Details", "Documents", "Review", "Submit"];
@@ -4611,7 +4675,7 @@ var UniversalRegistrationFlow = ({
         if (data.appStatus === "QUEUED" || data.appStatus === "REJECTED") setMacroStep(0);
       }
     }).catch(() => {
-      toast9.error("Uh oh! Something went wrong while loading.");
+      toast10.error("Uh oh! Something went wrong while loading.");
     }).finally(() => setIsBooting(false));
   }, [applicationId, type, apiEndpoint]);
   const saveProgress = async (newFormData = formData, newFormState = formState, newMacro = macroStep) => {
@@ -4623,11 +4687,11 @@ var UniversalRegistrationFlow = ({
     setIsAborting(true);
     const data = await baseApi("abort");
     if (data.success) {
-      toast9.success("Application aborted.");
+      toast10.success("Application aborted.");
       setAppStatus("DRAFT");
       setMacroStep(0);
       setIsAbortModalOpen(false);
-    } else toast9.error(data.error || "Uh oh! Something went wrong.");
+    } else toast10.error(data.error || "Uh oh! Something went wrong.");
     setIsAborting(false);
   };
   const handleBack = () => {
@@ -4670,7 +4734,7 @@ var UniversalRegistrationFlow = ({
     setIsAnalyzingNature(true);
     const data = await baseApi("analyze_nature", { description: formData.businessDesc });
     if (data.success) setSuggestedNature(data.data);
-    else toast9.error(data.error || "Uh oh! Something went wrong.");
+    else toast10.error(data.error || "Uh oh! Something went wrong.");
     setIsAnalyzingNature(false);
   };
   const pollNameCheckJob = async (jobId) => {
@@ -4679,7 +4743,7 @@ var UniversalRegistrationFlow = ({
       setNameCheckResult(poll.data.result);
       setIsCheckingName(false);
     } else if (poll.success && poll.data.status === "error") {
-      toast9.error(poll.data.error || "Uh oh! Something went wrong.");
+      toast10.error(poll.data.error || "Uh oh! Something went wrong.");
       setIsCheckingName(false);
     } else setTimeout(() => pollNameCheckJob(jobId), 3e3);
   };
@@ -4697,7 +4761,7 @@ var UniversalRegistrationFlow = ({
     const data = await baseApi("check_name_start", { name: nameToCheck, lineOfBusiness: formData.natureOfBusiness?.specificLabel });
     if (data.success && data.data.jobId) pollNameCheckJob(data.data.jobId);
     else {
-      toast9.error(data.error || "Uh oh! Something went wrong.");
+      toast10.error(data.error || "Uh oh! Something went wrong.");
       setIsCheckingName(false);
     }
   };
@@ -4722,7 +4786,7 @@ var UniversalRegistrationFlow = ({
         throw new Error(data.error || "Failed to secure upload URL.");
       }
     } catch (error) {
-      toast9.error(error.message);
+      toast10.error(error.message);
     } finally {
       if (optType === "other1") {
         setIsUploadingOther1(false);
@@ -4773,7 +4837,7 @@ var UniversalRegistrationFlow = ({
           const maxAllowed = Math.max(0, 100 - otherSharesSum);
           if (numValue > maxAllowed) {
             numValue = maxAllowed;
-            toast9.error(`Total shares cannot exceed 100%. Remaining: ${maxAllowed}%`, { id: "share-limit" });
+            toast10.error(`Total shares cannot exceed 100%. Remaining: ${maxAllowed}%`, { id: "share-limit" });
           } else if (numValue < 0) numValue = 0;
           updated[index] = { ...updated[index], [key]: numValue.toString() };
         }
@@ -4804,7 +4868,7 @@ var UniversalRegistrationFlow = ({
           updatedMembers[memberIndex] = { ...updatedMembers[memberIndex], idExtractedData: data.data, idFileUrl: uploadData.data.fileUrl, idMetadata: { fileName: file.name, contentType: file.type, fileSizeInBytes: file.size } };
           setFormData({ ...formData, members: updatedMembers });
           saveProgress({ ...formData, members: updatedMembers });
-        } else toast9.error(data.error || "Uh oh! Something went wrong.");
+        } else toast10.error(data.error || "Uh oh! Something went wrong.");
       } else {
         if (docType === "passport") setGlobalUploadingPassport(true);
         else setGlobalUploadingSignature(true);
@@ -4821,10 +4885,10 @@ var UniversalRegistrationFlow = ({
           }
           setFormData({ ...formData, members: updatedMembers });
           saveProgress({ ...formData, members: updatedMembers });
-        } else toast9.error(`Failed to secure upload URL for ${docType}.`);
+        } else toast10.error(`Failed to secure upload URL for ${docType}.`);
       }
     } catch (error) {
-      toast9.error(error.message);
+      toast10.error(error.message);
     } finally {
       if (docType === "id") setGlobalExtractingId(false);
       else if (docType === "passport") setGlobalUploadingPassport(false);
@@ -4873,7 +4937,7 @@ var UniversalRegistrationFlow = ({
           setFormData(updatedForm);
           saveProgress(updatedForm);
         } else {
-          toast9.error(data.error || "Uh oh! Something went wrong.");
+          toast10.error(data.error || "Uh oh! Something went wrong.");
           setAiTasks([{ id: "1", label: "Document Scanned", status: "success" }, { id: "2", label: "Extraction Failed", status: "error" }]);
         }
       } else {
@@ -4893,10 +4957,10 @@ var UniversalRegistrationFlow = ({
             approveSection("signatureApproved", updatedForm);
           }
           setFormData(updatedForm);
-        } else toast9.error(data.error || `Failed to upload ${docType}.`);
+        } else toast10.error(data.error || `Failed to upload ${docType}.`);
       }
     } catch (error) {
-      toast9.error(error.message);
+      toast10.error(error.message);
     } finally {
       if (docType === "id") {
         setGlobalExtractingId(false);
@@ -4979,10 +5043,10 @@ var UniversalRegistrationFlow = ({
     }
     const data = await baseApi("submit", finalJsonPayload);
     if (data.success) {
-      toast9.success("Application Submitted!");
+      toast10.success("Application Submitted!");
       onRedirectToApplication(applicationId);
     } else {
-      toast9.error(data.error || "Uh oh! Something went wrong.");
+      toast10.error(data.error || "Uh oh! Something went wrong.");
       setIsSubmitting(false);
     }
   };
@@ -5031,7 +5095,7 @@ var UniversalRegistrationFlow = ({
 // src/components/UniversalDeveloperSettings.tsx
 import React54, { useState as useState33, useEffect as useEffect22 } from "react";
-import { toast as toast10 } from "react-hot-toast";
+import { toast as toast11 } from "react-hot-toast";
 import { HugeiconsIcon as HugeiconsIcon37 } from "@hugeicons/react";
 import { Loading03Icon as Loading03Icon19, CircleLock02Icon as CircleLock02Icon5 } from "@hugeicons/core-free-icons";
 var ButtonSpinner5 = () => /* @__PURE__ */ React54.createElement(HugeiconsIcon37, { icon: Loading03Icon19, size: 16, className: "animate-spin text-current" });
@@ -5078,13 +5142,13 @@ SECRET_KEY="${secKey}"
       if (res.success && res.data) {
         setPublicKey(res.data.publicKey);
         downloadEnvironmentFile(res.data.publicKey, res.data.secretKey);
-        toast10.success("Keys generated. Check your downloads folder.");
+        toast11.success("Keys generated. Check your downloads folder.");
         setIsRollModalOpen(false);
       } else {
-        toast10.error(res.error || "Uh oh! Something went wrong.");
+        toast11.error(res.error || "Uh oh! Something went wrong.");
       }
     } catch (error) {
-      toast10.error("Uh oh! Something went wrong.");
+      toast11.error("Uh oh! Something went wrong.");
     } finally {
       setIsGenerating(false);
     }
@@ -5097,12 +5161,12 @@ SECRET_KEY="${secKey}"
       const res = await onSaveWebhook(webhookUrl);
       if (res.success && res.data) {
         setWebhookUrl(res.data.webhookUrl || "");
-        toast10.success("Webhook URL updated.");
+        toast11.success("Webhook URL updated.");
       } else {
-        toast10.error(res.error || "Uh oh! Something went wrong.");
+        toast11.error(res.error || "Uh oh! Something went wrong.");
       }
     } catch (error) {
-      toast10.error("Uh oh! Something went wrong.");
+      toast11.error("Uh oh! Something went wrong.");
     } finally {
       setIsSavingWebhook(false);
     }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@retinalabsllc/zairusjs",
-  "version": "5.1.5",
+  "version": "5.1.10",
   "description": "A perceptive, Ai data driven Next.js UI component library.",
   "author": "Retina Labs Company",
   "license": "MIT",