@retinalabsllc/zairusjs 5.1.10 → 5.1.15

package/dist/index.d.mts

@@ -566,6 +566,7 @@ declare const Banner: React.FC<BannerProps>;
 interface UniversalOrganizationPageProps {
     initialOrgName: string;
     initialSlug: string;
+    initialUsername?: string;
     orgId: string;
     isReadOnly?: boolean;
     slugPrefixUrl?: string;

package/dist/index.d.ts

@@ -566,6 +566,7 @@ declare const Banner: React.FC<BannerProps>;
 interface UniversalOrganizationPageProps {
     initialOrgName: string;
     initialSlug: string;
+    initialUsername?: string;
     orgId: string;
     isReadOnly?: boolean;
     slugPrefixUrl?: string;

package/dist/index.js

@@ -2361,6 +2361,7 @@ var InputSpinner4 = () => /* @__PURE__ */ import_react43.default.createElement("
 var UniversalOrganizationPage = ({
   initialOrgName,
   initialSlug,
+  initialUsername,
   orgId,
   isReadOnly = false,
   slugPrefixUrl = ".aeona.eth",
@@ -2368,8 +2369,9 @@ var UniversalOrganizationPage = ({
   onSaveConfiguration,
   onCheckSlugAvailability
 }) => {
+  const resolvedInitialUsername = initialUsername || initialSlug;
   const [web3Name, setWeb3Name] = (0, import_react43.useState)(initialOrgName);
-  const [username, setUsername] = (0, import_react43.useState)(initialSlug);
+  const [username, setUsername] = (0, import_react43.useState)(resolvedInitialUsername);
   const [slug, setSlug] = (0, import_react43.useState)(initialSlug);
   const [isCheckingSlug, setIsCheckingSlug] = (0, import_react43.useState)(false);
   const [slugAvailable, setSlugAvailable] = (0, import_react43.useState)(null);
@@ -2377,8 +2379,8 @@ var UniversalOrganizationPage = ({
   (0, import_react43.useEffect)(() => {
     setWeb3Name(initialOrgName || "");
     setSlug(initialSlug || "");
-    setUsername(initialSlug || "");
-  }, [initialOrgName, initialSlug]);
+    setUsername(initialUsername || initialSlug || "");
+  }, [initialOrgName, initialSlug, initialUsername]);
   const handleWeb3NameChange = (val) => {
     setWeb3Name(val.replace(/[^a-zA-Z0-9\s-]/g, "").substring(0, 50));
   };
@@ -2426,7 +2428,7 @@ var UniversalOrganizationPage = ({
         organizationId: orgId,
         organizationName: web3Name !== initialOrgName ? web3Name : void 0,
         slug: slug !== initialSlug ? slug : void 0,
-        username: username !== initialSlug ? username : void 0
+        username: username !== resolvedInitialUsername ? username : void 0
         // Transmit extra input parameter cleanly
       };
       const responseData = await onSaveConfiguration(payload);
@@ -2442,7 +2444,7 @@ var UniversalOrganizationPage = ({
       setIsSubmitting(false);
     }
   };
-  const hasChanges = web3Name !== initialOrgName || slug !== initialSlug || username !== initialSlug;
+  const hasChanges = web3Name !== initialOrgName || slug !== initialSlug || username !== resolvedInitialUsername;
   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" }, "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,
@@ -2492,7 +2494,7 @@ var UniversalOrganizationPage = ({
       onClick: () => {
         setWeb3Name(initialOrgName);
         setSlug(initialSlug);
-        setUsername(initialSlug);
+        setUsername(resolvedInitialUsername);
       },
       className: "text-[11px] tracking-widest text-neutral-500 hover:text-black transition-colors outline-none"
     },
@@ -4331,7 +4333,15 @@ var UniversalWalletPage = ({
   } }), /* @__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(
+  }, 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-6" }, renderQrCode(selectedWallet)), /* @__PURE__ */ import_react76.default.createElement("div", { className: "mb-5" }, /* @__PURE__ */ import_react76.default.createElement(
+    Banner,
+    {
+      type: "warning",
+      title: "Important Deposit Warning",
+      message: `Please send exactly ${selectedWallet.currency} to this address, and ensure you select the ${selectedWallet.network} network. Sending a different coin or using the wrong network will result in the permanent loss of your funds.`,
+      isDismissible: false
+    }
+  )), /* @__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,

package/dist/index.mjs

@@ -2280,6 +2280,7 @@ var InputSpinner4 = () => /* @__PURE__ */ React29.createElement("svg", { classNa
 var UniversalOrganizationPage = ({
   initialOrgName,
   initialSlug,
+  initialUsername,
   orgId,
   isReadOnly = false,
   slugPrefixUrl = ".aeona.eth",
@@ -2287,8 +2288,9 @@ var UniversalOrganizationPage = ({
   onSaveConfiguration,
   onCheckSlugAvailability
 }) => {
+  const resolvedInitialUsername = initialUsername || initialSlug;
   const [web3Name, setWeb3Name] = useState17(initialOrgName);
-  const [username, setUsername] = useState17(initialSlug);
+  const [username, setUsername] = useState17(resolvedInitialUsername);
   const [slug, setSlug] = useState17(initialSlug);
   const [isCheckingSlug, setIsCheckingSlug] = useState17(false);
   const [slugAvailable, setSlugAvailable] = useState17(null);
@@ -2296,8 +2298,8 @@ var UniversalOrganizationPage = ({
   useEffect13(() => {
     setWeb3Name(initialOrgName || "");
     setSlug(initialSlug || "");
-    setUsername(initialSlug || "");
-  }, [initialOrgName, initialSlug]);
+    setUsername(initialUsername || initialSlug || "");
+  }, [initialOrgName, initialSlug, initialUsername]);
   const handleWeb3NameChange = (val) => {
     setWeb3Name(val.replace(/[^a-zA-Z0-9\s-]/g, "").substring(0, 50));
   };
@@ -2345,7 +2347,7 @@ var UniversalOrganizationPage = ({
         organizationId: orgId,
         organizationName: web3Name !== initialOrgName ? web3Name : void 0,
         slug: slug !== initialSlug ? slug : void 0,
-        username: username !== initialSlug ? username : void 0
+        username: username !== resolvedInitialUsername ? username : void 0
         // Transmit extra input parameter cleanly
       };
       const responseData = await onSaveConfiguration(payload);
@@ -2361,7 +2363,7 @@ var UniversalOrganizationPage = ({
       setIsSubmitting(false);
     }
   };
-  const hasChanges = web3Name !== initialOrgName || slug !== initialSlug || username !== initialSlug;
+  const hasChanges = web3Name !== initialOrgName || slug !== initialSlug || username !== resolvedInitialUsername;
   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" }, "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,
@@ -2411,7 +2413,7 @@ var UniversalOrganizationPage = ({
       onClick: () => {
         setWeb3Name(initialOrgName);
         setSlug(initialSlug);
-        setUsername(initialSlug);
+        setUsername(resolvedInitialUsername);
       },
       className: "text-[11px] tracking-widest text-neutral-500 hover:text-black transition-colors outline-none"
     },
@@ -4328,7 +4330,15 @@ var UniversalWalletPage = ({
   } }), /* @__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(
+  }, 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-6" }, renderQrCode(selectedWallet)), /* @__PURE__ */ React46.createElement("div", { className: "mb-5" }, /* @__PURE__ */ React46.createElement(
+    Banner,
+    {
+      type: "warning",
+      title: "Important Deposit Warning",
+      message: `Please send exactly ${selectedWallet.currency} to this address, and ensure you select the ${selectedWallet.network} network. Sending a different coin or using the wrong network will result in the permanent loss of your funds.`,
+      isDismissible: false
+    }
+  )), /* @__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,

package/package.json

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