@pinerohit11/testwidget 0.2.95 → 0.2.96

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.
Files changed (3) hide show
  1. package/dist/index.js +12 -9
  2. package/dist/index.mjs +12 -9
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -3004,7 +3004,7 @@ function PreAuthPayment(props) {
3004
3004
  showLoader();
3005
3005
  try {
3006
3006
  let tokenCallback = async function(response) {
3007
- var _a3, _b3, _c3;
3007
+ var _a3, _b3, _c3, _d3;
3008
3008
  if (response.Error) {
3009
3009
  showError(response.Error);
3010
3010
  hideLoader();
@@ -3032,13 +3032,14 @@ function PreAuthPayment(props) {
3032
3032
  orderId: "",
3033
3033
  zipCode: ""
3034
3034
  });
3035
+ console.log(apiResponse, "+++++++++++++++");
3035
3036
  setSuccess(true);
3036
- setTranId((_a3 = apiResponse == null ? void 0 : apiResponse.data) == null ? void 0 : _a3.transactionId);
3037
+ setTranId((_b3 = (_a3 = apiResponse == null ? void 0 : apiResponse.data) == null ? void 0 : _a3.data) == null ? void 0 : _b3.transaction_id);
3037
3038
  hideLoader();
3038
3039
  } catch (err) {
3039
3040
  console.log(err);
3040
3041
  hideLoader();
3041
- showError(((_c3 = (_b3 = err == null ? void 0 : err.response) == null ? void 0 : _b3.data) == null ? void 0 : _c3.message) || (err == null ? void 0 : err.message) || "Something went wrong..");
3042
+ showError(((_d3 = (_c3 = err == null ? void 0 : err.response) == null ? void 0 : _c3.data) == null ? void 0 : _d3.message) || (err == null ? void 0 : err.message) || "Something went wrong..");
3042
3043
  }
3043
3044
  }
3044
3045
  };
@@ -3105,6 +3106,7 @@ function PreAuthPayment(props) {
3105
3106
  headers: myHeaders2
3106
3107
  }
3107
3108
  );
3109
+ console.log(paymentRes);
3108
3110
  if ((_n = paymentRes == null ? void 0 : paymentRes.data) == null ? void 0 : _n.result) {
3109
3111
  setTranId((_p = (_o = paymentRes == null ? void 0 : paymentRes.data) == null ? void 0 : _o.data) == null ? void 0 : _p.transaction_id);
3110
3112
  setSuccess(true);
@@ -3292,7 +3294,7 @@ function PreAuthPayment(props) {
3292
3294
  checked: selectedCard === card,
3293
3295
  onChange: (e) => setSelectedCard(card)
3294
3296
  }
3295
- ), /* @__PURE__ */ import_react13.default.createElement("label", { htmlFor: "", className: "card-number-last-four" }, "**** ", card == null ? void 0 : card.cardlastfourdigit), /* @__PURE__ */ import_react13.default.createElement("h6", { className: "card-expiry-date" }, card == null ? void 0 : card.expmonth, "/", card == null ? void 0 : card.expyear)), /* @__PURE__ */ import_react13.default.createElement("div", { className: "card-number-radio" }, /* @__PURE__ */ import_react13.default.createElement("span", { className: "visa-card" }, /* @__PURE__ */ import_react13.default.createElement("img", { src: (card == null ? void 0 : card.card_type) != "Bank" ? "https://dev-widget.fractalpay.com/images/visa-img.svg" : "https://dev-widget.fractalpay.com/images/bank.svg", alt: "" })), /* @__PURE__ */ import_react13.default.createElement("span", { className: "visa-card", style: { cursor: "pointer" }, onClick: () => handleDeleteCard(card == null ? void 0 : card.id) }, /* @__PURE__ */ import_react13.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/Trash.svg", alt: "" }))))))), /* @__PURE__ */ import_react13.default.createElement("div", { className: "pay-with-other-card ", onClick: () => setActive("card") }, "Authorize With Other Card", /* @__PURE__ */ import_react13.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/card.svg", alt: "" }))), /* @__PURE__ */ import_react13.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react13.default.createElement("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlechargeCustomer }, "$", props == null ? void 0 : props.amount))), /* @__PURE__ */ import_react13.default.createElement("div", { id: "card", style: { display: activetab === "card" ? "block" : "none" }, className: "tabcontent" }, /* @__PURE__ */ import_react13.default.createElement("form", { id: "PaymentForm", onSubmit: submitFunc }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "ach-scrl", style: { minHeight: (cardList == null ? void 0 : cardList.length) > 0 ? "442px" : "500px", overflow: "auto", marginRight: "5px" } }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react13.default.createElement("label", { htmlFor: "cardHolderName" }, "Name on Card"), /* @__PURE__ */ import_react13.default.createElement(
3297
+ ), /* @__PURE__ */ import_react13.default.createElement("label", { htmlFor: "", className: "card-number-last-four" }, "**** ", card == null ? void 0 : card.cardlastfourdigit), /* @__PURE__ */ import_react13.default.createElement("h6", { className: "card-expiry-date" }, card == null ? void 0 : card.expmonth, "/", card == null ? void 0 : card.expyear)), /* @__PURE__ */ import_react13.default.createElement("div", { className: "card-number-radio" }, /* @__PURE__ */ import_react13.default.createElement("span", { className: "visa-card" }, /* @__PURE__ */ import_react13.default.createElement("img", { src: (card == null ? void 0 : card.card_type) != "Bank" ? "https://dev-widget.fractalpay.com/images/visa-img.svg" : "https://dev-widget.fractalpay.com/images/bank.svg", alt: "" })), /* @__PURE__ */ import_react13.default.createElement("span", { className: "visa-card", style: { cursor: "pointer" }, onClick: () => handleDeleteCard(card == null ? void 0 : card.id) }, /* @__PURE__ */ import_react13.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/Trash.svg", alt: "" }))))))), /* @__PURE__ */ import_react13.default.createElement("div", { className: "pay-with-other-card ", onClick: () => setActive("card") }, "Authorize With Other Card", /* @__PURE__ */ import_react13.default.createElement("img", { src: "https://dev-widget.fractalpay.com/images/card.svg", alt: "" }))), /* @__PURE__ */ import_react13.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react13.default.createElement("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlechargeCustomer }, "$", props == null ? void 0 : props.amount))), /* @__PURE__ */ import_react13.default.createElement("div", { id: "card", style: { display: activetab === "card" ? "block" : "none" }, className: "tabcontent" }, /* @__PURE__ */ import_react13.default.createElement("form", { id: "PaymentForm", onSubmit: submitFunc }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "ach-scrl", style: { minHeight: (cardList == null ? void 0 : cardList.length) > 0 ? "456px" : "500px", overflow: "auto", marginRight: "5px" } }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react13.default.createElement("label", { htmlFor: "cardHolderName" }, "Name on Card"), /* @__PURE__ */ import_react13.default.createElement(
3296
3298
  "input",
3297
3299
  {
3298
3300
  type: "text",
@@ -3904,6 +3906,7 @@ function AddCard(props) {
3904
3906
  }, [props == null ? void 0 : props.fractalpayClientKey, show]);
3905
3907
  const addCardFunc = async (e) => {
3906
3908
  var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
3909
+ console.log("called");
3907
3910
  e.preventDefault();
3908
3911
  const hasError = validateCardData();
3909
3912
  if (hasError) return;
@@ -4061,7 +4064,7 @@ function AddCard(props) {
4061
4064
  className: "container-creditcard add-card modal-content frac-form",
4062
4065
  id: "add-credit-card-panel"
4063
4066
  },
4064
- /* @__PURE__ */ import_react18.default.createElement("form", { id: "creditCardForm", onSubmit: addCardFunc }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ import_react18.default.createElement("label", { htmlFor: "cardNumber" }, "Card Number"), /* @__PURE__ */ import_react18.default.createElement(
4067
+ /* @__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(
4065
4068
  "input",
4066
4069
  {
4067
4070
  type: "text",
@@ -4072,7 +4075,7 @@ function AddCard(props) {
4072
4075
  value: (cardData == null ? void 0 : cardData.cardNumber) || "",
4073
4076
  onChange: (e) => handleCardNumberChange(e)
4074
4077
  }
4075
- ), (cardError == null ? void 0 : cardError.cardNumber) && /* @__PURE__ */ import_react18.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cardNumber), /* @__PURE__ */ import_react18.default.createElement("br", null)), /* @__PURE__ */ import_react18.default.createElement("div", { className: "card-dtl" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "exp-cvc-container" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react18.default.createElement("label", { htmlFor: "expMonth" }, "MM"), /* @__PURE__ */ import_react18.default.createElement(
4078
+ ), (cardError == null ? void 0 : cardError.cardNumber) && /* @__PURE__ */ import_react18.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cardNumber)), /* @__PURE__ */ import_react18.default.createElement("div", { className: "card-dtl" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "exp-cvc-container" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "form-group", style: { marginTop: "0", marginBottom: "10px" } }, /* @__PURE__ */ import_react18.default.createElement("label", { htmlFor: "expMonth" }, "MM"), /* @__PURE__ */ import_react18.default.createElement(
4076
4079
  "input",
4077
4080
  {
4078
4081
  "data-token": "exp_month",
@@ -4083,7 +4086,7 @@ function AddCard(props) {
4083
4086
  value: (cardData == null ? void 0 : cardData.expiryMonth) || "",
4084
4087
  onChange: (e) => handleCardChange("expiryMonth", e.target.value)
4085
4088
  }
4086
- ), (cardError == null ? void 0 : cardError.expiryMonth) && /* @__PURE__ */ import_react18.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.expiryMonth)), /* @__PURE__ */ import_react18.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react18.default.createElement("label", { htmlFor: "expYear" }, "YYYY"), /* @__PURE__ */ import_react18.default.createElement(
4089
+ ), (cardError == null ? void 0 : cardError.expiryMonth) && /* @__PURE__ */ import_react18.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.expiryMonth)), /* @__PURE__ */ import_react18.default.createElement("div", { className: "form-group", style: { marginTop: "0", marginBottom: "10px" } }, /* @__PURE__ */ import_react18.default.createElement("label", { htmlFor: "expYear" }, "YYYY"), /* @__PURE__ */ import_react18.default.createElement(
4087
4090
  "input",
4088
4091
  {
4089
4092
  "data-token": "exp_year",
@@ -4094,7 +4097,7 @@ function AddCard(props) {
4094
4097
  value: (cardData == null ? void 0 : cardData.expiryYear) || "",
4095
4098
  onChange: (e) => handleCardChange("expiryYear", e.target.value)
4096
4099
  }
4097
- ), (cardError == null ? void 0 : cardError.expiryYear) && /* @__PURE__ */ import_react18.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.expiryYear)), /* @__PURE__ */ import_react18.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react18.default.createElement("label", { htmlFor: "cvc" }, "CVC"), /* @__PURE__ */ import_react18.default.createElement(
4100
+ ), (cardError == null ? void 0 : cardError.expiryYear) && /* @__PURE__ */ import_react18.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.expiryYear)), /* @__PURE__ */ import_react18.default.createElement("div", { className: "form-group", style: { marginTop: "0", marginBottom: "10px" } }, /* @__PURE__ */ import_react18.default.createElement("label", { htmlFor: "cvc" }, "CVC"), /* @__PURE__ */ import_react18.default.createElement(
4098
4101
  "input",
4099
4102
  {
4100
4103
  "data-token": "cvv",
@@ -4105,7 +4108,7 @@ function AddCard(props) {
4105
4108
  value: (cardData == null ? void 0 : cardData.cvv) || "",
4106
4109
  onChange: (e) => handleCardChange("cvv", e.target.value)
4107
4110
  }
4108
- ), (cardError == null ? void 0 : cardError.cvv) && /* @__PURE__ */ import_react18.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cvv)))), /* @__PURE__ */ import_react18.default.createElement("div", { className: "form-group" }, /* @__PURE__ */ import_react18.default.createElement("label", { htmlFor: "cardholderName" }, "Name on card"), /* @__PURE__ */ import_react18.default.createElement(
4111
+ ), (cardError == null ? void 0 : cardError.cvv) && /* @__PURE__ */ import_react18.default.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cvv)))), /* @__PURE__ */ import_react18.default.createElement("div", { className: "form-group", style: { marginTop: "0", marginBottom: "10px" } }, /* @__PURE__ */ import_react18.default.createElement("label", { htmlFor: "cardholderName" }, "Name on card"), /* @__PURE__ */ import_react18.default.createElement(
4109
4112
  "input",
4110
4113
  {
4111
4114
  type: "text",
package/dist/index.mjs CHANGED
@@ -2966,7 +2966,7 @@ function PreAuthPayment(props) {
2966
2966
  showLoader();
2967
2967
  try {
2968
2968
  let tokenCallback = async function(response) {
2969
- var _a3, _b3, _c3;
2969
+ var _a3, _b3, _c3, _d3;
2970
2970
  if (response.Error) {
2971
2971
  showError(response.Error);
2972
2972
  hideLoader();
@@ -2994,13 +2994,14 @@ function PreAuthPayment(props) {
2994
2994
  orderId: "",
2995
2995
  zipCode: ""
2996
2996
  });
2997
+ console.log(apiResponse, "+++++++++++++++");
2997
2998
  setSuccess(true);
2998
- setTranId((_a3 = apiResponse == null ? void 0 : apiResponse.data) == null ? void 0 : _a3.transactionId);
2999
+ setTranId((_b3 = (_a3 = apiResponse == null ? void 0 : apiResponse.data) == null ? void 0 : _a3.data) == null ? void 0 : _b3.transaction_id);
2999
3000
  hideLoader();
3000
3001
  } catch (err) {
3001
3002
  console.log(err);
3002
3003
  hideLoader();
3003
- showError(((_c3 = (_b3 = err == null ? void 0 : err.response) == null ? void 0 : _b3.data) == null ? void 0 : _c3.message) || (err == null ? void 0 : err.message) || "Something went wrong..");
3004
+ showError(((_d3 = (_c3 = err == null ? void 0 : err.response) == null ? void 0 : _c3.data) == null ? void 0 : _d3.message) || (err == null ? void 0 : err.message) || "Something went wrong..");
3004
3005
  }
3005
3006
  }
3006
3007
  };
@@ -3067,6 +3068,7 @@ function PreAuthPayment(props) {
3067
3068
  headers: myHeaders2
3068
3069
  }
3069
3070
  );
3071
+ console.log(paymentRes);
3070
3072
  if ((_n = paymentRes == null ? void 0 : paymentRes.data) == null ? void 0 : _n.result) {
3071
3073
  setTranId((_p = (_o = paymentRes == null ? void 0 : paymentRes.data) == null ? void 0 : _o.data) == null ? void 0 : _p.transaction_id);
3072
3074
  setSuccess(true);
@@ -3254,7 +3256,7 @@ function PreAuthPayment(props) {
3254
3256
  checked: selectedCard === card,
3255
3257
  onChange: (e) => setSelectedCard(card)
3256
3258
  }
3257
- ), /* @__PURE__ */ React12.createElement("label", { htmlFor: "", className: "card-number-last-four" }, "**** ", card == null ? void 0 : card.cardlastfourdigit), /* @__PURE__ */ React12.createElement("h6", { className: "card-expiry-date" }, card == null ? void 0 : card.expmonth, "/", card == null ? void 0 : card.expyear)), /* @__PURE__ */ React12.createElement("div", { className: "card-number-radio" }, /* @__PURE__ */ React12.createElement("span", { className: "visa-card" }, /* @__PURE__ */ React12.createElement("img", { src: (card == null ? void 0 : card.card_type) != "Bank" ? "https://dev-widget.fractalpay.com/images/visa-img.svg" : "https://dev-widget.fractalpay.com/images/bank.svg", alt: "" })), /* @__PURE__ */ React12.createElement("span", { className: "visa-card", style: { cursor: "pointer" }, onClick: () => handleDeleteCard(card == null ? void 0 : card.id) }, /* @__PURE__ */ React12.createElement("img", { src: "https://dev-widget.fractalpay.com/images/Trash.svg", alt: "" }))))))), /* @__PURE__ */ React12.createElement("div", { className: "pay-with-other-card ", onClick: () => setActive("card") }, "Authorize With Other Card", /* @__PURE__ */ React12.createElement("img", { src: "https://dev-widget.fractalpay.com/images/card.svg", alt: "" }))), /* @__PURE__ */ React12.createElement("div", { className: "form-group" }, /* @__PURE__ */ React12.createElement("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlechargeCustomer }, "$", props == null ? void 0 : props.amount))), /* @__PURE__ */ React12.createElement("div", { id: "card", style: { display: activetab === "card" ? "block" : "none" }, className: "tabcontent" }, /* @__PURE__ */ React12.createElement("form", { id: "PaymentForm", onSubmit: submitFunc }, /* @__PURE__ */ React12.createElement("div", { className: "ach-scrl", style: { minHeight: (cardList == null ? void 0 : cardList.length) > 0 ? "442px" : "500px", overflow: "auto", marginRight: "5px" } }, /* @__PURE__ */ React12.createElement("div", { className: "form-group" }, /* @__PURE__ */ React12.createElement("label", { htmlFor: "cardHolderName" }, "Name on Card"), /* @__PURE__ */ React12.createElement(
3259
+ ), /* @__PURE__ */ React12.createElement("label", { htmlFor: "", className: "card-number-last-four" }, "**** ", card == null ? void 0 : card.cardlastfourdigit), /* @__PURE__ */ React12.createElement("h6", { className: "card-expiry-date" }, card == null ? void 0 : card.expmonth, "/", card == null ? void 0 : card.expyear)), /* @__PURE__ */ React12.createElement("div", { className: "card-number-radio" }, /* @__PURE__ */ React12.createElement("span", { className: "visa-card" }, /* @__PURE__ */ React12.createElement("img", { src: (card == null ? void 0 : card.card_type) != "Bank" ? "https://dev-widget.fractalpay.com/images/visa-img.svg" : "https://dev-widget.fractalpay.com/images/bank.svg", alt: "" })), /* @__PURE__ */ React12.createElement("span", { className: "visa-card", style: { cursor: "pointer" }, onClick: () => handleDeleteCard(card == null ? void 0 : card.id) }, /* @__PURE__ */ React12.createElement("img", { src: "https://dev-widget.fractalpay.com/images/Trash.svg", alt: "" }))))))), /* @__PURE__ */ React12.createElement("div", { className: "pay-with-other-card ", onClick: () => setActive("card") }, "Authorize With Other Card", /* @__PURE__ */ React12.createElement("img", { src: "https://dev-widget.fractalpay.com/images/card.svg", alt: "" }))), /* @__PURE__ */ React12.createElement("div", { className: "form-group" }, /* @__PURE__ */ React12.createElement("button", { className: "pay-button", style: { margin: "0px" }, type: "submit", onClick: handlechargeCustomer }, "$", props == null ? void 0 : props.amount))), /* @__PURE__ */ React12.createElement("div", { id: "card", style: { display: activetab === "card" ? "block" : "none" }, className: "tabcontent" }, /* @__PURE__ */ React12.createElement("form", { id: "PaymentForm", onSubmit: submitFunc }, /* @__PURE__ */ React12.createElement("div", { className: "ach-scrl", style: { minHeight: (cardList == null ? void 0 : cardList.length) > 0 ? "456px" : "500px", overflow: "auto", marginRight: "5px" } }, /* @__PURE__ */ React12.createElement("div", { className: "form-group" }, /* @__PURE__ */ React12.createElement("label", { htmlFor: "cardHolderName" }, "Name on Card"), /* @__PURE__ */ React12.createElement(
3258
3260
  "input",
3259
3261
  {
3260
3262
  type: "text",
@@ -3866,6 +3868,7 @@ function AddCard(props) {
3866
3868
  }, [props == null ? void 0 : props.fractalpayClientKey, show]);
3867
3869
  const addCardFunc = async (e) => {
3868
3870
  var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
3871
+ console.log("called");
3869
3872
  e.preventDefault();
3870
3873
  const hasError = validateCardData();
3871
3874
  if (hasError) return;
@@ -4023,7 +4026,7 @@ function AddCard(props) {
4023
4026
  className: "container-creditcard add-card modal-content frac-form",
4024
4027
  id: "add-credit-card-panel"
4025
4028
  },
4026
- /* @__PURE__ */ React17.createElement("form", { id: "creditCardForm", onSubmit: addCardFunc }, /* @__PURE__ */ React17.createElement("div", { className: "form-group", style: { marginTop: "0" } }, /* @__PURE__ */ React17.createElement("label", { htmlFor: "cardNumber" }, "Card Number"), /* @__PURE__ */ React17.createElement(
4029
+ /* @__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(
4027
4030
  "input",
4028
4031
  {
4029
4032
  type: "text",
@@ -4034,7 +4037,7 @@ function AddCard(props) {
4034
4037
  value: (cardData == null ? void 0 : cardData.cardNumber) || "",
4035
4038
  onChange: (e) => handleCardNumberChange(e)
4036
4039
  }
4037
- ), (cardError == null ? void 0 : cardError.cardNumber) && /* @__PURE__ */ React17.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cardNumber), /* @__PURE__ */ React17.createElement("br", null)), /* @__PURE__ */ React17.createElement("div", { className: "card-dtl" }, /* @__PURE__ */ React17.createElement("div", { className: "exp-cvc-container" }, /* @__PURE__ */ React17.createElement("div", { className: "form-group" }, /* @__PURE__ */ React17.createElement("label", { htmlFor: "expMonth" }, "MM"), /* @__PURE__ */ React17.createElement(
4040
+ ), (cardError == null ? void 0 : cardError.cardNumber) && /* @__PURE__ */ React17.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cardNumber)), /* @__PURE__ */ React17.createElement("div", { className: "card-dtl" }, /* @__PURE__ */ React17.createElement("div", { className: "exp-cvc-container" }, /* @__PURE__ */ React17.createElement("div", { className: "form-group", style: { marginTop: "0", marginBottom: "10px" } }, /* @__PURE__ */ React17.createElement("label", { htmlFor: "expMonth" }, "MM"), /* @__PURE__ */ React17.createElement(
4038
4041
  "input",
4039
4042
  {
4040
4043
  "data-token": "exp_month",
@@ -4045,7 +4048,7 @@ function AddCard(props) {
4045
4048
  value: (cardData == null ? void 0 : cardData.expiryMonth) || "",
4046
4049
  onChange: (e) => handleCardChange("expiryMonth", e.target.value)
4047
4050
  }
4048
- ), (cardError == null ? void 0 : cardError.expiryMonth) && /* @__PURE__ */ React17.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.expiryMonth)), /* @__PURE__ */ React17.createElement("div", { className: "form-group" }, /* @__PURE__ */ React17.createElement("label", { htmlFor: "expYear" }, "YYYY"), /* @__PURE__ */ React17.createElement(
4051
+ ), (cardError == null ? void 0 : cardError.expiryMonth) && /* @__PURE__ */ React17.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.expiryMonth)), /* @__PURE__ */ React17.createElement("div", { className: "form-group", style: { marginTop: "0", marginBottom: "10px" } }, /* @__PURE__ */ React17.createElement("label", { htmlFor: "expYear" }, "YYYY"), /* @__PURE__ */ React17.createElement(
4049
4052
  "input",
4050
4053
  {
4051
4054
  "data-token": "exp_year",
@@ -4056,7 +4059,7 @@ function AddCard(props) {
4056
4059
  value: (cardData == null ? void 0 : cardData.expiryYear) || "",
4057
4060
  onChange: (e) => handleCardChange("expiryYear", e.target.value)
4058
4061
  }
4059
- ), (cardError == null ? void 0 : cardError.expiryYear) && /* @__PURE__ */ React17.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.expiryYear)), /* @__PURE__ */ React17.createElement("div", { className: "form-group" }, /* @__PURE__ */ React17.createElement("label", { htmlFor: "cvc" }, "CVC"), /* @__PURE__ */ React17.createElement(
4062
+ ), (cardError == null ? void 0 : cardError.expiryYear) && /* @__PURE__ */ React17.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.expiryYear)), /* @__PURE__ */ React17.createElement("div", { className: "form-group", style: { marginTop: "0", marginBottom: "10px" } }, /* @__PURE__ */ React17.createElement("label", { htmlFor: "cvc" }, "CVC"), /* @__PURE__ */ React17.createElement(
4060
4063
  "input",
4061
4064
  {
4062
4065
  "data-token": "cvv",
@@ -4067,7 +4070,7 @@ function AddCard(props) {
4067
4070
  value: (cardData == null ? void 0 : cardData.cvv) || "",
4068
4071
  onChange: (e) => handleCardChange("cvv", e.target.value)
4069
4072
  }
4070
- ), (cardError == null ? void 0 : cardError.cvv) && /* @__PURE__ */ React17.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cvv)))), /* @__PURE__ */ React17.createElement("div", { className: "form-group" }, /* @__PURE__ */ React17.createElement("label", { htmlFor: "cardholderName" }, "Name on card"), /* @__PURE__ */ React17.createElement(
4073
+ ), (cardError == null ? void 0 : cardError.cvv) && /* @__PURE__ */ React17.createElement("span", { className: "error-span" }, cardError == null ? void 0 : cardError.cvv)))), /* @__PURE__ */ React17.createElement("div", { className: "form-group", style: { marginTop: "0", marginBottom: "10px" } }, /* @__PURE__ */ React17.createElement("label", { htmlFor: "cardholderName" }, "Name on card"), /* @__PURE__ */ React17.createElement(
4071
4074
  "input",
4072
4075
  {
4073
4076
  type: "text",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pinerohit11/testwidget",
3
- "version": "0.2.95",
3
+ "version": "0.2.96",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "next dev -p 4001",