@fractalpay/fractalpay-next-dev 0.0.204 → 0.0.205
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 +71 -54
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -39,7 +39,7 @@ var require_package = __commonJS({
|
|
|
39
39
|
"package.json"(exports, module) {
|
|
40
40
|
module.exports = {
|
|
41
41
|
name: "@fractalpay/fractalpay-next-dev",
|
|
42
|
-
version: "0.0.
|
|
42
|
+
version: "0.0.205",
|
|
43
43
|
private: false,
|
|
44
44
|
type: "module",
|
|
45
45
|
scripts: {
|
|
@@ -5716,7 +5716,7 @@ function AddCardStyle() {
|
|
|
5716
5716
|
z-index: 9999 !important;
|
|
5717
5717
|
}
|
|
5718
5718
|
#add-credit-card-panel{
|
|
5719
|
-
padding:
|
|
5719
|
+
padding: 15px !important}
|
|
5720
5720
|
/* Responsive Design */
|
|
5721
5721
|
@media screen and (max-width: 768px) {
|
|
5722
5722
|
.add-card .container-creditcard {
|
|
@@ -6192,7 +6192,7 @@ function AddCardEasyPay(props) {
|
|
|
6192
6192
|
className: "container-creditcard add-card modal-content",
|
|
6193
6193
|
id: "add-credit-card-panel",
|
|
6194
6194
|
style: { margin: "auto" },
|
|
6195
|
-
children: (paymentData == null ? void 0 : paymentData.paymentGateway) === 32 ? /* @__PURE__ */
|
|
6195
|
+
children: (paymentData == null ? void 0 : paymentData.paymentGateway) === 32 ? /* @__PURE__ */ jsxs14(
|
|
6196
6196
|
"form",
|
|
6197
6197
|
{
|
|
6198
6198
|
id: "paymentForm",
|
|
@@ -6203,62 +6203,76 @@ function AddCardEasyPay(props) {
|
|
|
6203
6203
|
e.stopPropagation();
|
|
6204
6204
|
}
|
|
6205
6205
|
},
|
|
6206
|
-
children:
|
|
6207
|
-
/* @__PURE__ */ jsxs14("div", {
|
|
6208
|
-
/* @__PURE__ */
|
|
6209
|
-
|
|
6210
|
-
|
|
6211
|
-
|
|
6212
|
-
|
|
6213
|
-
|
|
6214
|
-
|
|
6215
|
-
|
|
6216
|
-
|
|
6217
|
-
|
|
6218
|
-
|
|
6219
|
-
/* @__PURE__ */
|
|
6220
|
-
|
|
6221
|
-
|
|
6222
|
-
|
|
6223
|
-
|
|
6224
|
-
|
|
6225
|
-
|
|
6226
|
-
|
|
6227
|
-
|
|
6228
|
-
|
|
6229
|
-
|
|
6230
|
-
|
|
6231
|
-
|
|
6232
|
-
|
|
6233
|
-
|
|
6234
|
-
|
|
6235
|
-
|
|
6236
|
-
|
|
6237
|
-
|
|
6206
|
+
children: [
|
|
6207
|
+
/* @__PURE__ */ jsxs14("div", { style: { maxHeight: "350px", minHeight: "0" }, className: "card-scrl", children: [
|
|
6208
|
+
/* @__PURE__ */ jsxs14("div", { className: "form-group", style: { marginTop: "0", marginBottom: "10px" }, children: [
|
|
6209
|
+
/* @__PURE__ */ jsx23("label", { htmlFor: "cardNumber", children: "Card Number" }),
|
|
6210
|
+
(paymentData == null ? void 0 : paymentData.paymentGateway) === 32 && /* @__PURE__ */ jsx23(
|
|
6211
|
+
FractalFields_default,
|
|
6212
|
+
{
|
|
6213
|
+
fractalStyles,
|
|
6214
|
+
tokenizerRef,
|
|
6215
|
+
isAddCard: true
|
|
6216
|
+
}
|
|
6217
|
+
)
|
|
6218
|
+
] }),
|
|
6219
|
+
/* @__PURE__ */ jsxs14("div", { className: "form-group", style: { marginTop: "0" }, children: [
|
|
6220
|
+
/* @__PURE__ */ jsxs14("label", { htmlFor: "cardholderName", children: [
|
|
6221
|
+
"Name on card",
|
|
6222
|
+
/* @__PURE__ */ jsx23("sup", { style: { fontSize: "12px" }, children: "*" })
|
|
6223
|
+
] }),
|
|
6224
|
+
/* @__PURE__ */ jsx23(
|
|
6225
|
+
"input",
|
|
6226
|
+
{
|
|
6227
|
+
type: "text",
|
|
6228
|
+
id: "cardholderName",
|
|
6229
|
+
name: "cardholderName",
|
|
6230
|
+
placeholder: "Name on card",
|
|
6231
|
+
value: (cardData == null ? void 0 : cardData.cardName) || "",
|
|
6232
|
+
onChange: (e) => {
|
|
6233
|
+
const value = e.target.value;
|
|
6234
|
+
if (/^[a-zA-Z\s]*$/.test(value)) {
|
|
6235
|
+
handleCardChange("cardName", value);
|
|
6236
|
+
}
|
|
6237
|
+
},
|
|
6238
|
+
ref: name_ref
|
|
6239
|
+
}
|
|
6240
|
+
),
|
|
6241
|
+
(cardError == null ? void 0 : cardError.cardName) && /* @__PURE__ */ jsx23("span", { className: "error-span", style: { color: "red", fontSize: "12px" }, children: cardError == null ? void 0 : cardError.cardName })
|
|
6242
|
+
] }),
|
|
6243
|
+
/* @__PURE__ */ jsxs14("div", { className: "form-group", style: { marginTop: "0" }, children: [
|
|
6244
|
+
/* @__PURE__ */ jsx23("label", { htmlFor: "zipcode", children: "Zip" }),
|
|
6245
|
+
/* @__PURE__ */ jsx23(
|
|
6246
|
+
"input",
|
|
6247
|
+
{
|
|
6248
|
+
type: "text",
|
|
6249
|
+
id: "",
|
|
6250
|
+
name: "zipcode",
|
|
6251
|
+
placeholder: "Zip",
|
|
6252
|
+
value: (_a = cardData == null ? void 0 : cardData.zipCode) != null ? _a : "",
|
|
6253
|
+
onChange: (e) => handleCardChange("zipCode", e.target.value)
|
|
6254
|
+
}
|
|
6255
|
+
),
|
|
6256
|
+
(cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ jsx23("span", { className: "error-span", style: { color: "red", fontSize: "12px" }, children: cardError == null ? void 0 : cardError.zipCode })
|
|
6257
|
+
] })
|
|
6238
6258
|
] }),
|
|
6239
|
-
/* @__PURE__ */
|
|
6240
|
-
|
|
6241
|
-
|
|
6242
|
-
"
|
|
6243
|
-
|
|
6244
|
-
|
|
6245
|
-
|
|
6246
|
-
|
|
6247
|
-
|
|
6248
|
-
|
|
6249
|
-
onChange: (e) => handleCardChange("zipCode", e.target.value)
|
|
6250
|
-
}
|
|
6251
|
-
),
|
|
6252
|
-
(cardError == null ? void 0 : cardError.zipCode) && /* @__PURE__ */ jsx23("span", { className: "error-span", style: { color: "red", fontSize: "12px" }, children: cardError == null ? void 0 : cardError.zipCode })
|
|
6253
|
-
] })
|
|
6254
|
-
] })
|
|
6259
|
+
/* @__PURE__ */ jsx23(
|
|
6260
|
+
"input",
|
|
6261
|
+
{
|
|
6262
|
+
type: "submit",
|
|
6263
|
+
className: "idle-green-btn w-100",
|
|
6264
|
+
defaultValue: "Submit",
|
|
6265
|
+
disabled: loading
|
|
6266
|
+
}
|
|
6267
|
+
)
|
|
6268
|
+
]
|
|
6255
6269
|
}
|
|
6256
6270
|
) : /* @__PURE__ */ jsxs14("form", { id: "creditCardForm", onSubmit: addCardFunc, onKeyDown: (e) => {
|
|
6257
6271
|
if (e.key === "Enter" && loading) {
|
|
6258
6272
|
e.preventDefault();
|
|
6259
6273
|
e.stopPropagation();
|
|
6260
6274
|
}
|
|
6261
|
-
},
|
|
6275
|
+
}, children: [
|
|
6262
6276
|
/* @__PURE__ */ jsxs14("div", { style: { maxHeight: "350px", minHeight: "0" }, className: "card-scrl", children: [
|
|
6263
6277
|
/* @__PURE__ */ jsxs14("div", { className: "form-group", style: { marginTop: "0", marginBottom: "10px" }, children: [
|
|
6264
6278
|
/* @__PURE__ */ jsx23("label", { htmlFor: "cardNumber", children: "Card Number" }),
|
|
@@ -6332,14 +6346,17 @@ function AddCardEasyPay(props) {
|
|
|
6332
6346
|
] })
|
|
6333
6347
|
] }) }),
|
|
6334
6348
|
/* @__PURE__ */ jsxs14("div", { className: "form-group", style: { marginTop: "0" }, children: [
|
|
6335
|
-
/* @__PURE__ */
|
|
6349
|
+
/* @__PURE__ */ jsxs14("label", { htmlFor: "cardholderName", children: [
|
|
6350
|
+
"Name on card",
|
|
6351
|
+
/* @__PURE__ */ jsx23("sup", { style: { fontSize: "12px" }, children: "*" })
|
|
6352
|
+
] }),
|
|
6336
6353
|
/* @__PURE__ */ jsx23(
|
|
6337
6354
|
"input",
|
|
6338
6355
|
{
|
|
6339
6356
|
type: "text",
|
|
6340
6357
|
id: "cardholderName",
|
|
6341
6358
|
name: "cardholderName",
|
|
6342
|
-
placeholder: "Name on card
|
|
6359
|
+
placeholder: "Name on card",
|
|
6343
6360
|
value: (cardData == null ? void 0 : cardData.cardName) || "",
|
|
6344
6361
|
onChange: (e) => {
|
|
6345
6362
|
const value = e.target.value;
|