@pinerohit11/testwidget 0.1.78 → 0.1.80
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.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +384 -61
- package/dist/index.mjs +376 -53
- package/package.json +2 -1
package/dist/index.js
CHANGED
|
@@ -156,7 +156,8 @@ var Loader = (props) => {
|
|
|
156
156
|
var Loader_default = Loader;
|
|
157
157
|
|
|
158
158
|
// src/app/components/baseurl.ts
|
|
159
|
-
var
|
|
159
|
+
var masterBaseUrl = "https://dev-sky-node.fractalpay.com/";
|
|
160
|
+
var baseUrl = "https://dev-widget.fractalpay.com/";
|
|
160
161
|
|
|
161
162
|
// src/app/components/Errortext.ts
|
|
162
163
|
var ErrorText = {
|
|
@@ -234,7 +235,7 @@ var CustomModal2styles = (props) => {
|
|
|
234
235
|
|
|
235
236
|
.fractal-popup {
|
|
236
237
|
position: fixed;
|
|
237
|
-
z-index:
|
|
238
|
+
z-index: 1050;
|
|
238
239
|
left: 0;
|
|
239
240
|
top: 0;
|
|
240
241
|
width: 100%;
|
|
@@ -1181,7 +1182,7 @@ function RequestPreAuthPayment(props) {
|
|
|
1181
1182
|
}
|
|
1182
1183
|
|
|
1183
1184
|
// src/app/components/Charge/GetPaymentPage.tsx
|
|
1184
|
-
var
|
|
1185
|
+
var import_react11 = __toESM(require("react"));
|
|
1185
1186
|
|
|
1186
1187
|
// src/app/components/Charge/Chargewidgetstyles.tsx
|
|
1187
1188
|
var import_react8 = __toESM(require("react"));
|
|
@@ -1307,19 +1308,7 @@ function Chargewidgetstyles() {
|
|
|
1307
1308
|
grid-template-columns: 2fr 3fr;
|
|
1308
1309
|
padding: 50px 10% 20px ;
|
|
1309
1310
|
}
|
|
1310
|
-
// .pay-container {
|
|
1311
|
-
// display: flex;
|
|
1312
|
-
// // gap: ; /* Optional: spacing between the columns */
|
|
1313
|
-
// padding: 50px 10% 20px;
|
|
1314
|
-
// }
|
|
1315
|
-
|
|
1316
|
-
// .pay-container > *:first-child {
|
|
1317
|
-
// flex: 2;
|
|
1318
|
-
// }
|
|
1319
1311
|
|
|
1320
|
-
// .pay-container > *:last-child {
|
|
1321
|
-
// flex: 3;
|
|
1322
|
-
// }
|
|
1323
1312
|
.request-payment-close-popup {
|
|
1324
1313
|
position: absolute;
|
|
1325
1314
|
right: 20px;
|
|
@@ -1536,12 +1525,9 @@ function Chargewidgetstyles() {
|
|
|
1536
1525
|
padding: 20px 5%;
|
|
1537
1526
|
}
|
|
1538
1527
|
}
|
|
1539
|
-
|
|
1540
|
-
|
|
1541
|
-
|
|
1542
|
-
// padding: 20px 2%;
|
|
1543
|
-
// }
|
|
1544
|
-
// }
|
|
1528
|
+
|
|
1529
|
+
|
|
1530
|
+
|
|
1545
1531
|
|
|
1546
1532
|
|
|
1547
1533
|
|
|
@@ -1549,25 +1535,316 @@ function Chargewidgetstyles() {
|
|
|
1549
1535
|
}
|
|
1550
1536
|
|
|
1551
1537
|
// src/app/components/Charge/GetPaymentPage.tsx
|
|
1552
|
-
|
|
1538
|
+
var import_axios3 = __toESM(require("axios"));
|
|
1539
|
+
|
|
1540
|
+
// src/app/components/SuccessMessage/SuccessMsz.tsx
|
|
1541
|
+
var import_react10 = __toESM(require("react"));
|
|
1542
|
+
|
|
1543
|
+
// src/app/components/SuccessMessage/SuccessMszStyle.tsx
|
|
1544
|
+
var import_react9 = __toESM(require("react"));
|
|
1545
|
+
function SuccessMszStyle() {
|
|
1546
|
+
return /* @__PURE__ */ import_react9.default.createElement("style", null, `
|
|
1547
|
+
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
|
|
1548
|
+
|
|
1549
|
+
body{
|
|
1550
|
+
display: flex;
|
|
1551
|
+
justify-content: center;
|
|
1552
|
+
align-items: center;
|
|
1553
|
+
padding-top: 30px;
|
|
1554
|
+
margin: 0;
|
|
1555
|
+
/* background-color: #f8f9fa; */
|
|
1556
|
+
flex-direction: column;
|
|
1557
|
+
}
|
|
1558
|
+
.payment-msg-container{
|
|
1559
|
+
min-height : 550px
|
|
1560
|
+
}
|
|
1561
|
+
|
|
1562
|
+
.logo-container {
|
|
1563
|
+
display: flex;
|
|
1564
|
+
justify-content: center;
|
|
1565
|
+
align-items: center;
|
|
1566
|
+
margin-bottom: -50px; /* Adjust this to overlap the content */
|
|
1567
|
+
z-index: 10;
|
|
1568
|
+
}
|
|
1569
|
+
|
|
1570
|
+
.client-logo {
|
|
1571
|
+
max-width: 100px;
|
|
1572
|
+
height: auto;
|
|
1573
|
+
object-fit: contain;
|
|
1574
|
+
display: block;
|
|
1575
|
+
}
|
|
1576
|
+
|
|
1577
|
+
.payment-success-container {
|
|
1578
|
+
display: flex;
|
|
1579
|
+
flex-direction: column;
|
|
1580
|
+
align-items: center;
|
|
1581
|
+
padding: 18px 20px 24px;
|
|
1582
|
+
width: 335px;
|
|
1583
|
+
height: 400px; /* Fixed height */
|
|
1584
|
+
background: #ffffff;
|
|
1585
|
+
border-radius: 12px;
|
|
1586
|
+
position: relative;
|
|
1587
|
+
/* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
|
1588
|
+
border: 1px solid #e3e3e3; */
|
|
1589
|
+
justify-content: center;
|
|
1590
|
+
text-align: center;
|
|
1591
|
+
margin-top: 50px; /* Adjust this to move the content down */
|
|
1592
|
+
}
|
|
1593
|
+
|
|
1594
|
+
.success-icon {
|
|
1595
|
+
display: flex;
|
|
1596
|
+
flex-direction: column;
|
|
1597
|
+
align-items: center;
|
|
1598
|
+
gap: 12px;
|
|
1599
|
+
width: 227px;
|
|
1600
|
+
height: 116px;
|
|
1601
|
+
z-index: 2;
|
|
1602
|
+
}
|
|
1603
|
+
|
|
1604
|
+
.circle {
|
|
1605
|
+
width: 40px;
|
|
1606
|
+
height: 40px;
|
|
1607
|
+
border: 1px solid #49b182;
|
|
1608
|
+
border-radius: 50%;
|
|
1609
|
+
display: flex;
|
|
1610
|
+
justify-content: center;
|
|
1611
|
+
align-items: center;
|
|
1612
|
+
}
|
|
1613
|
+
|
|
1614
|
+
.circle .fa-check-circle {
|
|
1615
|
+
font-size: 20px;
|
|
1616
|
+
color: #49b182;
|
|
1617
|
+
}
|
|
1618
|
+
|
|
1619
|
+
.success-text {
|
|
1620
|
+
display: flex;
|
|
1621
|
+
flex-direction: column;
|
|
1622
|
+
justify-content: center;
|
|
1623
|
+
align-items: center;
|
|
1624
|
+
gap: 4px;
|
|
1625
|
+
width: 227px;
|
|
1626
|
+
}
|
|
1627
|
+
|
|
1628
|
+
.payment-success-text {
|
|
1629
|
+
font-family: "Inter", sans-serif;
|
|
1630
|
+
font-weight: 500;
|
|
1631
|
+
font-size: 18px;
|
|
1632
|
+
line-height: 21px;
|
|
1633
|
+
text-align: center;
|
|
1634
|
+
letter-spacing: -0.02em;
|
|
1635
|
+
color: #161616;
|
|
1636
|
+
}
|
|
1637
|
+
|
|
1638
|
+
.thank-you-text {
|
|
1639
|
+
font-family: "Inter", sans-serif;
|
|
1640
|
+
font-weight: 500;
|
|
1641
|
+
font-size: 14px;
|
|
1642
|
+
line-height: 18px;
|
|
1643
|
+
text-align: center;
|
|
1644
|
+
letter-spacing: -0.02em;
|
|
1645
|
+
color: #161616;
|
|
1646
|
+
opacity: 0.5;
|
|
1647
|
+
}
|
|
1648
|
+
|
|
1649
|
+
.charge-payment-success-tick-div {
|
|
1650
|
+
display: flex;
|
|
1651
|
+
justify-content: center;
|
|
1652
|
+
align-items: center;
|
|
1653
|
+
margin-top: 32px;
|
|
1654
|
+
}
|
|
1655
|
+
.charge-payment-success-tick {
|
|
1656
|
+
border-radius: 1000px;
|
|
1657
|
+
background: rgba(97, 198, 153, 0.14);
|
|
1658
|
+
display: flex;
|
|
1659
|
+
width: 60px;
|
|
1660
|
+
height: 60px;
|
|
1661
|
+
justify-content: center;
|
|
1662
|
+
align-items: center;
|
|
1663
|
+
}
|
|
1664
|
+
.charge-payment-success-text {
|
|
1665
|
+
color: #161616;
|
|
1666
|
+
text-align: center;
|
|
1667
|
+
font-family: Inter;
|
|
1668
|
+
font-size: 32px;
|
|
1669
|
+
font-style: normal;
|
|
1670
|
+
font-weight: 500;
|
|
1671
|
+
line-height: 36px;
|
|
1672
|
+
letter-spacing: -0.64px;
|
|
1673
|
+
margin-top: 20px;
|
|
1674
|
+
margin-bottom: 5px !important;
|
|
1675
|
+
}
|
|
1676
|
+
.charge-payment-success-container {
|
|
1677
|
+
display: flex;
|
|
1678
|
+
padding: 120px 48px 32px 48px;
|
|
1679
|
+
flex-direction: column;
|
|
1680
|
+
justify-content: center;
|
|
1681
|
+
align-items: center;
|
|
1682
|
+
}
|
|
1683
|
+
.charge-payment-success-subtext {
|
|
1684
|
+
color: #727272;
|
|
1685
|
+
text-align: center;
|
|
1686
|
+
font-family: Inter;
|
|
1687
|
+
font-size: 14px;
|
|
1688
|
+
font-style: normal;
|
|
1689
|
+
font-weight: 500;
|
|
1690
|
+
line-height: 18px; /* 128.571% */
|
|
1691
|
+
letter-spacing: -0.28px;
|
|
1692
|
+
}
|
|
1693
|
+
.charge-success-payment-button-div {
|
|
1694
|
+
display: flex;
|
|
1695
|
+
gap: 10px;
|
|
1696
|
+
align-items: baseline;
|
|
1697
|
+
}
|
|
1698
|
+
.charge-success-btn1 {
|
|
1699
|
+
display: flex;
|
|
1700
|
+
padding: 9px 16px;
|
|
1701
|
+
align-items: center;
|
|
1702
|
+
gap: 6px;
|
|
1703
|
+
border-radius: 1000px;
|
|
1704
|
+
border: 1px solid #e0dfe2;
|
|
1705
|
+
background: #fff;
|
|
1706
|
+
color: #161616;
|
|
1707
|
+
}
|
|
1708
|
+
|
|
1709
|
+
.charge-payment-success-btn-div {
|
|
1710
|
+
display: flex;
|
|
1711
|
+
align-items: flex-start;
|
|
1712
|
+
justify-content: center;
|
|
1713
|
+
gap: 8px;
|
|
1714
|
+
}
|
|
1715
|
+
|
|
1716
|
+
.charge-payment-success-btn1 {
|
|
1717
|
+
cursor: pointer;
|
|
1718
|
+
border-radius: 80px;
|
|
1719
|
+
border: 1px solid #e0dfe2;
|
|
1720
|
+
display: flex;
|
|
1721
|
+
padding: 12px 32px;
|
|
1722
|
+
justify-content: center;
|
|
1723
|
+
align-items: center;
|
|
1724
|
+
gap: 6px;
|
|
1725
|
+
background-color: #fff;
|
|
1726
|
+
}
|
|
1727
|
+
|
|
1728
|
+
.charge-payment-success-btn2 {
|
|
1729
|
+
border-radius: 80px;
|
|
1730
|
+
cursor: pointer;
|
|
1731
|
+
border: 1px solid #e0dfe2;
|
|
1732
|
+
display: flex;
|
|
1733
|
+
padding: 12px 32px;
|
|
1734
|
+
justify-content: center;
|
|
1735
|
+
align-items: center;
|
|
1736
|
+
gap: 6px;
|
|
1737
|
+
background-color: #161616;
|
|
1738
|
+
color: #fff;
|
|
1739
|
+
}`);
|
|
1740
|
+
}
|
|
1741
|
+
|
|
1742
|
+
// src/app/components/SuccessMessage/SuccessMsz.tsx
|
|
1743
|
+
function SuccessMsz({ onClose }) {
|
|
1744
|
+
return /* @__PURE__ */ import_react10.default.createElement(import_react10.default.Fragment, null, /* @__PURE__ */ import_react10.default.createElement(SuccessMszStyle, null), /* @__PURE__ */ import_react10.default.createElement("div", { className: "payment-msg-container" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "charge-payment-success-container" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "charge-payment-success-tick-div" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "charge-payment-success-tick" }, /* @__PURE__ */ import_react10.default.createElement(
|
|
1745
|
+
"svg",
|
|
1746
|
+
{
|
|
1747
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1748
|
+
width: "16",
|
|
1749
|
+
height: "16",
|
|
1750
|
+
viewBox: "0 0 16 16",
|
|
1751
|
+
fill: "none"
|
|
1752
|
+
},
|
|
1753
|
+
/* @__PURE__ */ import_react10.default.createElement(
|
|
1754
|
+
"path",
|
|
1755
|
+
{
|
|
1756
|
+
d: "M6.12669 13.9774C5.97396 14.131 5.76558 14.2167 5.54913 14.2167C5.33267 14.2167 5.1243 14.131 4.97157 13.9774L0.359012 9.36408C-0.119671 8.8854 -0.119671 8.10919 0.359012 7.6314L0.936573 7.05369C1.4154 6.57501 2.19072 6.57501 2.6694 7.05369L5.54913 9.93357L13.3306 2.15198C13.8094 1.6733 14.5855 1.6733 15.0634 2.15198L15.641 2.72969C16.1196 3.20837 16.1196 3.98444 15.641 4.46237L6.12669 13.9774Z",
|
|
1757
|
+
fill: "#61C699"
|
|
1758
|
+
}
|
|
1759
|
+
)
|
|
1760
|
+
))), /* @__PURE__ */ import_react10.default.createElement("p", { className: "charge-payment-success-text" }, "Your charge", /* @__PURE__ */ import_react10.default.createElement("br", null), "was successful"), /* @__PURE__ */ import_react10.default.createElement("p", { className: "charge-payment-success-subtext" }, "We\u2019ve processed your charge"), /* @__PURE__ */ import_react10.default.createElement("div", { className: "charge-success-payment-button-div" }, /* @__PURE__ */ import_react10.default.createElement("button", { className: "charge-success-btn1" }, /* @__PURE__ */ import_react10.default.createElement(
|
|
1761
|
+
"svg",
|
|
1762
|
+
{
|
|
1763
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1764
|
+
width: "17",
|
|
1765
|
+
height: "16",
|
|
1766
|
+
viewBox: "0 0 17 16",
|
|
1767
|
+
fill: "none"
|
|
1768
|
+
},
|
|
1769
|
+
/* @__PURE__ */ import_react10.default.createElement(
|
|
1770
|
+
"path",
|
|
1771
|
+
{
|
|
1772
|
+
d: "M15.7729 8.7272C15.58 8.7272 15.395 8.80383 15.2586 8.94022C15.1222 9.07661 15.0456 9.2616 15.0456 9.45448V12.5185C15.045 13.0559 14.8313 13.5711 14.4513 13.9511C14.0713 14.3311 13.5561 14.5449 13.0187 14.5454H3.98149C3.44409 14.5449 2.92887 14.3311 2.54887 13.9511C2.16887 13.5711 1.95514 13.0559 1.95456 12.5185V9.45448C1.95456 9.2616 1.87794 9.07661 1.74154 8.94022C1.60515 8.80383 1.42017 8.7272 1.22728 8.7272C1.03439 8.7272 0.849407 8.80383 0.713015 8.94022C0.576624 9.07661 0.5 9.2616 0.5 9.45448V12.5185C0.500963 13.4416 0.86807 14.3265 1.52077 14.9792C2.17346 15.6319 3.05844 15.999 3.98149 16H13.0187C13.9417 15.999 14.8267 15.6319 15.4794 14.9792C16.1321 14.3265 16.4992 13.4416 16.5002 12.5185V9.45448C16.5002 9.2616 16.4235 9.07661 16.2871 8.94022C16.1507 8.80383 15.9658 8.7272 15.7729 8.7272Z",
|
|
1773
|
+
fill: "#161616"
|
|
1774
|
+
}
|
|
1775
|
+
),
|
|
1776
|
+
/* @__PURE__ */ import_react10.default.createElement(
|
|
1777
|
+
"path",
|
|
1778
|
+
{
|
|
1779
|
+
d: "M4.65059 6.75861L7.7728 9.88082V0.72728C7.7728 0.534394 7.84942 0.349407 7.98581 0.213015C8.1222 0.0766239 8.30719 0 8.50008 0C8.69296 0 8.87795 0.0766239 9.01434 0.213015C9.15073 0.349407 9.22736 0.534394 9.22736 0.72728V9.88082L12.3496 6.75861C12.4867 6.62613 12.6704 6.55283 12.8611 6.55448C13.0518 6.55614 13.2342 6.63263 13.3691 6.76747C13.5039 6.90231 13.5804 7.08472 13.5821 7.27541C13.5837 7.46611 13.5104 7.64982 13.3779 7.78698L9.01427 12.1507C8.87788 12.287 8.69293 12.3636 8.50008 12.3636C8.30723 12.3636 8.12228 12.287 7.98589 12.1507L3.62221 7.78698C3.48973 7.64982 3.41643 7.46611 3.41808 7.27541C3.41974 7.08472 3.49623 6.90231 3.63107 6.76747C3.76592 6.63263 3.94833 6.55614 4.13902 6.55448C4.32971 6.55283 4.51342 6.62613 4.65059 6.75861Z",
|
|
1780
|
+
fill: "#161616"
|
|
1781
|
+
}
|
|
1782
|
+
)
|
|
1783
|
+
), "Print receipt"), /* @__PURE__ */ import_react10.default.createElement("button", { className: "charge-success-btn1" }, /* @__PURE__ */ import_react10.default.createElement(
|
|
1784
|
+
"svg",
|
|
1785
|
+
{
|
|
1786
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
1787
|
+
width: "17",
|
|
1788
|
+
height: "16",
|
|
1789
|
+
viewBox: "0 0 17 16",
|
|
1790
|
+
fill: "none"
|
|
1791
|
+
},
|
|
1792
|
+
/* @__PURE__ */ import_react10.default.createElement("g", { "clip-path": "url(#clip0_12420_50683)" }, /* @__PURE__ */ import_react10.default.createElement(
|
|
1793
|
+
"path",
|
|
1794
|
+
{
|
|
1795
|
+
d: "M9.30194 4.78664V2.31152C9.30194 2.09629 9.3862 1.88988 9.53631 1.73768C9.68634 1.5855 9.8899 1.5 10.1021 1.5C10.312 1.50089 10.5132 1.58542 10.6622 1.73534L16.2633 7.41595C16.3383 7.49142 16.3978 7.58117 16.4385 7.68001C16.4791 7.77894 16.5 7.885 16.5 7.99212C16.5 8.09924 16.4791 8.20531 16.4385 8.30423C16.3978 8.40307 16.3383 8.49283 16.2633 8.5683L10.6622 14.2489C10.5499 14.3606 10.4076 14.4362 10.2531 14.4663C10.0987 14.4964 9.93887 14.4797 9.79372 14.4182C9.64857 14.3568 9.52455 14.2532 9.43701 14.1206C9.34955 13.9881 9.30258 13.8323 9.30194 13.6727V11.157H8.62181C7.35764 11.1379 6.10443 11.3981 4.94932 11.9193C3.79422 12.4406 2.76481 13.2107 1.93249 14.1759C1.83215 14.3113 1.6926 14.4115 1.53337 14.4624C1.37406 14.5134 1.20306 14.5125 1.04431 14.4599C0.882759 14.4046 0.742811 14.2984 0.644952 14.1568C0.547092 14.0152 0.496363 13.8456 0.500203 13.6727C0.500203 6.27171 6.96548 5.00575 9.30194 4.78664ZM8.62181 9.51777C9.15695 9.51607 9.69162 9.55129 10.2221 9.62327C10.4115 9.6524 10.5844 9.74954 10.7092 9.89699C10.834 10.0444 10.9025 10.2324 10.9023 10.4267V11.717L14.567 7.99212L10.9023 4.26727V5.55758C10.9023 5.77281 10.8179 5.97922 10.6679 6.13141C10.5178 6.28359 10.3143 6.36909 10.1021 6.36909C9.37396 6.36909 3.61282 6.5314 2.36457 11.5871C4.17637 10.2324 6.3708 9.50665 8.62181 9.51777Z",
|
|
1796
|
+
fill: "#161616"
|
|
1797
|
+
}
|
|
1798
|
+
)),
|
|
1799
|
+
/* @__PURE__ */ import_react10.default.createElement("defs", null, /* @__PURE__ */ import_react10.default.createElement("clipPath", { id: "clip0_12420_50683" }, /* @__PURE__ */ import_react10.default.createElement(
|
|
1800
|
+
"rect",
|
|
1801
|
+
{
|
|
1802
|
+
width: "16",
|
|
1803
|
+
height: "16",
|
|
1804
|
+
fill: "white",
|
|
1805
|
+
transform: "translate(0.5)"
|
|
1806
|
+
}
|
|
1807
|
+
)))
|
|
1808
|
+
), "Send receipt"))), /* @__PURE__ */ import_react10.default.createElement("div", { className: "charge-payment-success-btn-div" }, /* @__PURE__ */ import_react10.default.createElement("button", { className: "charge-payment-success-btn1" }, "Go to Transactions"), /* @__PURE__ */ import_react10.default.createElement("button", { className: "charge-payment-success-btn2", onClick: onClose }, "Close"))));
|
|
1809
|
+
}
|
|
1810
|
+
|
|
1811
|
+
// src/app/components/Charge/GetPaymentPage.tsx
|
|
1812
|
+
var import_sweetalert2 = __toESM(require("sweetalert2"));
|
|
1813
|
+
function GetPaymentPage(props) {
|
|
1553
1814
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
1554
|
-
const [
|
|
1555
|
-
const [
|
|
1556
|
-
const [
|
|
1557
|
-
const [
|
|
1558
|
-
const [
|
|
1559
|
-
const [
|
|
1560
|
-
const
|
|
1561
|
-
const [
|
|
1815
|
+
const [loading, setLoading] = (0, import_react11.useState)(false);
|
|
1816
|
+
const [success, setSuccess] = (0, import_react11.useState)(false);
|
|
1817
|
+
const [show, setShow] = (0, import_react11.useState)(false);
|
|
1818
|
+
const [activetab, setActive] = (0, import_react11.useState)("card");
|
|
1819
|
+
const [saveCardInfo, setSaveCardInfo] = (0, import_react11.useState)(false);
|
|
1820
|
+
const [saveACHinfo, setSaveACHinfo] = (0, import_react11.useState)(false);
|
|
1821
|
+
const fractalpayClientKey = props.fractalpayClientKey;
|
|
1822
|
+
const [cardData, setCardData] = (0, import_react11.useState)();
|
|
1823
|
+
const [cardError, setCardError] = (0, import_react11.useState)({});
|
|
1824
|
+
const [achData, setAchData] = (0, import_react11.useState)();
|
|
1825
|
+
const [achError, setAchError] = (0, import_react11.useState)({});
|
|
1826
|
+
const showLoader = () => setLoading(true);
|
|
1827
|
+
const hideLoader = () => setLoading(false);
|
|
1828
|
+
const showError = (msz) => {
|
|
1829
|
+
import_sweetalert2.default.fire({
|
|
1830
|
+
icon: "error",
|
|
1831
|
+
title: "Oops...",
|
|
1832
|
+
text: msz
|
|
1833
|
+
});
|
|
1834
|
+
};
|
|
1562
1835
|
const handleClose = () => {
|
|
1563
1836
|
setShow(false);
|
|
1564
1837
|
};
|
|
1565
1838
|
const handleShow = () => setShow(true);
|
|
1839
|
+
const handleCloseSeccess = () => {
|
|
1840
|
+
setSuccess(false);
|
|
1841
|
+
handleClose();
|
|
1842
|
+
};
|
|
1566
1843
|
const handletabchange = (id) => {
|
|
1567
1844
|
setActive(id);
|
|
1568
1845
|
};
|
|
1569
|
-
const handleCardChange = (
|
|
1570
|
-
const
|
|
1846
|
+
const handleCardChange = (field, value) => {
|
|
1847
|
+
const name = field;
|
|
1571
1848
|
const numericFields = ["expiryMonth", "expiryYear", "zipCode", "cvv"];
|
|
1572
1849
|
if (numericFields.includes(name)) {
|
|
1573
1850
|
if (value === "" || /^[0-9]+$/.test(value)) {
|
|
@@ -1660,7 +1937,6 @@ function GetPaymentPage({}) {
|
|
|
1660
1937
|
}
|
|
1661
1938
|
}
|
|
1662
1939
|
setCardError(errors);
|
|
1663
|
-
console.log(errors);
|
|
1664
1940
|
return Object.keys(errors).length > 0;
|
|
1665
1941
|
};
|
|
1666
1942
|
const validateAchData = () => {
|
|
@@ -1688,7 +1964,7 @@ function GetPaymentPage({}) {
|
|
|
1688
1964
|
console.log(errors);
|
|
1689
1965
|
return Object.keys(errors).length > 0;
|
|
1690
1966
|
};
|
|
1691
|
-
const submitFunc = (e) => {
|
|
1967
|
+
const submitFunc = async (e) => {
|
|
1692
1968
|
e.preventDefault();
|
|
1693
1969
|
if (activetab !== "ach") {
|
|
1694
1970
|
const hasError = validateCardData();
|
|
@@ -1697,12 +1973,63 @@ function GetPaymentPage({}) {
|
|
|
1697
1973
|
let validCard = DatacapWebToken.validateCardNumber(cardData == null ? void 0 : cardData.cardNumber.replaceAll(" ", ""));
|
|
1698
1974
|
let validExpirationDate = DatacapWebToken.validateExpirationDate(cardData == null ? void 0 : cardData.expiryMonth, cardData == null ? void 0 : cardData.expiryYear);
|
|
1699
1975
|
let validCVV = DatacapWebToken.validateCVV(cardData == null ? void 0 : cardData.cvv);
|
|
1700
|
-
console.log(cardData, validCard, validExpirationDate, validCVV);
|
|
1701
1976
|
let errors = {};
|
|
1702
1977
|
if (!validCard) errors.cardNumber = "Invalid card Number";
|
|
1703
1978
|
if (!validExpirationDate) errors.expiryMonth = "Invalid Expiration Date.";
|
|
1704
1979
|
if (!validCVV) errors.cvv = "Invalid CVV";
|
|
1705
1980
|
setCardError(errors);
|
|
1981
|
+
if (validCard && validCVV && validExpirationDate) {
|
|
1982
|
+
showLoader();
|
|
1983
|
+
try {
|
|
1984
|
+
const formData = __spreadProps(__spreadValues({}, cardData), {
|
|
1985
|
+
amount: `${props.amount || 0}`,
|
|
1986
|
+
// fractalpayClientKey : fractalpayClientKey,
|
|
1987
|
+
fractalpayPublicKey: fractalpayClientKey
|
|
1988
|
+
});
|
|
1989
|
+
const result = await import_axios3.default.post(`${baseUrl}create-widget-order`, formData);
|
|
1990
|
+
console.log(result);
|
|
1991
|
+
let tokenCallback = async function(response) {
|
|
1992
|
+
if (response.Error) {
|
|
1993
|
+
showError(response.Error);
|
|
1994
|
+
hideLoader();
|
|
1995
|
+
} else {
|
|
1996
|
+
var token = response.Token;
|
|
1997
|
+
var jsonResponse = JSON.stringify(response, null, 2);
|
|
1998
|
+
let name = cardData == null ? void 0 : cardData.cardName;
|
|
1999
|
+
let postal_code = cardData == null ? void 0 : cardData.zipCode;
|
|
2000
|
+
response.name = name;
|
|
2001
|
+
response.postal_code = postal_code;
|
|
2002
|
+
console.log("Response :", response);
|
|
2003
|
+
try {
|
|
2004
|
+
let apiResponse = await import_axios3.default.post(`${masterBaseUrl}quick-pay/${result == null ? void 0 : result.data.data.posSalesIdEncode}`, response);
|
|
2005
|
+
console.log(apiResponse);
|
|
2006
|
+
setCardData({
|
|
2007
|
+
cardName: "",
|
|
2008
|
+
cardNumber: "",
|
|
2009
|
+
expiryMonth: "",
|
|
2010
|
+
expiryYear: "",
|
|
2011
|
+
cvv: "",
|
|
2012
|
+
orderId: "",
|
|
2013
|
+
zipCode: ""
|
|
2014
|
+
});
|
|
2015
|
+
setSuccess(true);
|
|
2016
|
+
hideLoader();
|
|
2017
|
+
} catch (err) {
|
|
2018
|
+
console.log(err);
|
|
2019
|
+
hideLoader();
|
|
2020
|
+
showError("something wrong..");
|
|
2021
|
+
}
|
|
2022
|
+
}
|
|
2023
|
+
};
|
|
2024
|
+
if (typeof DatacapWebToken !== "undefined") {
|
|
2025
|
+
DatacapWebToken.requestToken(result == null ? void 0 : result.data.data.dctoken, "PaymentForm", tokenCallback);
|
|
2026
|
+
}
|
|
2027
|
+
} catch (err) {
|
|
2028
|
+
console.log(err);
|
|
2029
|
+
hideLoader();
|
|
2030
|
+
showError("Something went wrong");
|
|
2031
|
+
}
|
|
2032
|
+
}
|
|
1706
2033
|
}
|
|
1707
2034
|
} else {
|
|
1708
2035
|
console.log(achData);
|
|
@@ -1713,24 +2040,25 @@ function GetPaymentPage({}) {
|
|
|
1713
2040
|
}
|
|
1714
2041
|
}
|
|
1715
2042
|
};
|
|
1716
|
-
return /* @__PURE__ */
|
|
2043
|
+
return /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement(Chargewidgetstyles, null), /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement(
|
|
1717
2044
|
"button",
|
|
1718
2045
|
{
|
|
1719
2046
|
className: "paymentBtn",
|
|
1720
2047
|
onClick: handleShow
|
|
1721
2048
|
},
|
|
1722
2049
|
"Pay"
|
|
1723
|
-
), /* @__PURE__ */
|
|
2050
|
+
), /* @__PURE__ */ import_react11.default.createElement(
|
|
1724
2051
|
CustomModal2_default,
|
|
1725
2052
|
{
|
|
1726
2053
|
open: show,
|
|
1727
2054
|
onClose: handleClose
|
|
1728
2055
|
},
|
|
1729
|
-
/* @__PURE__ */
|
|
2056
|
+
/* @__PURE__ */ import_react11.default.createElement(Loader_default, { loading }),
|
|
2057
|
+
success ? /* @__PURE__ */ import_react11.default.createElement(SuccessMsz, { onClose: handleCloseSeccess }) : /* @__PURE__ */ import_react11.default.createElement("div", null, /* @__PURE__ */ import_react11.default.createElement("div", null, /* @__PURE__ */ import_react11.default.createElement("span", { className: "request-payment-close-popup", onClick: handleClose }, /* @__PURE__ */ import_react11.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, /* @__PURE__ */ import_react11.default.createElement("g", { "clip-path": "url(#clip0_12425_52336)" }, /* @__PURE__ */ import_react11.default.createElement("path", { d: "M9.46585 8.01168L15.6959 1.7814C16.1014 1.37615 16.1014 0.720912 15.6959 0.315659C15.2907 -0.0895946 14.6354 -0.0895946 14.2302 0.315659L7.99991 6.54593L1.76983 0.315659C1.36438 -0.0895946 0.709336 -0.0895946 0.304082 0.315659C-0.101361 0.720912 -0.101361 1.37615 0.304082 1.7814L6.53416 8.01168L0.304082 14.2419C-0.101361 14.6472 -0.101361 15.3024 0.304082 15.7077C0.506045 15.9098 0.771595 16.0114 1.03695 16.0114C1.30232 16.0114 1.56768 15.9098 1.76983 15.7077L7.99991 9.47742L14.2302 15.7077C14.4323 15.9098 14.6977 16.0114 14.9631 16.0114C15.2284 16.0114 15.4938 15.9098 15.6959 15.7077C16.1014 15.3024 16.1014 14.6472 15.6959 14.2419L9.46585 8.01168Z", fill: "#727272" })), /* @__PURE__ */ import_react11.default.createElement("defs", null, /* @__PURE__ */ import_react11.default.createElement("clipPath", { id: "clip0_12425_52336" }, /* @__PURE__ */ import_react11.default.createElement("rect", { width: "16", height: "16", fill: "white" }))))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "pay-container" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "pay-header pay-conatiner-one" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "pay-logo-container" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "pay-main-logo" }, /* @__PURE__ */ import_react11.default.createElement("img", { src: "https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/uploaded/merchant_logo/20250311131124_merchant_logo.png", id: "pay-logos" })), /* @__PURE__ */ import_react11.default.createElement("h1", { className: "pay-heading" }, "Pay")), /* @__PURE__ */ import_react11.default.createElement("div", { className: "pay-amount-conatiner" }, /* @__PURE__ */ import_react11.default.createElement("small", { className: "pay-payment-amount" }, "Payment Amount"), /* @__PURE__ */ import_react11.default.createElement("strong", { className: "pay-amount" }, "$1.35")), activetab == "card" && /* @__PURE__ */ import_react11.default.createElement("div", { style: { display: "flex", gap: "8px", margin: "8px 0" } }, /* @__PURE__ */ import_react11.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/visa-img.svg", alt: "", width: 33 }), /* @__PURE__ */ import_react11.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/mc-img.svg", width: 33, alt: "" }), /* @__PURE__ */ import_react11.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/ae-img.svg", alt: "", width: 33 }), /* @__PURE__ */ import_react11.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/discover-img.svg", width: 33, alt: "" }))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "pay-tab pay-conatiner-two" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "col-md-12" }, /* @__PURE__ */ import_react11.default.createElement("div", { id: "payment-form-div" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "tab" }, /* @__PURE__ */ import_react11.default.createElement("button", { className: "tablinks", onClick: (e) => {
|
|
1730
2058
|
handletabchange("card");
|
|
1731
|
-
}, style: { backgroundColor: activetab === "card" ? "#fff" : "inherit" } }, "Card"), /* @__PURE__ */
|
|
2059
|
+
}, style: { backgroundColor: activetab === "card" ? "#fff" : "inherit" } }, "Card"), /* @__PURE__ */ import_react11.default.createElement("button", { className: "tablinks", onClick: (e) => {
|
|
1732
2060
|
handletabchange("ach");
|
|
1733
|
-
}, style: { backgroundColor: activetab === "ach" ? "#fff" : "inherit" } }, "ACH")), /* @__PURE__ */
|
|
2061
|
+
}, style: { backgroundColor: activetab === "ach" ? "#fff" : "inherit" } }, "ACH")), /* @__PURE__ */ import_react11.default.createElement("div", { id: "card", style: { display: activetab === "card" ? "block" : "none" }, className: "tabcontent" }, /* @__PURE__ */ import_react11.default.createElement("form", { id: "PaymentForm", onSubmit: submitFunc }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react11.default.createElement("label", { htmlFor: "cardHolderName" }, "Name on Card"), /* @__PURE__ */ import_react11.default.createElement("input", { type: "text", className: "form-control", maxLength: 100, placeholder: "John Doe", value: cardData == null ? void 0 : cardData.cardName, onChange: (e) => handleCardChange("cardName", e.target.value) }), (cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */ import_react11.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cardName)), /* @__PURE__ */ import_react11.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react11.default.createElement("label", { htmlFor: "cardNumber" }, "Card Number"), /* @__PURE__ */ import_react11.default.createElement("div", { className: "toggle-num-wrapper" }, /* @__PURE__ */ import_react11.default.createElement(
|
|
1734
2062
|
"input",
|
|
1735
2063
|
{
|
|
1736
2064
|
className: "form-control card-number-new",
|
|
@@ -1738,11 +2066,11 @@ function GetPaymentPage({}) {
|
|
|
1738
2066
|
maxLength: 19,
|
|
1739
2067
|
inputMode: "numeric",
|
|
1740
2068
|
placeholder: "0000 0000 0000 0000",
|
|
1741
|
-
name: "cardNumber",
|
|
1742
2069
|
value: (cardData == null ? void 0 : cardData.cardNumber) || "",
|
|
1743
|
-
onChange: handleCardNumberChange
|
|
2070
|
+
onChange: (e) => handleCardNumberChange(e),
|
|
2071
|
+
"data-token": "card_number"
|
|
1744
2072
|
}
|
|
1745
|
-
), /* @__PURE__ */
|
|
2073
|
+
), /* @__PURE__ */ import_react11.default.createElement("div", { className: "card-crdi card-expiry-new" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "exp-date-year-container" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "exp-date form-group" }, /* @__PURE__ */ import_react11.default.createElement(
|
|
1746
2074
|
"input",
|
|
1747
2075
|
{
|
|
1748
2076
|
"data-token": "exp_month",
|
|
@@ -1750,11 +2078,10 @@ function GetPaymentPage({}) {
|
|
|
1750
2078
|
type: "text",
|
|
1751
2079
|
placeholder: "MM",
|
|
1752
2080
|
maxLength: 2,
|
|
1753
|
-
name: "expiryMonth",
|
|
1754
2081
|
value: (cardData == null ? void 0 : cardData.expiryMonth) || "",
|
|
1755
|
-
|
|
2082
|
+
onChange: (e) => handleCardChange("expiryMonth", e.target.value)
|
|
1756
2083
|
}
|
|
1757
|
-
)), /* @__PURE__ */
|
|
2084
|
+
)), /* @__PURE__ */ import_react11.default.createElement("div", { className: "exp-year form-group" }, /* @__PURE__ */ import_react11.default.createElement(
|
|
1758
2085
|
"input",
|
|
1759
2086
|
{
|
|
1760
2087
|
"data-token": "exp_year",
|
|
@@ -1762,11 +2089,10 @@ function GetPaymentPage({}) {
|
|
|
1762
2089
|
type: "text",
|
|
1763
2090
|
placeholder: "YYYY",
|
|
1764
2091
|
maxLength: 4,
|
|
1765
|
-
name: "expiryYear",
|
|
1766
2092
|
value: (cardData == null ? void 0 : cardData.expiryYear) || "",
|
|
1767
|
-
onChange: handleCardChange
|
|
2093
|
+
onChange: (e) => handleCardChange("expiryYear", e.target.value)
|
|
1768
2094
|
}
|
|
1769
|
-
)), /* @__PURE__ */
|
|
2095
|
+
)), /* @__PURE__ */ import_react11.default.createElement("div", { className: "security-digit form-group" }, /* @__PURE__ */ import_react11.default.createElement(
|
|
1770
2096
|
"input",
|
|
1771
2097
|
{
|
|
1772
2098
|
"data-token": "cvv",
|
|
@@ -1774,25 +2100,22 @@ function GetPaymentPage({}) {
|
|
|
1774
2100
|
type: "text",
|
|
1775
2101
|
maxLength: 4,
|
|
1776
2102
|
placeholder: "CVC",
|
|
1777
|
-
name: "cvv",
|
|
1778
2103
|
value: (cardData == null ? void 0 : cardData.cvv) || "",
|
|
1779
|
-
onChange: handleCardChange
|
|
2104
|
+
onChange: (e) => handleCardChange("cvv", e.target.value)
|
|
1780
2105
|
}
|
|
1781
|
-
)))), (cardError == null ? void 0 : cardError.cardNumber) && /* @__PURE__ */
|
|
2106
|
+
)))), (cardError == null ? void 0 : cardError.cardNumber) && /* @__PURE__ */ import_react11.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cardNumber), /* @__PURE__ */ import_react11.default.createElement("p", { style: { margin: "0" } }, (cardError == null ? void 0 : cardError.expiryMonth) || (cardError == null ? void 0 : cardError.expiryYear) ? /* @__PURE__ */ import_react11.default.createElement("span", { className: "error-span", style: { paddingRight: "4px" } }, cardError == null ? void 0 : cardError.expiryMonth) : "", (cardError == null ? void 0 : cardError.cvv) && /* @__PURE__ */ import_react11.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cvv)))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react11.default.createElement("label", { htmlFor: "OrderId" }, "Order ID / Description"), /* @__PURE__ */ import_react11.default.createElement(
|
|
1782
2107
|
"input",
|
|
1783
2108
|
{
|
|
1784
2109
|
type: "text",
|
|
1785
|
-
id: "OrderId",
|
|
1786
2110
|
className: "form-control",
|
|
1787
2111
|
maxLength: 100,
|
|
1788
2112
|
placeholder: "OID123456",
|
|
1789
|
-
name: "orderId",
|
|
1790
2113
|
disabled: true,
|
|
1791
2114
|
value: (_a = cardData == null ? void 0 : cardData.orderId) != null ? _a : "OID123456",
|
|
1792
|
-
onChange: handleCardChange,
|
|
2115
|
+
onChange: (e) => handleCardChange("orderId", e.target.value),
|
|
1793
2116
|
style: { background: "#F6F6F7", color: "#727272" }
|
|
1794
2117
|
}
|
|
1795
|
-
)), /* @__PURE__ */
|
|
2118
|
+
)), /* @__PURE__ */ import_react11.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react11.default.createElement("label", { htmlFor: "zip" }, "ZIP"), /* @__PURE__ */ import_react11.default.createElement("input", { type: "text", className: "form-control", maxLength: 100, placeholder: "000000", value: (_b = cardData == null ? void 0 : cardData.zipCode) != null ? _b : "", onChange: (e) => handleCardChange("zipCode", e.target.value) }), (cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ import_react11.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.zipCode)), /* @__PURE__ */ import_react11.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react11.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: "10px", paddingTop: "10px" } }, /* @__PURE__ */ import_react11.default.createElement(
|
|
1796
2119
|
"input",
|
|
1797
2120
|
{
|
|
1798
2121
|
type: "checkbox",
|
|
@@ -1801,7 +2124,7 @@ function GetPaymentPage({}) {
|
|
|
1801
2124
|
checked: saveCardInfo,
|
|
1802
2125
|
onChange: (e) => setSaveCardInfo(e.target.checked)
|
|
1803
2126
|
}
|
|
1804
|
-
), /* @__PURE__ */
|
|
2127
|
+
), /* @__PURE__ */ import_react11.default.createElement("label", { htmlFor: "save_card", className: "toggle-label" }), /* @__PURE__ */ import_react11.default.createElement("label", { htmlFor: "save_card" }, "Save card for future payments"))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "form-group", style: { marginTop: "20px" } }, /* @__PURE__ */ import_react11.default.createElement("button", { type: "submit", className: "pay-button" }, "$1.35")))), /* @__PURE__ */ import_react11.default.createElement("div", { id: "ach", style: { display: activetab === "ach" ? "block" : "none" }, className: "tabcontent" }, /* @__PURE__ */ import_react11.default.createElement("form", { id: "ACHPaymentForm", onSubmit: submitFunc }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "ach-scrl" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "form-group mb-4" }, /* @__PURE__ */ import_react11.default.createElement("label", { htmlFor: "nameonaccount" }, "Name on account"), /* @__PURE__ */ import_react11.default.createElement("input", { type: "text", id: "nameonaccount", className: "form-control", maxLength: 100, placeholder: "John Doe", name: "name", value: (_c = achData == null ? void 0 : achData.name) != null ? _c : "", onChange: handleChangeAch }), (achError == null ? void 0 : achError.name) && /* @__PURE__ */ import_react11.default.createElement("span", { className: "error-span" }, achError == null ? void 0 : achError.name)), /* @__PURE__ */ import_react11.default.createElement("div", { className: "form-group mb-4" }, /* @__PURE__ */ import_react11.default.createElement("label", { htmlFor: "routingnumber" }, "Routing number"), /* @__PURE__ */ import_react11.default.createElement(
|
|
1805
2128
|
"input",
|
|
1806
2129
|
{
|
|
1807
2130
|
type: "text",
|
|
@@ -1813,7 +2136,7 @@ function GetPaymentPage({}) {
|
|
|
1813
2136
|
value: (_d = achData == null ? void 0 : achData.routingNumber) != null ? _d : "",
|
|
1814
2137
|
onChange: handleChangeAch
|
|
1815
2138
|
}
|
|
1816
|
-
), (achError == null ? void 0 : achError.routingNumber) && /* @__PURE__ */
|
|
2139
|
+
), (achError == null ? void 0 : achError.routingNumber) && /* @__PURE__ */ import_react11.default.createElement("span", { className: "error-span" }, achError == null ? void 0 : achError.routingNumber)), /* @__PURE__ */ import_react11.default.createElement("div", { className: "form-group mb-4" }, /* @__PURE__ */ import_react11.default.createElement("label", { htmlFor: "accountnumber" }, "Account number"), /* @__PURE__ */ import_react11.default.createElement(
|
|
1817
2140
|
"input",
|
|
1818
2141
|
{
|
|
1819
2142
|
type: "text",
|
|
@@ -1825,7 +2148,7 @@ function GetPaymentPage({}) {
|
|
|
1825
2148
|
value: (_e = achData == null ? void 0 : achData.accountNumber) != null ? _e : "",
|
|
1826
2149
|
onChange: handleChangeAch
|
|
1827
2150
|
}
|
|
1828
|
-
), (achError == null ? void 0 : achError.accountNumber) && /* @__PURE__ */
|
|
2151
|
+
), (achError == null ? void 0 : achError.accountNumber) && /* @__PURE__ */ import_react11.default.createElement("span", { className: "error-span" }, achError == null ? void 0 : achError.accountNumber)), /* @__PURE__ */ import_react11.default.createElement("div", { className: "form-group mb-4" }, /* @__PURE__ */ import_react11.default.createElement("label", { htmlFor: "confirmaccountnumber" }, "Confirm account number"), /* @__PURE__ */ import_react11.default.createElement(
|
|
1829
2152
|
"input",
|
|
1830
2153
|
{
|
|
1831
2154
|
type: "text",
|
|
@@ -1837,7 +2160,7 @@ function GetPaymentPage({}) {
|
|
|
1837
2160
|
value: (_f = achData == null ? void 0 : achData.confirmAccountNumber) != null ? _f : "",
|
|
1838
2161
|
onChange: handleChangeAch
|
|
1839
2162
|
}
|
|
1840
|
-
), (achError == null ? void 0 : achError.confirmAccountNumber) && /* @__PURE__ */
|
|
2163
|
+
), (achError == null ? void 0 : achError.confirmAccountNumber) && /* @__PURE__ */ import_react11.default.createElement("span", { className: "error-span" }, achError == null ? void 0 : achError.confirmAccountNumber)), /* @__PURE__ */ import_react11.default.createElement("div", { className: "form-group mb-4" }, /* @__PURE__ */ import_react11.default.createElement("label", { htmlFor: "bankname" }, "Bank name"), /* @__PURE__ */ import_react11.default.createElement(
|
|
1841
2164
|
"input",
|
|
1842
2165
|
{
|
|
1843
2166
|
type: "text",
|
|
@@ -1849,7 +2172,7 @@ function GetPaymentPage({}) {
|
|
|
1849
2172
|
value: (_g = achData == null ? void 0 : achData.bankName) != null ? _g : "",
|
|
1850
2173
|
onChange: handleChangeAch
|
|
1851
2174
|
}
|
|
1852
|
-
), (achError == null ? void 0 : achError.bankName) && /* @__PURE__ */
|
|
2175
|
+
), (achError == null ? void 0 : achError.bankName) && /* @__PURE__ */ import_react11.default.createElement("span", { className: "error-span" }, achError == null ? void 0 : achError.bankName)), /* @__PURE__ */ import_react11.default.createElement("div", { className: "form-group mb-4" }, /* @__PURE__ */ import_react11.default.createElement("label", { htmlFor: "accounttype" }, "Select account type"), /* @__PURE__ */ import_react11.default.createElement("select", { name: "accounttype", id: "accounttype", className: "form-control", value: (_h = achData == null ? void 0 : achData.accountType) != null ? _h : "", onChange: handleChangeAch }, /* @__PURE__ */ import_react11.default.createElement("option", { value: "" }, "Select account"), /* @__PURE__ */ import_react11.default.createElement("option", { value: "Personal Saving" }, "Personal Saving"), /* @__PURE__ */ import_react11.default.createElement("option", { value: "Business Saving" }, "Business Saving"), /* @__PURE__ */ import_react11.default.createElement("option", { value: "Personal Checking" }, "Personal Checking"), /* @__PURE__ */ import_react11.default.createElement("option", { value: "Business Checking" }, "Business Checking"))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "form-group mb-4", style: { paddingTop: "5px" } }, /* @__PURE__ */ import_react11.default.createElement("input", { type: "checkbox", id: "saveACH", className: "", maxLength: 100, placeholder: "My Bank", checked: saveACHinfo, onChange: (e) => setSaveACHinfo(e.target.checked) }), /* @__PURE__ */ import_react11.default.createElement("label", { htmlFor: "saveACH" }, "Save ACH")), saveACHinfo && /* @__PURE__ */ import_react11.default.createElement("div", { className: "form-group mb-4", style: { fontSize: "12px", color: "#727272" } }, /* @__PURE__ */ import_react11.default.createElement("p", null, "If checked, I agree for ", /* @__PURE__ */ import_react11.default.createElement("b", null, "ecommerce"), " to have my permission to charge this credit card for agreed upon purchases in the future."))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "form-group", style: { marginTop: "30px" } }, /* @__PURE__ */ import_react11.default.createElement("button", { className: "pay-button", type: "submit" }, "$1.35"))))))))))
|
|
1853
2176
|
)));
|
|
1854
2177
|
}
|
|
1855
2178
|
// Annotate the CommonJS export names for ESM import in node:
|