@retinalabsllc/zairusjs 15.0.90 → 15.0.95

package/dist/index.js

@@ -1099,14 +1099,14 @@ var import_core_free_icons4 = require("@hugeicons/core-free-icons");
 var UniversalProfileSettings = ({
   initialFirstName,
   initialLastName,
-  email,
+  phoneNumber,
   accountStatus = "GOOD",
   memberSince,
   isReadOnly = false,
   bannerProps,
-  hasPin = false,
-  isPinLoading = false,
-  onSavePin,
+  hasPasscode = false,
+  isPasscodeLoading = false,
+  onSavePasscode,
   onSaveProfile,
   onBack
 }) => {
@@ -1116,11 +1116,11 @@ var UniversalProfileSettings = ({
   const [firstName, setFirstName] = (0, import_react17.useState)(initialFirstName);
   const [lastName, setLastName] = (0, import_react17.useState)(initialLastName);
   const [isSubmitting, setIsSubmitting] = (0, import_react17.useState)(false);
-  const [isPinModalOpen, setIsPinModalOpen] = (0, import_react17.useState)(false);
-  const [oldPin, setOldPin] = (0, import_react17.useState)("");
-  const [newPin, setNewPin] = (0, import_react17.useState)("");
-  const [confirmPin, setConfirmPin] = (0, import_react17.useState)("");
-  const [isPinSubmitting, setIsPinSubmitting] = (0, import_react17.useState)(false);
+  const [isPasscodeModalOpen, setIsPasscodeModalOpen] = (0, import_react17.useState)(false);
+  const [oldPasscode, setOldPasscode] = (0, import_react17.useState)("");
+  const [newPasscode, setNewPasscode] = (0, import_react17.useState)("");
+  const [confirmPasscode, setConfirmPasscode] = (0, import_react17.useState)("");
+  const [isPasscodeSubmitting, setIsPasscodeSubmitting] = (0, import_react17.useState)(false);
   (0, import_react17.useEffect)(() => {
     setFirstName(initialFirstName || "");
     setLastName(initialLastName || "");
@@ -1149,40 +1149,40 @@ var UniversalProfileSettings = ({
       setIsSubmitting(false);
     }
   };
-  const closePinModal = () => {
-    if (isPinSubmitting) return;
-    setIsPinModalOpen(false);
-    setOldPin("");
-    setNewPin("");
-    setConfirmPin("");
+  const closePasscodeModal = () => {
+    if (isPasscodeSubmitting) return;
+    setIsPasscodeModalOpen(false);
+    setOldPasscode("");
+    setNewPasscode("");
+    setConfirmPasscode("");
   };
-  const handlePinInput = (val, setter) => {
-    setter(val.replace(/\D/g, "").substring(0, 4));
+  const handlePasscodeInput = (val, setter) => {
+    setter(val.replace(/\D/g, "").substring(0, 6));
   };
-  const handlePinSubmit = async (e) => {
+  const handlePasscodeSubmit = async (e) => {
     e.preventDefault();
-    if (!onSavePin) return;
-    if (hasPin && oldPin.length !== 4) return import_react_hot_toast4.default.error("Old PIN must be exactly 4-digits.");
-    if (newPin.length !== 4) return import_react_hot_toast4.default.error("New PIN must be exactly 4-digits.");
-    if (newPin !== confirmPin) return import_react_hot_toast4.default.error("New PINs do not match.");
-    setIsPinSubmitting(true);
+    if (!onSavePasscode) return;
+    if (hasPasscode && oldPasscode.length !== 6) return import_react_hot_toast4.default.error("Old Passcode must be exactly 6-digits.");
+    if (newPasscode.length !== 6) return import_react_hot_toast4.default.error("New Passcode must be exactly 6-digits.");
+    if (newPasscode !== confirmPasscode) return import_react_hot_toast4.default.error("New Passcodes do not match.");
+    setIsPasscodeSubmitting(true);
     try {
-      const action = hasPin ? "change_pin" : "create_pin";
-      const res = await onSavePin({
+      const action = hasPasscode ? "change_passcode" : "create_passcode";
+      const res = await onSavePasscode({
         action,
-        oldPin: hasPin ? oldPin : void 0,
-        newPin
+        oldPasscode: hasPasscode ? oldPasscode : void 0,
+        newPasscode
       });
       if (res.success) {
-        import_react_hot_toast4.default.success(res.message || "PIN updated successfully.");
-        closePinModal();
+        import_react_hot_toast4.default.success(res.message || "Passcode updated successfully.");
+        closePasscodeModal();
       } else {
-        import_react_hot_toast4.default.error(res.error || "Failed to update PIN.");
+        import_react_hot_toast4.default.error(res.error || "Failed to update Passcode.");
       }
     } catch (error) {
       import_react_hot_toast4.default.error("Uh oh! Something went wrong.");
     } finally {
-      setIsPinSubmitting(false);
+      setIsPasscodeSubmitting(false);
     }
   };
   const hasChanges = firstName !== initialFirstName || lastName !== initialLastName;
@@ -1195,7 +1195,7 @@ var UniversalProfileSettings = ({
     },
     /* @__PURE__ */ import_react17.default.createElement(import_react18.HugeiconsIcon, { icon: import_core_free_icons4.ArrowLeft01Icon, size: 16 }),
     " Back"
-  )), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex flex-col max-w-3xl w-full mx-auto rounded-2xl p-6 bg-white  gap-8 animate-in fade-in duration-300" }, /* @__PURE__ */ import_react17.default.createElement(ManagedToaster, null), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex flex-col sm:flex-row sm:items-start justify-between gap-3 sm:gap-4" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ import_react17.default.createElement("h1", { className: "text-black text-xl mb-1 truncate tracking-tight" }, "Personal Settings"), /* @__PURE__ */ import_react17.default.createElement("p", { className: "text-xs text-neutral-500 truncate" }, "Manage your personal account profile.")), isReadOnly && /* @__PURE__ */ import_react17.default.createElement("span", { className: "p-2 w-9 h-9 bg-neutral-100 text-neutral-400 rounded-full shrink-0" }, /* @__PURE__ */ import_react17.default.createElement(import_react18.HugeiconsIcon, { icon: import_core_free_icons4.CircleLock02Icon, size: 18, className: "text-current" }))), bannerProps && /* @__PURE__ */ import_react17.default.createElement(Banner, { ...bannerProps }), /* @__PURE__ */ import_react17.default.createElement("div", { className: "w-full max-w-5xl" }, /* @__PURE__ */ import_react17.default.createElement("form", { className: "flex flex-col gap-8", onSubmit: handleSave, autoComplete: "off" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex flex-col sm:flex-row gap-6" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ import_react17.default.createElement(
+  )), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex flex-col max-w-3xl w-full mx-auto rounded-2xl p-6 bg-white gap-8 animate-in fade-in duration-300" }, /* @__PURE__ */ import_react17.default.createElement(ManagedToaster, null), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex flex-col sm:flex-row sm:items-start justify-between gap-3 sm:gap-4" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ import_react17.default.createElement("h1", { className: "text-black text-xl mb-1 truncate tracking-tight" }, "Personal Settings"), /* @__PURE__ */ import_react17.default.createElement("p", { className: "text-xs text-neutral-500 truncate" }, "Manage your personal account profile.")), isReadOnly && /* @__PURE__ */ import_react17.default.createElement("span", { className: "p-2 w-9 h-9 bg-neutral-100 text-neutral-400 rounded-full shrink-0" }, /* @__PURE__ */ import_react17.default.createElement(import_react18.HugeiconsIcon, { icon: import_core_free_icons4.CircleLock02Icon, size: 18, className: "text-current" }))), bannerProps && /* @__PURE__ */ import_react17.default.createElement(Banner, { ...bannerProps }), /* @__PURE__ */ import_react17.default.createElement("div", { className: "w-full max-w-5xl" }, /* @__PURE__ */ import_react17.default.createElement("form", { className: "flex flex-col gap-8", onSubmit: handleSave, autoComplete: "off" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex flex-col sm:flex-row gap-6" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ import_react17.default.createElement(
     TextInput,
     {
       label: "First Name",
@@ -1216,17 +1216,17 @@ var UniversalProfileSettings = ({
   ))), /* @__PURE__ */ import_react17.default.createElement("div", { className: "space-y-2 min-w-0" }, /* @__PURE__ */ import_react17.default.createElement(
     TextInput,
     {
-      label: "Email ID",
-      value: email,
+      label: "Registered Phone Number",
+      value: phoneNumber,
       onChange: () => {
       },
       disabled: true
     }
-  ), /* @__PURE__ */ import_react17.default.createElement("p", { className: "text-[11px] text-neutral-500 mt-1 truncate" }, "To change your email address, please contact support.")), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between pt-8 mt-2 gap-6 sm:gap-4" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center gap-6 min-w-0" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ import_react17.default.createElement("span", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block truncate" }, "Account Status"), /* @__PURE__ */ import_react17.default.createElement("span", { className: "text-xs text-black block truncate" }, accountStatus)), /* @__PURE__ */ import_react17.default.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ import_react17.default.createElement("span", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block truncate" }, "Member Since"), /* @__PURE__ */ import_react17.default.createElement("span", { className: "text-xs text-black block truncate" }, memberSince ? new Date(memberSince).toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" }) : "N/A")), /* @__PURE__ */ import_react17.default.createElement("div", { className: "min-w-0 pl-4" }, /* @__PURE__ */ import_react17.default.createElement(
+  ), /* @__PURE__ */ import_react17.default.createElement("p", { className: "text-[11px] text-neutral-500 mt-1 truncate" }, "To change your primary number, please contact support.")), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between pt-8 mt-2 gap-6 sm:gap-4" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center gap-6 min-w-0" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ import_react17.default.createElement("span", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block truncate" }, "Account Status"), /* @__PURE__ */ import_react17.default.createElement("span", { className: "text-xs text-black block truncate" }, accountStatus)), /* @__PURE__ */ import_react17.default.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ import_react17.default.createElement("span", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block truncate" }, "Member Since"), /* @__PURE__ */ import_react17.default.createElement("span", { className: "text-xs text-black block truncate" }, memberSince ? new Date(memberSince).toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" }) : "N/A")), /* @__PURE__ */ import_react17.default.createElement("div", { className: "min-w-0 pl-4" }, /* @__PURE__ */ import_react17.default.createElement(
     "button",
     {
       type: "button",
-      onClick: () => setIsPinModalOpen(true),
+      onClick: () => setIsPasscodeModalOpen(true),
       className: "w-9 h-9 flex items-center justify-center border border-neutral-200 rounded-full text-black hover:bg-neutral-50 transition-colors outline-none"
     },
     /* @__PURE__ */ import_react17.default.createElement(import_react18.HugeiconsIcon, { icon: import_core_free_icons4.LockKeyIcon, size: 17, className: "text-black" })
@@ -1250,48 +1250,48 @@ var UniversalProfileSettings = ({
       className: "min-w-32 w-full sm:w-auto"
     },
     "Save Changes"
-  ))))), isPinModalOpen && /* @__PURE__ */ import_react17.default.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "absolute inset-0 bg-black/40", onClick: closePinModal }), /* @__PURE__ */ import_react17.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" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 " }, /* @__PURE__ */ import_react17.default.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, hasPin ? "Change PIN" : "Create PIN"), /* @__PURE__ */ import_react17.default.createElement("button", { onClick: closePinModal, disabled: isPinSubmitting, className: "text-neutral-400 hover:text-black transition-colors outline-none disabled:opacity-50" }, /* @__PURE__ */ import_react17.default.createElement(import_react18.HugeiconsIcon, { icon: import_core_free_icons4.CancelCircleIcon, size: 18 }))), /* @__PURE__ */ import_react17.default.createElement("div", { className: "p-6" }, isPinLoading ? /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex flex-col items-center justify-center py-10" }, /* @__PURE__ */ import_react17.default.createElement(import_react18.HugeiconsIcon, { icon: import_core_free_icons4.Loading03Icon, size: 28, className: "animate-spin text-neutral-400 mb-4" })) : /* @__PURE__ */ import_react17.default.createElement("form", { onSubmit: handlePinSubmit, className: "flex flex-col gap-6" }, hasPin && /* @__PURE__ */ import_react17.default.createElement(
+  ))))), isPasscodeModalOpen && /* @__PURE__ */ import_react17.default.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "absolute inset-0 bg-black/40", onClick: closePasscodeModal }), /* @__PURE__ */ import_react17.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" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 " }, /* @__PURE__ */ import_react17.default.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, hasPasscode ? "Change Passcode" : "Create Security Passcode"), /* @__PURE__ */ import_react17.default.createElement("button", { onClick: closePasscodeModal, disabled: isPasscodeSubmitting, className: "text-neutral-400 hover:text-black transition-colors outline-none disabled:opacity-50" }, /* @__PURE__ */ import_react17.default.createElement(import_react18.HugeiconsIcon, { icon: import_core_free_icons4.CancelCircleIcon, size: 18 }))), /* @__PURE__ */ import_react17.default.createElement("div", { className: "p-6" }, isPasscodeLoading ? /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex flex-col items-center justify-center py-10" }, /* @__PURE__ */ import_react17.default.createElement(import_react18.HugeiconsIcon, { icon: import_core_free_icons4.Loading03Icon, size: 28, className: "animate-spin text-neutral-400 mb-4" })) : /* @__PURE__ */ import_react17.default.createElement("form", { onSubmit: handlePasscodeSubmit, className: "flex flex-col gap-6" }, hasPasscode && /* @__PURE__ */ import_react17.default.createElement(
     TextInput,
     {
       type: "password",
-      label: "Old PIN",
-      maxLength: 4,
-      disabled: isPinSubmitting,
-      value: oldPin,
-      onChange: (val) => handlePinInput(val, setOldPin),
-      placeholder: "\u2022\u2022\u2022\u2022"
+      label: "Old 6-Digit Passcode",
+      maxLength: 6,
+      disabled: isPasscodeSubmitting,
+      value: oldPasscode,
+      onChange: (val) => handlePasscodeInput(val, setOldPasscode),
+      placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022"
     }
   ), /* @__PURE__ */ import_react17.default.createElement(
     TextInput,
     {
       type: "password",
-      label: hasPin ? "New PIN" : "Enter 4-Digit PIN",
-      maxLength: 4,
-      disabled: isPinSubmitting,
-      value: newPin,
-      onChange: (val) => handlePinInput(val, setNewPin),
-      placeholder: "\u2022\u2022\u2022\u2022"
+      label: hasPasscode ? "New 6-Digit Passcode" : "Enter 6-Digit Passcode",
+      maxLength: 6,
+      disabled: isPasscodeSubmitting,
+      value: newPasscode,
+      onChange: (val) => handlePasscodeInput(val, setNewPasscode),
+      placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022"
     }
   ), /* @__PURE__ */ import_react17.default.createElement(
     TextInput,
     {
       type: "password",
-      label: "Retype New PIN",
-      maxLength: 4,
-      disabled: isPinSubmitting,
-      value: confirmPin,
-      onChange: (val) => handlePinInput(val, setConfirmPin),
-      placeholder: "\u2022\u2022\u2022\u2022"
+      label: "Retype New Passcode",
+      maxLength: 6,
+      disabled: isPasscodeSubmitting,
+      value: confirmPasscode,
+      onChange: (val) => handlePasscodeInput(val, setConfirmPasscode),
+      placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022"
     }
   ), /* @__PURE__ */ import_react17.default.createElement("div", { className: "pt-2" }, /* @__PURE__ */ import_react17.default.createElement(
     ThreeDActionButton,
     {
       type: "submit",
-      disabled: isPinSubmitting || newPin.length !== 4 || confirmPin.length !== 4 || hasPin && oldPin.length !== 4,
-      isLoading: isPinSubmitting,
+      disabled: isPasscodeSubmitting || newPasscode.length !== 6 || confirmPasscode.length !== 6 || hasPasscode && oldPasscode.length !== 6,
+      isLoading: isPasscodeSubmitting,
       className: "w-full"
     },
-    hasPin ? "Update PIN" : "Set PIN"
+    hasPasscode ? "Update Passcode" : "Set Passcode"
   ))))))));
 };
 
@@ -1610,48 +1610,15 @@ var UniversalTransactionPage = ({
 var import_react25 = __toESM(require("react"));
 var import_react26 = require("@hugeicons/react");
 var import_core_free_icons8 = require("@hugeicons/core-free-icons");
-var renderKMT = (val, currencySymbol) => {
-  let formatted = val;
-  let suffix = "";
-  if (val >= 1e12) {
-    formatted = val / 1e12;
-    suffix = "T";
-  } else if (val >= 1e6) {
-    formatted = val / 1e6;
-    suffix = "M";
-  } else if (val >= 1e3) {
-    formatted = val / 1e3;
-    suffix = "k";
-  }
-  const displayStr = parseFloat(formatted.toFixed(2)).toString();
-  return /* @__PURE__ */ import_react25.default.createElement("span", { className: "flex items-baseline mt-1" }, /* @__PURE__ */ import_react25.default.createElement("span", { className: "text-[13px] text-neutral-800 mr-0.5 " }, currencySymbol), /* @__PURE__ */ import_react25.default.createElement("span", { className: "text-xl text-neutral-800 tracking-tight " }, displayStr), /* @__PURE__ */ import_react25.default.createElement("span", { className: "text-[14px] text-neutral-600 ml-0.5 " }, suffix));
-};
-var renderKMT2 = (val, currencySymbol) => {
-  let formatted = val;
-  let suffix = "";
-  if (val >= 1e12) {
-    formatted = val / 1e12;
-    suffix = "T";
-  } else if (val >= 1e6) {
-    formatted = val / 1e6;
-    suffix = "M";
-  } else if (val >= 1e3) {
-    formatted = val / 1e3;
-    suffix = "k";
-  }
-  const displayStr = parseFloat(formatted.toFixed(2)).toString();
-  return /* @__PURE__ */ import_react25.default.createElement("span", { className: "flex items-baseline mt-1" }, /* @__PURE__ */ import_react25.default.createElement("span", { className: "text-[13px] text-white mr-0.5 " }, currencySymbol), /* @__PURE__ */ import_react25.default.createElement("span", { className: "text-xl text-white tracking-tight " }, displayStr), /* @__PURE__ */ import_react25.default.createElement("span", { className: "text-[14px] text-white/50 ml-0.5 " }, suffix));
-};
 var UniversalHomeView = ({
   fullName = "",
   avatarSrc,
-  balanceLabel = "Available Balance",
+  balanceLabel = "Pending Balance",
   balanceAmount,
   balanceCurrency = "$",
-  cashbackValue,
-  rewardsValue,
-  primaryAction,
-  secondaryAction,
+  calculatorAction,
+  buyCryptoAction,
+  referralAction,
   notifications = [],
   notificationPage = 1,
   notificationTotalPages = 1,
@@ -1715,7 +1682,7 @@ var UniversalHomeView = ({
         setShowNotifDialog(true);
         setSelectedNotif(null);
       },
-      className: "relative w-10 h-10 flex items-center justify-center rounded-full bg-white  outline-none hover:bg-neutral-50 transition-colors"
+      className: "relative w-10 h-10 flex items-center justify-center rounded-full bg-white outline-none hover:bg-neutral-50 transition-colors"
     },
     /* @__PURE__ */ import_react25.default.createElement(import_react26.HugeiconsIcon, { icon: import_core_free_icons8.Notification01Icon, size: 20, className: "text-black" }),
     hasUnreadNotifs && /* @__PURE__ */ import_react25.default.createElement("span", { className: "absolute top-2.5 right-2.5 w-2 h-2 bg-red-500 rounded-full border border-white" })
@@ -1726,35 +1693,44 @@ var UniversalHomeView = ({
       className: "text-neutral-400 hover:text-white transition-colors outline-none"
     },
     /* @__PURE__ */ import_react25.default.createElement(import_react26.HugeiconsIcon, { icon: isBalanceHidden ? import_core_free_icons8.ViewIcon : import_core_free_icons8.ViewOffSlashIcon, size: 16 })
-  )), /* @__PURE__ */ import_react25.default.createElement("p", { className: `text-2xl text-white tracking-tight mb-6 tabular-nums flex items-baseline transition-all duration-300 ${isBalanceHidden ? "blur-sm opacity-40 select-none" : ""}` }, /* @__PURE__ */ import_react25.default.createElement("span", { className: "text-lg text-neutral-400 mr-1" }, balanceCurrency), intPart, decPart && /* @__PURE__ */ import_react25.default.createElement("span", { className: "text-lg text-neutral-400" }, ".", decPart)), /* @__PURE__ */ import_react25.default.createElement("div", { className: "flex items-center gap-3 w-full" }, primaryAction && /* @__PURE__ */ import_react25.default.createElement(
+  )), /* @__PURE__ */ import_react25.default.createElement("p", { className: `text-2xl text-white tracking-tight mb-6 tabular-nums flex items-baseline transition-all duration-300 ${isBalanceHidden ? "blur-sm opacity-40 select-none" : ""}` }, /* @__PURE__ */ import_react25.default.createElement("span", { className: "text-lg text-neutral-400 mr-1" }, balanceCurrency), intPart, decPart && /* @__PURE__ */ import_react25.default.createElement("span", { className: "text-lg text-neutral-400" }, ".", decPart)), /* @__PURE__ */ import_react25.default.createElement("div", { className: "flex items-center w-full" }, calculatorAction && /* @__PURE__ */ import_react25.default.createElement(
     "button",
     {
-      onClick: primaryAction.onClick,
-      className: "px-6 py-2 bg-white text-black text-[12px] truncate rounded-full transition-opacity hover:opacity-90 outline-none  text-center"
+      onClick: calculatorAction.onClick,
+      className: "px-6 py-2 bg-transparent border border-white/20 text-white truncate text-[12px] rounded-full transition-colors hover:bg-white/10 outline-none text-center"
     },
-    "Deposit"
-  ), secondaryAction && /* @__PURE__ */ import_react25.default.createElement(
-    "button",
+    calculatorAction.label || "Rate Calculator"
+  )))), /* @__PURE__ */ import_react25.default.createElement("div", { className: "grid grid-cols-2 gap-2" }, /* @__PURE__ */ import_react25.default.createElement(
+    "div",
     {
-      onClick: secondaryAction.onClick,
-      className: "px-6 py-2 bg-transparent border border-white/20 text-white truncate text-[12px] rounded-full transition-colors hover:bg-white/10 outline-none  text-center"
+      onClick: buyCryptoAction?.onClick,
+      className: "bg-[#143731] rounded-2xl p-5 relative overflow-hidden flex flex-col h-32 sm:h-36 cursor-pointer hover:opacity-90 transition-opacity"
     },
-    "Earn Rewards"
-  )))), /* @__PURE__ */ import_react25.default.createElement("div", { className: "grid grid-cols-2 gap-2" }, /* @__PURE__ */ import_react25.default.createElement("div", { className: "bg-[#143731] rounded-2xl p-5 relative overflow-hidden flex flex-col h-45 sm:h-50" }, /* @__PURE__ */ import_react25.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react25.default.createElement("p", { className: "text-[15px] sm:text-[15px] text-white mb-1" }, "Cashback"), renderKMT2(cashbackValue, balanceCurrency)), /* @__PURE__ */ import_react25.default.createElement(
-    "img",
-    {
-      src: "https://retinalabs.company/assets/images/save_box.avif",
-      alt: "Cashback",
-      className: "absolute bottom-6 right-4 translate-x-1/4 translate-y-1/2 w-40 h-auto object-contain z-0 pointer-events-none drop-shadow-md"
-    }
-  )), /* @__PURE__ */ import_react25.default.createElement("div", { className: "bg-[#ceff8a] rounded-2xl p-5 relative overflow-hidden flex flex-col h-45 sm:h-50" }, /* @__PURE__ */ import_react25.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react25.default.createElement("p", { className: "text-[15px] sm:text-[15px] text-black mb-1" }, "Rewards"), renderKMT(rewardsValue, balanceCurrency)), /* @__PURE__ */ import_react25.default.createElement(
-    "img",
+    /* @__PURE__ */ import_react25.default.createElement("div", { className: "relative z-10 flex flex-col h-full justify-between" }, /* @__PURE__ */ import_react25.default.createElement("p", { className: "text-[15px] sm:text-[15px] text-white font-medium" }, "Buy Crypto"), /* @__PURE__ */ import_react25.default.createElement("div", { className: "w-8 h-8 rounded-full bg-white/10 border border-white/10 flex items-center justify-center" }, /* @__PURE__ */ import_react25.default.createElement(import_react26.HugeiconsIcon, { icon: import_core_free_icons8.ArrowUpRight01Icon, size: 16, className: "text-white" }))),
+    /* @__PURE__ */ import_react25.default.createElement(
+      "img",
+      {
+        src: "https://retinalabs.company/assets/images/save_box.avif",
+        alt: "Buy Crypto",
+        className: "absolute bottom-4 right-2 translate-x-1/4 translate-y-1/2 w-32 h-auto object-contain z-0 pointer-events-none drop-shadow-md"
+      }
+    )
+  ), /* @__PURE__ */ import_react25.default.createElement(
+    "div",
     {
-      src: "https://retinalabs.company/assets/images/gift_box.avif",
-      alt: "Rewards",
-      className: "absolute bottom-6 right-4 translate-x-1/4 translate-y-1/2 w-40 h-auto object-contain z-0 pointer-events-none drop-shadow-md"
-    }
-  )))), customContent && /* @__PURE__ */ import_react25.default.createElement("div", { className: "w-full" }, customContent), /* @__PURE__ */ import_react25.default.createElement("div", { className: "w-full mt-2" }, /* @__PURE__ */ import_react25.default.createElement(
+      onClick: referralAction?.onClick,
+      className: "bg-[#ceff8a] rounded-2xl p-5 relative overflow-hidden flex flex-col h-32 sm:h-36 cursor-pointer hover:opacity-90 transition-opacity"
+    },
+    /* @__PURE__ */ import_react25.default.createElement("div", { className: "relative z-10 flex flex-col h-full justify-between" }, /* @__PURE__ */ import_react25.default.createElement("p", { className: "text-[15px] sm:text-[15px] text-black font-medium" }, "Referral"), /* @__PURE__ */ import_react25.default.createElement("div", { className: "w-8 h-8 rounded-full bg-black/5 border border-black/5 flex items-center justify-center" }, /* @__PURE__ */ import_react25.default.createElement(import_react26.HugeiconsIcon, { icon: import_core_free_icons8.ArrowRight01Icon, size: 16, className: "text-black" }))),
+    /* @__PURE__ */ import_react25.default.createElement(
+      "img",
+      {
+        src: "https://retinalabs.company/assets/images/gift_box.avif",
+        alt: "Referral",
+        className: "absolute bottom-4 right-2 translate-x-1/4 translate-y-1/2 w-32 h-auto object-contain z-0 pointer-events-none drop-shadow-md"
+      }
+    )
+  ))), customContent && /* @__PURE__ */ import_react25.default.createElement("div", { className: "w-full" }, customContent), /* @__PURE__ */ import_react25.default.createElement("div", { className: "w-full mt-2" }, /* @__PURE__ */ import_react25.default.createElement(
     UniversalTransactionPage,
     {
       ...transactionsProps,
@@ -2072,6 +2048,7 @@ var UniversalWalletPage = ({
 // src/components/UniversalCardPage.tsx
 var import_react31 = __toESM(require("react"));
 var import_navigation4 = require("next/navigation");
+var import_react_hot_toast7 = __toESM(require("react-hot-toast"));
 var import_react32 = require("@hugeicons/react");
 var import_core_free_icons11 = require("@hugeicons/core-free-icons");
 var UniversalCardPage = ({
@@ -2079,10 +2056,8 @@ var UniversalCardPage = ({
   actionPath = "/app/cards/action/",
   onReveal,
   onFreeze,
-  onSetLimits,
   onDelete,
-  onFundCard,
-  onCreateCard
+  onFundCard
 }) => {
   const router = (0, import_navigation4.useRouter)();
   const sortedCards = import_react31.default.useMemo(() => {
@@ -2096,7 +2071,6 @@ var UniversalCardPage = ({
   const activeCard = sortedCards[activeTabIndex];
   const [isBgLoaded, setIsBgLoaded] = (0, import_react31.useState)(false);
   const [isFreezing, setIsFreezing] = (0, import_react31.useState)(false);
-  const [isOverlayActionLoading, setIsOverlayActionLoading] = (0, import_react31.useState)(false);
   const [showDeleteDialog, setShowDeleteDialog] = (0, import_react31.useState)(false);
   const [isDeleting, setIsDeleting] = (0, import_react31.useState)(false);
   (0, import_react31.useEffect)(() => {
@@ -2104,134 +2078,67 @@ var UniversalCardPage = ({
     if (!activeCard?.cardBgSrc) return;
     const img = new Image();
     img.src = activeCard.cardBgSrc;
-    img.onload = () => {
-      setTimeout(() => setIsBgLoaded(true), 300);
-    };
+    img.onload = () => setIsBgLoaded(true);
   }, [activeCard?.cardBgSrc]);
   if (!activeCard || sortedCards.length === 0) {
-    return /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300 relative min-h-100 justify-center" }, onCreateCard && /* @__PURE__ */ import_react31.default.createElement(
-      "button",
-      {
-        onClick: onCreateCard,
-        className: "fixed bottom-24 right-6 sm:right-50 z-50 w-11 h-11 rounded-full bg-white shadow-xl flex items-center justify-center text-black transition-all outline-none"
-      },
-      /* @__PURE__ */ import_react31.default.createElement(import_react32.HugeiconsIcon, { icon: import_core_free_icons11.PlusSignIcon, size: 18 })
-    ), /* @__PURE__ */ import_react31.default.createElement("div", { className: "p-6 w-full max-w-md mx-auto text-center" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "mb-8 flex justify-center" }, /* @__PURE__ */ import_react31.default.createElement(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 24 24",
-        className: "w-12 h-12 fill-neutral-100"
-      },
-      /* @__PURE__ */ import_react31.default.createElement("path", { fillRule: "evenodd", d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z", clipRule: "evenodd" })
-    )), /* @__PURE__ */ import_react31.default.createElement("h1", { className: "text-xl text-black tracking-tight mb-4" }, "No cards available"), /* @__PURE__ */ import_react31.default.createElement("p", { className: "text-[13px] leading-[1.8] text-neutral-600 mb-12" }, "You do not have any virtual or physical cards generated yet.")));
+    return /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300 relative min-h-100 justify-center" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "p-6 w-full max-w-md mx-auto text-center" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "mb-8 flex justify-center" }, /* @__PURE__ */ import_react31.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", className: "w-12 h-12 fill-neutral-100" }, /* @__PURE__ */ import_react31.default.createElement("path", { fillRule: "evenodd", d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z", clipRule: "evenodd" }))), /* @__PURE__ */ import_react31.default.createElement("h1", { className: "text-xl text-black tracking-tight mb-4" }, "No cards available"), /* @__PURE__ */ import_react31.default.createElement("p", { className: "text-[13px] leading-[1.8] text-neutral-600 mb-12" }, "You do not have any active cards on your account.")));
   }
   const isActivated = activeCard.status === "ACTIVATED";
   const isFrozen = activeCard.status === "FROZEN";
   const isUnactivated = activeCard.status === "UNACTIVATED";
   const isDead = ["BLOCKED", "EXPIRED", "DELETED"].includes(activeCard.status);
-  const isPreordered = activeCard.preOrder === true;
-  const actionsDisabled = !isActivated && !isFrozen;
-  const revealDisabled = !isActivated;
-  const freezeDisabled = isUnactivated || isDead;
-  const showActionOverlay = !isActivated && isBgLoaded && !isPreordered || isFrozen;
-  const overlayClasses = activeCard.contentDark ? "bg-white/20 backdrop-blur-[3px]" : "bg-black/10 backdrop-blur-[2px]";
-  const buttonClasses = activeCard.contentDark ? "bg-black/10 text-black hover:bg-black/20 font-medium" : "bg-white/25 text-white hover:bg-white/35";
-  const handleToggleFreeze = () => {
-    if (freezeDisabled || isFreezing) return;
+  const actionsDisabled = !isActivated && !isFrozen || isDead;
+  const showActionOverlay = !isActivated && isBgLoaded || isFrozen;
+  const overlayClasses = activeCard.contentDark ? "bg-white/30 backdrop-blur-[3px]" : "bg-black/30 backdrop-blur-[3px]";
+  const buttonClasses = activeCard.contentDark ? "bg-black text-white hover:bg-black/80 font-medium" : "bg-white text-black hover:bg-neutral-100 font-medium";
+  const handleToggleFreeze = async () => {
+    if (actionsDisabled || isFreezing || !onFreeze) return;
     setIsFreezing(true);
-    setTimeout(() => {
-      if (onFreeze) onFreeze(activeCard.id);
+    try {
+      await onFreeze(activeCard.id);
+    } finally {
       setIsFreezing(false);
-    }, 800);
+    }
   };
   const confirmDelete = async () => {
     setIsDeleting(true);
-    setTimeout(() => {
-      if (onDelete) onDelete(activeCard.id);
-      setIsDeleting(false);
-      setShowDeleteDialog(false);
-    }, 1200);
+    if (onDelete) onDelete(activeCard.id);
+    setIsDeleting(false);
+    setShowDeleteDialog(false);
   };
-  const formatTabLabel = (card) => {
-    if (card.prepaid) {
-      const capitalizedTier = card.tier.charAt(0).toUpperCase() + card.tier.slice(1).toLowerCase();
-      return `${capitalizedTier}`;
-    }
-    const capitalizedType = card.type.charAt(0).toUpperCase() + card.type.slice(1).toLowerCase();
-    return `${capitalizedType}`;
+  const formatTabLabel = (type) => {
+    return type.charAt(0).toUpperCase() + type.slice(1).toLowerCase();
   };
-  return /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300 relative" }, /* @__PURE__ */ import_react31.default.createElement("h1", { className: "text-2xl mt-2 text-black tracking-tight mb-2 text-center" }, "My Cards"), onCreateCard && /* @__PURE__ */ import_react31.default.createElement(
+  return /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300 relative" }, /* @__PURE__ */ import_react31.default.createElement("h1", { className: "text-2xl mt-2 text-black tracking-tight mb-2 text-center" }, "My Cards"), sortedCards.length > 1 && /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex items-center justify-center mb-6 w-full px-2 gap-3" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex items-center bg-white rounded-full p-1 max-w-full overflow-x-auto custom-scrollbar" }, sortedCards.map((tab, idx) => /* @__PURE__ */ import_react31.default.createElement(
     "button",
     {
-      onClick: onCreateCard,
-      className: "fixed bottom-24 right-6 sm:right-50 z-50 w-11 h-11 rounded-full bg-white shadow-xl flex items-center justify-center text-black transition-all outline-none"
+      key: tab.id,
+      onClick: () => setActiveTabIndex(idx),
+      className: `px-4 py-1.5 rounded-full text-[11px] transition-all duration-200 outline-none whitespace-nowrap shrink-0 ${activeTabIndex === idx ? "bg-neutral-100 text-black" : "text-neutral-500 hover:text-black hover:bg-neutral-50/50"}`
     },
-    /* @__PURE__ */ import_react31.default.createElement(import_react32.HugeiconsIcon, { icon: import_core_free_icons11.PlusSignIcon, size: 18 })
-  ), sortedCards.length > 1 && /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex items-center justify-center mb-6 w-full px-2 gap-3" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex items-center bg-white rounded-full p-1 sm:p-1.5 max-w-full overflow-x-auto custom-scrollbar" }, sortedCards.map((tab, idx) => {
-    const isActive = activeTabIndex === idx;
-    return /* @__PURE__ */ import_react31.default.createElement(
-      "button",
-      {
-        key: tab.id,
-        onClick: () => setActiveTabIndex(idx),
-        className: `px-4 py-1.5 rounded-full text-[11px] transition-all duration-200 outline-none whitespace-nowrap shrink-0 ${isActive ? "bg-neutral-100 text-black" : "text-neutral-500 hover:text-black hover:bg-neutral-50/50"}`
-      },
-      formatTabLabel(tab)
-    );
-  }))), /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-full pt-2 pb-2 flex justify-center" }, /* @__PURE__ */ import_react31.default.createElement(
-    "div",
+    formatTabLabel(tab.type)
+  )))), /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-full pt-2 pb-6 flex justify-center" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "relative w-full max-w-85", style: { height: 179 } }, !isBgLoaded && /* @__PURE__ */ import_react31.default.createElement("div", { className: "absolute inset-0 w-full h-full bg-white rounded-2xl flex items-center justify-center z-50" }, /* @__PURE__ */ import_react31.default.createElement(import_react32.HugeiconsIcon, { icon: import_core_free_icons11.Loading03Icon, size: 28, className: "animate-spin text-black" })), showActionOverlay && /* @__PURE__ */ import_react31.default.createElement("div", { className: `absolute inset-0 z-40 w-full h-full rounded-2xl flex flex-col items-center justify-center transition-all ${overlayClasses}` }, isUnactivated && /* @__PURE__ */ import_react31.default.createElement(
+    "button",
     {
-      className: "relative w-full max-w-85",
-      style: { height: 179 }
-    },
-    !isBgLoaded && /* @__PURE__ */ import_react31.default.createElement("div", { className: "absolute inset-0 w-full h-full bg-white rounded-2xl flex items-center justify-center z-50" }, /* @__PURE__ */ import_react31.default.createElement(import_react32.HugeiconsIcon, { icon: import_core_free_icons11.Loading03Icon, size: 28, className: "animate-spin text-black" })),
-    showActionOverlay && /* @__PURE__ */ import_react31.default.createElement("div", { className: `absolute inset-0 z-40 w-full h-full rounded-2xl flex flex-col items-center justify-center transition-all ${overlayClasses}` }, isUnactivated && /* @__PURE__ */ import_react31.default.createElement(
-      "button",
-      {
-        onClick: (e) => {
-          e.stopPropagation();
-          router.push(`${actionPath}${activeCard.id}`);
-        },
-        className: `px-6 py-2 text-[11px] rounded-full transition-all outline-none active:scale-95 ${buttonClasses}`
-      },
-      "Activate Card"
-    ), isFrozen && /* @__PURE__ */ import_react31.default.createElement(
-      "button",
-      {
-        disabled: isOverlayActionLoading,
-        className: `px-6 py-2.5 text-[12px] rounded-full transition-all outline-none active:scale-95 flex items-center gap-2 disabled:opacity-80 ${buttonClasses}`
+      onClick: (e) => {
+        e.stopPropagation();
+        router.push(`${actionPath}${activeCard.id}`);
       },
-      isOverlayActionLoading ? /* @__PURE__ */ import_react31.default.createElement(import_react32.HugeiconsIcon, { icon: import_core_free_icons11.Loading03Icon, size: 16, className: `animate-spin ${activeCard.contentDark ? "text-black" : "text-white"}` }) : "Card Frozen"
-    )),
-    /* @__PURE__ */ import_react31.default.createElement("div", { className: `absolute inset-0 w-full h-full rounded-2xl overflow-hidden transition-all duration-700 ${isBgLoaded ? "opacity-100 scale-100" : "opacity-0 scale-105"}` }, /* @__PURE__ */ import_react31.default.createElement(
-      "div",
-      {
-        className: "absolute inset-0 bg-cover bg-center",
-        style: { backgroundImage: `url(${activeCard.cardBgSrc})` }
-      }
-    ), /* @__PURE__ */ import_react31.default.createElement("div", { className: "relative z-10 w-full h-full p-5 flex flex-col justify-between" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex items-start justify-end w-full gap-4" }, activeCard.prepaid && /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex flex-col items-end gap-1 text-right" }, /* @__PURE__ */ import_react31.default.createElement("span", { className: `text-[9px] tracking-widest ${activeCard.contentDark ? "text-black/60" : "text-white/60"}` }, "Card Tier"), /* @__PURE__ */ import_react31.default.createElement("span", { className: `text-[11px] tracking-widest font-medium  ${activeCard.contentDark ? "text-black" : "text-white"}` }, activeCard.tier))), /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex justify-between items-end w-full" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ import_react31.default.createElement("span", { className: `text-[9px] tracking-widest ${activeCard.contentDark ? "text-black/60" : "text-white/60"}` }, activeCard.prepaid ? "Card Balance" : "Card Tier"), /* @__PURE__ */ import_react31.default.createElement("span", { className: `text-[12px] tracking-widest font-medium  ${activeCard.contentDark ? "text-black" : "text-white"}` }, activeCard.prepaid ? activeCard.balance || "$0.00" : activeCard.tier)), activeCard.networkLogoSrc && /* @__PURE__ */ import_react31.default.createElement(
-      "img",
-      {
-        src: activeCard.networkLogoSrc,
-        alt: "Network Logo",
-        className: "h-7 w-auto max-w-20 object-contain opacity-90"
-      }
-    ))))
-  )), activeCard.bannerProps ? /* @__PURE__ */ import_react31.default.createElement("div", { className: "mb-6 w-full mt-2" }, /* @__PURE__ */ import_react31.default.createElement(Banner, { ...activeCard.bannerProps })) : isPreordered ? /* @__PURE__ */ import_react31.default.createElement("div", { className: "mb-6 w-full mt-2" }, /* @__PURE__ */ import_react31.default.createElement(
-    Banner,
+      className: `px-6 py-2 text-[11px] rounded-full transition-all outline-none ${buttonClasses}`
+    },
+    "Activate Card"
+  ), isFrozen && /* @__PURE__ */ import_react31.default.createElement("div", { className: `px-6 py-2.5 text-[12px] rounded-full flex items-center gap-2 ${buttonClasses}` }, "Card Frozen")), /* @__PURE__ */ import_react31.default.createElement("div", { className: `absolute inset-0 w-full h-full rounded-2xl overflow-hidden transition-all duration-700 ${isBgLoaded ? "opacity-100 scale-100" : "opacity-0 scale-105"}` }, /* @__PURE__ */ import_react31.default.createElement(
+    "div",
     {
-      type: "success",
-      title: "Order Secured",
-      message: `Your ${activeCard.tier} ${activeCard.type.toLowerCase()} card has been pre-ordered successfully and is pending batch processing.`,
-      isDismissible: false
+      className: "absolute inset-0 bg-cover bg-center",
+      style: { backgroundImage: `url(${activeCard.cardBgSrc})` }
     }
-  )) : null, /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-full flex flex-col gap-4 mt-1" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, activeCard.prepaid && /* @__PURE__ */ import_react31.default.createElement(
+  ), /* @__PURE__ */ import_react31.default.createElement("div", { className: "relative z-10 w-full h-full p-5 flex flex-col justify-between" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex items-start justify-end w-full gap-4" }, activeCard.networkLogoSrc && /* @__PURE__ */ import_react31.default.createElement("img", { src: activeCard.networkLogoSrc, alt: "Network Logo", className: "h-7 w-auto max-w-20 object-contain opacity-90" })), /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex justify-between items-end w-full" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ import_react31.default.createElement("span", { className: `text-[10px] tracking-widest ${activeCard.contentDark ? "text-black/60" : "text-white/70"} drop-shadow-sm` }, "Balance"), /* @__PURE__ */ import_react31.default.createElement("span", { className: `text-[16px] tracking-widest font-medium ${activeCard.contentDark ? "text-black" : "text-white"} drop-shadow-sm` }, activeCard.balance))))))), /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-full flex flex-col gap-4 mt-1" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ import_react31.default.createElement(
     MenuRow,
     {
       icon: import_core_free_icons11.PlusSignIcon,
       title: "Fund Card",
-      subtitle: "Add money to card",
+      subtitle: "Add money to card balance",
       onClick: () => {
         if (!actionsDisabled && onFundCard) onFundCard(activeCard.id);
       },
@@ -2244,9 +2151,9 @@ var UniversalCardPage = ({
       title: "Reveal Information",
       subtitle: "Show secure card details",
       onClick: () => {
-        if (!revealDisabled && onReveal) onReveal(activeCard.id);
+        if (!actionsDisabled && onReveal) onReveal(activeCard.id);
       },
-      disabled: revealDisabled
+      disabled: actionsDisabled
     }
   ), /* @__PURE__ */ import_react31.default.createElement(
     MenuRow,
@@ -2258,19 +2165,7 @@ var UniversalCardPage = ({
       isToggle: true,
       toggleState: isFrozen,
       toggleLoading: isFreezing,
-      disabled: freezeDisabled,
-      isLast: activeCard.prepaid
-    }
-  ), !activeCard.prepaid && /* @__PURE__ */ import_react31.default.createElement(
-    MenuRow,
-    {
-      icon: import_core_free_icons11.SlidersHorizontalIcon,
-      title: "Set Limits",
-      subtitle: "Set card limits",
-      onClick: () => {
-        if (!actionsDisabled && onSetLimits) onSetLimits(activeCard.id);
-      },
-      disabled: actionsDisabled,
+      disabled: isUnactivated || isDead,
       isLast: true
     }
   )), /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ import_react31.default.createElement(
@@ -2290,7 +2185,7 @@ var UniversalCardPage = ({
     {
       isOpen: showDeleteDialog,
       title: "Delete Card",
-      message: "Please ensure you spend all funds on this card before deleting. Once deleted, any remaining funds will be permanently lost and cannot be recovered.",
+      message: "Are you sure you want to delete this card? This action is permanent and cannot be undone.",
       confirmText: "Delete",
       isDestructive: true,
       isProcessing: isDeleting,
@@ -2299,28 +2194,7 @@ var UniversalCardPage = ({
     }
   ));
 };
-var MenuRow = ({
-  icon,
-  title,
-  subtitle,
-  onClick,
-  iconColor = "text-black",
-  titleColor = "text-black",
-  isLast = false,
-  isToggle = false,
-  toggleState = false,
-  toggleLoading = false,
-  disabled = false
-}) => /* @__PURE__ */ import_react31.default.createElement(
-  "div",
-  {
-    onClick: disabled ? void 0 : onClick,
-    className: `flex items-center p-3 transition-colors ${!isLast ? "" : ""} ${disabled ? "opacity-40 cursor-not-allowed" : "cursor-pointer hover:bg-neutral-50"}`
-  },
-  /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-9 h-9 rounded-full border border-neutral-200 flex items-center justify-center shrink-0 mr-4" }, /* @__PURE__ */ import_react31.default.createElement(import_react32.HugeiconsIcon, { icon, size: 16, className: iconColor })),
-  /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ import_react31.default.createElement("p", { className: `text-[13px] truncate ${titleColor}` }, title), /* @__PURE__ */ import_react31.default.createElement("p", { className: "text-[11px] text-neutral-500 truncate" }, subtitle)),
-  isToggle ? /* @__PURE__ */ import_react31.default.createElement("div", { className: `relative w-11 h-6 rounded-full transition-colors duration-300 ml-2 shrink-0 ${toggleState ? "bg-black" : "bg-neutral-100"} ${disabled ? "opacity-50" : ""}` }, /* @__PURE__ */ import_react31.default.createElement("div", { className: `absolute top-1 left-1 w-4 h-4 rounded-full bg-white shadow-sm transition-transform duration-300 flex items-center justify-center ${toggleState ? "translate-x-5" : "translate-x-0"}` }, toggleLoading && /* @__PURE__ */ import_react31.default.createElement(import_react32.HugeiconsIcon, { icon: import_core_free_icons11.Loading03Icon, size: 10, className: "animate-spin text-black" }))) : /* @__PURE__ */ import_react31.default.createElement(import_react32.HugeiconsIcon, { icon: import_core_free_icons11.ArrowRight01Icon, size: 18, className: "text-neutral-400 shrink-0 ml-2" })
-);
+var MenuRow = ({ icon, title, subtitle, onClick, isLast = false, isToggle = false, toggleState = false, toggleLoading = false, disabled = false }) => /* @__PURE__ */ import_react31.default.createElement("div", { onClick: disabled ? void 0 : onClick, className: `flex items-center p-3 transition-colors ${disabled ? "opacity-40 cursor-not-allowed" : "cursor-pointer hover:bg-neutral-50"}` }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-9 h-9 rounded-full border border-neutral-200 flex items-center justify-center shrink-0 mr-4" }, /* @__PURE__ */ import_react31.default.createElement(import_react32.HugeiconsIcon, { icon, size: 16, className: "text-black" })), /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ import_react31.default.createElement("p", { className: "text-[13px] truncate text-black" }, title), /* @__PURE__ */ import_react31.default.createElement("p", { className: "text-[11px] text-neutral-500 truncate" }, subtitle)), isToggle ? /* @__PURE__ */ import_react31.default.createElement("div", { className: `relative w-11 h-6 rounded-full transition-colors duration-300 ml-2 shrink-0 ${toggleState ? "bg-black" : "bg-neutral-100"} ${disabled ? "opacity-50" : ""}` }, /* @__PURE__ */ import_react31.default.createElement("div", { className: `absolute top-1 left-1 w-4 h-4 rounded-full bg-white shadow-sm transition-transform duration-300 flex items-center justify-center ${toggleState ? "translate-x-5" : "translate-x-0"}` }, toggleLoading && /* @__PURE__ */ import_react31.default.createElement(import_react32.HugeiconsIcon, { icon: import_core_free_icons11.Loading03Icon, size: 10, className: "animate-spin text-black" }))) : /* @__PURE__ */ import_react31.default.createElement(import_react32.HugeiconsIcon, { icon: import_core_free_icons11.ArrowRight01Icon, size: 18, className: "text-neutral-400 shrink-0 ml-2" }));
 
 // src/components/UniversalProfilePage.tsx
 var import_react33 = __toESM(require("react"));
@@ -2571,7 +2445,7 @@ var import_image2 = __toESM(require("next/image"));
 
 // src/components/WaitlistDialog.tsx
 var import_react37 = __toESM(require("react"));
-var import_react_hot_toast7 = require("react-hot-toast");
+var import_react_hot_toast8 = require("react-hot-toast");
 var WaitlistDialog = ({ isOpen, onClose }) => {
   const [email, setEmail] = (0, import_react37.useState)("");
   const [isLoading, setIsLoading] = (0, import_react37.useState)(false);
@@ -2579,7 +2453,7 @@ var WaitlistDialog = ({ isOpen, onClose }) => {
   const handleSubmit = async (e) => {
     e.preventDefault();
     if (!email || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
-      import_react_hot_toast7.toast.error("Please enter a valid email address.");
+      import_react_hot_toast8.toast.error("Please enter a valid email address.");
       return;
     }
     setIsLoading(true);
@@ -2593,14 +2467,14 @@ var WaitlistDialog = ({ isOpen, onClose }) => {
       });
       const data = await response.json();
       if (response.ok && data.success) {
-        import_react_hot_toast7.toast.success(data.message || "You've been added to the waitlist!");
+        import_react_hot_toast8.toast.success(data.message || "You've been added to the waitlist!");
         setEmail("");
         onClose();
       } else {
-        import_react_hot_toast7.toast.error(data.error || "Something went wrong. Please try again.");
+        import_react_hot_toast8.toast.error(data.error || "Something went wrong. Please try again.");
       }
     } catch (error) {
-      import_react_hot_toast7.toast.error("Network error. Please check your connection.");
+      import_react_hot_toast8.toast.error("Network error. Please check your connection.");
     } finally {
       setIsLoading(false);
     }
@@ -2849,105 +2723,28 @@ var AppBento2 = ({ tagline, headline, features }) => {
 
 // src/components/UniversalSecurityPage.tsx
 var import_react41 = __toESM(require("react"));
-var import_react_hot_toast8 = __toESM(require("react-hot-toast"));
+var import_react_hot_toast9 = __toESM(require("react-hot-toast"));
 var import_react42 = require("@hugeicons/react");
 var import_core_free_icons14 = require("@hugeicons/core-free-icons");
 var import_browser2 = require("@simplewebauthn/browser");
 var UniversalSecurityPage = ({
-  has2FA,
+  hasPasscode,
   hasPasskey,
-  userEmail = "your account",
-  is2FALoading = false,
+  isPasscodeLoading = false,
   isPasskeyLoading = false,
   onBack,
-  onRequest2FASetup,
-  onVerifyAndEnable2FA,
-  onVerifyAndDisable2FA,
+  onSavePasscode,
   onRequestPasskeySetup,
   onVerifyAndEnablePasskey,
   onDisablePasskey
 }) => {
-  const [show2FASetupModal, setShow2FASetupModal] = (0, import_react41.useState)(false);
-  const [show2FADisableModal, setShow2FADisableModal] = (0, import_react41.useState)(false);
   const [showPasskeyModal, setShowPasskeyModal] = (0, import_react41.useState)(false);
-  const [twoFaSecret, setTwoFaSecret] = (0, import_react41.useState)("");
-  const [twoFaQr, setTwoFaQr] = (0, import_react41.useState)("");
-  const [isFetchingSetup, setIsFetchingSetup] = (0, import_react41.useState)(false);
-  const [otp, setOtp] = (0, import_react41.useState)(Array(6).fill(""));
   const [isSubmitting, setIsSubmitting] = (0, import_react41.useState)(false);
-  const inputRefs = (0, import_react41.useRef)([]);
-  const resetOtp = () => {
-    setOtp(Array(6).fill(""));
-    setIsSubmitting(false);
-  };
-  const handleOtpChange = (index, value) => {
-    const sanitizedValue = value.replace(/\D/g, "").slice(-1);
-    const newOtp = [...otp];
-    newOtp[index] = sanitizedValue;
-    setOtp(newOtp);
-    if (sanitizedValue && index < 5) {
-      inputRefs.current[index + 1]?.focus();
-    }
-  };
-  const handlePaste = (e) => {
-    e.preventDefault();
-    const pastedData = e.clipboardData.getData("text").replace(/\D/g, "").slice(0, 6);
-    if (!pastedData) return;
-    const newOtp = [...otp];
-    for (let i = 0; i < pastedData.length; i++) {
-      newOtp[i] = pastedData[i];
-    }
-    setOtp(newOtp);
-    const focusIndex = Math.min(pastedData.length, 5);
-    inputRefs.current[focusIndex]?.focus();
-  };
-  const handleCopySecret = async (secret) => {
-    try {
-      if (navigator?.clipboard?.writeText && window.isSecureContext) {
-        await navigator.clipboard.writeText(secret);
-        import_react_hot_toast8.default.success("Secret copied to clipboard");
-      } else {
-        throw new Error("Clipboard API not available");
-      }
-    } catch (e) {
-      try {
-        const textArea = document.createElement("textarea");
-        textArea.value = secret;
-        textArea.style.position = "fixed";
-        textArea.style.left = "-999999px";
-        textArea.style.top = "-999999px";
-        document.body.appendChild(textArea);
-        textArea.focus();
-        textArea.select();
-        document.execCommand("copy");
-        textArea.remove();
-        import_react_hot_toast8.default.success("Secret copied to clipboard");
-      } catch (err) {
-        import_react_hot_toast8.default.error("Unable to copy. Please manually copy the key.");
-      }
-    }
-  };
-  const handleToggle2FA = async () => {
-    if (is2FALoading) return;
-    if (has2FA) {
-      resetOtp();
-      setShow2FADisableModal(true);
-    } else {
-      if (!onRequest2FASetup) return;
-      setIsFetchingSetup(true);
-      try {
-        const data = await onRequest2FASetup();
-        setTwoFaSecret(data.secret);
-        setTwoFaQr(data.qrCodeUrl);
-        resetOtp();
-        setShow2FASetupModal(true);
-      } catch (error) {
-        import_react_hot_toast8.default.error("Failed to initialize 2FA setup");
-      } finally {
-        setIsFetchingSetup(false);
-      }
-    }
-  };
+  const [isPasscodeModalOpen, setIsPasscodeModalOpen] = (0, import_react41.useState)(false);
+  const [oldPasscode, setOldPasscode] = (0, import_react41.useState)("");
+  const [newPasscode, setNewPasscode] = (0, import_react41.useState)("");
+  const [confirmPasscode, setConfirmPasscode] = (0, import_react41.useState)("");
+  const [isPasscodeSubmitting, setIsPasscodeSubmitting] = (0, import_react41.useState)(false);
   const handleTogglePasskey = () => {
     if (isPasskeyLoading) return;
     if (hasPasskey) {
@@ -2956,38 +2753,40 @@ var UniversalSecurityPage = ({
       setShowPasskeyModal(true);
     }
   };
-  const submitEnable2FA = async (code) => {
-    if (!onVerifyAndEnable2FA) return;
-    setIsSubmitting(true);
-    try {
-      const res = await onVerifyAndEnable2FA(code);
-      if (res.success) {
-        import_react_hot_toast8.default.success("2FA Enabled Successfully");
-        setShow2FASetupModal(false);
-      } else {
-        import_react_hot_toast8.default.error("Invalid verification code");
-      }
-    } catch (error) {
-      import_react_hot_toast8.default.error("Verification failed");
-    } finally {
-      setIsSubmitting(false);
-    }
+  const closePasscodeModal = () => {
+    if (isPasscodeSubmitting) return;
+    setIsPasscodeModalOpen(false);
+    setOldPasscode("");
+    setNewPasscode("");
+    setConfirmPasscode("");
   };
-  const submitDisable2FA = async (code) => {
-    if (!onVerifyAndDisable2FA) return;
-    setIsSubmitting(true);
+  const handlePasscodeInput = (val, setter) => {
+    setter(val.replace(/\D/g, "").substring(0, 6));
+  };
+  const handlePasscodeSubmit = async (e) => {
+    e.preventDefault();
+    if (!onSavePasscode) return;
+    if (hasPasscode && oldPasscode.length !== 6) return import_react_hot_toast9.default.error("Old Passcode must be exactly 6-digits.");
+    if (newPasscode.length !== 6) return import_react_hot_toast9.default.error("New Passcode must be exactly 6-digits.");
+    if (newPasscode !== confirmPasscode) return import_react_hot_toast9.default.error("New Passcodes do not match.");
+    setIsPasscodeSubmitting(true);
     try {
-      const res = await onVerifyAndDisable2FA(code);
+      const action = hasPasscode ? "change_passcode" : "create_passcode";
+      const res = await onSavePasscode({
+        action,
+        oldPasscode: hasPasscode ? oldPasscode : void 0,
+        newPasscode
+      });
       if (res.success) {
-        import_react_hot_toast8.default.success("2FA Disabled");
-        setShow2FADisableModal(false);
+        import_react_hot_toast9.default.success(res.message || "Passcode updated successfully.");
+        closePasscodeModal();
       } else {
-        import_react_hot_toast8.default.error("Invalid verification code");
+        import_react_hot_toast9.default.error(res.error || "Failed to update Passcode.");
       }
     } catch (error) {
-      import_react_hot_toast8.default.error("Verification failed");
+      import_react_hot_toast9.default.error("Uh oh! Something went wrong.");
     } finally {
-      setIsSubmitting(false);
+      setIsPasscodeSubmitting(false);
     }
   };
   const submitEnablePasskey = async () => {
@@ -3006,13 +2805,13 @@ var UniversalSecurityPage = ({
       }
       const res = await onVerifyAndEnablePasskey(credentialResponse);
       if (res.success) {
-        import_react_hot_toast8.default.success("Passkey Created Successfully");
+        import_react_hot_toast9.default.success("Passkey Created Successfully");
         setShowPasskeyModal(false);
       } else {
-        import_react_hot_toast8.default.error("Failed to verify device passkey.");
+        import_react_hot_toast9.default.error("Failed to verify device passkey.");
       }
     } catch (error) {
-      import_react_hot_toast8.default.error(error.message || "Passkey setup interrupted.");
+      import_react_hot_toast9.default.error(error.message || "Passkey setup interrupted.");
     } finally {
       setIsSubmitting(false);
     }
@@ -3021,20 +2820,18 @@ var UniversalSecurityPage = ({
     "button",
     {
       onClick: onBack,
-      className: "flex items-center gap-2 text-neutral-500 hover:text-black transition-colors text-[13px]  outline-none"
+      className: "flex items-center gap-2 text-neutral-500 hover:text-black transition-colors text-[13px] outline-none"
     },
     /* @__PURE__ */ import_react41.default.createElement(import_react42.HugeiconsIcon, { icon: import_core_free_icons14.ArrowLeft01Icon, size: 16 }),
     " Back"
   )), /* @__PURE__ */ import_react41.default.createElement("div", { className: "w-full flex flex-col gap-4" }, /* @__PURE__ */ import_react41.default.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ import_react41.default.createElement(
     MenuRow3,
     {
-      icon: import_core_free_icons14.CircleLockCheck02Icon,
-      title: "Authenticator App",
-      subtitle: "Secure your account with 2FA",
-      onClick: handleToggle2FA,
-      isToggle: true,
-      toggleState: has2FA,
-      toggleLoading: is2FALoading || isFetchingSetup
+      icon: import_core_free_icons14.LockKeyIcon,
+      title: "Security Passcode",
+      subtitle: hasPasscode ? "Change your 6-digit passcode" : "Create a 6-digit passcode",
+      onClick: () => setIsPasscodeModalOpen(true),
+      isToggle: false
     }
   ), /* @__PURE__ */ import_react41.default.createElement(
     MenuRow3,
@@ -3048,86 +2845,49 @@ var UniversalSecurityPage = ({
       toggleLoading: isPasskeyLoading,
       isLast: true
     }
-  ))), show2FASetupModal && /* @__PURE__ */ import_react41.default.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ import_react41.default.createElement("div", { className: "absolute inset-0 bg-black/40 ", onClick: () => !isSubmitting && setShow2FASetupModal(false) }), /* @__PURE__ */ import_react41.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_react41.default.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 " }, /* @__PURE__ */ import_react41.default.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Enable 2FA"), /* @__PURE__ */ import_react41.default.createElement("button", { onClick: () => !isSubmitting && setShow2FASetupModal(false), className: "text-neutral-400 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ import_react41.default.createElement(import_react42.HugeiconsIcon, { icon: import_core_free_icons14.CancelCircleIcon, size: 18 }))), /* @__PURE__ */ import_react41.default.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 pt-2" }, /* @__PURE__ */ import_react41.default.createElement("div", { className: "w-full flex justify-center mb-6 mix-blend-multiply" }, twoFaQr ? /* @__PURE__ */ import_react41.default.createElement("img", { src: twoFaQr, alt: "2FA QR Code", className: "w-40 h-40 object-contain rounded-xl border border-neutral-200 p-2" }) : /* @__PURE__ */ import_react41.default.createElement("div", { className: "w-40 h-40 bg-neutral-100 rounded-xl flex items-center justify-center animate-pulse" })), /* @__PURE__ */ import_react41.default.createElement("div", { className: "grid grid-cols-1 gap-y-6 gap-x-4 mb-8" }, /* @__PURE__ */ import_react41.default.createElement("div", null, /* @__PURE__ */ import_react41.default.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2 " }, "Setup Key"), /* @__PURE__ */ import_react41.default.createElement("div", { className: "flex items-center gap-2 min-w-0 bg-neutral-50 px-3 py-2.5 rounded-xl " }, /* @__PURE__ */ import_react41.default.createElement("span", { className: "text-[13px] font-mono tracking-widest text-black truncate min-w-0 block flex-1" }, twoFaSecret), /* @__PURE__ */ import_react41.default.createElement(
-    "button",
-    {
-      type: "button",
-      onClick: () => handleCopySecret(twoFaSecret),
-      className: "text-neutral-400 hover:text-black transition-colors outline-none shrink-0 ml-2"
-    },
-    /* @__PURE__ */ import_react41.default.createElement(import_react42.HugeiconsIcon, { icon: import_core_free_icons14.Copy01Icon, size: 16 })
-  )))), /* @__PURE__ */ import_react41.default.createElement("div", { className: "text-center mb-8 mt-2" }, /* @__PURE__ */ import_react41.default.createElement("h2", { className: "text-xl text-black mb-2 tracking-tight" }, "Security Check"), /* @__PURE__ */ import_react41.default.createElement("p", { className: "text-[13px] text-neutral-500" }, "Enter the 6-digit code from your app")), /* @__PURE__ */ import_react41.default.createElement("form", { className: "space-y-4", autoComplete: "off", onSubmit: (e) => {
-    e.preventDefault();
-    submitEnable2FA(otp.join(""));
-  } }, /* @__PURE__ */ import_react41.default.createElement("div", { className: "flex justify-between gap-2 pb-6", onPaste: handlePaste }, otp.map((digit, index) => /* @__PURE__ */ import_react41.default.createElement(
-    "input",
+  ))), isPasscodeModalOpen && /* @__PURE__ */ import_react41.default.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ import_react41.default.createElement("div", { className: "absolute inset-0 bg-black/40", onClick: closePasscodeModal }), /* @__PURE__ */ import_react41.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" }, /* @__PURE__ */ import_react41.default.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 " }, /* @__PURE__ */ import_react41.default.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, hasPasscode ? "Change Passcode" : "Create Security Passcode"), /* @__PURE__ */ import_react41.default.createElement("button", { onClick: closePasscodeModal, disabled: isPasscodeSubmitting, className: "text-neutral-400 hover:text-black transition-colors outline-none disabled:opacity-50" }, /* @__PURE__ */ import_react41.default.createElement(import_react42.HugeiconsIcon, { icon: import_core_free_icons14.CancelCircleIcon, size: 18 }))), /* @__PURE__ */ import_react41.default.createElement("div", { className: "p-6" }, isPasscodeLoading ? /* @__PURE__ */ import_react41.default.createElement("div", { className: "flex flex-col items-center justify-center py-10" }, /* @__PURE__ */ import_react41.default.createElement(import_react42.HugeiconsIcon, { icon: import_core_free_icons14.Loading03Icon, size: 28, className: "animate-spin text-neutral-400 mb-4" })) : /* @__PURE__ */ import_react41.default.createElement("form", { onSubmit: handlePasscodeSubmit, className: "flex flex-col gap-6" }, hasPasscode && /* @__PURE__ */ import_react41.default.createElement(
+    TextInput,
     {
-      key: index,
-      ref: (el) => {
-        inputRefs.current[index] = el;
-      },
-      type: "text",
-      inputMode: "numeric",
-      maxLength: 1,
-      value: digit,
-      onChange: (e) => handleOtpChange(index, e.target.value),
-      onKeyDown: (e) => {
-        if (e.key === "Backspace" && !otp[index] && index > 0) {
-          inputRefs.current[index - 1]?.focus();
-        }
-      },
-      className: "w-8 h-12 text-center text-lg bg-transparent border-b-2 border-neutral-200 text-black outline-none focus:border-black transition-all duration-300"
+      type: "password",
+      label: "Old 6-Digit Passcode",
+      maxLength: 6,
+      disabled: isPasscodeSubmitting,
+      value: oldPasscode,
+      onChange: (val) => handlePasscodeInput(val, setOldPasscode),
+      placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022"
     }
-  ))), /* @__PURE__ */ import_react41.default.createElement(
-    ThreeDActionButton,
-    {
-      type: "submit",
-      disabled: otp.join("").length < 6,
-      isLoading: isSubmitting,
-      className: "w-full py-3.5"
-    },
-    "Verify & Enable"
   ), /* @__PURE__ */ import_react41.default.createElement(
-    "button",
-    {
-      type: "button",
-      onClick: () => handleCopySecret(twoFaSecret),
-      className: "w-full flex items-center justify-center py-2.5 rounded-full border border-neutral-200 text-black hover:bg-neutral-50 outline-none text-xs  tracking-wide transition-colors mt-2"
-    },
-    /* @__PURE__ */ import_react41.default.createElement(import_react42.HugeiconsIcon, { icon: import_core_free_icons14.Copy01Icon, size: 16, className: "mr-2" }),
-    "Copy Secret Key"
-  ))))), show2FADisableModal && /* @__PURE__ */ import_react41.default.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ import_react41.default.createElement("div", { className: "absolute inset-0 bg-black/40 ", onClick: () => !isSubmitting && setShow2FADisableModal(false) }), /* @__PURE__ */ import_react41.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" }, /* @__PURE__ */ import_react41.default.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 " }, /* @__PURE__ */ import_react41.default.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Disable 2FA"), /* @__PURE__ */ import_react41.default.createElement("button", { onClick: () => !isSubmitting && setShow2FADisableModal(false), className: "text-neutral-400 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ import_react41.default.createElement(import_react42.HugeiconsIcon, { icon: import_core_free_icons14.CancelCircleIcon, size: 18 }))), /* @__PURE__ */ import_react41.default.createElement("div", { className: "p-6" }, /* @__PURE__ */ import_react41.default.createElement("div", { className: "text-center mb-8 mt-2" }, /* @__PURE__ */ import_react41.default.createElement("h2", { className: "text-xl text-black mb-2 tracking-tight" }, "Security Check"), /* @__PURE__ */ import_react41.default.createElement("p", { className: "text-[13px] text-neutral-500" }, "Enter the code from your authenticator app to disable 2FA.")), /* @__PURE__ */ import_react41.default.createElement("form", { className: "space-y-8", autoComplete: "off", onSubmit: (e) => {
-    e.preventDefault();
-    submitDisable2FA(otp.join(""));
-  } }, /* @__PURE__ */ import_react41.default.createElement("div", { className: "flex justify-between gap-2", onPaste: handlePaste }, otp.map((digit, index) => /* @__PURE__ */ import_react41.default.createElement(
-    "input",
+    TextInput,
     {
-      key: index,
-      ref: (el) => {
-        inputRefs.current[index] = el;
-      },
-      type: "text",
-      inputMode: "numeric",
-      maxLength: 1,
-      value: digit,
-      onChange: (e) => handleOtpChange(index, e.target.value),
-      onKeyDown: (e) => {
-        if (e.key === "Backspace" && !otp[index] && index > 0) {
-          inputRefs.current[index - 1]?.focus();
-        }
-      },
-      className: "w-10 h-12 text-center text-lg bg-transparent border-b-2 border-neutral-200 text-black outline-none focus:border-black transition-all duration-300"
+      type: "password",
+      label: hasPasscode ? "New 6-Digit Passcode" : "Enter 6-Digit Passcode",
+      maxLength: 6,
+      disabled: isPasscodeSubmitting,
+      value: newPasscode,
+      onChange: (val) => handlePasscodeInput(val, setNewPasscode),
+      placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022"
     }
-  ))), /* @__PURE__ */ import_react41.default.createElement(
+  ), /* @__PURE__ */ import_react41.default.createElement(
+    TextInput,
+    {
+      type: "password",
+      label: "Retype New Passcode",
+      maxLength: 6,
+      disabled: isPasscodeSubmitting,
+      value: confirmPasscode,
+      onChange: (val) => handlePasscodeInput(val, setConfirmPasscode),
+      placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022"
+    }
+  ), /* @__PURE__ */ import_react41.default.createElement("div", { className: "pt-2" }, /* @__PURE__ */ import_react41.default.createElement(
     ThreeDActionButton,
     {
       type: "submit",
-      disabled: otp.join("").length < 6,
-      isLoading: isSubmitting,
-      className: "w-full py-3.5"
+      disabled: isPasscodeSubmitting || newPasscode.length !== 6 || confirmPasscode.length !== 6 || hasPasscode && oldPasscode.length !== 6,
+      isLoading: isPasscodeSubmitting,
+      className: "w-full"
     },
-    "Verify & Disable"
-  ))))), showPasskeyModal && /* @__PURE__ */ import_react41.default.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ import_react41.default.createElement("div", { className: "absolute inset-0 bg-black/40 ", onClick: () => !isSubmitting && setShowPasskeyModal(false) }), /* @__PURE__ */ import_react41.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" }, /* @__PURE__ */ import_react41.default.createElement("div", { className: "flex items-center justify-between p-5 shrink-0" }, /* @__PURE__ */ import_react41.default.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Enable Passkey"), /* @__PURE__ */ import_react41.default.createElement("button", { onClick: () => !isSubmitting && setShowPasskeyModal(false), className: "text-neutral-400 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ import_react41.default.createElement(import_react42.HugeiconsIcon, { icon: import_core_free_icons14.CancelCircleIcon, size: 18 }))), /* @__PURE__ */ import_react41.default.createElement("div", { className: "p-6 text-center" }, /* @__PURE__ */ import_react41.default.createElement("h2", { className: "text-lg text-black mb-2 tracking-tight" }, "Simplify your Sign In"), /* @__PURE__ */ import_react41.default.createElement("p", { className: "text-[13px] text-neutral-500 mb-8 leading-relaxed" }, "Use your device's biometrics (Face ID, Touch ID, or PIN) to securely sign into your account without needing a password."), /* @__PURE__ */ import_react41.default.createElement(
+    hasPasscode ? "Update Passcode" : "Set Passcode"
+  )))))), showPasskeyModal && /* @__PURE__ */ import_react41.default.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ import_react41.default.createElement("div", { className: "absolute inset-0 bg-black/40 ", onClick: () => !isSubmitting && setShowPasskeyModal(false) }), /* @__PURE__ */ import_react41.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" }, /* @__PURE__ */ import_react41.default.createElement("div", { className: "flex items-center justify-between p-5 shrink-0" }, /* @__PURE__ */ import_react41.default.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Enable Passkey"), /* @__PURE__ */ import_react41.default.createElement("button", { onClick: () => !isSubmitting && setShowPasskeyModal(false), className: "text-neutral-400 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ import_react41.default.createElement(import_react42.HugeiconsIcon, { icon: import_core_free_icons14.CancelCircleIcon, size: 18 }))), /* @__PURE__ */ import_react41.default.createElement("div", { className: "p-6 text-center" }, /* @__PURE__ */ import_react41.default.createElement("h2", { className: "text-lg text-black mb-2 tracking-tight" }, "Simplify your Sign In"), /* @__PURE__ */ import_react41.default.createElement("p", { className: "text-[13px] text-neutral-500 mb-8 leading-relaxed" }, "Use your device's biometrics (Face ID, Touch ID, or PIN) to securely sign into your account without needing a password."), /* @__PURE__ */ import_react41.default.createElement(
     ThreeDActionButton,
     {
       onClick: submitEnablePasskey,
@@ -3155,8 +2915,8 @@ var MenuRow3 = ({
     onClick: disabled ? void 0 : onClick,
     className: `flex items-center p-4 transition-colors ${!isLast ? "" : ""} ${disabled ? "opacity-40 cursor-not-allowed" : "cursor-pointer hover:bg-neutral-50"}`
   },
-  /* @__PURE__ */ import_react41.default.createElement("div", { className: "w-9 h-9 rounded-full  border border-neutral-200 flex items-center justify-center shrink-0 mr-4" }, /* @__PURE__ */ import_react41.default.createElement(import_react42.HugeiconsIcon, { icon, size: 16, className: iconColor })),
-  /* @__PURE__ */ import_react41.default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ import_react41.default.createElement("p", { className: `text-[14px]  truncate ${titleColor}` }, title), /* @__PURE__ */ import_react41.default.createElement("p", { className: "text-[12px] text-neutral-500 truncate" }, subtitle)),
+  /* @__PURE__ */ import_react41.default.createElement("div", { className: "w-9 h-9 rounded-full border border-neutral-200 flex items-center justify-center shrink-0 mr-4" }, /* @__PURE__ */ import_react41.default.createElement(import_react42.HugeiconsIcon, { icon, size: 16, className: iconColor })),
+  /* @__PURE__ */ import_react41.default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ import_react41.default.createElement("p", { className: `text-[14px] truncate ${titleColor}` }, title), /* @__PURE__ */ import_react41.default.createElement("p", { className: "text-[12px] text-neutral-500 truncate" }, subtitle)),
   isToggle ? /* @__PURE__ */ import_react41.default.createElement("div", { className: `relative w-11 h-6 rounded-full transition-colors duration-300 ml-2 shrink-0 ${toggleState ? "bg-black" : "bg-neutral-100"} ${disabled ? "opacity-50" : ""}` }, /* @__PURE__ */ import_react41.default.createElement("div", { className: `absolute top-1 left-1 w-4 h-4 rounded-full bg-white shadow-sm transition-transform duration-300 flex items-center justify-center ${toggleState ? "translate-x-5" : "translate-x-0"}` }, toggleLoading && /* @__PURE__ */ import_react41.default.createElement(import_react42.HugeiconsIcon, { icon: import_core_free_icons14.Loading03Icon, size: 10, className: "animate-spin text-black" }))) : /* @__PURE__ */ import_react41.default.createElement(import_react42.HugeiconsIcon, { icon: import_core_free_icons14.ArrowRight01Icon, size: 18, className: "text-neutral-400 shrink-0 ml-2" })
 );
 
@@ -4086,7 +3846,7 @@ var UniversalVerificationPage = ({
 // src/components/UniversalRewardPage.tsx
 var import_react67 = __toESM(require("react"));
 var import_axios = __toESM(require("axios"));
-var import_react_hot_toast9 = __toESM(require("react-hot-toast"));
+var import_react_hot_toast10 = __toESM(require("react-hot-toast"));
 var import_react_confetti = __toESM(require("react-confetti"));
 var import_react_use = require("react-use");
 var import_react68 = require("@hugeicons/react");
@@ -4137,7 +3897,7 @@ var UniversalRewardPage = ({
       const res = await import_axios.default.post(selectedReward.endpoint, selectedReward.config);
       if (res.data.success) {
         setShowConfetti(true);
-        import_react_hot_toast9.default.success(res.data.message || "Reward claimed successfully!");
+        import_react_hot_toast10.default.success(res.data.message || "Reward claimed successfully!");
         setSelectedReward(null);
         onRefresh();
         setTimeout(() => {
@@ -4145,7 +3905,7 @@ var UniversalRewardPage = ({
         }, 6e3);
       }
     } catch (error) {
-      import_react_hot_toast9.default.error(error.response?.data?.error || "Failed to claim reward. Please try again.");
+      import_react_hot_toast10.default.error(error.response?.data?.error || "Failed to claim reward. Please try again.");
     } finally {
       setIsClaiming(false);
     }
@@ -4195,7 +3955,7 @@ var UniversalRewardPage = ({
 
 // src/components/UniversalReferralPage.tsx
 var import_react69 = __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_react70 = require("@hugeicons/react");
 var import_core_free_icons23 = require("@hugeicons/core-free-icons");
 var PageSpinner5 = () => /* @__PURE__ */ import_react69.default.createElement("div", { className: "flex justify-center items-center py-12" }, /* @__PURE__ */ import_react69.default.createElement(import_react70.HugeiconsIcon, { icon: import_core_free_icons23.Loading03Icon, size: 32, className: "animate-spin mb-4 text-black" }));
@@ -4209,6 +3969,8 @@ var formatDate = (dateInput) => {
 var UniversalReferralPage = ({
   referralCode,
   totalCount,
+  referralCoins = 0,
+  // Default to 0
   referrals,
   isLoading,
   currentPage,
@@ -4223,9 +3985,9 @@ var UniversalReferralPage = ({
     if (!referralCode) return;
     try {
       await navigator.clipboard.writeText(referralCode);
-      import_react_hot_toast10.default.success("Referral code copied!");
+      import_react_hot_toast11.default.success("Referral code copied!");
     } catch {
-      import_react_hot_toast10.default.error("Failed to copy code.");
+      import_react_hot_toast11.default.error("Failed to copy code.");
     }
   };
   const AvatarLogo2 = ({ src, alt, name, sizeClass = "w-10 h-10" }) => {
@@ -4234,7 +3996,7 @@ var UniversalReferralPage = ({
     const finalSrc = src || fallbackUrl;
     return /* @__PURE__ */ import_react69.default.createElement("div", { className: `relative shrink-0 rounded-full bg-neutral-100 flex items-center justify-center overflow-hidden border-2 border-white ${sizeClass}` }, !isLoaded && /* @__PURE__ */ import_react69.default.createElement(import_react70.HugeiconsIcon, { icon: import_core_free_icons23.Loading03Icon, size: 16, className: "animate-spin text-neutral-400 absolute" }), /* @__PURE__ */ import_react69.default.createElement("img", { src: finalSrc, alt, onLoad: () => setIsLoaded(true), className: `w-full h-full object-cover transition-opacity duration-300 ${isLoaded ? "opacity-100" : "opacity-0"}` }));
   };
-  return /* @__PURE__ */ import_react69.default.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ import_react69.default.createElement(ManagedToaster, null), /* @__PURE__ */ import_react69.default.createElement("div", { className: "mb-6 flex w-full items-center px-1" }, /* @__PURE__ */ import_react69.default.createElement("button", { onClick: onBackHandler, className: "flex items-center gap-2 text-neutral-500 hover:text-black transition-colors text-[13px] outline-none" }, /* @__PURE__ */ import_react69.default.createElement(import_react70.HugeiconsIcon, { icon: import_core_free_icons23.ArrowLeft01Icon, size: 16 }), " Back")), /* @__PURE__ */ import_react69.default.createElement("div", { className: "flex flex-col gap-8 p-6 rounded-3xl bg-white w-full" }, /* @__PURE__ */ import_react69.default.createElement("div", { className: "flex flex-col gap-4 mb-2" }, /* @__PURE__ */ import_react69.default.createElement("div", null, /* @__PURE__ */ import_react69.default.createElement("h1", { className: "text-black text-xl mb-1 tracking-tight" }, "Your Referrals"), /* @__PURE__ */ import_react69.default.createElement("p", { className: "text-xs text-neutral-500" }, "Invite friends and earn rewards when they verify and activate cards.")), /* @__PURE__ */ import_react69.default.createElement("div", { className: "border border-neutral-200 rounded-xl p-4 flex items-center justify-between mt-2" }, /* @__PURE__ */ import_react69.default.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ import_react69.default.createElement("span", { className: "text-[11px] tracking-widest text-neutral-400 " }, "Invitation Code"), isLoading && !referralCode ? /* @__PURE__ */ import_react69.default.createElement("div", { className: "h-6 w-24 bg-neutral-50 animate-pulse rounded mt-1" }) : /* @__PURE__ */ import_react69.default.createElement("span", { className: "text-lg  text-black tracking-widest" }, referralCode)), /* @__PURE__ */ import_react69.default.createElement(
+  return /* @__PURE__ */ import_react69.default.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ import_react69.default.createElement(ManagedToaster, null), /* @__PURE__ */ import_react69.default.createElement("div", { className: "mb-6 flex w-full items-center px-1" }, /* @__PURE__ */ import_react69.default.createElement("button", { onClick: onBackHandler, className: "flex items-center gap-2 text-neutral-500 hover:text-black transition-colors text-[13px] outline-none" }, /* @__PURE__ */ import_react69.default.createElement(import_react70.HugeiconsIcon, { icon: import_core_free_icons23.ArrowLeft01Icon, size: 16 }), " Back")), /* @__PURE__ */ import_react69.default.createElement("div", { className: "flex flex-col gap-8 p-6 rounded-3xl bg-white w-full" }, /* @__PURE__ */ import_react69.default.createElement("div", { className: "flex flex-col gap-4 mb-2" }, /* @__PURE__ */ import_react69.default.createElement("div", null, /* @__PURE__ */ import_react69.default.createElement("h1", { className: "text-black text-xl mb-1 tracking-tight" }, "Your Referrals"), /* @__PURE__ */ import_react69.default.createElement("p", { className: "text-xs text-neutral-500" }, "Invite friends and earn rewards when they verify and activate cards.")), /* @__PURE__ */ import_react69.default.createElement("div", { className: "border border-neutral-200 rounded-xl p-4 flex items-center justify-between mt-2" }, /* @__PURE__ */ import_react69.default.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ import_react69.default.createElement("span", { className: "text-[11px] tracking-widest text-neutral-400 " }, "Invitation Code"), isLoading && !referralCode ? /* @__PURE__ */ import_react69.default.createElement("div", { className: "h-6 w-24 bg-neutral-50 animate-pulse rounded mt-1" }) : /* @__PURE__ */ import_react69.default.createElement("span", { className: "text-lg text-black tracking-widest" }, referralCode)), /* @__PURE__ */ import_react69.default.createElement(
     "button",
     {
       onClick: handleCopyCode,
@@ -4242,7 +4004,7 @@ var UniversalReferralPage = ({
       className: "w-10 h-10 rounded-full bg-white flex items-center justify-center text-neutral-500 hover:text-black transition-colors outline-none disabled:opacity-50"
     },
     /* @__PURE__ */ import_react69.default.createElement(import_react70.HugeiconsIcon, { icon: import_core_free_icons23.Copy01Icon, size: 18 })
-  )), /* @__PURE__ */ import_react69.default.createElement("div", { className: "text-[13px]  text-black px-1 mt-2" }, "Total Invited: ", isLoading && !totalCount ? "-" : totalCount)), /* @__PURE__ */ import_react69.default.createElement("div", { className: "w-full overflow-hidden" }, isLoading ? /* @__PURE__ */ import_react69.default.createElement(PageSpinner5, null) : /* @__PURE__ */ import_react69.default.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ import_react69.default.createElement("div", null, referrals.length === 0 ? /* @__PURE__ */ import_react69.default.createElement("div", { className: "flex flex-col items-center justify-center py-12 opacity-50" }, /* @__PURE__ */ import_react69.default.createElement("p", { className: "text-xs text-neutral-500 text-center" }, "You haven't referred anyone yet.")) : referrals.map((ref, idx) => /* @__PURE__ */ import_react69.default.createElement(
+  )), /* @__PURE__ */ import_react69.default.createElement("div", { className: "flex items-center justify-between text-[13px] text-black px-1 mt-2" }, /* @__PURE__ */ import_react69.default.createElement("span", null, "Total Invited: ", isLoading && !totalCount ? "-" : totalCount), /* @__PURE__ */ import_react69.default.createElement("span", null, "Points: ", isLoading && !referralCoins && referralCoins !== 0 ? "-" : referralCoins))), /* @__PURE__ */ import_react69.default.createElement("div", { className: "w-full overflow-hidden" }, isLoading ? /* @__PURE__ */ import_react69.default.createElement(PageSpinner5, null) : /* @__PURE__ */ import_react69.default.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ import_react69.default.createElement("div", null, referrals.length === 0 ? /* @__PURE__ */ import_react69.default.createElement("div", { className: "flex flex-col items-center justify-center py-12 opacity-50" }, /* @__PURE__ */ import_react69.default.createElement("p", { className: "text-xs text-neutral-500 text-center" }, "You haven't referred anyone yet.")) : referrals.map((ref, idx) => /* @__PURE__ */ import_react69.default.createElement(
     "div",
     {
       key: `${ref.profile.username}-${idx}`,
@@ -4255,8 +4017,8 @@ var UniversalReferralPage = ({
         alt: ref.profile.username,
         name: formatWeb3Name2(ref.profile.web3Name)
       }
-    ), /* @__PURE__ */ import_react69.default.createElement("div", { className: "min-w-0 flex-1 flex flex-col gap-0.5 pr-4" }, /* @__PURE__ */ import_react69.default.createElement("p", { className: "text-[14px]  text-black truncate" }, formatWeb3Name2(ref.profile.web3Name)), /* @__PURE__ */ import_react69.default.createElement("p", { className: "text-[12px] text-neutral-500 truncate" }, "@", ref.profile.username))),
-    /* @__PURE__ */ import_react69.default.createElement("div", { className: "shrink-0 flex flex-col items-end gap-1 text-right" }, /* @__PURE__ */ import_react69.default.createElement("span", { className: "text-[11px] text-neutral-400" }, "Joined"), /* @__PURE__ */ import_react69.default.createElement("span", { className: "text-[12px]  text-black" }, formatDate(ref.joinedAt)))
+    ), /* @__PURE__ */ import_react69.default.createElement("div", { className: "min-w-0 flex-1 flex flex-col gap-0.5 pr-4" }, /* @__PURE__ */ import_react69.default.createElement("p", { className: "text-[14px] text-black truncate" }, formatWeb3Name2(ref.profile.web3Name)), /* @__PURE__ */ import_react69.default.createElement("p", { className: "text-[12px] text-neutral-500 truncate" }, "@", ref.profile.username))),
+    /* @__PURE__ */ import_react69.default.createElement("div", { className: "shrink-0 flex flex-col items-end gap-1 text-right" }, /* @__PURE__ */ import_react69.default.createElement("span", { className: "text-[11px] text-neutral-400" }, "Joined"), /* @__PURE__ */ import_react69.default.createElement("span", { className: "text-[12px] text-black" }, formatDate(ref.joinedAt)))
   ))), /* @__PURE__ */ import_react69.default.createElement("div", { className: "flex items-center justify-between pt-6 mt-2 " }, /* @__PURE__ */ import_react69.default.createElement("span", { className: "text-[11px] text-neutral-400 tracking-[0.2em]" }, "Page ", currentPage, " of ", totalPages === 0 ? 1 : totalPages), /* @__PURE__ */ import_react69.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react69.default.createElement(
     "button",
     {