@retinalabsllc/zairusjs 15.1.13 → 15.1.20
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 +13 -13
- package/dist/index.mjs +13 -13
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -383,7 +383,7 @@ var import_react6 = __toESM(require("react"));
|
|
|
383
383
|
var InputSpinner = () => /* @__PURE__ */ import_react6.default.createElement("svg", { className: "animate-spin h-3 w-3 text-neutral-400", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24" }, /* @__PURE__ */ import_react6.default.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), /* @__PURE__ */ import_react6.default.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" }));
|
|
384
384
|
var FlagImage = ({ countryCode }) => {
|
|
385
385
|
const [loaded, setLoaded] = (0, import_react6.useState)(false);
|
|
386
|
-
return /* @__PURE__ */ import_react6.default.createElement("div", { className: "relative w-
|
|
386
|
+
return /* @__PURE__ */ import_react6.default.createElement("div", { className: "relative w-4 h-4 rounded-full overflow-hidden flex items-center justify-center bg-neutral-100 shrink-0" }, !loaded && /* @__PURE__ */ import_react6.default.createElement("div", { className: "absolute inset-0 flex items-center justify-center" }, /* @__PURE__ */ import_react6.default.createElement(InputSpinner, null)), /* @__PURE__ */ import_react6.default.createElement(
|
|
387
387
|
"img",
|
|
388
388
|
{
|
|
389
389
|
src: `https://flagcdn.com/w40/${countryCode.toLowerCase()}.png`,
|
|
@@ -457,7 +457,7 @@ var PhoneInput = ({
|
|
|
457
457
|
className: "flex items-center gap-1.5 outline-none hover:opacity-80 transition-opacity"
|
|
458
458
|
},
|
|
459
459
|
/* @__PURE__ */ import_react6.default.createElement(FlagImage, { countryCode: selectedCountry.code }),
|
|
460
|
-
/* @__PURE__ */ import_react6.default.createElement("span", { className: "text-
|
|
460
|
+
/* @__PURE__ */ import_react6.default.createElement("span", { className: "text-xs text-black pl-1" }, selectedCountry.dialCode),
|
|
461
461
|
/* @__PURE__ */ import_react6.default.createElement("svg", { className: "w-3 h-3 text-neutral-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ import_react6.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }))
|
|
462
462
|
), /* @__PURE__ */ import_react6.default.createElement(
|
|
463
463
|
"input",
|
|
@@ -505,7 +505,7 @@ var CountrySelectorDialog = ({ isOpen, onClose, onSelect }) => {
|
|
|
505
505
|
className: "flex items-center gap-4 p-3 rounded-xl hover:bg-neutral-50 transition-colors text-left outline-none"
|
|
506
506
|
},
|
|
507
507
|
/* @__PURE__ */ import_react7.default.createElement(FlagImage, { countryCode: c.code }),
|
|
508
|
-
/* @__PURE__ */ import_react7.default.createElement("span", { className: "text-sm text-black flex-1
|
|
508
|
+
/* @__PURE__ */ import_react7.default.createElement("span", { className: "text-sm text-black flex-1 " }, c.name),
|
|
509
509
|
/* @__PURE__ */ import_react7.default.createElement("span", { className: "text-sm text-neutral-400 " }, c.dialCode)
|
|
510
510
|
))))));
|
|
511
511
|
};
|
|
@@ -689,10 +689,10 @@ function AuthFormInner({
|
|
|
689
689
|
onClose: () => setIsCountryDialogOpen(false),
|
|
690
690
|
onSelect: setSelectedCountry
|
|
691
691
|
}
|
|
692
|
-
), /* @__PURE__ */ import_react7.default.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center gap-4 relative z-10 animate-in fade-in duration-300" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "p-
|
|
692
|
+
), /* @__PURE__ */ import_react7.default.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center gap-4 relative z-10 animate-in fade-in duration-300" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "p-6" }, step === "INPUT" && /* @__PURE__ */ import_react7.default.createElement("div", { className: "animate-in fade-in duration-300" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "mb-12 mt-2 text-left" }, /* @__PURE__ */ import_react7.default.createElement("h2", { className: "text-xl text-black mb-2 tracking-tight" }, mode === "LOGIN" ? `${companyName} ${workspaceLabel}` : "Create Account"), /* @__PURE__ */ import_react7.default.createElement("div", { className: "text-[13px] text-neutral-500" }, mode === "LOGIN" ? /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, "Don't have an account? ", /* @__PURE__ */ import_react7.default.createElement("button", { type: "button", onClick: () => {
|
|
693
693
|
setMode("SIGNUP");
|
|
694
694
|
setSignupStep(getInitialSignupStep());
|
|
695
|
-
}, className: "text-black transition-colors ml-1
|
|
695
|
+
}, className: "text-black transition-colors ml-1 " }, "Sign up")) : /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, "Already have an account? ", /* @__PURE__ */ import_react7.default.createElement("button", { type: "button", onClick: () => setMode("LOGIN"), className: "text-black transition-colors ml-1 " }, "Log in")))), /* @__PURE__ */ import_react7.default.createElement("form", { className: "space-y-6", autoComplete: "off", onSubmit: (e) => {
|
|
696
696
|
e.preventDefault();
|
|
697
697
|
if (mode === "SIGNUP" && signupStep === "NAME") handleNextSignupStep();
|
|
698
698
|
else if (mode === "SIGNUP" && signupStep === "ORGANIZATION") handleNextSignupStep();
|
|
@@ -708,7 +708,7 @@ function AuthFormInner({
|
|
|
708
708
|
onCountryClick: () => setIsCountryDialogOpen(true),
|
|
709
709
|
disabled: isSubmitting
|
|
710
710
|
}
|
|
711
|
-
), mode === "SIGNUP" && /* @__PURE__ */ import_react7.default.createElement("div", { className: "flex items-start gap-3 mt-4" }, /* @__PURE__ */ import_react7.default.createElement("input", { type: "checkbox", id: "zairus-terms", checked: agreedToTerms, onChange: (e) => setAgreedToTerms(e.target.checked), className: "mt-0.5 w-4 h-4 bg-white border-neutral-300 rounded text-black focus:ring-black cursor-pointer", required: true }), /* @__PURE__ */ import_react7.default.createElement("label", { htmlFor: "zairus-terms", className: "text-[11px] text-neutral-500 cursor-pointer leading-snug" }, "I agree to ", companyName, "'s ", /* @__PURE__ */ import_react7.default.createElement("a", { href: termsUrl, target: "_blank", rel: "noreferrer", className: "text-black underline
|
|
711
|
+
), mode === "SIGNUP" && /* @__PURE__ */ import_react7.default.createElement("div", { className: "flex items-start gap-3 mt-4" }, /* @__PURE__ */ import_react7.default.createElement("input", { type: "checkbox", id: "zairus-terms", checked: agreedToTerms, onChange: (e) => setAgreedToTerms(e.target.checked), className: "mt-0.5 w-4 h-4 bg-white border-neutral-300 rounded text-black focus:ring-black cursor-pointer", required: true }), /* @__PURE__ */ import_react7.default.createElement("label", { htmlFor: "zairus-terms", className: "text-[11px] text-neutral-500 cursor-pointer leading-snug" }, "I agree to ", companyName, "'s ", /* @__PURE__ */ import_react7.default.createElement("a", { href: termsUrl, target: "_blank", rel: "noreferrer", className: "text-black underline " }, "Terms of Service"), " and ", /* @__PURE__ */ import_react7.default.createElement("a", { href: privacyUrl, target: "_blank", rel: "noreferrer", className: "text-black underline " }, "Privacy Policy"), "."))), mode === "SIGNUP" && signupStep === "INVITATION" && /* @__PURE__ */ import_react7.default.createElement("div", { className: "flex flex-col gap-6 animate-in fade-in slide-in-from-right-4 duration-300" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ import_react7.default.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block " }, "Referral Code"), /* @__PURE__ */ import_react7.default.createElement(
|
|
712
712
|
"input",
|
|
713
713
|
{
|
|
714
714
|
type: "text",
|
|
@@ -736,7 +736,7 @@ function AuthFormInner({
|
|
|
736
736
|
onKeyDown: (e) => {
|
|
737
737
|
if (e.key === "Backspace" && !otp[index] && index > 0) inputRefs.current[index - 1]?.focus();
|
|
738
738
|
},
|
|
739
|
-
className: "w-
|
|
739
|
+
className: "w-7 h-12 text-center text-sm bg-transparent border-b-2 border-neutral-200 text-black outline-none focus:border-black transition-all duration-300"
|
|
740
740
|
}
|
|
741
741
|
))), /* @__PURE__ */ import_react7.default.createElement(ThreeDActionButton, { type: "submit", disabled: otp.join("").length < 6, isLoading: isSubmitting, className: "w-full" }, "Verify Code")), userHasPasskey && /* @__PURE__ */ import_react7.default.createElement("div", { className: "pt-6" }, /* @__PURE__ */ import_react7.default.createElement(
|
|
742
742
|
"button",
|
|
@@ -1035,7 +1035,7 @@ var UniversalOrganizationPage = ({
|
|
|
1035
1035
|
"button",
|
|
1036
1036
|
{
|
|
1037
1037
|
onClick: onBackHandler,
|
|
1038
|
-
className: "flex items-center gap-2 text-neutral-500 hover:text-black transition-colors text-[13px]
|
|
1038
|
+
className: "flex items-center gap-2 text-neutral-500 hover:text-black transition-colors text-[13px] outline-none"
|
|
1039
1039
|
},
|
|
1040
1040
|
/* @__PURE__ */ import_react15.default.createElement(import_react16.HugeiconsIcon, { icon: import_core_free_icons3.ArrowLeft01Icon, size: 16 }),
|
|
1041
1041
|
" Back"
|
|
@@ -1195,7 +1195,7 @@ var UniversalProfileSettings = ({
|
|
|
1195
1195
|
"button",
|
|
1196
1196
|
{
|
|
1197
1197
|
onClick: onBackHandler,
|
|
1198
|
-
className: "flex items-center gap-2 text-neutral-500 hover:text-black transition-colors text-[13px]
|
|
1198
|
+
className: "flex items-center gap-2 text-neutral-500 hover:text-black transition-colors text-[13px] outline-none"
|
|
1199
1199
|
},
|
|
1200
1200
|
/* @__PURE__ */ import_react17.default.createElement(import_react18.HugeiconsIcon, { icon: import_core_free_icons4.ArrowLeft01Icon, size: 16 }),
|
|
1201
1201
|
" Back"
|
|
@@ -1710,7 +1710,7 @@ var UniversalHomeView = ({
|
|
|
1710
1710
|
onClick: buyCryptoAction?.onClick,
|
|
1711
1711
|
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"
|
|
1712
1712
|
},
|
|
1713
|
-
/* @__PURE__ */ import_react25.default.createElement("div", { className: "relative z-10 flex flex-col h-full justify-between" }, /* @__PURE__ */ import_react25.default.createElement("p", { className: "text-[15px] sm:text-[15px] text-white
|
|
1713
|
+
/* @__PURE__ */ import_react25.default.createElement("div", { className: "relative z-10 flex flex-col h-full justify-between" }, /* @__PURE__ */ import_react25.default.createElement("p", { className: "text-[15px] sm:text-[15px] text-white " }, "Buy Crypto"), /* @__PURE__ */ import_react25.default.createElement("div", { className: "w-8 h-8 rounded-full bg-white/10 border border-white/10 flex items-center justify-center" }, /* @__PURE__ */ import_react25.default.createElement(import_react26.HugeiconsIcon, { icon: import_core_free_icons8.ArrowUpRight01Icon, size: 16, className: "text-white" }))),
|
|
1714
1714
|
/* @__PURE__ */ import_react25.default.createElement(
|
|
1715
1715
|
"img",
|
|
1716
1716
|
{
|
|
@@ -1725,7 +1725,7 @@ var UniversalHomeView = ({
|
|
|
1725
1725
|
onClick: referralAction?.onClick,
|
|
1726
1726
|
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"
|
|
1727
1727
|
},
|
|
1728
|
-
/* @__PURE__ */ import_react25.default.createElement("div", { className: "relative z-10 flex flex-col h-full justify-between" }, /* @__PURE__ */ import_react25.default.createElement("p", { className: "text-[15px] sm:text-[15px] text-black
|
|
1728
|
+
/* @__PURE__ */ import_react25.default.createElement("div", { className: "relative z-10 flex flex-col h-full justify-between" }, /* @__PURE__ */ import_react25.default.createElement("p", { className: "text-[15px] sm:text-[15px] text-black " }, "Referral"), /* @__PURE__ */ import_react25.default.createElement("div", { className: "w-8 h-8 rounded-full bg-black/5 border border-black/5 flex items-center justify-center" }, /* @__PURE__ */ import_react25.default.createElement(import_react26.HugeiconsIcon, { icon: import_core_free_icons8.ArrowRight01Icon, size: 16, className: "text-black" }))),
|
|
1729
1729
|
/* @__PURE__ */ import_react25.default.createElement(
|
|
1730
1730
|
"img",
|
|
1731
1731
|
{
|
|
@@ -2094,7 +2094,7 @@ var UniversalCardPage = ({
|
|
|
2094
2094
|
const actionsDisabled = !isActivated && !isFrozen || isDead;
|
|
2095
2095
|
const showActionOverlay = !isActivated && isBgLoaded || isFrozen;
|
|
2096
2096
|
const overlayClasses = activeCard.contentDark ? "bg-white/30 backdrop-blur-[3px]" : "bg-black/30 backdrop-blur-[3px]";
|
|
2097
|
-
const buttonClasses = activeCard.contentDark ? "bg-black text-white hover:bg-black/80
|
|
2097
|
+
const buttonClasses = activeCard.contentDark ? "bg-black text-white hover:bg-black/80 " : "bg-white text-black hover:bg-neutral-100 ";
|
|
2098
2098
|
const handleToggleFreeze = async () => {
|
|
2099
2099
|
if (actionsDisabled || isFreezing || !onFreeze) return;
|
|
2100
2100
|
setIsFreezing(true);
|
|
@@ -2137,7 +2137,7 @@ var UniversalCardPage = ({
|
|
|
2137
2137
|
className: "absolute inset-0 bg-cover bg-center",
|
|
2138
2138
|
style: { backgroundImage: `url(${activeCard.cardBgSrc})` }
|
|
2139
2139
|
}
|
|
2140
|
-
), /* @__PURE__ */ import_react31.default.createElement("div", { className: "relative z-10 w-full h-full p-5 flex flex-col justify-between" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex items-start justify-end w-full gap-4" }, activeCard.networkLogoSrc && /* @__PURE__ */ import_react31.default.createElement("img", { src: activeCard.networkLogoSrc, alt: "Network Logo", className: "h-7 w-auto max-w-20 object-contain opacity-90" })), /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex justify-between items-end w-full" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ import_react31.default.createElement("span", { className: `text-[10px] tracking-widest ${activeCard.contentDark ? "text-black/60" : "text-white/70"} drop-shadow-sm` }, "Balance"), /* @__PURE__ */ import_react31.default.createElement("span", { className: `text-[16px] tracking-widest
|
|
2140
|
+
), /* @__PURE__ */ import_react31.default.createElement("div", { className: "relative z-10 w-full h-full p-5 flex flex-col justify-between" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex items-start justify-end w-full gap-4" }, activeCard.networkLogoSrc && /* @__PURE__ */ import_react31.default.createElement("img", { src: activeCard.networkLogoSrc, alt: "Network Logo", className: "h-7 w-auto max-w-20 object-contain opacity-90" })), /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex justify-between items-end w-full" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ import_react31.default.createElement("span", { className: `text-[10px] tracking-widest ${activeCard.contentDark ? "text-black/60" : "text-white/70"} drop-shadow-sm` }, "Balance"), /* @__PURE__ */ import_react31.default.createElement("span", { className: `text-[16px] tracking-widest ${activeCard.contentDark ? "text-black" : "text-white"} drop-shadow-sm` }, activeCard.balance))))))), /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-full flex flex-col gap-4 mt-1" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ import_react31.default.createElement(
|
|
2141
2141
|
MenuRow,
|
|
2142
2142
|
{
|
|
2143
2143
|
icon: import_core_free_icons11.PlusSignIcon,
|
package/dist/index.mjs
CHANGED
|
@@ -304,7 +304,7 @@ import React5, { useState as useState3 } from "react";
|
|
|
304
304
|
var InputSpinner = () => /* @__PURE__ */ React5.createElement("svg", { className: "animate-spin h-3 w-3 text-neutral-400", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24" }, /* @__PURE__ */ React5.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), /* @__PURE__ */ React5.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" }));
|
|
305
305
|
var FlagImage = ({ countryCode }) => {
|
|
306
306
|
const [loaded, setLoaded] = useState3(false);
|
|
307
|
-
return /* @__PURE__ */ React5.createElement("div", { className: "relative w-
|
|
307
|
+
return /* @__PURE__ */ React5.createElement("div", { className: "relative w-4 h-4 rounded-full overflow-hidden flex items-center justify-center bg-neutral-100 shrink-0" }, !loaded && /* @__PURE__ */ React5.createElement("div", { className: "absolute inset-0 flex items-center justify-center" }, /* @__PURE__ */ React5.createElement(InputSpinner, null)), /* @__PURE__ */ React5.createElement(
|
|
308
308
|
"img",
|
|
309
309
|
{
|
|
310
310
|
src: `https://flagcdn.com/w40/${countryCode.toLowerCase()}.png`,
|
|
@@ -378,7 +378,7 @@ var PhoneInput = ({
|
|
|
378
378
|
className: "flex items-center gap-1.5 outline-none hover:opacity-80 transition-opacity"
|
|
379
379
|
},
|
|
380
380
|
/* @__PURE__ */ React5.createElement(FlagImage, { countryCode: selectedCountry.code }),
|
|
381
|
-
/* @__PURE__ */ React5.createElement("span", { className: "text-
|
|
381
|
+
/* @__PURE__ */ React5.createElement("span", { className: "text-xs text-black pl-1" }, selectedCountry.dialCode),
|
|
382
382
|
/* @__PURE__ */ React5.createElement("svg", { className: "w-3 h-3 text-neutral-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React5.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }))
|
|
383
383
|
), /* @__PURE__ */ React5.createElement(
|
|
384
384
|
"input",
|
|
@@ -426,7 +426,7 @@ var CountrySelectorDialog = ({ isOpen, onClose, onSelect }) => {
|
|
|
426
426
|
className: "flex items-center gap-4 p-3 rounded-xl hover:bg-neutral-50 transition-colors text-left outline-none"
|
|
427
427
|
},
|
|
428
428
|
/* @__PURE__ */ React6.createElement(FlagImage, { countryCode: c.code }),
|
|
429
|
-
/* @__PURE__ */ React6.createElement("span", { className: "text-sm text-black flex-1
|
|
429
|
+
/* @__PURE__ */ React6.createElement("span", { className: "text-sm text-black flex-1 " }, c.name),
|
|
430
430
|
/* @__PURE__ */ React6.createElement("span", { className: "text-sm text-neutral-400 " }, c.dialCode)
|
|
431
431
|
))))));
|
|
432
432
|
};
|
|
@@ -610,10 +610,10 @@ function AuthFormInner({
|
|
|
610
610
|
onClose: () => setIsCountryDialogOpen(false),
|
|
611
611
|
onSelect: setSelectedCountry
|
|
612
612
|
}
|
|
613
|
-
), /* @__PURE__ */ React6.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center gap-4 relative z-10 animate-in fade-in duration-300" }, /* @__PURE__ */ React6.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ React6.createElement("div", { className: "p-
|
|
613
|
+
), /* @__PURE__ */ React6.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center gap-4 relative z-10 animate-in fade-in duration-300" }, /* @__PURE__ */ React6.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ React6.createElement("div", { className: "p-6" }, step === "INPUT" && /* @__PURE__ */ React6.createElement("div", { className: "animate-in fade-in duration-300" }, /* @__PURE__ */ React6.createElement("div", { className: "mb-12 mt-2 text-left" }, /* @__PURE__ */ React6.createElement("h2", { className: "text-xl text-black mb-2 tracking-tight" }, mode === "LOGIN" ? `${companyName} ${workspaceLabel}` : "Create Account"), /* @__PURE__ */ React6.createElement("div", { className: "text-[13px] text-neutral-500" }, mode === "LOGIN" ? /* @__PURE__ */ React6.createElement(React6.Fragment, null, "Don't have an account? ", /* @__PURE__ */ React6.createElement("button", { type: "button", onClick: () => {
|
|
614
614
|
setMode("SIGNUP");
|
|
615
615
|
setSignupStep(getInitialSignupStep());
|
|
616
|
-
}, className: "text-black transition-colors ml-1
|
|
616
|
+
}, className: "text-black transition-colors ml-1 " }, "Sign up")) : /* @__PURE__ */ React6.createElement(React6.Fragment, null, "Already have an account? ", /* @__PURE__ */ React6.createElement("button", { type: "button", onClick: () => setMode("LOGIN"), className: "text-black transition-colors ml-1 " }, "Log in")))), /* @__PURE__ */ React6.createElement("form", { className: "space-y-6", autoComplete: "off", onSubmit: (e) => {
|
|
617
617
|
e.preventDefault();
|
|
618
618
|
if (mode === "SIGNUP" && signupStep === "NAME") handleNextSignupStep();
|
|
619
619
|
else if (mode === "SIGNUP" && signupStep === "ORGANIZATION") handleNextSignupStep();
|
|
@@ -629,7 +629,7 @@ function AuthFormInner({
|
|
|
629
629
|
onCountryClick: () => setIsCountryDialogOpen(true),
|
|
630
630
|
disabled: isSubmitting
|
|
631
631
|
}
|
|
632
|
-
), mode === "SIGNUP" && /* @__PURE__ */ React6.createElement("div", { className: "flex items-start gap-3 mt-4" }, /* @__PURE__ */ React6.createElement("input", { type: "checkbox", id: "zairus-terms", checked: agreedToTerms, onChange: (e) => setAgreedToTerms(e.target.checked), className: "mt-0.5 w-4 h-4 bg-white border-neutral-300 rounded text-black focus:ring-black cursor-pointer", required: true }), /* @__PURE__ */ React6.createElement("label", { htmlFor: "zairus-terms", className: "text-[11px] text-neutral-500 cursor-pointer leading-snug" }, "I agree to ", companyName, "'s ", /* @__PURE__ */ React6.createElement("a", { href: termsUrl, target: "_blank", rel: "noreferrer", className: "text-black underline
|
|
632
|
+
), mode === "SIGNUP" && /* @__PURE__ */ React6.createElement("div", { className: "flex items-start gap-3 mt-4" }, /* @__PURE__ */ React6.createElement("input", { type: "checkbox", id: "zairus-terms", checked: agreedToTerms, onChange: (e) => setAgreedToTerms(e.target.checked), className: "mt-0.5 w-4 h-4 bg-white border-neutral-300 rounded text-black focus:ring-black cursor-pointer", required: true }), /* @__PURE__ */ React6.createElement("label", { htmlFor: "zairus-terms", className: "text-[11px] text-neutral-500 cursor-pointer leading-snug" }, "I agree to ", companyName, "'s ", /* @__PURE__ */ React6.createElement("a", { href: termsUrl, target: "_blank", rel: "noreferrer", className: "text-black underline " }, "Terms of Service"), " and ", /* @__PURE__ */ React6.createElement("a", { href: privacyUrl, target: "_blank", rel: "noreferrer", className: "text-black underline " }, "Privacy Policy"), "."))), mode === "SIGNUP" && signupStep === "INVITATION" && /* @__PURE__ */ React6.createElement("div", { className: "flex flex-col gap-6 animate-in fade-in slide-in-from-right-4 duration-300" }, /* @__PURE__ */ React6.createElement("div", { className: "space-y-1.5 relative" }, /* @__PURE__ */ React6.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block " }, "Referral Code"), /* @__PURE__ */ React6.createElement(
|
|
633
633
|
"input",
|
|
634
634
|
{
|
|
635
635
|
type: "text",
|
|
@@ -657,7 +657,7 @@ function AuthFormInner({
|
|
|
657
657
|
onKeyDown: (e) => {
|
|
658
658
|
if (e.key === "Backspace" && !otp[index] && index > 0) inputRefs.current[index - 1]?.focus();
|
|
659
659
|
},
|
|
660
|
-
className: "w-
|
|
660
|
+
className: "w-7 h-12 text-center text-sm bg-transparent border-b-2 border-neutral-200 text-black outline-none focus:border-black transition-all duration-300"
|
|
661
661
|
}
|
|
662
662
|
))), /* @__PURE__ */ React6.createElement(ThreeDActionButton, { type: "submit", disabled: otp.join("").length < 6, isLoading: isSubmitting, className: "w-full" }, "Verify Code")), userHasPasskey && /* @__PURE__ */ React6.createElement("div", { className: "pt-6" }, /* @__PURE__ */ React6.createElement(
|
|
663
663
|
"button",
|
|
@@ -964,7 +964,7 @@ var UniversalOrganizationPage = ({
|
|
|
964
964
|
"button",
|
|
965
965
|
{
|
|
966
966
|
onClick: onBackHandler,
|
|
967
|
-
className: "flex items-center gap-2 text-neutral-500 hover:text-black transition-colors text-[13px]
|
|
967
|
+
className: "flex items-center gap-2 text-neutral-500 hover:text-black transition-colors text-[13px] outline-none"
|
|
968
968
|
},
|
|
969
969
|
/* @__PURE__ */ React11.createElement(HugeiconsIcon5, { icon: ArrowLeft01Icon, size: 16 }),
|
|
970
970
|
" Back"
|
|
@@ -1130,7 +1130,7 @@ var UniversalProfileSettings = ({
|
|
|
1130
1130
|
"button",
|
|
1131
1131
|
{
|
|
1132
1132
|
onClick: onBackHandler,
|
|
1133
|
-
className: "flex items-center gap-2 text-neutral-500 hover:text-black transition-colors text-[13px]
|
|
1133
|
+
className: "flex items-center gap-2 text-neutral-500 hover:text-black transition-colors text-[13px] outline-none"
|
|
1134
1134
|
},
|
|
1135
1135
|
/* @__PURE__ */ React12.createElement(HugeiconsIcon6, { icon: ArrowLeft01Icon2, size: 16 }),
|
|
1136
1136
|
" Back"
|
|
@@ -1665,7 +1665,7 @@ var UniversalHomeView = ({
|
|
|
1665
1665
|
onClick: buyCryptoAction?.onClick,
|
|
1666
1666
|
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"
|
|
1667
1667
|
},
|
|
1668
|
-
/* @__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
|
|
1668
|
+
/* @__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 " }, "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" }))),
|
|
1669
1669
|
/* @__PURE__ */ React16.createElement(
|
|
1670
1670
|
"img",
|
|
1671
1671
|
{
|
|
@@ -1680,7 +1680,7 @@ var UniversalHomeView = ({
|
|
|
1680
1680
|
onClick: referralAction?.onClick,
|
|
1681
1681
|
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"
|
|
1682
1682
|
},
|
|
1683
|
-
/* @__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
|
|
1683
|
+
/* @__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 " }, "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" }))),
|
|
1684
1684
|
/* @__PURE__ */ React16.createElement(
|
|
1685
1685
|
"img",
|
|
1686
1686
|
{
|
|
@@ -2068,7 +2068,7 @@ var UniversalCardPage = ({
|
|
|
2068
2068
|
const actionsDisabled = !isActivated && !isFrozen || isDead;
|
|
2069
2069
|
const showActionOverlay = !isActivated && isBgLoaded || isFrozen;
|
|
2070
2070
|
const overlayClasses = activeCard.contentDark ? "bg-white/30 backdrop-blur-[3px]" : "bg-black/30 backdrop-blur-[3px]";
|
|
2071
|
-
const buttonClasses = activeCard.contentDark ? "bg-black text-white hover:bg-black/80
|
|
2071
|
+
const buttonClasses = activeCard.contentDark ? "bg-black text-white hover:bg-black/80 " : "bg-white text-black hover:bg-neutral-100 ";
|
|
2072
2072
|
const handleToggleFreeze = async () => {
|
|
2073
2073
|
if (actionsDisabled || isFreezing || !onFreeze) return;
|
|
2074
2074
|
setIsFreezing(true);
|
|
@@ -2111,7 +2111,7 @@ var UniversalCardPage = ({
|
|
|
2111
2111
|
className: "absolute inset-0 bg-cover bg-center",
|
|
2112
2112
|
style: { backgroundImage: `url(${activeCard.cardBgSrc})` }
|
|
2113
2113
|
}
|
|
2114
|
-
), /* @__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
|
|
2114
|
+
), /* @__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 ${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(
|
|
2115
2115
|
MenuRow,
|
|
2116
2116
|
{
|
|
2117
2117
|
icon: PlusSignIcon2,
|