@pinerohit11/testwidget 0.2.100 → 0.2.102
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 +15 -12
- package/dist/index.mjs +15 -12
- package/package.json +1 -1
package/dist/index.js
CHANGED
@@ -3631,7 +3631,9 @@ function AddCardStyle() {
|
|
3631
3631
|
.add-card .exp-cvc-container input::placeholder {
|
3632
3632
|
color: #867C94;
|
3633
3633
|
}
|
3634
|
-
|
3634
|
+
|
3635
|
+
#add-credit-card-panel{
|
3636
|
+
padding: auto 10px !important}
|
3635
3637
|
/* Responsive Design */
|
3636
3638
|
@media screen and (max-width: 768px) {
|
3637
3639
|
.add-card .container-creditcard {
|
@@ -4071,7 +4073,7 @@ function AddCard(props) {
|
|
4071
4073
|
success ? /* @__PURE__ */ import_react18.default.createElement(SuccessCardMsz_default, { onClose: handleClose }) : /* @__PURE__ */ import_react18.default.createElement(
|
4072
4074
|
"div",
|
4073
4075
|
{
|
4074
|
-
className: "container-creditcard add-card modal-content ",
|
4076
|
+
className: "container-creditcard add-card modal-content frac-form",
|
4075
4077
|
id: "add-credit-card-panel"
|
4076
4078
|
},
|
4077
4079
|
/* @__PURE__ */ import_react18.default.createElement("form", { id: "creditCardForm", onSubmit: addCardFunc }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "form-group", style: { marginTop: "0", marginBottom: "10px" } }, /* @__PURE__ */ import_react18.default.createElement("label", { htmlFor: "cardNumber" }, "Card Number"), /* @__PURE__ */ import_react18.default.createElement(
|
@@ -4450,10 +4452,11 @@ function AddCardEasyPay(props) {
|
|
4450
4452
|
return /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement(DataScript, null), /* @__PURE__ */ import_react19.default.createElement(AddCardStyle, null), /* @__PURE__ */ import_react19.default.createElement(Loader_default, { loading }), success ? /* @__PURE__ */ import_react19.default.createElement(SuccessCardMsz_default, { onClose: handleCloseSeccess }) : /* @__PURE__ */ import_react19.default.createElement(
|
4451
4453
|
"div",
|
4452
4454
|
{
|
4453
|
-
className: "container-creditcard add-card modal-content
|
4454
|
-
id: "add-credit-card-panel"
|
4455
|
+
className: "container-creditcard add-card modal-content",
|
4456
|
+
id: "add-credit-card-panel",
|
4457
|
+
style: { margin: "auto" }
|
4455
4458
|
},
|
4456
|
-
/* @__PURE__ */ import_react19.default.createElement("form", { id: "creditCardForm", onSubmit: addCardFunc }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ import_react19.default.createElement("label", { htmlFor: "cardNumber" }, "Card Number"), /* @__PURE__ */ import_react19.default.createElement(
|
4459
|
+
/* @__PURE__ */ import_react19.default.createElement("form", { id: "creditCardForm", onSubmit: addCardFunc }, /* @__PURE__ */ import_react19.default.createElement("div", { style: { maxHeight: "350px", minHeight: "0" }, className: "ach-scrl" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "form-group", style: { marginTop: "0", marginBottom: "10px" } }, /* @__PURE__ */ import_react19.default.createElement("label", { htmlFor: "cardNumber" }, "Card Number"), /* @__PURE__ */ import_react19.default.createElement(
|
4457
4460
|
"input",
|
4458
4461
|
{
|
4459
4462
|
type: "text",
|
@@ -4464,7 +4467,7 @@ function AddCardEasyPay(props) {
|
|
4464
4467
|
value: (cardData == null ? void 0 : cardData.cardNumber) || "",
|
4465
4468
|
onChange: (e) => handleCardNumberChange(e)
|
4466
4469
|
}
|
4467
|
-
), (cardError == null ? void 0 : cardError.cardNumber) && /* @__PURE__ */ import_react19.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cardNumber), /* @__PURE__ */ import_react19.default.createElement("br", null)), /* @__PURE__ */ import_react19.default.createElement("div", { className: "card-dtl" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "exp-cvc-container" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react19.default.createElement("label", { htmlFor: "expMonth" }, "MM"), /* @__PURE__ */ import_react19.default.createElement(
|
4470
|
+
), (cardError == null ? void 0 : cardError.cardNumber) && /* @__PURE__ */ import_react19.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cardNumber), /* @__PURE__ */ import_react19.default.createElement("br", null)), /* @__PURE__ */ import_react19.default.createElement("div", { className: "card-dtl" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "exp-cvc-container", style: { margin: "0" } }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ import_react19.default.createElement("label", { htmlFor: "expMonth" }, "MM"), /* @__PURE__ */ import_react19.default.createElement(
|
4468
4471
|
"input",
|
4469
4472
|
{
|
4470
4473
|
"data-token": "exp_month",
|
@@ -4475,7 +4478,7 @@ function AddCardEasyPay(props) {
|
|
4475
4478
|
value: (cardData == null ? void 0 : cardData.expiryMonth) || "",
|
4476
4479
|
onChange: (e) => handleCardChange("expiryMonth", e.target.value)
|
4477
4480
|
}
|
4478
|
-
), (cardError == null ? void 0 : cardError.expiryMonth) && /* @__PURE__ */ import_react19.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.expiryMonth)), /* @__PURE__ */ import_react19.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react19.default.createElement("label", { htmlFor: "expYear" }, "YYYY"), /* @__PURE__ */ import_react19.default.createElement(
|
4481
|
+
), (cardError == null ? void 0 : cardError.expiryMonth) && /* @__PURE__ */ import_react19.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.expiryMonth)), /* @__PURE__ */ import_react19.default.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ import_react19.default.createElement("label", { htmlFor: "expYear" }, "YYYY"), /* @__PURE__ */ import_react19.default.createElement(
|
4479
4482
|
"input",
|
4480
4483
|
{
|
4481
4484
|
"data-token": "exp_year",
|
@@ -4486,7 +4489,7 @@ function AddCardEasyPay(props) {
|
|
4486
4489
|
value: (cardData == null ? void 0 : cardData.expiryYear) || "",
|
4487
4490
|
onChange: (e) => handleCardChange("expiryYear", e.target.value)
|
4488
4491
|
}
|
4489
|
-
), (cardError == null ? void 0 : cardError.expiryYear) && /* @__PURE__ */ import_react19.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.expiryYear)), /* @__PURE__ */ import_react19.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react19.default.createElement("label", { htmlFor: "cvc" }, "CVC"), /* @__PURE__ */ import_react19.default.createElement(
|
4492
|
+
), (cardError == null ? void 0 : cardError.expiryYear) && /* @__PURE__ */ import_react19.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.expiryYear)), /* @__PURE__ */ import_react19.default.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ import_react19.default.createElement("label", { htmlFor: "cvc" }, "CVC"), /* @__PURE__ */ import_react19.default.createElement(
|
4490
4493
|
"input",
|
4491
4494
|
{
|
4492
4495
|
"data-token": "cvv",
|
@@ -4497,7 +4500,7 @@ function AddCardEasyPay(props) {
|
|
4497
4500
|
value: (cardData == null ? void 0 : cardData.cvv) || "",
|
4498
4501
|
onChange: (e) => handleCardChange("cvv", e.target.value)
|
4499
4502
|
}
|
4500
|
-
), (cardError == null ? void 0 : cardError.cvv) && /* @__PURE__ */ import_react19.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cvv)))), /* @__PURE__ */ import_react19.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react19.default.createElement("label", { htmlFor: "cardholderName" }, "Name on card"), /* @__PURE__ */ import_react19.default.createElement(
|
4503
|
+
), (cardError == null ? void 0 : cardError.cvv) && /* @__PURE__ */ import_react19.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cvv)))), /* @__PURE__ */ import_react19.default.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ import_react19.default.createElement("label", { htmlFor: "cardholderName" }, "Name on card"), /* @__PURE__ */ import_react19.default.createElement(
|
4501
4504
|
"input",
|
4502
4505
|
{
|
4503
4506
|
type: "text",
|
@@ -4512,17 +4515,17 @@ function AddCardEasyPay(props) {
|
|
4512
4515
|
}
|
4513
4516
|
}
|
4514
4517
|
}
|
4515
|
-
), (cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */ import_react19.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cardName)), /* @__PURE__ */ import_react19.default.createElement("div", { className: "form-group", style: {
|
4518
|
+
), (cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */ import_react19.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cardName)), /* @__PURE__ */ import_react19.default.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ import_react19.default.createElement("label", { htmlFor: "zipcode" }, "Zip"), /* @__PURE__ */ import_react19.default.createElement(
|
4516
4519
|
"input",
|
4517
4520
|
{
|
4518
4521
|
type: "text",
|
4519
|
-
id: "
|
4522
|
+
id: "",
|
4520
4523
|
name: "zipcode",
|
4521
4524
|
placeholder: "Zip",
|
4522
4525
|
value: (_a = cardData == null ? void 0 : cardData.zipCode) != null ? _a : "",
|
4523
4526
|
onChange: (e) => handleCardChange("zipCode", e.target.value)
|
4524
4527
|
}
|
4525
|
-
), (cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ import_react19.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.zipCode)), /* @__PURE__ */ import_react19.default.createElement(
|
4528
|
+
), (cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ import_react19.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.zipCode))), /* @__PURE__ */ import_react19.default.createElement(
|
4526
4529
|
"input",
|
4527
4530
|
{
|
4528
4531
|
type: "submit",
|
package/dist/index.mjs
CHANGED
@@ -3593,7 +3593,9 @@ function AddCardStyle() {
|
|
3593
3593
|
.add-card .exp-cvc-container input::placeholder {
|
3594
3594
|
color: #867C94;
|
3595
3595
|
}
|
3596
|
-
|
3596
|
+
|
3597
|
+
#add-credit-card-panel{
|
3598
|
+
padding: auto 10px !important}
|
3597
3599
|
/* Responsive Design */
|
3598
3600
|
@media screen and (max-width: 768px) {
|
3599
3601
|
.add-card .container-creditcard {
|
@@ -4033,7 +4035,7 @@ function AddCard(props) {
|
|
4033
4035
|
success ? /* @__PURE__ */ React17.createElement(SuccessCardMsz_default, { onClose: handleClose }) : /* @__PURE__ */ React17.createElement(
|
4034
4036
|
"div",
|
4035
4037
|
{
|
4036
|
-
className: "container-creditcard add-card modal-content ",
|
4038
|
+
className: "container-creditcard add-card modal-content frac-form",
|
4037
4039
|
id: "add-credit-card-panel"
|
4038
4040
|
},
|
4039
4041
|
/* @__PURE__ */ React17.createElement("form", { id: "creditCardForm", onSubmit: addCardFunc }, /* @__PURE__ */ React17.createElement("div", { className: "form-group", style: { marginTop: "0", marginBottom: "10px" } }, /* @__PURE__ */ React17.createElement("label", { htmlFor: "cardNumber" }, "Card Number"), /* @__PURE__ */ React17.createElement(
|
@@ -4412,10 +4414,11 @@ function AddCardEasyPay(props) {
|
|
4412
4414
|
return /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement(DataScript, null), /* @__PURE__ */ React18.createElement(AddCardStyle, null), /* @__PURE__ */ React18.createElement(Loader_default, { loading }), success ? /* @__PURE__ */ React18.createElement(SuccessCardMsz_default, { onClose: handleCloseSeccess }) : /* @__PURE__ */ React18.createElement(
|
4413
4415
|
"div",
|
4414
4416
|
{
|
4415
|
-
className: "container-creditcard add-card modal-content
|
4416
|
-
id: "add-credit-card-panel"
|
4417
|
+
className: "container-creditcard add-card modal-content",
|
4418
|
+
id: "add-credit-card-panel",
|
4419
|
+
style: { margin: "auto" }
|
4417
4420
|
},
|
4418
|
-
/* @__PURE__ */ React18.createElement("form", { id: "creditCardForm", onSubmit: addCardFunc }, /* @__PURE__ */ React18.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ React18.createElement("label", { htmlFor: "cardNumber" }, "Card Number"), /* @__PURE__ */ React18.createElement(
|
4421
|
+
/* @__PURE__ */ React18.createElement("form", { id: "creditCardForm", onSubmit: addCardFunc }, /* @__PURE__ */ React18.createElement("div", { style: { maxHeight: "350px", minHeight: "0" }, className: "ach-scrl" }, /* @__PURE__ */ React18.createElement("div", { className: "form-group", style: { marginTop: "0", marginBottom: "10px" } }, /* @__PURE__ */ React18.createElement("label", { htmlFor: "cardNumber" }, "Card Number"), /* @__PURE__ */ React18.createElement(
|
4419
4422
|
"input",
|
4420
4423
|
{
|
4421
4424
|
type: "text",
|
@@ -4426,7 +4429,7 @@ function AddCardEasyPay(props) {
|
|
4426
4429
|
value: (cardData == null ? void 0 : cardData.cardNumber) || "",
|
4427
4430
|
onChange: (e) => handleCardNumberChange(e)
|
4428
4431
|
}
|
4429
|
-
), (cardError == null ? void 0 : cardError.cardNumber) && /* @__PURE__ */ React18.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cardNumber), /* @__PURE__ */ React18.createElement("br", null)), /* @__PURE__ */ React18.createElement("div", { className: "card-dtl" }, /* @__PURE__ */ React18.createElement("div", { className: "exp-cvc-container" }, /* @__PURE__ */ React18.createElement("div", { className: "form-group" }, /* @__PURE__ */ React18.createElement("label", { htmlFor: "expMonth" }, "MM"), /* @__PURE__ */ React18.createElement(
|
4432
|
+
), (cardError == null ? void 0 : cardError.cardNumber) && /* @__PURE__ */ React18.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cardNumber), /* @__PURE__ */ React18.createElement("br", null)), /* @__PURE__ */ React18.createElement("div", { className: "card-dtl" }, /* @__PURE__ */ React18.createElement("div", { className: "exp-cvc-container", style: { margin: "0" } }, /* @__PURE__ */ React18.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ React18.createElement("label", { htmlFor: "expMonth" }, "MM"), /* @__PURE__ */ React18.createElement(
|
4430
4433
|
"input",
|
4431
4434
|
{
|
4432
4435
|
"data-token": "exp_month",
|
@@ -4437,7 +4440,7 @@ function AddCardEasyPay(props) {
|
|
4437
4440
|
value: (cardData == null ? void 0 : cardData.expiryMonth) || "",
|
4438
4441
|
onChange: (e) => handleCardChange("expiryMonth", e.target.value)
|
4439
4442
|
}
|
4440
|
-
), (cardError == null ? void 0 : cardError.expiryMonth) && /* @__PURE__ */ React18.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.expiryMonth)), /* @__PURE__ */ React18.createElement("div", { className: "form-group" }, /* @__PURE__ */ React18.createElement("label", { htmlFor: "expYear" }, "YYYY"), /* @__PURE__ */ React18.createElement(
|
4443
|
+
), (cardError == null ? void 0 : cardError.expiryMonth) && /* @__PURE__ */ React18.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.expiryMonth)), /* @__PURE__ */ React18.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ React18.createElement("label", { htmlFor: "expYear" }, "YYYY"), /* @__PURE__ */ React18.createElement(
|
4441
4444
|
"input",
|
4442
4445
|
{
|
4443
4446
|
"data-token": "exp_year",
|
@@ -4448,7 +4451,7 @@ function AddCardEasyPay(props) {
|
|
4448
4451
|
value: (cardData == null ? void 0 : cardData.expiryYear) || "",
|
4449
4452
|
onChange: (e) => handleCardChange("expiryYear", e.target.value)
|
4450
4453
|
}
|
4451
|
-
), (cardError == null ? void 0 : cardError.expiryYear) && /* @__PURE__ */ React18.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.expiryYear)), /* @__PURE__ */ React18.createElement("div", { className: "form-group" }, /* @__PURE__ */ React18.createElement("label", { htmlFor: "cvc" }, "CVC"), /* @__PURE__ */ React18.createElement(
|
4454
|
+
), (cardError == null ? void 0 : cardError.expiryYear) && /* @__PURE__ */ React18.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.expiryYear)), /* @__PURE__ */ React18.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ React18.createElement("label", { htmlFor: "cvc" }, "CVC"), /* @__PURE__ */ React18.createElement(
|
4452
4455
|
"input",
|
4453
4456
|
{
|
4454
4457
|
"data-token": "cvv",
|
@@ -4459,7 +4462,7 @@ function AddCardEasyPay(props) {
|
|
4459
4462
|
value: (cardData == null ? void 0 : cardData.cvv) || "",
|
4460
4463
|
onChange: (e) => handleCardChange("cvv", e.target.value)
|
4461
4464
|
}
|
4462
|
-
), (cardError == null ? void 0 : cardError.cvv) && /* @__PURE__ */ React18.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cvv)))), /* @__PURE__ */ React18.createElement("div", { className: "form-group" }, /* @__PURE__ */ React18.createElement("label", { htmlFor: "cardholderName" }, "Name on card"), /* @__PURE__ */ React18.createElement(
|
4465
|
+
), (cardError == null ? void 0 : cardError.cvv) && /* @__PURE__ */ React18.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cvv)))), /* @__PURE__ */ React18.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ React18.createElement("label", { htmlFor: "cardholderName" }, "Name on card"), /* @__PURE__ */ React18.createElement(
|
4463
4466
|
"input",
|
4464
4467
|
{
|
4465
4468
|
type: "text",
|
@@ -4474,17 +4477,17 @@ function AddCardEasyPay(props) {
|
|
4474
4477
|
}
|
4475
4478
|
}
|
4476
4479
|
}
|
4477
|
-
), (cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */ React18.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cardName)), /* @__PURE__ */ React18.createElement("div", { className: "form-group", style: {
|
4480
|
+
), (cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */ React18.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cardName)), /* @__PURE__ */ React18.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ React18.createElement("label", { htmlFor: "zipcode" }, "Zip"), /* @__PURE__ */ React18.createElement(
|
4478
4481
|
"input",
|
4479
4482
|
{
|
4480
4483
|
type: "text",
|
4481
|
-
id: "
|
4484
|
+
id: "",
|
4482
4485
|
name: "zipcode",
|
4483
4486
|
placeholder: "Zip",
|
4484
4487
|
value: (_a = cardData == null ? void 0 : cardData.zipCode) != null ? _a : "",
|
4485
4488
|
onChange: (e) => handleCardChange("zipCode", e.target.value)
|
4486
4489
|
}
|
4487
|
-
), (cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ React18.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.zipCode)), /* @__PURE__ */ React18.createElement(
|
4490
|
+
), (cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ React18.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.zipCode))), /* @__PURE__ */ React18.createElement(
|
4488
4491
|
"input",
|
4489
4492
|
{
|
4490
4493
|
type: "submit",
|