@gustavo-valsechi/client 1.4.203 → 1.4.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.
|
@@ -57,23 +57,15 @@ function CreditCardComponent(props) {
|
|
|
57
57
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "credit-card-left", children: [
|
|
58
58
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "credit-card-top", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { id: "credit-card-chip", style: { backgroundImage: `url(${import_assets.default.Chip})` } }) }),
|
|
59
59
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "credit-card-bottom", children: [
|
|
60
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "credit-card-number", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "credit-card-elipse", children: import_utils.default.mask.loop(props.number, { sequencyNumber: 4, maxSequency: 4, placeholder: "\u2022" })
|
|
61
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "credit-card-name", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "credit-card-elipse", children: import_lodash.default.deburr((
|
|
60
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "credit-card-number", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "credit-card-elipse", children: ((_a = props.number) == null ? void 0 : _a.includes("\u2022")) ? props.number : import_utils.default.mask.loop(props.number, { sequencyNumber: 4, maxSequency: 4, placeholder: "\u2022" }) }) }),
|
|
61
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "credit-card-name", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "credit-card-elipse", children: import_lodash.default.deburr((_b = props.cardholder) == null ? void 0 : _b.replace(/[^A-Za-zÀ-ÿ\s]/g, "").toUpperCase()) || "Nome do Titular" }) })
|
|
62
62
|
] })
|
|
63
63
|
] }),
|
|
64
64
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "credit-card-right", children: [
|
|
65
65
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "credit-card-top", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { id: "credit-card-flag", ref: flagRef }) }),
|
|
66
66
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "credit-card-bottom", children: [
|
|
67
67
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "validade" }),
|
|
68
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: import_utils.default.mask.loop(
|
|
69
|
-
props.expiry || `${((_b = String(props.validityMonth)) == null ? void 0 : _b.length) === 1 ? `0${props.validityMonth}` : props.validityMonth}/${props.validityYear}`,
|
|
70
|
-
{
|
|
71
|
-
sequencyNumber: 2,
|
|
72
|
-
maxSequency: 2,
|
|
73
|
-
placeholder: "\u2022",
|
|
74
|
-
separator: "/"
|
|
75
|
-
}
|
|
76
|
-
) })
|
|
68
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: import_utils.default.mask.loop(props.expiry, { sequencyNumber: 2, maxSequency: 2, placeholder: "\u2022", separator: "/" }) })
|
|
77
69
|
] })
|
|
78
70
|
] })
|
|
79
71
|
] });
|
|
@@ -24,23 +24,15 @@ function CreditCardComponent(props) {
|
|
|
24
24
|
/* @__PURE__ */ jsxs("div", { className: "credit-card-left", children: [
|
|
25
25
|
/* @__PURE__ */ jsx("div", { className: "credit-card-top", children: /* @__PURE__ */ jsx("div", { id: "credit-card-chip", style: { backgroundImage: `url(${assets.Chip})` } }) }),
|
|
26
26
|
/* @__PURE__ */ jsxs("div", { className: "credit-card-bottom", children: [
|
|
27
|
-
/* @__PURE__ */ jsx("div", { className: "credit-card-number", children: /* @__PURE__ */ jsx("div", { className: "credit-card-elipse", children: Utils.mask.loop(props.number, { sequencyNumber: 4, maxSequency: 4, placeholder: "\u2022" })
|
|
28
|
-
/* @__PURE__ */ jsx("div", { className: "credit-card-name", children: /* @__PURE__ */ jsx("div", { className: "credit-card-elipse", children: _.deburr((
|
|
27
|
+
/* @__PURE__ */ jsx("div", { className: "credit-card-number", children: /* @__PURE__ */ jsx("div", { className: "credit-card-elipse", children: ((_a = props.number) == null ? void 0 : _a.includes("\u2022")) ? props.number : Utils.mask.loop(props.number, { sequencyNumber: 4, maxSequency: 4, placeholder: "\u2022" }) }) }),
|
|
28
|
+
/* @__PURE__ */ jsx("div", { className: "credit-card-name", children: /* @__PURE__ */ jsx("div", { className: "credit-card-elipse", children: _.deburr((_b = props.cardholder) == null ? void 0 : _b.replace(/[^A-Za-zÀ-ÿ\s]/g, "").toUpperCase()) || "Nome do Titular" }) })
|
|
29
29
|
] })
|
|
30
30
|
] }),
|
|
31
31
|
/* @__PURE__ */ jsxs("div", { className: "credit-card-right", children: [
|
|
32
32
|
/* @__PURE__ */ jsx("div", { className: "credit-card-top", children: /* @__PURE__ */ jsx("div", { id: "credit-card-flag", ref: flagRef }) }),
|
|
33
33
|
/* @__PURE__ */ jsxs("div", { className: "credit-card-bottom", children: [
|
|
34
34
|
/* @__PURE__ */ jsx("span", { children: "validade" }),
|
|
35
|
-
/* @__PURE__ */ jsx("span", { children: Utils.mask.loop(
|
|
36
|
-
props.expiry || `${((_b = String(props.validityMonth)) == null ? void 0 : _b.length) === 1 ? `0${props.validityMonth}` : props.validityMonth}/${props.validityYear}`,
|
|
37
|
-
{
|
|
38
|
-
sequencyNumber: 2,
|
|
39
|
-
maxSequency: 2,
|
|
40
|
-
placeholder: "\u2022",
|
|
41
|
-
separator: "/"
|
|
42
|
-
}
|
|
43
|
-
) })
|
|
35
|
+
/* @__PURE__ */ jsx("span", { children: Utils.mask.loop(props.expiry, { sequencyNumber: 2, maxSequency: 2, placeholder: "\u2022", separator: "/" }) })
|
|
44
36
|
] })
|
|
45
37
|
] })
|
|
46
38
|
] });
|