@retinalabsllc/zairusjs 9.0.5 → 9.0.9
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 +26 -27
- package/dist/index.mjs +26 -27
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1372,22 +1372,22 @@ var UniversalTransactionPage = ({
|
|
|
1372
1372
|
onChange: (e) => setLocalSearchQuery(e.target.value),
|
|
1373
1373
|
className: "w-full pl-10 pr-4 py-2 bg-white rounded-full text-[13px] text-black placeholder-neutral-400 outline-none transition-colors focus:border-black"
|
|
1374
1374
|
}
|
|
1375
|
-
)), /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex items-center gap-3 w-
|
|
1375
|
+
)), /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex items-center gap-3 w-auto pb-0" }, /* @__PURE__ */ import_react23.default.createElement(
|
|
1376
1376
|
"button",
|
|
1377
1377
|
{
|
|
1378
1378
|
onClick: () => setIsDirectionModalOpen(true),
|
|
1379
|
-
|
|
1379
|
+
"aria-label": "Filter by payment type",
|
|
1380
|
+
className: "flex items-center justify-center bg-white w-10 h-10 rounded-full text-neutral-500 hover:text-black transition-colors outline-none"
|
|
1380
1381
|
},
|
|
1381
|
-
/* @__PURE__ */ import_react23.default.createElement(import_react24.HugeiconsIcon, { icon: import_core_free_icons7.SearchList02Icon, size:
|
|
1382
|
-
activeDirectionFilter === "ALL" ? "Payment Type" : activeDirectionFilter
|
|
1382
|
+
/* @__PURE__ */ import_react23.default.createElement(import_react24.HugeiconsIcon, { icon: import_core_free_icons7.SearchList02Icon, size: 16 })
|
|
1383
1383
|
), /* @__PURE__ */ import_react23.default.createElement(
|
|
1384
1384
|
"button",
|
|
1385
1385
|
{
|
|
1386
1386
|
onClick: () => setIsTypeModalOpen(true),
|
|
1387
|
-
|
|
1387
|
+
"aria-label": "Filter by transaction type",
|
|
1388
|
+
className: "flex items-center justify-center bg-white w-10 h-10 rounded-full text-neutral-500 hover:text-black transition-colors outline-none"
|
|
1388
1389
|
},
|
|
1389
|
-
/* @__PURE__ */ import_react23.default.createElement(import_react24.HugeiconsIcon, { icon: import_core_free_icons7.ListSettingIcon, size:
|
|
1390
|
-
activeTypeFilter === "ALL" ? "All Transactions" : activeTypeFilter.replace("_", " ")
|
|
1390
|
+
/* @__PURE__ */ import_react23.default.createElement(import_react24.HugeiconsIcon, { icon: import_core_free_icons7.ListSettingIcon, size: 16 })
|
|
1391
1391
|
))), /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex flex-col gap-8 p-6 rounded-2xl bg-white w-full" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex flex-col sm:flex-row sm:items-start justify-between gap-4" }, /* @__PURE__ */ import_react23.default.createElement("div", null, /* @__PURE__ */ import_react23.default.createElement("h1", { className: "text-black text-xl mb-1 tracking-tight" }, headerTitle), headerDescription && /* @__PURE__ */ import_react23.default.createElement("p", { className: "text-xs text-neutral-500" }, headerDescription))), /* @__PURE__ */ import_react23.default.createElement("div", { className: "w-full overflow-hidden" }, isListLoading ? /* @__PURE__ */ import_react23.default.createElement(PageSpinner2, null) : /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ import_react23.default.createElement("div", null, transactions.length === 0 ? /* @__PURE__ */ import_react23.default.createElement("p", { className: "text-xs text-neutral-400 py-6 text-center" }, "No transactions found") : transactions.map((tx) => /* @__PURE__ */ import_react23.default.createElement(
|
|
1392
1392
|
"div",
|
|
1393
1393
|
{
|
|
@@ -1612,7 +1612,7 @@ var UniversalWalletPage = ({
|
|
|
1612
1612
|
placeholder: "Search wallets by name or network...",
|
|
1613
1613
|
value: localSearchQuery,
|
|
1614
1614
|
onChange: (e) => setLocalSearchQuery(e.target.value),
|
|
1615
|
-
className: "w-full pl-10 pr-4 py-2 bg-white
|
|
1615
|
+
className: "w-full pl-10 pr-4 py-2 bg-white rounded-full text-[13px] text-black placeholder-neutral-400 outline-none transition-all duration-300 focus:border-black"
|
|
1616
1616
|
}
|
|
1617
1617
|
))), /* @__PURE__ */ import_react27.default.createElement("div", { className: "flex flex-col gap-8 p-6 rounded-2xl bg-white w-full" }, /* @__PURE__ */ import_react27.default.createElement("div", { className: "flex flex-col sm:flex-row sm:items-start justify-between gap-4" }, /* @__PURE__ */ import_react27.default.createElement("div", null, /* @__PURE__ */ import_react27.default.createElement("h1", { className: "text-black text-xl mb-1 tracking-tight" }, headerTitle), headerDescription && /* @__PURE__ */ import_react27.default.createElement("p", { className: "text-xs text-neutral-500" }, headerDescription))), /* @__PURE__ */ import_react27.default.createElement("div", { className: "w-full overflow-hidden" }, isLoading ? /* @__PURE__ */ import_react27.default.createElement(PageSpinner3, null) : /* @__PURE__ */ import_react27.default.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ import_react27.default.createElement("div", null, filteredWallets.length === 0 ? /* @__PURE__ */ import_react27.default.createElement("p", { className: "text-xs text-neutral-400 py-6 text-center" }, "No wallets found") : filteredWallets.map((wallet) => /* @__PURE__ */ import_react27.default.createElement(
|
|
1618
1618
|
"div",
|
|
@@ -1659,7 +1659,7 @@ var UniversalCardPage = ({
|
|
|
1659
1659
|
onDelete
|
|
1660
1660
|
}) => {
|
|
1661
1661
|
const [isFlipped, setIsFlipped] = (0, import_react29.useState)(false);
|
|
1662
|
-
return /* @__PURE__ */ import_react29.default.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center animate-in fade-in duration-300 pb-12" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "w-full
|
|
1662
|
+
return /* @__PURE__ */ import_react29.default.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center animate-in fade-in duration-300 pb-12" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "w-full pt-6 pb-2", style: { perspective: "1000px" } }, /* @__PURE__ */ import_react29.default.createElement(
|
|
1663
1663
|
"div",
|
|
1664
1664
|
{
|
|
1665
1665
|
onClick: () => setIsFlipped(!isFlipped),
|
|
@@ -1672,7 +1672,7 @@ var UniversalCardPage = ({
|
|
|
1672
1672
|
/* @__PURE__ */ import_react29.default.createElement(
|
|
1673
1673
|
"div",
|
|
1674
1674
|
{
|
|
1675
|
-
className: "absolute inset-0 w-full h-full rounded-2xl overflow-hidden
|
|
1675
|
+
className: "absolute inset-0 w-full h-full rounded-2xl overflow-hidden ",
|
|
1676
1676
|
style: { backfaceVisibility: "hidden" }
|
|
1677
1677
|
},
|
|
1678
1678
|
/* @__PURE__ */ import_react29.default.createElement(
|
|
@@ -1682,12 +1682,12 @@ var UniversalCardPage = ({
|
|
|
1682
1682
|
style: { backgroundImage: `url(${cardBgSrc}), linear-gradient(to bottom right, #111, #333)` }
|
|
1683
1683
|
}
|
|
1684
1684
|
),
|
|
1685
|
-
/* @__PURE__ */ import_react29.default.createElement("div", { className: "relative z-10 w-full h-full p-5 flex flex-col justify-between" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex justify-between items-start w-full" }, /* @__PURE__ */ import_react29.default.createElement("div", null, /* @__PURE__ */ import_react29.default.createElement("span", { className: "text-[
|
|
1685
|
+
/* @__PURE__ */ import_react29.default.createElement("div", { className: "relative z-10 w-full h-full p-5 flex flex-col justify-between" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex justify-between items-start w-full" }, /* @__PURE__ */ import_react29.default.createElement("div", null, /* @__PURE__ */ import_react29.default.createElement("span", { className: "text-[12px] text-white/70 font-medium" }, "Prepaid Card")), companyLogoSrc && /* @__PURE__ */ import_react29.default.createElement("img", { src: companyLogoSrc, alt: "Company Logo", className: "h-6 object-contain opacity-90" })), /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex justify-between items-end w-full" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ import_react29.default.createElement("span", { className: "text-[9px] text-white/60 tracking-widest" }, "Card Number"), /* @__PURE__ */ import_react29.default.createElement("span", { className: "text-[12px] text-white tracking-widest font-light" }, cardNumber)), networkLogoSrc && /* @__PURE__ */ import_react29.default.createElement("img", { src: networkLogoSrc, alt: "Network Logo", className: "h-10 object-contain opacity-90" })))
|
|
1686
1686
|
),
|
|
1687
1687
|
/* @__PURE__ */ import_react29.default.createElement(
|
|
1688
1688
|
"div",
|
|
1689
1689
|
{
|
|
1690
|
-
className: "absolute inset-0 w-full h-full rounded-2xl overflow-hidden
|
|
1690
|
+
className: "absolute inset-0 w-full h-full rounded-2xl overflow-hidden ",
|
|
1691
1691
|
style: {
|
|
1692
1692
|
backfaceVisibility: "hidden",
|
|
1693
1693
|
transform: "rotateY(180deg)"
|
|
@@ -1700,10 +1700,9 @@ var UniversalCardPage = ({
|
|
|
1700
1700
|
style: { backgroundImage: `url(${cardBgSrc}), linear-gradient(to bottom right, #111, #333)` }
|
|
1701
1701
|
}
|
|
1702
1702
|
),
|
|
1703
|
-
/* @__PURE__ */ import_react29.default.createElement("div", { className: "
|
|
1704
|
-
/* @__PURE__ */ import_react29.default.createElement("div", { className: "relative z-10 w-full h-full p-5 flex flex-col justify-end" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "w-full text-center mb-6" }, /* @__PURE__ */ import_react29.default.createElement("span", { className: "text-white text-3xl font-serif italic tracking-wide opacity-90" }, cardHolderName)), /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex justify-between w-full max-w-[80%]" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ import_react29.default.createElement("span", { className: "text-[11px] text-white/60 tracking-widest" }, "Expiry"), /* @__PURE__ */ import_react29.default.createElement("span", { className: "text-[16px] text-white font-light" }, expiry)), /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ import_react29.default.createElement("span", { className: "text-[11px] text-white/60 tracking-widest" }, "CVV"), /* @__PURE__ */ import_react29.default.createElement("span", { className: "text-[16px] text-white font-light" }, cvv))))
|
|
1703
|
+
/* @__PURE__ */ import_react29.default.createElement("div", { className: "relative z-10 w-full h-full p-5 flex flex-col justify-end" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "w-full text-center mb-6" }, /* @__PURE__ */ import_react29.default.createElement("span", { className: "text-white text-3xl font-serif italic tracking-wide opacity-90" }, cardHolderName)), /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex justify-between w-full max-w-[80%]" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ import_react29.default.createElement("span", { className: "text-[9px] text-white/60 tracking-widest" }, "Expiry"), /* @__PURE__ */ import_react29.default.createElement("span", { className: "text-[12px] text-white font-light" }, expiry)), /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ import_react29.default.createElement("span", { className: "text-[9px] text-white/60 tracking-widest" }, "CVV"), /* @__PURE__ */ import_react29.default.createElement("span", { className: "text-[12px] text-white font-light" }, cvv))))
|
|
1705
1704
|
)
|
|
1706
|
-
)), /* @__PURE__ */ import_react29.default.createElement("p", { className: "text-xs text-neutral-400 mb-6" }, "Tap to flip card"), /* @__PURE__ */ import_react29.default.createElement("div", { className: "w-full
|
|
1705
|
+
)), /* @__PURE__ */ import_react29.default.createElement("p", { className: "text-xs text-neutral-400 mb-6" }, "Tap to flip card"), /* @__PURE__ */ import_react29.default.createElement("div", { className: "w-full flex flex-col gap-4" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ import_react29.default.createElement(
|
|
1707
1706
|
MenuRow,
|
|
1708
1707
|
{
|
|
1709
1708
|
icon: import_core_free_icons10.EyeIcon,
|
|
@@ -1743,11 +1742,11 @@ var MenuRow = ({ icon, title, subtitle, onClick, iconColor = "text-black", title
|
|
|
1743
1742
|
"div",
|
|
1744
1743
|
{
|
|
1745
1744
|
onClick,
|
|
1746
|
-
className: `flex items-center p-
|
|
1745
|
+
className: `flex items-center p-3 cursor-pointer hover:bg-neutral-50 transition-colors ${!isLast ? "" : ""}`
|
|
1747
1746
|
},
|
|
1748
|
-
/* @__PURE__ */ import_react29.default.createElement("div", { className: "w-
|
|
1749
|
-
/* @__PURE__ */ import_react29.default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ import_react29.default.createElement("p", { className: `text-[
|
|
1750
|
-
/* @__PURE__ */ import_react29.default.createElement(import_react30.HugeiconsIcon, { icon: import_core_free_icons10.ArrowRight01Icon, size:
|
|
1747
|
+
/* @__PURE__ */ import_react29.default.createElement("div", { className: "w-9 h-9 rounded-full border border-neutral-200 flex items-center justify-center shrink-0 mr-4" }, /* @__PURE__ */ import_react29.default.createElement(import_react30.HugeiconsIcon, { icon, size: 16, className: iconColor })),
|
|
1748
|
+
/* @__PURE__ */ import_react29.default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ import_react29.default.createElement("p", { className: `text-[13px] font-medium truncate ${titleColor}` }, title), /* @__PURE__ */ import_react29.default.createElement("p", { className: "text-[11px] text-neutral-500 truncate" }, subtitle)),
|
|
1749
|
+
/* @__PURE__ */ import_react29.default.createElement(import_react30.HugeiconsIcon, { icon: import_core_free_icons10.ArrowRight01Icon, size: 18, className: "text-neutral-400 shrink-0 ml-2" })
|
|
1751
1750
|
);
|
|
1752
1751
|
|
|
1753
1752
|
// src/components/UniversalProfilePage.tsx
|
|
@@ -1767,14 +1766,14 @@ var UniversalProfilePage = ({
|
|
|
1767
1766
|
onLogoutTap,
|
|
1768
1767
|
onDeleteTap
|
|
1769
1768
|
}) => {
|
|
1770
|
-
return /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center animate-in fade-in duration-300 pb-12" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "pt-8 pb-4 flex flex-col items-center" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-
|
|
1769
|
+
return /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center animate-in fade-in duration-300 pb-12" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "pt-8 pb-4 flex flex-col items-center" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-22 h-22 rounded-full bg-white p-1 mb-4 flex items-center justify-center" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-full h-full rounded-full overflow-hidden bg-neutral-100 flex items-center justify-center" }, avatarSrc ? /* @__PURE__ */ import_react31.default.createElement(
|
|
1771
1770
|
"img",
|
|
1772
1771
|
{
|
|
1773
1772
|
src: avatarSrc,
|
|
1774
1773
|
alt: "User Avatar",
|
|
1775
1774
|
className: "w-full h-full object-cover"
|
|
1776
1775
|
}
|
|
1777
|
-
) : /* @__PURE__ */ import_react31.default.createElement(import_react32.HugeiconsIcon, { icon: import_core_free_icons11.UserIcon, size: 40, className: "text-neutral-300" }))), /* @__PURE__ */ import_react31.default.createElement("div", { className: "bg-white rounded-full px-
|
|
1776
|
+
) : /* @__PURE__ */ import_react31.default.createElement(import_react32.HugeiconsIcon, { icon: import_core_free_icons11.UserIcon, size: 40, className: "text-neutral-300" }))), /* @__PURE__ */ import_react31.default.createElement("div", { className: "bg-white rounded-full px-4 py-2 flex items-center justify-center gap-2 mb-3" }, /* @__PURE__ */ import_react31.default.createElement("span", { className: "text-[12px] font-medium text-black" }, roleName), /* @__PURE__ */ import_react31.default.createElement(import_react32.HugeiconsIcon, { icon: import_core_free_icons11.ArrowRight01Icon, size: 14, className: "text-neutral-400" })), /* @__PURE__ */ import_react31.default.createElement("span", { className: "text-[12px] text-neutral-500" }, memberSince)), /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-full flex flex-col gap-4 mt-2" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden " }, /* @__PURE__ */ import_react31.default.createElement(
|
|
1778
1777
|
MenuRow2,
|
|
1779
1778
|
{
|
|
1780
1779
|
icon: import_core_free_icons11.UserIcon,
|
|
@@ -1807,7 +1806,7 @@ var UniversalProfilePage = ({
|
|
|
1807
1806
|
onClick: onHelpTap,
|
|
1808
1807
|
isLast: true
|
|
1809
1808
|
}
|
|
1810
|
-
)), /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden
|
|
1809
|
+
)), /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden " }, /* @__PURE__ */ import_react31.default.createElement(
|
|
1811
1810
|
MenuRow2,
|
|
1812
1811
|
{
|
|
1813
1812
|
icon: import_core_free_icons11.Shield01Icon,
|
|
@@ -1832,7 +1831,7 @@ var UniversalProfilePage = ({
|
|
|
1832
1831
|
onClick: onLogoutTap,
|
|
1833
1832
|
isLast: true
|
|
1834
1833
|
}
|
|
1835
|
-
)), /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden
|
|
1834
|
+
)), /* @__PURE__ */ import_react31.default.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden mb-4" }, /* @__PURE__ */ import_react31.default.createElement(
|
|
1836
1835
|
MenuRow2,
|
|
1837
1836
|
{
|
|
1838
1837
|
icon: import_core_free_icons11.Delete02Icon,
|
|
@@ -1847,11 +1846,11 @@ var MenuRow2 = ({ icon, title, subtitle, onClick, iconColor = "text-black", titl
|
|
|
1847
1846
|
"div",
|
|
1848
1847
|
{
|
|
1849
1848
|
onClick,
|
|
1850
|
-
className: `flex items-center p-4 cursor-pointer hover:bg-neutral-50 transition-colors ${!isLast ? "
|
|
1849
|
+
className: `flex items-center p-4 cursor-pointer hover:bg-neutral-50 transition-colors ${!isLast ? "" : ""}`
|
|
1851
1850
|
},
|
|
1852
|
-
/* @__PURE__ */ import_react31.default.createElement("div", { className: "w-
|
|
1853
|
-
/* @__PURE__ */ import_react31.default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ import_react31.default.createElement("p", { className: `text-[
|
|
1854
|
-
/* @__PURE__ */ import_react31.default.createElement(import_react32.HugeiconsIcon, { icon: import_core_free_icons11.ArrowRight01Icon, size:
|
|
1851
|
+
/* @__PURE__ */ import_react31.default.createElement("div", { className: "w-9 h-9 rounded-full border border-neutral-200 flex items-center justify-center shrink-0 mr-4" }, /* @__PURE__ */ import_react31.default.createElement(import_react32.HugeiconsIcon, { icon, size: 16, className: iconColor })),
|
|
1852
|
+
/* @__PURE__ */ import_react31.default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ import_react31.default.createElement("p", { className: `text-[13px] font-medium truncate ${titleColor}` }, title), /* @__PURE__ */ import_react31.default.createElement("p", { className: "text-[11px] text-neutral-500 truncate" }, subtitle)),
|
|
1853
|
+
/* @__PURE__ */ import_react31.default.createElement(import_react32.HugeiconsIcon, { icon: import_core_free_icons11.ArrowRight01Icon, size: 18, className: "text-neutral-400 shrink-0 ml-2" })
|
|
1855
1854
|
);
|
|
1856
1855
|
|
|
1857
1856
|
// src/components/HeroSection.tsx
|
package/dist/index.mjs
CHANGED
|
@@ -1324,22 +1324,22 @@ var UniversalTransactionPage = ({
|
|
|
1324
1324
|
onChange: (e) => setLocalSearchQuery(e.target.value),
|
|
1325
1325
|
className: "w-full pl-10 pr-4 py-2 bg-white rounded-full text-[13px] text-black placeholder-neutral-400 outline-none transition-colors focus:border-black"
|
|
1326
1326
|
}
|
|
1327
|
-
)), /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-3 w-
|
|
1327
|
+
)), /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-3 w-auto pb-0" }, /* @__PURE__ */ React15.createElement(
|
|
1328
1328
|
"button",
|
|
1329
1329
|
{
|
|
1330
1330
|
onClick: () => setIsDirectionModalOpen(true),
|
|
1331
|
-
|
|
1331
|
+
"aria-label": "Filter by payment type",
|
|
1332
|
+
className: "flex items-center justify-center bg-white w-10 h-10 rounded-full text-neutral-500 hover:text-black transition-colors outline-none"
|
|
1332
1333
|
},
|
|
1333
|
-
/* @__PURE__ */ React15.createElement(HugeiconsIcon9, { icon: SearchList02Icon, size:
|
|
1334
|
-
activeDirectionFilter === "ALL" ? "Payment Type" : activeDirectionFilter
|
|
1334
|
+
/* @__PURE__ */ React15.createElement(HugeiconsIcon9, { icon: SearchList02Icon, size: 16 })
|
|
1335
1335
|
), /* @__PURE__ */ React15.createElement(
|
|
1336
1336
|
"button",
|
|
1337
1337
|
{
|
|
1338
1338
|
onClick: () => setIsTypeModalOpen(true),
|
|
1339
|
-
|
|
1339
|
+
"aria-label": "Filter by transaction type",
|
|
1340
|
+
className: "flex items-center justify-center bg-white w-10 h-10 rounded-full text-neutral-500 hover:text-black transition-colors outline-none"
|
|
1340
1341
|
},
|
|
1341
|
-
/* @__PURE__ */ React15.createElement(HugeiconsIcon9, { icon: ListSettingIcon, size:
|
|
1342
|
-
activeTypeFilter === "ALL" ? "All Transactions" : activeTypeFilter.replace("_", " ")
|
|
1342
|
+
/* @__PURE__ */ React15.createElement(HugeiconsIcon9, { icon: ListSettingIcon, size: 16 })
|
|
1343
1343
|
))), /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col gap-8 p-6 rounded-2xl bg-white w-full" }, /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col sm:flex-row sm:items-start justify-between gap-4" }, /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement("h1", { className: "text-black text-xl mb-1 tracking-tight" }, headerTitle), headerDescription && /* @__PURE__ */ React15.createElement("p", { className: "text-xs text-neutral-500" }, headerDescription))), /* @__PURE__ */ React15.createElement("div", { className: "w-full overflow-hidden" }, isListLoading ? /* @__PURE__ */ React15.createElement(PageSpinner2, null) : /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ React15.createElement("div", null, transactions.length === 0 ? /* @__PURE__ */ React15.createElement("p", { className: "text-xs text-neutral-400 py-6 text-center" }, "No transactions found") : transactions.map((tx) => /* @__PURE__ */ React15.createElement(
|
|
1344
1344
|
"div",
|
|
1345
1345
|
{
|
|
@@ -1568,7 +1568,7 @@ var UniversalWalletPage = ({
|
|
|
1568
1568
|
placeholder: "Search wallets by name or network...",
|
|
1569
1569
|
value: localSearchQuery,
|
|
1570
1570
|
onChange: (e) => setLocalSearchQuery(e.target.value),
|
|
1571
|
-
className: "w-full pl-10 pr-4 py-2 bg-white
|
|
1571
|
+
className: "w-full pl-10 pr-4 py-2 bg-white rounded-full text-[13px] text-black placeholder-neutral-400 outline-none transition-all duration-300 focus:border-black"
|
|
1572
1572
|
}
|
|
1573
1573
|
))), /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col gap-8 p-6 rounded-2xl bg-white w-full" }, /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col sm:flex-row sm:items-start justify-between gap-4" }, /* @__PURE__ */ React17.createElement("div", null, /* @__PURE__ */ React17.createElement("h1", { className: "text-black text-xl mb-1 tracking-tight" }, headerTitle), headerDescription && /* @__PURE__ */ React17.createElement("p", { className: "text-xs text-neutral-500" }, headerDescription))), /* @__PURE__ */ React17.createElement("div", { className: "w-full overflow-hidden" }, isLoading ? /* @__PURE__ */ React17.createElement(PageSpinner3, null) : /* @__PURE__ */ React17.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ React17.createElement("div", null, filteredWallets.length === 0 ? /* @__PURE__ */ React17.createElement("p", { className: "text-xs text-neutral-400 py-6 text-center" }, "No wallets found") : filteredWallets.map((wallet) => /* @__PURE__ */ React17.createElement(
|
|
1574
1574
|
"div",
|
|
@@ -1621,7 +1621,7 @@ var UniversalCardPage = ({
|
|
|
1621
1621
|
onDelete
|
|
1622
1622
|
}) => {
|
|
1623
1623
|
const [isFlipped, setIsFlipped] = useState11(false);
|
|
1624
|
-
return /* @__PURE__ */ React18.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center animate-in fade-in duration-300 pb-12" }, /* @__PURE__ */ React18.createElement("div", { className: "w-full
|
|
1624
|
+
return /* @__PURE__ */ React18.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center animate-in fade-in duration-300 pb-12" }, /* @__PURE__ */ React18.createElement("div", { className: "w-full pt-6 pb-2", style: { perspective: "1000px" } }, /* @__PURE__ */ React18.createElement(
|
|
1625
1625
|
"div",
|
|
1626
1626
|
{
|
|
1627
1627
|
onClick: () => setIsFlipped(!isFlipped),
|
|
@@ -1634,7 +1634,7 @@ var UniversalCardPage = ({
|
|
|
1634
1634
|
/* @__PURE__ */ React18.createElement(
|
|
1635
1635
|
"div",
|
|
1636
1636
|
{
|
|
1637
|
-
className: "absolute inset-0 w-full h-full rounded-2xl overflow-hidden
|
|
1637
|
+
className: "absolute inset-0 w-full h-full rounded-2xl overflow-hidden ",
|
|
1638
1638
|
style: { backfaceVisibility: "hidden" }
|
|
1639
1639
|
},
|
|
1640
1640
|
/* @__PURE__ */ React18.createElement(
|
|
@@ -1644,12 +1644,12 @@ var UniversalCardPage = ({
|
|
|
1644
1644
|
style: { backgroundImage: `url(${cardBgSrc}), linear-gradient(to bottom right, #111, #333)` }
|
|
1645
1645
|
}
|
|
1646
1646
|
),
|
|
1647
|
-
/* @__PURE__ */ React18.createElement("div", { className: "relative z-10 w-full h-full p-5 flex flex-col justify-between" }, /* @__PURE__ */ React18.createElement("div", { className: "flex justify-between items-start w-full" }, /* @__PURE__ */ React18.createElement("div", null, /* @__PURE__ */ React18.createElement("span", { className: "text-[
|
|
1647
|
+
/* @__PURE__ */ React18.createElement("div", { className: "relative z-10 w-full h-full p-5 flex flex-col justify-between" }, /* @__PURE__ */ React18.createElement("div", { className: "flex justify-between items-start w-full" }, /* @__PURE__ */ React18.createElement("div", null, /* @__PURE__ */ React18.createElement("span", { className: "text-[12px] text-white/70 font-medium" }, "Prepaid Card")), companyLogoSrc && /* @__PURE__ */ React18.createElement("img", { src: companyLogoSrc, alt: "Company Logo", className: "h-6 object-contain opacity-90" })), /* @__PURE__ */ React18.createElement("div", { className: "flex justify-between items-end w-full" }, /* @__PURE__ */ React18.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ React18.createElement("span", { className: "text-[9px] text-white/60 tracking-widest" }, "Card Number"), /* @__PURE__ */ React18.createElement("span", { className: "text-[12px] text-white tracking-widest font-light" }, cardNumber)), networkLogoSrc && /* @__PURE__ */ React18.createElement("img", { src: networkLogoSrc, alt: "Network Logo", className: "h-10 object-contain opacity-90" })))
|
|
1648
1648
|
),
|
|
1649
1649
|
/* @__PURE__ */ React18.createElement(
|
|
1650
1650
|
"div",
|
|
1651
1651
|
{
|
|
1652
|
-
className: "absolute inset-0 w-full h-full rounded-2xl overflow-hidden
|
|
1652
|
+
className: "absolute inset-0 w-full h-full rounded-2xl overflow-hidden ",
|
|
1653
1653
|
style: {
|
|
1654
1654
|
backfaceVisibility: "hidden",
|
|
1655
1655
|
transform: "rotateY(180deg)"
|
|
@@ -1662,10 +1662,9 @@ var UniversalCardPage = ({
|
|
|
1662
1662
|
style: { backgroundImage: `url(${cardBgSrc}), linear-gradient(to bottom right, #111, #333)` }
|
|
1663
1663
|
}
|
|
1664
1664
|
),
|
|
1665
|
-
/* @__PURE__ */ React18.createElement("div", { className: "
|
|
1666
|
-
/* @__PURE__ */ React18.createElement("div", { className: "relative z-10 w-full h-full p-5 flex flex-col justify-end" }, /* @__PURE__ */ React18.createElement("div", { className: "w-full text-center mb-6" }, /* @__PURE__ */ React18.createElement("span", { className: "text-white text-3xl font-serif italic tracking-wide opacity-90" }, cardHolderName)), /* @__PURE__ */ React18.createElement("div", { className: "flex justify-between w-full max-w-[80%]" }, /* @__PURE__ */ React18.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React18.createElement("span", { className: "text-[11px] text-white/60 tracking-widest" }, "Expiry"), /* @__PURE__ */ React18.createElement("span", { className: "text-[16px] text-white font-light" }, expiry)), /* @__PURE__ */ React18.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React18.createElement("span", { className: "text-[11px] text-white/60 tracking-widest" }, "CVV"), /* @__PURE__ */ React18.createElement("span", { className: "text-[16px] text-white font-light" }, cvv))))
|
|
1665
|
+
/* @__PURE__ */ React18.createElement("div", { className: "relative z-10 w-full h-full p-5 flex flex-col justify-end" }, /* @__PURE__ */ React18.createElement("div", { className: "w-full text-center mb-6" }, /* @__PURE__ */ React18.createElement("span", { className: "text-white text-3xl font-serif italic tracking-wide opacity-90" }, cardHolderName)), /* @__PURE__ */ React18.createElement("div", { className: "flex justify-between w-full max-w-[80%]" }, /* @__PURE__ */ React18.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React18.createElement("span", { className: "text-[9px] text-white/60 tracking-widest" }, "Expiry"), /* @__PURE__ */ React18.createElement("span", { className: "text-[12px] text-white font-light" }, expiry)), /* @__PURE__ */ React18.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React18.createElement("span", { className: "text-[9px] text-white/60 tracking-widest" }, "CVV"), /* @__PURE__ */ React18.createElement("span", { className: "text-[12px] text-white font-light" }, cvv))))
|
|
1667
1666
|
)
|
|
1668
|
-
)), /* @__PURE__ */ React18.createElement("p", { className: "text-xs text-neutral-400 mb-6" }, "Tap to flip card"), /* @__PURE__ */ React18.createElement("div", { className: "w-full
|
|
1667
|
+
)), /* @__PURE__ */ React18.createElement("p", { className: "text-xs text-neutral-400 mb-6" }, "Tap to flip card"), /* @__PURE__ */ React18.createElement("div", { className: "w-full flex flex-col gap-4" }, /* @__PURE__ */ React18.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden" }, /* @__PURE__ */ React18.createElement(
|
|
1669
1668
|
MenuRow,
|
|
1670
1669
|
{
|
|
1671
1670
|
icon: EyeIcon,
|
|
@@ -1705,11 +1704,11 @@ var MenuRow = ({ icon, title, subtitle, onClick, iconColor = "text-black", title
|
|
|
1705
1704
|
"div",
|
|
1706
1705
|
{
|
|
1707
1706
|
onClick,
|
|
1708
|
-
className: `flex items-center p-
|
|
1707
|
+
className: `flex items-center p-3 cursor-pointer hover:bg-neutral-50 transition-colors ${!isLast ? "" : ""}`
|
|
1709
1708
|
},
|
|
1710
|
-
/* @__PURE__ */ React18.createElement("div", { className: "w-
|
|
1711
|
-
/* @__PURE__ */ React18.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React18.createElement("p", { className: `text-[
|
|
1712
|
-
/* @__PURE__ */ React18.createElement(HugeiconsIcon12, { icon: ArrowRight01Icon2, size:
|
|
1709
|
+
/* @__PURE__ */ React18.createElement("div", { className: "w-9 h-9 rounded-full border border-neutral-200 flex items-center justify-center shrink-0 mr-4" }, /* @__PURE__ */ React18.createElement(HugeiconsIcon12, { icon, size: 16, className: iconColor })),
|
|
1710
|
+
/* @__PURE__ */ React18.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React18.createElement("p", { className: `text-[13px] font-medium truncate ${titleColor}` }, title), /* @__PURE__ */ React18.createElement("p", { className: "text-[11px] text-neutral-500 truncate" }, subtitle)),
|
|
1711
|
+
/* @__PURE__ */ React18.createElement(HugeiconsIcon12, { icon: ArrowRight01Icon2, size: 18, className: "text-neutral-400 shrink-0 ml-2" })
|
|
1713
1712
|
);
|
|
1714
1713
|
|
|
1715
1714
|
// src/components/UniversalProfilePage.tsx
|
|
@@ -1739,14 +1738,14 @@ var UniversalProfilePage = ({
|
|
|
1739
1738
|
onLogoutTap,
|
|
1740
1739
|
onDeleteTap
|
|
1741
1740
|
}) => {
|
|
1742
|
-
return /* @__PURE__ */ React19.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center animate-in fade-in duration-300 pb-12" }, /* @__PURE__ */ React19.createElement("div", { className: "pt-8 pb-4 flex flex-col items-center" }, /* @__PURE__ */ React19.createElement("div", { className: "w-
|
|
1741
|
+
return /* @__PURE__ */ React19.createElement("div", { className: "w-full max-w-md mx-auto flex flex-col items-center animate-in fade-in duration-300 pb-12" }, /* @__PURE__ */ React19.createElement("div", { className: "pt-8 pb-4 flex flex-col items-center" }, /* @__PURE__ */ React19.createElement("div", { className: "w-22 h-22 rounded-full bg-white p-1 mb-4 flex items-center justify-center" }, /* @__PURE__ */ React19.createElement("div", { className: "w-full h-full rounded-full overflow-hidden bg-neutral-100 flex items-center justify-center" }, avatarSrc ? /* @__PURE__ */ React19.createElement(
|
|
1743
1742
|
"img",
|
|
1744
1743
|
{
|
|
1745
1744
|
src: avatarSrc,
|
|
1746
1745
|
alt: "User Avatar",
|
|
1747
1746
|
className: "w-full h-full object-cover"
|
|
1748
1747
|
}
|
|
1749
|
-
) : /* @__PURE__ */ React19.createElement(HugeiconsIcon13, { icon: UserIcon, size: 40, className: "text-neutral-300" }))), /* @__PURE__ */ React19.createElement("div", { className: "bg-white rounded-full px-
|
|
1748
|
+
) : /* @__PURE__ */ React19.createElement(HugeiconsIcon13, { icon: UserIcon, size: 40, className: "text-neutral-300" }))), /* @__PURE__ */ React19.createElement("div", { className: "bg-white rounded-full px-4 py-2 flex items-center justify-center gap-2 mb-3" }, /* @__PURE__ */ React19.createElement("span", { className: "text-[12px] font-medium text-black" }, roleName), /* @__PURE__ */ React19.createElement(HugeiconsIcon13, { icon: ArrowRight01Icon3, size: 14, className: "text-neutral-400" })), /* @__PURE__ */ React19.createElement("span", { className: "text-[12px] text-neutral-500" }, memberSince)), /* @__PURE__ */ React19.createElement("div", { className: "w-full flex flex-col gap-4 mt-2" }, /* @__PURE__ */ React19.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden " }, /* @__PURE__ */ React19.createElement(
|
|
1750
1749
|
MenuRow2,
|
|
1751
1750
|
{
|
|
1752
1751
|
icon: UserIcon,
|
|
@@ -1779,7 +1778,7 @@ var UniversalProfilePage = ({
|
|
|
1779
1778
|
onClick: onHelpTap,
|
|
1780
1779
|
isLast: true
|
|
1781
1780
|
}
|
|
1782
|
-
)), /* @__PURE__ */ React19.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden
|
|
1781
|
+
)), /* @__PURE__ */ React19.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden " }, /* @__PURE__ */ React19.createElement(
|
|
1783
1782
|
MenuRow2,
|
|
1784
1783
|
{
|
|
1785
1784
|
icon: Shield01Icon,
|
|
@@ -1804,7 +1803,7 @@ var UniversalProfilePage = ({
|
|
|
1804
1803
|
onClick: onLogoutTap,
|
|
1805
1804
|
isLast: true
|
|
1806
1805
|
}
|
|
1807
|
-
)), /* @__PURE__ */ React19.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden
|
|
1806
|
+
)), /* @__PURE__ */ React19.createElement("div", { className: "w-full bg-white rounded-2xl overflow-hidden mb-4" }, /* @__PURE__ */ React19.createElement(
|
|
1808
1807
|
MenuRow2,
|
|
1809
1808
|
{
|
|
1810
1809
|
icon: Delete02Icon2,
|
|
@@ -1819,11 +1818,11 @@ var MenuRow2 = ({ icon, title, subtitle, onClick, iconColor = "text-black", titl
|
|
|
1819
1818
|
"div",
|
|
1820
1819
|
{
|
|
1821
1820
|
onClick,
|
|
1822
|
-
className: `flex items-center p-4 cursor-pointer hover:bg-neutral-50 transition-colors ${!isLast ? "
|
|
1821
|
+
className: `flex items-center p-4 cursor-pointer hover:bg-neutral-50 transition-colors ${!isLast ? "" : ""}`
|
|
1823
1822
|
},
|
|
1824
|
-
/* @__PURE__ */ React19.createElement("div", { className: "w-
|
|
1825
|
-
/* @__PURE__ */ React19.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React19.createElement("p", { className: `text-[
|
|
1826
|
-
/* @__PURE__ */ React19.createElement(HugeiconsIcon13, { icon: ArrowRight01Icon3, size:
|
|
1823
|
+
/* @__PURE__ */ React19.createElement("div", { className: "w-9 h-9 rounded-full border border-neutral-200 flex items-center justify-center shrink-0 mr-4" }, /* @__PURE__ */ React19.createElement(HugeiconsIcon13, { icon, size: 16, className: iconColor })),
|
|
1824
|
+
/* @__PURE__ */ React19.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React19.createElement("p", { className: `text-[13px] font-medium truncate ${titleColor}` }, title), /* @__PURE__ */ React19.createElement("p", { className: "text-[11px] text-neutral-500 truncate" }, subtitle)),
|
|
1825
|
+
/* @__PURE__ */ React19.createElement(HugeiconsIcon13, { icon: ArrowRight01Icon3, size: 18, className: "text-neutral-400 shrink-0 ml-2" })
|
|
1827
1826
|
);
|
|
1828
1827
|
|
|
1829
1828
|
// src/components/HeroSection.tsx
|