@retinalabsllc/zairusjs 12.0.35 → 12.0.40
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 +33 -18
- package/dist/index.mjs +33 -18
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1398,7 +1398,7 @@ var UniversalTransactionPage = ({
|
|
|
1398
1398
|
className: "p-2 bg-white border border-neutral-200 rounded-full text-black hover:bg-neutral-50 disabled:opacity-30 disabled:cursor-not-allowed transition-all outline-none"
|
|
1399
1399
|
},
|
|
1400
1400
|
/* @__PURE__ */ import_react23.default.createElement(import_react24.HugeiconsIcon, { icon: import_core_free_icons7.ArrowRight01Icon, size: 14 })
|
|
1401
|
-
)))))), selectedTransaction && /* @__PURE__ */ import_react23.default.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "absolute inset-0 bg-black/40 ", onClick: () => setSelectedTransaction(null) }), /* @__PURE__ */ import_react23.default.createElement("div", { className: "relative w-full max-w-sm bg-white rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200 max-h-[90vh]" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 " }, /* @__PURE__ */ import_react23.default.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Details"), /* @__PURE__ */ import_react23.default.createElement("button", { onClick: () => setSelectedTransaction(null), className: "text-neutral-400 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ import_react23.default.createElement(import_react24.HugeiconsIcon, { icon: import_core_free_icons7.CancelCircleIcon, size: 18 }))), /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex flex-col items-center justify-center mb-4" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: `w-12 h-12 rounded-full flex items-center justify-center mb-4 bg-neutral-100 text-black` }, /* @__PURE__ */ import_react23.default.createElement(import_react24.HugeiconsIcon, { icon: selectedTransaction.direction === "CREDIT" ? import_core_free_icons7.ArrowDownRight01Icon : import_core_free_icons7.ArrowUpRight01Icon, size: 20 })), /* @__PURE__ */ import_react23.default.createElement("
|
|
1401
|
+
)))))), selectedTransaction && /* @__PURE__ */ import_react23.default.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "absolute inset-0 bg-black/40 ", onClick: () => setSelectedTransaction(null) }), /* @__PURE__ */ import_react23.default.createElement("div", { className: "relative w-full max-w-sm bg-white rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200 max-h-[90vh]" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 " }, /* @__PURE__ */ import_react23.default.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Details"), /* @__PURE__ */ import_react23.default.createElement("button", { onClick: () => setSelectedTransaction(null), className: "text-neutral-400 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ import_react23.default.createElement(import_react24.HugeiconsIcon, { icon: import_core_free_icons7.CancelCircleIcon, size: 18 }))), /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex flex-col items-center justify-center mb-4" }, /* @__PURE__ */ import_react23.default.createElement("div", { className: `w-12 h-12 rounded-full flex items-center justify-center mb-4 bg-neutral-100 text-black` }, /* @__PURE__ */ import_react23.default.createElement(import_react24.HugeiconsIcon, { icon: selectedTransaction.direction === "CREDIT" ? import_core_free_icons7.ArrowDownRight01Icon : import_core_free_icons7.ArrowUpRight01Icon, size: 20 })), /* @__PURE__ */ import_react23.default.createElement("p", { className: `text-2xl text-black mb-2 transition-all duration-300 ${hideBalanceAmounts ? "blur-[6px] opacity-40 select-none" : ""}` }, selectedTransaction.amount), /* @__PURE__ */ import_react23.default.createElement("span", { className: "text-[9px] tracking-widest text-neutral-500 px-4 py-1.5 rounded-full bg-neutral-50" }, selectedTransaction.status)), /* @__PURE__ */ import_react23.default.createElement("div", { className: "grid grid-cols-1 gap-y-8 gap-x-4 mb-10 mt-6" }, /* @__PURE__ */ import_react23.default.createElement("div", null, /* @__PURE__ */ import_react23.default.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Reference ID"), /* @__PURE__ */ import_react23.default.createElement("div", { className: "flex items-center gap-2 min-w-0" }, /* @__PURE__ */ import_react23.default.createElement("span", { className: "text-[13px] text-black truncate min-w-0 block" }, truncateReference(selectedTransaction.reference)), /* @__PURE__ */ import_react23.default.createElement(
|
|
1402
1402
|
"button",
|
|
1403
1403
|
{
|
|
1404
1404
|
onClick: () => handleCopyReference(selectedTransaction.reference),
|
|
@@ -1482,9 +1482,9 @@ var import_react25 = __toESM(require("react"));
|
|
|
1482
1482
|
var import_react26 = require("@hugeicons/react");
|
|
1483
1483
|
var import_core_free_icons8 = require("@hugeicons/core-free-icons");
|
|
1484
1484
|
var UniversalHomeView = ({
|
|
1485
|
-
balanceLabel = "
|
|
1485
|
+
balanceLabel = "Available Balance",
|
|
1486
1486
|
balanceAmount,
|
|
1487
|
-
balanceCurrency = "",
|
|
1487
|
+
balanceCurrency = "$",
|
|
1488
1488
|
primaryAction,
|
|
1489
1489
|
secondaryAction,
|
|
1490
1490
|
customContent,
|
|
@@ -1523,29 +1523,44 @@ var UniversalHomeView = ({
|
|
|
1523
1523
|
requestAnimationFrame(step);
|
|
1524
1524
|
}, [balanceAmount]);
|
|
1525
1525
|
const [intPart, decPart] = displayAmount.includes(".") ? displayAmount.split(".") : [displayAmount, ""];
|
|
1526
|
-
return /* @__PURE__ */ import_react25.default.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ import_react25.default.createElement("div", { className: "
|
|
1526
|
+
return /* @__PURE__ */ import_react25.default.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ import_react25.default.createElement("div", { className: "w-full pt-4 pb-6 flex flex-col gap-4" }, /* @__PURE__ */ import_react25.default.createElement("div", { className: "bg-linear-to-tl from-[#4a4a4a] via-[#0b0e14] to-[#03060b] rounded-2xl p-6 relative overflow-hidden flex flex-col justify-center" }, /* @__PURE__ */ import_react25.default.createElement("div", { className: "relative z-10 flex flex-col items-start text-left w-full" }, /* @__PURE__ */ import_react25.default.createElement("div", { className: "flex items-center gap-2 mb-2" }, /* @__PURE__ */ import_react25.default.createElement("span", { className: "text-[12px] text-neutral-300 " }, balanceLabel), /* @__PURE__ */ import_react25.default.createElement(
|
|
1527
1527
|
"button",
|
|
1528
1528
|
{
|
|
1529
1529
|
onClick: () => setIsBalanceHidden(!isBalanceHidden),
|
|
1530
|
-
className: "text-neutral-400 hover:text-
|
|
1530
|
+
className: "text-neutral-400 hover:text-white transition-colors outline-none"
|
|
1531
1531
|
},
|
|
1532
|
-
/* @__PURE__ */ import_react25.default.createElement(import_react26.HugeiconsIcon, { icon: isBalanceHidden ? import_core_free_icons8.ViewIcon : import_core_free_icons8.ViewOffSlashIcon, size:
|
|
1533
|
-
)), /* @__PURE__ */ import_react25.default.createElement("p", { className: `text-
|
|
1534
|
-
|
|
1532
|
+
/* @__PURE__ */ import_react25.default.createElement(import_react26.HugeiconsIcon, { icon: isBalanceHidden ? import_core_free_icons8.ViewIcon : import_core_free_icons8.ViewOffSlashIcon, size: 16 })
|
|
1533
|
+
)), /* @__PURE__ */ import_react25.default.createElement("p", { className: `text-2xl text-white tracking-tight mb-2 tabular-nums flex items-baseline transition-all duration-300 ${isBalanceHidden ? "blur-sm opacity-40 select-none" : ""}` }, /* @__PURE__ */ import_react25.default.createElement("span", { className: "text-lg text-neutral-400 mr-1" }, balanceCurrency), intPart, decPart && /* @__PURE__ */ import_react25.default.createElement("span", { className: "text-lg text-neutral-400" }, ".", decPart)))), /* @__PURE__ */ import_react25.default.createElement("div", { className: "grid grid-cols-2 gap-2" }, /* @__PURE__ */ import_react25.default.createElement(
|
|
1534
|
+
"div",
|
|
1535
1535
|
{
|
|
1536
|
-
onClick: primaryAction
|
|
1537
|
-
className: "
|
|
1536
|
+
onClick: primaryAction?.onClick,
|
|
1537
|
+
className: "bg-[linear-gradient(135deg,rgba(255,255,255,0.96)_0%,#FFD0AE_75%)] rounded-2xl p-5 relative overflow-hidden flex flex-col h-45 sm:h-50 cursor-pointer hover:opacity-90 transition-opacity"
|
|
1538
1538
|
},
|
|
1539
|
-
/* @__PURE__ */ import_react25.default.createElement("
|
|
1540
|
-
|
|
1541
|
-
|
|
1539
|
+
/* @__PURE__ */ import_react25.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react25.default.createElement("p", { className: "text-[15px] sm:text-[15px] text-neutral-600 mb-1" }, "Deposit"), /* @__PURE__ */ import_react25.default.createElement("p", { className: "text-[12px] sm:text-[13px] text-neutral-500" }, "Fund Wallet")),
|
|
1540
|
+
/* @__PURE__ */ import_react25.default.createElement(
|
|
1541
|
+
"img",
|
|
1542
|
+
{
|
|
1543
|
+
src: "https://retinalabs.company/assets/images/piggy.avif",
|
|
1544
|
+
alt: "Savings",
|
|
1545
|
+
className: "absolute bottom-6 right-4 translate-x-1/4 translate-y-1/2 w-40 h-auto object-contain z-0 pointer-events-none drop-shadow-md"
|
|
1546
|
+
}
|
|
1547
|
+
)
|
|
1548
|
+
), /* @__PURE__ */ import_react25.default.createElement(
|
|
1549
|
+
"div",
|
|
1542
1550
|
{
|
|
1543
|
-
onClick: secondaryAction
|
|
1544
|
-
className: "
|
|
1551
|
+
onClick: secondaryAction?.onClick,
|
|
1552
|
+
className: "bg-[linear-gradient(135deg,rgba(255,255,255,0.96)_0%,#C8F7A8_75%)] rounded-2xl p-5 relative overflow-hidden flex flex-col h-45 sm:h-50 cursor-pointer hover:opacity-90 transition-opacity"
|
|
1545
1553
|
},
|
|
1546
|
-
/* @__PURE__ */ import_react25.default.createElement("
|
|
1547
|
-
|
|
1548
|
-
|
|
1554
|
+
/* @__PURE__ */ import_react25.default.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ import_react25.default.createElement("p", { className: "text-[15px] sm:text-[15px] text-neutral-600 mb-1" }, "Rewards"), /* @__PURE__ */ import_react25.default.createElement("p", { className: "text-[12px] sm:text-[13px] text-neutral-500" }, "Earn Points")),
|
|
1555
|
+
/* @__PURE__ */ import_react25.default.createElement(
|
|
1556
|
+
"img",
|
|
1557
|
+
{
|
|
1558
|
+
src: "https://retinalabs.company/assets/images/gift.avif",
|
|
1559
|
+
alt: "Rewards",
|
|
1560
|
+
className: "absolute bottom-6 right-4 translate-x-1/4 translate-y-1/2 w-40 h-auto object-contain z-0 pointer-events-none drop-shadow-md"
|
|
1561
|
+
}
|
|
1562
|
+
)
|
|
1563
|
+
))), customContent && /* @__PURE__ */ import_react25.default.createElement("div", { className: "w-full" }, customContent), /* @__PURE__ */ import_react25.default.createElement("div", { className: "w-full mt-2" }, /* @__PURE__ */ import_react25.default.createElement(
|
|
1549
1564
|
UniversalTransactionPage,
|
|
1550
1565
|
{
|
|
1551
1566
|
...transactionsProps,
|
package/dist/index.mjs
CHANGED
|
@@ -1351,7 +1351,7 @@ var UniversalTransactionPage = ({
|
|
|
1351
1351
|
className: "p-2 bg-white border border-neutral-200 rounded-full text-black hover:bg-neutral-50 disabled:opacity-30 disabled:cursor-not-allowed transition-all outline-none"
|
|
1352
1352
|
},
|
|
1353
1353
|
/* @__PURE__ */ React15.createElement(HugeiconsIcon9, { icon: ArrowRight01Icon, size: 14 })
|
|
1354
|
-
)))))), selectedTransaction && /* @__PURE__ */ React15.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React15.createElement("div", { className: "absolute inset-0 bg-black/40 ", onClick: () => setSelectedTransaction(null) }), /* @__PURE__ */ React15.createElement("div", { className: "relative w-full max-w-sm bg-white rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200 max-h-[90vh]" }, /* @__PURE__ */ React15.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 " }, /* @__PURE__ */ React15.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Details"), /* @__PURE__ */ React15.createElement("button", { onClick: () => setSelectedTransaction(null), className: "text-neutral-400 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ React15.createElement(HugeiconsIcon9, { icon: CancelCircleIcon2, size: 18 }))), /* @__PURE__ */ React15.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6" }, /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col items-center justify-center mb-4" }, /* @__PURE__ */ React15.createElement("div", { className: `w-12 h-12 rounded-full flex items-center justify-center mb-4 bg-neutral-100 text-black` }, /* @__PURE__ */ React15.createElement(HugeiconsIcon9, { icon: selectedTransaction.direction === "CREDIT" ? ArrowDownRight01Icon : ArrowUpRight01Icon, size: 20 })), /* @__PURE__ */ React15.createElement("
|
|
1354
|
+
)))))), selectedTransaction && /* @__PURE__ */ React15.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React15.createElement("div", { className: "absolute inset-0 bg-black/40 ", onClick: () => setSelectedTransaction(null) }), /* @__PURE__ */ React15.createElement("div", { className: "relative w-full max-w-sm bg-white rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200 max-h-[90vh]" }, /* @__PURE__ */ React15.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 " }, /* @__PURE__ */ React15.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Details"), /* @__PURE__ */ React15.createElement("button", { onClick: () => setSelectedTransaction(null), className: "text-neutral-400 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ React15.createElement(HugeiconsIcon9, { icon: CancelCircleIcon2, size: 18 }))), /* @__PURE__ */ React15.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-6" }, /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col items-center justify-center mb-4" }, /* @__PURE__ */ React15.createElement("div", { className: `w-12 h-12 rounded-full flex items-center justify-center mb-4 bg-neutral-100 text-black` }, /* @__PURE__ */ React15.createElement(HugeiconsIcon9, { icon: selectedTransaction.direction === "CREDIT" ? ArrowDownRight01Icon : ArrowUpRight01Icon, size: 20 })), /* @__PURE__ */ React15.createElement("p", { className: `text-2xl text-black mb-2 transition-all duration-300 ${hideBalanceAmounts ? "blur-[6px] opacity-40 select-none" : ""}` }, selectedTransaction.amount), /* @__PURE__ */ React15.createElement("span", { className: "text-[9px] tracking-widest text-neutral-500 px-4 py-1.5 rounded-full bg-neutral-50" }, selectedTransaction.status)), /* @__PURE__ */ React15.createElement("div", { className: "grid grid-cols-1 gap-y-8 gap-x-4 mb-10 mt-6" }, /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement("span", { className: "text-[11px] tracking-[0.2em] text-neutral-400 block mb-2" }, "Reference ID"), /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2 min-w-0" }, /* @__PURE__ */ React15.createElement("span", { className: "text-[13px] text-black truncate min-w-0 block" }, truncateReference(selectedTransaction.reference)), /* @__PURE__ */ React15.createElement(
|
|
1355
1355
|
"button",
|
|
1356
1356
|
{
|
|
1357
1357
|
onClick: () => handleCopyReference(selectedTransaction.reference),
|
|
@@ -1435,9 +1435,9 @@ import React16, { useState as useState9, useEffect as useEffect7 } from "react";
|
|
|
1435
1435
|
import { HugeiconsIcon as HugeiconsIcon10 } from "@hugeicons/react";
|
|
1436
1436
|
import { ViewOffSlashIcon, ViewIcon } from "@hugeicons/core-free-icons";
|
|
1437
1437
|
var UniversalHomeView = ({
|
|
1438
|
-
balanceLabel = "
|
|
1438
|
+
balanceLabel = "Available Balance",
|
|
1439
1439
|
balanceAmount,
|
|
1440
|
-
balanceCurrency = "",
|
|
1440
|
+
balanceCurrency = "$",
|
|
1441
1441
|
primaryAction,
|
|
1442
1442
|
secondaryAction,
|
|
1443
1443
|
customContent,
|
|
@@ -1476,29 +1476,44 @@ var UniversalHomeView = ({
|
|
|
1476
1476
|
requestAnimationFrame(step);
|
|
1477
1477
|
}, [balanceAmount]);
|
|
1478
1478
|
const [intPart, decPart] = displayAmount.includes(".") ? displayAmount.split(".") : [displayAmount, ""];
|
|
1479
|
-
return /* @__PURE__ */ React16.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ React16.createElement("div", { className: "
|
|
1479
|
+
return /* @__PURE__ */ React16.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300" }, /* @__PURE__ */ React16.createElement("div", { className: "w-full pt-4 pb-6 flex flex-col gap-4" }, /* @__PURE__ */ React16.createElement("div", { className: "bg-linear-to-tl from-[#4a4a4a] via-[#0b0e14] to-[#03060b] rounded-2xl p-6 relative overflow-hidden flex flex-col justify-center" }, /* @__PURE__ */ React16.createElement("div", { className: "relative z-10 flex flex-col items-start text-left w-full" }, /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-2 mb-2" }, /* @__PURE__ */ React16.createElement("span", { className: "text-[12px] text-neutral-300 " }, balanceLabel), /* @__PURE__ */ React16.createElement(
|
|
1480
1480
|
"button",
|
|
1481
1481
|
{
|
|
1482
1482
|
onClick: () => setIsBalanceHidden(!isBalanceHidden),
|
|
1483
|
-
className: "text-neutral-400 hover:text-
|
|
1483
|
+
className: "text-neutral-400 hover:text-white transition-colors outline-none"
|
|
1484
1484
|
},
|
|
1485
|
-
/* @__PURE__ */ React16.createElement(HugeiconsIcon10, { icon: isBalanceHidden ? ViewIcon : ViewOffSlashIcon, size:
|
|
1486
|
-
)), /* @__PURE__ */ React16.createElement("p", { className: `text-
|
|
1487
|
-
|
|
1485
|
+
/* @__PURE__ */ React16.createElement(HugeiconsIcon10, { icon: isBalanceHidden ? ViewIcon : ViewOffSlashIcon, size: 16 })
|
|
1486
|
+
)), /* @__PURE__ */ React16.createElement("p", { className: `text-2xl text-white tracking-tight mb-2 tabular-nums flex items-baseline transition-all duration-300 ${isBalanceHidden ? "blur-sm opacity-40 select-none" : ""}` }, /* @__PURE__ */ React16.createElement("span", { className: "text-lg text-neutral-400 mr-1" }, balanceCurrency), intPart, decPart && /* @__PURE__ */ React16.createElement("span", { className: "text-lg text-neutral-400" }, ".", decPart)))), /* @__PURE__ */ React16.createElement("div", { className: "grid grid-cols-2 gap-2" }, /* @__PURE__ */ React16.createElement(
|
|
1487
|
+
"div",
|
|
1488
1488
|
{
|
|
1489
|
-
onClick: primaryAction
|
|
1490
|
-
className: "
|
|
1489
|
+
onClick: primaryAction?.onClick,
|
|
1490
|
+
className: "bg-[linear-gradient(135deg,rgba(255,255,255,0.96)_0%,#FFD0AE_75%)] rounded-2xl p-5 relative overflow-hidden flex flex-col h-45 sm:h-50 cursor-pointer hover:opacity-90 transition-opacity"
|
|
1491
1491
|
},
|
|
1492
|
-
/* @__PURE__ */ React16.createElement("
|
|
1493
|
-
|
|
1494
|
-
|
|
1492
|
+
/* @__PURE__ */ React16.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React16.createElement("p", { className: "text-[15px] sm:text-[15px] text-neutral-600 mb-1" }, "Deposit"), /* @__PURE__ */ React16.createElement("p", { className: "text-[12px] sm:text-[13px] text-neutral-500" }, "Fund Wallet")),
|
|
1493
|
+
/* @__PURE__ */ React16.createElement(
|
|
1494
|
+
"img",
|
|
1495
|
+
{
|
|
1496
|
+
src: "https://retinalabs.company/assets/images/piggy.avif",
|
|
1497
|
+
alt: "Savings",
|
|
1498
|
+
className: "absolute bottom-6 right-4 translate-x-1/4 translate-y-1/2 w-40 h-auto object-contain z-0 pointer-events-none drop-shadow-md"
|
|
1499
|
+
}
|
|
1500
|
+
)
|
|
1501
|
+
), /* @__PURE__ */ React16.createElement(
|
|
1502
|
+
"div",
|
|
1495
1503
|
{
|
|
1496
|
-
onClick: secondaryAction
|
|
1497
|
-
className: "
|
|
1504
|
+
onClick: secondaryAction?.onClick,
|
|
1505
|
+
className: "bg-[linear-gradient(135deg,rgba(255,255,255,0.96)_0%,#C8F7A8_75%)] rounded-2xl p-5 relative overflow-hidden flex flex-col h-45 sm:h-50 cursor-pointer hover:opacity-90 transition-opacity"
|
|
1498
1506
|
},
|
|
1499
|
-
/* @__PURE__ */ React16.createElement("
|
|
1500
|
-
|
|
1501
|
-
|
|
1507
|
+
/* @__PURE__ */ React16.createElement("div", { className: "relative z-10" }, /* @__PURE__ */ React16.createElement("p", { className: "text-[15px] sm:text-[15px] text-neutral-600 mb-1" }, "Rewards"), /* @__PURE__ */ React16.createElement("p", { className: "text-[12px] sm:text-[13px] text-neutral-500" }, "Earn Points")),
|
|
1508
|
+
/* @__PURE__ */ React16.createElement(
|
|
1509
|
+
"img",
|
|
1510
|
+
{
|
|
1511
|
+
src: "https://retinalabs.company/assets/images/gift.avif",
|
|
1512
|
+
alt: "Rewards",
|
|
1513
|
+
className: "absolute bottom-6 right-4 translate-x-1/4 translate-y-1/2 w-40 h-auto object-contain z-0 pointer-events-none drop-shadow-md"
|
|
1514
|
+
}
|
|
1515
|
+
)
|
|
1516
|
+
))), customContent && /* @__PURE__ */ React16.createElement("div", { className: "w-full" }, customContent), /* @__PURE__ */ React16.createElement("div", { className: "w-full mt-2" }, /* @__PURE__ */ React16.createElement(
|
|
1502
1517
|
UniversalTransactionPage,
|
|
1503
1518
|
{
|
|
1504
1519
|
...transactionsProps,
|