@retinalabsllc/zairusjs 15.1.55 → 15.1.65
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.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +15 -7
- package/dist/index.mjs +15 -7
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -872,7 +872,7 @@ interface UniversalReferralItem {
|
|
|
872
872
|
interface UniversalReferralPageProps {
|
|
873
873
|
referralCode: string | null;
|
|
874
874
|
totalCount: number;
|
|
875
|
-
referralCoins?:
|
|
875
|
+
referralCoins?: string;
|
|
876
876
|
referrals: UniversalReferralItem[];
|
|
877
877
|
isLoading: boolean;
|
|
878
878
|
currentPage: number;
|
package/dist/index.d.ts
CHANGED
|
@@ -872,7 +872,7 @@ interface UniversalReferralItem {
|
|
|
872
872
|
interface UniversalReferralPageProps {
|
|
873
873
|
referralCode: string | null;
|
|
874
874
|
totalCount: number;
|
|
875
|
-
referralCoins?:
|
|
875
|
+
referralCoins?: string;
|
|
876
876
|
referrals: UniversalReferralItem[];
|
|
877
877
|
isLoading: boolean;
|
|
878
878
|
currentPage: number;
|
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;
|
|
@@ -3981,8 +3983,7 @@ var formatDate = (dateInput) => {
|
|
|
3981
3983
|
var UniversalReferralPage = ({
|
|
3982
3984
|
referralCode,
|
|
3983
3985
|
totalCount,
|
|
3984
|
-
referralCoins = 0,
|
|
3985
|
-
// Default to 0
|
|
3986
|
+
referralCoins = "0.00 AFT",
|
|
3986
3987
|
referrals,
|
|
3987
3988
|
isLoading,
|
|
3988
3989
|
currentPage,
|
|
@@ -4008,7 +4009,14 @@ 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
|
+
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: "mt-2" }, /* @__PURE__ */ import_react69.default.createElement("div", { className: "bg-[#ceff8a] rounded-2xl p-5 relative overflow-hidden flex flex-col h-32 sm:h-36 w-full" }, /* @__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-[14px] 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 ? /* @__PURE__ */ import_react69.default.createElement("div", { className: "h-8 w-32 bg-black/10 animate-pulse rounded" }) : /* @__PURE__ */ import_react69.default.createElement("span", { className: "text-xl text-black " }, referralCoins))), /* @__PURE__ */ import_react69.default.createElement(
|
|
4013
|
+
"img",
|
|
4014
|
+
{
|
|
4015
|
+
src: "https://retinalabs.company/assets/images/gift_box.avif",
|
|
4016
|
+
alt: "Rewards",
|
|
4017
|
+
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"
|
|
4018
|
+
}
|
|
4019
|
+
))), /* @__PURE__ */ import_react69.default.createElement("div", { className: "border border-neutral-200 rounded-xl p-4 flex items-center justify-between mt-2" }, /* @__PURE__ */ import_react69.default.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ import_react69.default.createElement("span", { className: "text-[11px] tracking-widest text-neutral-400 " }, "Invitation Code"), isLoading && !referralCode ? /* @__PURE__ */ import_react69.default.createElement("div", { className: "h-6 w-24 bg-neutral-50 animate-pulse rounded mt-1" }) : /* @__PURE__ */ import_react69.default.createElement("span", { className: "text-lg text-black tracking-widest" }, referralCode)), /* @__PURE__ */ import_react69.default.createElement(
|
|
4012
4020
|
"button",
|
|
4013
4021
|
{
|
|
4014
4022
|
onClick: handleCopyCode,
|
|
@@ -4016,7 +4024,7 @@ var UniversalReferralPage = ({
|
|
|
4016
4024
|
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"
|
|
4017
4025
|
},
|
|
4018
4026
|
/* @__PURE__ */ import_react69.default.createElement(import_react70.HugeiconsIcon, { icon: import_core_free_icons23.Copy01Icon, size: 18 })
|
|
4019
|
-
)), /* @__PURE__ */ import_react69.default.createElement("div", { className: "flex items-center justify-between text-[13px] text-
|
|
4027
|
+
)), /* @__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
4028
|
"div",
|
|
4021
4029
|
{
|
|
4022
4030
|
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;
|
|
@@ -3991,8 +3993,7 @@ var formatDate = (dateInput) => {
|
|
|
3991
3993
|
var UniversalReferralPage = ({
|
|
3992
3994
|
referralCode,
|
|
3993
3995
|
totalCount,
|
|
3994
|
-
referralCoins = 0,
|
|
3995
|
-
// Default to 0
|
|
3996
|
+
referralCoins = "0.00 AFT",
|
|
3996
3997
|
referrals,
|
|
3997
3998
|
isLoading,
|
|
3998
3999
|
currentPage,
|
|
@@ -4018,7 +4019,14 @@ 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
|
+
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: "mt-2" }, /* @__PURE__ */ React42.createElement("div", { className: "bg-[#ceff8a] rounded-2xl p-5 relative overflow-hidden flex flex-col h-32 sm:h-36 w-full" }, /* @__PURE__ */ React42.createElement("div", { className: "relative z-10 flex flex-col h-full justify-between" }, /* @__PURE__ */ React42.createElement("p", { className: "text-[14px] 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 ? /* @__PURE__ */ React42.createElement("div", { className: "h-8 w-32 bg-black/10 animate-pulse rounded" }) : /* @__PURE__ */ React42.createElement("span", { className: "text-xl text-black " }, referralCoins))), /* @__PURE__ */ React42.createElement(
|
|
4023
|
+
"img",
|
|
4024
|
+
{
|
|
4025
|
+
src: "https://retinalabs.company/assets/images/gift_box.avif",
|
|
4026
|
+
alt: "Rewards",
|
|
4027
|
+
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"
|
|
4028
|
+
}
|
|
4029
|
+
))), /* @__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(
|
|
4022
4030
|
"button",
|
|
4023
4031
|
{
|
|
4024
4032
|
onClick: handleCopyCode,
|
|
@@ -4026,7 +4034,7 @@ var UniversalReferralPage = ({
|
|
|
4026
4034
|
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"
|
|
4027
4035
|
},
|
|
4028
4036
|
/* @__PURE__ */ React42.createElement(HugeiconsIcon28, { icon: Copy01Icon4, size: 18 })
|
|
4029
|
-
)), /* @__PURE__ */ React42.createElement("div", { className: "flex items-center justify-between text-[13px] text-
|
|
4037
|
+
)), /* @__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
4038
|
"div",
|
|
4031
4039
|
{
|
|
4032
4040
|
key: `${ref.profile.username}-${idx}`,
|