@pinerohit11/testwidget 0.1.74 → 0.1.76
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +29 -23
- package/dist/index.mjs +29 -23
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1302,23 +1302,29 @@ function Chargewidgetstyles() {
|
|
|
1302
1302
|
padding: 8px 0;
|
|
1303
1303
|
}
|
|
1304
1304
|
|
|
1305
|
-
|
|
1306
|
-
|
|
1307
|
-
|
|
1308
|
-
|
|
1309
|
-
|
|
1310
|
-
|
|
1311
|
-
|
|
1312
|
-
// gap: ; /* Optional: spacing between the columns */
|
|
1313
|
-
|
|
1314
|
-
}
|
|
1305
|
+
.pay-container{
|
|
1306
|
+
display: grid;
|
|
1307
|
+
grid-template-columns: 2fr 3fr;
|
|
1308
|
+
padding: 50px 10% 20px ;
|
|
1309
|
+
}
|
|
1310
|
+
// .pay-container {
|
|
1311
|
+
// display: flex;
|
|
1312
|
+
// // gap: ; /* Optional: spacing between the columns */
|
|
1313
|
+
// padding: 50px 10% 20px;
|
|
1314
|
+
// }
|
|
1315
1315
|
|
|
1316
|
-
.pay-container > *:first-child {
|
|
1317
|
-
|
|
1318
|
-
}
|
|
1316
|
+
// .pay-container > *:first-child {
|
|
1317
|
+
// flex: 2;
|
|
1318
|
+
// }
|
|
1319
1319
|
|
|
1320
|
-
.pay-container > *:last-child {
|
|
1321
|
-
|
|
1320
|
+
// .pay-container > *:last-child {
|
|
1321
|
+
// flex: 3;
|
|
1322
|
+
// }
|
|
1323
|
+
.request-payment-close-popup {
|
|
1324
|
+
position: absolute;
|
|
1325
|
+
right: 20px;
|
|
1326
|
+
top: 20px;
|
|
1327
|
+
cursor: pointer;
|
|
1322
1328
|
}
|
|
1323
1329
|
.pay-conatiner-one{
|
|
1324
1330
|
border-right: 1px solid #E0DFE2;
|
|
@@ -1524,18 +1530,18 @@ function Chargewidgetstyles() {
|
|
|
1524
1530
|
|
|
1525
1531
|
|
|
1526
1532
|
|
|
1527
|
-
// @media (max-width: 768px) {
|
|
1528
|
-
// .pay-container {
|
|
1529
|
-
// grid-template-columns: 1fr;
|
|
1530
|
-
// padding: 20px 5%;
|
|
1531
|
-
// }
|
|
1532
|
-
// }
|
|
1533
1533
|
@media (max-width: 768px) {
|
|
1534
1534
|
.pay-container {
|
|
1535
|
-
|
|
1535
|
+
grid-template-columns: 1fr;
|
|
1536
1536
|
padding: 20px 5%;
|
|
1537
1537
|
}
|
|
1538
1538
|
}
|
|
1539
|
+
// @media (max-width: 768px) {
|
|
1540
|
+
// .pay-container {
|
|
1541
|
+
// flex-direction: column;
|
|
1542
|
+
// padding: 20px 2%;
|
|
1543
|
+
// }
|
|
1544
|
+
// }
|
|
1539
1545
|
|
|
1540
1546
|
|
|
1541
1547
|
|
|
@@ -1720,7 +1726,7 @@ function GetPaymentPage({}) {
|
|
|
1720
1726
|
open: show,
|
|
1721
1727
|
onClose: handleClose
|
|
1722
1728
|
},
|
|
1723
|
-
/* @__PURE__ */ import_react9.default.createElement("div", null, /* @__PURE__ */ import_react9.default.createElement("div", null, /* @__PURE__ */ import_react9.default.createElement("
|
|
1729
|
+
/* @__PURE__ */ import_react9.default.createElement("div", null, /* @__PURE__ */ import_react9.default.createElement("div", null, /* @__PURE__ */ import_react9.default.createElement("span", { className: "request-payment-close-popup", onClick: handleClose }, /* @__PURE__ */ import_react9.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, /* @__PURE__ */ import_react9.default.createElement("g", { "clip-path": "url(#clip0_12425_52336)" }, /* @__PURE__ */ import_react9.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_react9.default.createElement("defs", null, /* @__PURE__ */ import_react9.default.createElement("clipPath", { id: "clip0_12425_52336" }, /* @__PURE__ */ import_react9.default.createElement("rect", { width: "16", height: "16", fill: "white" }))))), /* @__PURE__ */ import_react9.default.createElement("div", { className: "pay-container" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "pay-header pay-conatiner-one" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "pay-logo-container" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "pay-main-logo" }, /* @__PURE__ */ import_react9.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_react9.default.createElement("h1", { className: "pay-heading" }, "Pay")), /* @__PURE__ */ import_react9.default.createElement("div", { className: "pay-amount-conatiner" }, /* @__PURE__ */ import_react9.default.createElement("small", { className: "pay-payment-amount" }, "Payment Amount"), /* @__PURE__ */ import_react9.default.createElement("strong", { className: "pay-amount" }, "$1.35")), activetab == "card" && /* @__PURE__ */ import_react9.default.createElement("div", { style: { display: "flex", gap: "8px", margin: "8px 0" } }, /* @__PURE__ */ import_react9.default.createElement("img", { src: "/assests/visa.svg", alt: "", width: 33 }), /* @__PURE__ */ import_react9.default.createElement("img", { src: "/assests/mastercard.svg", width: 33, alt: "" }), /* @__PURE__ */ import_react9.default.createElement("img", { src: "/assests/amex.svg", alt: "", width: 33 }), /* @__PURE__ */ import_react9.default.createElement("img", { src: "/assests/discover.svg", width: 33, alt: "" }))), /* @__PURE__ */ import_react9.default.createElement("div", { className: "pay-tab pay-conatiner-two" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "col-md-12" }, /* @__PURE__ */ import_react9.default.createElement("div", { id: "payment-form-div" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "tab" }, /* @__PURE__ */ import_react9.default.createElement("button", { className: "tablinks", onClick: (e) => {
|
|
1724
1730
|
handletabchange("card");
|
|
1725
1731
|
}, style: { backgroundColor: activetab === "card" ? "#fff" : "inherit" } }, "Card"), /* @__PURE__ */ import_react9.default.createElement("button", { className: "tablinks", onClick: (e) => {
|
|
1726
1732
|
handletabchange("ach");
|
package/dist/index.mjs
CHANGED
|
@@ -1267,23 +1267,29 @@ function Chargewidgetstyles() {
|
|
|
1267
1267
|
padding: 8px 0;
|
|
1268
1268
|
}
|
|
1269
1269
|
|
|
1270
|
-
|
|
1271
|
-
|
|
1272
|
-
|
|
1273
|
-
|
|
1274
|
-
|
|
1275
|
-
|
|
1276
|
-
|
|
1277
|
-
// gap: ; /* Optional: spacing between the columns */
|
|
1278
|
-
|
|
1279
|
-
}
|
|
1270
|
+
.pay-container{
|
|
1271
|
+
display: grid;
|
|
1272
|
+
grid-template-columns: 2fr 3fr;
|
|
1273
|
+
padding: 50px 10% 20px ;
|
|
1274
|
+
}
|
|
1275
|
+
// .pay-container {
|
|
1276
|
+
// display: flex;
|
|
1277
|
+
// // gap: ; /* Optional: spacing between the columns */
|
|
1278
|
+
// padding: 50px 10% 20px;
|
|
1279
|
+
// }
|
|
1280
1280
|
|
|
1281
|
-
.pay-container > *:first-child {
|
|
1282
|
-
|
|
1283
|
-
}
|
|
1281
|
+
// .pay-container > *:first-child {
|
|
1282
|
+
// flex: 2;
|
|
1283
|
+
// }
|
|
1284
1284
|
|
|
1285
|
-
.pay-container > *:last-child {
|
|
1286
|
-
|
|
1285
|
+
// .pay-container > *:last-child {
|
|
1286
|
+
// flex: 3;
|
|
1287
|
+
// }
|
|
1288
|
+
.request-payment-close-popup {
|
|
1289
|
+
position: absolute;
|
|
1290
|
+
right: 20px;
|
|
1291
|
+
top: 20px;
|
|
1292
|
+
cursor: pointer;
|
|
1287
1293
|
}
|
|
1288
1294
|
.pay-conatiner-one{
|
|
1289
1295
|
border-right: 1px solid #E0DFE2;
|
|
@@ -1489,18 +1495,18 @@ function Chargewidgetstyles() {
|
|
|
1489
1495
|
|
|
1490
1496
|
|
|
1491
1497
|
|
|
1492
|
-
// @media (max-width: 768px) {
|
|
1493
|
-
// .pay-container {
|
|
1494
|
-
// grid-template-columns: 1fr;
|
|
1495
|
-
// padding: 20px 5%;
|
|
1496
|
-
// }
|
|
1497
|
-
// }
|
|
1498
1498
|
@media (max-width: 768px) {
|
|
1499
1499
|
.pay-container {
|
|
1500
|
-
|
|
1500
|
+
grid-template-columns: 1fr;
|
|
1501
1501
|
padding: 20px 5%;
|
|
1502
1502
|
}
|
|
1503
1503
|
}
|
|
1504
|
+
// @media (max-width: 768px) {
|
|
1505
|
+
// .pay-container {
|
|
1506
|
+
// flex-direction: column;
|
|
1507
|
+
// padding: 20px 2%;
|
|
1508
|
+
// }
|
|
1509
|
+
// }
|
|
1504
1510
|
|
|
1505
1511
|
|
|
1506
1512
|
|
|
@@ -1685,7 +1691,7 @@ function GetPaymentPage({}) {
|
|
|
1685
1691
|
open: show,
|
|
1686
1692
|
onClose: handleClose
|
|
1687
1693
|
},
|
|
1688
|
-
/* @__PURE__ */ React9.createElement("div", null, /* @__PURE__ */ React9.createElement("div", null, /* @__PURE__ */ React9.createElement("
|
|
1694
|
+
/* @__PURE__ */ React9.createElement("div", null, /* @__PURE__ */ React9.createElement("div", null, /* @__PURE__ */ React9.createElement("span", { className: "request-payment-close-popup", onClick: handleClose }, /* @__PURE__ */ React9.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, /* @__PURE__ */ React9.createElement("g", { "clip-path": "url(#clip0_12425_52336)" }, /* @__PURE__ */ React9.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__ */ React9.createElement("defs", null, /* @__PURE__ */ React9.createElement("clipPath", { id: "clip0_12425_52336" }, /* @__PURE__ */ React9.createElement("rect", { width: "16", height: "16", fill: "white" }))))), /* @__PURE__ */ React9.createElement("div", { className: "pay-container" }, /* @__PURE__ */ React9.createElement("div", { className: "pay-header pay-conatiner-one" }, /* @__PURE__ */ React9.createElement("div", { className: "pay-logo-container" }, /* @__PURE__ */ React9.createElement("div", { className: "pay-main-logo" }, /* @__PURE__ */ React9.createElement("img", { src: "https://fractal-userdata-upload.s3.us-east-1.amazonaws.com/uploaded/merchant_logo/20250311131124_merchant_logo.png", id: "pay-logos" })), /* @__PURE__ */ React9.createElement("h1", { className: "pay-heading" }, "Pay")), /* @__PURE__ */ React9.createElement("div", { className: "pay-amount-conatiner" }, /* @__PURE__ */ React9.createElement("small", { className: "pay-payment-amount" }, "Payment Amount"), /* @__PURE__ */ React9.createElement("strong", { className: "pay-amount" }, "$1.35")), activetab == "card" && /* @__PURE__ */ React9.createElement("div", { style: { display: "flex", gap: "8px", margin: "8px 0" } }, /* @__PURE__ */ React9.createElement("img", { src: "/assests/visa.svg", alt: "", width: 33 }), /* @__PURE__ */ React9.createElement("img", { src: "/assests/mastercard.svg", width: 33, alt: "" }), /* @__PURE__ */ React9.createElement("img", { src: "/assests/amex.svg", alt: "", width: 33 }), /* @__PURE__ */ React9.createElement("img", { src: "/assests/discover.svg", width: 33, alt: "" }))), /* @__PURE__ */ React9.createElement("div", { className: "pay-tab pay-conatiner-two" }, /* @__PURE__ */ React9.createElement("div", { className: "col-md-12" }, /* @__PURE__ */ React9.createElement("div", { id: "payment-form-div" }, /* @__PURE__ */ React9.createElement("div", { className: "tab" }, /* @__PURE__ */ React9.createElement("button", { className: "tablinks", onClick: (e) => {
|
|
1689
1695
|
handletabchange("card");
|
|
1690
1696
|
}, style: { backgroundColor: activetab === "card" ? "#fff" : "inherit" } }, "Card"), /* @__PURE__ */ React9.createElement("button", { className: "tablinks", onClick: (e) => {
|
|
1691
1697
|
handletabchange("ach");
|