@zauru-sdk/components 1.0.117 → 1.0.120

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 (104) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/Buttons/Button.d.ts +0 -1
  3. package/dist/HOC/ValidateEmployeeAccess/index.d.ts +1 -1
  4. package/dist/Layouts/errorLayout/index.d.ts +3 -1
  5. package/dist/ProgressBar/ProgressCircle.d.ts +1 -1
  6. package/dist/Zendesk/Chat.d.ts +0 -1
  7. package/dist/esm/Form/SelectField/index.js +2 -2
  8. package/dist/esm/Layouts/errorLayout/index.js +6 -6
  9. package/dist/esm/SidePanel/index.js +1 -1
  10. package/package.json +9 -10
  11. package/src/Form/SelectField/index.tsx +19 -1
  12. package/src/Form/TextField/index.tsx +1 -1
  13. package/src/Layouts/errorLayout/index.tsx +6 -1
  14. package/src/SidePanel/index.tsx +26 -26
  15. package/dist/cjs/Alerts/ErrorBoundaryAlert/ErrorBoundaryAlert.js +0 -9
  16. package/dist/cjs/Alerts/StaticAlert.js +0 -32
  17. package/dist/cjs/Alerts/index.js +0 -18
  18. package/dist/cjs/BlockUI/BlockUI.js +0 -12
  19. package/dist/cjs/BlockUI/index.js +0 -17
  20. package/dist/cjs/Buttons/Button.js +0 -62
  21. package/dist/cjs/Buttons/index.js +0 -17
  22. package/dist/cjs/Card/Card.js +0 -9
  23. package/dist/cjs/Card/index.js +0 -17
  24. package/dist/cjs/Chat/ChatLayout.js +0 -31
  25. package/dist/cjs/Chat/ChatMessageHistory.js +0 -57
  26. package/dist/cjs/Chat/index.js +0 -18
  27. package/dist/cjs/ConnectionState/ConnectionState.js +0 -25
  28. package/dist/cjs/ConnectionState/index.js +0 -17
  29. package/dist/cjs/Containers/BodyContainer.js +0 -9
  30. package/dist/cjs/Containers/ButtonSectionContainer.js +0 -9
  31. package/dist/cjs/Containers/Container.js +0 -10
  32. package/dist/cjs/Containers/DoubleContainer.js +0 -18
  33. package/dist/cjs/Containers/MainContainer.js +0 -9
  34. package/dist/cjs/Containers/OutletContainer.js +0 -9
  35. package/dist/cjs/Containers/SubContainer.js +0 -10
  36. package/dist/cjs/Containers/index.js +0 -23
  37. package/dist/cjs/DynamicTable/BasicPrintDynamicTable.js +0 -31
  38. package/dist/cjs/DynamicTable/DynamicPrintTable.js +0 -158
  39. package/dist/cjs/DynamicTable/DynamicTable.js +0 -219
  40. package/dist/cjs/DynamicTable/GenericDynamicTable.js +0 -200
  41. package/dist/cjs/DynamicTable/index.js +0 -20
  42. package/dist/cjs/Footer/Footer.js +0 -20
  43. package/dist/cjs/Footer/index.js +0 -17
  44. package/dist/cjs/Form/Checkbox/index.js +0 -39
  45. package/dist/cjs/Form/Checklist/index.js +0 -14
  46. package/dist/cjs/Form/DatePicker/index.js +0 -37
  47. package/dist/cjs/Form/DynamicBaculoForm/index.js +0 -144
  48. package/dist/cjs/Form/FieldContainer/DoubleFieldContainer.js +0 -18
  49. package/dist/cjs/Form/FieldContainer/QuadrupleFieldContainer.js +0 -18
  50. package/dist/cjs/Form/FieldContainer/TripleFieldContainer.js +0 -18
  51. package/dist/cjs/Form/FieldContainer/index.js +0 -19
  52. package/dist/cjs/Form/FileUpload/index.js +0 -71
  53. package/dist/cjs/Form/FormButtons/index.js +0 -9
  54. package/dist/cjs/Form/ReactZodForm/index.js +0 -29
  55. package/dist/cjs/Form/SelectField/index.js +0 -176
  56. package/dist/cjs/Form/TextArea/index.js +0 -41
  57. package/dist/cjs/Form/TextField/index.js +0 -73
  58. package/dist/cjs/Form/TimePicker/index.js +0 -38
  59. package/dist/cjs/Form/YesNo/index.js +0 -28
  60. package/dist/cjs/Form/index.js +0 -29
  61. package/dist/cjs/HOC/ValidateEmployeeAccess/index.js +0 -17
  62. package/dist/cjs/Labels/InfoLabel/index.js +0 -9
  63. package/dist/cjs/Labels/index.js +0 -17
  64. package/dist/cjs/Layouts/errorLayout/index.js +0 -14
  65. package/dist/cjs/Layouts/homeLayout/index.js +0 -51
  66. package/dist/cjs/Layouts/index.js +0 -18
  67. package/dist/cjs/LineSeparator/LineSeparator.js +0 -8
  68. package/dist/cjs/LineSeparator/index.js +0 -17
  69. package/dist/cjs/Modal/Modal.js +0 -36
  70. package/dist/cjs/Modal/index.js +0 -17
  71. package/dist/cjs/NavBar/NavBar.js +0 -76
  72. package/dist/cjs/NavBar/NavBar.types.js +0 -2
  73. package/dist/cjs/NavBar/NavBar.utils.js +0 -61
  74. package/dist/cjs/NavBar/index.js +0 -19
  75. package/dist/cjs/ProgressBar/ProgressBar.js +0 -9
  76. package/dist/cjs/ProgressBar/ProgressCircle.js +0 -26
  77. package/dist/cjs/ProgressBar/index.js +0 -18
  78. package/dist/cjs/SidePanel/index.js +0 -48
  79. package/dist/cjs/Skeletons/LoadingInputSkeleton.js +0 -12
  80. package/dist/cjs/Skeletons/index.js +0 -17
  81. package/dist/cjs/Tab/Tab.js +0 -26
  82. package/dist/cjs/Tab/index.js +0 -17
  83. package/dist/cjs/Table/ZauruTable.js +0 -186
  84. package/dist/cjs/Table/index.js +0 -17
  85. package/dist/cjs/TaskList/TaskList.js +0 -40
  86. package/dist/cjs/TaskList/index.js +0 -17
  87. package/dist/cjs/Titles/LabelArray.js +0 -11
  88. package/dist/cjs/Titles/TableColumnTitle.js +0 -9
  89. package/dist/cjs/Titles/TitleH1.js +0 -9
  90. package/dist/cjs/Titles/TitleH2.js +0 -9
  91. package/dist/cjs/Titles/TitleH3.js +0 -9
  92. package/dist/cjs/Titles/index.js +0 -21
  93. package/dist/cjs/Tooltip/Tooltip.js +0 -18
  94. package/dist/cjs/Tooltip/index.js +0 -17
  95. package/dist/cjs/WithTooltip/WithTooltip.js +0 -9
  96. package/dist/cjs/WithTooltip/index.js +0 -17
  97. package/dist/cjs/Wizards/StepWizard.js +0 -18
  98. package/dist/cjs/Wizards/index.js +0 -17
  99. package/dist/cjs/Zendesk/Chat.js +0 -69
  100. package/dist/cjs/Zendesk/index.js +0 -18
  101. package/dist/cjs/Zendesk/zendesk.config.js +0 -29
  102. package/dist/cjs/index.js +0 -43
  103. package/dist/cjs/tailwind.config.js +0 -9
  104. package/tsconfig.cjs.json +0 -8
@@ -1,186 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- Object.defineProperty(exports, "__esModule", { value: true });
26
- exports.ZauruTable = void 0;
27
- const jsx_runtime_1 = require("react/jsx-runtime");
28
- const react_1 = require("@remix-run/react");
29
- const react_2 = require("react");
30
- const react_data_table_component_1 = require("react-data-table-component");
31
- const icons_1 = require("@zauru-sdk/icons");
32
- const ReactDataTableComponent = __importStar(require("react-data-table-component"));
33
- const DataTable = ReactDataTableComponent.default;
34
- const customStyles = {
35
- headCells: {
36
- style: {
37
- color: "#202124",
38
- fontSize: "14px",
39
- justifyContent: "left",
40
- whiteSpace: "normal",
41
- wordBreak: "break-word",
42
- maxWidth: "250px",
43
- padding: "4px", // Add some padding
44
- },
45
- },
46
- cells: {
47
- style: {
48
- whiteSpace: "normal", // Allow wrapping for cell content
49
- wordBreak: "break-word",
50
- },
51
- },
52
- rows: {
53
- highlightOnHoverStyle: {
54
- backgroundColor: "rgb(230, 244, 244)",
55
- borderBottomColor: "#FFFFFF",
56
- borderRadius: "25px",
57
- outline: "1px solid #FFFFFF",
58
- },
59
- },
60
- pagination: {
61
- style: {
62
- border: "none",
63
- },
64
- },
65
- };
66
- (0, react_data_table_component_1.createTheme)("solarized", {
67
- text: {
68
- primary: "#002b36",
69
- secondary: "#002b36",
70
- },
71
- background: {
72
- default: "#f9f9f9",
73
- },
74
- context: {
75
- background: "#cb4b16",
76
- text: "#555555",
77
- },
78
- divider: {
79
- default: "#e2e4ff",
80
- },
81
- action: {
82
- button: "rgba(0,0,0,.54)",
83
- hover: "rgba(0,0,0,.08)",
84
- disabled: "rgba(0,0,0,.12)",
85
- },
86
- headRow: {
87
- background: "black",
88
- },
89
- });
90
- (0, react_data_table_component_1.createTheme)("subTable", {
91
- text: {
92
- primary: "#002b36",
93
- secondary: "#002b36",
94
- },
95
- background: {
96
- default: "#e9e9e9",
97
- },
98
- context: {
99
- background: "#cb4b16",
100
- text: "#555555",
101
- },
102
- divider: {
103
- default: "#e2e4ff",
104
- },
105
- action: {
106
- button: "rgba(0,0,0,.54)",
107
- hover: "rgba(0,0,0,.08)",
108
- disabled: "rgba(0,0,0,.12)",
109
- },
110
- headRow: {
111
- background: "black",
112
- },
113
- });
114
- //Documentación de la tabla https://react-data-table-component.netlify.app/?path=/docs/getting-started-intro--docs
115
- const ZauruTable = (props) => {
116
- const { columns, conditionalRowStyles, data, loading = false, pagination, search, theme, className, offlineSearch = [], whitOutPagination = false, ...others } = props;
117
- const [, setSearchParams] = (0, react_1.useSearchParams)({
118
- page: "1",
119
- perPage: "10",
120
- search: "",
121
- });
122
- const [filteredData, setFilteredData] = (0, react_2.useState)(data);
123
- const [showTable, setShowTable] = (0, react_2.useState)(false);
124
- (0, react_2.useEffect)(() => {
125
- setShowTable(true);
126
- }, []);
127
- (0, react_2.useEffect)(() => {
128
- setFilteredData(data);
129
- }, [data]);
130
- const subHeaderComponentMemo = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", { name: "search", type: "text", placeholder: search?.placeholderSearch ?? "Filtrar", "aria-label": "Search Input", className: "bg-gray-50 border border-gray-300 text-gray-900 rounded-lg px-2", onChange: (event) => {
131
- const searchTerm = event.target.value;
132
- if (offlineSearch.length > 0) {
133
- filterData(searchTerm);
134
- }
135
- }, onBlur: (event) => {
136
- const searchTerm = event.target.value;
137
- if (offlineSearch.length <= 0 && search) {
138
- setSearchParams((prevState) => ({
139
- ...Object.fromEntries(prevState),
140
- search: searchTerm,
141
- }));
142
- }
143
- } }), (0, jsx_runtime_1.jsx)("button", { type: "button", name: "search", className: "px-2 font-bold", children: (0, jsx_runtime_1.jsx)(icons_1.SearchSVG, {}) })] }));
144
- const filterData = (searchTerm) => {
145
- if (!searchTerm || !offlineSearch || offlineSearch.length === 0) {
146
- setFilteredData(data);
147
- return;
148
- }
149
- const filtered = data.filter((item) => offlineSearch.some((field) => item[field] &&
150
- item[field]
151
- .toString()
152
- .toLowerCase()
153
- .includes(searchTerm.toLowerCase())));
154
- setFilteredData(filtered);
155
- };
156
- const handlePageChange = (page) => {
157
- //hacer el fetch de más datos
158
- setSearchParams((prevState) => ({
159
- ...Object.fromEntries(prevState),
160
- page: page.toString(),
161
- }));
162
- };
163
- const handlePerRowsChange = async (newPerPage, page) => {
164
- //hacer el fetch de más datos
165
- setSearchParams((prevState) => ({
166
- ...Object.fromEntries(prevState),
167
- perPage: newPerPage.toString(),
168
- }));
169
- };
170
- if (!showTable) {
171
- return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Loading..." });
172
- }
173
- //Textos en español de la tabla
174
- const paginationComponentOptions = {
175
- rowsPerPageText: "Filas por página",
176
- rangeSeparatorText: "de",
177
- selectAllRowsItem: true,
178
- selectAllRowsItemText: "Todos",
179
- };
180
- const loadSubHeader = !!(search || offlineSearch.length > 0);
181
- const subHeaderComponent = loadSubHeader ? subHeaderComponentMemo : undefined;
182
- return ((0, jsx_runtime_1.jsx)(DataTable, { className: className, subHeaderWrap: true, theme: theme ?? "solarized", columns: columns, conditionalRowStyles: conditionalRowStyles, data: filteredData, customStyles: customStyles, progressPending: loading, highlightOnHover: true, pointerOnHover: true, dense: true, striped: true, pagination: !whitOutPagination, persistTableHead: true, responsive: true, noHeader: true, subHeader: loadSubHeader, subHeaderComponent: subHeaderComponent, paginationServer: !!pagination, paginationTotalRows: pagination?.totalRows ?? undefined, onChangeRowsPerPage: pagination ? handlePerRowsChange : undefined, onChangePage: pagination ? handlePageChange : undefined, paginationComponentOptions: paginationComponentOptions, paginationRowsPerPageOptions: pagination?.rowsPerPageOptions
183
- ? pagination.rowsPerPageOptions
184
- : [10, 50, 100], ...others }));
185
- };
186
- exports.ZauruTable = ZauruTable;
@@ -1,17 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./ZauruTable.js"), exports);
@@ -1,40 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.TaskList = exports.Task = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const react_1 = require("react");
6
- const Task = ({ task }) => {
7
- const [isDescriptionOpen, setIsDescriptionOpen] = (0, react_1.useState)(false);
8
- let statusIcon;
9
- let taskStyle = {};
10
- let bgColor;
11
- switch (task.status) {
12
- case "waiting":
13
- statusIcon = "🕗"; // Icono de reloj (como un ejemplo, puedes reemplazarlo con un ícono o SVG real)
14
- taskStyle = { opacity: 0.5 }; // estilo disabled
15
- bgColor = "bg-gray-200"; // Color de fondo gris
16
- break;
17
- case "processing":
18
- statusIcon = "⏳"; // Icono de reloj de arena
19
- taskStyle = { fontWeight: "bold" }; // estilo negrita
20
- bgColor = "bg-blue-200"; // Color de fondo azul
21
- break;
22
- case "done":
23
- statusIcon = "✅"; // Icono de check
24
- bgColor = "bg-green-200"; // Color de fondo verde
25
- break;
26
- case "error":
27
- statusIcon = "❌"; // Icono de cruz
28
- taskStyle = { color: "red" }; // estilo color rojo
29
- bgColor = "bg-red-200"; // Color de fondo rojo
30
- break;
31
- }
32
- return ((0, jsx_runtime_1.jsxs)("div", { style: taskStyle, className: `${bgColor} rounded-lg p-3 mb-3 ${task.description ? "cursor-pointer" : ""}`, onClick: () => task.description && setIsDescriptionOpen(!isDescriptionOpen), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between", children: [(0, jsx_runtime_1.jsxs)("div", { children: [statusIcon, " ", task.title, " ", `${task.status === "processing" ? "..." : ""}`] }), task.description && (0, jsx_runtime_1.jsx)("div", { children: "\u25BC" })] }), task.description && isDescriptionOpen && ((0, jsx_runtime_1.jsx)("div", { className: "mt-2", children: task.description }))] }));
33
- };
34
- exports.Task = Task;
35
- const TaskList = ({ tasks }) => {
36
- const completedTasks = tasks.filter((task) => task.status === "done" || task.status === "error").length;
37
- const progressPercentage = (completedTasks / tasks.length) * 100;
38
- return ((0, jsx_runtime_1.jsxs)("div", { children: [tasks.map((task, index) => ((0, jsx_runtime_1.jsx)(exports.Task, { task: task }, index))), (0, jsx_runtime_1.jsx)("div", { className: "h-2 bg-gray-200 rounded-lg mt-3", children: (0, jsx_runtime_1.jsx)("div", { className: "bg-green-500 h-full rounded-lg", style: { width: `${progressPercentage}%`, transition: "width 0.5s" } }) })] }));
39
- };
40
- exports.TaskList = TaskList;
@@ -1,17 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./TaskList.js"), exports);
@@ -1,11 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.LabelArray = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- //Component to show all information in an array
6
- const LabelArray = ({ info }) => {
7
- return ((0, jsx_runtime_1.jsx)("div", { className: "divide-y divide-gray-100", children: info?.map((x) => {
8
- return ((0, jsx_runtime_1.jsxs)("div", { className: "my-1 pt-2", children: [(0, jsx_runtime_1.jsxs)("p", { className: "inline font-bold text-lg", children: [x?.label, ": "] }), (0, jsx_runtime_1.jsx)("p", { className: "inline text-lg", children: x?.value })] }, x?.label));
9
- }) }));
10
- };
11
- exports.LabelArray = LabelArray;
@@ -1,9 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.TableColumnTitle = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- //column title for datatables
6
- const TableColumnTitle = ({ textContent }) => {
7
- return ((0, jsx_runtime_1.jsx)("p", { className: "font-bold text-sm line-clamp-3 text-center", children: textContent }));
8
- };
9
- exports.TableColumnTitle = TableColumnTitle;
@@ -1,9 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.TitleH1 = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- //H1 Title Component
6
- const TitleH1 = ({ texto }) => {
7
- return ((0, jsx_runtime_1.jsx)("div", { className: "mb-1", children: (0, jsx_runtime_1.jsx)("h1", { className: "text-4xl font-bold leading-normal mt-0 mb-2 text-zinc-800", children: texto }) }));
8
- };
9
- exports.TitleH1 = TitleH1;
@@ -1,9 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.TitleH2 = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- //H2 Title Component
6
- const TitleH2 = ({ texto }) => {
7
- return ((0, jsx_runtime_1.jsx)("div", { className: "py-1 ", children: (0, jsx_runtime_1.jsx)("h2", { className: "text-2xl font-bold leading-normal mt-0 mb-2 text-zinc-800", children: texto }) }));
8
- };
9
- exports.TitleH2 = TitleH2;
@@ -1,9 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.TitleH3 = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- //H3 Title Component
6
- const TitleH3 = ({ texto }) => {
7
- return ((0, jsx_runtime_1.jsx)("div", { className: "py-1 ", children: (0, jsx_runtime_1.jsx)("h3", { className: "text-xl leading-normal mt-0 mb-2 text-zinc-800", children: texto }) }));
8
- };
9
- exports.TitleH3 = TitleH3;
@@ -1,21 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./LabelArray.js"), exports);
18
- __exportStar(require("./TableColumnTitle.js"), exports);
19
- __exportStar(require("./TitleH1.js"), exports);
20
- __exportStar(require("./TitleH2.js"), exports);
21
- __exportStar(require("./TitleH3.js"), exports);
@@ -1,18 +0,0 @@
1
- "use strict";
2
- "use client";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.Tooltip = void 0;
5
- const jsx_runtime_1 = require("react/jsx-runtime");
6
- const react_1 = require("react");
7
- const Tooltip = ({ children, text }) => {
8
- const [show, setShow] = (0, react_1.useState)(false);
9
- return ((0, jsx_runtime_1.jsxs)("div", { className: "relative inline-block", children: [(0, jsx_runtime_1.jsx)("div", { onMouseEnter: () => setShow(true), onMouseLeave: () => setShow(false), children: children }), show && ((0, jsx_runtime_1.jsxs)("div", { className: "absolute z-10 bg-gray-700 text-white px-2 py-1 rounded-md bottom-full left-1/2 transform -translate-x-1/2", style: { whiteSpace: "nowrap", height: "2rem" }, children: [text, (0, jsx_runtime_1.jsx)("div", { className: "absolute top-full left-1/2 transform -translate-x-1/2", style: {
10
- width: "0",
11
- height: "0",
12
- borderTop: "6px solid transparent",
13
- borderLeft: "6px solid transparent",
14
- borderRight: "6px solid transparent",
15
- borderBottom: "6px solid gray",
16
- } })] }))] }));
17
- };
18
- exports.Tooltip = Tooltip;
@@ -1,17 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./Tooltip.js"), exports);
@@ -1,9 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.WithTooltip = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const WithTooltip = (props) => {
6
- const { children, text } = props;
7
- return ((0, jsx_runtime_1.jsxs)("div", { className: "group relative inline-block", children: [children, (0, jsx_runtime_1.jsx)("div", { className: "pointer-events-none absolute left-1/2 -translate-x-1/2 bottom-full mb-2 opacity-0 transition-opacity duration-300 group-hover:opacity-100", children: (0, jsx_runtime_1.jsxs)("div", { className: "relative bg-black text-white text-sm rounded py-1 px-2 text-wrap w-40", children: [text, (0, jsx_runtime_1.jsx)("div", { className: "absolute top-full left-1/2 -translate-x-1/2 border-4 border-transparent border-t-black" })] }) })] }));
8
- };
9
- exports.WithTooltip = WithTooltip;
@@ -1,17 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./WithTooltip.js"), exports);
@@ -1,18 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.StepWizardComponent = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const react_1 = require("react");
6
- const index_js_1 = require("../Skeletons/index.js");
7
- const StepWizardComponent = ({ steps, showStepName = false, loading = false, }) => {
8
- const [currentStep, setCurrentStep] = (0, react_1.useState)(0);
9
- if (loading) {
10
- return ((0, jsx_runtime_1.jsxs)("div", { className: "lg:grid lg:grid-cols-10 gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "lg:col-span-2", children: [(0, jsx_runtime_1.jsx)("select", { className: "lg:hidden mb-5 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md", children: (0, jsx_runtime_1.jsx)("option", {}) }), (0, jsx_runtime_1.jsx)("div", { className: "hidden lg:block", children: (0, jsx_runtime_1.jsx)(index_js_1.LoadingInputSkeleton, {}) })] }), (0, jsx_runtime_1.jsx)("div", { className: "lg:col-span-8", children: (0, jsx_runtime_1.jsx)(index_js_1.LoadingInputSkeleton, {}) })] }));
11
- }
12
- return ((0, jsx_runtime_1.jsxs)("div", { className: "lg:grid lg:grid-cols-10 gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "lg:col-span-2", children: [(0, jsx_runtime_1.jsx)("select", { className: "lg:hidden mb-5 block w-full pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md", onChange: (e) => setCurrentStep(parseInt(e.target.value)), value: currentStep, children: steps.map((step, index) => ((0, jsx_runtime_1.jsx)("option", { value: index, children: showStepName ? step.stepName : `Step ${index + 1}` }, index))) }), (0, jsx_runtime_1.jsx)("div", { className: "scroll-hidden hidden lg:block", children: steps.map((step, index) => ((0, jsx_runtime_1.jsx)("div", { onClick: () => setCurrentStep(index), className: `py-2 px-4 mt-5 cursor-pointer rounded ${currentStep === index
13
- ? "bg-blue-500 text-white"
14
- : "text-blue-500 hover:bg-gray-100 border border-gray-300"} ${showStepName
15
- ? "text-wrap break-words"
16
- : "rounded-full w-8 h-8 flex items-center justify-center"}`, children: showStepName ? step.stepName : index + 1 }, index))) })] }), (0, jsx_runtime_1.jsx)("div", { className: "lg:col-span-8", children: steps.map((step, index) => ((0, jsx_runtime_1.jsx)("div", { className: currentStep === index ? "block" : "hidden", children: step.component }, index))) })] }));
17
- };
18
- exports.StepWizardComponent = StepWizardComponent;
@@ -1,17 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./StepWizard.js"), exports);
@@ -1,69 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Zendesk = exports.ZendeskAPI = exports.logoutFromZendesk = void 0;
4
- const react_1 = require("react");
5
- const canUseDOM = () => {
6
- if (typeof window === "undefined" ||
7
- !window.document ||
8
- !window.document.createElement) {
9
- return false;
10
- }
11
- return true;
12
- };
13
- const logoutFromZendesk = () => {
14
- if (canUseDOM() && window.zE) {
15
- window.zE("messenger", "logoutUser");
16
- }
17
- else {
18
- console.warn("Zendesk is not initialized yet");
19
- }
20
- };
21
- exports.logoutFromZendesk = logoutFromZendesk;
22
- const ZendeskAPI = (...args) => {
23
- if (canUseDOM() && window.zE) {
24
- window.zE.apply(null, args);
25
- }
26
- else {
27
- console.warn("Zendesk is not initialized yet");
28
- }
29
- };
30
- exports.ZendeskAPI = ZendeskAPI;
31
- const Zendesk = (props) => {
32
- const { defer, configuration, token, ...other } = props;
33
- (0, react_1.useEffect)(() => {
34
- const insertScript = () => {
35
- const zendeskScript = document.createElement("script");
36
- if (defer) {
37
- zendeskScript.defer = true;
38
- }
39
- else {
40
- zendeskScript.async = true;
41
- }
42
- zendeskScript.id = "ze-snippet";
43
- zendeskScript.src = `https://static.zdassets.com/ekr/snippet.js?key=${configuration.zendeskChatKey}`;
44
- zendeskScript.addEventListener("load", () => {
45
- if (props.onLoaded) {
46
- props.onLoaded();
47
- }
48
- window.zE("messenger", "loginUser", function (callback) {
49
- callback(token);
50
- });
51
- });
52
- document.body.appendChild(zendeskScript);
53
- return zendeskScript; // Devolvemos la referencia del script
54
- };
55
- let script; // Guardamos la referencia del script aquí
56
- if (canUseDOM() && !window.zE) {
57
- script = insertScript();
58
- window.zESettings = other;
59
- }
60
- return () => {
61
- if (script) {
62
- // Si el script existe, lo eliminamos del DOM
63
- script.remove();
64
- }
65
- };
66
- }, [props, defer, other, configuration, token]);
67
- return null;
68
- };
69
- exports.Zendesk = Zendesk;
@@ -1,18 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./Chat.js"), exports);
18
- __exportStar(require("./zendesk.config.js"), exports);
@@ -1,29 +0,0 @@
1
- "use strict";
2
- //import jwt from "jsonwebtoken";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.zendeskJwt = void 0;
5
- function zendeskJwt(current_user, configuration) {
6
- // get the INFO
7
- const jwtSecret = configuration.zendeskJWTSecret;
8
- const jwtKey = configuration.zendeskJWTKey;
9
- const expiresIn = Math.floor(Date.now() / 1000) + 60 * 60 * 24; // Expires in 1 day
10
- // create the payload
11
- const payload = {
12
- external_id: "z" +
13
- current_user.selected_entity_id.toString() +
14
- "-" +
15
- current_user.id.toString(),
16
- email: current_user.email,
17
- name: current_user.name,
18
- organization_id: current_user.selected_entity_id.toString(),
19
- scope: "user",
20
- exp: expiresIn,
21
- };
22
- // const jwtHeader: jwt.JwtHeader = { kid: jwtKey, typ: "JWT", alg: "HS256" };
23
- // return jwt.sign(payload, jwtSecret, {
24
- // algorithm: "HS256",
25
- // header: jwtHeader,
26
- // });
27
- return {};
28
- }
29
- exports.zendeskJwt = zendeskJwt;
package/dist/cjs/index.js DELETED
@@ -1,43 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./Alerts/index.js"), exports);
18
- __exportStar(require("./BlockUI/index.js"), exports);
19
- __exportStar(require("./Buttons/index.js"), exports);
20
- __exportStar(require("./Card/index.js"), exports);
21
- __exportStar(require("./ConnectionState/index.js"), exports);
22
- __exportStar(require("./Chat/index.js"), exports);
23
- __exportStar(require("./Containers/index.js"), exports);
24
- __exportStar(require("./DynamicTable/index.js"), exports);
25
- __exportStar(require("./Footer/index.js"), exports);
26
- __exportStar(require("./Form/index.js"), exports);
27
- __exportStar(require("./Labels/index.js"), exports);
28
- __exportStar(require("./Layouts/index.js"), exports);
29
- __exportStar(require("./LineSeparator/index.js"), exports);
30
- __exportStar(require("./Modal/index.js"), exports);
31
- __exportStar(require("./NavBar/index.js"), exports);
32
- __exportStar(require("./ProgressBar/index.js"), exports);
33
- __exportStar(require("./Skeletons/index.js"), exports);
34
- __exportStar(require("./Tab/index.js"), exports);
35
- __exportStar(require("./Table/index.js"), exports);
36
- __exportStar(require("./TaskList/index.js"), exports);
37
- __exportStar(require("./Titles/index.js"), exports);
38
- __exportStar(require("./Tooltip/index.js"), exports);
39
- __exportStar(require("./WithTooltip/index.js"), exports);
40
- __exportStar(require("./Wizards/index.js"), exports);
41
- __exportStar(require("./Zendesk/index.js"), exports);
42
- __exportStar(require("./HOC/ValidateEmployeeAccess/index.js"), exports);
43
- __exportStar(require("./SidePanel/index.js"), exports);
@@ -1,9 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- module.exports = {
4
- content: ["./app/**/*.{ts,tsx,jsx,js}"],
5
- theme: {
6
- extend: {},
7
- },
8
- plugins: [require("@tailwindcss/forms")],
9
- };
package/tsconfig.cjs.json DELETED
@@ -1,8 +0,0 @@
1
- {
2
- "extends": "./tsconfig.json",
3
- "compilerOptions": {
4
- "module": "CommonJS",
5
- "moduleResolution": "Node",
6
- "outDir": "./dist/cjs"
7
- }
8
- }