@miden-npm/react 2.1.7 → 2.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +727 -373
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +3 -0
- package/dist/index.css.map +1 -1
- package/dist/index.js +727 -373
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -620,88 +620,30 @@ var validateGroup = (values, rulesMap, prettyLabels) => {
|
|
|
620
620
|
};
|
|
621
621
|
|
|
622
622
|
// src/utils/card-scheme.util.ts
|
|
623
|
-
var CardSchemes = /* @__PURE__ */ ((CardSchemes2) => {
|
|
624
|
-
CardSchemes2[CardSchemes2["Visa"] = 1] = "Visa";
|
|
625
|
-
CardSchemes2[CardSchemes2["MasterCard"] = 2] = "MasterCard";
|
|
626
|
-
CardSchemes2[CardSchemes2["Verve"] = 3] = "Verve";
|
|
627
|
-
CardSchemes2[CardSchemes2["MastercardAndVisa"] = 4] = "MastercardAndVisa";
|
|
628
|
-
CardSchemes2[CardSchemes2["AmericanExpress"] = 5] = "AmericanExpress";
|
|
629
|
-
CardSchemes2[CardSchemes2["Discover"] = 6] = "Discover";
|
|
630
|
-
CardSchemes2[CardSchemes2["JCB"] = 7] = "JCB";
|
|
631
|
-
CardSchemes2[CardSchemes2["DinersClub"] = 8] = "DinersClub";
|
|
632
|
-
CardSchemes2[CardSchemes2["Maestro"] = 9] = "Maestro";
|
|
633
|
-
CardSchemes2[CardSchemes2["UnionPay"] = 10] = "UnionPay";
|
|
634
|
-
CardSchemes2[CardSchemes2["UnionPay3DS"] = 11] = "UnionPay3DS";
|
|
635
|
-
CardSchemes2[CardSchemes2["UnionPayNon3DS"] = 12] = "UnionPayNon3DS";
|
|
636
|
-
CardSchemes2[CardSchemes2["UATP"] = 13] = "UATP";
|
|
637
|
-
CardSchemes2[CardSchemes2["PayPak"] = 14] = "PayPak";
|
|
638
|
-
CardSchemes2[CardSchemes2["Jaywan"] = 15] = "Jaywan";
|
|
639
|
-
CardSchemes2[CardSchemes2["Mada"] = 16] = "Mada";
|
|
640
|
-
CardSchemes2[CardSchemes2["MadaVisa"] = 17] = "MadaVisa";
|
|
641
|
-
CardSchemes2[CardSchemes2["MadaMastercard"] = 18] = "MadaMastercard";
|
|
642
|
-
CardSchemes2[CardSchemes2["Unknown"] = 19] = "Unknown";
|
|
643
|
-
return CardSchemes2;
|
|
644
|
-
})(CardSchemes || {});
|
|
645
|
-
var VISA_RE = /^4\d{12}(\d{3}){0,2}$/;
|
|
646
|
-
var MC_RE = /^(?:5[1-5]\d{14}|2(?:2(?:2[1-9]|[3-9]\d)|[3-6]\d{2}|7(?:[01]\d|20))\d{12})(?:\d{0,3})?$/;
|
|
647
|
-
var AMEX_RE = /^(34|37)\d{13}$/;
|
|
648
|
-
var DISCOVER_RE = /^(?:6011|65|64[4-9]|622(?:12[6-9]|1[3-9]\d|[2-8]\d{2}|9(?:0\d|1\d|2[0-5])))\d{12,15}$/;
|
|
649
|
-
var JCB_RE = /^(?:35(?:2[8-9]|[3-8]\d))\d{12,15}$/;
|
|
650
|
-
var DINERS_RE = /^(?:3(?:0[0-5]\d|095|6\d|[89]\d))\d{11,13}$/;
|
|
651
|
-
var MAESTRO_RE = /^(?:50|5[6-9]|6[0-9])\d{10,17}$/;
|
|
652
|
-
var UNIONPAY_RE = /^62\d{14,17}$/;
|
|
653
|
-
var UATP_RE = /^1\d{14}$/;
|
|
654
|
-
var VERVE_BIN6_RANGES = [
|
|
655
|
-
[506099, 506198],
|
|
656
|
-
[650002, 650027]
|
|
657
|
-
];
|
|
658
|
-
var VERVE_BIN6_SINGLES = /* @__PURE__ */ new Set([507865, 507866]);
|
|
659
|
-
var PAYPAK_BIN6 = /* @__PURE__ */ new Set([220545, 220543]);
|
|
660
|
-
var JAYWAN_BIN7 = /* @__PURE__ */ new Set([6690109]);
|
|
661
|
-
var MADA_ONLY_BIN6 = /* @__PURE__ */ new Set([968209, 873646]);
|
|
662
|
-
var MADA_VISA_BIN6 = /* @__PURE__ */ new Set([422818, 486094]);
|
|
663
|
-
var MADA_MC_BIN6 = /* @__PURE__ */ new Set([529741, 543357]);
|
|
664
|
-
var UNIONPAY_3DS_BIN6 = /* @__PURE__ */ new Set([620108]);
|
|
665
|
-
var UNIONPAY_NON3DS_BIN6 = /* @__PURE__ */ new Set([621423]);
|
|
666
623
|
function cardTypeHandler(cardNumber) {
|
|
667
|
-
const
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
function detect(cardNumber) {
|
|
671
|
-
if (!cardNumber || !cardNumber.trim()) return 19 /* Unknown */;
|
|
672
|
-
const digits = cardNumber.replace(/\D/g, "");
|
|
673
|
-
if (digits.length < 12 || digits.length > 19) return 19 /* Unknown */;
|
|
674
|
-
if (digits.length >= 6) {
|
|
675
|
-
const bin6 = parseInt(digits.slice(0, 6), 10);
|
|
676
|
-
if (MADA_ONLY_BIN6.has(bin6) && digits.length >= 16 && digits.length <= 19)
|
|
677
|
-
return 16 /* Mada */;
|
|
678
|
-
if (MADA_VISA_BIN6.has(bin6) && VISA_RE.test(digits)) return 17 /* MadaVisa */;
|
|
679
|
-
if (MADA_MC_BIN6.has(bin6) && MC_RE.test(digits)) return 18 /* MadaMastercard */;
|
|
680
|
-
if (PAYPAK_BIN6.has(bin6) && digits.length === 16) return 14 /* PayPak */;
|
|
681
|
-
if (UNIONPAY_3DS_BIN6.has(bin6) && UNIONPAY_RE.test(digits)) return 11 /* UnionPay3DS */;
|
|
682
|
-
if (UNIONPAY_NON3DS_BIN6.has(bin6) && UNIONPAY_RE.test(digits))
|
|
683
|
-
return 12 /* UnionPayNon3DS */;
|
|
684
|
-
if (isVerve(bin6, digits.length)) return 3 /* Verve */;
|
|
624
|
+
const cleanNumber = cardNumber.replace(/\s/g, "").replace(/\D/g, "");
|
|
625
|
+
if (/^4/.test(cleanNumber)) {
|
|
626
|
+
return "Visa";
|
|
685
627
|
}
|
|
686
|
-
if (
|
|
687
|
-
|
|
688
|
-
if (JAYWAN_BIN7.has(bin7) && digits.length === 16) return 15 /* Jaywan */;
|
|
628
|
+
if (/^5[1-5]/.test(cleanNumber) || /^2[2-7]/.test(cleanNumber)) {
|
|
629
|
+
return "MasterCard";
|
|
689
630
|
}
|
|
690
|
-
if (
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
if (
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
if (
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
if (
|
|
703
|
-
|
|
704
|
-
|
|
631
|
+
if (/^3[47]/.test(cleanNumber)) {
|
|
632
|
+
return "AmericanExpress";
|
|
633
|
+
}
|
|
634
|
+
if (/^6(?:011|5)/.test(cleanNumber)) {
|
|
635
|
+
return "Discover";
|
|
636
|
+
}
|
|
637
|
+
if (/^35/.test(cleanNumber)) {
|
|
638
|
+
return "JCB";
|
|
639
|
+
}
|
|
640
|
+
if (/^3[0689]/.test(cleanNumber)) {
|
|
641
|
+
return "DinersClub";
|
|
642
|
+
}
|
|
643
|
+
if (/^506/.test(cleanNumber)) {
|
|
644
|
+
return "Verve";
|
|
645
|
+
}
|
|
646
|
+
return "Unknown";
|
|
705
647
|
}
|
|
706
648
|
|
|
707
649
|
// src/apis/checkout.api.ts
|
|
@@ -755,7 +697,7 @@ async function validateCardPaymentOtp(environment, { merchantId, ...rest }, call
|
|
|
755
697
|
const baseUrl = getBaseUrl(environment, caller);
|
|
756
698
|
const apiKey = {
|
|
757
699
|
buzapay: "api/v1/checkout/card-payment/validate-otp",
|
|
758
|
-
miden: ""
|
|
700
|
+
miden: "api/v1/accrual/card/validate-otp"
|
|
759
701
|
};
|
|
760
702
|
const res = await fetch(`${baseUrl}/${apiKey[caller]}`, {
|
|
761
703
|
method: "POST",
|
|
@@ -776,7 +718,7 @@ async function resendCardPaymentOtp(environment, { merchantId, ...rest }, caller
|
|
|
776
718
|
const baseUrl = getBaseUrl(environment, caller);
|
|
777
719
|
const apiKey = {
|
|
778
720
|
buzapay: "api/v1/checkout/card-payment/resend-otp",
|
|
779
|
-
miden: ""
|
|
721
|
+
miden: "api/v1/accrual/card/resend-otp"
|
|
780
722
|
};
|
|
781
723
|
const res = await fetch(`${baseUrl}/${apiKey[caller]}`, {
|
|
782
724
|
method: "POST",
|
|
@@ -1647,8 +1589,403 @@ function IconQrCode({
|
|
|
1647
1589
|
);
|
|
1648
1590
|
}
|
|
1649
1591
|
|
|
1650
|
-
// src/components/
|
|
1592
|
+
// src/components/icons/card-types/icon-amex.tsx
|
|
1651
1593
|
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
1594
|
+
function IconAmex() {
|
|
1595
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
|
|
1596
|
+
"svg",
|
|
1597
|
+
{
|
|
1598
|
+
width: "22",
|
|
1599
|
+
height: "22",
|
|
1600
|
+
viewBox: "0 -10.769 60 60",
|
|
1601
|
+
"enable-background": "new 0 0 780 500",
|
|
1602
|
+
version: "1.1",
|
|
1603
|
+
xmlSpace: "preserve",
|
|
1604
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1605
|
+
children: [
|
|
1606
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("path", { width: "780", height: "500", fill: "#2557D6", d: "M0 0h60v38.462H0z" }),
|
|
1607
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
1608
|
+
"path",
|
|
1609
|
+
{
|
|
1610
|
+
d: "M0.019 18.13h2.88l0.649 -1.501h1.454l0.647 1.501h5.667v-1.147l0.506 1.153h2.942l0.506 -1.169v1.165h14.083l-0.006 -2.463h0.273c0.191 0.006 0.246 0.023 0.246 0.325v2.139h7.284v-0.574c0.588 0.301 1.502 0.574 2.704 0.574h3.064l0.656 -1.501h1.454l0.641 1.501h5.905v-1.425l0.894 1.425h4.732V8.706h-4.683v1.113l-0.655 -1.113h-4.806v1.113l-0.602 -1.113H39.965c-1.087 0 -2.042 0.145 -2.813 0.55v-0.55h-4.479v0.55c-0.491 -0.417 -1.16 -0.55 -1.904 -0.55H14.405l-1.098 2.434 -1.127 -2.434H7.022v1.113l-0.567 -1.113H2.061L0.019 13.187zm18.18 -1.359h-1.728l-0.006 -5.292 -2.444 5.292h-1.48l-2.45 -5.296v5.296h-3.429l-0.647 -1.507h-3.51l-0.654 1.507H0.019l3.018 -6.756h2.505l2.867 6.397V10.014h2.751l2.206 4.583 2.026 -4.583h2.807zm-12.761 -2.909 -1.154 -2.694 -1.147 2.694zm19.639 2.909H19.445V10.014h5.631v1.407h-3.946v1.218h3.851v1.385h-3.851v1.349h3.946zm7.936 -4.937a1.905 1.905 0 0 1 -1.188 1.801c0.369 0.135 0.684 0.372 0.834 0.569 0.238 0.336 0.279 0.636 0.279 1.24v1.327h-1.7l-0.006 -0.852c0 -0.406 0.041 -0.991 -0.266 -1.317 -0.246 -0.237 -0.622 -0.289 -1.228 -0.289h-1.81v2.458h-1.685V10.014h3.877c0.862 0 1.496 0.022 2.041 0.324 0.533 0.302 0.853 0.743 0.853 1.496m-2.131 1.003c-0.232 0.135 -0.505 0.139 -0.834 0.139H28v-1.501h2.075c0.293 0 0.601 0.013 0.799 0.122 0.218 0.099 0.354 0.308 0.354 0.598 0 0.295 -0.129 0.533 -0.347 0.642m4.834 3.933h-1.72V10.014h1.72zm19.966 0h-2.389l-3.195 -5.072V16.77H46.665l-0.656 -1.507h-3.502l-0.636 1.507h-1.973c-0.819 0 -1.857 -0.173 -2.444 -0.748 -0.593 -0.574 -0.9 -1.351 -0.9 -2.579 0 -1.002 0.184 -1.918 0.908 -2.642 0.545 -0.539 1.399 -0.788 2.56 -0.788h1.632v1.448h-1.599c-0.615 0 -0.963 0.087 -1.297 0.4 -0.287 0.284 -0.484 0.823 -0.484 1.53 0 0.724 0.15 1.246 0.464 1.587 0.26 0.268 0.731 0.348 1.175 0.348h0.757l2.376 -5.314h2.526l2.854 6.391V10.014h2.567l2.963 4.705v-4.705h1.726zm-10.246 -2.909 -1.167 -2.693 -1.16 2.693zm14.541 13.698c-0.409 0.574 -1.207 0.865 -2.288 0.865h-3.256V26.975h3.242c0.322 0 0.546 -0.041 0.682 -0.168a0.585 0.585 0 0 0 0.2 -0.441c0 -0.197 -0.082 -0.353 -0.206 -0.447 -0.122 -0.103 -0.3 -0.15 -0.594 -0.15 -1.583 -0.051 -3.557 0.047 -3.557 -2.092 0 -0.98 0.649 -2.012 2.418 -2.012h3.357v-1.345h-3.12c-0.942 0 -1.625 0.216 -2.11 0.552v-0.552h-4.614c-0.738 0 -1.604 0.175 -2.014 0.552v-0.552h-8.24v0.552c-0.655 -0.453 -1.762 -0.552 -2.273 -0.552h-5.435v0.552c-0.519 -0.481 -1.673 -0.552 -2.376 -0.552H23.712l-1.392 1.444 -1.304 -1.444H11.93v9.43H20.845l1.435 -1.466 1.351 1.466 5.495 0.004v-2.219h0.54c0.729 0.011 1.589 -0.018 2.348 -0.332v2.545h4.533v-2.458h0.218c0.279 0 0.306 0.011 0.306 0.278v2.179h13.77c0.874 0 1.788 -0.214 2.294 -0.604v0.604h4.367c0.909 0 1.796 -0.122 2.472 -0.434v-1.757zm-27.303 -3.627c0 1.877 -1.462 2.265 -2.936 2.265H27.635v2.267h-3.276l-2.075 -2.237 -2.157 2.237H13.45V21.706h6.779l2.074 2.216 2.144 -2.216h5.386c1.337 0 2.841 0.355 2.841 2.227m-13.402 3.111h-4.144v-1.345h3.701v-1.379h-3.701V23.09h4.226l1.844 1.97zm6.678 0.774 -2.588 -2.753 2.588 -2.666zm3.828 -3.005h-2.179v-1.721h2.198c0.609 0 1.031 0.237 1.031 0.829 0 0.585 -0.403 0.892 -1.05 0.892m11.412 -3.106h5.626v1.397h-3.947v1.228h3.851v1.379h-3.851v1.345l3.947 0.006v1.403H41.189zm-2.163 3.618c0.375 0.133 0.682 0.37 0.826 0.568 0.238 0.33 0.273 0.638 0.28 1.234v1.34h-1.692v-0.846c0 -0.406 0.041 -1.008 -0.273 -1.323 -0.246 -0.242 -0.622 -0.3 -1.236 -0.3h-1.802v2.469h-1.694V21.706h3.892c0.854 0 1.475 0.036 2.028 0.319 0.532 0.308 0.867 0.73 0.867 1.501a1.895 1.895 0 0 1 -1.194 1.798m-0.953 -0.855c-0.226 0.128 -0.504 0.14 -0.832 0.14h-2.048v-1.518h2.075c0.3 0 0.601 0.006 0.804 0.122 0.218 0.11 0.349 0.319 0.349 0.608s-0.131 0.522 -0.349 0.648m15.217 0.43c0.329 0.326 0.504 0.736 0.504 1.432 0 1.454 -0.948 2.132 -2.648 2.132h-3.283V27.015h3.27c0.32 0 0.546 -0.041 0.689 -0.168 0.116 -0.104 0.199 -0.257 0.199 -0.441 0 -0.197 -0.09 -0.353 -0.206 -0.447 -0.129 -0.103 -0.306 -0.15 -0.6 -0.15 -1.577 -0.051 -3.55 0.047 -3.55 -2.091 0 -0.981 0.642 -2.012 2.41 -2.012h3.38v1.438h-3.092c-0.306 0 -0.506 0.011 -0.675 0.122 -0.184 0.11 -0.253 0.272 -0.253 0.486 0 0.255 0.157 0.428 0.369 0.503 0.178 0.059 0.369 0.076 0.656 0.076l0.907 0.024c0.915 0.021 1.543 0.173 1.925 0.543m6.689 -1.809h-3.072c-0.306 0 -0.51 0.011 -0.682 0.122 -0.178 0.11 -0.246 0.272 -0.246 0.486 0 0.255 0.15 0.428 0.368 0.503 0.178 0.059 0.369 0.076 0.649 0.076l0.913 0.024c0.922 0.022 1.537 0.173 1.913 0.544 0.069 0.051 0.11 0.11 0.157 0.168z",
|
|
1611
|
+
fill: "#fff"
|
|
1612
|
+
}
|
|
1613
|
+
)
|
|
1614
|
+
]
|
|
1615
|
+
}
|
|
1616
|
+
);
|
|
1617
|
+
}
|
|
1618
|
+
|
|
1619
|
+
// src/components/icons/card-types/icon-diners.tsx
|
|
1620
|
+
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
1621
|
+
function IconDiners() {
|
|
1622
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
|
|
1623
|
+
"svg",
|
|
1624
|
+
{
|
|
1625
|
+
version: "1.1",
|
|
1626
|
+
id: "Layer_1",
|
|
1627
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1628
|
+
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
|
1629
|
+
width: "22",
|
|
1630
|
+
height: "22",
|
|
1631
|
+
viewBox: "0 0 1.8 1.8",
|
|
1632
|
+
"enable-background": "new 0 0 24 24",
|
|
1633
|
+
xmlSpace: "preserve",
|
|
1634
|
+
children: [
|
|
1635
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
1636
|
+
"path",
|
|
1637
|
+
{
|
|
1638
|
+
fill: "#FAFAFA",
|
|
1639
|
+
d: "M1.5 1.5H0.3c-0.083 0 -0.15 -0.068 -0.15 -0.15V0.45c0 -0.083 0.068 -0.15 0.15 -0.15h1.2c0.083 0 0.15 0.068 0.15 0.15v0.9c0 0.083 -0.068 0.15 -0.15 0.15"
|
|
1640
|
+
}
|
|
1641
|
+
),
|
|
1642
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
1643
|
+
"path",
|
|
1644
|
+
{
|
|
1645
|
+
opacity: "0.12",
|
|
1646
|
+
fill: "#020202",
|
|
1647
|
+
d: "M1.5 0.3H0.3c-0.083 0 -0.15 0.068 -0.15 0.15v0.9c0 0.083 0.068 0.15 0.15 0.15h1.2c0.083 0 0.15 -0.068 0.15 -0.15V0.45c0 -0.083 -0.068 -0.15 -0.15 -0.15m0.075 1.05c0 0.045 -0.03 0.075 -0.075 0.075H0.3c-0.045 0 -0.075 -0.03 -0.075 -0.075V0.45c0 -0.045 0.03 -0.075 0.075 -0.075h1.2c0.045 0 0.075 0.03 0.075 0.075z"
|
|
1648
|
+
}
|
|
1649
|
+
),
|
|
1650
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
1651
|
+
"path",
|
|
1652
|
+
{
|
|
1653
|
+
"fill-rule": "evenodd",
|
|
1654
|
+
"clip-rule": "evenodd",
|
|
1655
|
+
fill: "#303F9F",
|
|
1656
|
+
d: "M1.05 1.125h-0.3c-0.128 0 -0.225 -0.098 -0.225 -0.225s0.098 -0.225 0.225 -0.225h0.3c0.128 0 0.225 0.098 0.225 0.225s-0.098 0.225 -0.225 0.225"
|
|
1657
|
+
}
|
|
1658
|
+
),
|
|
1659
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
1660
|
+
"path",
|
|
1661
|
+
{
|
|
1662
|
+
"fill-rule": "evenodd",
|
|
1663
|
+
"clip-rule": "evenodd",
|
|
1664
|
+
fill: "#FFFFFF",
|
|
1665
|
+
d: "M0.75 0.75c-0.083 0 -0.15 0.068 -0.15 0.15s0.068 0.15 0.15 0.15 0.15 -0.068 0.15 -0.15 -0.068 -0.15 -0.15 -0.15m0 0.225c-0.045 0 -0.075 -0.03 -0.075 -0.075s0.03 -0.075 0.075 -0.075 0.075 0.03 0.075 0.075 -0.03 0.075 -0.075 0.075"
|
|
1666
|
+
}
|
|
1667
|
+
)
|
|
1668
|
+
]
|
|
1669
|
+
}
|
|
1670
|
+
);
|
|
1671
|
+
}
|
|
1672
|
+
|
|
1673
|
+
// src/components/icons/card-types/icon-discover.tsx
|
|
1674
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
1675
|
+
function IconDiscover() {
|
|
1676
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1677
|
+
"svg",
|
|
1678
|
+
{
|
|
1679
|
+
fill: "#000000",
|
|
1680
|
+
width: "22",
|
|
1681
|
+
height: "22",
|
|
1682
|
+
viewBox: "0 -0.45 2.7 2.7",
|
|
1683
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1684
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M2.52 1.8H0.18A0.18 0.18 0 0 1 0 1.62V0.18A0.18 0.18 0 0 1 0.18 0h2.34A0.18 0.18 0 0 1 2.7 0.18v1.44a0.18 0.18 0 0 1 -0.18 0.18M1.433 0.72a0.193 0.193 0 1 0 0 0.386 0.193 0.193 0 0 0 0 -0.386m0.175 0.011 0.153 0.369h0.038l0.155 -0.369h-0.076l-0.097 0.241 -0.096 -0.241h-0.076zm-0.898 0.256 -0.045 0.044c0.025 0.041 0.069 0.068 0.12 0.068l0.005 0h0q0.004 0 0.008 0c0.064 0 0.116 -0.052 0.116 -0.116v-0.003c0 -0.057 -0.024 -0.083 -0.103 -0.112 -0.042 -0.016 -0.054 -0.026 -0.054 -0.045 0 -0.023 0.022 -0.04 0.052 -0.04a0.073 0.073 0 0 1 0.056 0.029l0 0 0.037 -0.048a0.155 0.155 0 0 0 -0.104 -0.04h-0.002l-0.007 0c-0.057 0 -0.104 0.046 -0.105 0.103v0c0 0.05 0.022 0.075 0.088 0.099 0.019 0.006 0.035 0.013 0.05 0.021l-0.002 -0.001a0.043 0.043 0 0 1 0.021 0.037v0a0.051 0.051 0 0 1 -0.051 0.051l-0.004 0h0c-0.033 0 -0.062 -0.019 -0.075 -0.047l0 -0.001zm0.417 -0.264h-0.001a0.191 0.191 0 0 0 -0.134 0.055 0.187 0.187 0 0 0 0.132 0.32h0.002c0.032 0 0.062 -0.008 0.089 -0.021l-0.001 0.001v-0.082c-0.021 0.024 -0.051 0.039 -0.085 0.039l-0.004 0a0.117 0.117 0 0 1 -0.117 -0.124v0l0 -0.004c0 -0.065 0.052 -0.118 0.117 -0.119H1.125c0.035 0 0.066 0.016 0.088 0.04l0 0v-0.083a0.176 0.176 0 0 0 -0.086 -0.022h-0.001zm1.174 0.223h0.009l0.097 0.144h0.086l-0.113 -0.151a0.096 0.096 0 0 0 0.082 -0.102v0c0 -0.067 -0.046 -0.106 -0.127 -0.106h-0.104v0.359h0.07v-0.144zM1.986 0.731v0.359h0.199v-0.061H2.056v-0.097h0.124v-0.061H2.056v-0.08h0.129v-0.061zm-1.417 0v0.359h0.07V0.731zm-0.329 0v0.359h0.103q0.005 0 0.01 0a0.188 0.188 0 0 0 0.118 -0.042l0 0a0.181 0.181 0 0 0 0.065 -0.138v-0.002a0.178 0.178 0 0 0 -0.194 -0.178l0.001 0zm0.089 0.299h-0.019v-0.238h0.019a0.128 0.128 0 0 1 0.096 0.029l0 0c0.024 0.022 0.039 0.054 0.039 0.089v0.001c0 0.035 -0.015 0.067 -0.039 0.09l0 0a0.132 0.132 0 0 1 -0.097 0.029l0.001 0zm1.992 -0.133h-0.02v-0.109h0.022c0.044 0 0.067 0.018 0.067 0.053 0 0.036 -0.024 0.056 -0.069 0.056z" })
|
|
1685
|
+
}
|
|
1686
|
+
);
|
|
1687
|
+
}
|
|
1688
|
+
|
|
1689
|
+
// src/components/icons/card-types/icon-jcb.tsx
|
|
1690
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
1691
|
+
function IconJcb() {
|
|
1692
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
|
|
1693
|
+
"svg",
|
|
1694
|
+
{
|
|
1695
|
+
version: "1.1",
|
|
1696
|
+
id: "Layer_1",
|
|
1697
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1698
|
+
width: "22",
|
|
1699
|
+
height: "22",
|
|
1700
|
+
viewBox: "0 0 56.25 35.325",
|
|
1701
|
+
"enable-background": "new 0 0 750 471",
|
|
1702
|
+
xmlSpace: "preserve",
|
|
1703
|
+
children: [
|
|
1704
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("title", { children: "Slice 1" }),
|
|
1705
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("desc", { children: "Created with Sketch." }),
|
|
1706
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("g", { children: [
|
|
1707
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
1708
|
+
"path",
|
|
1709
|
+
{
|
|
1710
|
+
id: "path3494",
|
|
1711
|
+
fill: "#FFFFFF",
|
|
1712
|
+
d: "M46.293 26.007c0 3.121 -2.53 5.652 -5.652 5.652H9.957V9.318c0 -3.122 2.53 -5.653 5.652 -5.653h30.684v22.342z"
|
|
1713
|
+
}
|
|
1714
|
+
),
|
|
1715
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
|
|
1716
|
+
"path",
|
|
1717
|
+
{
|
|
1718
|
+
id: "path3496_1_",
|
|
1719
|
+
gradientUnits: "userSpaceOnUse",
|
|
1720
|
+
x1: "824.7424",
|
|
1721
|
+
y1: "333.7813",
|
|
1722
|
+
x2: "825.7424",
|
|
1723
|
+
y2: "333.7813",
|
|
1724
|
+
gradientTransform: "matrix(132.8743 0 0 -323.0226 -109129.531 108054.602)",
|
|
1725
|
+
d: "",
|
|
1726
|
+
children: [
|
|
1727
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("stop", { offset: "0", style: { stopColor: "#007b40" } }),
|
|
1728
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("stop", { offset: "1", style: { stopColor: "#55b330" } })
|
|
1729
|
+
]
|
|
1730
|
+
}
|
|
1731
|
+
),
|
|
1732
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
1733
|
+
"path",
|
|
1734
|
+
{
|
|
1735
|
+
id: "path3496",
|
|
1736
|
+
fill: "url(#path3496_1_)",
|
|
1737
|
+
d: "M36.289 18.153c0.876 0.019 1.758 -0.039 2.631 0.03 0.884 0.165 1.097 1.503 0.312 1.942 -0.536 0.289 -1.172 0.108 -1.753 0.158H36.289zm3.138 -2.411c0.195 0.687 -0.468 1.304 -1.13 1.21h-2.008c0.014 -0.648 -0.028 -1.352 0.02 -1.966 0.804 0.023 1.616 -0.046 2.416 0.036 0.343 0.086 0.631 0.369 0.701 0.72m4.832 -10.193c0.037 1.313 0.005 2.695 0.016 4.034 -0.002 5.445 0.005 10.89 -0.004 16.334 -0.035 2.041 -1.844 3.814 -3.87 3.854 -2.028 0.008 -4.057 0.001 -6.086 0.004v-8.231c2.21 -0.011 4.422 0.023 6.631 -0.017 1.025 -0.064 2.148 -0.741 2.195 -1.869 0.121 -1.133 -0.947 -1.916 -1.961 -2.04 -0.39 -0.01 -0.378 -0.114 0 -0.159 0.967 -0.209 1.727 -1.21 1.442 -2.212 -0.243 -1.054 -1.408 -1.462 -2.377 -1.46 -1.976 -0.013 -3.953 -0.002 -5.93 -0.006 0.013 -1.537 -0.027 -3.075 0.021 -4.611 0.157 -2.004 2.011 -3.656 4.009 -3.62q2.957 0 5.914 0"
|
|
1738
|
+
}
|
|
1739
|
+
),
|
|
1740
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
|
|
1741
|
+
"path",
|
|
1742
|
+
{
|
|
1743
|
+
id: "path3498_1_",
|
|
1744
|
+
gradientUnits: "userSpaceOnUse",
|
|
1745
|
+
x1: "824.7551",
|
|
1746
|
+
y1: "333.7822",
|
|
1747
|
+
x2: "825.7484",
|
|
1748
|
+
y2: "333.7822",
|
|
1749
|
+
gradientTransform: "matrix(133.4307 0 0 -323.0203 -109887.688 108053.82)",
|
|
1750
|
+
d: "",
|
|
1751
|
+
children: [
|
|
1752
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("stop", { offset: "0", style: { stopColor: "#1d2970" } }),
|
|
1753
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("stop", { offset: "1", style: { stopColor: "#006dba" } })
|
|
1754
|
+
]
|
|
1755
|
+
}
|
|
1756
|
+
),
|
|
1757
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
1758
|
+
"path",
|
|
1759
|
+
{
|
|
1760
|
+
id: "path3498",
|
|
1761
|
+
fill: "url(#path3498_1_)",
|
|
1762
|
+
d: "M11.981 9.378c0.05 -2.037 1.867 -3.796 3.89 -3.826 2.021 -0.006 4.042 -0.001 6.063 -0.003 -0.006 6.816 0.011 13.633 -0.008 20.449 -0.078 2.013 -1.874 3.738 -3.876 3.773 -2.025 0.007 -4.05 0.001 -6.074 0.003V21.266c1.967 0.465 4.029 0.662 6.036 0.354 1.199 -0.193 2.512 -0.782 2.918 -2.026 0.299 -1.064 0.131 -2.184 0.175 -3.277v-2.537h-3.472c-0.016 1.678 0.032 3.359 -0.025 5.034 -0.094 1.03 -1.114 1.685 -2.085 1.65 -1.205 0.013 -3.592 -0.873 -3.592 -0.873 -0.006 -3.144 0.035 -7.08 0.052 -10.213"
|
|
1763
|
+
}
|
|
1764
|
+
),
|
|
1765
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
|
|
1766
|
+
"path",
|
|
1767
|
+
{
|
|
1768
|
+
id: "path3500_1_",
|
|
1769
|
+
gradientUnits: "userSpaceOnUse",
|
|
1770
|
+
x1: "824.7424",
|
|
1771
|
+
y1: "333.7813",
|
|
1772
|
+
x2: "825.741",
|
|
1773
|
+
y2: "333.7813",
|
|
1774
|
+
gradientTransform: "matrix(132.9583 0 0 -323.0276 -109347.922 108056.266)",
|
|
1775
|
+
d: "",
|
|
1776
|
+
children: [
|
|
1777
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("stop", { offset: "0", style: { stopColor: "#6e2b2f" } }),
|
|
1778
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("stop", { offset: "1", style: { stopColor: "#e30138" } })
|
|
1779
|
+
]
|
|
1780
|
+
}
|
|
1781
|
+
),
|
|
1782
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
1783
|
+
"path",
|
|
1784
|
+
{
|
|
1785
|
+
id: "path3500",
|
|
1786
|
+
fill: "url(#path3500_1_)",
|
|
1787
|
+
d: "M23.229 14.804c-0.183 0.039 -0.037 -0.623 -0.084 -0.873 0.012 -1.586 -0.026 -3.174 0.021 -4.759 0.156 -2.012 2.024 -3.669 4.03 -3.622h5.908c-0.006 6.816 0.011 13.633 -0.008 20.449 -0.078 2.013 -1.874 3.737 -3.876 3.773 -2.025 0.008 -4.05 0.001 -6.075 0.003V20.453c1.383 1.135 3.262 1.311 4.985 1.314 1.299 0 2.59 -0.201 3.851 -0.5V19.559c-1.421 0.708 -3.093 1.158 -4.668 0.751 -1.099 -0.274 -1.897 -1.336 -1.879 -2.47 -0.127 -1.18 0.564 -2.425 1.723 -2.776 1.439 -0.451 3.008 -0.106 4.357 0.48 0.289 0.151 0.582 0.339 0.467 -0.144v-1.342c-2.256 -0.537 -4.658 -0.734 -6.925 -0.15 -0.656 0.185 -1.295 0.466 -1.828 0.897"
|
|
1788
|
+
}
|
|
1789
|
+
)
|
|
1790
|
+
] })
|
|
1791
|
+
]
|
|
1792
|
+
}
|
|
1793
|
+
);
|
|
1794
|
+
}
|
|
1795
|
+
|
|
1796
|
+
// src/components/icons/card-types/icon-mastercard.tsx
|
|
1797
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
1798
|
+
function IconMastercard() {
|
|
1799
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
|
|
1800
|
+
"svg",
|
|
1801
|
+
{
|
|
1802
|
+
width: "22",
|
|
1803
|
+
height: "22",
|
|
1804
|
+
viewBox: "0 -4.069 36.188 36.188",
|
|
1805
|
+
id: "Layer_1",
|
|
1806
|
+
"data-name": "Layer 1",
|
|
1807
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1808
|
+
children: [
|
|
1809
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("title", { children: "mastercard" }),
|
|
1810
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("g", { children: [
|
|
1811
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("path", { d: "M6.554 27.988v-1.864c0 -0.715 -0.435 -1.18 -1.149 -1.18 -0.375 0 -0.776 0.124 -1.056 0.525 -0.217 -0.342 -0.525 -0.525 -0.994 -0.525a1.055 1.055 0 0 0 -0.9 0.435v-0.375h-0.59v2.982h0.59v-1.706c0 -0.525 0.31 -0.776 0.745 -0.776s0.683 0.28 0.683 0.776v1.709h0.59v-1.709c0 -0.525 0.31 -0.776 0.745 -0.776s0.683 0.28 0.683 0.776v1.709Zm9.691 -2.951h-1.087v-0.9h-0.589v0.9h-0.621v0.525h0.621v1.401c0 0.683 0.248 1.087 0.994 1.087a1.74 1.74 0 0 0 0.806 -0.217l-0.187 -0.525a1.022 1.022 0 0 1 -0.559 0.155c-0.31 0 -0.466 -0.187 -0.466 -0.497V25.537h1.087v-0.497Zm5.529 -0.093a0.929 0.929 0 0 0 -0.808 0.435v-0.375h-0.59v2.982h0.59v-1.675c0 -0.497 0.248 -0.808 0.652 -0.808a1.815 1.815 0 0 1 0.403 0.062l0.187 -0.559a2.1 2.1 0 0 0 -0.435 -0.062m-8.356 0.31c-0.31 -0.217 -0.745 -0.31 -1.211 -0.31 -0.745 0 -1.211 0.342 -1.211 0.932 0 0.497 0.342 0.776 0.994 0.87l0.31 0.031c0.342 0.062 0.559 0.187 0.559 0.342 0 0.217 -0.248 0.375 -0.715 0.375a1.638 1.638 0 0 1 -0.994 -0.31l-0.31 0.466c0.435 0.31 0.963 0.375 1.275 0.375 0.87 0 1.336 -0.403 1.336 -0.963 0 -0.525 -0.375 -0.776 -1.025 -0.87l-0.31 -0.031c-0.28 -0.031 -0.525 -0.124 -0.525 -0.31 0 -0.217 0.248 -0.375 0.59 -0.375 0.375 0 0.745 0.155 0.932 0.248Zm9.008 1.243c0 0.9 0.59 1.553 1.553 1.553 0.435 0 0.745 -0.093 1.056 -0.342l-0.31 -0.466a1.255 1.255 0 0 1 -0.776 0.28c-0.525 0 -0.932 -0.403 -0.932 -0.994s0.402 -0.991 0.932 -0.991a1.255 1.255 0 0 1 0.776 0.28l0.31 -0.466c-0.31 -0.248 -0.621 -0.342 -1.056 -0.342 -0.932 -0.062 -1.553 0.59 -1.553 1.491Zm-4.162 -1.553c-0.87 0 -1.46 0.621 -1.46 1.553S17.425 28.05 18.326 28.05a1.9 1.9 0 0 0 1.211 -0.403l-0.31 -0.435a1.485 1.485 0 0 1 -0.87 0.31c-0.403 0 -0.838 -0.248 -0.9 -0.776h2.206v-0.248c0 -0.932 -0.559 -1.553 -1.398 -1.553Zm-0.031 0.559c0.435 0 0.745 0.28 0.776 0.745h-1.615c0.093 -0.435 0.375 -0.745 0.838 -0.745m-8.045 0.994v-1.491h-0.59v0.375c-0.217 -0.28 -0.525 -0.435 -0.963 -0.435 -0.838 0 -1.46 0.652 -1.46 1.553s0.621 1.553 1.46 1.553c0.435 0 0.745 -0.155 0.963 -0.435v0.375h0.59zm-2.392 0c0 -0.559 0.342 -0.994 0.932 -0.994 0.559 0 0.9 0.435 0.9 0.994 0 0.59 -0.375 0.994 -0.9 0.994 -0.59 0.031 -0.932 -0.435 -0.932 -0.994m22.956 -1.553a0.929 0.929 0 0 0 -0.808 0.435v-0.375h-0.59v2.982h0.59v-1.675c0 -0.497 0.248 -0.808 0.652 -0.808a1.815 1.815 0 0 1 0.403 0.062l0.187 -0.559a2.1 2.1 0 0 0 -0.435 -0.062Zm-2.299 1.553v-1.491h-0.59v0.375c-0.217 -0.28 -0.525 -0.435 -0.963 -0.435 -0.838 0 -1.46 0.652 -1.46 1.553s0.621 1.553 1.46 1.553c0.435 0 0.745 -0.155 0.963 -0.435v0.375h0.59zm-2.392 0c0 -0.559 0.342 -0.994 0.932 -0.994 0.559 0 0.9 0.435 0.9 0.994 0 0.59 -0.375 0.994 -0.9 0.994 -0.59 0.031 -0.932 -0.435 -0.932 -0.994m8.387 0v-2.671h-0.59v1.553c-0.217 -0.28 -0.525 -0.435 -0.963 -0.435 -0.838 0 -1.46 0.652 -1.46 1.553S32.057 28.05 32.896 28.05c0.435 0 0.745 -0.155 0.963 -0.435v0.375h0.59zm-2.392 0c0 -0.559 0.342 -0.994 0.932 -0.994 0.559 0 0.9 0.435 0.9 0.994 0 0.59 -0.375 0.994 -0.9 0.994 -0.591 0.032 -0.933 -0.434 -0.933 -0.994Z" }),
|
|
1812
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("g", { children: [
|
|
1813
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
1814
|
+
"path",
|
|
1815
|
+
{
|
|
1816
|
+
x: "169.81",
|
|
1817
|
+
y: "31.89",
|
|
1818
|
+
width: "143.72",
|
|
1819
|
+
height: "234.42",
|
|
1820
|
+
fill: "#ff5f00",
|
|
1821
|
+
d: "M12.736 2.392H23.515V19.973H12.736V2.392z"
|
|
1822
|
+
}
|
|
1823
|
+
),
|
|
1824
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
1825
|
+
"path",
|
|
1826
|
+
{
|
|
1827
|
+
d: "M13.823 11.182a11.213 11.213 0 0 1 4.255 -8.791 11.182 11.182 0 1 0 0 17.581 11.213 11.213 0 0 1 -4.255 -8.791",
|
|
1828
|
+
fill: "#eb001b"
|
|
1829
|
+
}
|
|
1830
|
+
),
|
|
1831
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
1832
|
+
"path",
|
|
1833
|
+
{
|
|
1834
|
+
d: "M36.189 11.182a11.171 11.171 0 0 1 -18.075 8.791 11.207 11.207 0 0 0 0 -17.581 11.171 11.171 0 0 1 18.075 8.791",
|
|
1835
|
+
fill: "#f79e1b"
|
|
1836
|
+
}
|
|
1837
|
+
)
|
|
1838
|
+
] })
|
|
1839
|
+
] })
|
|
1840
|
+
]
|
|
1841
|
+
}
|
|
1842
|
+
);
|
|
1843
|
+
}
|
|
1844
|
+
|
|
1845
|
+
// src/components/icons/card-types/icon-verve.tsx
|
|
1846
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
1847
|
+
function IconVerve() {
|
|
1848
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
|
|
1849
|
+
"svg",
|
|
1850
|
+
{
|
|
1851
|
+
width: "22",
|
|
1852
|
+
height: "22",
|
|
1853
|
+
viewBox: "0 -10.463 56.25 56.25",
|
|
1854
|
+
version: "1.1",
|
|
1855
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1856
|
+
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
|
1857
|
+
children: [
|
|
1858
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("desc", { children: "Created with Sketch." }),
|
|
1859
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("defs", {}),
|
|
1860
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
1861
|
+
"g",
|
|
1862
|
+
{
|
|
1863
|
+
id: "Page-1",
|
|
1864
|
+
stroke: "none",
|
|
1865
|
+
"stroke-width": "1",
|
|
1866
|
+
fill: "none",
|
|
1867
|
+
"fill-rule": "evenodd",
|
|
1868
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("g", { id: "verve", "fill-rule": "nonzero", children: [
|
|
1869
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
1870
|
+
"path",
|
|
1871
|
+
{
|
|
1872
|
+
id: "Rectangle-path",
|
|
1873
|
+
fill: "#00425F",
|
|
1874
|
+
x: "0",
|
|
1875
|
+
y: "0",
|
|
1876
|
+
width: "750",
|
|
1877
|
+
height: "471",
|
|
1878
|
+
rx: "40",
|
|
1879
|
+
d: "M3 0H53.25A3 3 0 0 1 56.25 3V32.325A3 3 0 0 1 53.25 35.325H3A3 3 0 0 1 0 32.325V3A3 3 0 0 1 3 0z"
|
|
1880
|
+
}
|
|
1881
|
+
),
|
|
1882
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
1883
|
+
"path",
|
|
1884
|
+
{
|
|
1885
|
+
id: "Oval",
|
|
1886
|
+
fill: "#EE312A",
|
|
1887
|
+
cx: "156.26347",
|
|
1888
|
+
cy: "215.5",
|
|
1889
|
+
r: "115.26347",
|
|
1890
|
+
d: "M20.365 16.162A8.645 8.645 0 0 1 11.72 24.807A8.645 8.645 0 0 1 3.075 16.162A8.645 8.645 0 0 1 20.365 16.162z"
|
|
1891
|
+
}
|
|
1892
|
+
),
|
|
1893
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
1894
|
+
"path",
|
|
1895
|
+
{
|
|
1896
|
+
d: "M11.72 19.865c-1.933 -4.383 -3.351 -8.477 -3.351 -8.477H5.404s1.804 5.255 5.156 11.827h2.32c3.351 -6.572 5.156 -11.827 5.156 -11.827h-2.964s-1.418 4.094 -3.351 8.477",
|
|
1897
|
+
id: "Shape",
|
|
1898
|
+
fill: "#FFFFFF"
|
|
1899
|
+
}
|
|
1900
|
+
),
|
|
1901
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
1902
|
+
"path",
|
|
1903
|
+
{
|
|
1904
|
+
d: "M53.103 19.32h-5.8s0.129 1.933 2.707 1.933c1.289 0 2.578 -0.387 2.578 -0.387l0.258 2.062s-1.289 0.516 -3.093 0.516c-2.578 0 -4.897 -1.289 -4.897 -4.897 0 -2.835 1.804 -4.64 4.382 -4.64 3.866 0 4.124 3.866 3.866 5.413m-3.995 -3.609c-1.675 0 -1.804 1.804 -1.804 1.804h3.609s-0.129 -1.804 -1.804 -1.804",
|
|
1905
|
+
id: "Shape",
|
|
1906
|
+
fill: "#FFFFFF"
|
|
1907
|
+
}
|
|
1908
|
+
),
|
|
1909
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
1910
|
+
"path",
|
|
1911
|
+
{
|
|
1912
|
+
d: "m33.175 16.256 0.387 -2.062s-2.986 -0.906 -5.413 0.773v8.248h2.578l0 -6.702c1.031 -0.773 2.449 -0.258 2.449 -0.258",
|
|
1913
|
+
id: "Shape",
|
|
1914
|
+
fill: "#FFFFFF"
|
|
1915
|
+
}
|
|
1916
|
+
),
|
|
1917
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
1918
|
+
"path",
|
|
1919
|
+
{
|
|
1920
|
+
d: "M26.131 19.32h-5.8s0.129 1.933 2.707 1.933c1.289 0 2.578 -0.387 2.578 -0.387l0.258 2.062s-1.289 0.516 -3.093 0.516c-2.578 0 -4.897 -1.289 -4.897 -4.897 0 -2.835 1.804 -4.64 4.382 -4.64 3.866 0 4.124 3.866 3.866 5.413m-3.995 -3.609c-1.675 0 -1.804 1.804 -1.804 1.804h3.609s-0.129 -1.804 -1.804 -1.804",
|
|
1921
|
+
id: "Shape",
|
|
1922
|
+
fill: "#FFFFFF"
|
|
1923
|
+
}
|
|
1924
|
+
),
|
|
1925
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
1926
|
+
"path",
|
|
1927
|
+
{
|
|
1928
|
+
d: "M39.435 20.124a40.102 40.102 0 0 1 -1.933 -6.008l-2.577 0s1.289 4.976 3.48 9.099h2.062c2.191 -4.123 3.48 -9.098 3.48 -9.098H41.369a40.125 40.125 0 0 1 -1.933 6.006",
|
|
1929
|
+
id: "Shape",
|
|
1930
|
+
fill: "#FFFFFF"
|
|
1931
|
+
}
|
|
1932
|
+
)
|
|
1933
|
+
] })
|
|
1934
|
+
}
|
|
1935
|
+
)
|
|
1936
|
+
]
|
|
1937
|
+
}
|
|
1938
|
+
);
|
|
1939
|
+
}
|
|
1940
|
+
|
|
1941
|
+
// src/components/icons/card-types/icon-visa.tsx
|
|
1942
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
1943
|
+
function IconVisa() {
|
|
1944
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
1945
|
+
"svg",
|
|
1946
|
+
{
|
|
1947
|
+
width: 22,
|
|
1948
|
+
height: 22,
|
|
1949
|
+
viewBox: "0 0 56.25 35.325",
|
|
1950
|
+
fill: "none",
|
|
1951
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1952
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("g", { children: [
|
|
1953
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
1954
|
+
"path",
|
|
1955
|
+
{
|
|
1956
|
+
fill: "#0E4595",
|
|
1957
|
+
d: "m20.865 25.067 2.502 -14.682h4.002l-2.504 14.682z"
|
|
1958
|
+
}
|
|
1959
|
+
),
|
|
1960
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
1961
|
+
"path",
|
|
1962
|
+
{
|
|
1963
|
+
fill: "#0E4595",
|
|
1964
|
+
d: "M39.323 10.702c-0.793 -0.297 -2.035 -0.617 -3.587 -0.617 -3.954 0 -6.74 1.991 -6.764 4.845 -0.022 2.11 1.989 3.287 3.507 3.989 1.558 0.72 2.081 1.179 2.074 1.821 -0.01 0.984 -1.244 1.434 -2.394 1.434 -1.602 0 -2.453 -0.223 -3.767 -0.771l-0.516 -0.233 -0.562 3.287c0.935 0.41 2.663 0.765 4.458 0.783 4.207 0 6.938 -1.969 6.969 -5.016 0.015 -1.67 -1.051 -2.941 -3.36 -3.989 -1.399 -0.679 -2.255 -1.132 -2.246 -1.82 0 -0.61 0.725 -1.263 2.292 -1.263 1.309 -0.02 2.257 0.265 2.995 0.563l0.359 0.169z"
|
|
1965
|
+
}
|
|
1966
|
+
),
|
|
1967
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
1968
|
+
"path",
|
|
1969
|
+
{
|
|
1970
|
+
fill: "#0E4595",
|
|
1971
|
+
d: "M49.621 10.385h-3.092c-0.958 0 -1.675 0.261 -2.096 1.218L38.49 25.058h4.202s0.687 -1.809 0.842 -2.206c0.459 0 4.542 0.006 5.125 0.006 0.12 0.514 0.487 2.2 0.487 2.2h3.713zm-4.906 9.481c0.331 -0.846 1.595 -4.104 1.595 -4.104 -0.024 0.039 0.329 -0.85 0.531 -1.401l0.271 1.266s0.766 3.505 0.926 4.24h-3.322z"
|
|
1972
|
+
}
|
|
1973
|
+
),
|
|
1974
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
1975
|
+
"path",
|
|
1976
|
+
{
|
|
1977
|
+
fill: "#0E4595",
|
|
1978
|
+
fillOpacity: 1,
|
|
1979
|
+
d: "m3.441 10.385 -0.051 0.305c1.582 0.383 2.995 0.937 4.232 1.627l3.551 12.727 4.234 -0.005 6.3 -14.654h-4.239L13.55 20.397l-0.417 -2.035a6.6 6.6 0 0 0 -0.063 -0.189l-1.362 -6.549c-0.242 -0.93 -0.945 -1.207 -1.814 -1.24z"
|
|
1980
|
+
}
|
|
1981
|
+
)
|
|
1982
|
+
] })
|
|
1983
|
+
}
|
|
1984
|
+
);
|
|
1985
|
+
}
|
|
1986
|
+
|
|
1987
|
+
// src/components/base/button.tsx
|
|
1988
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
1652
1989
|
function getButtonBgClass(type, disabled, caller) {
|
|
1653
1990
|
if (disabled)
|
|
1654
1991
|
return "bg-gray-200 text-gray-400 cursor-not-allowed border-gray-200";
|
|
@@ -1704,7 +2041,7 @@ function BaseButton({
|
|
|
1704
2041
|
const handleClick = () => {
|
|
1705
2042
|
if (!isDisabled) onClick?.();
|
|
1706
2043
|
};
|
|
1707
|
-
return /* @__PURE__ */ (0,
|
|
2044
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
|
|
1708
2045
|
"button",
|
|
1709
2046
|
{
|
|
1710
2047
|
className: `flex items-center justify-center gap-2 py-3 border font-normal text-input-grey transition-colors duration-300 ease-in-out ${getButtonBgClass(
|
|
@@ -1717,7 +2054,7 @@ function BaseButton({
|
|
|
1717
2054
|
onClick: handleClick,
|
|
1718
2055
|
children: [
|
|
1719
2056
|
prefix,
|
|
1720
|
-
loading ? /* @__PURE__ */ (0,
|
|
2057
|
+
loading ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(IconLoader, {}) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { children: label ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: `mb-0 ${getLabelSizeClass(size)}`, children: label }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_jsx_runtime27.Fragment, { children }) }),
|
|
1721
2058
|
suffix
|
|
1722
2059
|
]
|
|
1723
2060
|
}
|
|
@@ -1725,16 +2062,16 @@ function BaseButton({
|
|
|
1725
2062
|
}
|
|
1726
2063
|
|
|
1727
2064
|
// src/components/base/back.tsx
|
|
1728
|
-
var
|
|
2065
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
1729
2066
|
function BaseBack({ back }) {
|
|
1730
|
-
return /* @__PURE__ */ (0,
|
|
1731
|
-
/* @__PURE__ */ (0,
|
|
1732
|
-
/* @__PURE__ */ (0,
|
|
2067
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center gap-2 cursor-pointer", onClick: back, children: [
|
|
2068
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(IconChevronLeft, {}),
|
|
2069
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "mb-0 text-body-xs font-normal", children: "Back" })
|
|
1733
2070
|
] });
|
|
1734
2071
|
}
|
|
1735
2072
|
|
|
1736
2073
|
// src/components/base/card.tsx
|
|
1737
|
-
var
|
|
2074
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
1738
2075
|
function BaseCard({
|
|
1739
2076
|
showBackButton = false,
|
|
1740
2077
|
onBack,
|
|
@@ -1742,34 +2079,34 @@ function BaseCard({
|
|
|
1742
2079
|
onClose,
|
|
1743
2080
|
caller = "buzapay"
|
|
1744
2081
|
}) {
|
|
1745
|
-
return caller === "buzapay" ? /* @__PURE__ */ (0,
|
|
1746
|
-
showBackButton && /* @__PURE__ */ (0,
|
|
1747
|
-
/* @__PURE__ */ (0,
|
|
1748
|
-
/* @__PURE__ */ (0,
|
|
1749
|
-
/* @__PURE__ */ (0,
|
|
1750
|
-
/* @__PURE__ */ (0,
|
|
1751
|
-
/* @__PURE__ */ (0,
|
|
1752
|
-
/* @__PURE__ */ (0,
|
|
2082
|
+
return caller === "buzapay" ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "checkout-card-miden w-full h-screen flex flex-col items-center justify-center text-white", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex w-[95%] sm:w-[85%] md:w-[70%] lg:w-[60%] xl:w-1/2", children: [
|
|
2083
|
+
showBackButton && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(BaseBack, { back: () => onBack?.() }),
|
|
2084
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex gap-2 w-full", children: [
|
|
2085
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-col gap-8 w-full", children: [
|
|
2086
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "bg-off-white rounded-xl", children }),
|
|
2087
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center gap-2 justify-center", children: [
|
|
2088
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-light-white-100 text-body-2xs font-regular", children: "Powered by Buzapay" }),
|
|
2089
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(IconBuzapayIcon, { color: "#E8F4FF" })
|
|
1753
2090
|
] })
|
|
1754
2091
|
] }),
|
|
1755
|
-
/* @__PURE__ */ (0,
|
|
2092
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
1756
2093
|
"div",
|
|
1757
2094
|
{
|
|
1758
2095
|
onClick: onClose,
|
|
1759
2096
|
className: "hidden sm:flex close-icon flex-col items-center justify-center self-start cursor-pointer hover:bg-gray-500",
|
|
1760
|
-
children: /* @__PURE__ */ (0,
|
|
2097
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-white", children: "x" })
|
|
1761
2098
|
}
|
|
1762
2099
|
)
|
|
1763
2100
|
] })
|
|
1764
|
-
] }) }) : /* @__PURE__ */ (0,
|
|
1765
|
-
showBackButton && /* @__PURE__ */ (0,
|
|
1766
|
-
/* @__PURE__ */ (0,
|
|
1767
|
-
/* @__PURE__ */ (0,
|
|
1768
|
-
/* @__PURE__ */ (0,
|
|
1769
|
-
/* @__PURE__ */ (0,
|
|
1770
|
-
/* @__PURE__ */ (0,
|
|
2101
|
+
] }) }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "checkout-card-miden w-full h-screen flex flex-col items-center justify-center text-white", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex w-[95%] sm:w-[85%] md:w-[70%] lg:w-[60%] xl:w-1/2", children: [
|
|
2102
|
+
showBackButton && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(BaseBack, { back: () => onBack?.() }),
|
|
2103
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex gap-2 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-col gap-8 w-full", children: [
|
|
2104
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "bg-white rounded-xl", children }),
|
|
2105
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center gap-4 justify-center", children: [
|
|
2106
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(IconLock, { color: "#E8F4FF" }),
|
|
2107
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("p", { className: "text-light-white-100 text-body-2xs font-regular", children: [
|
|
1771
2108
|
"Secured by ",
|
|
1772
|
-
/* @__PURE__ */ (0,
|
|
2109
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "font-semibold", children: "Miden" })
|
|
1773
2110
|
] })
|
|
1774
2111
|
] })
|
|
1775
2112
|
] }) })
|
|
@@ -1778,7 +2115,7 @@ function BaseCard({
|
|
|
1778
2115
|
|
|
1779
2116
|
// src/components/base/radio-group.tsx
|
|
1780
2117
|
var import_react3 = require("react");
|
|
1781
|
-
var
|
|
2118
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
1782
2119
|
var BaseRadioGroup = ({
|
|
1783
2120
|
options,
|
|
1784
2121
|
type = "vertical",
|
|
@@ -1802,7 +2139,7 @@ var BaseRadioGroup = ({
|
|
|
1802
2139
|
selectedChange?.(v);
|
|
1803
2140
|
};
|
|
1804
2141
|
const containerLayout = type === "horizontal" ? "flex-row gap-5" : "flex-col gap-6";
|
|
1805
|
-
return caller === "buzapay" ? /* @__PURE__ */ (0,
|
|
2142
|
+
return caller === "buzapay" ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
1806
2143
|
"div",
|
|
1807
2144
|
{
|
|
1808
2145
|
className: `flex ${containerLayout} ${className}`,
|
|
@@ -1811,7 +2148,7 @@ var BaseRadioGroup = ({
|
|
|
1811
2148
|
tabIndex: 0,
|
|
1812
2149
|
children: options.map((option) => {
|
|
1813
2150
|
const isActive = selected === option.value;
|
|
1814
|
-
return /* @__PURE__ */ (0,
|
|
2151
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
|
|
1815
2152
|
"div",
|
|
1816
2153
|
{
|
|
1817
2154
|
role: "radio",
|
|
@@ -1820,24 +2157,24 @@ var BaseRadioGroup = ({
|
|
|
1820
2157
|
onClick: () => setSelected(option.value),
|
|
1821
2158
|
className: "flex items-center gap-2 cursor-pointer transition-colors duration-200",
|
|
1822
2159
|
children: [
|
|
1823
|
-
/* @__PURE__ */ (0,
|
|
2160
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
1824
2161
|
"div",
|
|
1825
2162
|
{
|
|
1826
2163
|
className: [
|
|
1827
2164
|
"w-4 h-4 rounded-full border flex items-center justify-center",
|
|
1828
2165
|
isActive ? "bg-orange-500 border-orange-500" : "bg-white border-grey-200"
|
|
1829
2166
|
].join(" "),
|
|
1830
|
-
children: isActive && /* @__PURE__ */ (0,
|
|
2167
|
+
children: isActive && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "bg-white w-2 h-2 rounded-full" })
|
|
1831
2168
|
}
|
|
1832
2169
|
),
|
|
1833
|
-
/* @__PURE__ */ (0,
|
|
2170
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "mb-0 text-body-2xs font-medium text-heading-text", children: option.label })
|
|
1834
2171
|
]
|
|
1835
2172
|
},
|
|
1836
2173
|
option.value
|
|
1837
2174
|
);
|
|
1838
2175
|
})
|
|
1839
2176
|
}
|
|
1840
|
-
) : /* @__PURE__ */ (0,
|
|
2177
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
1841
2178
|
"div",
|
|
1842
2179
|
{
|
|
1843
2180
|
className: `flex ${containerLayout} ${className}`,
|
|
@@ -1846,7 +2183,7 @@ var BaseRadioGroup = ({
|
|
|
1846
2183
|
tabIndex: 0,
|
|
1847
2184
|
children: options.map((option) => {
|
|
1848
2185
|
const isActive = selected === option.value;
|
|
1849
|
-
return /* @__PURE__ */ (0,
|
|
2186
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
|
|
1850
2187
|
"div",
|
|
1851
2188
|
{
|
|
1852
2189
|
role: "radio",
|
|
@@ -1858,25 +2195,25 @@ var BaseRadioGroup = ({
|
|
|
1858
2195
|
selected === option.value ? "border-r-4 border-white" : ""
|
|
1859
2196
|
].join(" "),
|
|
1860
2197
|
children: [
|
|
1861
|
-
option.value === "CARD" && /* @__PURE__ */ (0,
|
|
2198
|
+
option.value === "CARD" && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
1862
2199
|
IconCards,
|
|
1863
2200
|
{
|
|
1864
2201
|
color: selected === option.value ? "#ffffff" : "#8FAECA"
|
|
1865
2202
|
}
|
|
1866
2203
|
),
|
|
1867
|
-
option.value === "BANK_TRANSFER" && /* @__PURE__ */ (0,
|
|
2204
|
+
option.value === "BANK_TRANSFER" && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
1868
2205
|
IconCourthouse,
|
|
1869
2206
|
{
|
|
1870
2207
|
color: selected === option.value ? "#ffffff" : "#8FAECA"
|
|
1871
2208
|
}
|
|
1872
2209
|
),
|
|
1873
|
-
option.value === "STABLE_COIN" && /* @__PURE__ */ (0,
|
|
2210
|
+
option.value === "STABLE_COIN" && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
1874
2211
|
IconCoin,
|
|
1875
2212
|
{
|
|
1876
2213
|
color: selected === option.value ? "#ffffff" : "#8FAECA"
|
|
1877
2214
|
}
|
|
1878
2215
|
),
|
|
1879
|
-
/* @__PURE__ */ (0,
|
|
2216
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
1880
2217
|
"p",
|
|
1881
2218
|
{
|
|
1882
2219
|
className: [
|
|
@@ -1896,7 +2233,7 @@ var BaseRadioGroup = ({
|
|
|
1896
2233
|
};
|
|
1897
2234
|
|
|
1898
2235
|
// src/components/base/image.tsx
|
|
1899
|
-
var
|
|
2236
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
1900
2237
|
function BaseImage({
|
|
1901
2238
|
src,
|
|
1902
2239
|
height = 50,
|
|
@@ -1906,7 +2243,7 @@ function BaseImage({
|
|
|
1906
2243
|
isFullWidth,
|
|
1907
2244
|
onClick
|
|
1908
2245
|
}) {
|
|
1909
|
-
return /* @__PURE__ */ (0,
|
|
2246
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
1910
2247
|
"img",
|
|
1911
2248
|
{
|
|
1912
2249
|
src,
|
|
@@ -1920,7 +2257,7 @@ function BaseImage({
|
|
|
1920
2257
|
}
|
|
1921
2258
|
|
|
1922
2259
|
// src/components/base/copy.tsx
|
|
1923
|
-
var
|
|
2260
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
1924
2261
|
function BaseCopy({ copyText, color }) {
|
|
1925
2262
|
const copyToClipboard = (text) => {
|
|
1926
2263
|
return navigator.clipboard.writeText(text);
|
|
@@ -1930,7 +2267,7 @@ function BaseCopy({ copyText, color }) {
|
|
|
1930
2267
|
}).catch((err) => {
|
|
1931
2268
|
});
|
|
1932
2269
|
};
|
|
1933
|
-
return /* @__PURE__ */ (0,
|
|
2270
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
1934
2271
|
IconCopySuccess,
|
|
1935
2272
|
{
|
|
1936
2273
|
className: "cursor-pointer",
|
|
@@ -1941,7 +2278,7 @@ function BaseCopy({ copyText, color }) {
|
|
|
1941
2278
|
}
|
|
1942
2279
|
|
|
1943
2280
|
// src/components/base/label-info.tsx
|
|
1944
|
-
var
|
|
2281
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
1945
2282
|
var BaseLabelInfo = ({
|
|
1946
2283
|
type = "vertical",
|
|
1947
2284
|
label = "",
|
|
@@ -1957,14 +2294,14 @@ var BaseLabelInfo = ({
|
|
|
1957
2294
|
const showPrefixImg = valueImageSrc && valueImagePosition === "prefix";
|
|
1958
2295
|
const showSuffixImg = valueImageSrc && valueImagePosition === "suffix";
|
|
1959
2296
|
if (type === "vertical") {
|
|
1960
|
-
return /* @__PURE__ */ (0,
|
|
2297
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
|
|
1961
2298
|
"div",
|
|
1962
2299
|
{
|
|
1963
2300
|
className: `flex flex-col gap-1 ${alignRight ? "text-right items-end" : ""}`,
|
|
1964
2301
|
children: [
|
|
1965
|
-
/* @__PURE__ */ (0,
|
|
1966
|
-
/* @__PURE__ */ (0,
|
|
1967
|
-
showPrefixImg && /* @__PURE__ */ (0,
|
|
2302
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: labelCustomClass, children: label.toUpperCase() }),
|
|
2303
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-1", children: [
|
|
2304
|
+
showPrefixImg && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
1968
2305
|
BaseImage,
|
|
1969
2306
|
{
|
|
1970
2307
|
src: valueImageSrc,
|
|
@@ -1973,9 +2310,9 @@ var BaseLabelInfo = ({
|
|
|
1973
2310
|
customClass: valueImageCustomClass
|
|
1974
2311
|
}
|
|
1975
2312
|
),
|
|
1976
|
-
!hasValueCopy ? /* @__PURE__ */ (0,
|
|
1977
|
-
hasValueCopy && /* @__PURE__ */ (0,
|
|
1978
|
-
showSuffixImg && /* @__PURE__ */ (0,
|
|
2313
|
+
!hasValueCopy ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: valueCustomClass, children: value }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: `${valueCustomClass} truncate`, children: truncateString(value, 40) }),
|
|
2314
|
+
hasValueCopy && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(BaseCopy, { copyText: value, color: "#9DBFDE" }),
|
|
2315
|
+
showSuffixImg && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
1979
2316
|
BaseImage,
|
|
1980
2317
|
{
|
|
1981
2318
|
src: valueImageSrc,
|
|
@@ -1989,10 +2326,10 @@ var BaseLabelInfo = ({
|
|
|
1989
2326
|
}
|
|
1990
2327
|
);
|
|
1991
2328
|
}
|
|
1992
|
-
return /* @__PURE__ */ (0,
|
|
1993
|
-
/* @__PURE__ */ (0,
|
|
1994
|
-
/* @__PURE__ */ (0,
|
|
1995
|
-
showPrefixImg && /* @__PURE__ */ (0,
|
|
2329
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center justify-between", children: [
|
|
2330
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: labelCustomClass, children: label.toUpperCase() }),
|
|
2331
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-1", children: [
|
|
2332
|
+
showPrefixImg && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
1996
2333
|
BaseImage,
|
|
1997
2334
|
{
|
|
1998
2335
|
src: valueImageSrc,
|
|
@@ -2001,9 +2338,9 @@ var BaseLabelInfo = ({
|
|
|
2001
2338
|
customClass: valueImageCustomClass
|
|
2002
2339
|
}
|
|
2003
2340
|
),
|
|
2004
|
-
/* @__PURE__ */ (0,
|
|
2005
|
-
hasValueCopy && /* @__PURE__ */ (0,
|
|
2006
|
-
showSuffixImg && /* @__PURE__ */ (0,
|
|
2341
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: valueCustomClass, children: value }),
|
|
2342
|
+
hasValueCopy && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(BaseCopy, { copyText: value, color: "#9DBFDE" }),
|
|
2343
|
+
showSuffixImg && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
2007
2344
|
BaseImage,
|
|
2008
2345
|
{
|
|
2009
2346
|
src: valueImageSrc,
|
|
@@ -2017,7 +2354,7 @@ var BaseLabelInfo = ({
|
|
|
2017
2354
|
};
|
|
2018
2355
|
|
|
2019
2356
|
// src/components/base/success.tsx
|
|
2020
|
-
var
|
|
2357
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
2021
2358
|
var BaseSuccess = ({
|
|
2022
2359
|
amount,
|
|
2023
2360
|
currency,
|
|
@@ -2038,17 +2375,17 @@ var BaseSuccess = ({
|
|
|
2038
2375
|
month: "long",
|
|
2039
2376
|
day: "2-digit"
|
|
2040
2377
|
}) : "---";
|
|
2041
|
-
return /* @__PURE__ */ (0,
|
|
2042
|
-
/* @__PURE__ */ (0,
|
|
2043
|
-
/* @__PURE__ */ (0,
|
|
2044
|
-
/* @__PURE__ */ (0,
|
|
2045
|
-
/* @__PURE__ */ (0,
|
|
2046
|
-
/* @__PURE__ */ (0,
|
|
2047
|
-
/* @__PURE__ */ (0,
|
|
2378
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex flex-col gap-8 p-16", children: [
|
|
2379
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex flex-col gap-8", children: [
|
|
2380
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex flex-col gap-8", children: [
|
|
2381
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(IconCheckCircle, { color: "#F47A1F", className: "mx-auto" }),
|
|
2382
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex flex-col text-center", style: { gap: "2px" }, children: [
|
|
2383
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-heading-text font-medium text-header-2xl", children: formatAmountHandler }),
|
|
2384
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-sub-copy font-regular text-body-3xs", children: "Has been paid successfully" })
|
|
2048
2385
|
] })
|
|
2049
2386
|
] }),
|
|
2050
|
-
/* @__PURE__ */ (0,
|
|
2051
|
-
/* @__PURE__ */ (0,
|
|
2387
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex flex-col", children: [
|
|
2388
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "py-4 border-b border-grey-100", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
2052
2389
|
BaseLabelInfo,
|
|
2053
2390
|
{
|
|
2054
2391
|
type: "horizontal",
|
|
@@ -2057,7 +2394,7 @@ var BaseSuccess = ({
|
|
|
2057
2394
|
}
|
|
2058
2395
|
) }),
|
|
2059
2396
|
successObject.paymentDate,
|
|
2060
|
-
/* @__PURE__ */ (0,
|
|
2397
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "py-4", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
2061
2398
|
BaseLabelInfo,
|
|
2062
2399
|
{
|
|
2063
2400
|
type: "horizontal",
|
|
@@ -2067,7 +2404,7 @@ var BaseSuccess = ({
|
|
|
2067
2404
|
) })
|
|
2068
2405
|
] })
|
|
2069
2406
|
] }),
|
|
2070
|
-
/* @__PURE__ */ (0,
|
|
2407
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "mx-auto", style: { width: "80%" }, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
2071
2408
|
BaseButton,
|
|
2072
2409
|
{
|
|
2073
2410
|
label: "Return to Merchant Website",
|
|
@@ -2081,14 +2418,14 @@ var BaseSuccess = ({
|
|
|
2081
2418
|
};
|
|
2082
2419
|
|
|
2083
2420
|
// src/components/base/hint.tsx
|
|
2084
|
-
var
|
|
2421
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
2085
2422
|
function BaseHint({ hint }) {
|
|
2086
|
-
return /* @__PURE__ */ (0,
|
|
2423
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "mb-0 text-body-3xs font-medium text-orange-500", children: hint });
|
|
2087
2424
|
}
|
|
2088
2425
|
|
|
2089
2426
|
// src/components/base/select.tsx
|
|
2090
2427
|
var import_react4 = __toESM(require("react"), 1);
|
|
2091
|
-
var
|
|
2428
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
2092
2429
|
var BaseSelect = ({
|
|
2093
2430
|
options,
|
|
2094
2431
|
value,
|
|
@@ -2254,12 +2591,12 @@ var BaseSelect = ({
|
|
|
2254
2591
|
};
|
|
2255
2592
|
const containerBg = disabled ? "bg-grey-100 cursor-not-allowed" : "bg-white";
|
|
2256
2593
|
const containerBorder = validationError ? "border-red-300 bg-red-50" : "border-grey-100 bg-white";
|
|
2257
|
-
return /* @__PURE__ */ (0,
|
|
2258
|
-
label ? /* @__PURE__ */ (0,
|
|
2594
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: `flex flex-col gap-2 relative ${className}`, children: [
|
|
2595
|
+
label ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("p", { className: "mb-0 text-body-2xs font-normal text-heading-text", children: [
|
|
2259
2596
|
label,
|
|
2260
|
-
required && /* @__PURE__ */ (0,
|
|
2597
|
+
required && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-orange-required", children: " *" })
|
|
2261
2598
|
] }) : null,
|
|
2262
|
-
/* @__PURE__ */ (0,
|
|
2599
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
|
|
2263
2600
|
"div",
|
|
2264
2601
|
{
|
|
2265
2602
|
ref: triggerRef,
|
|
@@ -2274,10 +2611,10 @@ var BaseSelect = ({
|
|
|
2274
2611
|
onClick: toggleMenu,
|
|
2275
2612
|
onKeyDown: onTriggerKeyDown,
|
|
2276
2613
|
children: [
|
|
2277
|
-
/* @__PURE__ */ (0,
|
|
2614
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
2278
2615
|
prefix,
|
|
2279
|
-
/* @__PURE__ */ (0,
|
|
2280
|
-
selected && itemImageType === "country" && selected.countryCode && /* @__PURE__ */ (0,
|
|
2616
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
2617
|
+
selected && itemImageType === "country" && selected.countryCode && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
2281
2618
|
BaseImage,
|
|
2282
2619
|
{
|
|
2283
2620
|
src: `https://flagcdn.com/w40/${selected.countryCode.toLowerCase()}.png`,
|
|
@@ -2286,7 +2623,7 @@ var BaseSelect = ({
|
|
|
2286
2623
|
customClass: "rounded-lg"
|
|
2287
2624
|
}
|
|
2288
2625
|
),
|
|
2289
|
-
/* @__PURE__ */ (0,
|
|
2626
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
2290
2627
|
"p",
|
|
2291
2628
|
{
|
|
2292
2629
|
className: `text-body-2xs font-normal mb-0 ${selected?.label ? "text-sub-copy" : "text-grey-500"}`,
|
|
@@ -2297,12 +2634,12 @@ var BaseSelect = ({
|
|
|
2297
2634
|
] }),
|
|
2298
2635
|
loading ? (
|
|
2299
2636
|
// Loader (replace with your own IconLoader if you have one)
|
|
2300
|
-
/* @__PURE__ */ (0,
|
|
2301
|
-
) : open ? /* @__PURE__ */ (0,
|
|
2637
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "inline-block h-4 w-4 border-2 border-current border-t-transparent rounded-full animate-spin" })
|
|
2638
|
+
) : open ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(IconChevronUp, { color: "#8FAECA" }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(IconChevronDown, { color: "#8FAECA" })
|
|
2302
2639
|
]
|
|
2303
2640
|
}
|
|
2304
2641
|
),
|
|
2305
|
-
open && /* @__PURE__ */ (0,
|
|
2642
|
+
open && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
|
|
2306
2643
|
"div",
|
|
2307
2644
|
{
|
|
2308
2645
|
ref: menuRef,
|
|
@@ -2313,7 +2650,7 @@ var BaseSelect = ({
|
|
|
2313
2650
|
style: { position: "absolute", top: "100%", zIndex: 10 },
|
|
2314
2651
|
onKeyDown: onMenuKeyDown,
|
|
2315
2652
|
children: [
|
|
2316
|
-
hasSearch && /* @__PURE__ */ (0,
|
|
2653
|
+
hasSearch && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "px-4 pt-2 pb-1", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
2317
2654
|
"input",
|
|
2318
2655
|
{
|
|
2319
2656
|
ref: searchRef,
|
|
@@ -2326,7 +2663,7 @@ var BaseSelect = ({
|
|
|
2326
2663
|
) }),
|
|
2327
2664
|
filtered.map((opt, i) => {
|
|
2328
2665
|
const selectedOpt = selected?.value === opt.value;
|
|
2329
|
-
return /* @__PURE__ */ (0,
|
|
2666
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
|
|
2330
2667
|
"div",
|
|
2331
2668
|
{
|
|
2332
2669
|
onClick: () => commit(opt.value),
|
|
@@ -2336,7 +2673,7 @@ var BaseSelect = ({
|
|
|
2336
2673
|
"aria-selected": selectedOpt,
|
|
2337
2674
|
className: `px-4 py-3 first:pt-0 hover:bg-gray-100 flex items-center gap-2 cursor-pointer ${i === activeIndex ? "bg-gray-100" : ""}`,
|
|
2338
2675
|
children: [
|
|
2339
|
-
itemImageType === "country" && opt.countryCode && /* @__PURE__ */ (0,
|
|
2676
|
+
itemImageType === "country" && opt.countryCode && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
2340
2677
|
BaseImage,
|
|
2341
2678
|
{
|
|
2342
2679
|
src: `https://flagcdn.com/w40/${opt.countryCode.toLowerCase()}.png`,
|
|
@@ -2345,7 +2682,7 @@ var BaseSelect = ({
|
|
|
2345
2682
|
customClass: "rounded-lg"
|
|
2346
2683
|
}
|
|
2347
2684
|
),
|
|
2348
|
-
/* @__PURE__ */ (0,
|
|
2685
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "mb-0 text-body-2xs font-medium", children: opt.label })
|
|
2349
2686
|
]
|
|
2350
2687
|
},
|
|
2351
2688
|
opt.value
|
|
@@ -2354,13 +2691,13 @@ var BaseSelect = ({
|
|
|
2354
2691
|
]
|
|
2355
2692
|
}
|
|
2356
2693
|
),
|
|
2357
|
-
hint && showBottomText && /* @__PURE__ */ (0,
|
|
2358
|
-
validationError && showBottomText && /* @__PURE__ */ (0,
|
|
2694
|
+
hint && showBottomText && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(BaseHint, { hint }),
|
|
2695
|
+
validationError && showBottomText && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(BaseInputError, { errorMessage: validationError })
|
|
2359
2696
|
] });
|
|
2360
2697
|
};
|
|
2361
2698
|
|
|
2362
2699
|
// src/components/base/currency-amount.tsx
|
|
2363
|
-
var
|
|
2700
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
2364
2701
|
var BaseCurrencyAmount = ({
|
|
2365
2702
|
currency,
|
|
2366
2703
|
amount,
|
|
@@ -2371,10 +2708,10 @@ var BaseCurrencyAmount = ({
|
|
|
2371
2708
|
}) => {
|
|
2372
2709
|
const cur = currency?.toUpperCase();
|
|
2373
2710
|
if (cur !== "USDT" && cur !== "USDC") {
|
|
2374
|
-
return /* @__PURE__ */ (0,
|
|
2711
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: textClass, children: formatAmount(amount, cur) });
|
|
2375
2712
|
}
|
|
2376
|
-
return /* @__PURE__ */ (0,
|
|
2377
|
-
cur === "USDT" && /* @__PURE__ */ (0,
|
|
2713
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center gap-1", children: [
|
|
2714
|
+
cur === "USDT" && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
2378
2715
|
IconUsdt,
|
|
2379
2716
|
{
|
|
2380
2717
|
width: iconWidth,
|
|
@@ -2382,7 +2719,7 @@ var BaseCurrencyAmount = ({
|
|
|
2382
2719
|
color: iconColorClass
|
|
2383
2720
|
}
|
|
2384
2721
|
),
|
|
2385
|
-
cur === "USDC" && /* @__PURE__ */ (0,
|
|
2722
|
+
cur === "USDC" && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
2386
2723
|
IconUsdc,
|
|
2387
2724
|
{
|
|
2388
2725
|
width: iconWidth,
|
|
@@ -2390,14 +2727,14 @@ var BaseCurrencyAmount = ({
|
|
|
2390
2727
|
color: iconColorClass
|
|
2391
2728
|
}
|
|
2392
2729
|
),
|
|
2393
|
-
/* @__PURE__ */ (0,
|
|
2730
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: textClass, children: formatAmount(amount) })
|
|
2394
2731
|
] });
|
|
2395
2732
|
};
|
|
2396
2733
|
|
|
2397
2734
|
// src/components/base/input.tsx
|
|
2398
2735
|
var import_react5 = __toESM(require("react"), 1);
|
|
2399
2736
|
var import_react_imask = require("react-imask");
|
|
2400
|
-
var
|
|
2737
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
2401
2738
|
var BaseInput = ({
|
|
2402
2739
|
label = "",
|
|
2403
2740
|
type = "text",
|
|
@@ -2464,18 +2801,18 @@ var BaseInput = ({
|
|
|
2464
2801
|
setLocalError("Failed to copy text to clipboard");
|
|
2465
2802
|
});
|
|
2466
2803
|
};
|
|
2467
|
-
return /* @__PURE__ */ (0,
|
|
2468
|
-
label ? /* @__PURE__ */ (0,
|
|
2804
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: `flex flex-col gap-2 ${className}`, children: [
|
|
2805
|
+
label ? /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("p", { className: "mb-0 text-body-2xs font-normal text-heading-text", children: [
|
|
2469
2806
|
label,
|
|
2470
|
-
required && /* @__PURE__ */ (0,
|
|
2807
|
+
required && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-orange-required", children: " *" })
|
|
2471
2808
|
] }) : null,
|
|
2472
|
-
/* @__PURE__ */ (0,
|
|
2809
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
|
|
2473
2810
|
"div",
|
|
2474
2811
|
{
|
|
2475
2812
|
className: `border-c px-3 py-2 flex items-center justify-between rounded-md h-12 ${containerBg} ${containerBorder}`,
|
|
2476
2813
|
children: [
|
|
2477
2814
|
prefix,
|
|
2478
|
-
/* @__PURE__ */ (0,
|
|
2815
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
2479
2816
|
import_react_imask.IMaskInput,
|
|
2480
2817
|
{
|
|
2481
2818
|
type,
|
|
@@ -2491,9 +2828,9 @@ var BaseInput = ({
|
|
|
2491
2828
|
className: "search-input bg-transparent outline-none border-none focus:outline-none focus:ring-0 text-body-2xs text-light-copy font-normal w-full"
|
|
2492
2829
|
}
|
|
2493
2830
|
),
|
|
2494
|
-
!loading ? /* @__PURE__ */ (0,
|
|
2831
|
+
!loading ? /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
|
|
2495
2832
|
suffix,
|
|
2496
|
-
showCopyIcon && rawValue && rawValue.trim() !== "" && /* @__PURE__ */ (0,
|
|
2833
|
+
showCopyIcon && rawValue && rawValue.trim() !== "" && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
2497
2834
|
BaseImage,
|
|
2498
2835
|
{
|
|
2499
2836
|
src: "assets/images/copyIcon.svg",
|
|
@@ -2504,18 +2841,18 @@ var BaseInput = ({
|
|
|
2504
2841
|
onClick: copyHandler
|
|
2505
2842
|
}
|
|
2506
2843
|
)
|
|
2507
|
-
] }) : /* @__PURE__ */ (0,
|
|
2844
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "animate-spin h-4 w-4 border-2 border-current border-t-transparent rounded-full" })
|
|
2508
2845
|
]
|
|
2509
2846
|
}
|
|
2510
2847
|
),
|
|
2511
|
-
(hint || localHint) && showBottomText && /* @__PURE__ */ (0,
|
|
2512
|
-
(validationError || localError) && showBottomText && /* @__PURE__ */ (0,
|
|
2848
|
+
(hint || localHint) && showBottomText && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-body-3xs text-light-copy", children: localHint || hint }),
|
|
2849
|
+
(validationError || localError) && showBottomText && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-body-3xs text-red-500", children: localError || validationError })
|
|
2513
2850
|
] });
|
|
2514
2851
|
};
|
|
2515
2852
|
|
|
2516
2853
|
// src/components/base/circular-countdown.tsx
|
|
2517
2854
|
var import_react6 = require("react");
|
|
2518
|
-
var
|
|
2855
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
2519
2856
|
function BaseCircularCountdown({
|
|
2520
2857
|
value = 0,
|
|
2521
2858
|
total = 100,
|
|
@@ -2535,7 +2872,7 @@ function BaseCircularCountdown({
|
|
|
2535
2872
|
() => circumference * (1 - percentLeft / 100),
|
|
2536
2873
|
[circumference, percentLeft]
|
|
2537
2874
|
);
|
|
2538
|
-
return /* @__PURE__ */ (0,
|
|
2875
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
2539
2876
|
"div",
|
|
2540
2877
|
{
|
|
2541
2878
|
style: {
|
|
@@ -2546,7 +2883,7 @@ function BaseCircularCountdown({
|
|
|
2546
2883
|
color
|
|
2547
2884
|
},
|
|
2548
2885
|
children: [
|
|
2549
|
-
/* @__PURE__ */ (0,
|
|
2886
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
2550
2887
|
"svg",
|
|
2551
2888
|
{
|
|
2552
2889
|
width: size,
|
|
@@ -2554,7 +2891,7 @@ function BaseCircularCountdown({
|
|
|
2554
2891
|
viewBox: `0 0 ${size} ${size}`,
|
|
2555
2892
|
"aria-hidden": "true",
|
|
2556
2893
|
children: [
|
|
2557
|
-
/* @__PURE__ */ (0,
|
|
2894
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2558
2895
|
"circle",
|
|
2559
2896
|
{
|
|
2560
2897
|
cx: size / 2,
|
|
@@ -2565,7 +2902,7 @@ function BaseCircularCountdown({
|
|
|
2565
2902
|
style: { stroke: "rgba(0, 0, 0, 0.12)" }
|
|
2566
2903
|
}
|
|
2567
2904
|
),
|
|
2568
|
-
/* @__PURE__ */ (0,
|
|
2905
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2569
2906
|
"circle",
|
|
2570
2907
|
{
|
|
2571
2908
|
cx: size / 2,
|
|
@@ -2587,7 +2924,7 @@ function BaseCircularCountdown({
|
|
|
2587
2924
|
]
|
|
2588
2925
|
}
|
|
2589
2926
|
),
|
|
2590
|
-
/* @__PURE__ */ (0,
|
|
2927
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2591
2928
|
"div",
|
|
2592
2929
|
{
|
|
2593
2930
|
className: "text-light-copy text-body-3xs",
|
|
@@ -2606,9 +2943,24 @@ function BaseCircularCountdown({
|
|
|
2606
2943
|
);
|
|
2607
2944
|
}
|
|
2608
2945
|
|
|
2946
|
+
// src/components/base/card-type.tsx
|
|
2947
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
2948
|
+
function BaseCardType({ cardType }) {
|
|
2949
|
+
if (!cardType) return null;
|
|
2950
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "bg-white p-1 rounded border flex justify-center items-center text-center", children: [
|
|
2951
|
+
cardType === "americanexpress" && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(IconAmex, {}),
|
|
2952
|
+
cardType === "mastercard" && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(IconMastercard, {}),
|
|
2953
|
+
cardType === "visa" && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(IconVisa, {}),
|
|
2954
|
+
cardType === "discover" && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(IconDiscover, {}),
|
|
2955
|
+
cardType === "jcb" && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(IconJcb, {}),
|
|
2956
|
+
cardType === "verve" && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(IconVerve, {}),
|
|
2957
|
+
cardType === "dinersclub" && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(IconDiners, {})
|
|
2958
|
+
] });
|
|
2959
|
+
}
|
|
2960
|
+
|
|
2609
2961
|
// src/buzapay-checkout/checkout-iframe.tsx
|
|
2610
2962
|
var import_react7 = require("react");
|
|
2611
|
-
var
|
|
2963
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
2612
2964
|
function BzpCheckoutIframe({
|
|
2613
2965
|
style = {
|
|
2614
2966
|
width: "100%",
|
|
@@ -2696,14 +3048,14 @@ function BzpCheckoutIframe({
|
|
|
2696
3048
|
if (!containerRef.current) return;
|
|
2697
3049
|
generatePaymentLinkHandler();
|
|
2698
3050
|
}, []);
|
|
2699
|
-
return /* @__PURE__ */ (0,
|
|
2700
|
-
/* @__PURE__ */ (0,
|
|
2701
|
-
loading && /* @__PURE__ */ (0,
|
|
3051
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "relative", style, children: [
|
|
3052
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { ref: containerRef, className: "w-full h-full" }),
|
|
3053
|
+
loading && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "absolute inset-0 grid place-items-center bg-white/60", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(IconLoader, {}) })
|
|
2702
3054
|
] });
|
|
2703
3055
|
}
|
|
2704
3056
|
|
|
2705
3057
|
// src/buzapay-checkout/checkout-button.tsx
|
|
2706
|
-
var
|
|
3058
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
2707
3059
|
function BzpCheckoutButton({
|
|
2708
3060
|
secretKey,
|
|
2709
3061
|
environment = "sandbox",
|
|
@@ -2760,15 +3112,15 @@ function BzpCheckoutButton({
|
|
|
2760
3112
|
setLoading(false);
|
|
2761
3113
|
}
|
|
2762
3114
|
};
|
|
2763
|
-
return urlLaunchUrl && mode === "iframe" ? /* @__PURE__ */ (0,
|
|
3115
|
+
return urlLaunchUrl && mode === "iframe" ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
2764
3116
|
BzpCheckoutIframe,
|
|
2765
3117
|
{
|
|
2766
3118
|
url: urlLaunchUrl,
|
|
2767
3119
|
secretKey,
|
|
2768
3120
|
environment
|
|
2769
3121
|
}
|
|
2770
|
-
) : /* @__PURE__ */ (0,
|
|
2771
|
-
/* @__PURE__ */ (0,
|
|
3122
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
|
|
3123
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
2772
3124
|
BaseButton,
|
|
2773
3125
|
{
|
|
2774
3126
|
label: "Pay",
|
|
@@ -2778,7 +3130,7 @@ function BzpCheckoutButton({
|
|
|
2778
3130
|
onClick: generatePaymentLinkHandler
|
|
2779
3131
|
}
|
|
2780
3132
|
),
|
|
2781
|
-
/* @__PURE__ */ (0,
|
|
3133
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(BaseInputError, { errorMessage: message })
|
|
2782
3134
|
] });
|
|
2783
3135
|
}
|
|
2784
3136
|
|
|
@@ -2790,7 +3142,7 @@ var import_react10 = require("react");
|
|
|
2790
3142
|
|
|
2791
3143
|
// src/components/base/phone-number-input.tsx
|
|
2792
3144
|
var import_react9 = __toESM(require("react"), 1);
|
|
2793
|
-
var
|
|
3145
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
2794
3146
|
var BasePhoneNumberInput = ({
|
|
2795
3147
|
phoneCodeOptions,
|
|
2796
3148
|
value,
|
|
@@ -2829,13 +3181,13 @@ var BasePhoneNumberInput = ({
|
|
|
2829
3181
|
setSelectedCode(nextValue);
|
|
2830
3182
|
onCodeChange?.(getFormattedCode(nextValue));
|
|
2831
3183
|
}, [defaultCountryCode]);
|
|
2832
|
-
return /* @__PURE__ */ (0,
|
|
2833
|
-
label ? /* @__PURE__ */ (0,
|
|
3184
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: `flex flex-col gap-2`, children: [
|
|
3185
|
+
label ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("p", { className: "mb-0 text-body-2xs font-normal text-heading-text", children: [
|
|
2834
3186
|
label,
|
|
2835
|
-
required && /* @__PURE__ */ (0,
|
|
3187
|
+
required && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "text-orange-required", children: " *" })
|
|
2836
3188
|
] }) : null,
|
|
2837
|
-
/* @__PURE__ */ (0,
|
|
2838
|
-
/* @__PURE__ */ (0,
|
|
3189
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: `flex items-center gap-2 ${containerClassName}`, children: [
|
|
3190
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "w-1/3", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
2839
3191
|
BaseSelect,
|
|
2840
3192
|
{
|
|
2841
3193
|
required: true,
|
|
@@ -2848,7 +3200,7 @@ var BasePhoneNumberInput = ({
|
|
|
2848
3200
|
placeholder: "+234"
|
|
2849
3201
|
}
|
|
2850
3202
|
) }),
|
|
2851
|
-
/* @__PURE__ */ (0,
|
|
3203
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "w-2/3", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
2852
3204
|
BaseInput,
|
|
2853
3205
|
{
|
|
2854
3206
|
className: inputClassName,
|
|
@@ -2867,14 +3219,14 @@ var BasePhoneNumberInput = ({
|
|
|
2867
3219
|
}
|
|
2868
3220
|
) })
|
|
2869
3221
|
] }),
|
|
2870
|
-
hint && /* @__PURE__ */ (0,
|
|
2871
|
-
validationError && /* @__PURE__ */ (0,
|
|
3222
|
+
hint && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-body-3xs text-light-copy", children: hint }),
|
|
3223
|
+
validationError && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-body-3xs text-red-500", children: validationError })
|
|
2872
3224
|
] });
|
|
2873
3225
|
};
|
|
2874
3226
|
|
|
2875
3227
|
// src/components/pay-by-card.tsx
|
|
2876
3228
|
var import_react_hot_toast = __toESM(require("react-hot-toast"), 1);
|
|
2877
|
-
var
|
|
3229
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
2878
3230
|
function PayByCard({
|
|
2879
3231
|
secretKey,
|
|
2880
3232
|
paymentObject,
|
|
@@ -2944,8 +3296,7 @@ function PayByCard({
|
|
|
2944
3296
|
cardNo: "required|num_spaces",
|
|
2945
3297
|
expireDate: "required",
|
|
2946
3298
|
cvv: "required|numeric",
|
|
2947
|
-
cardPin:
|
|
2948
|
-
// optional unless Verve
|
|
3299
|
+
cardPin: paymentObject.currency === "NGN" ? "required|numeric" : ""
|
|
2949
3300
|
};
|
|
2950
3301
|
const otpRules = {
|
|
2951
3302
|
otp: "required"
|
|
@@ -3113,7 +3464,9 @@ function PayByCard({
|
|
|
3113
3464
|
cvv: payForm.cvv ?? "",
|
|
3114
3465
|
cardScheme: cardType,
|
|
3115
3466
|
nameOnCard: payForm.customerName ?? "",
|
|
3116
|
-
...
|
|
3467
|
+
...paymentObject.currency === "NGN" && {
|
|
3468
|
+
pin: payForm.cardPin ?? ""
|
|
3469
|
+
}
|
|
3117
3470
|
};
|
|
3118
3471
|
const billingDetails = {
|
|
3119
3472
|
address1: billingForm.address1 ?? "",
|
|
@@ -3383,7 +3736,6 @@ function PayByCard({
|
|
|
3383
3736
|
};
|
|
3384
3737
|
const cardNumberInputHandler = (event) => {
|
|
3385
3738
|
setCardType(cardTypeHandler(event));
|
|
3386
|
-
payRules.cardPin = cardType === "Verve" ? "required|numeric" : "";
|
|
3387
3739
|
};
|
|
3388
3740
|
(0, import_react10.useEffect)(() => {
|
|
3389
3741
|
(async () => {
|
|
@@ -3401,7 +3753,7 @@ function PayByCard({
|
|
|
3401
3753
|
setPhoneCodeOptions(codeOptions);
|
|
3402
3754
|
})();
|
|
3403
3755
|
}, []);
|
|
3404
|
-
return threeDSOpen ? /* @__PURE__ */ (0,
|
|
3756
|
+
return threeDSOpen ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-white p-4", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3405
3757
|
"iframe",
|
|
3406
3758
|
{
|
|
3407
3759
|
title: "Miden 3DS",
|
|
@@ -3409,11 +3761,11 @@ function PayByCard({
|
|
|
3409
3761
|
className: "w-full h-full",
|
|
3410
3762
|
sandbox: "allow-forms allow-scripts allow-same-origin allow-top-navigation"
|
|
3411
3763
|
}
|
|
3412
|
-
) }) : /* @__PURE__ */ (0,
|
|
3413
|
-
/* @__PURE__ */ (0,
|
|
3414
|
-
/* @__PURE__ */ (0,
|
|
3415
|
-
formIndex === 0 && /* @__PURE__ */ (0,
|
|
3416
|
-
/* @__PURE__ */ (0,
|
|
3764
|
+
) }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { children: [
|
|
3765
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_hot_toast.Toaster, {}),
|
|
3766
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex flex-col gap-6", children: [
|
|
3767
|
+
formIndex === 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "grid grid-cols-2 gap-6 overflow-y-auto", children: [
|
|
3768
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "col-span-2", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3417
3769
|
BaseInput,
|
|
3418
3770
|
{
|
|
3419
3771
|
label: "Address Line 1",
|
|
@@ -3428,7 +3780,7 @@ function PayByCard({
|
|
|
3428
3780
|
validationError: billingErrors.address1 ?? ""
|
|
3429
3781
|
}
|
|
3430
3782
|
) }),
|
|
3431
|
-
/* @__PURE__ */ (0,
|
|
3783
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "col-span-2", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3432
3784
|
BaseInput,
|
|
3433
3785
|
{
|
|
3434
3786
|
label: "Address Line 2",
|
|
@@ -3437,7 +3789,7 @@ function PayByCard({
|
|
|
3437
3789
|
validationError: billingErrors.address2 ?? ""
|
|
3438
3790
|
}
|
|
3439
3791
|
) }),
|
|
3440
|
-
/* @__PURE__ */ (0,
|
|
3792
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "col-span-2 sm:col-span-1", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3441
3793
|
BaseSelect,
|
|
3442
3794
|
{
|
|
3443
3795
|
label: "Select Country",
|
|
@@ -3463,7 +3815,7 @@ function PayByCard({
|
|
|
3463
3815
|
validationError: billingErrors.country ?? ""
|
|
3464
3816
|
}
|
|
3465
3817
|
) }),
|
|
3466
|
-
/* @__PURE__ */ (0,
|
|
3818
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "col-span-2 sm:col-span-1", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3467
3819
|
BaseSelect,
|
|
3468
3820
|
{
|
|
3469
3821
|
label: "Select State",
|
|
@@ -3480,7 +3832,7 @@ function PayByCard({
|
|
|
3480
3832
|
validationError: billingErrors.state ?? ""
|
|
3481
3833
|
}
|
|
3482
3834
|
) }),
|
|
3483
|
-
/* @__PURE__ */ (0,
|
|
3835
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "col-span-2 sm:col-span-1", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3484
3836
|
BaseInput,
|
|
3485
3837
|
{
|
|
3486
3838
|
label: "City",
|
|
@@ -3495,7 +3847,7 @@ function PayByCard({
|
|
|
3495
3847
|
validationError: billingErrors.city ?? ""
|
|
3496
3848
|
}
|
|
3497
3849
|
) }),
|
|
3498
|
-
/* @__PURE__ */ (0,
|
|
3850
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "col-span-2 sm:col-span-1", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3499
3851
|
BaseInput,
|
|
3500
3852
|
{
|
|
3501
3853
|
label: "Postal Code",
|
|
@@ -3510,7 +3862,7 @@ function PayByCard({
|
|
|
3510
3862
|
validationError: billingErrors.postalCode ?? ""
|
|
3511
3863
|
}
|
|
3512
3864
|
) }),
|
|
3513
|
-
/* @__PURE__ */ (0,
|
|
3865
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "col-span-2", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3514
3866
|
BaseInput,
|
|
3515
3867
|
{
|
|
3516
3868
|
label: "Email",
|
|
@@ -3525,7 +3877,7 @@ function PayByCard({
|
|
|
3525
3877
|
validationError: billingErrors.emailAddress ?? ""
|
|
3526
3878
|
}
|
|
3527
3879
|
) }),
|
|
3528
|
-
/* @__PURE__ */ (0,
|
|
3880
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "col-span-2", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3529
3881
|
BasePhoneNumberInput,
|
|
3530
3882
|
{
|
|
3531
3883
|
label: "Phone Number",
|
|
@@ -3550,13 +3902,13 @@ function PayByCard({
|
|
|
3550
3902
|
}
|
|
3551
3903
|
) })
|
|
3552
3904
|
] }),
|
|
3553
|
-
formIndex === 1 && /* @__PURE__ */ (0,
|
|
3905
|
+
formIndex === 1 && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
|
|
3554
3906
|
"div",
|
|
3555
3907
|
{
|
|
3556
3908
|
className: "grid grid-cols-2 gap-6 overflow-y-auto",
|
|
3557
3909
|
style: { maxHeight: 320 },
|
|
3558
3910
|
children: [
|
|
3559
|
-
/* @__PURE__ */ (0,
|
|
3911
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "col-span-2", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3560
3912
|
BaseInput,
|
|
3561
3913
|
{
|
|
3562
3914
|
label: "Card Name",
|
|
@@ -3571,7 +3923,7 @@ function PayByCard({
|
|
|
3571
3923
|
validationError: payErrors.customerName ?? ""
|
|
3572
3924
|
}
|
|
3573
3925
|
) }),
|
|
3574
|
-
/* @__PURE__ */ (0,
|
|
3926
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "col-span-2", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3575
3927
|
BaseInput,
|
|
3576
3928
|
{
|
|
3577
3929
|
label: "Card Number",
|
|
@@ -3587,10 +3939,11 @@ function PayByCard({
|
|
|
3587
3939
|
setPayErrors((er) => ({ ...er, cardNo: "" }));
|
|
3588
3940
|
cardNumberInputHandler(e);
|
|
3589
3941
|
},
|
|
3590
|
-
validationError: payErrors.cardNo ?? ""
|
|
3942
|
+
validationError: payErrors.cardNo ?? "",
|
|
3943
|
+
suffix: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(BaseCardType, { cardType: cardType.toLowerCase() })
|
|
3591
3944
|
}
|
|
3592
3945
|
) }),
|
|
3593
|
-
/* @__PURE__ */ (0,
|
|
3946
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3594
3947
|
BaseInput,
|
|
3595
3948
|
{
|
|
3596
3949
|
label: "Expiry Date",
|
|
@@ -3606,7 +3959,7 @@ function PayByCard({
|
|
|
3606
3959
|
validationError: payErrors.expireDate ?? ""
|
|
3607
3960
|
}
|
|
3608
3961
|
),
|
|
3609
|
-
/* @__PURE__ */ (0,
|
|
3962
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3610
3963
|
BaseInput,
|
|
3611
3964
|
{
|
|
3612
3965
|
label: "CVV",
|
|
@@ -3622,7 +3975,7 @@ function PayByCard({
|
|
|
3622
3975
|
validationError: payErrors.cvv ?? ""
|
|
3623
3976
|
}
|
|
3624
3977
|
),
|
|
3625
|
-
|
|
3978
|
+
paymentObject.currency === "NGN" && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3626
3979
|
BaseInput,
|
|
3627
3980
|
{
|
|
3628
3981
|
label: "Card Pin",
|
|
@@ -3643,13 +3996,13 @@ function PayByCard({
|
|
|
3643
3996
|
]
|
|
3644
3997
|
}
|
|
3645
3998
|
),
|
|
3646
|
-
formIndex === 2 && /* @__PURE__ */ (0,
|
|
3999
|
+
formIndex === 2 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3647
4000
|
"div",
|
|
3648
4001
|
{
|
|
3649
4002
|
className: "grid grid-cols-2 gap-6 overflow-y-auto",
|
|
3650
4003
|
style: { maxHeight: 320 },
|
|
3651
|
-
children: /* @__PURE__ */ (0,
|
|
3652
|
-
/* @__PURE__ */ (0,
|
|
4004
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "col-span-2", children: [
|
|
4005
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3653
4006
|
BaseInput,
|
|
3654
4007
|
{
|
|
3655
4008
|
label: "OTP",
|
|
@@ -3664,9 +4017,9 @@ function PayByCard({
|
|
|
3664
4017
|
validationError: otpErrors.otp ?? ""
|
|
3665
4018
|
}
|
|
3666
4019
|
),
|
|
3667
|
-
/* @__PURE__ */ (0,
|
|
4020
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("p", { className: "text-primary text-sm mt-2", children: [
|
|
3668
4021
|
"Didn't get OTP?",
|
|
3669
|
-
/* @__PURE__ */ (0,
|
|
4022
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3670
4023
|
"span",
|
|
3671
4024
|
{
|
|
3672
4025
|
className: isSendingOtp ? "ml-1" : "ml-1 underline cursor-pointer",
|
|
@@ -3681,8 +4034,8 @@ function PayByCard({
|
|
|
3681
4034
|
] })
|
|
3682
4035
|
}
|
|
3683
4036
|
),
|
|
3684
|
-
/* @__PURE__ */ (0,
|
|
3685
|
-
formIndex < 2 && /* @__PURE__ */ (0,
|
|
4037
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex items-center justify-between gap-4 mt-6", children: [
|
|
4038
|
+
formIndex < 2 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3686
4039
|
BaseButton,
|
|
3687
4040
|
{
|
|
3688
4041
|
label: "Previous",
|
|
@@ -3692,7 +4045,7 @@ function PayByCard({
|
|
|
3692
4045
|
onClick: goBack
|
|
3693
4046
|
}
|
|
3694
4047
|
),
|
|
3695
|
-
formIndex < 2 && /* @__PURE__ */ (0,
|
|
4048
|
+
formIndex < 2 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3696
4049
|
BaseButton,
|
|
3697
4050
|
{
|
|
3698
4051
|
label: formIndex === 0 ? "Proceed" : `Pay ${formatAmountHandler}`,
|
|
@@ -3704,7 +4057,7 @@ function PayByCard({
|
|
|
3704
4057
|
disabled: isMakingPayment
|
|
3705
4058
|
}
|
|
3706
4059
|
),
|
|
3707
|
-
formIndex === 2 && /* @__PURE__ */ (0,
|
|
4060
|
+
formIndex === 2 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3708
4061
|
BaseButton,
|
|
3709
4062
|
{
|
|
3710
4063
|
label: "Validate OTP",
|
|
@@ -3722,7 +4075,7 @@ function PayByCard({
|
|
|
3722
4075
|
|
|
3723
4076
|
// src/components/pay-by-transfer.tsx
|
|
3724
4077
|
var import_react11 = require("react");
|
|
3725
|
-
var
|
|
4078
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
3726
4079
|
var PayByTransfer = ({
|
|
3727
4080
|
secretKey,
|
|
3728
4081
|
paymentObject,
|
|
@@ -3953,9 +4306,9 @@ var PayByTransfer = ({
|
|
|
3953
4306
|
stopTimer();
|
|
3954
4307
|
}
|
|
3955
4308
|
}, [remainingSeconds]);
|
|
3956
|
-
return /* @__PURE__ */ (0,
|
|
3957
|
-
formIndex === 0 && /* @__PURE__ */ (0,
|
|
3958
|
-
/* @__PURE__ */ (0,
|
|
4309
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex flex-col gap-10", children: [
|
|
4310
|
+
formIndex === 0 && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex flex-col gap-10", children: [
|
|
4311
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
3959
4312
|
BaseInput,
|
|
3960
4313
|
{
|
|
3961
4314
|
label: "Customer Name",
|
|
@@ -3970,7 +4323,7 @@ var PayByTransfer = ({
|
|
|
3970
4323
|
validationError: transferErrors.customerName ?? ""
|
|
3971
4324
|
}
|
|
3972
4325
|
),
|
|
3973
|
-
/* @__PURE__ */ (0,
|
|
4326
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
3974
4327
|
BaseButton,
|
|
3975
4328
|
{
|
|
3976
4329
|
label: `Pay ${formatAmountHandler}`,
|
|
@@ -3982,8 +4335,8 @@ var PayByTransfer = ({
|
|
|
3982
4335
|
}
|
|
3983
4336
|
)
|
|
3984
4337
|
] }),
|
|
3985
|
-
formIndex === 1 && /* @__PURE__ */ (0,
|
|
3986
|
-
/* @__PURE__ */ (0,
|
|
4338
|
+
formIndex === 1 && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex flex-col gap-10", children: [
|
|
4339
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
3987
4340
|
"div",
|
|
3988
4341
|
{
|
|
3989
4342
|
className: [
|
|
@@ -3991,29 +4344,29 @@ var PayByTransfer = ({
|
|
|
3991
4344
|
caller === "miden" ? "bg-[#FAFDFF] border border-[#F0FAFF]" : "bg-[#EFF7FF]"
|
|
3992
4345
|
].join(" "),
|
|
3993
4346
|
children: [
|
|
3994
|
-
/* @__PURE__ */ (0,
|
|
4347
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
3995
4348
|
BaseLabelInfo,
|
|
3996
4349
|
{
|
|
3997
4350
|
label: "Bank Name",
|
|
3998
4351
|
value: paymentAccountDetails?.bank
|
|
3999
4352
|
}
|
|
4000
4353
|
),
|
|
4001
|
-
/* @__PURE__ */ (0,
|
|
4354
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
4002
4355
|
BaseLabelInfo,
|
|
4003
4356
|
{
|
|
4004
4357
|
label: "Account Name",
|
|
4005
4358
|
value: paymentAccountDetails?.accountName
|
|
4006
4359
|
}
|
|
4007
4360
|
),
|
|
4008
|
-
/* @__PURE__ */ (0,
|
|
4009
|
-
/* @__PURE__ */ (0,
|
|
4361
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center justify-between", children: [
|
|
4362
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
4010
4363
|
BaseLabelInfo,
|
|
4011
4364
|
{
|
|
4012
4365
|
label: "Account Number",
|
|
4013
4366
|
value: paymentAccountDetails?.accountNumber
|
|
4014
4367
|
}
|
|
4015
4368
|
),
|
|
4016
|
-
/* @__PURE__ */ (0,
|
|
4369
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
4017
4370
|
BaseCopy,
|
|
4018
4371
|
{
|
|
4019
4372
|
color: "#9DBFDE",
|
|
@@ -4021,20 +4374,20 @@ var PayByTransfer = ({
|
|
|
4021
4374
|
}
|
|
4022
4375
|
)
|
|
4023
4376
|
] }),
|
|
4024
|
-
/* @__PURE__ */ (0,
|
|
4025
|
-
/* @__PURE__ */ (0,
|
|
4026
|
-
/* @__PURE__ */ (0,
|
|
4377
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center justify-between", children: [
|
|
4378
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(BaseLabelInfo, { label: "Amount", value: formatAmountHandler }),
|
|
4379
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(BaseCopy, { color: "#9DBFDE", copyText: formatAmountHandler })
|
|
4027
4380
|
] })
|
|
4028
4381
|
]
|
|
4029
4382
|
}
|
|
4030
4383
|
),
|
|
4031
|
-
caller === "buzapay" && /* @__PURE__ */ (0,
|
|
4384
|
+
caller === "buzapay" && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("p", { className: "w-2/3 mx-auto text-center text-body-2xs font-medium text-sub-copy", children: [
|
|
4032
4385
|
"This account is for this transaction only and expires in",
|
|
4033
4386
|
" ",
|
|
4034
|
-
/* @__PURE__ */ (0,
|
|
4387
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-orange-500", children: remainingSeconds >= 0 ? countDownTime : "00:00" })
|
|
4035
4388
|
] }),
|
|
4036
|
-
caller === "miden" && /* @__PURE__ */ (0,
|
|
4037
|
-
/* @__PURE__ */ (0,
|
|
4389
|
+
caller === "miden" && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "p-4 rounded-lg bg-[#FAFDFF] flex items-center gap-3", children: [
|
|
4390
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
4038
4391
|
BaseCircularCountdown,
|
|
4039
4392
|
{
|
|
4040
4393
|
value: remainingSeconds,
|
|
@@ -4045,16 +4398,16 @@ var PayByTransfer = ({
|
|
|
4045
4398
|
color: "#3b82f6"
|
|
4046
4399
|
}
|
|
4047
4400
|
),
|
|
4048
|
-
/* @__PURE__ */ (0,
|
|
4401
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("p", { className: "text-body-3xs font-medium text-light-copy", children: [
|
|
4049
4402
|
"This account is for this transaction only and expires in",
|
|
4050
|
-
/* @__PURE__ */ (0,
|
|
4403
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { className: "text-[#1383E8] ml-2", children: [
|
|
4051
4404
|
countDownTime,
|
|
4052
4405
|
"..."
|
|
4053
4406
|
] })
|
|
4054
4407
|
] })
|
|
4055
4408
|
] }),
|
|
4056
|
-
/* @__PURE__ */ (0,
|
|
4057
|
-
/* @__PURE__ */ (0,
|
|
4409
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex flex-col gap-4", children: [
|
|
4410
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
4058
4411
|
BaseButton,
|
|
4059
4412
|
{
|
|
4060
4413
|
label: "I have paid the money",
|
|
@@ -4065,7 +4418,7 @@ var PayByTransfer = ({
|
|
|
4065
4418
|
onClick: getReferenceDetails
|
|
4066
4419
|
}
|
|
4067
4420
|
),
|
|
4068
|
-
/* @__PURE__ */ (0,
|
|
4421
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
4069
4422
|
"button",
|
|
4070
4423
|
{
|
|
4071
4424
|
type: "button",
|
|
@@ -4081,7 +4434,7 @@ var PayByTransfer = ({
|
|
|
4081
4434
|
|
|
4082
4435
|
// src/components/pay-by-stable-coin.tsx
|
|
4083
4436
|
var import_react12 = require("react");
|
|
4084
|
-
var
|
|
4437
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
4085
4438
|
var PayByStableCoin = ({
|
|
4086
4439
|
secretKey,
|
|
4087
4440
|
paymentObject,
|
|
@@ -4180,9 +4533,10 @@ var PayByStableCoin = ({
|
|
|
4180
4533
|
environment,
|
|
4181
4534
|
caller
|
|
4182
4535
|
);
|
|
4536
|
+
const newResponse = caller === "buzapay" ? response.data : response.stableCoins;
|
|
4183
4537
|
if (response?.isSuccessful) {
|
|
4184
4538
|
setStableCoins(
|
|
4185
|
-
|
|
4539
|
+
newResponse?.map((c) => ({
|
|
4186
4540
|
label: c.name,
|
|
4187
4541
|
value: c.name
|
|
4188
4542
|
})) ?? []
|
|
@@ -4308,10 +4662,10 @@ var PayByStableCoin = ({
|
|
|
4308
4662
|
await getAllStableCoins();
|
|
4309
4663
|
})();
|
|
4310
4664
|
}, []);
|
|
4311
|
-
return /* @__PURE__ */ (0,
|
|
4312
|
-
formIndex === 0 && /* @__PURE__ */ (0,
|
|
4313
|
-
/* @__PURE__ */ (0,
|
|
4314
|
-
/* @__PURE__ */ (0,
|
|
4665
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-col gap-6", children: [
|
|
4666
|
+
formIndex === 0 && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
|
|
4667
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "grid grid-cols-1 gap-6", children: [
|
|
4668
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
4315
4669
|
BaseSelect,
|
|
4316
4670
|
{
|
|
4317
4671
|
label: "Select Crypto",
|
|
@@ -4329,7 +4683,7 @@ var PayByStableCoin = ({
|
|
|
4329
4683
|
validationError: stableCoinErrors.stableCoin ?? ""
|
|
4330
4684
|
}
|
|
4331
4685
|
),
|
|
4332
|
-
/* @__PURE__ */ (0,
|
|
4686
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
4333
4687
|
BaseSelect,
|
|
4334
4688
|
{
|
|
4335
4689
|
label: "Select Network",
|
|
@@ -4347,7 +4701,7 @@ var PayByStableCoin = ({
|
|
|
4347
4701
|
}
|
|
4348
4702
|
)
|
|
4349
4703
|
] }),
|
|
4350
|
-
/* @__PURE__ */ (0,
|
|
4704
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
4351
4705
|
BaseButton,
|
|
4352
4706
|
{
|
|
4353
4707
|
label: `Pay ${formatAmountHandler}`,
|
|
@@ -4359,22 +4713,22 @@ var PayByStableCoin = ({
|
|
|
4359
4713
|
}
|
|
4360
4714
|
)
|
|
4361
4715
|
] }),
|
|
4362
|
-
formIndex === 1 && /* @__PURE__ */ (0,
|
|
4363
|
-
caller === "buzapay" && /* @__PURE__ */ (0,
|
|
4364
|
-
/* @__PURE__ */ (0,
|
|
4365
|
-
/* @__PURE__ */ (0,
|
|
4366
|
-
/* @__PURE__ */ (0,
|
|
4716
|
+
formIndex === 1 && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
|
|
4717
|
+
caller === "buzapay" && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-col gap-6", children: [
|
|
4718
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "mx-auto", children: [
|
|
4719
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(IconQrCode, {}),
|
|
4720
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "mb-0 text-body-4xs text-light-copy font-normal text-center", children: generateAddressPayload?.currency })
|
|
4367
4721
|
] }),
|
|
4368
|
-
/* @__PURE__ */ (0,
|
|
4369
|
-
/* @__PURE__ */ (0,
|
|
4370
|
-
/* @__PURE__ */ (0,
|
|
4371
|
-
/* @__PURE__ */ (0,
|
|
4372
|
-
/* @__PURE__ */ (0,
|
|
4373
|
-
/* @__PURE__ */ (0,
|
|
4374
|
-
/* @__PURE__ */ (0,
|
|
4375
|
-
/* @__PURE__ */ (0,
|
|
4376
|
-
/* @__PURE__ */ (0,
|
|
4377
|
-
/* @__PURE__ */ (0,
|
|
4722
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-col gap-6 border-c border-grey-100 p-4 rounded-2xl bg-light-white-50", children: [
|
|
4723
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "border-b border-grey-border pb-4 flex flex-col gap-2", children: [
|
|
4724
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "mb-0 text-body-3xs text-light-copy font-normal", children: "Network" }),
|
|
4725
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex justify-between", children: [
|
|
4726
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-col gap-1", children: [
|
|
4727
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "mb-0 text-body-2xs font-medium text-sub-copy", children: addressDetails?.chain }),
|
|
4728
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
4729
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "mb-0 text-body-3xs text-light-copy font-normal", children: "*Est. arrival = 3 mins" }),
|
|
4730
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "mb-0 text-body-3xs text-light-copy font-normal", children: "|" }),
|
|
4731
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
4378
4732
|
BaseCurrencyAmount,
|
|
4379
4733
|
{
|
|
4380
4734
|
currency: generateAddressPayload?.currency ?? "",
|
|
@@ -4387,21 +4741,21 @@ var PayByStableCoin = ({
|
|
|
4387
4741
|
)
|
|
4388
4742
|
] })
|
|
4389
4743
|
] }),
|
|
4390
|
-
/* @__PURE__ */ (0,
|
|
4744
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(IconArrowSwap, {})
|
|
4391
4745
|
] })
|
|
4392
4746
|
] }),
|
|
4393
|
-
/* @__PURE__ */ (0,
|
|
4394
|
-
/* @__PURE__ */ (0,
|
|
4395
|
-
/* @__PURE__ */ (0,
|
|
4396
|
-
/* @__PURE__ */ (0,
|
|
4397
|
-
/* @__PURE__ */ (0,
|
|
4747
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "pb-4 flex flex-col gap-2", children: [
|
|
4748
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "mb-0 text-body-3xs text-light-copy font-normal", children: "Deposit Address >" }),
|
|
4749
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex justify-between", children: [
|
|
4750
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "mb-0 text-body-2xs font-medium text-sub-copy w-2/3 break-words", children: addressDetails?.walletAddress }),
|
|
4751
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(BaseCopy, { copyText: addressDetails?.walletAddress ?? "" })
|
|
4398
4752
|
] })
|
|
4399
4753
|
] })
|
|
4400
4754
|
] }),
|
|
4401
|
-
/* @__PURE__ */ (0,
|
|
4402
|
-
/* @__PURE__ */ (0,
|
|
4403
|
-
/* @__PURE__ */ (0,
|
|
4404
|
-
/* @__PURE__ */ (0,
|
|
4755
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
4756
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center justify-between border-b border-grey-border py-3", children: [
|
|
4757
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "mb-0 text-body-2xs font-medium text-primary-black", children: "Network fee" }),
|
|
4758
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
4405
4759
|
BaseCurrencyAmount,
|
|
4406
4760
|
{
|
|
4407
4761
|
currency: generateAddressPayload?.currency ?? "",
|
|
@@ -4411,9 +4765,9 @@ var PayByStableCoin = ({
|
|
|
4411
4765
|
}
|
|
4412
4766
|
)
|
|
4413
4767
|
] }),
|
|
4414
|
-
/* @__PURE__ */ (0,
|
|
4415
|
-
/* @__PURE__ */ (0,
|
|
4416
|
-
/* @__PURE__ */ (0,
|
|
4768
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center justify-between py-4", children: [
|
|
4769
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "mb-0 text-body-lg font-semibold text-primary-black", children: "Pay" }),
|
|
4770
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
4417
4771
|
BaseCurrencyAmount,
|
|
4418
4772
|
{
|
|
4419
4773
|
currency: generateAddressPayload?.currency ?? "",
|
|
@@ -4426,7 +4780,7 @@ var PayByStableCoin = ({
|
|
|
4426
4780
|
)
|
|
4427
4781
|
] })
|
|
4428
4782
|
] }),
|
|
4429
|
-
/* @__PURE__ */ (0,
|
|
4783
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
4430
4784
|
BaseButton,
|
|
4431
4785
|
{
|
|
4432
4786
|
label: "Confirm Payment",
|
|
@@ -4438,17 +4792,17 @@ var PayByStableCoin = ({
|
|
|
4438
4792
|
}
|
|
4439
4793
|
) })
|
|
4440
4794
|
] }),
|
|
4441
|
-
caller === "miden" && /* @__PURE__ */ (0,
|
|
4442
|
-
/* @__PURE__ */ (0,
|
|
4443
|
-
/* @__PURE__ */ (0,
|
|
4444
|
-
/* @__PURE__ */ (0,
|
|
4795
|
+
caller === "miden" && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-col gap-6", children: [
|
|
4796
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "p-4 rounded-lg flex flex-col gap-6 bg-[#FAFDFF] border border-[#F0FAFF]", children: [
|
|
4797
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center justify-between", children: [
|
|
4798
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
4445
4799
|
BaseLabelInfo,
|
|
4446
4800
|
{
|
|
4447
4801
|
label: "Chain",
|
|
4448
4802
|
value: addressDetails?.chain ?? ""
|
|
4449
4803
|
}
|
|
4450
4804
|
),
|
|
4451
|
-
/* @__PURE__ */ (0,
|
|
4805
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
4452
4806
|
BaseCopy,
|
|
4453
4807
|
{
|
|
4454
4808
|
color: "#9DBFDE",
|
|
@@ -4456,15 +4810,15 @@ var PayByStableCoin = ({
|
|
|
4456
4810
|
}
|
|
4457
4811
|
)
|
|
4458
4812
|
] }),
|
|
4459
|
-
/* @__PURE__ */ (0,
|
|
4460
|
-
/* @__PURE__ */ (0,
|
|
4813
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center justify-between", children: [
|
|
4814
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
4461
4815
|
BaseLabelInfo,
|
|
4462
4816
|
{
|
|
4463
4817
|
label: "Wallet Address",
|
|
4464
4818
|
value: addressDetails?.walletAddress ?? ""
|
|
4465
4819
|
}
|
|
4466
4820
|
),
|
|
4467
|
-
/* @__PURE__ */ (0,
|
|
4821
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
4468
4822
|
BaseCopy,
|
|
4469
4823
|
{
|
|
4470
4824
|
color: "#9DBFDE",
|
|
@@ -4472,9 +4826,9 @@ var PayByStableCoin = ({
|
|
|
4472
4826
|
}
|
|
4473
4827
|
)
|
|
4474
4828
|
] }),
|
|
4475
|
-
/* @__PURE__ */ (0,
|
|
4476
|
-
/* @__PURE__ */ (0,
|
|
4477
|
-
/* @__PURE__ */ (0,
|
|
4829
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-col", children: [
|
|
4830
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "mb-1 text-body-4xs font-medium text-light-copy uppercase", children: "Amount" }),
|
|
4831
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
4478
4832
|
BaseCurrencyAmount,
|
|
4479
4833
|
{
|
|
4480
4834
|
currency: generateAddressPayload?.currency ?? "",
|
|
@@ -4486,17 +4840,17 @@ var PayByStableCoin = ({
|
|
|
4486
4840
|
}
|
|
4487
4841
|
)
|
|
4488
4842
|
] }),
|
|
4489
|
-
/* @__PURE__ */ (0,
|
|
4490
|
-
/* @__PURE__ */ (0,
|
|
4491
|
-
/* @__PURE__ */ (0,
|
|
4492
|
-
/* @__PURE__ */ (0,
|
|
4843
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex gap-4 items-center justify-center", children: [
|
|
4844
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "w-24 border border-[#E1EBF5]" }),
|
|
4845
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "mb-2 text-body-2xs text-[#5F738C] font-normal", children: "Or" }),
|
|
4846
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "w-24 border border-[#E1EBF5]" })
|
|
4493
4847
|
] }),
|
|
4494
|
-
/* @__PURE__ */ (0,
|
|
4495
|
-
/* @__PURE__ */ (0,
|
|
4496
|
-
/* @__PURE__ */ (0,
|
|
4848
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "mx-auto", children: [
|
|
4849
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "mb-2 text-body-xs text-primary font-semibold text-center", children: "Scan to Pay" }),
|
|
4850
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(IconQrCode, {})
|
|
4497
4851
|
] })
|
|
4498
4852
|
] }),
|
|
4499
|
-
/* @__PURE__ */ (0,
|
|
4853
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
4500
4854
|
BaseButton,
|
|
4501
4855
|
{
|
|
4502
4856
|
label: "I have made this payment",
|
|
@@ -4514,7 +4868,7 @@ var PayByStableCoin = ({
|
|
|
4514
4868
|
|
|
4515
4869
|
// src/buzapay-checkout/checkout-card.tsx
|
|
4516
4870
|
var import_react_hot_toast2 = __toESM(require("react-hot-toast"), 1);
|
|
4517
|
-
var
|
|
4871
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
4518
4872
|
function BzpCheckoutCard({
|
|
4519
4873
|
secretKey,
|
|
4520
4874
|
environment = "sandbox",
|
|
@@ -4592,12 +4946,12 @@ function BzpCheckoutCard({
|
|
|
4592
4946
|
setPaymentType(filteredPaymentTypeOptions[0].value);
|
|
4593
4947
|
}
|
|
4594
4948
|
}, [filteredPaymentTypeOptions]);
|
|
4595
|
-
return /* @__PURE__ */ (0,
|
|
4596
|
-
/* @__PURE__ */ (0,
|
|
4597
|
-
/* @__PURE__ */ (0,
|
|
4598
|
-
checkoutState === "PENDING" && /* @__PURE__ */ (0,
|
|
4599
|
-
/* @__PURE__ */ (0,
|
|
4600
|
-
/* @__PURE__ */ (0,
|
|
4949
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(BaseCard, { children: [
|
|
4950
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_hot_toast2.Toaster, {}),
|
|
4951
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "grid grid-cols-3", children: [
|
|
4952
|
+
checkoutState === "PENDING" && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "bg-[#EFF7FF] px-6 py-8 flex flex-col gap-5 col-span-1 rounded-l-xl", children: [
|
|
4953
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-heading-text text-body-xs font-semibold", children: "Pay with" }),
|
|
4954
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
4601
4955
|
BaseRadioGroup,
|
|
4602
4956
|
{
|
|
4603
4957
|
options: filteredPaymentTypeOptions,
|
|
@@ -4605,13 +4959,13 @@ function BzpCheckoutCard({
|
|
|
4605
4959
|
}
|
|
4606
4960
|
)
|
|
4607
4961
|
] }),
|
|
4608
|
-
/* @__PURE__ */ (0,
|
|
4962
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
|
|
4609
4963
|
"div",
|
|
4610
4964
|
{
|
|
4611
4965
|
className: checkoutState === "SUCCESS" || checkoutState === "USED" && paymentType === "BANK_TRANSFER" ? "col-span-3" : "col-span-2",
|
|
4612
4966
|
children: [
|
|
4613
|
-
checkoutState === "PENDING" && /* @__PURE__ */ (0,
|
|
4614
|
-
paymentObject.logoUrl ? /* @__PURE__ */ (0,
|
|
4967
|
+
checkoutState === "PENDING" && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex flex-col gap-6 sm:flex-row sm:items-center justify-between p-6 sm:px-10 sm:py-8", children: [
|
|
4968
|
+
paymentObject.logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
4615
4969
|
BaseImage,
|
|
4616
4970
|
{
|
|
4617
4971
|
src: paymentObject.logoUrl ?? "",
|
|
@@ -4620,24 +4974,24 @@ function BzpCheckoutCard({
|
|
|
4620
4974
|
height: 52,
|
|
4621
4975
|
customClass: "rounded-lg object-fit"
|
|
4622
4976
|
}
|
|
4623
|
-
) : /* @__PURE__ */ (0,
|
|
4977
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
4624
4978
|
"div",
|
|
4625
4979
|
{
|
|
4626
4980
|
className: "bg-heading-text rounded flex flex-col justify-center",
|
|
4627
4981
|
style: { width: "52px", height: "52px" },
|
|
4628
|
-
children: /* @__PURE__ */ (0,
|
|
4982
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-white text-center text-body-2xs font-medium", children: "Logo" })
|
|
4629
4983
|
}
|
|
4630
4984
|
),
|
|
4631
|
-
/* @__PURE__ */ (0,
|
|
4632
|
-
/* @__PURE__ */ (0,
|
|
4633
|
-
/* @__PURE__ */ (0,
|
|
4985
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex flex-col gap-1", children: [
|
|
4986
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-body-2xs font-regular text-sub-copy sm:text-right", children: paymentObject.merchantName }),
|
|
4987
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("p", { className: "text-body-2xs font-regular text-sub-copy sm:text-right", children: [
|
|
4634
4988
|
"Pay:",
|
|
4635
4989
|
" ",
|
|
4636
|
-
/* @__PURE__ */ (0,
|
|
4990
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-orange-500 font-extrabold", children: formatAmount(paymentObject.amount, paymentObject.currency) })
|
|
4637
4991
|
] })
|
|
4638
4992
|
] })
|
|
4639
4993
|
] }),
|
|
4640
|
-
checkoutState === "PENDING" && /* @__PURE__ */ (0,
|
|
4994
|
+
checkoutState === "PENDING" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "max-h-[32rem] overflow-y-scroll px-6 sm:px-10 pb-10 pt-2", children: paymentType === "CARD" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
4641
4995
|
PayByCard,
|
|
4642
4996
|
{
|
|
4643
4997
|
secretKey,
|
|
@@ -4646,7 +5000,7 @@ function BzpCheckoutCard({
|
|
|
4646
5000
|
onPaymentAuthorized: setSuccess,
|
|
4647
5001
|
onError: onErrorHandler
|
|
4648
5002
|
}
|
|
4649
|
-
) : paymentType === "BANK_TRANSFER" ? /* @__PURE__ */ (0,
|
|
5003
|
+
) : paymentType === "BANK_TRANSFER" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
4650
5004
|
PayByTransfer,
|
|
4651
5005
|
{
|
|
4652
5006
|
secretKey,
|
|
@@ -4655,7 +5009,7 @@ function BzpCheckoutCard({
|
|
|
4655
5009
|
onPaymentAuthorized: setSuccess,
|
|
4656
5010
|
onError: onErrorHandler
|
|
4657
5011
|
}
|
|
4658
|
-
) : /* @__PURE__ */ (0,
|
|
5012
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
4659
5013
|
PayByStableCoin,
|
|
4660
5014
|
{
|
|
4661
5015
|
secretKey,
|
|
@@ -4665,7 +5019,7 @@ function BzpCheckoutCard({
|
|
|
4665
5019
|
onError: onErrorHandler
|
|
4666
5020
|
}
|
|
4667
5021
|
) }),
|
|
4668
|
-
(checkoutState === "SUCCESS" || checkoutState === "USED" && paymentType === "BANK_TRANSFER") && /* @__PURE__ */ (0,
|
|
5022
|
+
(checkoutState === "SUCCESS" || checkoutState === "USED" && paymentType === "BANK_TRANSFER") && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
4669
5023
|
BaseSuccess,
|
|
4670
5024
|
{
|
|
4671
5025
|
amount: paymentObject.amount,
|
|
@@ -4686,7 +5040,7 @@ var import_react15 = require("react");
|
|
|
4686
5040
|
|
|
4687
5041
|
// src/miden-checkout/checkout-iframe.tsx
|
|
4688
5042
|
var import_react14 = require("react");
|
|
4689
|
-
var
|
|
5043
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
4690
5044
|
function MidenCheckoutIframe({
|
|
4691
5045
|
style = {
|
|
4692
5046
|
width: "100%",
|
|
@@ -4774,14 +5128,14 @@ function MidenCheckoutIframe({
|
|
|
4774
5128
|
if (!containerRef.current) return;
|
|
4775
5129
|
generatePaymentLinkHandler();
|
|
4776
5130
|
}, []);
|
|
4777
|
-
return /* @__PURE__ */ (0,
|
|
4778
|
-
/* @__PURE__ */ (0,
|
|
4779
|
-
loading && /* @__PURE__ */ (0,
|
|
5131
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "relative", style, children: [
|
|
5132
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { ref: containerRef, className: "w-full h-full" }),
|
|
5133
|
+
loading && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "absolute inset-0 grid place-items-center bg-white/60", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(IconLoader, {}) })
|
|
4780
5134
|
] });
|
|
4781
5135
|
}
|
|
4782
5136
|
|
|
4783
5137
|
// src/miden-checkout/checkout-button.tsx
|
|
4784
|
-
var
|
|
5138
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
4785
5139
|
function MidenCheckoutButton({
|
|
4786
5140
|
secretKey,
|
|
4787
5141
|
environment = "sandbox",
|
|
@@ -4838,15 +5192,15 @@ function MidenCheckoutButton({
|
|
|
4838
5192
|
setLoading(false);
|
|
4839
5193
|
}
|
|
4840
5194
|
};
|
|
4841
|
-
return urlLaunchUrl && mode === "iframe" ? /* @__PURE__ */ (0,
|
|
5195
|
+
return urlLaunchUrl && mode === "iframe" ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
4842
5196
|
MidenCheckoutIframe,
|
|
4843
5197
|
{
|
|
4844
5198
|
url: urlLaunchUrl,
|
|
4845
5199
|
secretKey,
|
|
4846
5200
|
environment
|
|
4847
5201
|
}
|
|
4848
|
-
) : /* @__PURE__ */ (0,
|
|
4849
|
-
/* @__PURE__ */ (0,
|
|
5202
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { children: [
|
|
5203
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
4850
5204
|
BaseButton,
|
|
4851
5205
|
{
|
|
4852
5206
|
label: "Pay",
|
|
@@ -4857,14 +5211,14 @@ function MidenCheckoutButton({
|
|
|
4857
5211
|
onClick: generatePaymentLinkHandler
|
|
4858
5212
|
}
|
|
4859
5213
|
),
|
|
4860
|
-
/* @__PURE__ */ (0,
|
|
5214
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(BaseInputError, { errorMessage: message })
|
|
4861
5215
|
] });
|
|
4862
5216
|
}
|
|
4863
5217
|
|
|
4864
5218
|
// src/miden-checkout/checkout-card.tsx
|
|
4865
5219
|
var import_react16 = require("react");
|
|
4866
5220
|
var import_react_hot_toast3 = __toESM(require("react-hot-toast"), 1);
|
|
4867
|
-
var
|
|
5221
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
4868
5222
|
function MidenCheckoutCard({
|
|
4869
5223
|
secretKey,
|
|
4870
5224
|
options,
|
|
@@ -4949,12 +5303,12 @@ function MidenCheckoutCard({
|
|
|
4949
5303
|
setPaymentType(filteredPaymentTypeOptions[0].value);
|
|
4950
5304
|
}
|
|
4951
5305
|
}, [filteredPaymentTypeOptions]);
|
|
4952
|
-
return /* @__PURE__ */ (0,
|
|
4953
|
-
/* @__PURE__ */ (0,
|
|
4954
|
-
/* @__PURE__ */ (0,
|
|
4955
|
-
checkoutState === "PENDING" && /* @__PURE__ */ (0,
|
|
4956
|
-
/* @__PURE__ */ (0,
|
|
4957
|
-
/* @__PURE__ */ (0,
|
|
5306
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(BaseCard, { caller: "miden", children: [
|
|
5307
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react_hot_toast3.Toaster, {}),
|
|
5308
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "grid grid-cols-3", children: [
|
|
5309
|
+
checkoutState === "PENDING" && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "bg-[#0A0032] py-6 flex flex-col gap-5 col-span-1 rounded-l-xl", children: [
|
|
5310
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-white text-body-xs font-semibold px-6", children: "Pay with" }),
|
|
5311
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
4958
5312
|
BaseRadioGroup,
|
|
4959
5313
|
{
|
|
4960
5314
|
caller: "miden",
|
|
@@ -4963,27 +5317,27 @@ function MidenCheckoutCard({
|
|
|
4963
5317
|
}
|
|
4964
5318
|
)
|
|
4965
5319
|
] }),
|
|
4966
|
-
/* @__PURE__ */ (0,
|
|
5320
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
|
|
4967
5321
|
"div",
|
|
4968
5322
|
{
|
|
4969
5323
|
className: checkoutState === "SUCCESS" || checkoutState === "USED" && paymentType === "BANK_TRANSFER" ? "col-span-3" : "col-span-2",
|
|
4970
5324
|
children: [
|
|
4971
|
-
checkoutState === "PENDING" && /* @__PURE__ */ (0,
|
|
4972
|
-
/* @__PURE__ */ (0,
|
|
4973
|
-
/* @__PURE__ */ (0,
|
|
5325
|
+
checkoutState === "PENDING" && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex items-center justify-between p-6", children: [
|
|
5326
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(IconMidenLogo, {}),
|
|
5327
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(IconClose, { color: "black", className: "cursor-pointer" })
|
|
4974
5328
|
] }),
|
|
4975
|
-
checkoutState === "PENDING" && /* @__PURE__ */ (0,
|
|
4976
|
-
/* @__PURE__ */ (0,
|
|
4977
|
-
/* @__PURE__ */ (0,
|
|
5329
|
+
checkoutState === "PENDING" && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "px-6 md:px-10 lg:px-14 pt-4 pb-8 flex flex-col gap-6 max-h-[32rem] overflow-y-scroll", children: [
|
|
5330
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex items-center justify-between py-3 px-4 bg-[#F8FDFF] border border-[#DAE4E8] rounded-lg", children: [
|
|
5331
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
4978
5332
|
BaseLabelInfo,
|
|
4979
5333
|
{
|
|
4980
5334
|
label: "Amount Due",
|
|
4981
5335
|
value: formatAmountHandler()
|
|
4982
5336
|
}
|
|
4983
5337
|
),
|
|
4984
|
-
/* @__PURE__ */ (0,
|
|
5338
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(BaseLabelInfo, { label: "Charges", value: formatChargeHandler() })
|
|
4985
5339
|
] }),
|
|
4986
|
-
/* @__PURE__ */ (0,
|
|
5340
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { children: paymentType === "CARD" ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
4987
5341
|
PayByCard,
|
|
4988
5342
|
{
|
|
4989
5343
|
secretKey,
|
|
@@ -4993,7 +5347,7 @@ function MidenCheckoutCard({
|
|
|
4993
5347
|
onPaymentAuthorized: setSuccess,
|
|
4994
5348
|
onError: onErrorHandler
|
|
4995
5349
|
}
|
|
4996
|
-
) : paymentType === "BANK_TRANSFER" ? /* @__PURE__ */ (0,
|
|
5350
|
+
) : paymentType === "BANK_TRANSFER" ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
4997
5351
|
PayByTransfer,
|
|
4998
5352
|
{
|
|
4999
5353
|
secretKey,
|
|
@@ -5003,7 +5357,7 @@ function MidenCheckoutCard({
|
|
|
5003
5357
|
onPaymentAuthorized: setSuccess,
|
|
5004
5358
|
onError: onErrorHandler
|
|
5005
5359
|
}
|
|
5006
|
-
) : /* @__PURE__ */ (0,
|
|
5360
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
5007
5361
|
PayByStableCoin,
|
|
5008
5362
|
{
|
|
5009
5363
|
secretKey,
|
|
@@ -5015,7 +5369,7 @@ function MidenCheckoutCard({
|
|
|
5015
5369
|
}
|
|
5016
5370
|
) })
|
|
5017
5371
|
] }),
|
|
5018
|
-
(checkoutState === "SUCCESS" || checkoutState === "USED" && paymentType === "BANK_TRANSFER") && /* @__PURE__ */ (0,
|
|
5372
|
+
(checkoutState === "SUCCESS" || checkoutState === "USED" && paymentType === "BANK_TRANSFER") && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
5019
5373
|
BaseSuccess,
|
|
5020
5374
|
{
|
|
5021
5375
|
amount: paymentObject.amount,
|