@miden-npm/react 2.1.9 → 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 +725 -372
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +3 -0
- package/dist/index.css.map +1 -1
- package/dist/index.js +725 -372
- 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,
|
|
@@ -4309,10 +4662,10 @@ var PayByStableCoin = ({
|
|
|
4309
4662
|
await getAllStableCoins();
|
|
4310
4663
|
})();
|
|
4311
4664
|
}, []);
|
|
4312
|
-
return /* @__PURE__ */ (0,
|
|
4313
|
-
formIndex === 0 && /* @__PURE__ */ (0,
|
|
4314
|
-
/* @__PURE__ */ (0,
|
|
4315
|
-
/* @__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)(
|
|
4316
4669
|
BaseSelect,
|
|
4317
4670
|
{
|
|
4318
4671
|
label: "Select Crypto",
|
|
@@ -4330,7 +4683,7 @@ var PayByStableCoin = ({
|
|
|
4330
4683
|
validationError: stableCoinErrors.stableCoin ?? ""
|
|
4331
4684
|
}
|
|
4332
4685
|
),
|
|
4333
|
-
/* @__PURE__ */ (0,
|
|
4686
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
4334
4687
|
BaseSelect,
|
|
4335
4688
|
{
|
|
4336
4689
|
label: "Select Network",
|
|
@@ -4348,7 +4701,7 @@ var PayByStableCoin = ({
|
|
|
4348
4701
|
}
|
|
4349
4702
|
)
|
|
4350
4703
|
] }),
|
|
4351
|
-
/* @__PURE__ */ (0,
|
|
4704
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
4352
4705
|
BaseButton,
|
|
4353
4706
|
{
|
|
4354
4707
|
label: `Pay ${formatAmountHandler}`,
|
|
@@ -4360,22 +4713,22 @@ var PayByStableCoin = ({
|
|
|
4360
4713
|
}
|
|
4361
4714
|
)
|
|
4362
4715
|
] }),
|
|
4363
|
-
formIndex === 1 && /* @__PURE__ */ (0,
|
|
4364
|
-
caller === "buzapay" && /* @__PURE__ */ (0,
|
|
4365
|
-
/* @__PURE__ */ (0,
|
|
4366
|
-
/* @__PURE__ */ (0,
|
|
4367
|
-
/* @__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 })
|
|
4368
4721
|
] }),
|
|
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,
|
|
4378
|
-
/* @__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)(
|
|
4379
4732
|
BaseCurrencyAmount,
|
|
4380
4733
|
{
|
|
4381
4734
|
currency: generateAddressPayload?.currency ?? "",
|
|
@@ -4388,21 +4741,21 @@ var PayByStableCoin = ({
|
|
|
4388
4741
|
)
|
|
4389
4742
|
] })
|
|
4390
4743
|
] }),
|
|
4391
|
-
/* @__PURE__ */ (0,
|
|
4744
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(IconArrowSwap, {})
|
|
4392
4745
|
] })
|
|
4393
4746
|
] }),
|
|
4394
|
-
/* @__PURE__ */ (0,
|
|
4395
|
-
/* @__PURE__ */ (0,
|
|
4396
|
-
/* @__PURE__ */ (0,
|
|
4397
|
-
/* @__PURE__ */ (0,
|
|
4398
|
-
/* @__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 ?? "" })
|
|
4399
4752
|
] })
|
|
4400
4753
|
] })
|
|
4401
4754
|
] }),
|
|
4402
|
-
/* @__PURE__ */ (0,
|
|
4403
|
-
/* @__PURE__ */ (0,
|
|
4404
|
-
/* @__PURE__ */ (0,
|
|
4405
|
-
/* @__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)(
|
|
4406
4759
|
BaseCurrencyAmount,
|
|
4407
4760
|
{
|
|
4408
4761
|
currency: generateAddressPayload?.currency ?? "",
|
|
@@ -4412,9 +4765,9 @@ var PayByStableCoin = ({
|
|
|
4412
4765
|
}
|
|
4413
4766
|
)
|
|
4414
4767
|
] }),
|
|
4415
|
-
/* @__PURE__ */ (0,
|
|
4416
|
-
/* @__PURE__ */ (0,
|
|
4417
|
-
/* @__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)(
|
|
4418
4771
|
BaseCurrencyAmount,
|
|
4419
4772
|
{
|
|
4420
4773
|
currency: generateAddressPayload?.currency ?? "",
|
|
@@ -4427,7 +4780,7 @@ var PayByStableCoin = ({
|
|
|
4427
4780
|
)
|
|
4428
4781
|
] })
|
|
4429
4782
|
] }),
|
|
4430
|
-
/* @__PURE__ */ (0,
|
|
4783
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
4431
4784
|
BaseButton,
|
|
4432
4785
|
{
|
|
4433
4786
|
label: "Confirm Payment",
|
|
@@ -4439,17 +4792,17 @@ var PayByStableCoin = ({
|
|
|
4439
4792
|
}
|
|
4440
4793
|
) })
|
|
4441
4794
|
] }),
|
|
4442
|
-
caller === "miden" && /* @__PURE__ */ (0,
|
|
4443
|
-
/* @__PURE__ */ (0,
|
|
4444
|
-
/* @__PURE__ */ (0,
|
|
4445
|
-
/* @__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)(
|
|
4446
4799
|
BaseLabelInfo,
|
|
4447
4800
|
{
|
|
4448
4801
|
label: "Chain",
|
|
4449
4802
|
value: addressDetails?.chain ?? ""
|
|
4450
4803
|
}
|
|
4451
4804
|
),
|
|
4452
|
-
/* @__PURE__ */ (0,
|
|
4805
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
4453
4806
|
BaseCopy,
|
|
4454
4807
|
{
|
|
4455
4808
|
color: "#9DBFDE",
|
|
@@ -4457,15 +4810,15 @@ var PayByStableCoin = ({
|
|
|
4457
4810
|
}
|
|
4458
4811
|
)
|
|
4459
4812
|
] }),
|
|
4460
|
-
/* @__PURE__ */ (0,
|
|
4461
|
-
/* @__PURE__ */ (0,
|
|
4813
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center justify-between", children: [
|
|
4814
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
4462
4815
|
BaseLabelInfo,
|
|
4463
4816
|
{
|
|
4464
4817
|
label: "Wallet Address",
|
|
4465
4818
|
value: addressDetails?.walletAddress ?? ""
|
|
4466
4819
|
}
|
|
4467
4820
|
),
|
|
4468
|
-
/* @__PURE__ */ (0,
|
|
4821
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
4469
4822
|
BaseCopy,
|
|
4470
4823
|
{
|
|
4471
4824
|
color: "#9DBFDE",
|
|
@@ -4473,9 +4826,9 @@ var PayByStableCoin = ({
|
|
|
4473
4826
|
}
|
|
4474
4827
|
)
|
|
4475
4828
|
] }),
|
|
4476
|
-
/* @__PURE__ */ (0,
|
|
4477
|
-
/* @__PURE__ */ (0,
|
|
4478
|
-
/* @__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)(
|
|
4479
4832
|
BaseCurrencyAmount,
|
|
4480
4833
|
{
|
|
4481
4834
|
currency: generateAddressPayload?.currency ?? "",
|
|
@@ -4487,17 +4840,17 @@ var PayByStableCoin = ({
|
|
|
4487
4840
|
}
|
|
4488
4841
|
)
|
|
4489
4842
|
] }),
|
|
4490
|
-
/* @__PURE__ */ (0,
|
|
4491
|
-
/* @__PURE__ */ (0,
|
|
4492
|
-
/* @__PURE__ */ (0,
|
|
4493
|
-
/* @__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]" })
|
|
4494
4847
|
] }),
|
|
4495
|
-
/* @__PURE__ */ (0,
|
|
4496
|
-
/* @__PURE__ */ (0,
|
|
4497
|
-
/* @__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, {})
|
|
4498
4851
|
] })
|
|
4499
4852
|
] }),
|
|
4500
|
-
/* @__PURE__ */ (0,
|
|
4853
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
4501
4854
|
BaseButton,
|
|
4502
4855
|
{
|
|
4503
4856
|
label: "I have made this payment",
|
|
@@ -4515,7 +4868,7 @@ var PayByStableCoin = ({
|
|
|
4515
4868
|
|
|
4516
4869
|
// src/buzapay-checkout/checkout-card.tsx
|
|
4517
4870
|
var import_react_hot_toast2 = __toESM(require("react-hot-toast"), 1);
|
|
4518
|
-
var
|
|
4871
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
4519
4872
|
function BzpCheckoutCard({
|
|
4520
4873
|
secretKey,
|
|
4521
4874
|
environment = "sandbox",
|
|
@@ -4593,12 +4946,12 @@ function BzpCheckoutCard({
|
|
|
4593
4946
|
setPaymentType(filteredPaymentTypeOptions[0].value);
|
|
4594
4947
|
}
|
|
4595
4948
|
}, [filteredPaymentTypeOptions]);
|
|
4596
|
-
return /* @__PURE__ */ (0,
|
|
4597
|
-
/* @__PURE__ */ (0,
|
|
4598
|
-
/* @__PURE__ */ (0,
|
|
4599
|
-
checkoutState === "PENDING" && /* @__PURE__ */ (0,
|
|
4600
|
-
/* @__PURE__ */ (0,
|
|
4601
|
-
/* @__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)(
|
|
4602
4955
|
BaseRadioGroup,
|
|
4603
4956
|
{
|
|
4604
4957
|
options: filteredPaymentTypeOptions,
|
|
@@ -4606,13 +4959,13 @@ function BzpCheckoutCard({
|
|
|
4606
4959
|
}
|
|
4607
4960
|
)
|
|
4608
4961
|
] }),
|
|
4609
|
-
/* @__PURE__ */ (0,
|
|
4962
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
|
|
4610
4963
|
"div",
|
|
4611
4964
|
{
|
|
4612
4965
|
className: checkoutState === "SUCCESS" || checkoutState === "USED" && paymentType === "BANK_TRANSFER" ? "col-span-3" : "col-span-2",
|
|
4613
4966
|
children: [
|
|
4614
|
-
checkoutState === "PENDING" && /* @__PURE__ */ (0,
|
|
4615
|
-
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)(
|
|
4616
4969
|
BaseImage,
|
|
4617
4970
|
{
|
|
4618
4971
|
src: paymentObject.logoUrl ?? "",
|
|
@@ -4621,24 +4974,24 @@ function BzpCheckoutCard({
|
|
|
4621
4974
|
height: 52,
|
|
4622
4975
|
customClass: "rounded-lg object-fit"
|
|
4623
4976
|
}
|
|
4624
|
-
) : /* @__PURE__ */ (0,
|
|
4977
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
4625
4978
|
"div",
|
|
4626
4979
|
{
|
|
4627
4980
|
className: "bg-heading-text rounded flex flex-col justify-center",
|
|
4628
4981
|
style: { width: "52px", height: "52px" },
|
|
4629
|
-
children: /* @__PURE__ */ (0,
|
|
4982
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-white text-center text-body-2xs font-medium", children: "Logo" })
|
|
4630
4983
|
}
|
|
4631
4984
|
),
|
|
4632
|
-
/* @__PURE__ */ (0,
|
|
4633
|
-
/* @__PURE__ */ (0,
|
|
4634
|
-
/* @__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: [
|
|
4635
4988
|
"Pay:",
|
|
4636
4989
|
" ",
|
|
4637
|
-
/* @__PURE__ */ (0,
|
|
4990
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-orange-500 font-extrabold", children: formatAmount(paymentObject.amount, paymentObject.currency) })
|
|
4638
4991
|
] })
|
|
4639
4992
|
] })
|
|
4640
4993
|
] }),
|
|
4641
|
-
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)(
|
|
4642
4995
|
PayByCard,
|
|
4643
4996
|
{
|
|
4644
4997
|
secretKey,
|
|
@@ -4647,7 +5000,7 @@ function BzpCheckoutCard({
|
|
|
4647
5000
|
onPaymentAuthorized: setSuccess,
|
|
4648
5001
|
onError: onErrorHandler
|
|
4649
5002
|
}
|
|
4650
|
-
) : paymentType === "BANK_TRANSFER" ? /* @__PURE__ */ (0,
|
|
5003
|
+
) : paymentType === "BANK_TRANSFER" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
4651
5004
|
PayByTransfer,
|
|
4652
5005
|
{
|
|
4653
5006
|
secretKey,
|
|
@@ -4656,7 +5009,7 @@ function BzpCheckoutCard({
|
|
|
4656
5009
|
onPaymentAuthorized: setSuccess,
|
|
4657
5010
|
onError: onErrorHandler
|
|
4658
5011
|
}
|
|
4659
|
-
) : /* @__PURE__ */ (0,
|
|
5012
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
4660
5013
|
PayByStableCoin,
|
|
4661
5014
|
{
|
|
4662
5015
|
secretKey,
|
|
@@ -4666,7 +5019,7 @@ function BzpCheckoutCard({
|
|
|
4666
5019
|
onError: onErrorHandler
|
|
4667
5020
|
}
|
|
4668
5021
|
) }),
|
|
4669
|
-
(checkoutState === "SUCCESS" || checkoutState === "USED" && paymentType === "BANK_TRANSFER") && /* @__PURE__ */ (0,
|
|
5022
|
+
(checkoutState === "SUCCESS" || checkoutState === "USED" && paymentType === "BANK_TRANSFER") && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
4670
5023
|
BaseSuccess,
|
|
4671
5024
|
{
|
|
4672
5025
|
amount: paymentObject.amount,
|
|
@@ -4687,7 +5040,7 @@ var import_react15 = require("react");
|
|
|
4687
5040
|
|
|
4688
5041
|
// src/miden-checkout/checkout-iframe.tsx
|
|
4689
5042
|
var import_react14 = require("react");
|
|
4690
|
-
var
|
|
5043
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
4691
5044
|
function MidenCheckoutIframe({
|
|
4692
5045
|
style = {
|
|
4693
5046
|
width: "100%",
|
|
@@ -4775,14 +5128,14 @@ function MidenCheckoutIframe({
|
|
|
4775
5128
|
if (!containerRef.current) return;
|
|
4776
5129
|
generatePaymentLinkHandler();
|
|
4777
5130
|
}, []);
|
|
4778
|
-
return /* @__PURE__ */ (0,
|
|
4779
|
-
/* @__PURE__ */ (0,
|
|
4780
|
-
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, {}) })
|
|
4781
5134
|
] });
|
|
4782
5135
|
}
|
|
4783
5136
|
|
|
4784
5137
|
// src/miden-checkout/checkout-button.tsx
|
|
4785
|
-
var
|
|
5138
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
4786
5139
|
function MidenCheckoutButton({
|
|
4787
5140
|
secretKey,
|
|
4788
5141
|
environment = "sandbox",
|
|
@@ -4839,15 +5192,15 @@ function MidenCheckoutButton({
|
|
|
4839
5192
|
setLoading(false);
|
|
4840
5193
|
}
|
|
4841
5194
|
};
|
|
4842
|
-
return urlLaunchUrl && mode === "iframe" ? /* @__PURE__ */ (0,
|
|
5195
|
+
return urlLaunchUrl && mode === "iframe" ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
4843
5196
|
MidenCheckoutIframe,
|
|
4844
5197
|
{
|
|
4845
5198
|
url: urlLaunchUrl,
|
|
4846
5199
|
secretKey,
|
|
4847
5200
|
environment
|
|
4848
5201
|
}
|
|
4849
|
-
) : /* @__PURE__ */ (0,
|
|
4850
|
-
/* @__PURE__ */ (0,
|
|
5202
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { children: [
|
|
5203
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
|
|
4851
5204
|
BaseButton,
|
|
4852
5205
|
{
|
|
4853
5206
|
label: "Pay",
|
|
@@ -4858,14 +5211,14 @@ function MidenCheckoutButton({
|
|
|
4858
5211
|
onClick: generatePaymentLinkHandler
|
|
4859
5212
|
}
|
|
4860
5213
|
),
|
|
4861
|
-
/* @__PURE__ */ (0,
|
|
5214
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(BaseInputError, { errorMessage: message })
|
|
4862
5215
|
] });
|
|
4863
5216
|
}
|
|
4864
5217
|
|
|
4865
5218
|
// src/miden-checkout/checkout-card.tsx
|
|
4866
5219
|
var import_react16 = require("react");
|
|
4867
5220
|
var import_react_hot_toast3 = __toESM(require("react-hot-toast"), 1);
|
|
4868
|
-
var
|
|
5221
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
4869
5222
|
function MidenCheckoutCard({
|
|
4870
5223
|
secretKey,
|
|
4871
5224
|
options,
|
|
@@ -4950,12 +5303,12 @@ function MidenCheckoutCard({
|
|
|
4950
5303
|
setPaymentType(filteredPaymentTypeOptions[0].value);
|
|
4951
5304
|
}
|
|
4952
5305
|
}, [filteredPaymentTypeOptions]);
|
|
4953
|
-
return /* @__PURE__ */ (0,
|
|
4954
|
-
/* @__PURE__ */ (0,
|
|
4955
|
-
/* @__PURE__ */ (0,
|
|
4956
|
-
checkoutState === "PENDING" && /* @__PURE__ */ (0,
|
|
4957
|
-
/* @__PURE__ */ (0,
|
|
4958
|
-
/* @__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)(
|
|
4959
5312
|
BaseRadioGroup,
|
|
4960
5313
|
{
|
|
4961
5314
|
caller: "miden",
|
|
@@ -4964,27 +5317,27 @@ function MidenCheckoutCard({
|
|
|
4964
5317
|
}
|
|
4965
5318
|
)
|
|
4966
5319
|
] }),
|
|
4967
|
-
/* @__PURE__ */ (0,
|
|
5320
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
|
|
4968
5321
|
"div",
|
|
4969
5322
|
{
|
|
4970
5323
|
className: checkoutState === "SUCCESS" || checkoutState === "USED" && paymentType === "BANK_TRANSFER" ? "col-span-3" : "col-span-2",
|
|
4971
5324
|
children: [
|
|
4972
|
-
checkoutState === "PENDING" && /* @__PURE__ */ (0,
|
|
4973
|
-
/* @__PURE__ */ (0,
|
|
4974
|
-
/* @__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" })
|
|
4975
5328
|
] }),
|
|
4976
|
-
checkoutState === "PENDING" && /* @__PURE__ */ (0,
|
|
4977
|
-
/* @__PURE__ */ (0,
|
|
4978
|
-
/* @__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)(
|
|
4979
5332
|
BaseLabelInfo,
|
|
4980
5333
|
{
|
|
4981
5334
|
label: "Amount Due",
|
|
4982
5335
|
value: formatAmountHandler()
|
|
4983
5336
|
}
|
|
4984
5337
|
),
|
|
4985
|
-
/* @__PURE__ */ (0,
|
|
5338
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(BaseLabelInfo, { label: "Charges", value: formatChargeHandler() })
|
|
4986
5339
|
] }),
|
|
4987
|
-
/* @__PURE__ */ (0,
|
|
5340
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { children: paymentType === "CARD" ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
4988
5341
|
PayByCard,
|
|
4989
5342
|
{
|
|
4990
5343
|
secretKey,
|
|
@@ -4994,7 +5347,7 @@ function MidenCheckoutCard({
|
|
|
4994
5347
|
onPaymentAuthorized: setSuccess,
|
|
4995
5348
|
onError: onErrorHandler
|
|
4996
5349
|
}
|
|
4997
|
-
) : paymentType === "BANK_TRANSFER" ? /* @__PURE__ */ (0,
|
|
5350
|
+
) : paymentType === "BANK_TRANSFER" ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
4998
5351
|
PayByTransfer,
|
|
4999
5352
|
{
|
|
5000
5353
|
secretKey,
|
|
@@ -5004,7 +5357,7 @@ function MidenCheckoutCard({
|
|
|
5004
5357
|
onPaymentAuthorized: setSuccess,
|
|
5005
5358
|
onError: onErrorHandler
|
|
5006
5359
|
}
|
|
5007
|
-
) : /* @__PURE__ */ (0,
|
|
5360
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
5008
5361
|
PayByStableCoin,
|
|
5009
5362
|
{
|
|
5010
5363
|
secretKey,
|
|
@@ -5016,7 +5369,7 @@ function MidenCheckoutCard({
|
|
|
5016
5369
|
}
|
|
5017
5370
|
) })
|
|
5018
5371
|
] }),
|
|
5019
|
-
(checkoutState === "SUCCESS" || checkoutState === "USED" && paymentType === "BANK_TRANSFER") && /* @__PURE__ */ (0,
|
|
5372
|
+
(checkoutState === "SUCCESS" || checkoutState === "USED" && paymentType === "BANK_TRANSFER") && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
5020
5373
|
BaseSuccess,
|
|
5021
5374
|
{
|
|
5022
5375
|
amount: paymentObject.amount,
|