@gustavo-valsechi/client 1.3.31 → 1.3.32

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 (201) hide show
  1. package/dist/components/index.js +3070 -13
  2. package/dist/components/index.mjs +3082 -11
  3. package/dist/contexts/index.js +504 -9
  4. package/dist/contexts/index.mjs +486 -4
  5. package/dist/index.js +3325 -8
  6. package/dist/index.mjs +3312 -4
  7. package/dist/interfaces/index.js +2 -8
  8. package/dist/interfaces/index.mjs +0 -2
  9. package/package.json +2 -2
  10. package/dist/components/styles.js +0 -54
  11. package/dist/components/styles.mjs +0 -19
  12. package/dist/components/types/avatar/index.js +0 -63
  13. package/dist/components/types/avatar/index.mjs +0 -29
  14. package/dist/components/types/avatar/styles.js +0 -93
  15. package/dist/components/types/avatar/styles.mjs +0 -59
  16. package/dist/components/types/badge/index.js +0 -54
  17. package/dist/components/types/badge/index.mjs +0 -20
  18. package/dist/components/types/badge/styles.js +0 -71
  19. package/dist/components/types/badge/styles.mjs +0 -37
  20. package/dist/components/types/block/index.js +0 -44
  21. package/dist/components/types/block/index.mjs +0 -20
  22. package/dist/components/types/block/styles.js +0 -65
  23. package/dist/components/types/block/styles.mjs +0 -30
  24. package/dist/components/types/chart/index.js +0 -80
  25. package/dist/components/types/chart/index.mjs +0 -46
  26. package/dist/components/types/chart/styles.js +0 -42
  27. package/dist/components/types/chart/styles.mjs +0 -8
  28. package/dist/components/types/credit-card/assets/index.js +0 -41
  29. package/dist/components/types/credit-card/assets/index.mjs +0 -21
  30. package/dist/components/types/credit-card/card/index.js +0 -67
  31. package/dist/components/types/credit-card/card/index.mjs +0 -37
  32. package/dist/components/types/credit-card/card/styles.js +0 -170
  33. package/dist/components/types/credit-card/card/styles.mjs +0 -136
  34. package/dist/components/types/credit-card/functions/index.js +0 -52
  35. package/dist/components/types/credit-card/functions/index.mjs +0 -22
  36. package/dist/components/types/credit-card/functions/styles.js +0 -75
  37. package/dist/components/types/credit-card/functions/styles.mjs +0 -41
  38. package/dist/components/types/credit-card/index.js +0 -70
  39. package/dist/components/types/credit-card/index.mjs +0 -36
  40. package/dist/components/types/credit-card/styles.js +0 -72
  41. package/dist/components/types/credit-card/styles.mjs +0 -38
  42. package/dist/components/types/credit-card/tools/index.js +0 -58
  43. package/dist/components/types/credit-card/tools/index.mjs +0 -23
  44. package/dist/components/types/form/index.js +0 -111
  45. package/dist/components/types/form/index.mjs +0 -75
  46. package/dist/components/types/form/styles.js +0 -53
  47. package/dist/components/types/form/styles.mjs +0 -19
  48. package/dist/components/types/form/types/button/index.js +0 -58
  49. package/dist/components/types/form/types/button/index.mjs +0 -24
  50. package/dist/components/types/form/types/button/loading/index.js +0 -38
  51. package/dist/components/types/form/types/button/loading/index.mjs +0 -14
  52. package/dist/components/types/form/types/button/loading/styles.js +0 -126
  53. package/dist/components/types/form/types/button/loading/styles.mjs +0 -92
  54. package/dist/components/types/form/types/button/styles.js +0 -79
  55. package/dist/components/types/form/types/button/styles.mjs +0 -45
  56. package/dist/components/types/form/types/datetime/index.js +0 -72
  57. package/dist/components/types/form/types/datetime/index.mjs +0 -38
  58. package/dist/components/types/form/types/datetime/styles.js +0 -78
  59. package/dist/components/types/form/types/datetime/styles.mjs +0 -44
  60. package/dist/components/types/form/types/file/index.js +0 -71
  61. package/dist/components/types/form/types/file/index.mjs +0 -47
  62. package/dist/components/types/form/types/file/styles.js +0 -65
  63. package/dist/components/types/form/types/file/styles.mjs +0 -31
  64. package/dist/components/types/form/types/index.js +0 -35
  65. package/dist/components/types/form/types/index.mjs +0 -8
  66. package/dist/components/types/form/types/input/index.js +0 -84
  67. package/dist/components/types/form/types/input/index.mjs +0 -50
  68. package/dist/components/types/form/types/input/styles.js +0 -84
  69. package/dist/components/types/form/types/input/styles.mjs +0 -50
  70. package/dist/components/types/form/types/label/index.js +0 -34
  71. package/dist/components/types/form/types/label/index.mjs +0 -10
  72. package/dist/components/types/form/types/label/styles.js +0 -45
  73. package/dist/components/types/form/types/label/styles.mjs +0 -11
  74. package/dist/components/types/form/types/select/index.js +0 -90
  75. package/dist/components/types/form/types/select/index.mjs +0 -56
  76. package/dist/components/types/form/types/select/styles.js +0 -90
  77. package/dist/components/types/form/types/select/styles.mjs +0 -56
  78. package/dist/components/types/form/types/textarea/index.js +0 -72
  79. package/dist/components/types/form/types/textarea/index.mjs +0 -38
  80. package/dist/components/types/form/types/textarea/styles.js +0 -77
  81. package/dist/components/types/form/types/textarea/styles.mjs +0 -43
  82. package/dist/components/types/index.js +0 -43
  83. package/dist/components/types/index.mjs +0 -12
  84. package/dist/components/types/loading/app/index.js +0 -35
  85. package/dist/components/types/loading/app/index.mjs +0 -11
  86. package/dist/components/types/loading/app/styles.js +0 -125
  87. package/dist/components/types/loading/app/styles.mjs +0 -91
  88. package/dist/components/types/loading/bar/index.js +0 -34
  89. package/dist/components/types/loading/bar/index.mjs +0 -10
  90. package/dist/components/types/loading/bar/styles.js +0 -59
  91. package/dist/components/types/loading/bar/styles.mjs +0 -25
  92. package/dist/components/types/loading/index.js +0 -25
  93. package/dist/components/types/loading/index.mjs +0 -3
  94. package/dist/components/types/logo/index.js +0 -37
  95. package/dist/components/types/logo/index.mjs +0 -13
  96. package/dist/components/types/logo/styles.js +0 -57
  97. package/dist/components/types/logo/styles.mjs +0 -23
  98. package/dist/components/types/lottie/animations/index.js +0 -36
  99. package/dist/components/types/lottie/animations/index.mjs +0 -6
  100. package/dist/components/types/lottie/index.js +0 -72
  101. package/dist/components/types/lottie/index.mjs +0 -38
  102. package/dist/components/types/lottie/styles.js +0 -60
  103. package/dist/components/types/lottie/styles.mjs +0 -26
  104. package/dist/components/types/modal/index.js +0 -66
  105. package/dist/components/types/modal/index.mjs +0 -32
  106. package/dist/components/types/modal/styles.js +0 -167
  107. package/dist/components/types/modal/styles.mjs +0 -133
  108. package/dist/components/types/table/index.js +0 -171
  109. package/dist/components/types/table/index.mjs +0 -135
  110. package/dist/components/types/table/modal/actions.js +0 -30
  111. package/dist/components/types/table/modal/actions.mjs +0 -10
  112. package/dist/components/types/table/modal/index.js +0 -91
  113. package/dist/components/types/table/modal/index.mjs +0 -61
  114. package/dist/components/types/table/modal/styles.js +0 -90
  115. package/dist/components/types/table/modal/styles.mjs +0 -56
  116. package/dist/components/types/table/paginate/index.js +0 -92
  117. package/dist/components/types/table/paginate/index.mjs +0 -58
  118. package/dist/components/types/table/paginate/styles.js +0 -74
  119. package/dist/components/types/table/paginate/styles.mjs +0 -40
  120. package/dist/components/types/table/styles.js +0 -300
  121. package/dist/components/types/table/styles.mjs +0 -266
  122. package/dist/contexts/icon/assets/brands/index.js +0 -31
  123. package/dist/contexts/icon/assets/brands/index.mjs +0 -11
  124. package/dist/contexts/icon/assets/index.js +0 -42
  125. package/dist/contexts/icon/assets/index.mjs +0 -12
  126. package/dist/contexts/icon/assets/regular/index.js +0 -31
  127. package/dist/contexts/icon/assets/regular/index.mjs +0 -11
  128. package/dist/contexts/icon/assets/solid/index.js +0 -31
  129. package/dist/contexts/icon/assets/solid/index.mjs +0 -11
  130. package/dist/contexts/icon/index.js +0 -107
  131. package/dist/contexts/icon/index.mjs +0 -72
  132. package/dist/contexts/icon/styles.js +0 -42
  133. package/dist/contexts/icon/styles.mjs +0 -8
  134. package/dist/contexts/modal/index.js +0 -92
  135. package/dist/contexts/modal/index.mjs +0 -57
  136. package/dist/contexts/modal/styles.js +0 -42
  137. package/dist/contexts/modal/styles.mjs +0 -8
  138. package/dist/contexts/theme/content.js +0 -104
  139. package/dist/contexts/theme/content.mjs +0 -79
  140. package/dist/contexts/theme/index.js +0 -68
  141. package/dist/contexts/theme/index.mjs +0 -43
  142. package/dist/contexts/theme/styles.js +0 -116
  143. package/dist/contexts/theme/styles.mjs +0 -82
  144. package/dist/contexts/tooltip/index.js +0 -107
  145. package/dist/contexts/tooltip/index.mjs +0 -72
  146. package/dist/contexts/tooltip/styles.js +0 -78
  147. package/dist/contexts/tooltip/styles.mjs +0 -44
  148. package/dist/interfaces/components/avatar/index.js +0 -17
  149. package/dist/interfaces/components/avatar/index.mjs +0 -1
  150. package/dist/interfaces/components/badge/index.js +0 -17
  151. package/dist/interfaces/components/badge/index.mjs +0 -1
  152. package/dist/interfaces/components/block/index.js +0 -17
  153. package/dist/interfaces/components/block/index.mjs +0 -1
  154. package/dist/interfaces/components/chart/index.js +0 -17
  155. package/dist/interfaces/components/chart/index.mjs +0 -1
  156. package/dist/interfaces/components/credit-card/index.js +0 -17
  157. package/dist/interfaces/components/credit-card/index.mjs +0 -1
  158. package/dist/interfaces/components/form/button/index.js +0 -17
  159. package/dist/interfaces/components/form/button/index.mjs +0 -1
  160. package/dist/interfaces/components/form/datetime/index.js +0 -17
  161. package/dist/interfaces/components/form/datetime/index.mjs +0 -1
  162. package/dist/interfaces/components/form/file/index.js +0 -17
  163. package/dist/interfaces/components/form/file/index.mjs +0 -1
  164. package/dist/interfaces/components/form/index.js +0 -35
  165. package/dist/interfaces/components/form/index.mjs +0 -8
  166. package/dist/interfaces/components/form/input/index.js +0 -17
  167. package/dist/interfaces/components/form/input/index.mjs +0 -1
  168. package/dist/interfaces/components/form/label/index.js +0 -17
  169. package/dist/interfaces/components/form/label/index.mjs +0 -1
  170. package/dist/interfaces/components/form/select/index.js +0 -17
  171. package/dist/interfaces/components/form/select/index.mjs +0 -1
  172. package/dist/interfaces/components/form/textarea/index.js +0 -17
  173. package/dist/interfaces/components/form/textarea/index.mjs +0 -1
  174. package/dist/interfaces/components/index.js +0 -43
  175. package/dist/interfaces/components/index.mjs +0 -12
  176. package/dist/interfaces/components/loading/app/index.js +0 -17
  177. package/dist/interfaces/components/loading/app/index.mjs +0 -1
  178. package/dist/interfaces/components/loading/bar/index.js +0 -17
  179. package/dist/interfaces/components/loading/bar/index.mjs +0 -1
  180. package/dist/interfaces/components/loading/index.js +0 -25
  181. package/dist/interfaces/components/loading/index.mjs +0 -3
  182. package/dist/interfaces/components/logo/index.js +0 -17
  183. package/dist/interfaces/components/logo/index.mjs +0 -1
  184. package/dist/interfaces/components/lottie/index.js +0 -17
  185. package/dist/interfaces/components/lottie/index.mjs +0 -1
  186. package/dist/interfaces/components/modal/index.js +0 -17
  187. package/dist/interfaces/components/modal/index.mjs +0 -1
  188. package/dist/interfaces/components/table/index.js +0 -23
  189. package/dist/interfaces/components/table/index.mjs +0 -2
  190. package/dist/interfaces/components/table/paginate/index.js +0 -17
  191. package/dist/interfaces/components/table/paginate/index.mjs +0 -1
  192. package/dist/interfaces/contexts/icon/index.js +0 -17
  193. package/dist/interfaces/contexts/icon/index.mjs +0 -1
  194. package/dist/interfaces/contexts/index.js +0 -29
  195. package/dist/interfaces/contexts/index.mjs +0 -5
  196. package/dist/interfaces/contexts/modal/index.js +0 -18
  197. package/dist/interfaces/contexts/modal/index.mjs +0 -2
  198. package/dist/interfaces/contexts/theme/index.js +0 -17
  199. package/dist/interfaces/contexts/theme/index.mjs +0 -1
  200. package/dist/interfaces/contexts/tooltip/index.js +0 -17
  201. package/dist/interfaces/contexts/tooltip/index.mjs +0 -1
@@ -1,67 +0,0 @@
1
- "use client";
2
- "use strict";
3
- "use client";
4
- var __create = Object.create;
5
- var __defProp = Object.defineProperty;
6
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
7
- var __getOwnPropNames = Object.getOwnPropertyNames;
8
- var __getProtoOf = Object.getPrototypeOf;
9
- var __hasOwnProp = Object.prototype.hasOwnProperty;
10
- var __export = (target, all) => {
11
- for (var name in all)
12
- __defProp(target, name, { get: all[name], enumerable: true });
13
- };
14
- var __copyProps = (to, from, except, desc) => {
15
- if (from && typeof from === "object" || typeof from === "function") {
16
- for (let key of __getOwnPropNames(from))
17
- if (!__hasOwnProp.call(to, key) && key !== except)
18
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
19
- }
20
- return to;
21
- };
22
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
23
- // If the importer is in node compatibility mode or this is not an ESM
24
- // file that has been converted to a CommonJS file using a Babel-
25
- // compatible transform (i.e. "__esModule" has not been set), then set
26
- // "default" to the CommonJS "module.exports" for node compatibility.
27
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
28
- mod
29
- ));
30
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
31
- var card_exports = {};
32
- __export(card_exports, {
33
- default: () => CreditCardComponent
34
- });
35
- module.exports = __toCommonJS(card_exports);
36
- var import_jsx_runtime = require("react/jsx-runtime");
37
- var import_react = require("react");
38
- var import_styles = require("./styles");
39
- var import_tools = require("../tools");
40
- var import_assets = __toESM(require("../assets"));
41
- var import_lodash = __toESM(require("lodash"));
42
- function CreditCardComponent(props) {
43
- var _a;
44
- const flagRef = (0, import_react.useRef)({});
45
- (0, import_react.useEffect)(() => {
46
- const content = (0, import_tools.getCardContent)(props.number);
47
- if (!flagRef.current) return;
48
- if (!content.logo) {
49
- flagRef.current.style.backgroundImage = "";
50
- return;
51
- }
52
- flagRef.current.style.backgroundImage = `url(${content.logo})`;
53
- }, [flagRef, props.number]);
54
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, { children: [
55
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "iz-credit-card-left", children: [
56
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "iz-credit-card-top", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { id: "iz-credit-card-chip", style: { backgroundImage: `url(${import_assets.default.Chip})` } }) }),
57
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "iz-credit-card-bottom", children: [
58
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "iz-credit-card-number", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "iz-credit-card-elipse" }) }),
59
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "iz-credit-card-name", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "iz-credit-card-elipse", children: import_lodash.default.deburr((_a = props.name) == null ? void 0 : _a.replace(/[^A-Za-zÀ-ÿ\s]/g, "").toUpperCase()) || "Nome do Titular" }) })
60
- ] })
61
- ] }),
62
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "iz-credit-card-right", children: [
63
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "iz-credit-card-top", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { id: "iz-credit-card-flag", ref: flagRef }) }),
64
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "iz-credit-card-bottom", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "validade" }) })
65
- ] })
66
- ] });
67
- }
@@ -1,37 +0,0 @@
1
- "use client";
2
- "use client";
3
- import { jsx, jsxs } from "react/jsx-runtime";
4
- import { useEffect, useRef } from "react";
5
- import { Container } from "./styles";
6
- import { getCardContent } from "../tools";
7
- import assets from "../assets";
8
- import _ from "lodash";
9
- function CreditCardComponent(props) {
10
- var _a;
11
- const flagRef = useRef({});
12
- useEffect(() => {
13
- const content = getCardContent(props.number);
14
- if (!flagRef.current) return;
15
- if (!content.logo) {
16
- flagRef.current.style.backgroundImage = "";
17
- return;
18
- }
19
- flagRef.current.style.backgroundImage = `url(${content.logo})`;
20
- }, [flagRef, props.number]);
21
- return /* @__PURE__ */ jsxs(Container, { children: [
22
- /* @__PURE__ */ jsxs("div", { className: "iz-credit-card-left", children: [
23
- /* @__PURE__ */ jsx("div", { className: "iz-credit-card-top", children: /* @__PURE__ */ jsx("div", { id: "iz-credit-card-chip", style: { backgroundImage: `url(${assets.Chip})` } }) }),
24
- /* @__PURE__ */ jsxs("div", { className: "iz-credit-card-bottom", children: [
25
- /* @__PURE__ */ jsx("div", { className: "iz-credit-card-number", children: /* @__PURE__ */ jsx("div", { className: "iz-credit-card-elipse" }) }),
26
- /* @__PURE__ */ jsx("div", { className: "iz-credit-card-name", children: /* @__PURE__ */ jsx("div", { className: "iz-credit-card-elipse", children: _.deburr((_a = props.name) == null ? void 0 : _a.replace(/[^A-Za-zÀ-ÿ\s]/g, "").toUpperCase()) || "Nome do Titular" }) })
27
- ] })
28
- ] }),
29
- /* @__PURE__ */ jsxs("div", { className: "iz-credit-card-right", children: [
30
- /* @__PURE__ */ jsx("div", { className: "iz-credit-card-top", children: /* @__PURE__ */ jsx("div", { id: "iz-credit-card-flag", ref: flagRef }) }),
31
- /* @__PURE__ */ jsx("div", { className: "iz-credit-card-bottom", children: /* @__PURE__ */ jsx("span", { children: "validade" }) })
32
- ] })
33
- ] });
34
- }
35
- export {
36
- CreditCardComponent as default
37
- };
@@ -1,170 +0,0 @@
1
- "use client";
2
- "use strict";
3
- "use client";
4
- var __create = Object.create;
5
- var __defProp = Object.defineProperty;
6
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
7
- var __getOwnPropNames = Object.getOwnPropertyNames;
8
- var __getProtoOf = Object.getPrototypeOf;
9
- var __hasOwnProp = Object.prototype.hasOwnProperty;
10
- var __export = (target, all) => {
11
- for (var name in all)
12
- __defProp(target, name, { get: all[name], enumerable: true });
13
- };
14
- var __copyProps = (to, from, except, desc) => {
15
- if (from && typeof from === "object" || typeof from === "function") {
16
- for (let key of __getOwnPropNames(from))
17
- if (!__hasOwnProp.call(to, key) && key !== except)
18
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
19
- }
20
- return to;
21
- };
22
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
23
- // If the importer is in node compatibility mode or this is not an ESM
24
- // file that has been converted to a CommonJS file using a Babel-
25
- // compatible transform (i.e. "__esModule" has not been set), then set
26
- // "default" to the CommonJS "module.exports" for node compatibility.
27
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
28
- mod
29
- ));
30
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
31
- var styles_exports = {};
32
- __export(styles_exports, {
33
- Container: () => Container
34
- });
35
- module.exports = __toCommonJS(styles_exports);
36
- var import_styled_components = __toESM(require("styled-components"));
37
- const Container = import_styled_components.default.div`
38
- height: 11rem;
39
- width: 20rem;
40
- border-radius: 8px;
41
- background: ${({ theme }) => theme.t05};
42
- padding: 1.5rem;
43
- display: inline-flex;
44
- justify-content: space-between;
45
- gap: 1rem;
46
- white-space: nowrap;
47
- position: relative;
48
- z-index: 0;
49
- backdrop-filter: blur(5px);
50
-
51
- @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
52
- width: 100%;
53
- height: 10rem;
54
- }
55
-
56
- @media(max-width: ${({ theme }) => theme.mobileMinWidth}) {
57
- height: 9rem;
58
- }
59
-
60
- .iz-credit-card-left {
61
- display: flex;
62
- flex-direction: column;
63
- justify-content: space-between;
64
- gap: 1rem;
65
- width: 100%;
66
-
67
- .iz-credit-card-top {
68
- div {
69
- width: 2.5rem;
70
- height: 1.5rem;
71
- background-size: contain;
72
- background-repeat: no-repeat;
73
- }
74
- }
75
-
76
- .iz-credit-card-bottom {
77
- display: flex;
78
- flex-direction: column;
79
- gap: .8rem;
80
-
81
- .iz-credit-card-elipse {
82
- position: absolute;
83
- left: 0;
84
- right: 0;
85
- white-space: nowrap;
86
- overflow: hidden;
87
- text-overflow: ellipsis;
88
- }
89
-
90
- .iz-credit-card-number {
91
- font-size: 1.1rem;
92
- font-weight: 600;
93
- color: ${({ theme }) => theme.t6};
94
- position: relative;
95
- height: 1.1rem;
96
-
97
- @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
98
- font-size: .9rem;
99
- height: .9rem;
100
- }
101
-
102
- @media(max-width: ${({ theme }) => theme.mobileMinWidth}) {
103
- font-size: .7rem;
104
- height: .7rem;
105
- }
106
- }
107
-
108
- .iz-credit-card-name {
109
- font-size: .9rem;
110
- font-weight: 500;
111
- position: relative;
112
- text-transform: uppercase;
113
- color: ${({ theme }) => theme.t5};
114
- height: .9rem;
115
-
116
- @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
117
- font-size: .7rem;
118
- height: .7rem;
119
- }
120
-
121
- @media(max-width: ${({ theme }) => theme.mobileMinWidth}) {
122
- font-size: .5rem;
123
- height: .5rem;
124
- }
125
- }
126
- }
127
- }
128
-
129
- .iz-credit-card-right {
130
- display: flex;
131
- flex-direction: column;
132
- justify-content: space-between;
133
- align-items: flex-end;
134
- gap: 1rem;
135
-
136
- .iz-credit-card-top {
137
- display: flex;
138
- justify-content: end;
139
-
140
- div {
141
- width: 2.5rem;
142
- height: 2.5rem;
143
- background-size: contain;
144
- background-repeat: no-repeat;
145
- }
146
- }
147
-
148
- .iz-credit-card-bottom {
149
- display: flex;
150
- flex-direction: column;
151
- text-align: right;
152
-
153
- span:first-child {
154
- font-size: .6rem;
155
- font-weight: 600;
156
- color: ${({ theme }) => theme.t3};
157
- }
158
-
159
- span:last-child {
160
- font-size: .8rem;
161
- font-weight: 600;
162
- color: ${({ theme }) => theme.t5};
163
- }
164
- }
165
- }
166
- `;
167
- // Annotate the CommonJS export names for ESM import in node:
168
- 0 && (module.exports = {
169
- Container
170
- });
@@ -1,136 +0,0 @@
1
- "use client";
2
- "use client";
3
- import styled from "styled-components";
4
- const Container = styled.div`
5
- height: 11rem;
6
- width: 20rem;
7
- border-radius: 8px;
8
- background: ${({ theme }) => theme.t05};
9
- padding: 1.5rem;
10
- display: inline-flex;
11
- justify-content: space-between;
12
- gap: 1rem;
13
- white-space: nowrap;
14
- position: relative;
15
- z-index: 0;
16
- backdrop-filter: blur(5px);
17
-
18
- @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
19
- width: 100%;
20
- height: 10rem;
21
- }
22
-
23
- @media(max-width: ${({ theme }) => theme.mobileMinWidth}) {
24
- height: 9rem;
25
- }
26
-
27
- .iz-credit-card-left {
28
- display: flex;
29
- flex-direction: column;
30
- justify-content: space-between;
31
- gap: 1rem;
32
- width: 100%;
33
-
34
- .iz-credit-card-top {
35
- div {
36
- width: 2.5rem;
37
- height: 1.5rem;
38
- background-size: contain;
39
- background-repeat: no-repeat;
40
- }
41
- }
42
-
43
- .iz-credit-card-bottom {
44
- display: flex;
45
- flex-direction: column;
46
- gap: .8rem;
47
-
48
- .iz-credit-card-elipse {
49
- position: absolute;
50
- left: 0;
51
- right: 0;
52
- white-space: nowrap;
53
- overflow: hidden;
54
- text-overflow: ellipsis;
55
- }
56
-
57
- .iz-credit-card-number {
58
- font-size: 1.1rem;
59
- font-weight: 600;
60
- color: ${({ theme }) => theme.t6};
61
- position: relative;
62
- height: 1.1rem;
63
-
64
- @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
65
- font-size: .9rem;
66
- height: .9rem;
67
- }
68
-
69
- @media(max-width: ${({ theme }) => theme.mobileMinWidth}) {
70
- font-size: .7rem;
71
- height: .7rem;
72
- }
73
- }
74
-
75
- .iz-credit-card-name {
76
- font-size: .9rem;
77
- font-weight: 500;
78
- position: relative;
79
- text-transform: uppercase;
80
- color: ${({ theme }) => theme.t5};
81
- height: .9rem;
82
-
83
- @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
84
- font-size: .7rem;
85
- height: .7rem;
86
- }
87
-
88
- @media(max-width: ${({ theme }) => theme.mobileMinWidth}) {
89
- font-size: .5rem;
90
- height: .5rem;
91
- }
92
- }
93
- }
94
- }
95
-
96
- .iz-credit-card-right {
97
- display: flex;
98
- flex-direction: column;
99
- justify-content: space-between;
100
- align-items: flex-end;
101
- gap: 1rem;
102
-
103
- .iz-credit-card-top {
104
- display: flex;
105
- justify-content: end;
106
-
107
- div {
108
- width: 2.5rem;
109
- height: 2.5rem;
110
- background-size: contain;
111
- background-repeat: no-repeat;
112
- }
113
- }
114
-
115
- .iz-credit-card-bottom {
116
- display: flex;
117
- flex-direction: column;
118
- text-align: right;
119
-
120
- span:first-child {
121
- font-size: .6rem;
122
- font-weight: 600;
123
- color: ${({ theme }) => theme.t3};
124
- }
125
-
126
- span:last-child {
127
- font-size: .8rem;
128
- font-weight: 600;
129
- color: ${({ theme }) => theme.t5};
130
- }
131
- }
132
- }
133
- `;
134
- export {
135
- Container
136
- };
@@ -1,52 +0,0 @@
1
- "use client";
2
- "use strict";
3
- "use client";
4
- var __create = Object.create;
5
- var __defProp = Object.defineProperty;
6
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
7
- var __getOwnPropNames = Object.getOwnPropertyNames;
8
- var __getProtoOf = Object.getPrototypeOf;
9
- var __hasOwnProp = Object.prototype.hasOwnProperty;
10
- var __export = (target, all) => {
11
- for (var name in all)
12
- __defProp(target, name, { get: all[name], enumerable: true });
13
- };
14
- var __copyProps = (to, from, except, desc) => {
15
- if (from && typeof from === "object" || typeof from === "function") {
16
- for (let key of __getOwnPropNames(from))
17
- if (!__hasOwnProp.call(to, key) && key !== except)
18
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
19
- }
20
- return to;
21
- };
22
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
23
- // If the importer is in node compatibility mode or this is not an ESM
24
- // file that has been converted to a CommonJS file using a Babel-
25
- // compatible transform (i.e. "__esModule" has not been set), then set
26
- // "default" to the CommonJS "module.exports" for node compatibility.
27
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
28
- mod
29
- ));
30
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
31
- var functions_exports = {};
32
- __export(functions_exports, {
33
- default: () => CreditCardFunctions
34
- });
35
- module.exports = __toCommonJS(functions_exports);
36
- var import_jsx_runtime = require("react/jsx-runtime");
37
- var import_styles = require("./styles");
38
- var import_lodash = __toESM(require("lodash"));
39
- function CreditCardFunctions(props) {
40
- return import_lodash.default.some(props.functions, (data) => !data.hide) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Container, { className: "iz-credit-card-function-container", children: import_lodash.default.map(
41
- props.functions,
42
- (data, index) => !data.hide && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
43
- "div",
44
- {
45
- className: "iz-credit-card-function",
46
- onClick: data.function,
47
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { "aria-hidden": true, className: data.icon })
48
- },
49
- index
50
- )
51
- ) });
52
- }
@@ -1,22 +0,0 @@
1
- "use client";
2
- "use client";
3
- import { jsx } from "react/jsx-runtime";
4
- import { Container } from "./styles";
5
- import _ from "lodash";
6
- function CreditCardFunctions(props) {
7
- return _.some(props.functions, (data) => !data.hide) && /* @__PURE__ */ jsx(Container, { className: "iz-credit-card-function-container", children: _.map(
8
- props.functions,
9
- (data, index) => !data.hide && /* @__PURE__ */ jsx(
10
- "div",
11
- {
12
- className: "iz-credit-card-function",
13
- onClick: data.function,
14
- children: /* @__PURE__ */ jsx("i", { "aria-hidden": true, className: data.icon })
15
- },
16
- index
17
- )
18
- ) });
19
- }
20
- export {
21
- CreditCardFunctions as default
22
- };
@@ -1,75 +0,0 @@
1
- "use client";
2
- "use strict";
3
- "use client";
4
- var __create = Object.create;
5
- var __defProp = Object.defineProperty;
6
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
7
- var __getOwnPropNames = Object.getOwnPropertyNames;
8
- var __getProtoOf = Object.getPrototypeOf;
9
- var __hasOwnProp = Object.prototype.hasOwnProperty;
10
- var __export = (target, all) => {
11
- for (var name in all)
12
- __defProp(target, name, { get: all[name], enumerable: true });
13
- };
14
- var __copyProps = (to, from, except, desc) => {
15
- if (from && typeof from === "object" || typeof from === "function") {
16
- for (let key of __getOwnPropNames(from))
17
- if (!__hasOwnProp.call(to, key) && key !== except)
18
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
19
- }
20
- return to;
21
- };
22
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
23
- // If the importer is in node compatibility mode or this is not an ESM
24
- // file that has been converted to a CommonJS file using a Babel-
25
- // compatible transform (i.e. "__esModule" has not been set), then set
26
- // "default" to the CommonJS "module.exports" for node compatibility.
27
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
28
- mod
29
- ));
30
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
31
- var styles_exports = {};
32
- __export(styles_exports, {
33
- Container: () => Container
34
- });
35
- module.exports = __toCommonJS(styles_exports);
36
- var import_styled_components = __toESM(require("styled-components"));
37
- const Container = import_styled_components.default.div`
38
- display: flex;
39
- flex-direction: column;
40
- gap: .5rem;
41
- margin-left: -2.5rem;
42
- transition: ease .3s;
43
- width: 2rem;
44
-
45
- .iz-credit-card-function {
46
- width: 2rem;
47
- height: 2rem;
48
- display: flex;
49
- align-items: center;
50
- justify-content: center;
51
- border-radius: 5px;
52
- background: ${({ theme }) => theme.t05};
53
- color: ${({ theme }) => theme.t6};
54
- font-size: .85rem;
55
- transform: translateX(-2rem);
56
- opacity: 0;
57
- cursor: pointer;
58
-
59
- &:hover {
60
- color: ${({ theme }) => theme.t8};
61
- }
62
- }
63
-
64
- .iz-credit-card-function:nth-child(1) {
65
- transition: 5s ease transform, ease .2s opacity, ease .3s color;
66
- }
67
-
68
- .iz-credit-card-function:nth-child(2) {
69
- transition: .3s ease .1s transform, ease .2s opacity, ease .3s color;
70
- }
71
- `;
72
- // Annotate the CommonJS export names for ESM import in node:
73
- 0 && (module.exports = {
74
- Container
75
- });
@@ -1,41 +0,0 @@
1
- "use client";
2
- "use client";
3
- import styled from "styled-components";
4
- const Container = styled.div`
5
- display: flex;
6
- flex-direction: column;
7
- gap: .5rem;
8
- margin-left: -2.5rem;
9
- transition: ease .3s;
10
- width: 2rem;
11
-
12
- .iz-credit-card-function {
13
- width: 2rem;
14
- height: 2rem;
15
- display: flex;
16
- align-items: center;
17
- justify-content: center;
18
- border-radius: 5px;
19
- background: ${({ theme }) => theme.t05};
20
- color: ${({ theme }) => theme.t6};
21
- font-size: .85rem;
22
- transform: translateX(-2rem);
23
- opacity: 0;
24
- cursor: pointer;
25
-
26
- &:hover {
27
- color: ${({ theme }) => theme.t8};
28
- }
29
- }
30
-
31
- .iz-credit-card-function:nth-child(1) {
32
- transition: 5s ease transform, ease .2s opacity, ease .3s color;
33
- }
34
-
35
- .iz-credit-card-function:nth-child(2) {
36
- transition: .3s ease .1s transform, ease .2s opacity, ease .3s color;
37
- }
38
- `;
39
- export {
40
- Container
41
- };
@@ -1,70 +0,0 @@
1
- "use client";
2
- "use strict";
3
- "use client";
4
- var __create = Object.create;
5
- var __defProp = Object.defineProperty;
6
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
7
- var __getOwnPropNames = Object.getOwnPropertyNames;
8
- var __getProtoOf = Object.getPrototypeOf;
9
- var __hasOwnProp = Object.prototype.hasOwnProperty;
10
- var __export = (target, all) => {
11
- for (var name in all)
12
- __defProp(target, name, { get: all[name], enumerable: true });
13
- };
14
- var __copyProps = (to, from, except, desc) => {
15
- if (from && typeof from === "object" || typeof from === "function") {
16
- for (let key of __getOwnPropNames(from))
17
- if (!__hasOwnProp.call(to, key) && key !== except)
18
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
19
- }
20
- return to;
21
- };
22
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
23
- // If the importer is in node compatibility mode or this is not an ESM
24
- // file that has been converted to a CommonJS file using a Babel-
25
- // compatible transform (i.e. "__esModule" has not been set), then set
26
- // "default" to the CommonJS "module.exports" for node compatibility.
27
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
28
- mod
29
- ));
30
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
31
- var credit_card_exports = {};
32
- __export(credit_card_exports, {
33
- CreditCard: () => CreditCard
34
- });
35
- module.exports = __toCommonJS(credit_card_exports);
36
- var import_jsx_runtime = require("react/jsx-runtime");
37
- var import_styles = require("./styles");
38
- var import_card = __toESM(require("./card"));
39
- var import_functions = __toESM(require("./functions"));
40
- function CreditCard(props) {
41
- const functions = [
42
- {
43
- icon: "fa-regular fa-pen-to-square",
44
- label: "Editar",
45
- function: props.onEdit,
46
- hide: !props.onEdit
47
- },
48
- {
49
- icon: "fa-solid fa-gear",
50
- label: "Configura\xE7\xF5es",
51
- function: props.onConfig,
52
- hide: !props.onConfig
53
- },
54
- {
55
- icon: "fa-solid fa-trash-can",
56
- label: "Remover",
57
- function: props.onRemove,
58
- hide: !props.onRemove
59
- },
60
- ...props.functions || []
61
- ];
62
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.Container, { children: [
63
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.default, { ...props }),
64
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_functions.default, { ...props, functions })
65
- ] });
66
- }
67
- // Annotate the CommonJS export names for ESM import in node:
68
- 0 && (module.exports = {
69
- CreditCard
70
- });