fuse-importer 0.0.6-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 (159) hide show
  1. package/lib/esm/Importer/common/Spreadsheet/components/inputs/index.d.ts +0 -1
  2. package/lib/esm/Importer/common/Spreadsheet/validation/validators.d.ts +1 -1
  3. package/lib/esm/common/columnsValidations.d.ts +1 -1
  4. package/lib/esm/hooks/index.d.ts +0 -1
  5. package/lib/esm/types.d.ts +2 -2
  6. package/lib/main.js +11 -11
  7. package/package.json +1 -1
  8. package/lib/esm/Importer/ImporterWithContext.js +0 -63
  9. package/lib/esm/Importer/Matcher/EnumFieldsMatchers/EnumFieldMatcher/index.js +0 -68
  10. package/lib/esm/Importer/Matcher/EnumFieldsMatchers/EnumFieldMatcher/tableColumns.js +0 -58
  11. package/lib/esm/Importer/Matcher/EnumFieldsMatchers/EnumFieldMatcherContext.js +0 -21
  12. package/lib/esm/Importer/Matcher/EnumFieldsMatchers/index.js +0 -23
  13. package/lib/esm/Importer/Matcher/HeaderMatcher/index.js +0 -61
  14. package/lib/esm/Importer/Matcher/HeaderMatcher/tableColumns.js +0 -55
  15. package/lib/esm/Importer/Matcher/common/icons/index.js +0 -14
  16. package/lib/esm/Importer/Matcher/common/index.js +0 -39
  17. package/lib/esm/Importer/Matcher/common/types.js +0 -9
  18. package/lib/esm/Importer/Matcher/index.js +0 -22
  19. package/lib/esm/Importer/PreviewFirstTime.js +0 -81
  20. package/lib/esm/Importer/PreviewModeBanner.js +0 -19
  21. package/lib/esm/Importer/Review/AppResponseModal.js +0 -35
  22. package/lib/esm/Importer/Review/ReviewContextProvider.js +0 -315
  23. package/lib/esm/Importer/Review/ReviewWithContext.js +0 -33
  24. package/lib/esm/Importer/Review/index.js +0 -4
  25. package/lib/esm/Importer/Stepper/ConfirmCloseModal.js +0 -24
  26. package/lib/esm/Importer/Stepper/Step.js +0 -19
  27. package/lib/esm/Importer/Stepper/StepIndex.js +0 -27
  28. package/lib/esm/Importer/Stepper/StepperSubmitModal.js +0 -24
  29. package/lib/esm/Importer/Stepper/UnmatchedHeadersModal.js +0 -31
  30. package/lib/esm/Importer/Stepper/common/getEnumFieldValueMatchingsInitialValue.js +0 -33
  31. package/lib/esm/Importer/Stepper/common/icons.js +0 -18
  32. package/lib/esm/Importer/Stepper/index.js +0 -118
  33. package/lib/esm/Importer/TrialModeBanner.js +0 -22
  34. package/lib/esm/Importer/Uploader/DragAndDropImporter/DragAndDropImporter.styles.js +0 -11
  35. package/lib/esm/Importer/Uploader/DragAndDropImporter/ImporterDropzone.js +0 -123
  36. package/lib/esm/Importer/Uploader/DragAndDropImporter/ImporterSectionHeader/ImporterSectionHeader.styles.js +0 -11
  37. package/lib/esm/Importer/Uploader/DragAndDropImporter/ImporterSectionHeader/index.js +0 -44
  38. package/lib/esm/Importer/Uploader/DragAndDropImporter/backgrounds.js +0 -14
  39. package/lib/esm/Importer/Uploader/DragAndDropImporter/index.js +0 -45
  40. package/lib/esm/Importer/Uploader/HeaderButtons.js +0 -28
  41. package/lib/esm/Importer/Uploader/HeadersPreview.js +0 -44
  42. package/lib/esm/Importer/Uploader/UploaderContextProvider.js +0 -27
  43. package/lib/esm/Importer/Uploader/index.js +0 -13
  44. package/lib/esm/Importer/common/AppLoading.js +0 -24
  45. package/lib/esm/Importer/common/Footer.js +0 -17
  46. package/lib/esm/Importer/common/FuseApi.js +0 -48
  47. package/lib/esm/Importer/common/GlobalStyle.js +0 -7
  48. package/lib/esm/Importer/common/ImporterFonts.js +0 -5
  49. package/lib/esm/Importer/common/Spreadsheet/SpreadsheetContextProvider/filterMethods.js +0 -56
  50. package/lib/esm/Importer/common/Spreadsheet/SpreadsheetContextProvider/index.js +0 -176
  51. package/lib/esm/Importer/common/Spreadsheet/SpreadsheetContextProvider/useSpreadsheetFilter.js +0 -45
  52. package/lib/esm/Importer/common/Spreadsheet/SpreadsheetContextProvider/utils.js +0 -14
  53. package/lib/esm/Importer/common/Spreadsheet/common/index.js +0 -63
  54. package/lib/esm/Importer/common/Spreadsheet/common/types.js +0 -5
  55. package/lib/esm/Importer/common/Spreadsheet/components/FieldHeader.js +0 -66
  56. package/lib/esm/Importer/common/Spreadsheet/components/GlobalStyle.js +0 -9
  57. package/lib/esm/Importer/common/Spreadsheet/components/SpreadsheetData.js +0 -110
  58. package/lib/esm/Importer/common/Spreadsheet/components/SpreadsheetRowCheckboxes.js +0 -186
  59. package/lib/esm/Importer/common/Spreadsheet/components/SpreadsheetRowNumbers.js +0 -55
  60. package/lib/esm/Importer/common/Spreadsheet/components/ValidationProgress.js +0 -19
  61. package/lib/esm/Importer/common/Spreadsheet/components/fields/SpeadsheetAutocomplete.js +0 -43
  62. package/lib/esm/Importer/common/Spreadsheet/components/fields/SpreadsheetInput.js +0 -70
  63. package/lib/esm/Importer/common/Spreadsheet/components/fields/index.js +0 -108
  64. package/lib/esm/Importer/common/Spreadsheet/components/inputs/Boolean.js +0 -18
  65. package/lib/esm/Importer/common/Spreadsheet/components/inputs/EmailInput.js +0 -14
  66. package/lib/esm/Importer/common/Spreadsheet/components/inputs/EnumInput.js +0 -30
  67. package/lib/esm/Importer/common/Spreadsheet/components/inputs/FloatInput.js +0 -16
  68. package/lib/esm/Importer/common/Spreadsheet/components/inputs/IntegerInput.js +0 -16
  69. package/lib/esm/Importer/common/Spreadsheet/components/inputs/StringInput.js +0 -14
  70. package/lib/esm/Importer/common/Spreadsheet/components/inputs/index.js +0 -20
  71. package/lib/esm/Importer/common/Spreadsheet/hooks.js +0 -245
  72. package/lib/esm/Importer/common/Spreadsheet/index.js +0 -119
  73. package/lib/esm/Importer/common/Spreadsheet/styles.js +0 -16
  74. package/lib/esm/Importer/common/Spreadsheet/transformation/index.js +0 -47
  75. package/lib/esm/Importer/common/Spreadsheet/transformation/transformators.js +0 -199
  76. package/lib/esm/Importer/common/Spreadsheet/validation/index.js +0 -202
  77. package/lib/esm/Importer/common/Spreadsheet/validation/validators.js +0 -176
  78. package/lib/esm/Importer/common/icons/index.js +0 -18
  79. package/lib/esm/Importer/common/index.js +0 -13
  80. package/lib/esm/Importer/common/theme.js +0 -19
  81. package/lib/esm/Importer/common/utils.js +0 -100
  82. package/lib/esm/Importer/contexts/ImporterContextProvider.js +0 -247
  83. package/lib/esm/Importer/data/index.js +0 -152
  84. package/lib/esm/Importer/index.js +0 -28
  85. package/lib/esm/api/index.js +0 -93
  86. package/lib/esm/api/responseHandlers.js +0 -49
  87. package/lib/esm/common/AppLoadingContextProvider/AppLoadingUI.js +0 -26
  88. package/lib/esm/common/AppLoadingContextProvider/index.js +0 -25
  89. package/lib/esm/common/ConfirmationModal.js +0 -19
  90. package/lib/esm/common/Modal.js +0 -31
  91. package/lib/esm/common/Spinner.js +0 -41
  92. package/lib/esm/common/Table/Pagination/icons.js +0 -42
  93. package/lib/esm/common/Table/Pagination/index.js +0 -32
  94. package/lib/esm/common/Table/TableActions/DeleteSelectedRows.js +0 -50
  95. package/lib/esm/common/Table/TableActions/ExportData.js +0 -23
  96. package/lib/esm/common/Table/TableActions/FilterByErrors/FilterByErrors.js +0 -47
  97. package/lib/esm/common/Table/TableActions/FilterByErrors/FilterByErrors.styles.js +0 -24
  98. package/lib/esm/common/Table/TableActions/FilterByErrors/functions.js +0 -35
  99. package/lib/esm/common/Table/TableActions/FilterByErrors/index.js +0 -1
  100. package/lib/esm/common/Table/TableActions/RowFilters.js +0 -42
  101. package/lib/esm/common/Table/TableActions/SearchRows.js +0 -72
  102. package/lib/esm/common/Table/TableActions/TableActions.js +0 -35
  103. package/lib/esm/common/Table/TableActions/TableActions.styles.js +0 -18
  104. package/lib/esm/common/Table/TableActions/TransformedRecordsCount.js +0 -67
  105. package/lib/esm/common/Table/TableActions/common.js +0 -1
  106. package/lib/esm/common/Table/TableActions/hooks.js +0 -41
  107. package/lib/esm/common/Table/TableActions/icons.js +0 -17
  108. package/lib/esm/common/Table/TableActions/index.js +0 -1
  109. package/lib/esm/common/Table/TableDataProvider.js +0 -127
  110. package/lib/esm/common/Table/TableView/TableHeaders.js +0 -69
  111. package/lib/esm/common/Table/TableView/TableRows/TableRow.js +0 -57
  112. package/lib/esm/common/Table/TableView/TableRows/index.js +0 -48
  113. package/lib/esm/common/Table/TableView/common/index.js +0 -37
  114. package/lib/esm/common/Table/TableView/index.js +0 -132
  115. package/lib/esm/common/Table/TableView/types.js +0 -1
  116. package/lib/esm/common/Table/icons.js +0 -15
  117. package/lib/esm/common/Table/index.js +0 -140
  118. package/lib/esm/common/Table/useReorderRows.js +0 -83
  119. package/lib/esm/common/Toast.js +0 -69
  120. package/lib/esm/common/TooltipProvider.js +0 -57
  121. package/lib/esm/common/buttons.js +0 -97
  122. package/lib/esm/common/columnsTransformations.js +0 -94
  123. package/lib/esm/common/columnsValidations.js +0 -431
  124. package/lib/esm/common/icons/index.js +0 -30
  125. package/lib/esm/common/index.js +0 -45
  126. package/lib/esm/common/inputs/Autocomplete.js +0 -110
  127. package/lib/esm/common/inputs/Checkbox.js +0 -53
  128. package/lib/esm/common/inputs/SelectMenu.js +0 -67
  129. package/lib/esm/common/inputs/TextInput.js +0 -89
  130. package/lib/esm/common/inputs/index.js +0 -5
  131. package/lib/esm/common/inputs/tooltip.js +0 -38
  132. package/lib/esm/common/logo.js +0 -13
  133. package/lib/esm/hooks/index.js +0 -16
  134. package/lib/esm/index.js +0 -218
  135. package/lib/esm/locales/de.js +0 -126
  136. package/lib/esm/locales/en.js +0 -126
  137. package/lib/esm/locales/es.js +0 -126
  138. package/lib/esm/locales/fr.js +0 -126
  139. package/lib/esm/locales/index.js +0 -4
  140. package/lib/esm/styled/fontsURL.js +0 -27
  141. package/lib/esm/styled/index.js +0 -3
  142. package/lib/esm/styled/theme/animations.js +0 -9
  143. package/lib/esm/styled/theme/colorPalette.js +0 -109
  144. package/lib/esm/styled/theme/debugCss.js +0 -16
  145. package/lib/esm/styled/theme/dimensionsCss.js +0 -20
  146. package/lib/esm/styled/theme/fontCss.js +0 -17
  147. package/lib/esm/styled/theme/globalCss.js +0 -26
  148. package/lib/esm/styled/theme/index.js +0 -33
  149. package/lib/esm/styled/theme/layoutCss.js +0 -26
  150. package/lib/esm/styled/theme/mediaQueries.js +0 -4
  151. package/lib/esm/styled/theme/positionCss.js +0 -27
  152. package/lib/esm/styled/theme/textCss.js +0 -18
  153. package/lib/esm/styled/theme/textStyles.js +0 -27
  154. package/lib/esm/styled/themeType.js +0 -6
  155. package/lib/esm/styled/utils.js +0 -17
  156. package/lib/esm/types.js +0 -65
  157. package/lib/esm/utils/hooks/useWindowSize.js +0 -23
  158. package/lib/esm/utils/hooks.js +0 -1
  159. package/lib/esm/utils/index.js +0 -37
@@ -1,118 +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, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
17
- import { useState } from "react";
18
- import { useTranslation } from "react-i18next";
19
- import styled, { css } from "styled-components";
20
- import { Button, ChevronRightIcon, closeIconCondensed } from "../../common";
21
- import { Div } from "../../styled/utils";
22
- import { ColumnType } from "../Matcher/common/types";
23
- import { useReviewContext } from "../Review/ReviewContextProvider";
24
- import { useImporterContext } from "../contexts/ImporterContextProvider";
25
- import { ConfirmCloseModal } from "./ConfirmCloseModal";
26
- import { Step } from "./Step";
27
- import { StepperSubmitModal } from "./StepperSubmitModal";
28
- import { UnmatchedHeadersModal } from "./UnmatchedHeadersModal";
29
- import { getEnumFieldValueMatchingsInitialValue } from "./common/getEnumFieldValueMatchingsInitialValue";
30
- var StepperWrapper = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n border-bottom: 1px solid ", ";\n user-select: none;\n"], ["\n background-color: ", ";\n border-bottom: 1px solid ", ";\n user-select: none;\n"])), function (p) { return p.theme.colors.white; }, function (p) { return p.theme.colors.gray300; });
31
- var StepperContainer = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n gap: 16px;\n justify-content: space-between;\n padding-left: 32px;\n padding-right: 32px;\n width: 100%;\n"], ["\n align-items: center;\n display: flex;\n gap: 16px;\n justify-content: space-between;\n padding-left: 32px;\n padding-right: 32px;\n width: 100%;\n"])));
32
- var Steps = styled(Div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n @media (max-width: 630px) {\n display: none;\n }\n"], ["\n @media (max-width: 630px) {\n display: none;\n }\n"])));
33
- var Logo = styled.img(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n max-height: 70px;\n max-width: 300px;\n"], ["\n max-height: 70px;\n max-width: 300px;\n"])));
34
- var StepperButtonContainer = styled(Div)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n flex: 1;\n gap: 32px;\n justify-content: ", ";\n"], ["\n align-items: center;\n display: flex;\n flex: 1;\n gap: 32px;\n justify-content: ", ";\n"])), function (_a) {
35
- var align = _a.align;
36
- return align === "left" ? "flex-start" : "flex-end";
37
- });
38
- var GoBackButtonWrapper = styled(Div)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n @media (max-width: 740px) {\n display: none;\n }\n"], ["\n @media (max-width: 740px) {\n display: none;\n }\n"])));
39
- var CloseIcon = styled(Div)(function () { return css(templateObject_7 || (templateObject_7 = __makeTemplateObject([""], [""]))); });
40
- export var Stepper = function (_a) {
41
- var stepLabels = _a.stepLabels, logoURL = _a.logoURL;
42
- var _b = useState(false), isUnmatchedHeadersModalOpen = _b[0], setIsUnmatchedHeadersModalOpen = _b[1];
43
- var t = useTranslation("general").t;
44
- var _c = useState(false), isSubmitModalOpen = _c[0], setIsSubmitModalOpen = _c[1];
45
- var _d = useState(false), isConfirmCloseModalOpen = _d[0], setIsConfirmCloseModalOpen = _d[1];
46
- var _e = useReviewContext(), appResponse = _e.appResponse, isSubmitDisabled = _e.isSubmitDisabled, onSubmit = _e.onSubmit;
47
- var _f = useImporterContext(), initialRecords = _f.initialRecords, currentStepIndex = _f.currentStepIndex, templateHeaderMatchings = _f.templateHeaderMatchings, matcherSubstep = _f.matcherSubstep, templateHeaders = _f.templateHeaders, uploadedDataEnumFieldValues = _f.uploadedDataEnumFieldValues, setEnumFieldValueMatchings = _f.setEnumFieldValueMatchings, setMatcherSubstep = _f.setMatcherSubstep, setCurrentStepIndex = _f.setCurrentStepIndex, onClose = _f.onClose, isUsingManualImport = _f.isUsingManualImport, resetImporterWhenUsingManualImport = _f.resetImporterWhenUsingManualImport, uploadedData = _f.uploadedData;
48
- var templateHeaderLabels = Object.keys(templateHeaderMatchings || []);
49
- var unmatchedHeadersCount = templateHeaderLabels.filter(function (templateHeaderLabel) { return !templateHeaderMatchings[templateHeaderLabel]; }).length;
50
- var isLastSubMatchStep = matcherSubstep === 1;
51
- var setStep = function () {
52
- var templateHasEnumFields = !!(templateHeaders === null || templateHeaders === void 0 ? void 0 : templateHeaders.find(function (header) { return header.column_type === ColumnType.enum; }));
53
- if (templateHasEnumFields) {
54
- var _enumFieldValueMatchings = getEnumFieldValueMatchingsInitialValue({
55
- uploadedDataEnumFieldValues: uploadedDataEnumFieldValues,
56
- templateHeaders: templateHeaders,
57
- });
58
- var anyTemplateEnumFieldsMatched = Object.keys(_enumFieldValueMatchings).length > 0;
59
- if (anyTemplateEnumFieldsMatched) {
60
- setEnumFieldValueMatchings(_enumFieldValueMatchings);
61
- setMatcherSubstep(1);
62
- }
63
- else {
64
- setCurrentStepIndex(2);
65
- }
66
- }
67
- else {
68
- setCurrentStepIndex(2);
69
- }
70
- };
71
- var openUnmatchedModal = function () {
72
- unmatchedHeadersCount ? setIsUnmatchedHeadersModalOpen(true) : setStep();
73
- };
74
- var continueToNextStep = function () {
75
- if (isVerifyStep) {
76
- setCurrentStepIndex(1);
77
- }
78
- else if (isLastSubMatchStep) {
79
- setIsUnmatchedHeadersModalOpen(false);
80
- setCurrentStepIndex(2);
81
- }
82
- else {
83
- openUnmatchedModal();
84
- }
85
- };
86
- var goBack = function () {
87
- if (isUsingManualImport.current) {
88
- return resetImporterWhenUsingManualImport();
89
- }
90
- var isMatchingColumnValues = matcherSubstep === 1;
91
- var isInMachStep = currentStepIndex === 1;
92
- var shouldBackOnlyMatcherSubStep = isMatchingColumnValues && isInMachStep;
93
- if (shouldBackOnlyMatcherSubStep) {
94
- setMatcherSubstep(matcherSubstep - 1);
95
- }
96
- else {
97
- setCurrentStepIndex(currentStepIndex - 1);
98
- }
99
- };
100
- var handleOnClose = function () {
101
- setIsConfirmCloseModalOpen(true);
102
- };
103
- var isVerifyStep = currentStepIndex === 0 && !!uploadedData;
104
- var isMatchStep = currentStepIndex === 1;
105
- var isReviewStep = currentStepIndex === 2;
106
- var stepsUI = (_jsx(Div, __assign({ dflex: true, centered: true }, { children: !initialRecords &&
107
- stepLabels.map(function (label, index) {
108
- var isLast = index === stepLabels.length - 1;
109
- var isCompleted = index < currentStepIndex;
110
- return (_jsxs(Div, __assign({ centered: true }, { children: [_jsx(Step, { index: index, label: label, isCompleted: isCompleted, isSelected: index === currentStepIndex }), !isLast && (_jsx(Div, __assign({ ml: 18, mr: 18, dflex: true }, { children: _jsx(ChevronRightIcon, {}) })))] }), index));
111
- }) })));
112
- var leftButtonUI = (_jsx(Div, __assign({ style: { flex: 1 } }, { children: !initialRecords && (_jsxs(StepperButtonContainer, __assign({ align: "left" }, { children: [logoURL && (_jsx(Div, __assign({ forDesktop: true }, { children: _jsx(Logo, { src: logoURL, alt: "" }) }))), currentStepIndex > 0 && !appResponse && (_jsx(GoBackButtonWrapper, { children: _jsx(Button, __assign({ variant: "secondary", onClick: goBack }, { children: t("stepper.go_back") })) }))] }))) })));
113
- var rightButtonUI = (_jsxs(StepperButtonContainer, __assign({ align: "right" }, { children: [(isMatchStep || isVerifyStep) && (_jsx(Button, __assign({ variant: "primary", onClick: continueToNextStep }, { children: t("stepper.continue") }))), isReviewStep && (_jsx(Button, __assign({ variant: "primary", isDisabled: isSubmitDisabled, onClick: function () { return setIsSubmitModalOpen(true); } }, { children: t("stepper.submit") }))), _jsx(CloseIcon, __assign({ "data-test-id": "close-importer", centered: true, clickable: true, onClick: handleOnClose }, { children: closeIconCondensed }))] })));
114
- return (_jsxs(_Fragment, { children: [_jsx(StepperWrapper, __assign({ pRelative: true, alignCenter: true, w100: true, h: 72, centered: true }, { children: _jsxs(StepperContainer, { children: [leftButtonUI, _jsx(Steps, __assign({ alignCenter: true }, { children: stepsUI })), rightButtonUI] }) })), _jsx(UnmatchedHeadersModal, { isUnmatchedHeadersModalOpen: isUnmatchedHeadersModalOpen, unmatchedHeadersCount: unmatchedHeadersCount, onSetStep: function () { return setStep(); }, onCloseUnmatchedHeadersModal: function () {
115
- return setIsUnmatchedHeadersModalOpen(false);
116
- } }), _jsx(StepperSubmitModal, { isSubmitModalOpen: isSubmitModalOpen, onCloseModal: function () { return setIsSubmitModalOpen(false); }, onSubmit: onSubmit }), _jsx(ConfirmCloseModal, { isOpen: isConfirmCloseModalOpen, onClose: function () { return setIsConfirmCloseModalOpen(false); }, onCloseImporter: onClose })] }));
117
- };
118
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
@@ -1,22 +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 { Button } from "../common";
14
- import { Div, Span, theme } from "../styled";
15
- import { exclamationPointIcon } from "./common/icons";
16
- import { useImporterContext } from "./contexts/ImporterContextProvider";
17
- export var TrialModeBanner = function () {
18
- var inTrialMode = useImporterContext().inTrialMode;
19
- return (_jsx(_Fragment, { children: inTrialMode && (_jsxs(Div, __assign({ bg: theme.colors.orange100, h: 80, dflex: true, alignCenter: true, justifyCenter: true }, { children: [_jsx(Div, __assign({ ml: 33, mr: 8 }, { children: exclamationPointIcon })), _jsx(Span, __assign({ mr: 16 }, { children: "You're currently in Trial mode. Subscribe to a plan to deploy to your website." })), _jsx(Button, __assign({ w: 120, br: 8, variant: "secondary", onClick: function () {
20
- window.location.href = "".concat(process.env.REACT_APP_API_BASE_URL, "/account/billing");
21
- } }, { children: "Select plan" }))] }))) }));
22
- };
@@ -1,11 +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
- import styled from "styled-components";
6
- import { theme } from "../../../styled/theme";
7
- import { Div } from "../../../styled/utils";
8
- export var ImporterSectionContainer = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n gap: 16px;\n width: 100%;\n height: 100%;\n\n @media (max-width: 1050px) {\n flex-direction: column;\n }\n"], ["\n display: flex;\n gap: 16px;\n width: 100%;\n height: 100%;\n\n @media (max-width: 1050px) {\n flex-direction: column;\n }\n"])));
9
- export var ErrorCardContainer = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n align-items: center;\n align-self: center;\n background: ", ";\n border-radius: 8px;\n border: 1px dashed ", ";\n display: flex;\n flex-direction: column;\n height: 550px;\n justify-content: center;\n width: 1120px;\n"], ["\n align-items: center;\n align-self: center;\n background: ", ";\n border-radius: 8px;\n border: 1px dashed ", ";\n display: flex;\n flex-direction: column;\n height: 550px;\n justify-content: center;\n width: 1120px;\n"])), theme.colors.blue100, theme.colors.blue500);
10
- export var LoadingCardWrapper = styled(Div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n box-shadow: 0px 0px 12px rgba(33, 75, 167, 0.24);\n border-radius: 8px;\n max-width: 544px;\n height: 102px;\n padding-left: 30px;\n padding-right: 30px;\n background: ", ";\n"], ["\n box-shadow: 0px 0px 12px rgba(33, 75, 167, 0.24);\n border-radius: 8px;\n max-width: 544px;\n height: 102px;\n padding-left: 30px;\n padding-right: 30px;\n background: ", ";\n"])), function (p) { return p.theme.colors.white; });
11
- var templateObject_1, templateObject_2, templateObject_3;
@@ -1,123 +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, jsxs as _jsxs } from "react/jsx-runtime";
17
- import { useDropzone } from "react-dropzone";
18
- import styled, { css } from "styled-components";
19
- import { useUploaderContext } from "../UploaderContextProvider";
20
- import { useImporterContext } from "../../contexts/ImporterContextProvider";
21
- import { Div } from "../../../styled/utils";
22
- import { theme } from "../../../styled/theme";
23
- import { addToast } from "../../../common/Toast";
24
- import { Button } from "../../../common/buttons";
25
- import { DragAndDropSvg, UploadIndicatorSvg } from "./backgrounds";
26
- import { useTranslation } from "react-i18next";
27
- import Papa from "papaparse";
28
- import * as XLSX from "xlsx";
29
- var DragAndDropCard = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border-radius: 8px;\n margin-right: ", ";\n width: 100%;\n height: 100%;\n display: flex;\n background: ", ";\n border: 1px dashed ", ";\n\n @media (max-width: 1050px) {\n padding: 24px;\n width: auto;\n }\n\n ", "\n"], ["\n border-radius: 8px;\n margin-right: ", ";\n width: 100%;\n height: 100%;\n display: flex;\n background: ", ";\n border: 1px dashed ", ";\n\n @media (max-width: 1050px) {\n padding: 24px;\n width: auto;\n }\n\n ", "\n"])), function (props) { return (props.isDragActive ? "-10px" : "revert"); }, theme.colors.white, theme.colors.red50, function (props) {
30
- return props.isDragActive && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: ", ";\n border: 1px solid ", ";\n justify-content: center;\n "], ["\n background: ", ";\n border: 1px solid ", ";\n justify-content: center;\n "])), function (p) { return p.theme.colors.blue100; }, function (p) { return p.theme.colors.blue500; });
31
- });
32
- var DropzoneUploadingContainer = styled(Div)(function (_a) {
33
- var _b = _a.theme, colors = _b.colors, c = _b.css;
34
- return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: absolute;\n height: 100%;\n width: 100%;\n background: ", ";\n border: 1px solid ", ";\n "], ["\n position: absolute;\n height: 100%;\n width: 100%;\n background: ", ";\n border: 1px solid ", ";\n "])), theme.colors.blue100, theme.colors.blue500);
35
- });
36
- var dropzoneUploadingUI = (_jsx(DropzoneUploadingContainer, __assign({ centered: true }, { children: _jsxs(Div, { children: [_jsx(Div, __assign({ centered: true, mb: 12 }, { children: UploadIndicatorSvg })), _jsx(Div, __assign({ h5: true }, { children: " Drop your file here to upload!" }))] }) })));
37
- var DragAndDropComponent = function (_a) {
38
- var openUploadFileDialog = _a.openUploadFileDialog;
39
- var t = useTranslation("upload").t;
40
- var manualDataImportSelected = useImporterContext().manualDataImportSelected;
41
- return (_jsxs(Div, __assign({ centered: true, flexColumn: true }, { children: [_jsx(Div, __assign({ mb: 12 }, { children: DragAndDropSvg })), _jsx(Div, __assign({ h5: true }, { children: t("dropzone.title") })), _jsx(Button, __assign({ mt: 20, variant: "secondary", w: "fit-content", p: 12, isSmall: true, onClick: openUploadFileDialog }, { children: t("dropzone.button") })), _jsx(Div, __assign({ body1: true, textAlignCenter: true, m: 4, mt: 24 }, { children: t("dropzone.description") })), _jsx(Div, { children: _jsx(Button, __assign({ variant: "link", w: "fit-content", p: 12, isSmall: true, onClick: manualDataImportSelected }, { children: t("dropzone.enter_data_manually") })) })] })));
42
- };
43
- var ImporterDropzone = function () {
44
- var _a = useUploaderContext(), setIsUploading = _a.setIsUploading, setFileName = _a.setFileName;
45
- var setUploadedData = useImporterContext().setUploadedData;
46
- var validHeadersCount = function (headersLength) {
47
- var headersCountLimit = 60;
48
- if (headersLength > headersCountLimit) {
49
- addToast("File cannot contain more than ".concat(headersCountLimit, " columns"), "error");
50
- return false;
51
- }
52
- else {
53
- return true;
54
- }
55
- };
56
- var onDrop = function (acceptedFiles) {
57
- acceptedFiles.forEach(function (file) {
58
- setIsUploading(true);
59
- setFileName(file.name);
60
- var reader = new FileReader();
61
- reader.onabort = function () { return console.log("file reading was aborted"); };
62
- reader.onerror = function () { return console.log("file reading has failed"); };
63
- reader.onload = function (event) {
64
- var _a;
65
- var results = event.target.result;
66
- var isCsvFile = file.type === "text/csv";
67
- // rounded value to 20MB
68
- var isLargeFile = file.size > 20000000;
69
- var getDataFromFile = function (fileResults) {
70
- if (isCsvFile) {
71
- var csvString = new TextDecoder().decode(fileResults instanceof ArrayBuffer
72
- ? fileResults
73
- : new TextEncoder().encode(fileResults));
74
- var data = Papa.parse(csvString).data;
75
- return data;
76
- }
77
- var workBook = XLSX.read(fileResults, {
78
- type: "array",
79
- codepage: 65001,
80
- raw: true,
81
- dense: isLargeFile,
82
- });
83
- var workBookName = workBook.SheetNames[0];
84
- var sheet = workBook.Sheets[workBookName];
85
- return XLSX.utils.sheet_to_json(sheet, { header: 1, raw: false });
86
- };
87
- var fileData = getDataFromFile(results);
88
- var headersCount = (_a = fileData[0]) === null || _a === void 0 ? void 0 : _a.length;
89
- if (validHeadersCount(headersCount)) {
90
- setUploadedData(fileData);
91
- }
92
- setIsUploading(false);
93
- };
94
- reader.readAsArrayBuffer(file);
95
- });
96
- };
97
- var onDropRejected = function (rejectedFiles) {
98
- var errorMessages = rejectedFiles.map(function (file) {
99
- if (file.errors[0].code === "file-too-large") {
100
- return "Maximum file size is 200MB";
101
- }
102
- else {
103
- return file.errors[0].message;
104
- }
105
- });
106
- var uniqueMessages = Array.from(new Set(errorMessages));
107
- uniqueMessages.forEach(function (message) {
108
- addToast(message, "error");
109
- });
110
- };
111
- var _b = useDropzone({
112
- onDrop: onDrop,
113
- onDropRejected: onDropRejected,
114
- noClick: true,
115
- noKeyboard: true,
116
- accept: ".csv, .xls, .xlsx",
117
- maxFiles: 1,
118
- maxSize: 200000000, // 200MB
119
- }), getRootProps = _b.getRootProps, getInputProps = _b.getInputProps, open = _b.open, isDragActive = _b.isDragActive;
120
- return (_jsxs(DragAndDropCard, __assign({ isDragActive: isDragActive, centered: true, pRelative: true }, getRootProps(), { children: [_jsx("input", __assign({}, getInputProps())), isDragActive && dropzoneUploadingUI, _jsx(DragAndDropComponent, { openUploadFileDialog: open })] })));
121
- };
122
- export { ImporterDropzone };
123
- var templateObject_1, templateObject_2, templateObject_3;
@@ -1,11 +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
- import styled from "styled-components";
6
- import { Div } from "../../../../styled/utils";
7
- import { theme } from "../../../../styled/theme";
8
- export var HeaderCardWrapper = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: fit-content;\n"], ["\n height: fit-content;\n"])));
9
- export var HeaderCardContainer = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border: 1px solid ", ";\n border-radius: 8px;\n padding: 24px;\n box-sizing: border-box;\n overflow-y: auto;\n ", ";\n background: ", ";\n max-height: 596px;\n width: 332px;\n\n @media (max-width: 1050px) {\n width: 100%;\n }\n"], ["\n border: 1px solid ", ";\n border-radius: 8px;\n padding: 24px;\n box-sizing: border-box;\n overflow-y: auto;\n ", ";\n background: ", ";\n max-height: 596px;\n width: 332px;\n\n @media (max-width: 1050px) {\n width: 100%;\n }\n"])), theme.colors.gray200, function (p) { return p.theme.css.scrollbarDark; }, function (p) { return p.theme.colors.white; });
10
- export var HeaderListItem = styled(Div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n margin-bottom: ", "px;\n"], ["\n margin-bottom: ", "px;\n"])), function (p) { return (p.isLast ? 0 : 8); });
11
- var templateObject_1, templateObject_2, templateObject_3;
@@ -1,44 +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 __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
24
- import { Div } from "../../../../styled/utils";
25
- import { useTranslation } from "react-i18next";
26
- import * as S from "./ImporterSectionHeader.styles";
27
- var HeadersList = function (_a) {
28
- var title = _a.title, headers = _a.headers, props = __rest(_a, ["title", "headers"]);
29
- return (_jsxs(_Fragment, { children: [_jsx(Div, __assign({ label3: true }, props, { children: title })), headers.map(function (header, index) {
30
- var isLast = index === headers.length - 1;
31
- return (_jsx(S.HeaderListItem, __assign({ body1: true, isLast: isLast, mt: 16 }, { children: header }), index));
32
- })] }));
33
- };
34
- export var HeaderCard = function (_a) {
35
- var templateHeaders = _a.templateHeaders, props = __rest(_a, ["templateHeaders"]);
36
- var requiredHeaders = templateHeaders
37
- .filter(function (h) { return h.required; })
38
- .map(function (h) { return "".concat(h.label, "*"); });
39
- var optionalHeaders = templateHeaders
40
- .filter(function (h) { return !h.required; })
41
- .map(function (h) { return h.label; });
42
- var t = useTranslation("upload").t;
43
- return (_jsx(S.HeaderCardWrapper, { children: _jsxs(S.HeaderCardContainer, __assign({}, props, { children: [_jsx(Div, __assign({ body3: true, mb: 24 }, { children: t("header.title") })), requiredHeaders.length > 0 && (_jsx(HeadersList, { title: t("header.required_headers"), headers: requiredHeaders })), optionalHeaders.length > 0 && (_jsx(HeadersList, { title: t("header.optional_headers"), headers: optionalHeaders, mt: 30 }))] })) }));
44
- };
@@ -1,14 +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
- export var DragAndDropSvg = (_jsxs("svg", __assign({ width: "164", height: "96", viewBox: "0 0 164 96", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", { children: _jsx("path", { d: "M70.5229 74.0865C70.7599 74.9708 70.2351 75.8798 69.3508 76.1167L20.8309 89.1176C19.9466 89.3545 19.0377 88.8297 18.8007 87.9455L1.0238 21.6011C0.786859 20.7168 1.31164 19.8079 2.19593 19.5709L25.801 13.246C26.2207 13.1335 26.6678 13.1904 27.0461 13.4043L58.5194 31.2049C58.9065 31.4238 59.1894 31.7891 59.3045 32.2187L70.5229 74.0865Z", fill: "url(#paint0_linear_1658_47819)" }) }), _jsx("g", { children: _jsx("path", { d: "M26.1516 13.1523L58.22 31.2361L34.3354 37.6359C33.4988 37.8601 32.6389 37.3636 32.4148 36.527L26.1516 13.1523Z", fill: "#E8CF81" }) }), _jsx("g", { children: _jsx("path", { d: "M145.75 88.0883C145.511 88.9799 144.594 89.509 143.703 89.2701L95.2092 76.2763C94.3176 76.0374 93.7885 75.121 94.0274 74.2294L111.797 7.9115C112.036 7.0199 112.953 6.49079 113.844 6.72969L137.431 13.0496C137.854 13.163 138.216 13.4381 138.438 13.8155L156.789 44.9582C157.016 45.3445 157.079 45.8061 156.963 46.2392L145.75 88.0883Z", fill: "url(#paint1_linear_1658_47819)" }) }), _jsx("g", { children: _jsx("path", { d: "M138.09 13.2272L156.82 44.9224L132.676 38.4529C131.983 38.2672 131.571 37.5548 131.757 36.8617L138.09 13.2272Z", fill: "#68CECA" }) }), _jsx("g", { children: _jsx("path", { d: "M118.113 93.183C118.113 94.7388 116.852 96.0001 115.296 96.0001L49.5348 96.0001C47.979 96.0001 46.7177 94.7388 46.7177 93.183L46.7177 2.81711C46.7177 1.2613 47.979 6.91772e-05 49.5348 6.87584e-05L81.2634 6.02178e-05C82.0018 6.00191e-05 82.7108 0.290033 83.2376 0.807552L117.271 34.2418C117.81 34.7715 118.113 35.4956 118.113 36.2514L118.113 93.183Z", fill: "url(#paint2_linear_1658_47819)" }) }), _jsx("g", { children: _jsx("path", { d: "M81.9936 0.00131226L117.054 34.3579H83.8716C82.8344 34.3579 81.9936 33.5171 81.9936 32.4799L81.9936 0.00131226Z", fill: "#6FE7E2" }) }), _jsxs("defs", { children: [_jsxs("linearGradient", __assign({ id: "paint0_linear_1658_47819", x1: "40.3734", y1: "13.1259", x2: "-7.01613", y2: "51.8154", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#D0A617" }), _jsx("stop", { offset: "1", stopColor: "#FEE18F" })] })), _jsxs("linearGradient", __assign({ id: "paint1_linear_1658_47819", x1: "119.456", y1: "82.7732", x2: "171.105", y2: "7.1263", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#006BA8" }), _jsx("stop", { offset: "1", stopColor: "#01FFD7" })] })), _jsxs("linearGradient", __assign({ id: "paint2_linear_1658_47819", x1: "82.4156", y1: "96.0001", x2: "103.774", y2: "10.7256", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#24D2EA" }), _jsx("stop", { offset: "1", stopColor: "#10F9EB" })] }))] })] })));
14
- export var UploadIndicatorSvg = (_jsxs("svg", __assign({ width: "96", height: "96", viewBox: "0 0 96 96", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", { children: _jsx("path", { d: "M1 79.3761L95.7523 79.3762L48.3762 32L1 79.3761Z", fill: "url(#paint0_linear_1630_46301)" }) }), _jsx("g", { children: _jsx("path", { d: "M1 55.3761L95.7523 55.3762L48.3762 8L1 55.3761Z", fill: "url(#paint1_linear_1630_46301)" }) }), _jsxs("defs", { children: [_jsxs("linearGradient", __assign({ id: "paint0_linear_1630_46301", x1: "48.3761", y1: "32", x2: "40.1872", y2: "94.8016", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#88CDF3" }), _jsx("stop", { offset: "1", stopColor: "#00C7A8", stopOpacity: "0.895833" })] })), _jsxs("linearGradient", __assign({ id: "paint1_linear_1630_46301", x1: "78.6058", y1: "-24.6165", x2: "64.3686", y2: "81.3108", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#0098B9" }), _jsx("stop", { offset: "1", stopColor: "#00A8CD", stopOpacity: "0.895833" })] }))] })] })));
@@ -1,45 +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 } from "../../../styled/theme/colorPalette";
14
- import { Div } from "../../../styled/utils";
15
- import { closeIconWithCircle, errorIcon, fileExtensionIcon, } from "../../common/icons";
16
- import { useImporterContext } from "../../contexts/ImporterContextProvider";
17
- import { useUploaderContext } from "../UploaderContextProvider";
18
- import { ImporterDropzone } from "./ImporterDropzone";
19
- import { useTranslation } from "react-i18next";
20
- import { HeaderCard } from "./ImporterSectionHeader";
21
- import * as S from "./DragAndDropImporter.styles";
22
- export var ErrorCard = function () {
23
- var templateError = useImporterContext().templateError;
24
- var t = useTranslation("upload").t;
25
- return (_jsxs(S.ErrorCardContainer, { children: [_jsx(Div, __assign({ mb: 28 }, { children: errorIcon })), _jsx(Div, __assign({ h3: true, mb: 16 }, { children: t("error.title") })), _jsx(Div, __assign({ body1: true }, { children: templateError }))] }));
26
- };
27
- var LoadingCard = function () {
28
- var fileName = useUploaderContext().fileName;
29
- var resetImport = useImporterContext().resetImport;
30
- var t = useTranslation("upload").t;
31
- var fileExtension = fileName && fileName.slice(fileName.lastIndexOf("."));
32
- var fileExtensionUI = (_jsxs(Div, { children: [fileExtensionIcon, _jsx(Div, __assign({ c: colors.gray900, helperText: true, mt: -26, ml: 7 }, { children: fileExtension }))] }));
33
- return (_jsxs(S.LoadingCardWrapper, __assign({ spaceBetween: true, centered: true }, { children: [fileExtensionUI, _jsxs(Div, __assign({ mr: 30, ml: 30 }, { children: [_jsx(Div, __assign({ label2: true }, { children: fileName })), _jsx(Div, __assign({ helperText: true, c: colors.gray500 }, { children: t("loading.title") }))] })), _jsx(Div, __assign({ clickable: true, onClick: resetImport }, { children: closeIconWithCircle }))] })));
34
- };
35
- var ImporterSection = function () {
36
- var _a = useImporterContext(), templateHeaders = _a.templateHeaders, templateError = _a.templateError;
37
- return templateError ? (_jsx(ErrorCard, {})) : (_jsx(_Fragment, { children: templateHeaders && (_jsxs(S.ImporterSectionContainer, { children: [_jsx(ImporterDropzone, {}), _jsx(HeaderCard, { templateHeaders: templateHeaders })] })) }));
38
- };
39
- var DragAndDropImporter = function () {
40
- var isUploading = useUploaderContext().isUploading;
41
- var t = useTranslation("upload").t;
42
- var HeaderUI = function () { return (_jsxs(_Fragment, { children: [_jsx(Div, { children: _jsx(Div, __assign({ h2: true, mb: 16, mt: 40 }, { children: t("title") })) }), _jsx(Div, __assign({ body1: true, mb: 48 }, { children: t("description") }))] })); };
43
- return (_jsx(Div, __assign({ flexColumn: true, h100: true }, { children: _jsxs(Div, __assign({ flexColumn: true, pl: 32, pr: 32, pb: 64, h100: true }, { children: [_jsx(HeaderUI, {}), isUploading ? (_jsx(Div, __assign({ mt: 40, justifyCenter: true }, { children: _jsx(LoadingCard, {}) }))) : (_jsx(ImporterSection, {}))] })) })));
44
- };
45
- export { DragAndDropImporter };
@@ -1,28 +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 } from "react/jsx-runtime";
17
- import styled from "styled-components";
18
- import { Button } from "../../common/buttons";
19
- import { Div } from "../../styled/utils";
20
- import { useImporterContext } from "../contexts/ImporterContextProvider";
21
- import { useTranslation } from "react-i18next";
22
- var HeaderButtonsWrapper = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n > div {\n margin-right: 8px;\n }\n"], ["\n > div {\n margin-right: 8px;\n }\n"])));
23
- export var HeaderButtons = function () {
24
- var t = useTranslation("upload").t;
25
- var resetImport = useImporterContext().resetImport;
26
- return (_jsx(HeaderButtonsWrapper, __assign({ dflex: true, ml: 12 }, { children: _jsx(Button, __assign({ isSmall: true, variant: "secondary", onClick: resetImport }, { children: t("headers_preview.cancel") })) })));
27
- };
28
- var templateObject_1;
@@ -1,44 +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, jsxs as _jsxs } from "react/jsx-runtime";
17
- import { useTranslation } from "react-i18next";
18
- import styled, { css } from "styled-components";
19
- import { Div } from "../../styled/utils";
20
- import { useReviewContext } from "../Review/ReviewContextProvider";
21
- import SpreadsheetBase from "../common/Spreadsheet";
22
- import { useImporterContext } from "../contexts/ImporterContextProvider";
23
- import { HeaderButtons } from "./HeaderButtons";
24
- import { useEffect } from "react";
25
- var Spreadsheet = styled(SpreadsheetBase)(function () { return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n /* rows will be removed for match and review steps */\n .before-selected-row {\n opacity: 0.2;\n }\n "], ["\n /* rows will be removed for match and review steps */\n .before-selected-row {\n opacity: 0.2;\n }\n "]))); });
26
- var HeaderContainer = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin-left: 32px;\n\n @media (max-width: 1050px) {\n margin-left: 0px;\n\n > div:first-of-type {\n text-align: center;\n }\n\n div:last-of-type {\n margin-left: 0px;\n }\n }\n"], ["\n margin-left: 32px;\n\n @media (max-width: 1050px) {\n margin-left: 0px;\n\n > div:first-of-type {\n text-align: center;\n }\n\n div:last-of-type {\n margin-left: 0px;\n }\n }\n"])));
27
- var DescriptionAndButtons = styled(Div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n @media (max-width: 1050px) {\n flex-direction: column;\n gap: 16px;\n }\n"], ["\n @media (max-width: 1050px) {\n flex-direction: column;\n gap: 16px;\n }\n"])));
28
- var HeadersPreview = function () {
29
- var _a = useReviewContext(), fields = _a.previewFields, initialDataSet = _a.previewInitialDataSet;
30
- var t = useTranslation("upload").t;
31
- var _b = useImporterContext(), selectedRows = _b.selectedRows, setSelectedRows = _b.setSelectedRows, setHeaderRowIndex = _b.setHeaderRowIndex;
32
- useEffect(function () {
33
- if (initialDataSet && selectedRows[0]) {
34
- var headerRowIndex = Object.keys(initialDataSet).findIndex(function (key) { return key === selectedRows[0]; });
35
- setHeaderRowIndex(headerRowIndex);
36
- }
37
- }, [initialDataSet, selectedRows]);
38
- return (_jsxs(Div, __assign({ flexColumn: true, h100: true }, { children: [_jsxs(HeaderContainer, { children: [_jsx(Div, __assign({ h2: true, mt: 40, mb: 16 }, { children: t("headers_preview.title") })), _jsxs(DescriptionAndButtons, __assign({ body1: true, mb: 24, alignCenter: true }, { children: [t("headers_preview.description"), _jsx(HeaderButtons, {})] }))] }), _jsx(Div, __assign({ w100: true, h100: true, justifyCenter: true }, { children: initialDataSet && (_jsx(Spreadsheet, { isReadOnly: true, initialDataSet: initialDataSet, fields: fields, options: {
39
- showCheckboxColumn: true,
40
- withSingleRowSelect: true,
41
- }, selectedRows: selectedRows, setSelectedRows: setSelectedRows })) }))] })));
42
- };
43
- export default HeadersPreview;
44
- var templateObject_1, templateObject_2, templateObject_3;
@@ -1,27 +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 { createContext, useContext, useState } from "react";
14
- var UploaderContext = createContext({});
15
- export var UploaderContextProvider = function (_a) {
16
- var children = _a.children;
17
- var _b = useState(false), isUploading = _b[0], setIsUploading = _b[1];
18
- var _c = useState(null), fileName = _c[0], setFileName = _c[1];
19
- var value = {
20
- isUploading: isUploading,
21
- setIsUploading: setIsUploading,
22
- fileName: fileName,
23
- setFileName: setFileName,
24
- };
25
- return (_jsx(UploaderContext.Provider, __assign({ value: value }, { children: children })));
26
- };
27
- export var useUploaderContext = function () { return useContext(UploaderContext); };
@@ -1,13 +0,0 @@
1
- import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
2
- import React from "react";
3
- import { areEqual } from "react-window";
4
- import { useImporterContext } from "../contexts/ImporterContextProvider";
5
- import { DragAndDropImporter } from "./DragAndDropImporter";
6
- import HeadersPreview from "./HeadersPreview";
7
- import { UploaderContextProvider } from "./UploaderContextProvider";
8
- var UploaderWithContext = function () {
9
- var uploadedData = useImporterContext().uploadedData;
10
- return _jsx(_Fragment, { children: uploadedData ? _jsx(HeadersPreview, {}) : _jsx(DragAndDropImporter, {}) });
11
- };
12
- var Uploader = function () { return (_jsx(UploaderContextProvider, { children: _jsx(UploaderWithContext, {}) })); };
13
- export default React.memo(Uploader, areEqual);
@@ -1,24 +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";
19
- import { Spinner } from "../../common";
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.6;\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.6;\n"])), function (props) { return props.theme.colors.white; });
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 AppLoading = function () { return (_jsxs(_Fragment, { children: [_jsx(LoadingBackdrop, {}), _jsx(LoaderContainer, { children: _jsx(Div, __assign({ w: 300 }, { children: _jsx(Div, __assign({ pRelative: true }, { children: _jsx(Spinner, {}) })) })) })] })); };
24
- var templateObject_1, templateObject_2, templateObject_3;
@@ -1,17 +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 { colors } from "../../styled/theme/colorPalette";
14
- import { Div } from "../../styled/utils";
15
- import { logoIcon } from "./icons";
16
- var Footer = function () { return (_jsx(Div, __assign({ centered: true, c: colors.gray600, pt: 65, pb: 50 }, { children: logoIcon }))); };
17
- export { Footer };
@@ -1,48 +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 { api } from "../../api";
13
- import { baseUrls } from "./index";
14
- // copies the axios request config from axios.AxiosInstance type and adds
15
- // baseUrl based on environment and api key
16
- var FuseApi = /** @class */ (function () {
17
- function FuseApi(environment, apiToken) {
18
- this.environment = environment;
19
- this.apiToken = apiToken;
20
- }
21
- FuseApi.prototype.get = function (url, config) {
22
- return api.get(url, __assign(__assign({}, config), { toPublicApi: true, baseURL: baseUrls[this.environment], params: {
23
- api_token: this.apiToken,
24
- } }));
25
- };
26
- FuseApi.prototype.post = function (url, data, config) {
27
- return api.post(url, data, __assign(__assign({}, config), { toPublicApi: true, baseURL: baseUrls[this.environment], params: {
28
- api_token: this.apiToken,
29
- } }));
30
- };
31
- FuseApi.prototype.patch = function (url, data, config) {
32
- return api.patch(url, data, __assign(__assign({}, config), { toPublicApi: true, baseURL: baseUrls[this.environment], params: {
33
- api_token: this.apiToken,
34
- } }));
35
- };
36
- FuseApi.prototype.put = function (url, data, config) {
37
- return api.put(url, data, __assign(__assign({}, config), { toPublicApi: true, baseURL: baseUrls[this.environment], params: {
38
- api_token: this.apiToken,
39
- } }));
40
- };
41
- FuseApi.prototype.delete = function (url, config) {
42
- return api.delete(url, __assign(__assign({}, config), { toPublicApi: true, baseURL: baseUrls[this.environment], params: {
43
- api_token: this.apiToken,
44
- } }));
45
- };
46
- return FuseApi;
47
- }());
48
- export { FuseApi };