fuse-importer 0.0.7-testing → 0.0.8-testing

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 (160) hide show
  1. package/lib/esm/Importer/common/Spreadsheet/components/inputs/index.d.ts +0 -1
  2. package/lib/esm/common/columnsValidations.d.ts +1 -1
  3. package/lib/esm/hooks/index.d.ts +0 -1
  4. package/lib/esm/types.d.ts +2 -2
  5. package/lib/main.js +18 -18
  6. package/package.json +2 -3
  7. package/lib/esm/Importer/ImporterWithContext.js +0 -63
  8. package/lib/esm/Importer/Matcher/EnumFieldsMatchers/EnumFieldMatcher/index.js +0 -68
  9. package/lib/esm/Importer/Matcher/EnumFieldsMatchers/EnumFieldMatcher/tableColumns.js +0 -58
  10. package/lib/esm/Importer/Matcher/EnumFieldsMatchers/EnumFieldMatcherContext.js +0 -21
  11. package/lib/esm/Importer/Matcher/EnumFieldsMatchers/index.js +0 -23
  12. package/lib/esm/Importer/Matcher/HeaderMatcher/index.js +0 -61
  13. package/lib/esm/Importer/Matcher/HeaderMatcher/tableColumns.js +0 -55
  14. package/lib/esm/Importer/Matcher/common/icons/index.js +0 -14
  15. package/lib/esm/Importer/Matcher/common/index.js +0 -39
  16. package/lib/esm/Importer/Matcher/common/types.js +0 -9
  17. package/lib/esm/Importer/Matcher/index.js +0 -22
  18. package/lib/esm/Importer/PreviewFirstTime.js +0 -81
  19. package/lib/esm/Importer/PreviewModeBanner.js +0 -19
  20. package/lib/esm/Importer/Review/AppResponseModal.js +0 -35
  21. package/lib/esm/Importer/Review/ReviewContextProvider.js +0 -315
  22. package/lib/esm/Importer/Review/ReviewWithContext.js +0 -33
  23. package/lib/esm/Importer/Review/index.js +0 -4
  24. package/lib/esm/Importer/Stepper/ConfirmCloseModal.js +0 -24
  25. package/lib/esm/Importer/Stepper/Step.js +0 -19
  26. package/lib/esm/Importer/Stepper/StepIndex.js +0 -27
  27. package/lib/esm/Importer/Stepper/StepperSubmitModal.js +0 -24
  28. package/lib/esm/Importer/Stepper/UnmatchedHeadersModal.js +0 -31
  29. package/lib/esm/Importer/Stepper/common/getEnumFieldValueMatchingsInitialValue.js +0 -33
  30. package/lib/esm/Importer/Stepper/common/icons.js +0 -18
  31. package/lib/esm/Importer/Stepper/index.js +0 -118
  32. package/lib/esm/Importer/TrialModeBanner.js +0 -22
  33. package/lib/esm/Importer/Uploader/DragAndDropImporter/DragAndDropImporter.styles.js +0 -11
  34. package/lib/esm/Importer/Uploader/DragAndDropImporter/ImporterDropzone.js +0 -123
  35. package/lib/esm/Importer/Uploader/DragAndDropImporter/ImporterSectionHeader/ImporterSectionHeader.styles.js +0 -11
  36. package/lib/esm/Importer/Uploader/DragAndDropImporter/ImporterSectionHeader/index.js +0 -44
  37. package/lib/esm/Importer/Uploader/DragAndDropImporter/backgrounds.js +0 -14
  38. package/lib/esm/Importer/Uploader/DragAndDropImporter/index.js +0 -45
  39. package/lib/esm/Importer/Uploader/HeaderButtons.js +0 -28
  40. package/lib/esm/Importer/Uploader/HeadersPreview.js +0 -44
  41. package/lib/esm/Importer/Uploader/UploaderContextProvider.js +0 -27
  42. package/lib/esm/Importer/Uploader/index.js +0 -13
  43. package/lib/esm/Importer/common/AppLoading.js +0 -24
  44. package/lib/esm/Importer/common/Footer.js +0 -17
  45. package/lib/esm/Importer/common/FuseApi.js +0 -48
  46. package/lib/esm/Importer/common/GlobalStyle.js +0 -7
  47. package/lib/esm/Importer/common/ImporterFonts.js +0 -5
  48. package/lib/esm/Importer/common/Spreadsheet/SpreadsheetContextProvider/filterMethods.js +0 -56
  49. package/lib/esm/Importer/common/Spreadsheet/SpreadsheetContextProvider/index.js +0 -176
  50. package/lib/esm/Importer/common/Spreadsheet/SpreadsheetContextProvider/useSpreadsheetFilter.js +0 -45
  51. package/lib/esm/Importer/common/Spreadsheet/SpreadsheetContextProvider/utils.js +0 -14
  52. package/lib/esm/Importer/common/Spreadsheet/common/index.js +0 -63
  53. package/lib/esm/Importer/common/Spreadsheet/common/types.js +0 -5
  54. package/lib/esm/Importer/common/Spreadsheet/components/FieldHeader.js +0 -66
  55. package/lib/esm/Importer/common/Spreadsheet/components/GlobalStyle.js +0 -9
  56. package/lib/esm/Importer/common/Spreadsheet/components/SpreadsheetData.js +0 -110
  57. package/lib/esm/Importer/common/Spreadsheet/components/SpreadsheetRowCheckboxes.js +0 -186
  58. package/lib/esm/Importer/common/Spreadsheet/components/SpreadsheetRowNumbers.js +0 -55
  59. package/lib/esm/Importer/common/Spreadsheet/components/ValidationProgress.js +0 -19
  60. package/lib/esm/Importer/common/Spreadsheet/components/fields/SpeadsheetAutocomplete.js +0 -43
  61. package/lib/esm/Importer/common/Spreadsheet/components/fields/SpreadsheetInput.js +0 -70
  62. package/lib/esm/Importer/common/Spreadsheet/components/fields/index.js +0 -108
  63. package/lib/esm/Importer/common/Spreadsheet/components/inputs/Boolean.js +0 -18
  64. package/lib/esm/Importer/common/Spreadsheet/components/inputs/EmailInput.js +0 -14
  65. package/lib/esm/Importer/common/Spreadsheet/components/inputs/EnumInput.js +0 -30
  66. package/lib/esm/Importer/common/Spreadsheet/components/inputs/FloatInput.js +0 -16
  67. package/lib/esm/Importer/common/Spreadsheet/components/inputs/IntegerInput.js +0 -16
  68. package/lib/esm/Importer/common/Spreadsheet/components/inputs/StringInput.js +0 -14
  69. package/lib/esm/Importer/common/Spreadsheet/components/inputs/index.js +0 -20
  70. package/lib/esm/Importer/common/Spreadsheet/hooks.js +0 -245
  71. package/lib/esm/Importer/common/Spreadsheet/index.js +0 -119
  72. package/lib/esm/Importer/common/Spreadsheet/styles.js +0 -16
  73. package/lib/esm/Importer/common/Spreadsheet/transformation/index.js +0 -47
  74. package/lib/esm/Importer/common/Spreadsheet/transformation/transformators.js +0 -204
  75. package/lib/esm/Importer/common/Spreadsheet/validation/index.js +0 -202
  76. package/lib/esm/Importer/common/Spreadsheet/validation/validators.js +0 -181
  77. package/lib/esm/Importer/common/icons/index.js +0 -18
  78. package/lib/esm/Importer/common/index.js +0 -13
  79. package/lib/esm/Importer/common/theme.js +0 -19
  80. package/lib/esm/Importer/common/utils.js +0 -100
  81. package/lib/esm/Importer/contexts/ImporterContextProvider.js +0 -247
  82. package/lib/esm/Importer/data/index.js +0 -152
  83. package/lib/esm/Importer/index.js +0 -28
  84. package/lib/esm/api/index.js +0 -93
  85. package/lib/esm/api/responseHandlers.js +0 -49
  86. package/lib/esm/common/AppLoadingContextProvider/AppLoadingUI.js +0 -26
  87. package/lib/esm/common/AppLoadingContextProvider/index.js +0 -25
  88. package/lib/esm/common/ConfirmationModal.js +0 -19
  89. package/lib/esm/common/Modal.js +0 -31
  90. package/lib/esm/common/Spinner.js +0 -41
  91. package/lib/esm/common/Table/Pagination/icons.js +0 -42
  92. package/lib/esm/common/Table/Pagination/index.js +0 -32
  93. package/lib/esm/common/Table/TableActions/DeleteSelectedRows.js +0 -50
  94. package/lib/esm/common/Table/TableActions/ExportData.js +0 -23
  95. package/lib/esm/common/Table/TableActions/FilterByErrors/FilterByErrors.js +0 -47
  96. package/lib/esm/common/Table/TableActions/FilterByErrors/FilterByErrors.styles.js +0 -24
  97. package/lib/esm/common/Table/TableActions/FilterByErrors/functions.js +0 -35
  98. package/lib/esm/common/Table/TableActions/FilterByErrors/index.js +0 -1
  99. package/lib/esm/common/Table/TableActions/RowFilters.js +0 -42
  100. package/lib/esm/common/Table/TableActions/SearchRows.js +0 -72
  101. package/lib/esm/common/Table/TableActions/TableActions.js +0 -35
  102. package/lib/esm/common/Table/TableActions/TableActions.styles.js +0 -18
  103. package/lib/esm/common/Table/TableActions/TransformedRecordsCount.js +0 -71
  104. package/lib/esm/common/Table/TableActions/common.js +0 -1
  105. package/lib/esm/common/Table/TableActions/hooks.js +0 -41
  106. package/lib/esm/common/Table/TableActions/icons.js +0 -17
  107. package/lib/esm/common/Table/TableActions/index.js +0 -1
  108. package/lib/esm/common/Table/TableDataProvider.js +0 -127
  109. package/lib/esm/common/Table/TableView/CustomScrollbar.d.ts +0 -2
  110. package/lib/esm/common/Table/TableView/CustomScrollbar.js +0 -34
  111. package/lib/esm/common/Table/TableView/TableHeaders.js +0 -69
  112. package/lib/esm/common/Table/TableView/TableRows/TableRow.js +0 -57
  113. package/lib/esm/common/Table/TableView/TableRows/index.js +0 -48
  114. package/lib/esm/common/Table/TableView/common/index.js +0 -37
  115. package/lib/esm/common/Table/TableView/index.js +0 -132
  116. package/lib/esm/common/Table/TableView/types.js +0 -1
  117. package/lib/esm/common/Table/icons.js +0 -15
  118. package/lib/esm/common/Table/index.js +0 -140
  119. package/lib/esm/common/Table/useReorderRows.js +0 -83
  120. package/lib/esm/common/Toast.js +0 -69
  121. package/lib/esm/common/TooltipProvider.js +0 -57
  122. package/lib/esm/common/buttons.js +0 -97
  123. package/lib/esm/common/columnsTransformations.js +0 -94
  124. package/lib/esm/common/columnsValidations.js +0 -687
  125. package/lib/esm/common/icons/index.js +0 -30
  126. package/lib/esm/common/index.js +0 -45
  127. package/lib/esm/common/inputs/Autocomplete.js +0 -110
  128. package/lib/esm/common/inputs/Checkbox.js +0 -53
  129. package/lib/esm/common/inputs/SelectMenu.js +0 -67
  130. package/lib/esm/common/inputs/TextInput.js +0 -89
  131. package/lib/esm/common/inputs/index.js +0 -5
  132. package/lib/esm/common/inputs/tooltip.js +0 -38
  133. package/lib/esm/common/logo.js +0 -13
  134. package/lib/esm/hooks/index.js +0 -16
  135. package/lib/esm/index.js +0 -218
  136. package/lib/esm/locales/de.js +0 -126
  137. package/lib/esm/locales/en.js +0 -126
  138. package/lib/esm/locales/es.js +0 -126
  139. package/lib/esm/locales/fr.js +0 -126
  140. package/lib/esm/locales/index.js +0 -4
  141. package/lib/esm/styled/fontsURL.js +0 -27
  142. package/lib/esm/styled/index.js +0 -3
  143. package/lib/esm/styled/theme/animations.js +0 -9
  144. package/lib/esm/styled/theme/colorPalette.js +0 -109
  145. package/lib/esm/styled/theme/debugCss.js +0 -16
  146. package/lib/esm/styled/theme/dimensionsCss.js +0 -20
  147. package/lib/esm/styled/theme/fontCss.js +0 -17
  148. package/lib/esm/styled/theme/globalCss.js +0 -26
  149. package/lib/esm/styled/theme/index.js +0 -33
  150. package/lib/esm/styled/theme/layoutCss.js +0 -26
  151. package/lib/esm/styled/theme/mediaQueries.js +0 -4
  152. package/lib/esm/styled/theme/positionCss.js +0 -27
  153. package/lib/esm/styled/theme/textCss.js +0 -18
  154. package/lib/esm/styled/theme/textStyles.js +0 -27
  155. package/lib/esm/styled/themeType.js +0 -6
  156. package/lib/esm/styled/utils.js +0 -17
  157. package/lib/esm/types.js +0 -65
  158. package/lib/esm/utils/hooks/useWindowSize.js +0 -23
  159. package/lib/esm/utils/hooks.js +0 -1
  160. package/lib/esm/utils/index.js +0 -37
@@ -1,247 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
13
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
14
- return new (P || (P = Promise))(function (resolve, reject) {
15
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
16
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
17
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
18
- step((generator = generator.apply(thisArg, _arguments || [])).next());
19
- });
20
- };
21
- var __generator = (this && this.__generator) || function (thisArg, body) {
22
- var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
23
- return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
24
- function verb(n) { return function (v) { return step([n, v]); }; }
25
- function step(op) {
26
- if (f) throw new TypeError("Generator is already executing.");
27
- while (g && (g = 0, op[0] && (_ = 0)), _) try {
28
- if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
29
- if (y = 0, t) op = [op[0] & 2, t.value];
30
- switch (op[0]) {
31
- case 0: case 1: t = op; break;
32
- case 4: _.label++; return { value: op[1], done: false };
33
- case 5: _.label++; y = op[1]; op = [0]; continue;
34
- case 7: op = _.ops.pop(); _.trys.pop(); continue;
35
- default:
36
- if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
37
- if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
38
- if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
39
- if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
40
- if (t[2]) _.ops.pop();
41
- _.trys.pop(); continue;
42
- }
43
- op = body.call(thisArg, _);
44
- } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
45
- if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
46
- }
47
- };
48
- var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
49
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
50
- if (ar || !(i in from)) {
51
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
52
- ar[i] = from[i];
53
- }
54
- }
55
- return to.concat(ar || Array.prototype.slice.call(from));
56
- };
57
- import { jsx as _jsx } from "react/jsx-runtime";
58
- import Fuse from "fuse.js";
59
- import { createContext, useContext, useEffect, useMemo, useRef, useState, } from "react";
60
- import { FieldTypes, } from "../../types";
61
- import { FuseApi } from "../common/FuseApi";
62
- import { getCustomTheme, theme } from "../common/theme";
63
- import { getColumnType, verifyDuplicateValue } from "../common/utils";
64
- export var fusejsOptions = {
65
- includeScore: true,
66
- threshold: 0.35,
67
- };
68
- var ImporterContext = createContext({});
69
- export var ImporterContextProvider = function (_a) {
70
- var templateSlug = _a.templateSlug, initialRecords = _a.initialRecords, apiToken = _a.apiToken, children = _a.children, options = _a.options, onSubmit = _a.onSubmit, onClose = _a.onClose, formatRecord = _a.formatRecord, onValidateRecord = _a.onValidateRecord, dynamicColumns = _a.dynamicColumns;
71
- var _b = useState(initialRecords ? 2 : 0), currentStepIndex = _b[0], setCurrentStepIndex = _b[1];
72
- var _c = useState(0), matcherSubstep = _c[0], setMatcherSubstep = _c[1];
73
- var _d = useState(null), templateError = _d[0], setTemplateError = _d[1];
74
- var _e = useState(null), templateHeaders = _e[0], setTemplateHeaders = _e[1];
75
- var _f = useState(null), integrations = _f[0], setIntegrations = _f[1];
76
- var _g = useState(null), uploadedData = _g[0], setUploadedData = _g[1];
77
- var _h = useState(null), organization = _h[0], setOrganization = _h[1];
78
- var _j = useState(null), previewFirstTime = _j[0], setPreviewFirstTime = _j[1];
79
- var _k = useState({
80
- theme: theme,
81
- logoURL: null,
82
- }), style = _k[0], setStyle = _k[1];
83
- var _l = useState(null), templateHeaderMatchings = _l[0], setTemplateHeaderMatchings = _l[1];
84
- var _m = useState(null), enumFieldValueMatchings = _m[0], setEnumFieldValueMatchings = _m[1];
85
- var _o = useState(null), uploadedDataEnumFieldValues = _o[0], setUploadedDataEnumFieldValues = _o[1];
86
- var _p = useState([]), selectedRows = _p[0], setSelectedRows = _p[1];
87
- var isUsingManualImport = useRef(false);
88
- var _q = useState(0), headerRowIndex = _q[0], setHeaderRowIndex = _q[1];
89
- var fuseApi = useMemo(function () { return new FuseApi(options.env, apiToken); }, [
90
- options.env,
91
- apiToken,
92
- ]);
93
- var uploadedDataHeaders = useMemo(function () {
94
- var _a;
95
- if (!uploadedData)
96
- return null;
97
- if (isUsingManualImport.current) {
98
- return templateHeaders.reduce(function (acc, curr) {
99
- acc.push(curr.internal_key);
100
- return acc;
101
- }, []);
102
- }
103
- return (_a = uploadedData[headerRowIndex]) === null || _a === void 0 ? void 0 : _a.map(function (ud) {
104
- return typeof ud === "number" ? ud.toString() : ud;
105
- });
106
- }, [uploadedData, headerRowIndex]);
107
- useEffect(function () {
108
- var setHeadersFromDataset = function () {
109
- var _templateHeaderMatchings = {};
110
- var fuse = new Fuse(uploadedDataHeaders, fusejsOptions);
111
- templateHeaders.forEach(function (templateHeader, _index) {
112
- var _a;
113
- var fuseResults = fuse.search(templateHeader.label);
114
- _templateHeaderMatchings[templateHeader.label] = (_a = fuseResults[0]) === null || _a === void 0 ? void 0 : _a.item;
115
- });
116
- setTemplateHeaderMatchings(_templateHeaderMatchings);
117
- };
118
- if (uploadedDataHeaders) {
119
- setHeadersFromDataset();
120
- }
121
- }, [uploadedDataHeaders]);
122
- useEffect(function () {
123
- if (!templateHeaderMatchings || !uploadedDataHeaders)
124
- return;
125
- var _uploadedDataEnumFieldValues = {};
126
- var templateLabels = Object.keys(templateHeaderMatchings);
127
- var enumFieldsLabels = templateLabels.filter(function (templateLabel) {
128
- return getColumnType({ templateLabel: templateLabel, templateHeaders: templateHeaders }) === FieldTypes.enum;
129
- });
130
- enumFieldsLabels.forEach(function (templateLabel) {
131
- var uploadedDataHeader = templateHeaderMatchings[templateLabel];
132
- var enumFieldValues = new Set();
133
- var columnIndex = uploadedDataHeaders.indexOf(uploadedDataHeader);
134
- if (columnIndex === -1)
135
- return;
136
- uploadedData === null || uploadedData === void 0 ? void 0 : uploadedData.slice(headerRowIndex + 1).forEach(function (row) {
137
- var uploadedValue = row[columnIndex];
138
- enumFieldValues.add(uploadedValue);
139
- });
140
- _uploadedDataEnumFieldValues[templateLabel] = Array.from(enumFieldValues.values()).filter(function (element) {
141
- return element !== undefined;
142
- });
143
- });
144
- setUploadedDataEnumFieldValues(_uploadedDataEnumFieldValues);
145
- }, [templateHeaderMatchings, uploadedDataHeaders]);
146
- useEffect(function () {
147
- (function () { return __awaiter(void 0, void 0, void 0, function () {
148
- var _a, organization_1, columns_1, importer_style_preferences, integrations_1, preview_first_time, error_1, errorMsg;
149
- var _b, _c;
150
- return __generator(this, function (_d) {
151
- switch (_d.label) {
152
- case 0:
153
- _d.trys.push([0, 2, , 3]);
154
- return [4 /*yield*/, fuseApi.get("/api/v1/importer/templates/".concat(templateSlug))];
155
- case 1:
156
- _a = (_d.sent()).data, organization_1 = _a.organization, columns_1 = _a.columns, importer_style_preferences = _a.importer_style_preferences, integrations_1 = _a.integrations, preview_first_time = _a.preview_first_time;
157
- setOrganization(organization_1);
158
- setTemplateHeaders(function () {
159
- // user has created dynamic columns
160
- if (dynamicColumns && (dynamicColumns === null || dynamicColumns === void 0 ? void 0 : dynamicColumns.length) >= 0) {
161
- var allColumns = __spreadArray(__spreadArray([], columns_1, true), dynamicColumns, true);
162
- var columnsOrderedByPosition_1 = allColumns.sort(function (a, b) { return (a === null || a === void 0 ? void 0 : a.position) - (b === null || b === void 0 ? void 0 : b.position); });
163
- verifyDuplicateValue(columnsOrderedByPosition_1, "internal_key", true, "There is a duplicated 'internal_key' between your columns.");
164
- verifyDuplicateValue(columnsOrderedByPosition_1, "label", true, "There is a duplicated 'label' between your columns.");
165
- return columnsOrderedByPosition_1;
166
- }
167
- // user has not created dynamic columns
168
- var columnsOrderedByPosition = columns_1.sort(function (a, b) { return a.position - b.position; });
169
- return columnsOrderedByPosition;
170
- });
171
- setIntegrations(integrations_1);
172
- setPreviewFirstTime(preview_first_time);
173
- if (organization_1.plan && organization_1.plan.allow_style_customization) {
174
- setStyle(getCustomTheme(importer_style_preferences));
175
- }
176
- return [3 /*break*/, 3];
177
- case 2:
178
- error_1 = _d.sent();
179
- errorMsg = ((_c = (_b = error_1.response) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.message) ||
180
- "There was an error preventing the data importer from loading. Check your API Key and try again.";
181
- setTemplateError(errorMsg);
182
- return [3 /*break*/, 3];
183
- case 3: return [2 /*return*/];
184
- }
185
- });
186
- }); })();
187
- }, [dynamicColumns]);
188
- var resetImport = function () {
189
- setUploadedData(null);
190
- setTemplateHeaderMatchings(null);
191
- };
192
- var resetImporterWhenUsingManualImport = function () {
193
- setCurrentStepIndex(0);
194
- isUsingManualImport.current = false;
195
- resetImport();
196
- };
197
- var manualDataImportSelected = function () {
198
- if (templateHeaders) {
199
- isUsingManualImport.current = true;
200
- setUploadedData([]);
201
- setTemplateHeaderMatchings({});
202
- setCurrentStepIndex(2);
203
- }
204
- };
205
- var inTrialMode = organization === null || organization === void 0 ? void 0 : organization.trial_mode;
206
- var value = {
207
- initialRecords: initialRecords,
208
- currentStepIndex: currentStepIndex,
209
- templateHeaders: templateHeaders,
210
- enumFieldValueMatchings: enumFieldValueMatchings,
211
- templateHeaderMatchings: templateHeaderMatchings,
212
- uploadedDataEnumFieldValues: uploadedDataEnumFieldValues,
213
- importerOptions: options,
214
- uploadedData: uploadedData,
215
- uploadedDataHeaders: uploadedDataHeaders,
216
- templateError: templateError,
217
- matcherSubstep: matcherSubstep,
218
- apiToken: apiToken,
219
- templateSlug: templateSlug,
220
- inTrialMode: inTrialMode,
221
- fuseApi: fuseApi,
222
- theme: style.theme,
223
- logoURL: style.logoURL,
224
- integrations: integrations,
225
- previewFirstTime: previewFirstTime,
226
- headerRowIndex: headerRowIndex,
227
- setHeaderRowIndex: setHeaderRowIndex,
228
- setUploadedData: setUploadedData,
229
- formatRecord: formatRecord,
230
- setCurrentStepIndex: setCurrentStepIndex,
231
- setEnumFieldValueMatchings: setEnumFieldValueMatchings,
232
- setTemplateHeaderMatchings: setTemplateHeaderMatchings,
233
- resetImport: resetImport,
234
- onValidateRecord: onValidateRecord,
235
- setMatcherSubstep: setMatcherSubstep,
236
- onClose: onClose,
237
- setPreviewFirstTime: setPreviewFirstTime,
238
- onSubmit: onSubmit,
239
- selectedRows: selectedRows,
240
- setSelectedRows: setSelectedRows,
241
- isUsingManualImport: isUsingManualImport,
242
- resetImporterWhenUsingManualImport: resetImporterWhenUsingManualImport,
243
- manualDataImportSelected: manualDataImportSelected,
244
- };
245
- return (_jsx(ImporterContext.Provider, __assign({ value: value }, { children: children })));
246
- };
247
- export var useImporterContext = function () { return useContext(ImporterContext); };
@@ -1,152 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
13
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
14
- if (ar || !(i in from)) {
15
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
16
- ar[i] = from[i];
17
- }
18
- }
19
- return to.concat(ar || Array.prototype.slice.call(from));
20
- };
21
- import { transformRecord } from "../../Importer/common/Spreadsheet/transformation";
22
- import { FieldTypes, } from "../../types";
23
- import { parseValue } from "../common/Spreadsheet/common";
24
- var MINIMUM_ROW_COUNT = 20;
25
- var getRowId = function (index) {
26
- var uniqueTimestamp = new Date().getTime();
27
- return "r".concat(index, "-").concat(uniqueTimestamp);
28
- };
29
- export var addEmptyRows = function (data, fields) {
30
- var emptyRecord = fields.reduce(function (obj, f) {
31
- var _a;
32
- return (__assign(__assign({}, obj), (_a = {}, _a[f.name] = null, _a)));
33
- }, {});
34
- var newData = Array.from({ length: MINIMUM_ROW_COUNT - data.length }, function (_, index) { return (__assign(__assign({}, emptyRecord), { _meta: {
35
- id: getRowId(data.length + index),
36
- rowIndex: data.length + index,
37
- } })); });
38
- return __spreadArray(__spreadArray([], data, true), newData, true);
39
- };
40
- export var addMeta = function (record, index, uploadedRow, transformedRow) {
41
- var _a;
42
- if (uploadedRow === void 0) { uploadedRow = null; }
43
- if (transformedRow === void 0) { transformedRow = null; }
44
- var rId = getRowId(index);
45
- var meta = (_a = record._meta) !== null && _a !== void 0 ? _a : {};
46
- return __assign(__assign({}, record), { _meta: __assign(__assign({}, meta), { id: rId, rowIndex: index, touched: false, uploadedRow: uploadedRow, transformedRow: transformedRow }) });
47
- };
48
- export var recordListToDataSet = function (data, fields) {
49
- var fieldWithTransformations = fields.filter(function (field) { var _a; return ((_a = field === null || field === void 0 ? void 0 : field.transformations) === null || _a === void 0 ? void 0 : _a.length) > 0; });
50
- var initialData = data;
51
- if (data.length < MINIMUM_ROW_COUNT) {
52
- initialData = addEmptyRows(data, fields);
53
- }
54
- return initialData.reduce(function (dataSet, record, i) {
55
- var transformedRecord = null;
56
- if (fieldWithTransformations.length > 0) {
57
- transformedRecord = transformRecord({
58
- record: record,
59
- fields: fieldWithTransformations,
60
- });
61
- }
62
- var recordWithMeta = addMeta(record, i, undefined, transformedRecord);
63
- dataSet[recordWithMeta._meta.id] = recordWithMeta;
64
- return dataSet;
65
- }, {});
66
- };
67
- export var transformToRecords = function (_a) {
68
- var templateHeaderMatchings = _a.templateHeaderMatchings, enumFieldValueMatchings = _a.enumFieldValueMatchings, templateHeaders = _a.templateHeaders, uploadedDataHeaders = _a.uploadedDataHeaders, uploadedData = _a.uploadedData, formatRecord = _a.formatRecord;
69
- var matchedColumnsLabels = Object.keys(templateHeaderMatchings)
70
- .filter(function (label) { return !!templateHeaderMatchings[label]; })
71
- .map(function (label) { return ({
72
- label: label,
73
- index: uploadedDataHeaders.indexOf(templateHeaderMatchings[label]),
74
- }); });
75
- var templateHeadersByLabel = templateHeaders.reduce(function (byLabel, header) {
76
- var _a;
77
- return (__assign(__assign({}, byLabel), (_a = {}, _a[header.label] = header, _a)));
78
- }, {});
79
- var getRecord = function (row, index) {
80
- var record = addMeta({}, index, row);
81
- matchedColumnsLabels.forEach(function (_a) {
82
- var label = _a.label, index = _a.index;
83
- var enumSet = enumFieldValueMatchings
84
- ? enumFieldValueMatchings[label]
85
- : null;
86
- var header = templateHeadersByLabel[label];
87
- if (!header)
88
- return;
89
- var key = header.internal_key;
90
- var value = row[index];
91
- if (value === undefined)
92
- return;
93
- record[key] = parseValue(FieldTypes[header.column_type], value, enumSet);
94
- });
95
- return formatRecord ? formatRecord(record) : record;
96
- };
97
- return uploadedData.map(getRecord);
98
- };
99
- export var getPreviewDataSet = function (_a) {
100
- var uploadedData = _a.uploadedData;
101
- var rowLen = 0;
102
- for (var i = 0; i < uploadedData.length; i++)
103
- rowLen = Math.max(rowLen, uploadedData[i].length);
104
- var fields = new Array(rowLen).fill(null).map(function (_, i) {
105
- var key = String.fromCharCode(65 + i);
106
- return {
107
- label: key,
108
- name: key,
109
- type: FieldTypes.string,
110
- isRequired: false,
111
- };
112
- });
113
- var getInitialDataSet = function () {
114
- var data = uploadedData.map(function (row, index) {
115
- var entry = addMeta({}, index);
116
- fields.forEach(function (field, index) {
117
- entry[field.name] = row[index];
118
- });
119
- return entry;
120
- });
121
- return recordListToDataSet(data, fields);
122
- };
123
- return { fields: fields, initialDataSet: getInitialDataSet() };
124
- };
125
- export var getTemplateFields = function (_a) {
126
- var templateHeaders = _a.templateHeaders;
127
- return templateHeaders.map(function (templateHeader) { return ({
128
- label: templateHeader.label,
129
- name: templateHeader.internal_key,
130
- type: FieldTypes[templateHeader.column_type] || FieldTypes.string,
131
- isRequired: templateHeader.required,
132
- options: templateHeader.values,
133
- pattern: templateHeader.pattern,
134
- validations: templateHeader.validations,
135
- transformations: templateHeader.transformations,
136
- }); });
137
- };
138
- export var getReviewDataSet = function (_a) {
139
- var _b;
140
- var records = _a.records, fields = _a.fields;
141
- var baseInitialDataSet = recordListToDataSet(addEmptyRows(records, fields), fields);
142
- var highestRowIndex = 0;
143
- Object.keys(baseInitialDataSet).forEach(function (key) {
144
- var record = baseInitialDataSet[key];
145
- if (record._meta.rowIndex > highestRowIndex) {
146
- highestRowIndex = record._meta.rowIndex;
147
- }
148
- });
149
- var emptyRowAtBottom = addMeta({}, highestRowIndex + 1);
150
- var initialDataSet = __assign(__assign({}, baseInitialDataSet), (_b = {}, _b[emptyRowAtBottom._meta.id] = emptyRowAtBottom, _b));
151
- return { initialDataSet: initialDataSet };
152
- };
@@ -1,28 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- import { ImporterContextProvider } from "./contexts/ImporterContextProvider";
14
- import { ImporterWithContext } from "./ImporterWithContext";
15
- export var ACCOUNT_ROUTES = {
16
- TEMPLATES: "/importers",
17
- };
18
- export var ACCOUNT_VIEW_PATH = "/account";
19
- var p = function (path) { return "".concat(ACCOUNT_VIEW_PATH).concat(path); };
20
- export var TEMPLATES_ROUTE = p(ACCOUNT_ROUTES.TEMPLATES);
21
- var Importer = function (_a) {
22
- var templateSlug = _a.templateSlug, apiToken = _a.apiToken, options = _a.options, formatRecord = _a.formatRecord, onValidateRecord = _a.onValidateRecord, onSubmit = _a.onSubmit, onClose = _a.onClose, dynamicColumns = _a.dynamicColumns;
23
- return (_jsx(ImporterContextProvider, __assign({ initialRecords: options.records, options: options, templateSlug: templateSlug, apiToken: apiToken, formatRecord: formatRecord, onValidateRecord: onValidateRecord, onClose: onClose, onSubmit: onSubmit, dynamicColumns: dynamicColumns }, { children: _jsx(ImporterWithContext, {}) })));
24
- };
25
- export * from "./common/Spreadsheet";
26
- export * from "./common/utils";
27
- export * from "./Review/ReviewContextProvider";
28
- export { Importer };
@@ -1,93 +0,0 @@
1
- import axios from "axios";
2
- import { handleError, handleSuccess } from "./responseHandlers";
3
- import Qs from "qs";
4
- import { isString } from "../utils";
5
- var api = axios.create({
6
- timeout: 20000,
7
- headers: {
8
- Accept: "application/json",
9
- "Content-Type": "application/json",
10
- "X-Requested-With": "XmlHttpRequest",
11
- },
12
- });
13
- var ls = typeof window !== "undefined" ? localStorage : null;
14
- var ttlIsExpired = function (ttl) { return new Date().getTime() > parseInt(ttl); };
15
- var getCacheKeys = function (config) {
16
- var key = "".concat(config.method, ":").concat(config.url);
17
- var ttlKey = "".concat(key, ":TTL");
18
- return { key: key, ttlKey: ttlKey };
19
- };
20
- var getTTL = function (ttl) {
21
- var currentTime = new Date().getTime();
22
- if (ttl)
23
- return currentTime + ttl;
24
- var anHour = 1000 * 60 * 60;
25
- return currentTime + anHour * 24;
26
- };
27
- var requestInterceptor = {
28
- onFulFilled: function (_config) {
29
- var _a, _b;
30
- _config.paramsSerializer = function (params) {
31
- return Qs.stringify(params, {
32
- arrayFormat: config.arrayFormat ? config.arrayFormat : "brackets",
33
- });
34
- };
35
- var authToken = (_a = _config.authToken) !== null && _a !== void 0 ? _a : (_b = JSON.parse(ls === null || ls === void 0 ? void 0 : ls.getItem("user"))) === null || _b === void 0 ? void 0 : _b.token;
36
- var config = Object.assign(_config);
37
- if (authToken)
38
- config.headers.Authorization = "Bearer ".concat(authToken);
39
- if (!config.toPublicApi)
40
- config.url = "".concat(process.env.REACT_APP_API_BASE_URL || "").concat(config.url);
41
- if (config.cache) {
42
- var _c = getCacheKeys(config), key = _c.key, ttlKey = _c.ttlKey;
43
- var ttl = ls === null || ls === void 0 ? void 0 : ls.getItem(ttlKey);
44
- if (config.refresh || (ttl && ttlIsExpired(ttl))) {
45
- ls === null || ls === void 0 ? void 0 : ls.removeItem(key);
46
- ls === null || ls === void 0 ? void 0 : ls.removeItem(ttlKey);
47
- }
48
- var data = ls === null || ls === void 0 ? void 0 : ls.getItem(key);
49
- if (data) {
50
- return {
51
- headers: {},
52
- method: config.method,
53
- url: "ls-cache:".concat(config.url),
54
- cachedData: JSON.parse(data),
55
- };
56
- }
57
- }
58
- return config;
59
- },
60
- onRejected: function (err) {
61
- return Promise.reject(err);
62
- },
63
- };
64
- var responseInterceptor = {
65
- onFulFilled: function (res) {
66
- var _config = res.config;
67
- var config = Object.assign(_config);
68
- if (config.cache) {
69
- var _a = getCacheKeys(config), key = _a.key, ttlKey = _a.ttlKey;
70
- ls === null || ls === void 0 ? void 0 : ls.setItem(ttlKey, JSON.stringify(getTTL(config.ttl)));
71
- ls === null || ls === void 0 ? void 0 : ls.setItem(key, JSON.stringify(res.data));
72
- }
73
- if (_config.successMsg && [200, 201].includes(res.status)) {
74
- handleSuccess(isString(_config.successMsg)
75
- ? _config.successMsg.toString()
76
- : _config.successMsg(res.data));
77
- }
78
- if (config.withReq)
79
- return res;
80
- return res;
81
- },
82
- onRejected: function (err) {
83
- var _a, _b, _c;
84
- if ((_a = err === null || err === void 0 ? void 0 : err.config) === null || _a === void 0 ? void 0 : _a.cachedData) {
85
- return Promise.resolve((_b = err === null || err === void 0 ? void 0 : err.config) === null || _b === void 0 ? void 0 : _b.cachedData);
86
- }
87
- handleError(err, (_c = err === null || err === void 0 ? void 0 : err.config) === null || _c === void 0 ? void 0 : _c.errorMsg);
88
- return Promise.reject(err);
89
- },
90
- };
91
- api.interceptors.request.use(requestInterceptor.onFulFilled, requestInterceptor.onRejected);
92
- api.interceptors.response.use(responseInterceptor.onFulFilled, responseInterceptor.onRejected);
93
- export { api };
@@ -1,49 +0,0 @@
1
- import { addToast } from "../common/Toast";
2
- import { isString } from "../utils";
3
- var getErrorMessage = function (response) {
4
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
5
- if ((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.errors)
6
- return (_b = response === null || response === void 0 ? void 0 : response.data) === null || _b === void 0 ? void 0 : _b.errors;
7
- else if ((_c = response === null || response === void 0 ? void 0 : response.data) === null || _c === void 0 ? void 0 : _c.error_message)
8
- return (_d = response === null || response === void 0 ? void 0 : response.data) === null || _d === void 0 ? void 0 : _d.error_message;
9
- else if ((_e = response === null || response === void 0 ? void 0 : response.data) === null || _e === void 0 ? void 0 : _e.message)
10
- return (_f = response === null || response === void 0 ? void 0 : response.data) === null || _f === void 0 ? void 0 : _f.message;
11
- else if (isString((_h = (_g = response === null || response === void 0 ? void 0 : response.data) === null || _g === void 0 ? void 0 : _g.error) === null || _h === void 0 ? void 0 : _h.message)) {
12
- return (_k = (_j = response === null || response === void 0 ? void 0 : response.data) === null || _j === void 0 ? void 0 : _j.error) === null || _k === void 0 ? void 0 : _k.message;
13
- }
14
- else if (isString((_l = response === null || response === void 0 ? void 0 : response.data) === null || _l === void 0 ? void 0 : _l.error))
15
- return (_m = response === null || response === void 0 ? void 0 : response.data) === null || _m === void 0 ? void 0 : _m.error;
16
- return "An error ocurred, please try again later";
17
- };
18
- export var handleSuccess = function (msg) {
19
- addToast(msg, "success");
20
- };
21
- export var handleError = function (err, errMsg) {
22
- if (errMsg === void 0) { errMsg = null; }
23
- var msg = "Connection Error";
24
- var errorType = "";
25
- if (errMsg)
26
- msg = errMsg;
27
- else if (err.response) {
28
- switch (err.response.status) {
29
- case 500:
30
- msg = "An error has occurred on our server. Please try again later";
31
- errorType = "error";
32
- break;
33
- case 422:
34
- errorType = "error";
35
- msg = getErrorMessage(err.response);
36
- break;
37
- default:
38
- msg = getErrorMessage(err.response);
39
- break;
40
- }
41
- }
42
- // handle error message
43
- if (errorType) {
44
- addToast(msg, "error");
45
- }
46
- else {
47
- addToast(msg);
48
- }
49
- };
@@ -1,26 +0,0 @@
1
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
2
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
3
- return cooked;
4
- };
5
- var __assign = (this && this.__assign) || function () {
6
- __assign = Object.assign || function(t) {
7
- for (var s, i = 1, n = arguments.length; i < n; i++) {
8
- s = arguments[i];
9
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
10
- t[p] = s[p];
11
- }
12
- return t;
13
- };
14
- return __assign.apply(this, arguments);
15
- };
16
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
17
- import styled from "styled-components";
18
- import { Div } from "../../styled/utils";
19
- import { Spinner } from "../Spinner";
20
- var LoadingBackdrop = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: fixed;\n top: 0px;\n left: 0px;\n margin: 0px;\n width: 100vw;\n height: 100vh;\n z-index: 99999999;\n background: ", ";\n opacity: 0.2;\n"], ["\n position: fixed;\n top: 0px;\n left: 0px;\n margin: 0px;\n width: 100vw;\n height: 100vh;\n z-index: 99999999;\n background: ", ";\n opacity: 0.2;\n"])), function (props) { return props.theme.colors.gray200; });
21
- var ModalContainer = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n top: 0px;\n left: 0px;\n margin: 0px;\n position: fixed;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10000000000;\n width: 100vw;\n height: 100vh;\n pointer-events: none;\n div {\n pointer-events: auto;\n }\n"], ["\n top: 0px;\n left: 0px;\n margin: 0px;\n position: fixed;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10000000000;\n width: 100vw;\n height: 100vh;\n pointer-events: none;\n div {\n pointer-events: auto;\n }\n"])));
22
- var LoaderContainer = styled(ModalContainer)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n pointer-events: none;\n"], ["\n pointer-events: none;\n"])));
23
- export var AppLoadingUI = function () {
24
- return (_jsxs(_Fragment, { children: [_jsx(LoadingBackdrop, {}), _jsx(LoaderContainer, { children: _jsx(Div, __assign({ w: 300 }, { children: _jsx(Div, __assign({ pRelative: true }, { children: _jsx(Spinner, {}) })) })) })] }));
25
- };
26
- var templateObject_1, templateObject_2, templateObject_3;
@@ -1,25 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
- import { createContext, useContext, useState } from "react";
14
- import { AppLoadingUI } from "./AppLoadingUI";
15
- export var AppLoadingContext = createContext({});
16
- export var AppLoadingContextProvider = function (_a) {
17
- var children = _a.children;
18
- var _b = useState(false), isLoadingApp = _b[0], setIsLoadingApp = _b[1];
19
- var value = {
20
- isLoadingApp: isLoadingApp,
21
- setIsLoadingApp: setIsLoadingApp,
22
- };
23
- return (_jsxs(AppLoadingContext.Provider, __assign({ value: value }, { children: [isLoadingApp && _jsx(AppLoadingUI, {}), children] })));
24
- };
25
- export var useAppLoadingContext = function () { return useContext(AppLoadingContext); };
@@ -1,19 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
13
- import { colors, Div, Modal, Button } from "../";
14
- export var ConfirmationModal = function (_a) {
15
- var isOpen = _a.isOpen, handleClose = _a.handleClose, onSubmit = _a.onSubmit, title = _a.title, description = _a.description, buttonText = _a.buttonText, _b = _a.icon, icon = _b === void 0 ? null : _b, _c = _a.hasCancelButton, hasCancelButton = _c === void 0 ? true : _c;
16
- var headerUI = (_jsxs(Div, { children: [icon && (_jsx(Div, __assign({ centered: true, mb: 20 }, { children: icon }))), _jsx(Div, __assign({ mb: 16 }, { children: _jsx(Div, __assign({ h5: true, dflex: true, centered: true }, { children: title })) }))] }));
17
- var bodyUI = (_jsxs(_Fragment, { children: [_jsx(Div, __assign({ c: colors.gray800, body1: true, flexColumn: true, centered: true }, { children: description })), _jsxs(Div, __assign({ mt: 40, dflex: true, centered: true }, { children: [hasCancelButton && (_jsx(Button, __assign({ variant: "secondary", mr: 16, w: 104, onClick: handleClose }, { children: "Cancel" }))), _jsx(Button, __assign({ w: 135, onClick: onSubmit }, { children: buttonText }))] }))] }));
18
- return (_jsx(_Fragment, { children: _jsx(Modal, __assign({ isOpen: isOpen, onClose: handleClose }, { children: _jsxs(Div, __assign({ p: "48px 56px" }, { children: [headerUI, bodyUI] })) })) }));
19
- };