@gustavo-valsechi/client 1.3.5 → 1.3.7
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/components/index.d.ts +1 -1
- package/dist/components/index.js +10 -42
- package/dist/components/styles.js +3 -9
- package/dist/components/types/avatar/index.d.ts +1 -1
- package/dist/components/types/avatar/index.js +15 -21
- package/dist/components/types/avatar/styles.js +2 -8
- package/dist/components/types/badge/index.d.ts +1 -1
- package/dist/components/types/badge/index.js +7 -13
- package/dist/components/types/badge/styles.js +2 -8
- package/dist/components/types/block/index.d.ts +1 -1
- package/dist/components/types/block/index.js +6 -9
- package/dist/components/types/block/styles.js +3 -9
- package/dist/components/types/chart/index.d.ts +1 -1
- package/dist/components/types/chart/index.js +15 -21
- package/dist/components/types/chart/styles.js +2 -8
- package/dist/components/types/credit-card/assets/index.js +1 -3
- package/dist/components/types/credit-card/card/index.d.ts +1 -1
- package/dist/components/types/credit-card/card/index.js +12 -18
- package/dist/components/types/credit-card/card/styles.js +2 -8
- package/dist/components/types/credit-card/functions/index.d.ts +1 -1
- package/dist/components/types/credit-card/functions/index.js +6 -12
- package/dist/components/types/credit-card/functions/styles.js +2 -8
- package/dist/components/types/credit-card/index.d.ts +1 -1
- package/dist/components/types/credit-card/index.js +6 -12
- package/dist/components/types/credit-card/styles.js +2 -8
- package/dist/components/types/credit-card/tools/index.js +8 -15
- package/dist/components/types/form/index.d.ts +1 -1
- package/dist/components/types/form/index.js +24 -56
- package/dist/components/types/form/styles.js +2 -8
- package/dist/components/types/form/types/button/index.d.ts +1 -1
- package/dist/components/types/form/types/button/index.js +6 -12
- package/dist/components/types/form/types/button/loading/index.js +4 -7
- package/dist/components/types/form/types/button/loading/styles.js +2 -8
- package/dist/components/types/form/types/button/styles.js +2 -8
- package/dist/components/types/form/types/datetime/index.d.ts +1 -1
- package/dist/components/types/form/types/datetime/index.js +7 -13
- package/dist/components/types/form/types/datetime/styles.js +2 -8
- package/dist/components/types/form/types/file/index.d.ts +1 -1
- package/dist/components/types/form/types/file/index.js +8 -11
- package/dist/components/types/form/types/file/styles.js +2 -8
- package/dist/components/types/form/types/index.js +7 -23
- package/dist/components/types/form/types/input/index.d.ts +1 -1
- package/dist/components/types/form/types/input/index.js +9 -15
- package/dist/components/types/form/types/input/styles.js +2 -8
- package/dist/components/types/form/types/label/index.d.ts +1 -1
- package/dist/components/types/form/types/label/index.js +4 -7
- package/dist/components/types/form/types/label/styles.js +2 -8
- package/dist/components/types/form/types/select/index.d.ts +1 -1
- package/dist/components/types/form/types/select/index.js +9 -15
- package/dist/components/types/form/types/select/styles.js +2 -8
- package/dist/components/types/form/types/textarea/index.d.ts +1 -1
- package/dist/components/types/form/types/textarea/index.js +7 -13
- package/dist/components/types/form/types/textarea/styles.js +2 -8
- package/dist/components/types/index.js +11 -27
- package/dist/components/types/loading/app/index.d.ts +1 -1
- package/dist/components/types/loading/app/index.js +5 -8
- package/dist/components/types/loading/app/styles.js +2 -8
- package/dist/components/types/loading/bar/index.d.ts +1 -1
- package/dist/components/types/loading/bar/index.js +4 -7
- package/dist/components/types/loading/bar/styles.js +2 -8
- package/dist/components/types/loading/index.js +2 -18
- package/dist/components/types/logo/index.d.ts +1 -1
- package/dist/components/types/logo/index.js +4 -7
- package/dist/components/types/logo/styles.js +2 -8
- package/dist/components/types/lottie/animations/index.js +2 -7
- package/dist/components/types/lottie/index.d.ts +1 -1
- package/dist/components/types/lottie/index.js +8 -14
- package/dist/components/types/lottie/styles.js +2 -8
- package/dist/components/types/modal/index.d.ts +1 -1
- package/dist/components/types/modal/index.js +9 -15
- package/dist/components/types/modal/styles.js +2 -8
- package/dist/components/types/table/index.d.ts +1 -1
- package/dist/components/types/table/index.js +34 -54
- package/dist/components/types/table/modal/actions.js +3 -5
- package/dist/components/types/table/modal/index.d.ts +1 -1
- package/dist/components/types/table/modal/index.js +14 -20
- package/dist/components/types/table/modal/styles.js +2 -8
- package/dist/components/types/table/paginate/index.d.ts +1 -1
- package/dist/components/types/table/paginate/index.js +10 -16
- package/dist/components/types/table/paginate/styles.js +2 -8
- package/dist/components/types/table/styles.js +2 -8
- package/dist/contexts/icon/assets/brands/index.js +1 -3
- package/dist/contexts/icon/assets/index.js +7 -12
- package/dist/contexts/icon/assets/regular/index.js +1 -3
- package/dist/contexts/icon/assets/solid/index.js +1 -3
- package/dist/contexts/icon/index.d.ts +1 -1
- package/dist/contexts/icon/index.js +18 -25
- package/dist/contexts/icon/styles.js +2 -8
- package/dist/contexts/index.js +4 -20
- package/dist/contexts/modal/index.d.ts +1 -1
- package/dist/contexts/modal/index.js +19 -26
- package/dist/contexts/modal/styles.js +2 -8
- package/dist/contexts/theme/content.d.ts +1 -1
- package/dist/contexts/theme/content.js +4 -7
- package/dist/contexts/theme/index.d.ts +1 -1
- package/dist/contexts/theme/index.js +17 -21
- package/dist/contexts/theme/styles.js +2 -8
- package/dist/contexts/tooltip/index.js +12 -19
- package/dist/contexts/tooltip/styles.js +2 -8
- package/dist/index.js +4 -20
- package/dist/interfaces/components/avatar/index.js +1 -2
- package/dist/interfaces/components/badge/index.js +1 -2
- package/dist/interfaces/components/block/index.d.ts +1 -1
- package/dist/interfaces/components/block/index.js +1 -2
- package/dist/interfaces/components/chart/index.js +1 -2
- package/dist/interfaces/components/credit-card/index.js +1 -2
- package/dist/interfaces/components/form/button/index.js +1 -2
- package/dist/interfaces/components/form/datetime/index.js +1 -2
- package/dist/interfaces/components/form/file/index.js +1 -2
- package/dist/interfaces/components/form/index.js +7 -23
- package/dist/interfaces/components/form/input/index.js +1 -2
- package/dist/interfaces/components/form/label/index.js +1 -2
- package/dist/interfaces/components/form/select/index.js +1 -2
- package/dist/interfaces/components/form/textarea/index.js +1 -2
- package/dist/interfaces/components/index.js +11 -27
- package/dist/interfaces/components/loading/app/index.js +1 -2
- package/dist/interfaces/components/loading/bar/index.js +1 -2
- package/dist/interfaces/components/loading/index.js +2 -18
- package/dist/interfaces/components/logo/index.js +1 -2
- package/dist/interfaces/components/lottie/index.js +1 -2
- package/dist/interfaces/components/modal/index.d.ts +1 -1
- package/dist/interfaces/components/modal/index.js +1 -2
- package/dist/interfaces/components/table/index.js +1 -17
- package/dist/interfaces/components/table/paginate/index.js +1 -2
- package/dist/interfaces/contexts/icon/index.js +1 -2
- package/dist/interfaces/contexts/index.js +4 -20
- package/dist/interfaces/contexts/modal/index.js +1 -2
- package/dist/interfaces/contexts/theme/index.js +1 -2
- package/dist/interfaces/contexts/tooltip/index.js +1 -2
- package/dist/interfaces/index.js +2 -18
- package/dist/styled.d.ts +1 -1
- package/dist/styled.js +1 -3
- package/dist/tsup.config.js +2 -4
- package/package.json +1 -1
package/dist/components/index.js
CHANGED
|
@@ -1,49 +1,17 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
Object.defineProperty(o, k2, desc);
|
|
10
|
-
}) : (function(o, m, k, k2) {
|
|
11
|
-
if (k2 === undefined) k2 = k;
|
|
12
|
-
o[k2] = m[k];
|
|
13
|
-
}));
|
|
14
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
15
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
16
|
-
}) : function(o, v) {
|
|
17
|
-
o["default"] = v;
|
|
18
|
-
});
|
|
19
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
20
|
-
if (mod && mod.__esModule) return mod;
|
|
21
|
-
var result = {};
|
|
22
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
23
|
-
__setModuleDefault(result, mod);
|
|
24
|
-
return result;
|
|
25
|
-
};
|
|
26
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
27
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
28
|
-
};
|
|
29
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
30
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
31
|
-
};
|
|
32
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
33
|
-
exports.Component = Component;
|
|
34
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
35
|
-
const react_1 = require("react");
|
|
36
|
-
const styles_1 = require("./styles");
|
|
37
|
-
const lodash_1 = __importDefault(require("lodash"));
|
|
38
|
-
const Types = __importStar(require("./types"));
|
|
39
|
-
__exportStar(require("./types"), exports);
|
|
40
|
-
function Component(props) {
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { Fragment } from "react";
|
|
4
|
+
import { Container, RowContainer } from "./styles";
|
|
5
|
+
import _ from "lodash";
|
|
6
|
+
import * as Types from "./types";
|
|
7
|
+
export * from "./types";
|
|
8
|
+
export function Component(props) {
|
|
41
9
|
const renderComponent = (config) => {
|
|
42
10
|
const ComponentElement = Types[config.type];
|
|
43
|
-
return (
|
|
11
|
+
return _jsx(ComponentElement, { ...config.props });
|
|
44
12
|
};
|
|
45
13
|
const renderRow = (components) => {
|
|
46
|
-
return ((
|
|
14
|
+
return (_jsx(RowContainer, { children: _.map(components, (data, index) => _jsx(Fragment, { children: renderComponent(data) }, index)) }));
|
|
47
15
|
};
|
|
48
|
-
return ((
|
|
16
|
+
return (_jsx(Container, { className: props.className, children: _.map(props.content, (data, index) => _jsx(Fragment, { children: _.isArray(data) ? renderRow(data) : renderComponent(data) }, index)) }));
|
|
49
17
|
}
|
|
@@ -1,17 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
|
-
};
|
|
6
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
exports.RowContainer = exports.Container = void 0;
|
|
8
|
-
const styled_components_1 = __importDefault(require("styled-components"));
|
|
9
|
-
exports.Container = styled_components_1.default.div `
|
|
2
|
+
import styled from "styled-components";
|
|
3
|
+
export const Container = styled.div `
|
|
10
4
|
display: flex;
|
|
11
5
|
flex-direction: column;
|
|
12
6
|
gap: 1rem;
|
|
13
7
|
`;
|
|
14
|
-
|
|
8
|
+
export const RowContainer = styled.div `
|
|
15
9
|
display: flex;
|
|
16
10
|
flex-direction: row;
|
|
17
11
|
align-items: stretch;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { IAvatar } from "interfaces";
|
|
1
|
+
import { IAvatar } from "@interfaces";
|
|
2
2
|
export declare function Avatar(props: IAvatar): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,39 +1,33 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
};
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
const randomcolor_1 = __importDefault(require("randomcolor"));
|
|
13
|
-
const lodash_1 = __importDefault(require("lodash"));
|
|
14
|
-
function Avatar(props) {
|
|
15
|
-
const containerRef = (0, react_1.useRef)({});
|
|
16
|
-
const [color, setColor] = (0, react_1.useState)("");
|
|
17
|
-
(0, react_1.useEffect)(() => {
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useEffect, useRef, useState } from "react";
|
|
4
|
+
import { Container } from "./styles";
|
|
5
|
+
import { getStorage, setStorage } from "@gustavo-valsechi/server";
|
|
6
|
+
import randomColor from "randomcolor";
|
|
7
|
+
import _ from "lodash";
|
|
8
|
+
export function Avatar(props) {
|
|
9
|
+
const containerRef = useRef({});
|
|
10
|
+
const [color, setColor] = useState("");
|
|
11
|
+
useEffect(() => {
|
|
18
12
|
if (color)
|
|
19
13
|
return;
|
|
20
14
|
(async () => {
|
|
21
15
|
const storageKey = process.env.NEXT_PUBLIC_STORAGE_AVATAR;
|
|
22
|
-
const storageColor = await
|
|
16
|
+
const storageColor = await getStorage(storageKey);
|
|
23
17
|
if (storageColor)
|
|
24
18
|
return setColor(storageColor);
|
|
25
|
-
const random = (
|
|
26
|
-
await
|
|
19
|
+
const random = randomColor({ luminosity: "light" });
|
|
20
|
+
await setStorage(storageKey, random);
|
|
27
21
|
setColor(random);
|
|
28
22
|
})();
|
|
29
23
|
}, [color]);
|
|
30
24
|
const name = () => {
|
|
31
|
-
const [first, secound] =
|
|
25
|
+
const [first, secound] = _.split(props.name, ' ') || [];
|
|
32
26
|
if (first && secound)
|
|
33
27
|
return `${first} ${secound}`;
|
|
34
28
|
if (first)
|
|
35
29
|
return first;
|
|
36
30
|
return "IZ";
|
|
37
31
|
};
|
|
38
|
-
return ((
|
|
32
|
+
return (_jsx(Container, { ref: containerRef, color: color, width: containerRef.current.offsetWidth, ...props, children: _jsx("span", { children: _.upperCase(name()) }) }));
|
|
39
33
|
}
|
|
@@ -1,12 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
|
-
};
|
|
6
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
exports.Container = void 0;
|
|
8
|
-
const styled_components_1 = __importDefault(require("styled-components"));
|
|
9
|
-
exports.Container = styled_components_1.default.div `
|
|
2
|
+
import styled from "styled-components";
|
|
3
|
+
export const Container = styled.div `
|
|
10
4
|
width: ${({ size }) => size || "2.3rem"};
|
|
11
5
|
height: ${({ size }) => size || "2.3rem"};
|
|
12
6
|
border-radius: ${({ size }) => size || "2.3rem"};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { IBadge } from "interfaces";
|
|
1
|
+
import { IBadge } from "@interfaces";
|
|
2
2
|
export declare function Badge(props: IBadge): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,16 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
9
|
-
const styles_1 = require("./styles");
|
|
10
|
-
const contexts_1 = require("contexts");
|
|
11
|
-
const lodash_1 = __importDefault(require("lodash"));
|
|
12
|
-
function Badge(props) {
|
|
13
|
-
const { content } = (0, contexts_1.useTheme)();
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { Container } from "./styles";
|
|
4
|
+
import { useTheme } from "../../../contexts";
|
|
5
|
+
import _ from "lodash";
|
|
6
|
+
export function Badge(props) {
|
|
7
|
+
const { content } = useTheme();
|
|
14
8
|
const status = {
|
|
15
9
|
ATIVO: "positive",
|
|
16
10
|
DESATIVADO: "negative",
|
|
@@ -18,5 +12,5 @@ function Badge(props) {
|
|
|
18
12
|
INSTAVEL: "negative",
|
|
19
13
|
REGULAR: "negative",
|
|
20
14
|
};
|
|
21
|
-
return ((
|
|
15
|
+
return (_jsx(Container, { color: status[props.value] || content.t3, children: _jsx("div", { className: "content", children: _jsx("div", { children: _.lowerCase(props.value) }) }) }));
|
|
22
16
|
}
|
|
@@ -1,12 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
|
-
};
|
|
6
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
exports.Container = void 0;
|
|
8
|
-
const styled_components_1 = __importDefault(require("styled-components"));
|
|
9
|
-
exports.Container = styled_components_1.default.div `
|
|
2
|
+
import styled from "styled-components";
|
|
3
|
+
export const Container = styled.div `
|
|
10
4
|
.content {
|
|
11
5
|
display: inline-flex;
|
|
12
6
|
align-items: center;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { IBlock } from "interfaces";
|
|
1
|
+
import { IBlock } from "@interfaces";
|
|
2
2
|
export declare function Block(props: IBlock): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
function Block(props) {
|
|
9
|
-
return ((0, jsx_runtime_1.jsxs)(styles_1.Container, { children: [(!!props.icon || !!props.label) &&
|
|
10
|
-
(0, jsx_runtime_1.jsxs)("header", { children: [!!props.icon && (0, jsx_runtime_1.jsx)("i", { "aria-hidden": true, className: props.icon }), !!props.label && (0, jsx_runtime_1.jsx)("span", { children: props.label })] }), (0, jsx_runtime_1.jsxs)(styles_1.Content, { children: [!!props.component && (0, jsx_runtime_1.jsx)(__1.Component, { content: props.component }), props.children] })] }));
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { Container, Content } from "./styles";
|
|
4
|
+
import { Component } from "../..";
|
|
5
|
+
export function Block(props) {
|
|
6
|
+
return (_jsxs(Container, { children: [(!!props.icon || !!props.label) &&
|
|
7
|
+
_jsxs("header", { children: [!!props.icon && _jsx("i", { "aria-hidden": true, className: props.icon }), !!props.label && _jsx("span", { children: props.label })] }), _jsxs(Content, { children: [!!props.component && _jsx(Component, { content: props.component }), props.children] })] }));
|
|
11
8
|
}
|
|
@@ -1,12 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
|
-
};
|
|
6
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
exports.Content = exports.Container = void 0;
|
|
8
|
-
const styled_components_1 = __importDefault(require("styled-components"));
|
|
9
|
-
exports.Container = styled_components_1.default.div `
|
|
2
|
+
import styled from "styled-components";
|
|
3
|
+
export const Container = styled.div `
|
|
10
4
|
display: flex;
|
|
11
5
|
flex-direction: column;
|
|
12
6
|
gap: 1rem;
|
|
@@ -24,7 +18,7 @@ exports.Container = styled_components_1.default.div `
|
|
|
24
18
|
color: ${({ theme }) => theme.t6};
|
|
25
19
|
}
|
|
26
20
|
`;
|
|
27
|
-
|
|
21
|
+
export const Content = styled.div `
|
|
28
22
|
font-size: 1.5rem;
|
|
29
23
|
font-weight: 500;
|
|
30
24
|
color: ${({ theme }) => theme.t7};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { IChart } from "interfaces";
|
|
1
|
+
import { IChart } from "@interfaces";
|
|
2
2
|
export declare function Chart(props: IChart): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,25 +1,19 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
const
|
|
10
|
-
const contexts_1 = require("contexts");
|
|
11
|
-
const dynamic_1 = __importDefault(require("next/dynamic"));
|
|
12
|
-
const lodash_1 = __importDefault(require("lodash"));
|
|
13
|
-
const ApexChart = (0, dynamic_1.default)(() => import("react-apexcharts").then((mod) => mod.default), { ssr: false });
|
|
14
|
-
function Chart(props) {
|
|
15
|
-
const { content: themeContent } = (0, contexts_1.useTheme)();
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { Container } from "./styles";
|
|
4
|
+
import { useTheme } from "../../../contexts";
|
|
5
|
+
import dynamic from "next/dynamic";
|
|
6
|
+
import _ from "lodash";
|
|
7
|
+
const ApexChart = dynamic(() => import("react-apexcharts").then((mod) => mod.default), { ssr: false });
|
|
8
|
+
export function Chart(props) {
|
|
9
|
+
const { content: themeContent } = useTheme();
|
|
16
10
|
const monitor = props.content || [];
|
|
17
|
-
const series =
|
|
11
|
+
const series = _.map(props.yAxis, (value, key) => ({
|
|
18
12
|
name: key || "",
|
|
19
|
-
data:
|
|
13
|
+
data: _.map(monitor, (data) => _.isFunction(value) ? value(data) : 0),
|
|
20
14
|
}));
|
|
21
15
|
const options = {
|
|
22
|
-
colors:
|
|
16
|
+
colors: _.map(props.colors || [], (value) => themeContent[value] || value || themeContent.secondary),
|
|
23
17
|
dataLabels: { enabled: false },
|
|
24
18
|
stroke: { curve: "smooth", width: 2, },
|
|
25
19
|
fill: { gradient: { opacityFrom: 0.9, opacityTo: 0.8 } },
|
|
@@ -28,12 +22,12 @@ function Chart(props) {
|
|
|
28
22
|
yaxis: {
|
|
29
23
|
min: props.min,
|
|
30
24
|
max: props.max,
|
|
31
|
-
labels: { style: { colors:
|
|
25
|
+
labels: { style: { colors: _.map(monitor, () => themeContent.t6) } }
|
|
32
26
|
},
|
|
33
27
|
xaxis: {
|
|
34
|
-
categories:
|
|
35
|
-
labels: { style: { colors:
|
|
28
|
+
categories: _.map(monitor, (data) => _.isFunction(props.xAxis) ? props.xAxis(data) : ""),
|
|
29
|
+
labels: { style: { colors: _.map(monitor, () => themeContent.t6) } }
|
|
36
30
|
},
|
|
37
31
|
};
|
|
38
|
-
return ((
|
|
32
|
+
return (_jsx(Container, { children: _jsx(ApexChart, { options: options, series: series, type: "area", height: props.height || 200, width: "100%" }) }));
|
|
39
33
|
}
|
|
@@ -1,10 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.Container = void 0;
|
|
7
|
-
const styled_components_1 = __importDefault(require("styled-components"));
|
|
8
|
-
exports.Container = styled_components_1.default.div `
|
|
1
|
+
import styled from "styled-components";
|
|
2
|
+
export const Container = styled.div `
|
|
9
3
|
|
|
10
4
|
`;
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
1
|
const assets = {
|
|
4
2
|
Chip: "'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9Ijc2IiB2aWV3Qm94PSIwIDAgMTAwIDc2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjEwMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiNGM0QwOEYiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkFENzY2IiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBkPSJNOTIuNzI3IDc1LjQ1NWgtODUuNDU1Yy00IDAtNy4yNzMtMy4yNzMtNy4yNzMtNy4yNzN2LTYwLjkwOWMwLTQgMy4yNzMtNy4yNzMgNy4yNzMtNy4yNzNoODUuNDU1YzQgMCA3LjI3MyAzLjI3MyA3LjI3MyA3LjI3M3Y2MC45MDljMCA0LTMuMjczIDcuMjczLTcuMjczIDcuMjczIiBmaWxsPSJ1cmwoI2EpIi8+PHBhdGggZD0iTTcyLjEyMyAyOC40ODVoMjcuODc4di0xLjgxOGgtMjkuNjQ4Yy0uOTY1IDAtMS44MzIuNjAxLTIuMTcyIDEuNTA0LTIuMjg3IDYuMDcyLTIuNDMzIDEyLjU5NC0uNDM4IDE5Ljg0Mi40NTUgMS42NTQuNDM1IDMuNC0uMSA1LjAzLTIuMDM2IDYuMTk1LTcuNzc5IDE5Ljk4OC0xOC41NTEgMTkuOTg4LTExLjAwOCAwLTE2LjA5Ni0xNS42OTktMTcuMzM0LTIxLjk1Mi0uMTU1LS43ODQtLjEyMi0xLjU5Mi4xMDctMi4zNTcgMS42OTUtNS42NDggMi4wOTQtMTAuNjQtLjAxNi0xOS41OS0uMjA1LS44Ny0uMTgyLTEuNzgzLjA0OC0yLjY0NiA0LjQ4LTE2Ljc1NSAxMi44ODItMjAuMTQ3IDEyLjk2NS0yMC4xNzkuMzU2LS4xMzIuNTkzLS40NzIuNTkzLS44NTJ2LTUuNDU1aC0xLjgxOHYzLjc3NmMwIC42NS0uMzMyIDEuMjUyLS44ODQgMS41OTYtMi44MDMgMS43NDItOC45MDQgNi45MzYtMTIuNTU3IDIwLjQ1Ni0uMTguNjY4LS43ODEgMS4xMzYtMS40NzMgMS4xMzNsLTI4LjcyMi0uMTM5djEuODE4bDI3LjQxNi4xMzNjMS40NjguMDA3IDIuNzM1IDEuMDQxIDMuMDM3IDIuNDc4IDEuNDE2IDYuNzQxIDEuMjE5IDExLjAzOS4wODIgMTUuNDU4LS4zMTYgMS4yMy0xLjQyIDIuMDk2LTIuNjkgMi4xMDlsLTI3Ljg0NC4yN3YxLjgxOWwyOC42MDUtLjI3OGMuNjkzLS4wMDcgMS4yOTYuNDczIDEuNDM1IDEuMTUyIDEuNDQyIDcuMDQxIDYuODg3IDIzLjA3IDE5LjA1IDIzLjA3IDYuMzY4IDAgMTIuMDYyLTQuMjUgMTYuNDY3LTEyLjI5IDIuNjQ0LTQuODI4IDQuMDY3LTkuNTkxIDQuNTQxLTExLjM0NmgyOS45MDF2LTEuODE4aC0yOC4wMTZjLTEuMTU4IDAtMi4xODMtLjc3Mi0yLjQ4OS0xLjg4OS0xLjY5Mi02LjE2NC0xLjc2MS0xMS43NTUtLjItMTYuOTU5LjM3MS0xLjIzNSAxLjUzOC0yLjA2MSAyLjgyNy0yLjA2MXptLTE3LjE1LTIxLjkxNGMuMDQ1LjAyMiA0LjUxOSAyLjMyMiA5LjI1MyAxMC4wNDEuMTcyLjI4LjQ3LjQzNC43NzYuNDM0LjE5OCAwIC4zOTktLjA2NC41NzEtLjIwMi4zNjUtLjI5Mi40MTYtLjgzNy4xNzItMS4yMzUtMy41Ny01LjgwNS03LjAyNC04LjcxLTguNzc1LTkuOTMxLS40My0uMjk5LS42OC0uNzkyLS42OC0xLjMxNXYtNC4zNjNoLTEuODE4djUuNzU4YzAgLjM0NS4xOTUuNjU5LjUwMi44MTN6IiBmaWxsPSIjMEMwMjAwIi8+PC9zdmc+'",
|
|
5
3
|
AmericanExpress: "'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxkZWZzPjxyYWRpYWxHcmFkaWVudCBjeD0iMTcuNTQxJSIgY3k9IjE3LjQ2NiUiIGZ4PSIxNy41NDElIiBmeT0iMTcuNDY2JSIgcj0iOTEuMjM3JSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiM2NUJDRjEiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMjNBREUzIiBvZmZzZXQ9IjQ1LjQ2JSIvPjxzdG9wIHN0b3AtY29sb3I9IiMwREE2RTAiIG9mZnNldD0iNTAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzA1NTFDMyIgb2Zmc2V0PSIxMDAlIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHBhdGggZmlsbD0idXJsKCNhKSIgZD0iTTAgMGg1MTJ2NTEyaC01MTJ6Ii8+PHBhdGggZD0iTTQ1Ljc5MSAyMjAuOTM1bC05Ljc3My0yMy44MTMtOS43MTcgMjMuODEzaDE5LjQ4OXptMjE1LjI4OS05LjQ4M2MtMS45NjIgMS4xOTEtNC4yODMgMS4yMzEtNy4wNjMgMS4yMzFoLTE3LjM0NXYtMTMuMjY4aDE3LjU4MWMyLjQ4OCAwIDUuMDg0LjExMiA2Ljc3MSAxLjA3NyAxLjg1Mi44NyAyLjk5OCAyLjcyMiAyLjk5OCA1LjI4MSAwIDIuNjExLTEuMDkgNC43MTItMi45NDIgNS42Nzl6bTEyMy43MzkgOS40ODNsLTkuODgxLTIzLjgxMy05LjgyNyAyMy44MTNoMTkuNzA3em0tMjMwLjY1OCAyNS43NzZoLTE0LjYzN2wtLjA1NC00Ni43ODQtMjAuNzA0IDQ2Ljc4NGgtMTIuNTM2bC0yMC43NTgtNDYuODI1djQ2LjgyNWgtMjkuMDRsLTUuNDg2LTEzLjMyNGgtMjkuNzI5bC01LjU0MiAxMy4zMjRoLTE1LjUwN2wyNS41NjgtNTkuNzM1aDIxLjIxNGwyNC4yODQgNTYuNTU2di01Ni41NTZoMjMuMzA0bDE4LjY4NiA0MC41MjMgMTcuMTY1LTQwLjUyM2gyMy43NzJ2NTkuNzM1aC4wMDJ6bTU4LjMzOCAwaC00Ny42OTd2LTU5LjczNWg0Ny42OTd2MTIuNDM5aC0zMy40MTl2MTAuNzY3aDMyLjYxN3YxMi4yNDVoLTMyLjYxN3YxMS45MjloMzMuNDE5djEyLjM1NHptNjcuMjUxLTQzLjY0N2MwIDkuNTI0LTYuMzU3IDE0LjQ0NC0xMC4wNjEgMTUuOTIyIDMuMTI0IDEuMTg5IDUuNzkzIDMuMjkgNy4wNjMgNS4wMyAyLjAxNiAyLjk3MSAyLjM2NCA1LjYyNSAyLjM2NCAxMC45NnYxMS43MzVoLTE0LjQwMWwtLjA1NC03LjUzM2MwLTMuNTk0LjM0NC04Ljc2NC0yLjI1NC0xMS42MzctMi4wODYtMi4xMDEtNS4yNjYtMi41NTctMTAuNDA3LTIuNTU3aC0xNS4zMjd2MjEuNzI3aC0xNC4yNzd2LTU5LjczNWgzMi44NGM3LjI5NyAwIDEyLjY3My4xOTMgMTcuMjg5IDIuODYxIDQuNTE3IDIuNjY4IDcuMjI1IDYuNTY0IDcuMjI1IDEzLjIyN3ptMjIuODUgNDMuNjQ3aC0xNC41Njl2LTU5LjczNWgxNC41Njl2NTkuNzM1em0xNjkuMDE3IDBoLTIwLjIzM2wtMjcuMDY0LTQ0LjgzNHY0NC44MzRoLTI5LjA3OGwtNS41NTctMTMuMzI0aC0yOS42NmwtNS4zOTEgMTMuMzI0aC0xNi43MDdjLTYuOTQgMC0xNS43MjctMS41MzUtMjAuNzA0LTYuNjA3LTUuMDE4LTUuMDcyLTcuNjI5LTExLjk0Mi03LjYyOS0yMi44MDUgMC04Ljg1OSAxLjU2LTE2Ljk1OCA3LjY5Ny0yMy4zNTggNC42MTYtNC43NjcgMTEuODQ1LTYuOTY1IDIxLjY4NC02Ljk2NWgxMy44MjN2MTIuNzk5aC0xMy41MzNjLTUuMjExIDAtOC4xNTMuNzc1LTEwLjk4NyAzLjUzOS0yLjQzNCAyLjUxNS00LjEwNCA3LjI3LTQuMTA0IDEzLjUzMSAwIDYuNCAxLjI3MiAxMS4wMTQgMy45MjYgMTQuMDI4IDIuMTk4IDIuMzY0IDYuMTkzIDMuMDgxIDkuOTUxIDMuMDgxaDYuNDEybDIwLjEyNC00Ni45NzdoMjEuMzk0bDI0LjE3NCA1Ni41di01Ni41aDIxLjc0bDI1LjA5OCA0MS42MDJ2LTQxLjYwMmgxNC42MjV2NTkuNzMzem0tNDcxLjYxNiAxMS43MzNoMjQuMzk1bDUuNTAxLTEzLjI2OGgxMi4zMTVsNS40ODYgMTMuMjY4aDQ4di0xMC4xNDRsNC4yODUgMTAuMTg3aDI0LjkxOGw0LjI4NS0xMC4zMzh2MTAuMjk1aDExOS4yODlsLS4wNTYtMjEuNzc5aDIuMzA4YzEuNjE2LjA1NiAyLjA4OC4yMDUgMi4wODggMi44NzR2MTguOTA2aDYxLjY5N3YtNS4wN2M0Ljk3NiAyLjY2NyAxMi43MTcgNS4wNyAyMi45MDIgNS4wN2gyNS45NTZsNS41NTUtMTMuMjY4aDEyLjMxNWw1LjQzMiAxMy4yNjhoNTAuMDE4di0xMi42MDNsNy41NzQgMTIuNjAzaDQwLjA4MXYtODMuMzEyaC0zOS42Njd2OS44MzlsLTUuNTU1LTkuODM5aC00MC43MDN2OS44MzlsLTUuMTAxLTkuODM5aC01NC45OGMtOS4yMDMgMC0xNy4yOTMgMS4yODUtMjMuODI4IDQuODY1di00Ljg2NWgtMzcuOTQxdjQuODY1Yy00LjE1OC0zLjY5LTkuODI1LTQuODY1LTE2LjEyNS00Ljg2NWgtMTM4LjYxM2wtOS4zMDEgMjEuNTE4LTkuNTUxLTIxLjUxOGgtNDMuNjZ2OS44MzlsLTQuNzk2LTkuODM5aC0zNy4yMzVsLTE3LjI5MSAzOS42MTF2NDMuNzAxaC4wMDJ6TTUxMiAzMDIuMDE0aC0yNi4wMzljLTIuNiAwLTQuMzI3LjA5Ny01Ljc4MiAxLjA4LTEuNTA3Ljk2OC0yLjA4OCAyLjQwNS0yLjA4OCA0LjMwMiAwIDIuMjU1IDEuMjczIDMuNzkgMy4xMjQgNC40NTMgMS41MDcuNTI1IDMuMTI2LjY3OCA1LjUwNi42NzhsNy43NDMuMjA3YzcuODE0LjE5MyAxMy4wMjkgMS41MzYgMTYuMjA5IDQuODEyLjU3OS40NTYuOTI3Ljk2OCAxLjMyNSAxLjQ4di0xNy4wMTJ6bTAgMzkuNDE2Yy0zLjQ3IDUuMDc1LTEwLjIzMyA3LjY0OC0xOS4zODggNy42NDhoLTI3LjU5MXYtMTIuODJoMjcuNDc5YzIuNzI2IDAgNC42MzMtLjM1OSA1Ljc4Mi0xLjQ4Ljk5NS0uOTI1IDEuNjg5LTIuMjY4IDEuNjg5LTMuOSAwLTEuNzQyLS42OTQtMy4xMjQtMS43NDUtMy45NTQtMS4wMzctLjkxMi0yLjU0Ni0xLjMyNy01LjAzNC0xLjMyNy0xMy40MTUtLjQ1Ni0zMC4xNTEuNDE1LTMwLjE1MS0xOC41MDQgMC04LjY3MiA1LjUwNi0xNy44IDIwLjQ5OC0xNy44aDI4LjQ1OHYtMTEuODk1aC0yNi40NDFjLTcuOTc5IDAtMTMuNzc2IDEuOTExLTE3Ljg4MSA0Ljg4MnYtNC44ODJoLTM5LjEwOWMtNi4yNTQgMC0xMy41OTUgMS41NS0xNy4wNjggNC44ODJ2LTQuODgyaC02OS44Mzl2NC44ODJjLTUuNTU4LTQuMDEtMTQuOTM3LTQuODgyLTE5LjI2NS00Ljg4MmgtNDYuMDY2djQuODgyYy00LjM5Ny00LjI1OC0xNC4xNzYtNC44ODItMjAuMTM2LTQuODgyaC01MS41NTZsLTExLjc5OCAxMi43NjgtMTEuMDUtMTIuNzY4aC03Ny4wMTR2ODMuNDIxaDc1LjU2NWwxMi4xNTctMTIuOTcgMTEuNDUyIDEyLjk3IDQ2LjU3OC4wNDF2LTE5LjYyNGg0LjU3OWM2LjE4LjA5NiAxMy40NjktLjE1MyAxOS45LTIuOTMzdjIyLjUxNGgzOC40MTl2LTIxLjc0MmgxLjg1M2MyLjM2NSAwIDIuNTk4LjA5NyAyLjU5OCAyLjQ2MXYxOS4yOGgxMTYuNzA5YzcuNDEgMCAxNS4xNTUtMS44OTcgMTkuNDQ0LTUuMzM4djUuMzM4aDM3LjAyYzcuNzA0IDAgMTUuMjI3LTEuMDggMjAuOTUxLTMuODQ1di0xNS41NDF6bS01Ni45OS0yMy44ODRjMi43ODIgMi44NzkgNC4yNzMgNi41MTQgNC4yNzMgMTIuNjY3IDAgMTIuODYyLTguMDM1IDE4Ljg2NS0yMi40NDQgMTguODY1aC0yNy44Mjd2LTEyLjgyaDI3LjcxNWMyLjcxIDAgNC42MzItLjM1OSA1LjgzNi0xLjQ4Ljk4My0uOTI1IDEuNjg3LTIuMjY4IDEuNjg3LTMuOSAwLTEuNzQyLS43NjMtMy4xMjQtMS43NDMtMy45NTQtMS4wOTMtLjkxMi0yLjYtMS4zMjctNS4wODgtMS4zMjctMTMuMzYxLS40NTYtMzAuMDkzLjQxNS0zMC4wOTMtMTguNTA0IDAtOC42NzIgNS40NDgtMTcuOCAyMC40MjYtMTcuOGgyOC42NDJ2MTIuNzI1aC0yNi4yMDhjLTIuNTk4IDAtNC4yODcuMDk3LTUuNzI0IDEuMDgtMS41NjUuOTY4LTIuMTQ1IDIuNDA1LTIuMTQ1IDQuMzAyIDAgMi4yNTUgMS4zMjkgMy43OSAzLjEyNiA0LjQ1MyAxLjUwNy41MjUgMy4xMjYuNjc4IDUuNTYuNjc4bDcuNjkxLjIwN2M3Ljc1Ni4xODkgMTMuMDggMS41MzEgMTYuMzE2IDQuODA4em0tMTI4LjkxOC0zLjY5MmMtMS45MTEgMS4xMzQtNC4yNzUgMS4yMzEtNy4wNTUgMS4yMzFoLTE3LjM1NnYtMTMuNDI4aDE3LjU5MmMyLjU0NCAwIDUuMDg5LjA1NCA2LjgxOCAxLjA4IDEuODUyLjk2OCAyLjk1OCAyLjgyIDIuOTU4IDUuMzc4IDAgMi41NTgtMS4xMDcgNC42MTktMi45NTggNS43Mzh6bTguNjI4IDcuNDRjMy4xOCAxLjE3NCA1Ljc4IDMuMjc4IDYuOTk5IDUuMDE5IDIuMDE3IDIuOTE5IDIuMzA5IDUuNjQzIDIuMzY3IDEwLjkxM3YxMS44NTJoLTE0LjM0M3YtNy40OGMwLTMuNTk3LjM0Ni04LjkyMi0yLjMwOS0xMS43MDItMi4wODgtMi4xNDItNS4yNy0yLjY1NC0xMC40ODItMi42NTRoLTE1LjI2OHYyMS44MzZoLTE0LjM1NnYtNTkuNzg2aDMyLjk4NWM3LjIzMyAwIDEyLjUwMS4zMTkgMTcuMTkgMi44MjEgNC41MDkgMi43MjQgNy4zNDUgNi40NTYgNy4zNDUgMTMuMjc2LS4wMDIgOS41NDItNi4zNjYgMTQuNDEyLTEwLjEyNyAxNS45MDV6bTE4LjA0OC0zMi4wMDJoNDcuNjg0djEyLjM2NGgtMzMuNDU1djEwLjg2OWgzMi42Mzl2MTIuMTk4aC0zMi42Mzl2MTEuODk1bDMzLjQ1NS4wNTR2MTIuNDA1aC00Ny42ODR2LTU5Ljc4NnptLTk2LjM5MyAyNy41OTFoLTE4LjQ2M3YtMTUuMjI1aDE4LjYyOWM1LjE1OCAwIDguNzM4IDIuMTAyIDguNzM4IDcuMzMgMCA1LjE3MS0zLjQxNSA3Ljg5NS04LjkwNCA3Ljg5NXptLTMyLjY5MyAyNi43NThsLTIxLjkzNS0yNC4zNTMgMjEuOTM1LTIzLjU3OXY0Ny45MzJ6bS01Ni42NDctNy4wMjJoLTM1LjEyN3YtMTEuODk1aDMxLjM2NnYtMTIuMTk4aC0zMS4zNjZ2LTEwLjg2OWgzNS44MTlsMTUuNjI3IDE3LjQyMy0xNi4zMTkgMTcuNTR6bTExMy41ODMtMjcuNjNjMCAxNi42MDgtMTIuMzkxIDIwLjAzNy0yNC44NzkgMjAuMDM3aC0xNy44Mjd2MjAuMDUzaC0yNy43NjlsLTE3LjU5Mi0xOS43OTItMTguMjgzIDE5Ljc5MmgtNTYuNTkxdi01OS43ODZoNTcuNDYybDE3LjU3OCAxOS41OTcgMTguMTczLTE5LjU5N2g0NS42NTJjMTEuMzM4IDAgMjQuMDc3IDMuMTM5IDI0LjA3NyAxOS42OTZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+'",
|
|
@@ -16,4 +14,4 @@ const assets = {
|
|
|
16
14
|
Visa: "'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSIxNjZweCIgdmlld0JveD0iMCAwIDUxMiAxNjYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgICA8Zz4gICAgICAgIDxwYXRoIGQ9Ik0yNjQuNzk0MTg3LDExMi40Nzk0OTEgQzI2NC41MDIwNzIsODkuNDQ4NTYxNiAyODUuMzE5MDgsNzYuNTk1NTE5OCAzMDEuMDAxMDIxLDY4Ljk1NDQxNzIgQzMxNy4xMTM0NDcsNjEuMTEzNDQ2NiAzMjIuNTI1MjU0LDU2LjA4NjAwMDggMzIyLjQ2Mzc1Niw0OS4wNzUyNTA3IEMzMjIuMzQwNzYsMzguMzQzODgzMyAzMDkuNjEwNzE0LDMzLjYwODU1MiAyOTcuNjk1NTE0LDMzLjQyNDA1ODYgQzI3Ni45MDkyNTUsMzMuMTAxMTk1MSAyNjQuODI0OTM1LDM5LjAzNTczMzYgMjU1LjIxNTkwMyw0My41MjUwNzM2IEwyNDcuNzI4NTQ1LDguNDg2Njk3NSBDMjU3LjM2ODMyNiw0LjA0MzQ4MDg3IDI3NS4yMTgwNjUsMC4xNjkxMTg5NzIgMjkzLjcyODkwNSwtMS40MjEwODU0N2UtMTQgQzMzNy4xNzcxMDYsLTEuNDIxMDg1NDdlLTE0IDM2NS42MDQ0NjgsMjEuNDQ3MzYwNSAzNjUuNzU4MjEzLDU0LjcwMjMwMDIgQzM2NS45MjczMzIsOTYuOTA1MTcwOSAzMDcuMzgxNDE5LDk5LjI0MjA4NzYgMzA3Ljc4MTE1NCwxMTguMTA2NTQgQzMwNy45MTk1MjQsMTIzLjgyNTgzNiAzMTMuMzc3NDU1LDEyOS45Mjk0OTQgMzI1LjMzODc3OCwxMzEuNDgyMzEzIEMzMzEuMjU3OTQyLDEzMi4yNjY0MSAzNDcuNjAwOTg1LDEzMi44NjYwMTQgMzY2LjEyNzIsMTI0LjMzMzE5MyBMMzczLjM5OTMxNSwxNTguMjMzODYgQzM2My40MzY2NywxNjEuODYyMjMgMzUwLjYyOTc1MiwxNjUuMzM2ODU3IDMzNC42ODY0NDUsMTY1LjMzNjg1NyBDMjkzLjc5MDQwMywxNjUuMzM2ODU3IDI2NS4wMjQ4MDMsMTQzLjU5NzM4MiAyNjQuNzk0MTg3LDExMi40Nzk0OTEgTTQ0My4yNzYyLDE2Mi40MTU3MTEgQzQzNS4zNDI5ODIsMTYyLjQxNTcxMSA0MjguNjU1MDk2LDE1Ny43ODgwMDEgNDI1LjY3MjQ1MiwxNTAuNjg1MDA0IEwzNjMuNjA1Nzg5LDIuNDkwNjYxMjIgTDQwNy4wMjMyNDIsMi40OTA2NjEyMiBMNDE1LjY2MzY4NCwyNi4zNjcxODUyIEw0NjguNzIwOTE4LDI2LjM2NzE4NTIgTDQ3My43MzI5ODksMi40OTA2NjEyMiBMNTEyLDIuNDkwNjYxMjIgTDQ3OC42MDY2OSwxNjIuNDE1NzExIEw0NDMuMjc2MiwxNjIuNDE1NzExIE00NDkuMzQ5MTA4LDExOS4yMTM1MDEgTDQ2MS44NzkyODcsNTkuMTYwODkxMiBMNDI3LjU2MzUxLDU5LjE2MDg5MTIgTDQ0OS4zNDkxMDgsMTE5LjIxMzUwMSBNMjEyLjE1MjA2MywxNjIuNDE1NzExIEwxNzcuOTI4NTMzLDIuNDkwNjYxMjIgTDIxOS4zMDExODMsMi40OTA2NjEyMiBMMjUzLjUwOTMzOSwxNjIuNDE1NzExIEwyMTIuMTUyMDYzLDE2Mi40MTU3MTEgTTE1MC45NDYzNywxNjIuNDE1NzExIEwxMDcuODgyNTMsNTMuNTY0NTkwNyBMOTAuNDYzMjc1NSwxNDYuMTE4NzkyIEM4OC40MTg0NzM0LDE1Ni40NTA0MjMgODAuMzQ2ODg2MSwxNjIuNDE1NzExIDcxLjM4MzU4MDYsMTYyLjQxNTcxMSBMMC45ODM5NjQ5MjcsMTYyLjQxNTcxMSBMMCwxNTcuNzcyNjI2IEMxNC40NTE5ODQ5LDE1NC42MzYyMzggMzAuODcxODk5NiwxNDkuNTc4MDQzIDQwLjgxOTE3LDE0NC4xNjYyMzYgQzQ2LjkwNzQ1MywxNDAuODYwNzI5IDQ4LjY0NDc2NjEsMTM3Ljk3MDMzMiA1MC42NDM0NDQ4LDEzMC4xMTM5ODcgTDgzLjYzNzAxODgsMi40OTA2NjEyMiBMMTI3LjM2MTk2LDIuNDkwNjYxMjIgTDE5NC4zOTQ1NzEsMTYyLjQxNTcxMSBMMTUwLjk0NjM3LDE2Mi40MTU3MTEiIGZpbGw9IiNGRkZGRkYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1Ni4wMDAwMDAsIDgyLjY2ODQyOCkgc2NhbGUoMSwgLTEpIHRyYW5zbGF0ZSgtMjU2LjAwMDAwMCwgLTgyLjY2ODQyOCkgIj48L3BhdGg+ICAgIDwvZz48L3N2Zz4='",
|
|
17
15
|
VisaElectron: "'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSIyMjhweCIgdmlld0JveD0iMCAwIDUxMiAyMjgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgICA8Zz4gICAgICAgIDxwYXRoIGQ9Ik0xOTQuMzkzMDEyLDIuOTE5MzQ0MTMgTDEyNy4zNjI1MTcsMTYyLjgzNTk4MSBMODMuNjI3OTMwNywxNjIuODM1OTgxIEw1MC42MzkwMTUyLDM1LjIwODY2MzIgQzQ4LjY0MTU2OTIsMjcuMzY1OTkwNyA0Ni45MDIzODU1LDI0LjQ3OTMzOCA0MC44MTUyNDI0LDIxLjE2NDQyNzYgQzMwLjg2NzI0MjIsMTUuNzYwNTM1MyAxNC40Mzk4MDE4LDEwLjcwNjQ0MTIgMCw3LjU2MTUyNjI4IEwwLjk3NDIwNDQyNCwyLjkxOTM0NDEzIEw3MS4zODE3MjM1LDIuOTE5MzQ0MTMgQzgwLjM0MjQ0MjcsMi45MTkzNDQxMyA4OC40MTA2ODYsOC44ODU1Mjg5NCA5MC40NjA0MzgzLDE5LjIxNjAxODggTDEwNy44OTE1MDUsMTExLjc2MjE3IEwxNTAuOTIzMjI2LDIuOTE5MzQ0MTMgTDE5NC4zOTMwMTIsMi45MTkzNDQxMyBaIE0yNTMuNTE1NDUyLDIuOTE5MzQ0MTMgTDIxOS4zMDcxNDYsMTYyLjgzNTk4MSBMMTc3LjkzMjg4LDE2Mi44MzU5ODEgTDIxMi4xNDExODYsMi45MTkzNDQxMyBMMjUzLjUxNTQ1MiwyLjkxOTM0NDEzIFogTTMwNy43Nzk5NDYsNDcuMjI5Mjk5NyBDMzA3LjkyMDUxOSw0MS40OTg0OTMxIDMxMy4zNzk5ODcsMzUuMzk1MDA0MyAzMjUuMzMxOTcxLDMzLjgzNTYyMzQgQzMzMS4yNTIzODgsMzMuMDcwNjQ0MSAzNDcuNjA3OTA3LDMyLjQ1OTMxNDUgMzY2LjEzNDEzNyw0MC45OTUwNDUyIEwzNzMuMzgxODI2LDcuMDY0NjE2NjQgQzM2My40MjcyODcsMy40NjUyOTA5IDM1MC42MTg3ODcsMCAzMzQuNjg0OTg3LDAgQzI5My43ODQ3NDcsMCAyNjUuMDEzMDI1LDIxLjcyMzQ1MSAyNjQuNzg0MTg2LDUyLjg1NTQ5MzcgQzI2NC41MTYxMTYsNzUuODgzMzMyNSAyODUuMzM0MDE0LDg4LjcxNzk4NTQgMzAwLjk4OTkzNyw5Ni4zODczOTM0IEMzMTcuMTE2NjE2LDEwNC4yMjAyNTggMzIyLjUyMzc3OCwxMDkuMjU0NzM4IDMyMi40NDg1ODgsMTE2LjI1Mzk3MSBDMzIyLjMzNDE2OCwxMjYuOTgzMjk3IDMwOS41NzE0MzYsMTMxLjczMzM2MSAyOTcuNzA0NDQ5LDEzMS45MDk4OTQgQzI3Ni44OTYzNTgsMTMyLjI0MDA3OCAyNjQuODMzMjIzLDEyNi4yODY5NjkgMjU1LjIxMjEzNywxMjEuODA0OTc1IEwyNDcuNzAyOTE3LDE1Ni44NTk5ODkgQzI1Ny4zODI4NDcsMTYxLjI5NjIxNSAyNzUuMjIyNTU3LDE2NS4xNTA1MzQgMjkzLjY5OTc1LDE2NS4zNDY2ODIgQzMzNy4xNzkzNDMsMTY1LjM0NjY4MiAzNjUuNjE3NjEzLDE0My44NzE2ODYgMzY1Ljc0NTEwOSwxMTAuNjI0NTA4IEMzNjUuOTE4Mzc0LDY4LjQyNjQxODggMzA3LjM5NzQ1Niw2Ni4wODU3MTI4IDMwNy43Nzk5NDYsNDcuMjI5Mjk5NyBaIE00NzMuNzQ3NzY1LDE2Mi44MzU5ODEgTDUxMiwxNjIuODM1OTgxIEw0NzguNTc5NTU4LDIuOTE5MzQ0MTMgTDQ0My4yODU4OTcsMi45MTkzNDQxMyBDNDM1LjMyNTUzNSwyLjkxOTM0NDEzIDQyOC42MzY4Nyw3LjUzODY0MjI4IDQyNS42Njg0ODksMTQuNjQyNDg4NiBMMzYzLjU4NzQ3NSwxNjIuODM1OTgxIEw0MDcuMDM0Mzc3LDE2Mi44MzU5ODEgTDQxNS42NTE4MzYsMTM4Ljk0ODM1OCBMNDY4LjczMjkwMSwxMzguOTQ4MzU4IEw0NzMuNzQ3NzY1LDE2Mi44MzU5ODEgWiBNNDI3LjU2NDU5MSwxMDYuMTc4NDc1IEw0NDkuMzUwMTU2LDQ2LjEyNDMyOTYgTDQ2MS44NjQ0MzMsMTA2LjE3ODQ3NSBMNDI3LjU2NDU5MSwxMDYuMTc4NDc1IFogTTMwNi40NjQ3NywyMDYuODU0MzI5IEwyODkuNjU0ODQsMjA2Ljg1NDMyOSBMMjg5LjY1NDg0LDIyMi41MDA0NDQgTDMwOC40NTg5NDcsMjIyLjUwMDQ0NCBMMzA4LjQ1ODk0NywyMjcuMjA0NzQgTDI4My45ODk0MTYsMjI3LjIwNDc0IEwyODMuOTg5NDE2LDE4My43OTcwNjggTDMwNy40OTQ1NSwxODMuNzk3MDY4IEwzMDcuNDk0NTUsMTg4LjUwMTM2NCBMMjg5LjY1NDg0LDE4OC41MDEzNjQgTDI4OS42NTQ4NCwyMDIuMjE1NDE2IEwzMDYuNDY0NzcsMjAyLjIxNTQxNiBMMzA2LjQ2NDc3LDIwNi44NTQzMjkgWiBNMzE3LjE0MzQyMywxODEuNDgxMjA4IEwzMjIuODA4ODQ3LDE4MS40ODEyMDggTDMyMi44MDg4NDcsMjI3LjIwMzQzMyBMMzE3LjE0MzQyMywyMjcuMjAzNDMzIEwzMTcuMTQzNDIzLDE4MS40ODEyMDggWiBNMzQ3Ljc4NzM4MywyMjMuNDY5MDkxIEMzNTEuODQ3NjU4LDIyMy40NjkwOTEgMzU0LjM1ODM1OSwyMjIuNzU5Njg3IDM1Ni40MjExODgsMjIxLjg2MDY3MyBMMzU3LjQ1MDk2OCwyMjUuOTE3Njc5IEMzNTUuNDUzNTIyLDIyNi44MTY2OTMgMzUxLjk3ODQyNCwyMjcuOTExODU2IDM0Ny4wMTU4NjYsMjI3LjkxMTg1NiBDMzM3LjQyNDIwMiwyMjcuOTExODU2IDMzMS42OTMzOTUsMjIxLjUzNzAyOCAzMzEuNjkzMzk1LDIxMi4xMzQ5NzUgQzMzMS42OTMzOTUsMjAyLjczMjkyMSAzMzcuMjI4MDUzLDE5NS4zOTA0MjggMzQ2LjMwOTczMSwxOTUuMzkwNDI4IEMzNTYuNTQ4Njg1LDE5NS4zOTA0MjggMzU5LjE5MDE1MiwyMDQuMjc5MjI2IDM1OS4xOTAxNTIsMjEwLjAxMDAzMiBDMzU5LjE5MDE1MiwyMTEuMTY3MzA5IDM1OS4xMjQ3NjksMjEyLjAwNDIwOSAzNTguOTk0MDAzLDIxMi42NDgyMyBMMzM3LjEwMDU1NywyMTIuNjQ4MjMgQzMzNy4yMjgwNTMsMjIwLjMxNDM2OSAzNDIuMDU5ODQ2LDIyMy40NjkwOTEgMzQ3Ljc4NzM4MywyMjMuNDY5MDkxIFogTTM1My43MTQzMzgsMjA4LjU5MTIyNCBDMzUzLjc3OTcyMSwyMDUuMDUwNzQzIDM1Mi4yMzM0MTcsMTk5LjQ0NzQzMyAzNDUuODU4NTg5LDE5OS40NDc0MzMgQzM0MC4wNjI0LDE5OS40NDc0MzMgMzM3LjYxMzgxMiwyMDQuNjY0OTg0IDMzNy4xNjI2NywyMDguNTkxMjI0IEwzNTMuNzE0MzM4LDIwOC41OTEyMjQgWiBNMzkwLjAyMjc0MSwyMjYuMTA4NTk3IEMzODguNTQxODE5LDIyNi44MTgwMDEgMzg1LjI1NjMzMSwyMjcuOTEzMTYzIDM4MS4wNzE4MjksMjI3LjkxMzE2MyBDMzcxLjY2OTc3NiwyMjcuOTEzMTYzIDM2NS41NTMyMSwyMjEuNTM4MzM2IDM2NS41NTMyMSwyMTIuMDA1NTE3IEMzNjUuNTUzMjEsMjAyLjQxMDU4NCAzNzIuMTE3NjQ4LDE5NS4zOTE3MzUgMzgyLjI5NDQ4OCwxOTUuMzkxNzM1IEMzODUuNjQyMDksMTk1LjM5MTczNSAzODguNjAzOTMzLDE5Ni4yMjUzNjcgMzkwLjE1MDIzOCwxOTcuMDY1NTM2IEwzODguODY1NDY1LDIwMS4zODA4MDQgQzM4Ny41MDg3NywyMDAuNjcxNCAzODUuMzgzODI4LDE5OS44OTY2MTMgMzgyLjI5NDQ4OCwxOTkuODk2NjEzIEMzNzUuMTQ0ODc0LDE5OS44OTY2MTMgMzcxLjI4NDAxNywyMDUuMjQxNjYxIDM3MS4yODQwMTcsMjExLjY4NTE0MSBDMzcxLjI4NDAxNywyMTguODk2ODY5IDM3NS45MTk2NjEsMjIzLjMzOTYzMyAzODIuMTAxNjA5LDIyMy4zMzk2MzMgQzM4NS4zMjE3MTQsMjIzLjMzOTYzMyAzODcuNDQ2NjU3LDIyMi41NjgxMTYgMzg5LjA1NTA3NSwyMjEuODU4NzEyIEwzOTAuMDIyNzQxLDIyNi4xMDg1OTcgWiBNNDA1LjkxODI5MiwxODguNTY0NDU4IEw0MDUuOTE4MjkyLDE5Ni4wMzQ0NDkgTDQxNC4wMjkwMzQsMTk2LjAzNDQ0OSBMNDE0LjAyOTAzNCwyMDAuMzQ2NDQ3IEw0MDUuOTE4MjkyLDIwMC4zNDY0NDcgTDQwNS45MTgyOTIsMjE3LjE1NjM3NyBDNDA1LjkxODI5MiwyMjEuMDIzNzczIDQwNy4wMTM0NTUsMjIzLjIxMDgyOSA0MTAuMTY4MTc3LDIyMy4yMTA4MjkgQzQxMS43MTEyMTIsMjIzLjIxMDgyOSA0MTIuNjE2NzY1LDIyMy4wODMzMzIgNDEzLjQ1MzY2NSwyMjIuODIxODAxIEw0MTMuNzExOTI3LDIyNy4xNDAzMzggQzQxMi42MTY3NjUsMjI3LjUyNjA5NyA0MTAuODc3NTgxLDIyNy45MTE4NTYgNDA4LjY4NzI1NSwyMjcuOTExODU2IEM0MDYuMDQ1Nzg4LDIyNy45MTE4NTYgNDAzLjkyMDg0NiwyMjcuMDA5NTcyIDQwMi41NzA2OSwyMjUuNTMxOTIgQzQwMS4wMjQzODYsMjIzLjc4OTQ2NyA0MDAuMzgwMzY1LDIyMS4wMjM3NzMgNDAwLjM4MDM2NSwyMTcuMzUyNTI2IEw0MDAuMzgwMzY1LDIwMC4zNDY0NDcgTDM5NS41NDg1NzIsMjAwLjM0NjQ0NyBMMzk1LjU0ODU3MiwxOTYuMDM0NDQ5IEw0MDAuMzgwMzY1LDE5Ni4wMzQ0NDkgTDQwMC4zODAzNjUsMTkwLjIzODI1OSBMNDA1LjkxODI5MiwxODguNTY0NDU4IFogTTQyMS45NDQ5MzUsMjA1Ljc1OTQ5MyBDNDIxLjk0NDkzNSwyMDIuMDg4MjQ2IDQyMS44NzYyODMsMTk4LjkzMzUyNCA0MjEuNjg2NjczLDE5Ni4wMzM3OTUgTDQyNi42NDU5NjIsMTk2LjAzMzc5NSBMNDI2LjkwNDIyNCwyMDIuMjE1NzQzIEw0MjcuMDkzODM1LDIwMi4yMTU3NDMgQzQyOC41MTI2NDIsMTk4LjAzMTI0MSA0MzEuOTg3NzQxLDE5NS4zODk3NzQgNDM1Ljc4NjQ4NCwxOTUuMzg5Nzc0IEM0MzYuMzY4MzkxLDE5NS4zODk3NzQgNDM2LjgxOTUzMywxOTUuNDU1MTU3IDQzNy4zMzYwNTgsMTk1LjUxNzI3IEw0MzcuMzM2MDU4LDIwMC44NjU1ODcgQzQzNi43NTQxNSwyMDAuNzM0ODIxIDQzNi4xNzg3ODEsMjAwLjczNDgyMSA0MzUuNDAwNzI1LDIwMC43MzQ4MjEgQzQzMS40MTIzNzIsMjAwLjczNDgyMSA0MjguNTc0NzU2LDIwMy42OTY2NjQgNDI3LjgwMzIzOCwyMDcuOTQ5ODE5IEM0MjcuNjc1NzQyLDIwOC43MjEzMzYgNDI3LjYxMDM1OSwyMDkuNjg1NzMzIDQyNy42MTAzNTksMjEwLjU5MTI4NiBMNDI3LjYxMDM1OSwyMjcuMjA1MDY3IEw0MjEuOTQ0OTM1LDIyNy4yMDUwNjcgTDQyMS45NDQ5MzUsMjA1Ljc1OTQ5MyBaIE00NzIuMTY2NDgxLDIxMS4zNjExNjkgQzQ3Mi4xNjY0ODEsMjIyLjg4ODE2NSA0NjQuMTE0NTgzLDIyNy45MTI4MzYgNDU2LjY0NDU5MywyMjcuOTEyODM2IEM0NDguMjcyMzIsMjI3LjkxMjgzNiA0NDEuNzA3ODgyLDIyMS43Mjc2MTkgNDQxLjcwNzg4MiwyMTEuODc3NjkzIEM0NDEuNzA3ODgyLDIwMS41MDc5NzQgNDQ4LjU5NTk2NSwxOTUuMzkxNDA4IDQ1Ny4xNjExMTgsMTk1LjM5MTQwOCBDNDY2LjExMjAyOSwxOTUuMzkxNDA4IDQ3Mi4xNjY0ODEsMjAxLjg5MzczMiA0NzIuMTY2NDgxLDIxMS4zNjExNjkgWiBNNDQ3LjUwMDgwMiwyMTEuNjg0ODE0IEM0NDcuNTAwODAyLDIxOC41MTA3ODMgNDUxLjM2NDkyOCwyMjMuNjYyOTUxIDQ1Ni45MDI4NTUsMjIzLjY2Mjk1MSBDNDYyLjMxMzI4NiwyMjMuNjYyOTUxIDQ2Ni4zNjcwMjMsMjE4LjU3Mjg5NyA0NjYuMzY3MDIzLDIxMS41NTQwNDggQzQ2Ni4zNjcwMjMsMjA2LjI3NDM4MyA0NjMuNzI4ODI1LDE5OS42MzgwMjQgNDU3LjAzMDM1MiwxOTkuNjM4MDI0IEM0NTAuNDAwNTMxLDE5OS42MzgwMjQgNDQ3LjUwMDgwMiwyMDUuODIzMjQyIDQ0Ny41MDA4MDIsMjExLjY4NDgxNCBaIE00ODAuODQ5OTc3LDIwNC40Njk0OSBDNDgwLjg0OTk3NywyMDEuMTg3MjcxIDQ4MC43ODEzMjUsMTk4LjYxMTE4NyA0ODAuNTkxNzE1LDE5Ni4wMzUxMDIgTDQ4NS42MTMxMTcsMTk2LjAzNTEwMiBMNDg1LjkzNjc2MywyMDEuMTg3MjcxIEw0ODYuMDY0MjU5LDIwMS4xODcyNzEgQzQ4Ny42MTA1NjMsMTk4LjI4NzU0MiA0OTEuMjE2NDI3LDE5NS4zOTEwODEgNDk2LjM2ODU5NiwxOTUuMzkxMDgxIEM1MDAuNjgwNTk1LDE5NS4zOTEwODEgNTA3LjM3OTA2NywxOTcuOTY3MTY2IDUwNy4zNzkwNjcsMjA4LjY1Mzk5MiBMNTA3LjM3OTA2NywyMjcuMjAzMTA2IEw1MDEuNzEzNjQ0LDIyNy4yMDMxMDYgTDUwMS43MTM2NDQsMjA5LjIzNTg5OSBDNTAxLjcxMzY0NCwyMDQuMjE0NDk3IDQ5OS44NDY5NjMsMjAwLjAyNjcyNSA0OTQuNTAxOTE2LDIwMC4wMjY3MjUgQzQ5MC44MzA2NjksMjAwLjAyNjcyNSA0ODcuOTMwOTM5LDIwMi42NjgxOTIgNDg2LjkwNDQyOSwyMDUuODIyOTE1IEM0ODYuNjQyODk3LDIwNi41MzIzMTkgNDg2LjUxNTQwMSwyMDcuNDk2NzE2IDQ4Ni41MTU0MDEsMjA4LjQ2NDM4MiBMNDg2LjUxNTQwMSwyMjcuMjAzMTA2IEw0ODAuODQ5OTc3LDIyNy4yMDMxMDYgTDQ4MC44NDk5NzcsMjA0LjQ2OTQ5IFoiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4gICAgPC9nPjwvc3ZnPg=='"
|
|
18
16
|
};
|
|
19
|
-
|
|
17
|
+
export default assets;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { ICreditCard } from "interfaces";
|
|
1
|
+
import { ICreditCard } from "@interfaces";
|
|
2
2
|
export default function CreditCardComponent(props: ICreditCard): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,22 +1,16 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
};
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
const styles_1 = require("./styles");
|
|
11
|
-
const tools_1 = require("../tools");
|
|
12
|
-
const server_1 = require("@gustavo-valsechi/server");
|
|
13
|
-
const assets_1 = __importDefault(require("../assets"));
|
|
14
|
-
const lodash_1 = __importDefault(require("lodash"));
|
|
15
|
-
function CreditCardComponent(props) {
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useEffect, useRef } from "react";
|
|
4
|
+
import { Container } from "./styles";
|
|
5
|
+
import { getCardContent } from "../tools";
|
|
6
|
+
import { Utils } from "@gustavo-valsechi/server";
|
|
7
|
+
import assets from "../assets";
|
|
8
|
+
import _ from "lodash";
|
|
9
|
+
export default function CreditCardComponent(props) {
|
|
16
10
|
var _a;
|
|
17
|
-
const flagRef =
|
|
18
|
-
|
|
19
|
-
const content =
|
|
11
|
+
const flagRef = useRef({});
|
|
12
|
+
useEffect(() => {
|
|
13
|
+
const content = getCardContent(props.number);
|
|
20
14
|
if (!flagRef.current)
|
|
21
15
|
return;
|
|
22
16
|
if (!content.logo) {
|
|
@@ -25,5 +19,5 @@ function CreditCardComponent(props) {
|
|
|
25
19
|
}
|
|
26
20
|
flagRef.current.style.backgroundImage = `url(${content.logo})`;
|
|
27
21
|
}, [flagRef, props.number]);
|
|
28
|
-
return ((
|
|
22
|
+
return (_jsxs(Container, { children: [_jsxs("div", { className: "iz-credit-card-left", children: [_jsx("div", { className: "iz-credit-card-top", children: _jsx("div", { id: "iz-credit-card-chip", style: { backgroundImage: `url(${assets.Chip})` } }) }), _jsxs("div", { className: "iz-credit-card-bottom", children: [_jsx("div", { className: "iz-credit-card-number", children: _jsx("div", { className: "iz-credit-card-elipse", children: Utils.mask.loop(props.number, { sequencyNumber: 4, maxSequency: 4, placeholder: "•" }) }) }), _jsx("div", { className: "iz-credit-card-name", children: _jsx("div", { className: "iz-credit-card-elipse", children: _.deburr((_a = props.name) === null || _a === void 0 ? void 0 : _a.replace(/[^A-Za-zÀ-ÿ\s]/g, "").toUpperCase()) || "Nome do Titular" }) })] })] }), _jsxs("div", { className: "iz-credit-card-right", children: [_jsx("div", { className: "iz-credit-card-top", children: _jsx("div", { id: "iz-credit-card-flag", ref: flagRef }) }), _jsxs("div", { className: "iz-credit-card-bottom", children: [_jsx("span", { children: "validade" }), _jsx("span", { children: Utils.mask.loop(props.expiry, { sequencyNumber: 2, maxSequency: 2, placeholder: "•", separator: "/" }) })] })] })] }));
|
|
29
23
|
}
|
|
@@ -1,12 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
|
-
};
|
|
6
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
exports.Container = void 0;
|
|
8
|
-
const styled_components_1 = __importDefault(require("styled-components"));
|
|
9
|
-
exports.Container = styled_components_1.default.div `
|
|
2
|
+
import styled from "styled-components";
|
|
3
|
+
export const Container = styled.div `
|
|
10
4
|
height: 11rem;
|
|
11
5
|
width: 20rem;
|
|
12
6
|
border-radius: 8px;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { ICreditCard } from "interfaces";
|
|
1
|
+
import { ICreditCard } from "@interfaces";
|
|
2
2
|
export default function CreditCardFunctions(props: ICreditCard): false | import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,14 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
9
|
-
const styles_1 = require("./styles");
|
|
10
|
-
const lodash_1 = __importDefault(require("lodash"));
|
|
11
|
-
function CreditCardFunctions(props) {
|
|
12
|
-
return lodash_1.default.some(props.functions, (data) => !data.hide) && ((0, jsx_runtime_1.jsx)(styles_1.Container, { className: "iz-credit-card-function-container", children: lodash_1.default.map(props.functions, (data, index) => !data.hide &&
|
|
13
|
-
(0, jsx_runtime_1.jsx)("div", { className: "iz-credit-card-function", onClick: data.function, children: (0, jsx_runtime_1.jsx)("i", { "aria-hidden": true, className: data.icon }) }, index)) }));
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { Container } from "./styles";
|
|
4
|
+
import _ from "lodash";
|
|
5
|
+
export default function CreditCardFunctions(props) {
|
|
6
|
+
return _.some(props.functions, (data) => !data.hide) && (_jsx(Container, { className: "iz-credit-card-function-container", children: _.map(props.functions, (data, index) => !data.hide &&
|
|
7
|
+
_jsx("div", { className: "iz-credit-card-function", onClick: data.function, children: _jsx("i", { "aria-hidden": true, className: data.icon }) }, index)) }));
|
|
14
8
|
}
|
|
@@ -1,12 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
|
-
};
|
|
6
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
exports.Container = void 0;
|
|
8
|
-
const styled_components_1 = __importDefault(require("styled-components"));
|
|
9
|
-
exports.Container = styled_components_1.default.div `
|
|
2
|
+
import styled from "styled-components";
|
|
3
|
+
export const Container = styled.div `
|
|
10
4
|
display: flex;
|
|
11
5
|
flex-direction: column;
|
|
12
6
|
gap: .5rem;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { ICreditCard } from "interfaces";
|
|
1
|
+
import { ICreditCard } from "@interfaces";
|
|
2
2
|
export declare function CreditCard(props: ICreditCard): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,15 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
exports.CreditCard = CreditCard;
|
|
8
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
9
|
-
const styles_1 = require("./styles");
|
|
10
|
-
const card_1 = __importDefault(require("./card"));
|
|
11
|
-
const functions_1 = __importDefault(require("./functions"));
|
|
12
|
-
function CreditCard(props) {
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { Container } from "./styles";
|
|
4
|
+
import Card from "./card";
|
|
5
|
+
import Functions from "./functions";
|
|
6
|
+
export function CreditCard(props) {
|
|
13
7
|
const functions = [
|
|
14
8
|
{
|
|
15
9
|
icon: "fa-regular fa-pen-to-square",
|
|
@@ -31,5 +25,5 @@ function CreditCard(props) {
|
|
|
31
25
|
},
|
|
32
26
|
...(props.functions || [])
|
|
33
27
|
];
|
|
34
|
-
return ((
|
|
28
|
+
return (_jsxs(Container, { children: [_jsx(Card, { ...props }), _jsx(Functions, { ...props, functions: functions })] }));
|
|
35
29
|
}
|
|
@@ -1,12 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
|
-
};
|
|
6
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
exports.Container = void 0;
|
|
8
|
-
const styled_components_1 = __importDefault(require("styled-components"));
|
|
9
|
-
exports.Container = styled_components_1.default.div `
|
|
2
|
+
import styled from "styled-components";
|
|
3
|
+
export const Container = styled.div `
|
|
10
4
|
border-radius: 8px 8px 0 0;
|
|
11
5
|
transition: .2s ease .2s background, .2s ease .2s padding;
|
|
12
6
|
position: relative;
|
|
@@ -1,26 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
const credit_card_type_1 = __importDefault(require("credit-card-type"));
|
|
8
|
-
const assets_1 = __importDefault(require("../assets"));
|
|
9
|
-
const luhn_1 = __importDefault(require("luhn"));
|
|
10
|
-
const lodash_1 = __importDefault(require("lodash"));
|
|
11
|
-
exports.validateLuhn = luhn_1.default.validate;
|
|
12
|
-
const getCardContent = (cardNumber) => {
|
|
1
|
+
import creditCardType from "credit-card-type";
|
|
2
|
+
import assets from "../assets";
|
|
3
|
+
import luhn from "luhn";
|
|
4
|
+
import _ from "lodash";
|
|
5
|
+
export const validateLuhn = luhn.validate;
|
|
6
|
+
export const getCardContent = (cardNumber) => {
|
|
13
7
|
const content = { flag: "", logo: "" };
|
|
14
8
|
if (!cardNumber)
|
|
15
9
|
return content;
|
|
16
|
-
const potentialCardContents = (
|
|
10
|
+
const potentialCardContents = creditCardType(cardNumber);
|
|
17
11
|
if (potentialCardContents.length === 1) {
|
|
18
12
|
const cardContent = potentialCardContents.shift();
|
|
19
13
|
const flag = cardContent === null || cardContent === void 0 ? void 0 : cardContent.type;
|
|
20
14
|
content.flag = flag || "";
|
|
21
|
-
content.logo =
|
|
15
|
+
content.logo = assets[_.upperFirst(_.camelCase(flag))] || "";
|
|
22
16
|
return content;
|
|
23
17
|
}
|
|
24
18
|
return content;
|
|
25
19
|
};
|
|
26
|
-
exports.getCardContent = getCardContent;
|