@retinalabsllc/zairusjs 15.0.90 → 15.1.1

package/dist/index.mjs

@@ -1036,14 +1036,14 @@ import {
 var UniversalProfileSettings = ({
   initialFirstName,
   initialLastName,
-  email,
+  phoneNumber,
   accountStatus = "GOOD",
   memberSince,
   isReadOnly = false,
   bannerProps,
-  hasPin = false,
-  isPinLoading = false,
-  onSavePin,
+  hasPasscode = false,
+  isPasscodeLoading = false,
+  onSavePasscode,
   onSaveProfile,
   onBack
 }) => {
@@ -1053,11 +1053,11 @@ var UniversalProfileSettings = ({
   const [firstName, setFirstName] = useState8(initialFirstName);
   const [lastName, setLastName] = useState8(initialLastName);
   const [isSubmitting, setIsSubmitting] = useState8(false);
-  const [isPinModalOpen, setIsPinModalOpen] = useState8(false);
-  const [oldPin, setOldPin] = useState8("");
-  const [newPin, setNewPin] = useState8("");
-  const [confirmPin, setConfirmPin] = useState8("");
-  const [isPinSubmitting, setIsPinSubmitting] = useState8(false);
+  const [isPasscodeModalOpen, setIsPasscodeModalOpen] = useState8(false);
+  const [oldPasscode, setOldPasscode] = useState8("");
+  const [newPasscode, setNewPasscode] = useState8("");
+  const [confirmPasscode, setConfirmPasscode] = useState8("");
+  const [isPasscodeSubmitting, setIsPasscodeSubmitting] = useState8(false);
   useEffect5(() => {
     setFirstName(initialFirstName || "");
     setLastName(initialLastName || "");
@@ -1086,40 +1086,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 toast3.error("Old PIN must be exactly 4-digits.");
-    if (newPin.length !== 4) return toast3.error("New PIN must be exactly 4-digits.");
-    if (newPin !== confirmPin) return toast3.error("New PINs do not match.");
-    setIsPinSubmitting(true);
+    if (!onSavePasscode) return;
+    if (hasPasscode && oldPasscode.length !== 6) return toast3.error("Old Passcode must be exactly 6-digits.");
+    if (newPasscode.length !== 6) return toast3.error("New Passcode must be exactly 6-digits.");
+    if (newPasscode !== confirmPasscode) return toast3.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) {
-        toast3.success(res.message || "PIN updated successfully.");
-        closePinModal();
+        toast3.success(res.message || "Passcode updated successfully.");
+        closePasscodeModal();
       } else {
-        toast3.error(res.error || "Failed to update PIN.");
+        toast3.error(res.error || "Failed to update Passcode.");
       }
     } catch (error) {
       toast3.error("Uh oh! Something went wrong.");
     } finally {
-      setIsPinSubmitting(false);
+      setIsPasscodeSubmitting(false);
     }
   };
   const hasChanges = firstName !== initialFirstName || lastName !== initialLastName;
@@ -1132,7 +1132,7 @@ var UniversalProfileSettings = ({
     },
     /* @__PURE__ */ React12.createElement(HugeiconsIcon6, { icon: ArrowLeft01Icon2, size: 16 }),
     " Back"
-  )), /* @__PURE__ */ React12.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__ */ React12.createElement(ManagedToaster, null), /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col sm:flex-row sm:items-start justify-between gap-3 sm:gap-4" }, /* @__PURE__ */ React12.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React12.createElement("h1", { className: "text-black text-xl mb-1 truncate tracking-tight" }, "Personal Settings"), /* @__PURE__ */ React12.createElement("p", { className: "text-xs text-neutral-500 truncate" }, "Manage your personal account profile.")), isReadOnly && /* @__PURE__ */ React12.createElement("span", { className: "p-2 w-9 h-9 bg-neutral-100 text-neutral-400 rounded-full shrink-0" }, /* @__PURE__ */ React12.createElement(HugeiconsIcon6, { icon: CircleLock02Icon2, size: 18, className: "text-current" }))), bannerProps && /* @__PURE__ */ React12.createElement(Banner, { ...bannerProps }), /* @__PURE__ */ React12.createElement("div", { className: "w-full max-w-5xl" }, /* @__PURE__ */ React12.createElement("form", { className: "flex flex-col gap-8", onSubmit: handleSave, autoComplete: "off" }, /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col sm:flex-row gap-6" }, /* @__PURE__ */ React12.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React12.createElement(
+  )), /* @__PURE__ */ React12.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__ */ React12.createElement(ManagedToaster, null), /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col sm:flex-row sm:items-start justify-between gap-3 sm:gap-4" }, /* @__PURE__ */ React12.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React12.createElement("h1", { className: "text-black text-xl mb-1 truncate tracking-tight" }, "Personal Settings"), /* @__PURE__ */ React12.createElement("p", { className: "text-xs text-neutral-500 truncate" }, "Manage your personal account profile.")), isReadOnly && /* @__PURE__ */ React12.createElement("span", { className: "p-2 w-9 h-9 bg-neutral-100 text-neutral-400 rounded-full shrink-0" }, /* @__PURE__ */ React12.createElement(HugeiconsIcon6, { icon: CircleLock02Icon2, size: 18, className: "text-current" }))), bannerProps && /* @__PURE__ */ React12.createElement(Banner, { ...bannerProps }), /* @__PURE__ */ React12.createElement("div", { className: "w-full max-w-5xl" }, /* @__PURE__ */ React12.createElement("form", { className: "flex flex-col gap-8", onSubmit: handleSave, autoComplete: "off" }, /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col sm:flex-row gap-6" }, /* @__PURE__ */ React12.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React12.createElement(
     TextInput,
     {
       label: "First Name",
@@ -1153,17 +1153,17 @@ var UniversalProfileSettings = ({
   ))), /* @__PURE__ */ React12.createElement("div", { className: "space-y-2 min-w-0" }, /* @__PURE__ */ React12.createElement(
     TextInput,
     {
-      label: "Email ID",
-      value: email,
+      label: "Registered Phone Number",
+      value: phoneNumber,
       onChange: () => {
       },
       disabled: true
     }
-  ), /* @__PURE__ */ React12.createElement("p", { className: "text-[11px] text-neutral-500 mt-1 truncate" }, "To change your email address, please contact support.")), /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between pt-8 mt-2 gap-6 sm:gap-4" }, /* @__PURE__ */ React12.createElement("div", { className: "flex items-center gap-6 min-w-0" }, /* @__PURE__ */ React12.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React12.createElement("span", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block truncate" }, "Account Status"), /* @__PURE__ */ React12.createElement("span", { className: "text-xs text-black block truncate" }, accountStatus)), /* @__PURE__ */ React12.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React12.createElement("span", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block truncate" }, "Member Since"), /* @__PURE__ */ React12.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__ */ React12.createElement("div", { className: "min-w-0 pl-4" }, /* @__PURE__ */ React12.createElement(
+  ), /* @__PURE__ */ React12.createElement("p", { className: "text-[11px] text-neutral-500 mt-1 truncate" }, "To change your primary number, please contact support.")), /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between pt-8 mt-2 gap-6 sm:gap-4" }, /* @__PURE__ */ React12.createElement("div", { className: "flex items-center gap-6 min-w-0" }, /* @__PURE__ */ React12.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React12.createElement("span", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block truncate" }, "Account Status"), /* @__PURE__ */ React12.createElement("span", { className: "text-xs text-black block truncate" }, accountStatus)), /* @__PURE__ */ React12.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React12.createElement("span", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block truncate" }, "Member Since"), /* @__PURE__ */ React12.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__ */ React12.createElement("div", { className: "min-w-0 pl-4" }, /* @__PURE__ */ React12.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__ */ React12.createElement(HugeiconsIcon6, { icon: LockKeyIcon, size: 17, className: "text-black" })
@@ -1187,48 +1187,48 @@ var UniversalProfileSettings = ({
       className: "min-w-32 w-full sm:w-auto"
     },
     "Save Changes"
-  ))))), isPinModalOpen && /* @__PURE__ */ React12.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React12.createElement("div", { className: "absolute inset-0 bg-black/40", onClick: closePinModal }), /* @__PURE__ */ React12.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__ */ React12.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 " }, /* @__PURE__ */ React12.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, hasPin ? "Change PIN" : "Create PIN"), /* @__PURE__ */ React12.createElement("button", { onClick: closePinModal, disabled: isPinSubmitting, className: "text-neutral-400 hover:text-black transition-colors outline-none disabled:opacity-50" }, /* @__PURE__ */ React12.createElement(HugeiconsIcon6, { icon: CancelCircleIcon, size: 18 }))), /* @__PURE__ */ React12.createElement("div", { className: "p-6" }, isPinLoading ? /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col items-center justify-center py-10" }, /* @__PURE__ */ React12.createElement(HugeiconsIcon6, { icon: Loading03Icon2, size: 28, className: "animate-spin text-neutral-400 mb-4" })) : /* @__PURE__ */ React12.createElement("form", { onSubmit: handlePinSubmit, className: "flex flex-col gap-6" }, hasPin && /* @__PURE__ */ React12.createElement(
+  ))))), isPasscodeModalOpen && /* @__PURE__ */ React12.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React12.createElement("div", { className: "absolute inset-0 bg-black/40", onClick: closePasscodeModal }), /* @__PURE__ */ React12.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__ */ React12.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 " }, /* @__PURE__ */ React12.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, hasPasscode ? "Change Passcode" : "Create Security Passcode"), /* @__PURE__ */ React12.createElement("button", { onClick: closePasscodeModal, disabled: isPasscodeSubmitting, className: "text-neutral-400 hover:text-black transition-colors outline-none disabled:opacity-50" }, /* @__PURE__ */ React12.createElement(HugeiconsIcon6, { icon: CancelCircleIcon, size: 18 }))), /* @__PURE__ */ React12.createElement("div", { className: "p-6" }, isPasscodeLoading ? /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col items-center justify-center py-10" }, /* @__PURE__ */ React12.createElement(HugeiconsIcon6, { icon: Loading03Icon2, size: 28, className: "animate-spin text-neutral-400 mb-4" })) : /* @__PURE__ */ React12.createElement("form", { onSubmit: handlePasscodeSubmit, className: "flex flex-col gap-6" }, hasPasscode && /* @__PURE__ */ React12.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__ */ React12.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__ */ React12.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__ */ React12.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React12.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"
   ))))))));
 };
 
@@ -1564,50 +1564,18 @@ import {
   Notification01Icon,
   ArrowLeft01Icon as ArrowLeft01Icon4,
   ArrowRight01Icon as ArrowRight01Icon2,
-  CancelCircleIcon as CancelCircleIcon3
+  CancelCircleIcon as CancelCircleIcon3,
+  ArrowUpRight01Icon as ArrowUpRight01Icon2
 } from "@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__ */ React16.createElement("span", { className: "flex items-baseline mt-1" }, /* @__PURE__ */ React16.createElement("span", { className: "text-[13px] text-neutral-800 mr-0.5 " }, currencySymbol), /* @__PURE__ */ React16.createElement("span", { className: "text-xl text-neutral-800 tracking-tight " }, displayStr), /* @__PURE__ */ React16.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__ */ React16.createElement("span", { className: "flex items-baseline mt-1" }, /* @__PURE__ */ React16.createElement("span", { className: "text-[13px] text-white mr-0.5 " }, currencySymbol), /* @__PURE__ */ React16.createElement("span", { className: "text-xl text-white tracking-tight " }, displayStr), /* @__PURE__ */ React16.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,
@@ -1671,7 +1639,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__ */ React16.createElement(HugeiconsIcon10, { icon: Notification01Icon, size: 20, className: "text-black" }),
     hasUnreadNotifs && /* @__PURE__ */ React16.createElement("span", { className: "absolute top-2.5 right-2.5 w-2 h-2 bg-red-500 rounded-full border border-white" })
@@ -1682,35 +1650,44 @@ var UniversalHomeView = ({
       className: "text-neutral-400 hover:text-white transition-colors outline-none"
     },
     /* @__PURE__ */ React16.createElement(HugeiconsIcon10, { icon: isBalanceHidden ? ViewIcon : ViewOffSlashIcon, size: 16 })
-  )), /* @__PURE__ */ React16.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__ */ React16.createElement("span", { className: "text-lg text-neutral-400 mr-1" }, balanceCurrency), intPart, decPart && /* @__PURE__ */ React16.createElement("span", { className: "text-lg text-neutral-400" }, ".", decPart)), /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-3 w-full" }, primaryAction && /* @__PURE__ */ React16.createElement(
+  )), /* @__PURE__ */ React16.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__ */ React16.createElement("span", { className: "text-lg text-neutral-400 mr-1" }, balanceCurrency), intPart, decPart && /* @__PURE__ */ React16.createElement("span", { className: "text-lg text-neutral-400" }, ".", decPart)), /* @__PURE__ */ React16.createElement("div", { className: "flex items-center w-full" }, calculatorAction && /* @__PURE__ */ React16.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__ */ React16.createElement(
-    "button",
+    calculatorAction.label || "Rate Calculator"
+  )))), /* @__PURE__ */ React16.createElement("div", { className: "grid grid-cols-2 gap-2" }, /* @__PURE__ */ React16.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__ */ React16.createElement("div", { className: "grid grid-cols-2 gap-2" }, /* @__PURE__ */ React16.createElement("div", { className: "bg-[#143731] rounded-2xl p-5 relative overflow-hidden flex flex-col h-45 sm:h-50" }, /* @__PURE__ */ React16.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React16.createElement("p", { className: "text-[15px] sm:text-[15px] text-white mb-1" }, "Cashback"), renderKMT2(cashbackValue, balanceCurrency)), /* @__PURE__ */ React16.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__ */ React16.createElement("div", { className: "bg-[#ceff8a] rounded-2xl p-5 relative overflow-hidden flex flex-col h-45 sm:h-50" }, /* @__PURE__ */ React16.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React16.createElement("p", { className: "text-[15px] sm:text-[15px] text-black mb-1" }, "Rewards"), renderKMT(rewardsValue, balanceCurrency)), /* @__PURE__ */ React16.createElement(
-    "img",
+    /* @__PURE__ */ React16.createElement("div", { className: "relative z-10 flex flex-col h-full justify-between" }, /* @__PURE__ */ React16.createElement("p", { className: "text-[15px] sm:text-[15px] text-white font-medium" }, "Buy Crypto"), /* @__PURE__ */ React16.createElement("div", { className: "w-8 h-8 rounded-full bg-white/10 border border-white/10 flex items-center justify-center" }, /* @__PURE__ */ React16.createElement(HugeiconsIcon10, { icon: ArrowUpRight01Icon2, size: 16, className: "text-white" }))),
+    /* @__PURE__ */ React16.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__ */ React16.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__ */ React16.createElement("div", { className: "w-full" }, customContent), /* @__PURE__ */ React16.createElement("div", { className: "w-full mt-2" }, /* @__PURE__ */ React16.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__ */ React16.createElement("div", { className: "relative z-10 flex flex-col h-full justify-between" }, /* @__PURE__ */ React16.createElement("p", { className: "text-[15px] sm:text-[15px] text-black font-medium" }, "Referral"), /* @__PURE__ */ React16.createElement("div", { className: "w-8 h-8 rounded-full bg-black/5 border border-black/5 flex items-center justify-center" }, /* @__PURE__ */ React16.createElement(HugeiconsIcon10, { icon: ArrowRight01Icon2, size: 16, className: "text-black" }))),
+    /* @__PURE__ */ React16.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__ */ React16.createElement("div", { className: "w-full" }, customContent), /* @__PURE__ */ React16.createElement("div", { className: "w-full mt-2" }, /* @__PURE__ */ React16.createElement(
     UniversalTransactionPage,
     {
       ...transactionsProps,
@@ -2038,14 +2015,16 @@ var UniversalWalletPage = ({
 // src/components/UniversalCardPage.tsx
 import React19, { useState as useState12, useEffect as useEffect8 } from "react";
 import { useRouter } from "next/navigation";
+import toast6 from "react-hot-toast";
 import { HugeiconsIcon as HugeiconsIcon13 } from "@hugeicons/react";
 import {
   SnowIcon,
   Delete02Icon,
   ArrowRight01Icon as ArrowRight01Icon3,
-  SlidersHorizontalIcon,
   ViewOffSlashIcon as ViewOffSlashIcon2,
   Loading03Icon as Loading03Icon8,
+  CancelCircleIcon as CancelCircleIcon5,
+  Copy01Icon as Copy01Icon3,
   PlusSignIcon as PlusSignIcon2
 } from "@hugeicons/core-free-icons";
 var UniversalCardPage = ({
@@ -2053,10 +2032,8 @@ var UniversalCardPage = ({
   actionPath = "/app/cards/action/",
   onReveal,
   onFreeze,
-  onSetLimits,
   onDelete,
-  onFundCard,
-  onCreateCard
+  onFundCard
 }) => {
   const router = useRouter();
   const sortedCards = React19.useMemo(() => {
@@ -2070,7 +2047,6 @@ var UniversalCardPage = ({
   const activeCard = sortedCards[activeTabIndex];
   const [isBgLoaded, setIsBgLoaded] = useState12(false);
   const [isFreezing, setIsFreezing] = useState12(false);
-  const [isOverlayActionLoading, setIsOverlayActionLoading] = useState12(false);
   const [showDeleteDialog, setShowDeleteDialog] = useState12(false);
   const [isDeleting, setIsDeleting] = useState12(false);
   useEffect8(() => {
@@ -2078,134 +2054,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__ */ React19.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__ */ React19.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__ */ React19.createElement(HugeiconsIcon13, { icon: PlusSignIcon2, size: 18 })
-    ), /* @__PURE__ */ React19.createElement("div", { className: "p-6 w-full max-w-md mx-auto text-center" }, /* @__PURE__ */ React19.createElement("div", { className: "mb-8 flex justify-center" }, /* @__PURE__ */ React19.createElement(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 24 24",
-        className: "w-12 h-12 fill-neutral-100"
-      },
-      /* @__PURE__ */ React19.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__ */ React19.createElement("h1", { className: "text-xl text-black tracking-tight mb-4" }, "No cards available"), /* @__PURE__ */ React19.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__ */ React19.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__ */ React19.createElement("div", { className: "p-6 w-full max-w-md mx-auto text-center" }, /* @__PURE__ */ React19.createElement("div", { className: "mb-8 flex justify-center" }, /* @__PURE__ */ React19.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", className: "w-12 h-12 fill-neutral-100" }, /* @__PURE__ */ React19.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__ */ React19.createElement("h1", { className: "text-xl text-black tracking-tight mb-4" }, "No cards available"), /* @__PURE__ */ React19.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__ */ React19.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300 relative" }, /* @__PURE__ */ React19.createElement("h1", { className: "text-2xl mt-2 text-black tracking-tight mb-2 text-center" }, "My Cards"), onCreateCard && /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React19.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300 relative" }, /* @__PURE__ */ React19.createElement("h1", { className: "text-2xl mt-2 text-black tracking-tight mb-2 text-center" }, "My Cards"), sortedCards.length > 1 && /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-center mb-6 w-full px-2 gap-3" }, /* @__PURE__ */ React19.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__ */ React19.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__ */ React19.createElement(HugeiconsIcon13, { icon: PlusSignIcon2, size: 18 })
-  ), sortedCards.length > 1 && /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-center mb-6 w-full px-2 gap-3" }, /* @__PURE__ */ React19.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__ */ React19.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__ */ React19.createElement("div", { className: "w-full pt-2 pb-2 flex justify-center" }, /* @__PURE__ */ React19.createElement(
-    "div",
+    formatTabLabel(tab.type)
+  )))), /* @__PURE__ */ React19.createElement("div", { className: "w-full pt-2 pb-6 flex justify-center" }, /* @__PURE__ */ React19.createElement("div", { className: "relative w-full max-w-85", style: { height: 179 } }, !isBgLoaded && /* @__PURE__ */ React19.createElement("div", { className: "absolute inset-0 w-full h-full bg-white rounded-2xl flex items-center justify-center z-50" }, /* @__PURE__ */ React19.createElement(HugeiconsIcon13, { icon: Loading03Icon8, size: 28, className: "animate-spin text-black" })), showActionOverlay && /* @__PURE__ */ React19.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__ */ React19.createElement(
+    "button",
     {
-      className: "relative w-full max-w-85",
-      style: { height: 179 }
-    },
-    !isBgLoaded && /* @__PURE__ */ React19.createElement("div", { className: "absolute inset-0 w-full h-full bg-white rounded-2xl flex items-center justify-center z-50" }, /* @__PURE__ */ React19.createElement(HugeiconsIcon13, { icon: Loading03Icon8, size: 28, className: "animate-spin text-black" })),
-    showActionOverlay && /* @__PURE__ */ React19.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__ */ React19.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}`
+      onClick: (e) => {
+        e.stopPropagation();
+        router.push(`${actionPath}${activeCard.id}`);
       },
-      "Activate Card"
-    ), isFrozen && /* @__PURE__ */ React19.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}`
-      },
-      isOverlayActionLoading ? /* @__PURE__ */ React19.createElement(HugeiconsIcon13, { icon: Loading03Icon8, size: 16, className: `animate-spin ${activeCard.contentDark ? "text-black" : "text-white"}` }) : "Card Frozen"
-    )),
-    /* @__PURE__ */ React19.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__ */ React19.createElement(
-      "div",
-      {
-        className: "absolute inset-0 bg-cover bg-center",
-        style: { backgroundImage: `url(${activeCard.cardBgSrc})` }
-      }
-    ), /* @__PURE__ */ React19.createElement("div", { className: "relative z-10 w-full h-full p-5 flex flex-col justify-between" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-start justify-end w-full gap-4" }, activeCard.prepaid && /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col items-end gap-1 text-right" }, /* @__PURE__ */ React19.createElement("span", { className: `text-[9px] tracking-widest ${activeCard.contentDark ? "text-black/60" : "text-white/60"}` }, "Card Tier"), /* @__PURE__ */ React19.createElement("span", { className: `text-[11px] tracking-widest font-medium  ${activeCard.contentDark ? "text-black" : "text-white"}` }, activeCard.tier))), /* @__PURE__ */ React19.createElement("div", { className: "flex justify-between items-end w-full" }, /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ React19.createElement("span", { className: `text-[9px] tracking-widest ${activeCard.contentDark ? "text-black/60" : "text-white/60"}` }, activeCard.prepaid ? "Card Balance" : "Card Tier"), /* @__PURE__ */ React19.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__ */ React19.createElement(
-      "img",
-      {
-        src: activeCard.networkLogoSrc,
-        alt: "Network Logo",
-        className: "h-7 w-auto max-w-20 object-contain opacity-90"
-      }
-    ))))
-  )), activeCard.bannerProps ? /* @__PURE__ */ React19.createElement("div", { className: "mb-6 w-full mt-2" }, /* @__PURE__ */ React19.createElement(Banner, { ...activeCard.bannerProps })) : isPreordered ? /* @__PURE__ */ React19.createElement("div", { className: "mb-6 w-full mt-2" }, /* @__PURE__ */ React19.createElement(
-    Banner,
+      className: `px-6 py-2 text-[11px] rounded-full transition-all outline-none ${buttonClasses}`
+    },
+    "Activate Card"
+  ), isFrozen && /* @__PURE__ */ React19.createElement("div", { className: `px-6 py-2.5 text-[12px] rounded-full flex items-center gap-2 ${buttonClasses}` }, "Card Frozen")), /* @__PURE__ */ React19.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__ */ React19.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__ */ React19.createElement("div", { className: "w-full flex flex-col gap-4 mt-1" }, /* @__PURE__ */ React19.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, activeCard.prepaid && /* @__PURE__ */ React19.createElement(
+  ), /* @__PURE__ */ React19.createElement("div", { className: "relative z-10 w-full h-full p-5 flex flex-col justify-between" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-start justify-end w-full gap-4" }, activeCard.networkLogoSrc && /* @__PURE__ */ React19.createElement("img", { src: activeCard.networkLogoSrc, alt: "Network Logo", className: "h-7 w-auto max-w-20 object-contain opacity-90" })), /* @__PURE__ */ React19.createElement("div", { className: "flex justify-between items-end w-full" }, /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ React19.createElement("span", { className: `text-[10px] tracking-widest ${activeCard.contentDark ? "text-black/60" : "text-white/70"} drop-shadow-sm` }, "Balance"), /* @__PURE__ */ React19.createElement("span", { className: `text-[16px] tracking-widest font-medium ${activeCard.contentDark ? "text-black" : "text-white"} drop-shadow-sm` }, activeCard.balance))))))), /* @__PURE__ */ React19.createElement("div", { className: "w-full flex flex-col gap-4 mt-1" }, /* @__PURE__ */ React19.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ React19.createElement(
     MenuRow,
     {
       icon: PlusSignIcon2,
       title: "Fund Card",
-      subtitle: "Add money to card",
+      subtitle: "Add money to card balance",
       onClick: () => {
         if (!actionsDisabled && onFundCard) onFundCard(activeCard.id);
       },
@@ -2218,9 +2127,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__ */ React19.createElement(
     MenuRow,
@@ -2232,19 +2141,7 @@ var UniversalCardPage = ({
       isToggle: true,
       toggleState: isFrozen,
       toggleLoading: isFreezing,
-      disabled: freezeDisabled,
-      isLast: activeCard.prepaid
-    }
-  ), !activeCard.prepaid && /* @__PURE__ */ React19.createElement(
-    MenuRow,
-    {
-      icon: SlidersHorizontalIcon,
-      title: "Set Limits",
-      subtitle: "Set card limits",
-      onClick: () => {
-        if (!actionsDisabled && onSetLimits) onSetLimits(activeCard.id);
-      },
-      disabled: actionsDisabled,
+      disabled: isUnactivated || isDead,
       isLast: true
     }
   )), /* @__PURE__ */ React19.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ React19.createElement(
@@ -2264,7 +2161,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,
@@ -2273,28 +2170,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__ */ React19.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__ */ React19.createElement("div", { className: "w-9 h-9 rounded-full border border-neutral-200 flex items-center justify-center shrink-0 mr-4" }, /* @__PURE__ */ React19.createElement(HugeiconsIcon13, { icon, size: 16, className: iconColor })),
-  /* @__PURE__ */ React19.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React19.createElement("p", { className: `text-[13px] truncate ${titleColor}` }, title), /* @__PURE__ */ React19.createElement("p", { className: "text-[11px] text-neutral-500 truncate" }, subtitle)),
-  isToggle ? /* @__PURE__ */ React19.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__ */ React19.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__ */ React19.createElement(HugeiconsIcon13, { icon: Loading03Icon8, size: 10, className: "animate-spin text-black" }))) : /* @__PURE__ */ React19.createElement(HugeiconsIcon13, { icon: ArrowRight01Icon3, 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__ */ React19.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__ */ React19.createElement("div", { className: "w-9 h-9 rounded-full border border-neutral-200 flex items-center justify-center shrink-0 mr-4" }, /* @__PURE__ */ React19.createElement(HugeiconsIcon13, { icon, size: 16, className: "text-black" })), /* @__PURE__ */ React19.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React19.createElement("p", { className: "text-[13px] truncate text-black" }, title), /* @__PURE__ */ React19.createElement("p", { className: "text-[11px] text-neutral-500 truncate" }, subtitle)), isToggle ? /* @__PURE__ */ React19.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__ */ React19.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__ */ React19.createElement(HugeiconsIcon13, { icon: Loading03Icon8, size: 10, className: "animate-spin text-black" }))) : /* @__PURE__ */ React19.createElement(HugeiconsIcon13, { icon: ArrowRight01Icon3, size: 18, className: "text-neutral-400 shrink-0 ml-2" }));
 
 // src/components/UniversalProfilePage.tsx
 import React20, { useState as useState13 } from "react";
@@ -2559,7 +2435,7 @@ import Image3 from "next/image";
 
 // src/components/WaitlistDialog.tsx
 import React22, { useState as useState15 } from "react";
-import { toast as toast6 } from "react-hot-toast";
+import { toast as toast7 } from "react-hot-toast";
 var WaitlistDialog = ({ isOpen, onClose }) => {
   const [email, setEmail] = useState15("");
   const [isLoading, setIsLoading] = useState15(false);
@@ -2567,7 +2443,7 @@ var WaitlistDialog = ({ isOpen, onClose }) => {
   const handleSubmit = async (e) => {
     e.preventDefault();
     if (!email || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
-      toast6.error("Please enter a valid email address.");
+      toast7.error("Please enter a valid email address.");
       return;
     }
     setIsLoading(true);
@@ -2581,14 +2457,14 @@ var WaitlistDialog = ({ isOpen, onClose }) => {
       });
       const data = await response.json();
       if (response.ok && data.success) {
-        toast6.success(data.message || "You've been added to the waitlist!");
+        toast7.success(data.message || "You've been added to the waitlist!");
         setEmail("");
         onClose();
       } else {
-        toast6.error(data.error || "Something went wrong. Please try again.");
+        toast7.error(data.error || "Something went wrong. Please try again.");
       }
     } catch (error) {
-      toast6.error("Network error. Please check your connection.");
+      toast7.error("Network error. Please check your connection.");
     } finally {
       setIsLoading(false);
     }
@@ -2836,114 +2712,36 @@ var AppBento2 = ({ tagline, headline, features }) => {
 };
 
 // src/components/UniversalSecurityPage.tsx
-import React25, { useState as useState18, useRef as useRef6 } from "react";
-import toast7 from "react-hot-toast";
+import React25, { useState as useState18 } from "react";
+import toast8 from "react-hot-toast";
 import { HugeiconsIcon as HugeiconsIcon17 } from "@hugeicons/react";
 import {
-  CancelCircleIcon as CancelCircleIcon5,
+  CancelCircleIcon as CancelCircleIcon6,
   Loading03Icon as Loading03Icon10,
-  Copy01Icon as Copy01Icon3,
   ArrowLeft01Icon as ArrowLeft01Icon6,
-  CircleLockCheck02Icon,
   Key01Icon,
+  LockKeyIcon as LockKeyIcon3,
   ArrowRight01Icon as ArrowRight01Icon5
 } from "@hugeicons/core-free-icons";
 import { startRegistration } from "@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] = useState18(false);
-  const [show2FADisableModal, setShow2FADisableModal] = useState18(false);
   const [showPasskeyModal, setShowPasskeyModal] = useState18(false);
-  const [twoFaSecret, setTwoFaSecret] = useState18("");
-  const [twoFaQr, setTwoFaQr] = useState18("");
-  const [isFetchingSetup, setIsFetchingSetup] = useState18(false);
-  const [otp, setOtp] = useState18(Array(6).fill(""));
   const [isSubmitting, setIsSubmitting] = useState18(false);
-  const inputRefs = useRef6([]);
-  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);
-        toast7.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();
-        toast7.success("Secret copied to clipboard");
-      } catch (err) {
-        toast7.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) {
-        toast7.error("Failed to initialize 2FA setup");
-      } finally {
-        setIsFetchingSetup(false);
-      }
-    }
-  };
+  const [isPasscodeModalOpen, setIsPasscodeModalOpen] = useState18(false);
+  const [oldPasscode, setOldPasscode] = useState18("");
+  const [newPasscode, setNewPasscode] = useState18("");
+  const [confirmPasscode, setConfirmPasscode] = useState18("");
+  const [isPasscodeSubmitting, setIsPasscodeSubmitting] = useState18(false);
   const handleTogglePasskey = () => {
     if (isPasskeyLoading) return;
     if (hasPasskey) {
@@ -2952,38 +2750,40 @@ var UniversalSecurityPage = ({
       setShowPasskeyModal(true);
     }
   };
-  const submitEnable2FA = async (code) => {
-    if (!onVerifyAndEnable2FA) return;
-    setIsSubmitting(true);
-    try {
-      const res = await onVerifyAndEnable2FA(code);
-      if (res.success) {
-        toast7.success("2FA Enabled Successfully");
-        setShow2FASetupModal(false);
-      } else {
-        toast7.error("Invalid verification code");
-      }
-    } catch (error) {
-      toast7.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 toast8.error("Old Passcode must be exactly 6-digits.");
+    if (newPasscode.length !== 6) return toast8.error("New Passcode must be exactly 6-digits.");
+    if (newPasscode !== confirmPasscode) return toast8.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) {
-        toast7.success("2FA Disabled");
-        setShow2FADisableModal(false);
+        toast8.success(res.message || "Passcode updated successfully.");
+        closePasscodeModal();
       } else {
-        toast7.error("Invalid verification code");
+        toast8.error(res.error || "Failed to update Passcode.");
       }
     } catch (error) {
-      toast7.error("Verification failed");
+      toast8.error("Uh oh! Something went wrong.");
     } finally {
-      setIsSubmitting(false);
+      setIsPasscodeSubmitting(false);
     }
   };
   const submitEnablePasskey = async () => {
@@ -3002,13 +2802,13 @@ var UniversalSecurityPage = ({
       }
       const res = await onVerifyAndEnablePasskey(credentialResponse);
       if (res.success) {
-        toast7.success("Passkey Created Successfully");
+        toast8.success("Passkey Created Successfully");
         setShowPasskeyModal(false);
       } else {
-        toast7.error("Failed to verify device passkey.");
+        toast8.error("Failed to verify device passkey.");
       }
     } catch (error) {
-      toast7.error(error.message || "Passkey setup interrupted.");
+      toast8.error(error.message || "Passkey setup interrupted.");
     } finally {
       setIsSubmitting(false);
     }
@@ -3017,20 +2817,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__ */ React25.createElement(HugeiconsIcon17, { icon: ArrowLeft01Icon6, size: 16 }),
     " Back"
   )), /* @__PURE__ */ React25.createElement("div", { className: "w-full flex flex-col gap-4" }, /* @__PURE__ */ React25.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ React25.createElement(
     MenuRow3,
     {
-      icon: CircleLockCheck02Icon,
-      title: "Authenticator App",
-      subtitle: "Secure your account with 2FA",
-      onClick: handleToggle2FA,
-      isToggle: true,
-      toggleState: has2FA,
-      toggleLoading: is2FALoading || isFetchingSetup
+      icon: LockKeyIcon3,
+      title: "Security Passcode",
+      subtitle: hasPasscode ? "Change your 6-digit passcode" : "Create a 6-digit passcode",
+      onClick: () => setIsPasscodeModalOpen(true),
+      isToggle: false
     }
   ), /* @__PURE__ */ React25.createElement(
     MenuRow3,
@@ -3044,86 +2842,49 @@ var UniversalSecurityPage = ({
       toggleLoading: isPasskeyLoading,
       isLast: true
     }
-  ))), show2FASetupModal && /* @__PURE__ */ React25.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React25.createElement("div", { className: "absolute inset-0 bg-black/40 ", onClick: () => !isSubmitting && setShow2FASetupModal(false) }), /* @__PURE__ */ React25.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__ */ React25.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 " }, /* @__PURE__ */ React25.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Enable 2FA"), /* @__PURE__ */ React25.createElement("button", { onClick: () => !isSubmitting && setShow2FASetupModal(false), className: "text-neutral-400 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ React25.createElement(HugeiconsIcon17, { icon: CancelCircleIcon5, size: 18 }))), /* @__PURE__ */ React25.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 pt-2" }, /* @__PURE__ */ React25.createElement("div", { className: "w-full flex justify-center mb-6 mix-blend-multiply" }, twoFaQr ? /* @__PURE__ */ React25.createElement("img", { src: twoFaQr, alt: "2FA QR Code", className: "w-40 h-40 object-contain rounded-xl border border-neutral-200 p-2" }) : /* @__PURE__ */ React25.createElement("div", { className: "w-40 h-40 bg-neutral-100 rounded-xl flex items-center justify-center animate-pulse" })), /* @__PURE__ */ React25.createElement("div", { className: "grid grid-cols-1 gap-y-6 gap-x-4 mb-8" }, /* @__PURE__ */ React25.createElement("div", null, /* @__PURE__ */ React25.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2 " }, "Setup Key"), /* @__PURE__ */ React25.createElement("div", { className: "flex items-center gap-2 min-w-0 bg-neutral-50 px-3 py-2.5 rounded-xl " }, /* @__PURE__ */ React25.createElement("span", { className: "text-[13px] font-mono tracking-widest text-black truncate min-w-0 block flex-1" }, twoFaSecret), /* @__PURE__ */ React25.createElement(
-    "button",
-    {
-      type: "button",
-      onClick: () => handleCopySecret(twoFaSecret),
-      className: "text-neutral-400 hover:text-black transition-colors outline-none shrink-0 ml-2"
-    },
-    /* @__PURE__ */ React25.createElement(HugeiconsIcon17, { icon: Copy01Icon3, size: 16 })
-  )))), /* @__PURE__ */ React25.createElement("div", { className: "text-center mb-8 mt-2" }, /* @__PURE__ */ React25.createElement("h2", { className: "text-xl text-black mb-2 tracking-tight" }, "Security Check"), /* @__PURE__ */ React25.createElement("p", { className: "text-[13px] text-neutral-500" }, "Enter the 6-digit code from your app")), /* @__PURE__ */ React25.createElement("form", { className: "space-y-4", autoComplete: "off", onSubmit: (e) => {
-    e.preventDefault();
-    submitEnable2FA(otp.join(""));
-  } }, /* @__PURE__ */ React25.createElement("div", { className: "flex justify-between gap-2 pb-6", onPaste: handlePaste }, otp.map((digit, index) => /* @__PURE__ */ React25.createElement(
-    "input",
+  ))), isPasscodeModalOpen && /* @__PURE__ */ React25.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React25.createElement("div", { className: "absolute inset-0 bg-black/40", onClick: closePasscodeModal }), /* @__PURE__ */ React25.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__ */ React25.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 " }, /* @__PURE__ */ React25.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, hasPasscode ? "Change Passcode" : "Create Security Passcode"), /* @__PURE__ */ React25.createElement("button", { onClick: closePasscodeModal, disabled: isPasscodeSubmitting, className: "text-neutral-400 hover:text-black transition-colors outline-none disabled:opacity-50" }, /* @__PURE__ */ React25.createElement(HugeiconsIcon17, { icon: CancelCircleIcon6, size: 18 }))), /* @__PURE__ */ React25.createElement("div", { className: "p-6" }, isPasscodeLoading ? /* @__PURE__ */ React25.createElement("div", { className: "flex flex-col items-center justify-center py-10" }, /* @__PURE__ */ React25.createElement(HugeiconsIcon17, { icon: Loading03Icon10, size: 28, className: "animate-spin text-neutral-400 mb-4" })) : /* @__PURE__ */ React25.createElement("form", { onSubmit: handlePasscodeSubmit, className: "flex flex-col gap-6" }, hasPasscode && /* @__PURE__ */ React25.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__ */ React25.createElement(
-    ThreeDActionButton,
-    {
-      type: "submit",
-      disabled: otp.join("").length < 6,
-      isLoading: isSubmitting,
-      className: "w-full py-3.5"
-    },
-    "Verify & Enable"
   ), /* @__PURE__ */ React25.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__ */ React25.createElement(HugeiconsIcon17, { icon: Copy01Icon3, size: 16, className: "mr-2" }),
-    "Copy Secret Key"
-  ))))), show2FADisableModal && /* @__PURE__ */ React25.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React25.createElement("div", { className: "absolute inset-0 bg-black/40 ", onClick: () => !isSubmitting && setShow2FADisableModal(false) }), /* @__PURE__ */ React25.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__ */ React25.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 " }, /* @__PURE__ */ React25.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Disable 2FA"), /* @__PURE__ */ React25.createElement("button", { onClick: () => !isSubmitting && setShow2FADisableModal(false), className: "text-neutral-400 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ React25.createElement(HugeiconsIcon17, { icon: CancelCircleIcon5, size: 18 }))), /* @__PURE__ */ React25.createElement("div", { className: "p-6" }, /* @__PURE__ */ React25.createElement("div", { className: "text-center mb-8 mt-2" }, /* @__PURE__ */ React25.createElement("h2", { className: "text-xl text-black mb-2 tracking-tight" }, "Security Check"), /* @__PURE__ */ React25.createElement("p", { className: "text-[13px] text-neutral-500" }, "Enter the code from your authenticator app to disable 2FA.")), /* @__PURE__ */ React25.createElement("form", { className: "space-y-8", autoComplete: "off", onSubmit: (e) => {
-    e.preventDefault();
-    submitDisable2FA(otp.join(""));
-  } }, /* @__PURE__ */ React25.createElement("div", { className: "flex justify-between gap-2", onPaste: handlePaste }, otp.map((digit, index) => /* @__PURE__ */ React25.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__ */ React25.createElement(
+  ), /* @__PURE__ */ React25.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__ */ React25.createElement("div", { className: "pt-2" }, /* @__PURE__ */ React25.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__ */ React25.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React25.createElement("div", { className: "absolute inset-0 bg-black/40 ", onClick: () => !isSubmitting && setShowPasskeyModal(false) }), /* @__PURE__ */ React25.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__ */ React25.createElement("div", { className: "flex items-center justify-between p-5 shrink-0" }, /* @__PURE__ */ React25.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Enable Passkey"), /* @__PURE__ */ React25.createElement("button", { onClick: () => !isSubmitting && setShowPasskeyModal(false), className: "text-neutral-400 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ React25.createElement(HugeiconsIcon17, { icon: CancelCircleIcon5, size: 18 }))), /* @__PURE__ */ React25.createElement("div", { className: "p-6 text-center" }, /* @__PURE__ */ React25.createElement("h2", { className: "text-lg text-black mb-2 tracking-tight" }, "Simplify your Sign In"), /* @__PURE__ */ React25.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__ */ React25.createElement(
+    hasPasscode ? "Update Passcode" : "Set Passcode"
+  )))))), showPasskeyModal && /* @__PURE__ */ React25.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React25.createElement("div", { className: "absolute inset-0 bg-black/40 ", onClick: () => !isSubmitting && setShowPasskeyModal(false) }), /* @__PURE__ */ React25.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__ */ React25.createElement("div", { className: "flex items-center justify-between p-5 shrink-0" }, /* @__PURE__ */ React25.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Enable Passkey"), /* @__PURE__ */ React25.createElement("button", { onClick: () => !isSubmitting && setShowPasskeyModal(false), className: "text-neutral-400 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ React25.createElement(HugeiconsIcon17, { icon: CancelCircleIcon6, size: 18 }))), /* @__PURE__ */ React25.createElement("div", { className: "p-6 text-center" }, /* @__PURE__ */ React25.createElement("h2", { className: "text-lg text-black mb-2 tracking-tight" }, "Simplify your Sign In"), /* @__PURE__ */ React25.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__ */ React25.createElement(
     ThreeDActionButton,
     {
       onClick: submitEnablePasskey,
@@ -3151,13 +2912,13 @@ 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__ */ React25.createElement("div", { className: "w-9 h-9 rounded-full  border border-neutral-200 flex items-center justify-center shrink-0 mr-4" }, /* @__PURE__ */ React25.createElement(HugeiconsIcon17, { icon, size: 16, className: iconColor })),
-  /* @__PURE__ */ React25.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React25.createElement("p", { className: `text-[14px]  truncate ${titleColor}` }, title), /* @__PURE__ */ React25.createElement("p", { className: "text-[12px] text-neutral-500 truncate" }, subtitle)),
+  /* @__PURE__ */ React25.createElement("div", { className: "w-9 h-9 rounded-full border border-neutral-200 flex items-center justify-center shrink-0 mr-4" }, /* @__PURE__ */ React25.createElement(HugeiconsIcon17, { icon, size: 16, className: iconColor })),
+  /* @__PURE__ */ React25.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React25.createElement("p", { className: `text-[14px] truncate ${titleColor}` }, title), /* @__PURE__ */ React25.createElement("p", { className: "text-[12px] text-neutral-500 truncate" }, subtitle)),
   isToggle ? /* @__PURE__ */ React25.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__ */ React25.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__ */ React25.createElement(HugeiconsIcon17, { icon: Loading03Icon10, size: 10, className: "animate-spin text-black" }))) : /* @__PURE__ */ React25.createElement(HugeiconsIcon17, { icon: ArrowRight01Icon5, size: 18, className: "text-neutral-400 shrink-0 ml-2" })
 );
 
 // src/components/FeatureScroll.tsx
-import React26, { useRef as useRef7, useState as useState19, useEffect as useEffect11 } from "react";
+import React26, { useRef as useRef6, useState as useState19, useEffect as useEffect11 } from "react";
 import Image4 from "next/image";
 import { HugeiconsIcon as HugeiconsIcon18 } from "@hugeicons/react";
 import { ArrowLeft01Icon as ArrowLeft01Icon7, ArrowRight01Icon as ArrowRight01Icon6, Loading03Icon as Loading03Icon11 } from "@hugeicons/core-free-icons";
@@ -3201,7 +2962,7 @@ var FeatureCard = ({ feature, bgImage }) => {
   ))), /* @__PURE__ */ React26.createElement("div", { className: "flex flex-col text-left pr-4" }, /* @__PURE__ */ React26.createElement("h3", { className: "  text-xl tracking-tight text-black mb-2" }, feature.title), /* @__PURE__ */ React26.createElement("p", { className: "text-[13px] leading-relaxed text-neutral-600 max-w-[90%]" }, feature.desc)));
 };
 var FeatureScroll = ({ tagline, headline, features }) => {
-  const scrollRef = useRef7(null);
+  const scrollRef = useRef6(null);
   const [canScrollLeft, setCanScrollLeft] = useState19(false);
   const [canScrollRight, setCanScrollRight] = useState19(true);
   const checkScroll = () => {
@@ -3292,7 +3053,7 @@ var PlatformFeatures = ({
 };
 
 // src/components/ManagedDocument.tsx
-import React28, { useState as useState20, useEffect as useEffect12, useRef as useRef8 } from "react";
+import React28, { useState as useState20, useEffect as useEffect12, useRef as useRef7 } from "react";
 var ManagedDocument = ({
   tagline,
   title,
@@ -3301,7 +3062,7 @@ var ManagedDocument = ({
   contactEmail
 }) => {
   const [isAnimating, setIsAnimating] = useState20(false);
-  const titleRef = useRef8(null);
+  const titleRef = useRef7(null);
   useEffect12(() => {
     const observer = new IntersectionObserver(
       ([entry]) => {
@@ -3407,7 +3168,7 @@ var ManagedContactBlock = ({
 };
 
 // src/components/ManagedPricingBlock.tsx
-import React30, { useState as useState22, useEffect as useEffect14, useRef as useRef9 } from "react";
+import React30, { useState as useState22, useEffect as useEffect14, useRef as useRef8 } from "react";
 import Link7 from "next/link";
 import Image5 from "next/image";
 var CheckIcon = ({ className = "" }) => /* @__PURE__ */ React30.createElement("svg", { viewBox: "0 0 24 24", fill: "none", className: `w-4 h-4 shrink-0 ${className}`, xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React30.createElement("circle", { cx: "12", cy: "12", r: "10", fill: "black" }), /* @__PURE__ */ React30.createElement("path", { d: "M8 12L11 15L16 9", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }));
@@ -3420,7 +3181,7 @@ var ManagedPricingBlock = ({
 }) => {
   const [isAnimating, setIsAnimating] = useState22(false);
   const [activeTabIndex, setActiveTabIndex] = useState22(0);
-  const titleRef = useRef9(null);
+  const titleRef = useRef8(null);
   useEffect14(() => {
     const observer = new IntersectionObserver(
       ([entry]) => {
@@ -3636,13 +3397,13 @@ var ManagedNewsletterSplitBlock = ({
 };
 
 // src/components/PortfolioHero.tsx
-import React34, { useEffect as useEffect15, useRef as useRef10 } from "react";
+import React34, { useEffect as useEffect15, useRef as useRef9 } from "react";
 import Link8 from "next/link";
 import Image8 from "next/image";
 import { HugeiconsIcon as HugeiconsIcon22 } from "@hugeicons/react";
 import { ArrowRight01Icon as ArrowRight01Icon7 } from "@hugeicons/core-free-icons";
 var useScrollAnimation = () => {
-  const elementRef = useRef10(null);
+  const elementRef = useRef9(null);
   useEffect15(() => {
     const el = elementRef.current;
     if (!el) return;
@@ -3771,7 +3532,7 @@ var GifFeatureCard = ({
 };
 
 // src/components/MedicalFeatureStatsBlock.tsx
-import React36, { useState as useState24, useEffect as useEffect16, useRef as useRef11 } from "react";
+import React36, { useState as useState24, useEffect as useEffect16, useRef as useRef10 } from "react";
 import Image10 from "next/image";
 var MedicalFeatureStatsBlock = ({
   bottomHeadline,
@@ -3781,7 +3542,7 @@ var MedicalFeatureStatsBlock = ({
   stats
 }) => {
   const [isAnimating, setIsAnimating] = useState24(false);
-  const titleRef = useRef11(null);
+  const titleRef = useRef10(null);
   useEffect16(() => {
     const observer = new IntersectionObserver(
       ([entry]) => {
@@ -4091,7 +3852,7 @@ var UniversalVerificationPage = ({
 // src/components/UniversalRewardPage.tsx
 import React41, { useState as useState27 } from "react";
 import axios from "axios";
-import toast8 from "react-hot-toast";
+import toast9 from "react-hot-toast";
 import Confetti from "react-confetti";
 import { useWindowSize } from "react-use";
 import { HugeiconsIcon as HugeiconsIcon27 } from "@hugeicons/react";
@@ -4146,7 +3907,7 @@ var UniversalRewardPage = ({
       const res = await axios.post(selectedReward.endpoint, selectedReward.config);
       if (res.data.success) {
         setShowConfetti(true);
-        toast8.success(res.data.message || "Reward claimed successfully!");
+        toast9.success(res.data.message || "Reward claimed successfully!");
         setSelectedReward(null);
         onRefresh();
         setTimeout(() => {
@@ -4154,7 +3915,7 @@ var UniversalRewardPage = ({
         }, 6e3);
       }
     } catch (error) {
-      toast8.error(error.response?.data?.error || "Failed to claim reward. Please try again.");
+      toast9.error(error.response?.data?.error || "Failed to claim reward. Please try again.");
     } finally {
       setIsClaiming(false);
     }
@@ -4204,7 +3965,7 @@ var UniversalRewardPage = ({
 
 // src/components/UniversalReferralPage.tsx
 import React42, { useState as useState28 } from "react";
-import toast9 from "react-hot-toast";
+import toast10 from "react-hot-toast";
 import { HugeiconsIcon as HugeiconsIcon28 } from "@hugeicons/react";
 import {
   ArrowLeft01Icon as ArrowLeft01Icon10,
@@ -4223,6 +3984,8 @@ var formatDate = (dateInput) => {
 var UniversalReferralPage = ({
   referralCode,
   totalCount,
+  referralCoins = 0,
+  // Default to 0
   referrals,
   isLoading,
   currentPage,
@@ -4237,9 +4000,9 @@ var UniversalReferralPage = ({
     if (!referralCode) return;
     try {
       await navigator.clipboard.writeText(referralCode);
-      toast9.success("Referral code copied!");
+      toast10.success("Referral code copied!");
     } catch {
-      toast9.error("Failed to copy code.");
+      toast10.error("Failed to copy code.");
     }
   };
   const AvatarLogo2 = ({ src, alt, name, sizeClass = "w-10 h-10" }) => {
@@ -4248,7 +4011,7 @@ var UniversalReferralPage = ({
     const finalSrc = src || fallbackUrl;
     return /* @__PURE__ */ React42.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__ */ React42.createElement(HugeiconsIcon28, { icon: Loading03Icon17, size: 16, className: "animate-spin text-neutral-400 absolute" }), /* @__PURE__ */ React42.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__ */ React42.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ React42.createElement(ManagedToaster, null), /* @__PURE__ */ React42.createElement("div", { className: "mb-6 flex w-full items-center px-1" }, /* @__PURE__ */ React42.createElement("button", { onClick: onBackHandler, className: "flex items-center gap-2 text-neutral-500 hover:text-black transition-colors text-[13px] outline-none" }, /* @__PURE__ */ React42.createElement(HugeiconsIcon28, { icon: ArrowLeft01Icon10, size: 16 }), " Back")), /* @__PURE__ */ React42.createElement("div", { className: "flex flex-col gap-8 p-6 rounded-3xl bg-white w-full" }, /* @__PURE__ */ React42.createElement("div", { className: "flex flex-col gap-4 mb-2" }, /* @__PURE__ */ React42.createElement("div", null, /* @__PURE__ */ React42.createElement("h1", { className: "text-black text-xl mb-1 tracking-tight" }, "Your Referrals"), /* @__PURE__ */ React42.createElement("p", { className: "text-xs text-neutral-500" }, "Invite friends and earn rewards when they verify and activate cards.")), /* @__PURE__ */ React42.createElement("div", { className: "border border-neutral-200 rounded-xl p-4 flex items-center justify-between mt-2" }, /* @__PURE__ */ React42.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ React42.createElement("span", { className: "text-[11px] tracking-widest text-neutral-400 " }, "Invitation Code"), isLoading && !referralCode ? /* @__PURE__ */ React42.createElement("div", { className: "h-6 w-24 bg-neutral-50 animate-pulse rounded mt-1" }) : /* @__PURE__ */ React42.createElement("span", { className: "text-lg  text-black tracking-widest" }, referralCode)), /* @__PURE__ */ React42.createElement(
+  return /* @__PURE__ */ React42.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ React42.createElement(ManagedToaster, null), /* @__PURE__ */ React42.createElement("div", { className: "mb-6 flex w-full items-center px-1" }, /* @__PURE__ */ React42.createElement("button", { onClick: onBackHandler, className: "flex items-center gap-2 text-neutral-500 hover:text-black transition-colors text-[13px] outline-none" }, /* @__PURE__ */ React42.createElement(HugeiconsIcon28, { icon: ArrowLeft01Icon10, size: 16 }), " Back")), /* @__PURE__ */ React42.createElement("div", { className: "flex flex-col gap-8 p-6 rounded-3xl bg-white w-full" }, /* @__PURE__ */ React42.createElement("div", { className: "flex flex-col gap-4 mb-2" }, /* @__PURE__ */ React42.createElement("div", null, /* @__PURE__ */ React42.createElement("h1", { className: "text-black text-xl mb-1 tracking-tight" }, "Your Referrals"), /* @__PURE__ */ React42.createElement("p", { className: "text-xs text-neutral-500" }, "Invite friends and earn rewards when they verify and activate cards.")), /* @__PURE__ */ React42.createElement("div", { className: "border border-neutral-200 rounded-xl p-4 flex items-center justify-between mt-2" }, /* @__PURE__ */ React42.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ React42.createElement("span", { className: "text-[11px] tracking-widest text-neutral-400 " }, "Invitation Code"), isLoading && !referralCode ? /* @__PURE__ */ React42.createElement("div", { className: "h-6 w-24 bg-neutral-50 animate-pulse rounded mt-1" }) : /* @__PURE__ */ React42.createElement("span", { className: "text-lg text-black tracking-widest" }, referralCode)), /* @__PURE__ */ React42.createElement(
     "button",
     {
       onClick: handleCopyCode,
@@ -4256,7 +4019,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__ */ React42.createElement(HugeiconsIcon28, { icon: Copy01Icon4, size: 18 })
-  )), /* @__PURE__ */ React42.createElement("div", { className: "text-[13px]  text-black px-1 mt-2" }, "Total Invited: ", isLoading && !totalCount ? "-" : totalCount)), /* @__PURE__ */ React42.createElement("div", { className: "w-full overflow-hidden" }, isLoading ? /* @__PURE__ */ React42.createElement(PageSpinner5, null) : /* @__PURE__ */ React42.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ React42.createElement("div", null, referrals.length === 0 ? /* @__PURE__ */ React42.createElement("div", { className: "flex flex-col items-center justify-center py-12 opacity-50" }, /* @__PURE__ */ React42.createElement("p", { className: "text-xs text-neutral-500 text-center" }, "You haven't referred anyone yet.")) : referrals.map((ref, idx) => /* @__PURE__ */ React42.createElement(
+  )), /* @__PURE__ */ React42.createElement("div", { className: "flex items-center justify-between text-[13px] text-black px-1 mt-2" }, /* @__PURE__ */ React42.createElement("span", null, "Total Invited: ", isLoading && !totalCount ? "-" : totalCount), /* @__PURE__ */ React42.createElement("span", null, "Points: ", isLoading && !referralCoins && referralCoins !== 0 ? "-" : referralCoins))), /* @__PURE__ */ React42.createElement("div", { className: "w-full overflow-hidden" }, isLoading ? /* @__PURE__ */ React42.createElement(PageSpinner5, null) : /* @__PURE__ */ React42.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ React42.createElement("div", null, referrals.length === 0 ? /* @__PURE__ */ React42.createElement("div", { className: "flex flex-col items-center justify-center py-12 opacity-50" }, /* @__PURE__ */ React42.createElement("p", { className: "text-xs text-neutral-500 text-center" }, "You haven't referred anyone yet.")) : referrals.map((ref, idx) => /* @__PURE__ */ React42.createElement(
     "div",
     {
       key: `${ref.profile.username}-${idx}`,
@@ -4269,8 +4032,8 @@ var UniversalReferralPage = ({
         alt: ref.profile.username,
         name: formatWeb3Name2(ref.profile.web3Name)
       }
-    ), /* @__PURE__ */ React42.createElement("div", { className: "min-w-0 flex-1 flex flex-col gap-0.5 pr-4" }, /* @__PURE__ */ React42.createElement("p", { className: "text-[14px]  text-black truncate" }, formatWeb3Name2(ref.profile.web3Name)), /* @__PURE__ */ React42.createElement("p", { className: "text-[12px] text-neutral-500 truncate" }, "@", ref.profile.username))),
-    /* @__PURE__ */ React42.createElement("div", { className: "shrink-0 flex flex-col items-end gap-1 text-right" }, /* @__PURE__ */ React42.createElement("span", { className: "text-[11px] text-neutral-400" }, "Joined"), /* @__PURE__ */ React42.createElement("span", { className: "text-[12px]  text-black" }, formatDate(ref.joinedAt)))
+    ), /* @__PURE__ */ React42.createElement("div", { className: "min-w-0 flex-1 flex flex-col gap-0.5 pr-4" }, /* @__PURE__ */ React42.createElement("p", { className: "text-[14px] text-black truncate" }, formatWeb3Name2(ref.profile.web3Name)), /* @__PURE__ */ React42.createElement("p", { className: "text-[12px] text-neutral-500 truncate" }, "@", ref.profile.username))),
+    /* @__PURE__ */ React42.createElement("div", { className: "shrink-0 flex flex-col items-end gap-1 text-right" }, /* @__PURE__ */ React42.createElement("span", { className: "text-[11px] text-neutral-400" }, "Joined"), /* @__PURE__ */ React42.createElement("span", { className: "text-[12px] text-black" }, formatDate(ref.joinedAt)))
   ))), /* @__PURE__ */ React42.createElement("div", { className: "flex items-center justify-between pt-6 mt-2 " }, /* @__PURE__ */ React42.createElement("span", { className: "text-[11px] text-neutral-400 tracking-[0.2em]" }, "Page ", currentPage, " of ", totalPages === 0 ? 1 : totalPages), /* @__PURE__ */ React42.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React42.createElement(
     "button",
     {
@@ -4297,7 +4060,7 @@ import { useWindowSize as useWindowSize2 } from "react-use";
 import { HugeiconsIcon as HugeiconsIcon29 } from "@hugeicons/react";
 import {
   ArrowLeft01Icon as ArrowLeft01Icon11,
-  CancelCircleIcon as CancelCircleIcon6,
+  CancelCircleIcon as CancelCircleIcon7,
   Loading03Icon as Loading03Icon18
 } from "@hugeicons/core-free-icons";
 var CheckIcon2 = ({ className = "" }) => /* @__PURE__ */ React43.createElement("svg", { viewBox: "0 0 24 24", fill: "none", className: `w-4 h-4 shrink-0 ${className}`, xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React43.createElement("circle", { cx: "12", cy: "12", r: "10", fill: "black" }), /* @__PURE__ */ React43.createElement("path", { d: "M8 12L11 15L16 9", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }));
@@ -4452,7 +4215,7 @@ var UniversalCardActionPage = ({
       onClick: () => setSelectedTier(null),
       className: "text-neutral-400 hover:text-black transition-colors outline-none disabled:opacity-50"
     },
-    /* @__PURE__ */ React43.createElement(HugeiconsIcon29, { icon: CancelCircleIcon6, size: 18 })
+    /* @__PURE__ */ React43.createElement(HugeiconsIcon29, { icon: CancelCircleIcon7, size: 18 })
   )), /* @__PURE__ */ React43.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6 relative z-10" }, /* @__PURE__ */ React43.createElement("div", { className: "flex flex-col items-center justify-center mb-6" }, /* @__PURE__ */ React43.createElement("p", { className: "text-2xl text-black mb-1" }, selectedTier.priceUSD === 0 ? "Free" : `$${selectedTier.priceUSD.toFixed(2)}`), /* @__PURE__ */ React43.createElement("span", { className: `text-[10px] tracking-widest px-4 py-1.5 rounded-full bg-neutral-100 text-black mt-1` }, formatTierName(selectedTier.tierName), " ", formatTierName(cardType))), /* @__PURE__ */ React43.createElement("div", { className: "grid grid-cols-1 gap-y-6 mb-8 mt-4" }, /* @__PURE__ */ React43.createElement("div", null, /* @__PURE__ */ React43.createElement("span", { className: "text-[10px] tracking-[0.2em] text-neutral-400 block mb-1" }, "Action"), /* @__PURE__ */ React43.createElement("span", { className: "text-[13px] text-black " }, intendedAction === "upgrade" ? `Upgrade to ${formatTierName(selectedTier.tierName)}` : `Pre-order Card`)), intendedAction === "pre_order" && selectedTier.priceUSD > 0 && /* @__PURE__ */ React43.createElement("div", null, /* @__PURE__ */ React43.createElement("span", { className: "text-[10px] tracking-[0.2em] text-neutral-400 block mb-1" }, "Payment Notice"), /* @__PURE__ */ React43.createElement("span", { className: "text-[12px] text-neutral-600 leading-relaxed block" }, "By confirming, $", selectedTier.priceUSD.toFixed(2), " will be securely deducted from your USD asset balance to guarantee your order."))), /* @__PURE__ */ React43.createElement("div", { className: "flex flex-col gap-3" }, /* @__PURE__ */ React43.createElement(
     ThreeDActionButton,
     {
@@ -4487,7 +4250,7 @@ var UniversalCardActionPage = ({
 // src/components/PinDialerBottomSheet.tsx
 import React44, { useState as useState30, useEffect as useEffect17 } from "react";
 import { HugeiconsIcon as HugeiconsIcon30 } from "@hugeicons/react";
-import { CancelCircleIcon as CancelCircleIcon7 } from "@hugeicons/core-free-icons";
+import { CancelCircleIcon as CancelCircleIcon8 } from "@hugeicons/core-free-icons";
 var PinDialerBottomSheet = ({
   isOpen,
   title = "Action Required",
@@ -4522,7 +4285,7 @@ var PinDialerBottomSheet = ({
       disabled: isVerifying,
       className: "text-neutral-400 hover:text-black transition-colors outline-none disabled:opacity-50"
     },
-    /* @__PURE__ */ React44.createElement(HugeiconsIcon30, { icon: CancelCircleIcon7, size: 20 })
+    /* @__PURE__ */ React44.createElement(HugeiconsIcon30, { icon: CancelCircleIcon8, size: 20 })
   )), /* @__PURE__ */ React44.createElement("div", { className: "flex flex-col px-6 pb-6 pt-2 relative" }, /* @__PURE__ */ React44.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col gap-6" }, /* @__PURE__ */ React44.createElement(
     TextInput,
     {