@retinalabsllc/zairusjs 15.1.55 → 15.1.60
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +17 -10
- package/dist/index.mjs +17 -10
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1628,6 +1628,7 @@ var UniversalTransactionPage = ({
|
|
|
1628
1628
|
|
|
1629
1629
|
// src/components/UniversalHomeView.tsx
|
|
1630
1630
|
var import_react25 = __toESM(require("react"));
|
|
1631
|
+
var import_navigation4 = require("next/navigation");
|
|
1631
1632
|
var import_react26 = require("@hugeicons/react");
|
|
1632
1633
|
var import_core_free_icons8 = require("@hugeicons/core-free-icons");
|
|
1633
1634
|
var UniversalHomeView = ({
|
|
@@ -1648,10 +1649,11 @@ var UniversalHomeView = ({
|
|
|
1648
1649
|
const [isAvatarLoaded, setIsAvatarLoaded] = (0, import_react25.useState)(false);
|
|
1649
1650
|
const [showNotifDialog, setShowNotifDialog] = (0, import_react25.useState)(false);
|
|
1650
1651
|
const [selectedNotif, setSelectedNotif] = (0, import_react25.useState)(null);
|
|
1652
|
+
const router = (0, import_navigation4.useRouter)();
|
|
1651
1653
|
const fallbackAvatarUrl = `/api/avatar/?name=${encodeURIComponent(fullName || " ")}&background=ffffff&color=000000&size=100&font-size=0.33`;
|
|
1652
1654
|
const finalAvatarSrc = avatarSrc || fallbackAvatarUrl;
|
|
1653
1655
|
const hasUnreadNotifs = notifications.some((n) => !n.isRead);
|
|
1654
|
-
return /* @__PURE__ */ import_react25.default.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300 relative" }, /* @__PURE__ */ import_react25.default.createElement("div", { className: "flex items-center justify-between w-full pb-4 " }, /* @__PURE__ */ import_react25.default.createElement("div", { className: "w-10 h-10 rounded-full bg-white p-0.75 flex items-center justify-center cursor-pointer", onClick: () =>
|
|
1656
|
+
return /* @__PURE__ */ import_react25.default.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300 relative" }, /* @__PURE__ */ import_react25.default.createElement("div", { className: "flex items-center justify-between w-full pb-4 " }, /* @__PURE__ */ import_react25.default.createElement("div", { className: "w-10 h-10 rounded-full bg-white p-0.75 flex items-center justify-center cursor-pointer", onClick: () => router.push("/app/account/me") }, /* @__PURE__ */ import_react25.default.createElement("div", { className: "relative w-full h-full rounded-full overflow-hidden bg-neutral-100 flex items-center justify-center" }, !isAvatarLoaded && /* @__PURE__ */ import_react25.default.createElement("div", { className: "absolute inset-0 flex items-center justify-center z-10 bg-neutral-100" }, /* @__PURE__ */ import_react25.default.createElement(import_react26.HugeiconsIcon, { icon: import_core_free_icons8.Loading03Icon, size: 16, className: "animate-spin text-black" })), /* @__PURE__ */ import_react25.default.createElement(
|
|
1655
1657
|
"img",
|
|
1656
1658
|
{
|
|
1657
1659
|
src: finalAvatarSrc,
|
|
@@ -2017,7 +2019,7 @@ var UniversalWalletPage = ({
|
|
|
2017
2019
|
|
|
2018
2020
|
// src/components/UniversalCardPage.tsx
|
|
2019
2021
|
var import_react31 = __toESM(require("react"));
|
|
2020
|
-
var
|
|
2022
|
+
var import_navigation5 = require("next/navigation");
|
|
2021
2023
|
var import_react_hot_toast7 = __toESM(require("react-hot-toast"));
|
|
2022
2024
|
var import_react32 = require("@hugeicons/react");
|
|
2023
2025
|
var import_core_free_icons11 = require("@hugeicons/core-free-icons");
|
|
@@ -2029,7 +2031,7 @@ var UniversalCardPage = ({
|
|
|
2029
2031
|
onDelete,
|
|
2030
2032
|
onFundCard
|
|
2031
2033
|
}) => {
|
|
2032
|
-
const router = (0,
|
|
2034
|
+
const router = (0, import_navigation5.useRouter)();
|
|
2033
2035
|
const sortedCards = import_react31.default.useMemo(() => {
|
|
2034
2036
|
return [...cards].sort((a, b) => {
|
|
2035
2037
|
if (a.type === "VIRTUAL" && b.type !== "VIRTUAL") return -1;
|
|
@@ -3982,7 +3984,6 @@ var UniversalReferralPage = ({
|
|
|
3982
3984
|
referralCode,
|
|
3983
3985
|
totalCount,
|
|
3984
3986
|
referralCoins = 0,
|
|
3985
|
-
// Default to 0
|
|
3986
3987
|
referrals,
|
|
3987
3988
|
isLoading,
|
|
3988
3989
|
currentPage,
|
|
@@ -4008,15 +4009,21 @@ var UniversalReferralPage = ({
|
|
|
4008
4009
|
const finalSrc = src || fallbackUrl;
|
|
4009
4010
|
return /* @__PURE__ */ import_react69.default.createElement("div", { className: `relative shrink-0 rounded-full bg-neutral-100 flex items-center justify-center overflow-hidden border-2 border-white ${sizeClass}` }, !isLoaded && /* @__PURE__ */ import_react69.default.createElement(import_react70.HugeiconsIcon, { icon: import_core_free_icons23.Loading03Icon, size: 16, className: "animate-spin text-neutral-400 absolute" }), /* @__PURE__ */ import_react69.default.createElement("img", { src: finalSrc, alt, onLoad: () => setIsLoaded(true), className: `w-full h-full object-cover transition-opacity duration-300 ${isLoaded ? "opacity-100" : "opacity-0"}` }));
|
|
4010
4011
|
};
|
|
4011
|
-
return /* @__PURE__ */ import_react69.default.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ import_react69.default.createElement(ManagedToaster, null), /* @__PURE__ */ import_react69.default.createElement("div", { className: "mb-6 flex w-full items-center px-1" }, /* @__PURE__ */ import_react69.default.createElement("button", { onClick: onBackHandler, className: "flex items-center gap-2 text-neutral-500 hover:text-black transition-colors text-[13px] outline-none" }, /* @__PURE__ */ import_react69.default.createElement(import_react70.HugeiconsIcon, { icon: import_core_free_icons23.ArrowLeft01Icon, size: 16 }), " Back")), /* @__PURE__ */ import_react69.default.createElement("div", { className: "flex flex-col gap-8 p-6 rounded-3xl bg-white w-full" }, /* @__PURE__ */ import_react69.default.createElement("div", { className: "flex flex-col gap-4 mb-2" }, /* @__PURE__ */ import_react69.default.createElement("div", null, /* @__PURE__ */ import_react69.default.createElement("h1", { className: "text-black text-xl mb-1 tracking-tight" }, "Your Referrals"), /* @__PURE__ */ import_react69.default.createElement("p", { className: "text-xs text-neutral-500" }, "Invite friends and earn rewards when they verify and activate cards.")), /* @__PURE__ */ import_react69.default.createElement("div", { className: "
|
|
4012
|
-
"
|
|
4012
|
+
return /* @__PURE__ */ import_react69.default.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ import_react69.default.createElement(ManagedToaster, null), /* @__PURE__ */ import_react69.default.createElement("div", { className: "mb-6 flex w-full items-center px-1" }, /* @__PURE__ */ import_react69.default.createElement("button", { onClick: onBackHandler, className: "flex items-center gap-2 text-neutral-500 hover:text-black transition-colors text-[13px] outline-none" }, /* @__PURE__ */ import_react69.default.createElement(import_react70.HugeiconsIcon, { icon: import_core_free_icons23.ArrowLeft01Icon, size: 16 }), " Back")), /* @__PURE__ */ import_react69.default.createElement("div", { className: "flex flex-col gap-8 p-6 rounded-3xl bg-white w-full" }, /* @__PURE__ */ import_react69.default.createElement("div", { className: "flex flex-col gap-4 mb-2" }, /* @__PURE__ */ import_react69.default.createElement("div", null, /* @__PURE__ */ import_react69.default.createElement("h1", { className: "text-black text-xl mb-1 tracking-tight" }, "Your Referrals"), /* @__PURE__ */ import_react69.default.createElement("p", { className: "text-xs text-neutral-500" }, "Invite friends and earn rewards when they verify and activate cards.")), /* @__PURE__ */ import_react69.default.createElement("div", { className: "grid grid-cols-2 gap-2 mt-2" }, /* @__PURE__ */ import_react69.default.createElement(
|
|
4013
|
+
"div",
|
|
4013
4014
|
{
|
|
4014
4015
|
onClick: handleCopyCode,
|
|
4015
|
-
|
|
4016
|
-
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"
|
|
4016
|
+
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"
|
|
4017
4017
|
},
|
|
4018
|
-
/* @__PURE__ */ import_react69.default.createElement(import_react70.HugeiconsIcon, { icon: import_core_free_icons23.Copy01Icon, size:
|
|
4019
|
-
)
|
|
4018
|
+
/* @__PURE__ */ import_react69.default.createElement("div", { className: "relative z-10 flex flex-col h-full justify-between" }, /* @__PURE__ */ import_react69.default.createElement("p", { className: "text-[15px] sm:text-[15px] text-white leading-tight " }, "Referral", /* @__PURE__ */ import_react69.default.createElement("br", null), /* @__PURE__ */ import_react69.default.createElement("span", { className: "text-white/70" }, "Code")), /* @__PURE__ */ import_react69.default.createElement("div", { className: "flex items-center justify-between w-full" }, isLoading && !referralCode ? /* @__PURE__ */ import_react69.default.createElement("div", { className: "h-6 w-20 bg-white/20 animate-pulse rounded" }) : /* @__PURE__ */ import_react69.default.createElement("span", { className: "text-[16px] text-white tracking-widest" }, referralCode), /* @__PURE__ */ import_react69.default.createElement("div", { className: "w-8 h-8 rounded-full bg-white/10 flex items-center justify-center shrink-0 ml-2" }, /* @__PURE__ */ import_react69.default.createElement(import_react70.HugeiconsIcon, { icon: import_core_free_icons23.Copy01Icon, size: 16, className: "text-white" }))))
|
|
4019
|
+
), /* @__PURE__ */ import_react69.default.createElement("div", { className: "bg-[#ceff8a] rounded-2xl p-5 relative overflow-hidden flex flex-col h-32 sm:h-36" }, /* @__PURE__ */ import_react69.default.createElement("div", { className: "relative z-10 flex flex-col h-full justify-between" }, /* @__PURE__ */ import_react69.default.createElement("p", { className: "text-[15px] sm:text-[15px] text-black leading-tight " }, "Reward", /* @__PURE__ */ import_react69.default.createElement("br", null), /* @__PURE__ */ import_react69.default.createElement("span", { className: "text-black/60" }, "Balance")), /* @__PURE__ */ import_react69.default.createElement("div", { className: "flex items-end" }, isLoading && !referralCoins && referralCoins !== 0 ? /* @__PURE__ */ import_react69.default.createElement("div", { className: "h-8 w-12 bg-black/10 animate-pulse rounded" }) : /* @__PURE__ */ import_react69.default.createElement("span", { className: "text-2xl text-black " }, referralCoins))), /* @__PURE__ */ import_react69.default.createElement(
|
|
4020
|
+
"img",
|
|
4021
|
+
{
|
|
4022
|
+
src: "https://retinalabs.company/assets/images/gift_box.avif",
|
|
4023
|
+
alt: "Rewards",
|
|
4024
|
+
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"
|
|
4025
|
+
}
|
|
4026
|
+
))), /* @__PURE__ */ import_react69.default.createElement("div", { className: "flex items-center justify-between text-[13px] text-neutral-500 px-1 mt-2" }, /* @__PURE__ */ import_react69.default.createElement("span", null, "Total Invited: ", /* @__PURE__ */ import_react69.default.createElement("span", { className: "text-black " }, isLoading && !totalCount ? "-" : totalCount)))), /* @__PURE__ */ import_react69.default.createElement("div", { className: "w-full overflow-hidden" }, isLoading ? /* @__PURE__ */ import_react69.default.createElement(PageSpinner5, null) : /* @__PURE__ */ import_react69.default.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ import_react69.default.createElement("div", null, referrals.length === 0 ? /* @__PURE__ */ import_react69.default.createElement("div", { className: "flex flex-col items-center justify-center py-12 opacity-50" }, /* @__PURE__ */ import_react69.default.createElement("p", { className: "text-xs text-neutral-500 text-center" }, "You haven't referred anyone yet.")) : referrals.map((ref, idx) => /* @__PURE__ */ import_react69.default.createElement(
|
|
4020
4027
|
"div",
|
|
4021
4028
|
{
|
|
4022
4029
|
key: `${ref.profile.username}-${idx}`,
|
package/dist/index.mjs
CHANGED
|
@@ -1574,6 +1574,7 @@ var UniversalTransactionPage = ({
|
|
|
1574
1574
|
|
|
1575
1575
|
// src/components/UniversalHomeView.tsx
|
|
1576
1576
|
import React16, { useState as useState10 } from "react";
|
|
1577
|
+
import { useRouter } from "next/navigation";
|
|
1577
1578
|
import { HugeiconsIcon as HugeiconsIcon10 } from "@hugeicons/react";
|
|
1578
1579
|
import {
|
|
1579
1580
|
Loading03Icon as Loading03Icon5,
|
|
@@ -1601,10 +1602,11 @@ var UniversalHomeView = ({
|
|
|
1601
1602
|
const [isAvatarLoaded, setIsAvatarLoaded] = useState10(false);
|
|
1602
1603
|
const [showNotifDialog, setShowNotifDialog] = useState10(false);
|
|
1603
1604
|
const [selectedNotif, setSelectedNotif] = useState10(null);
|
|
1605
|
+
const router = useRouter();
|
|
1604
1606
|
const fallbackAvatarUrl = `/api/avatar/?name=${encodeURIComponent(fullName || " ")}&background=ffffff&color=000000&size=100&font-size=0.33`;
|
|
1605
1607
|
const finalAvatarSrc = avatarSrc || fallbackAvatarUrl;
|
|
1606
1608
|
const hasUnreadNotifs = notifications.some((n) => !n.isRead);
|
|
1607
|
-
return /* @__PURE__ */ React16.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300 relative" }, /* @__PURE__ */ React16.createElement("div", { className: "flex items-center justify-between w-full pb-4 " }, /* @__PURE__ */ React16.createElement("div", { className: "w-10 h-10 rounded-full bg-white p-0.75 flex items-center justify-center cursor-pointer", onClick: () =>
|
|
1609
|
+
return /* @__PURE__ */ React16.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300 relative" }, /* @__PURE__ */ React16.createElement("div", { className: "flex items-center justify-between w-full pb-4 " }, /* @__PURE__ */ React16.createElement("div", { className: "w-10 h-10 rounded-full bg-white p-0.75 flex items-center justify-center cursor-pointer", onClick: () => router.push("/app/account/me") }, /* @__PURE__ */ React16.createElement("div", { className: "relative w-full h-full rounded-full overflow-hidden bg-neutral-100 flex items-center justify-center" }, !isAvatarLoaded && /* @__PURE__ */ React16.createElement("div", { className: "absolute inset-0 flex items-center justify-center z-10 bg-neutral-100" }, /* @__PURE__ */ React16.createElement(HugeiconsIcon10, { icon: Loading03Icon5, size: 16, className: "animate-spin text-black" })), /* @__PURE__ */ React16.createElement(
|
|
1608
1610
|
"img",
|
|
1609
1611
|
{
|
|
1610
1612
|
src: finalAvatarSrc,
|
|
@@ -1980,7 +1982,7 @@ var UniversalWalletPage = ({
|
|
|
1980
1982
|
|
|
1981
1983
|
// src/components/UniversalCardPage.tsx
|
|
1982
1984
|
import React19, { useState as useState12, useEffect as useEffect7 } from "react";
|
|
1983
|
-
import { useRouter } from "next/navigation";
|
|
1985
|
+
import { useRouter as useRouter2 } from "next/navigation";
|
|
1984
1986
|
import toast6 from "react-hot-toast";
|
|
1985
1987
|
import { HugeiconsIcon as HugeiconsIcon13 } from "@hugeicons/react";
|
|
1986
1988
|
import {
|
|
@@ -2001,7 +2003,7 @@ var UniversalCardPage = ({
|
|
|
2001
2003
|
onDelete,
|
|
2002
2004
|
onFundCard
|
|
2003
2005
|
}) => {
|
|
2004
|
-
const router =
|
|
2006
|
+
const router = useRouter2();
|
|
2005
2007
|
const sortedCards = React19.useMemo(() => {
|
|
2006
2008
|
return [...cards].sort((a, b) => {
|
|
2007
2009
|
if (a.type === "VIRTUAL" && b.type !== "VIRTUAL") return -1;
|
|
@@ -3992,7 +3994,6 @@ var UniversalReferralPage = ({
|
|
|
3992
3994
|
referralCode,
|
|
3993
3995
|
totalCount,
|
|
3994
3996
|
referralCoins = 0,
|
|
3995
|
-
// Default to 0
|
|
3996
3997
|
referrals,
|
|
3997
3998
|
isLoading,
|
|
3998
3999
|
currentPage,
|
|
@@ -4018,15 +4019,21 @@ var UniversalReferralPage = ({
|
|
|
4018
4019
|
const finalSrc = src || fallbackUrl;
|
|
4019
4020
|
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"}` }));
|
|
4020
4021
|
};
|
|
4021
|
-
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: "
|
|
4022
|
-
"
|
|
4022
|
+
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: "grid grid-cols-2 gap-2 mt-2" }, /* @__PURE__ */ React42.createElement(
|
|
4023
|
+
"div",
|
|
4023
4024
|
{
|
|
4024
4025
|
onClick: handleCopyCode,
|
|
4025
|
-
|
|
4026
|
-
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"
|
|
4026
|
+
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"
|
|
4027
4027
|
},
|
|
4028
|
-
/* @__PURE__ */ React42.createElement(HugeiconsIcon28, { icon: Copy01Icon4, size:
|
|
4029
|
-
)
|
|
4028
|
+
/* @__PURE__ */ React42.createElement("div", { className: "relative z-10 flex flex-col h-full justify-between" }, /* @__PURE__ */ React42.createElement("p", { className: "text-[15px] sm:text-[15px] text-white leading-tight " }, "Referral", /* @__PURE__ */ React42.createElement("br", null), /* @__PURE__ */ React42.createElement("span", { className: "text-white/70" }, "Code")), /* @__PURE__ */ React42.createElement("div", { className: "flex items-center justify-between w-full" }, isLoading && !referralCode ? /* @__PURE__ */ React42.createElement("div", { className: "h-6 w-20 bg-white/20 animate-pulse rounded" }) : /* @__PURE__ */ React42.createElement("span", { className: "text-[16px] text-white tracking-widest" }, referralCode), /* @__PURE__ */ React42.createElement("div", { className: "w-8 h-8 rounded-full bg-white/10 flex items-center justify-center shrink-0 ml-2" }, /* @__PURE__ */ React42.createElement(HugeiconsIcon28, { icon: Copy01Icon4, size: 16, className: "text-white" }))))
|
|
4029
|
+
), /* @__PURE__ */ React42.createElement("div", { className: "bg-[#ceff8a] rounded-2xl p-5 relative overflow-hidden flex flex-col h-32 sm:h-36" }, /* @__PURE__ */ React42.createElement("div", { className: "relative z-10 flex flex-col h-full justify-between" }, /* @__PURE__ */ React42.createElement("p", { className: "text-[15px] sm:text-[15px] text-black leading-tight " }, "Reward", /* @__PURE__ */ React42.createElement("br", null), /* @__PURE__ */ React42.createElement("span", { className: "text-black/60" }, "Balance")), /* @__PURE__ */ React42.createElement("div", { className: "flex items-end" }, isLoading && !referralCoins && referralCoins !== 0 ? /* @__PURE__ */ React42.createElement("div", { className: "h-8 w-12 bg-black/10 animate-pulse rounded" }) : /* @__PURE__ */ React42.createElement("span", { className: "text-2xl text-black " }, referralCoins))), /* @__PURE__ */ React42.createElement(
|
|
4030
|
+
"img",
|
|
4031
|
+
{
|
|
4032
|
+
src: "https://retinalabs.company/assets/images/gift_box.avif",
|
|
4033
|
+
alt: "Rewards",
|
|
4034
|
+
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"
|
|
4035
|
+
}
|
|
4036
|
+
))), /* @__PURE__ */ React42.createElement("div", { className: "flex items-center justify-between text-[13px] text-neutral-500 px-1 mt-2" }, /* @__PURE__ */ React42.createElement("span", null, "Total Invited: ", /* @__PURE__ */ React42.createElement("span", { className: "text-black " }, 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(
|
|
4030
4037
|
"div",
|
|
4031
4038
|
{
|
|
4032
4039
|
key: `${ref.profile.username}-${idx}`,
|