@retinalabsllc/zairusjs 15.1.60 → 16.0.0
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 +11 -10
- package/dist/index.mjs +11 -10
- 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
|
@@ -3983,7 +3983,7 @@ var formatDate = (dateInput) => {
|
|
|
3983
3983
|
var UniversalReferralPage = ({
|
|
3984
3984
|
referralCode,
|
|
3985
3985
|
totalCount,
|
|
3986
|
-
referralCoins = 0,
|
|
3986
|
+
referralCoins = "0.00 AFT",
|
|
3987
3987
|
referrals,
|
|
3988
3988
|
isLoading,
|
|
3989
3989
|
currentPage,
|
|
@@ -4009,21 +4009,22 @@ var UniversalReferralPage = ({
|
|
|
4009
4009
|
const finalSrc = src || fallbackUrl;
|
|
4010
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"}` }));
|
|
4011
4011
|
};
|
|
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: "
|
|
4013
|
-
"div",
|
|
4014
|
-
{
|
|
4015
|
-
onClick: handleCopyCode,
|
|
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
|
-
},
|
|
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(
|
|
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(
|
|
4020
4013
|
"img",
|
|
4021
4014
|
{
|
|
4022
4015
|
src: "https://retinalabs.company/assets/images/gift_box.avif",
|
|
4023
4016
|
alt: "Rewards",
|
|
4024
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"
|
|
4025
4018
|
}
|
|
4026
|
-
))), /* @__PURE__ */ import_react69.default.createElement("div", { className: "
|
|
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(
|
|
4020
|
+
"button",
|
|
4021
|
+
{
|
|
4022
|
+
onClick: handleCopyCode,
|
|
4023
|
+
disabled: isLoading || !referralCode,
|
|
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"
|
|
4025
|
+
},
|
|
4026
|
+
/* @__PURE__ */ import_react69.default.createElement(import_react70.HugeiconsIcon, { icon: import_core_free_icons23.Copy01Icon, size: 18 })
|
|
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(
|
|
4027
4028
|
"div",
|
|
4028
4029
|
{
|
|
4029
4030
|
key: `${ref.profile.username}-${idx}`,
|
package/dist/index.mjs
CHANGED
|
@@ -3993,7 +3993,7 @@ var formatDate = (dateInput) => {
|
|
|
3993
3993
|
var UniversalReferralPage = ({
|
|
3994
3994
|
referralCode,
|
|
3995
3995
|
totalCount,
|
|
3996
|
-
referralCoins = 0,
|
|
3996
|
+
referralCoins = "0.00 AFT",
|
|
3997
3997
|
referrals,
|
|
3998
3998
|
isLoading,
|
|
3999
3999
|
currentPage,
|
|
@@ -4019,21 +4019,22 @@ var UniversalReferralPage = ({
|
|
|
4019
4019
|
const finalSrc = src || fallbackUrl;
|
|
4020
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"}` }));
|
|
4021
4021
|
};
|
|
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: "
|
|
4023
|
-
"div",
|
|
4024
|
-
{
|
|
4025
|
-
onClick: handleCopyCode,
|
|
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
|
-
},
|
|
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(
|
|
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(
|
|
4030
4023
|
"img",
|
|
4031
4024
|
{
|
|
4032
4025
|
src: "https://retinalabs.company/assets/images/gift_box.avif",
|
|
4033
4026
|
alt: "Rewards",
|
|
4034
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"
|
|
4035
4028
|
}
|
|
4036
|
-
))), /* @__PURE__ */ React42.createElement("div", { className: "
|
|
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(
|
|
4030
|
+
"button",
|
|
4031
|
+
{
|
|
4032
|
+
onClick: handleCopyCode,
|
|
4033
|
+
disabled: isLoading || !referralCode,
|
|
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"
|
|
4035
|
+
},
|
|
4036
|
+
/* @__PURE__ */ React42.createElement(HugeiconsIcon28, { icon: Copy01Icon4, size: 18 })
|
|
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(
|
|
4037
4038
|
"div",
|
|
4038
4039
|
{
|
|
4039
4040
|
key: `${ref.profile.username}-${idx}`,
|