@retinalabsllc/zairusjs 15.1.20 → 15.1.30
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 +16 -17
- package/dist/index.mjs +16 -18
- 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-5 h-5 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-sm 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",
|
|
@@ -2111,9 +2111,9 @@ var UniversalCardPage = ({
|
|
|
2111
2111
|
setShowDeleteDialog(false);
|
|
2112
2112
|
};
|
|
2113
2113
|
const formatTabLabel = (type) => {
|
|
2114
|
-
return type.charAt(0).toUpperCase() + type.slice(1).toLowerCase();
|
|
2114
|
+
return type.charAt(0).toUpperCase() + type.slice(1).toLowerCase() + " Card";
|
|
2115
2115
|
};
|
|
2116
|
-
return /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300 relative" },
|
|
2116
|
+
return /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300 relative" }, sortedCards.length > 1 && /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex items-center justify-center mb-6 w-full px-2 gap-3" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "flex items-center bg-white rounded-full p-1 max-w-full overflow-x-auto custom-scrollbar" }, sortedCards.map((tab, idx) => /* @__PURE__ */ import_react31.default.createElement(
|
|
2117
2117
|
"button",
|
|
2118
2118
|
{
|
|
2119
2119
|
key: tab.id,
|
|
@@ -2137,7 +2137,14 @@ 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" }
|
|
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" }), /* @__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)), activeCard.networkLogoSrc && /* @__PURE__ */ import_react31.default.createElement(
|
|
2141
|
+
"img",
|
|
2142
|
+
{
|
|
2143
|
+
src: activeCard.networkLogoSrc,
|
|
2144
|
+
alt: "Network Logo",
|
|
2145
|
+
className: "h-7 w-auto max-w-20 object-contain opacity-90"
|
|
2146
|
+
}
|
|
2147
|
+
)))))), /* @__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
2148
|
MenuRow,
|
|
2142
2149
|
{
|
|
2143
2150
|
icon: import_core_free_icons11.PlusSignIcon,
|
|
@@ -2330,10 +2337,10 @@ var UniversalProfilePage = ({
|
|
|
2330
2337
|
), /* @__PURE__ */ import_react33.default.createElement(
|
|
2331
2338
|
MenuRow2,
|
|
2332
2339
|
{
|
|
2333
|
-
icon: import_core_free_icons12.
|
|
2334
|
-
title: "
|
|
2335
|
-
subtitle: "
|
|
2336
|
-
onClick:
|
|
2340
|
+
icon: import_core_free_icons12.CrownIcon,
|
|
2341
|
+
title: "My Referrals",
|
|
2342
|
+
subtitle: "Referral & Rewards",
|
|
2343
|
+
onClick: onExportTap
|
|
2337
2344
|
}
|
|
2338
2345
|
), /* @__PURE__ */ import_react33.default.createElement(
|
|
2339
2346
|
MenuRow2,
|
|
@@ -2352,14 +2359,6 @@ var UniversalProfilePage = ({
|
|
|
2352
2359
|
subtitle: "Account Verifications",
|
|
2353
2360
|
onClick: onVerificationsTap
|
|
2354
2361
|
}
|
|
2355
|
-
), /* @__PURE__ */ import_react33.default.createElement(
|
|
2356
|
-
MenuRow2,
|
|
2357
|
-
{
|
|
2358
|
-
icon: import_core_free_icons12.CrownIcon,
|
|
2359
|
-
title: "My Referrals",
|
|
2360
|
-
subtitle: "Referral & Rewards",
|
|
2361
|
-
onClick: onExportTap
|
|
2362
|
-
}
|
|
2363
2362
|
), /* @__PURE__ */ import_react33.default.createElement(
|
|
2364
2363
|
MenuRow2,
|
|
2365
2364
|
{
|
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-5 h-5 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-sm 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",
|
|
@@ -2085,9 +2085,9 @@ var UniversalCardPage = ({
|
|
|
2085
2085
|
setShowDeleteDialog(false);
|
|
2086
2086
|
};
|
|
2087
2087
|
const formatTabLabel = (type) => {
|
|
2088
|
-
return type.charAt(0).toUpperCase() + type.slice(1).toLowerCase();
|
|
2088
|
+
return type.charAt(0).toUpperCase() + type.slice(1).toLowerCase() + " Card";
|
|
2089
2089
|
};
|
|
2090
|
-
return /* @__PURE__ */ React19.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300 relative" },
|
|
2090
|
+
return /* @__PURE__ */ React19.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300 relative" }, sortedCards.length > 1 && /* @__PURE__ */ React19.createElement("div", { className: "flex items-center justify-center mb-6 w-full px-2 gap-3" }, /* @__PURE__ */ React19.createElement("div", { className: "flex items-center bg-white rounded-full p-1 max-w-full overflow-x-auto custom-scrollbar" }, sortedCards.map((tab, idx) => /* @__PURE__ */ React19.createElement(
|
|
2091
2091
|
"button",
|
|
2092
2092
|
{
|
|
2093
2093
|
key: tab.id,
|
|
@@ -2111,7 +2111,14 @@ 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" }
|
|
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" }), /* @__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)), activeCard.networkLogoSrc && /* @__PURE__ */ React19.createElement(
|
|
2115
|
+
"img",
|
|
2116
|
+
{
|
|
2117
|
+
src: activeCard.networkLogoSrc,
|
|
2118
|
+
alt: "Network Logo",
|
|
2119
|
+
className: "h-7 w-auto max-w-20 object-contain opacity-90"
|
|
2120
|
+
}
|
|
2121
|
+
)))))), /* @__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
2122
|
MenuRow,
|
|
2116
2123
|
{
|
|
2117
2124
|
icon: PlusSignIcon2,
|
|
@@ -2223,7 +2230,6 @@ import { HugeiconsIcon as HugeiconsIcon14 } from "@hugeicons/react";
|
|
|
2223
2230
|
import {
|
|
2224
2231
|
UserIcon,
|
|
2225
2232
|
LockKeyIcon as LockKeyIcon2,
|
|
2226
|
-
ShieldUserIcon,
|
|
2227
2233
|
MessageQuestionIcon,
|
|
2228
2234
|
UserIdVerificationIcon,
|
|
2229
2235
|
CrownIcon,
|
|
@@ -2316,10 +2322,10 @@ var UniversalProfilePage = ({
|
|
|
2316
2322
|
), /* @__PURE__ */ React20.createElement(
|
|
2317
2323
|
MenuRow2,
|
|
2318
2324
|
{
|
|
2319
|
-
icon:
|
|
2320
|
-
title: "
|
|
2321
|
-
subtitle: "
|
|
2322
|
-
onClick:
|
|
2325
|
+
icon: CrownIcon,
|
|
2326
|
+
title: "My Referrals",
|
|
2327
|
+
subtitle: "Referral & Rewards",
|
|
2328
|
+
onClick: onExportTap
|
|
2323
2329
|
}
|
|
2324
2330
|
), /* @__PURE__ */ React20.createElement(
|
|
2325
2331
|
MenuRow2,
|
|
@@ -2338,14 +2344,6 @@ var UniversalProfilePage = ({
|
|
|
2338
2344
|
subtitle: "Account Verifications",
|
|
2339
2345
|
onClick: onVerificationsTap
|
|
2340
2346
|
}
|
|
2341
|
-
), /* @__PURE__ */ React20.createElement(
|
|
2342
|
-
MenuRow2,
|
|
2343
|
-
{
|
|
2344
|
-
icon: CrownIcon,
|
|
2345
|
-
title: "My Referrals",
|
|
2346
|
-
subtitle: "Referral & Rewards",
|
|
2347
|
-
onClick: onExportTap
|
|
2348
|
-
}
|
|
2349
2347
|
), /* @__PURE__ */ React20.createElement(
|
|
2350
2348
|
MenuRow2,
|
|
2351
2349
|
{
|