fuse-importer 0.15.0 → 0.16.0

package/lib/esm/Importer/ImporterContextProvider.d.ts

@@ -39,7 +39,7 @@ declare type State = {
     matcherSubstep: number;
     setMatcherSubstep: React.Dispatch<number>;
     uploadedDataEnumFieldValues: UploadedDataEnumFieldValues;
-    templateId: string;
+    templateSlug: string;
     apiToken: string;
     inTrialMode: boolean;
     onClose: () => void;
@@ -47,7 +47,7 @@ declare type State = {
     importerOptions: ImporterOptions;
 };
 declare type Props = {
-    templateId: string;
+    templateSlug: string;
     apiToken: string;
     options: ImporterOptions;
     onClose: () => void;
@@ -55,6 +55,6 @@ declare type Props = {
     onValidateRecord?: OnValidateRecord;
     onValidateBatch?: OnValidateBatch;
 };
-export declare const ImporterContextProvider: ({ templateId, apiToken, children, options, onClose, onValidateBatch, onValidateRecord, }: Props) => JSX.Element;
+export declare const ImporterContextProvider: ({ templateSlug, apiToken, children, options, onClose, onValidateBatch, onValidateRecord, }: Props) => JSX.Element;
 export declare const useImporterContext: () => State;
 export {};

package/lib/esm/Importer/ImporterContextProvider.js

@@ -57,7 +57,7 @@ export var fusejsOptions = {
 };
 var ImporterContext = createContext({});
 export var ImporterContextProvider = function (_a) {
-    var templateId = _a.templateId, apiToken = _a.apiToken, children = _a.children, options = _a.options, onClose = _a.onClose, onValidateBatch = _a.onValidateBatch, onValidateRecord = _a.onValidateRecord;
+    var templateSlug = _a.templateSlug, apiToken = _a.apiToken, children = _a.children, options = _a.options, onClose = _a.onClose, onValidateBatch = _a.onValidateBatch, onValidateRecord = _a.onValidateRecord;
     var _b = useState(0), currentStepIndex = _b[0], setCurrentStepIndex = _b[1];
     var _c = useState(0), matcherSubstep = _c[0], setMatcherSubstep = _c[1];
     var _d = useState(null), templateError = _d[0], setTemplateError = _d[1];
@@ -102,7 +102,7 @@ export var ImporterContextProvider = function (_a) {
                 switch (_c.label) {
                     case 0:
                         _c.trys.push([0, 2, , 3]);
-                        return [4 /*yield*/, fuseApi.get("/api/v1/importer/templates/".concat(templateId))];
+                        return [4 /*yield*/, fuseApi.get("/api/v1/importer/templates/".concat(templateSlug))];
                     case 1:
                         data = (_c.sent()).data;
                         setTemplateHeaders(data.columns);
@@ -157,7 +157,7 @@ export var ImporterContextProvider = function (_a) {
         matcherSubstep: matcherSubstep,
         setMatcherSubstep: setMatcherSubstep,
         apiToken: apiToken,
-        templateId: templateId,
+        templateSlug: templateSlug,
         inTrialMode: inTrialMode,
         onClose: onClose,
         fuseApi: fuseApi,

package/lib/esm/Importer/SpreadsheetReviewContextProvider.js

@@ -57,7 +57,7 @@ export var SpreadsheetReviewContextProvider = function (_a) {
     var _c = useState(null), reviewedData = _c[0], setReviewedData = _c[1];
     var _d = useState(null), submittedData = _d[0], setSubmittedData = _d[1];
     var _e = useState(null), appResponse = _e[0], setAppResponse = _e[1];
-    var _f = useImporterContext(), templateId = _f.templateId, fuseApi = _f.fuseApi;
+    var _f = useImporterContext(), templateSlug = _f.templateSlug, fuseApi = _f.fuseApi;
     var getImportWasSuccessful = function (response) {
         return !response.errors || !Object.keys(response.errors).length;
     };
@@ -69,7 +69,7 @@ export var SpreadsheetReviewContextProvider = function (_a) {
                     trackImportedRowsCount = function (rowCount) { return __awaiter(void 0, void 0, void 0, function () {
                         return __generator(this, function (_a) {
                             switch (_a.label) {
-                                case 0: return [4 /*yield*/, fuseApi.post("/api/v1/importer/templates/".concat(templateId, "/imports"), {
+                                case 0: return [4 /*yield*/, fuseApi.post("/api/v1/importer/templates/".concat(templateSlug, "/imports"), {
                                         row_count: rowCount,
                                     })];
                                 case 1:

package/lib/esm/Importer/Stepper.js

@@ -119,7 +119,7 @@ var Stepper = function (_a) {
         setStep();
         setIsUnmatchedHeadersModalOpen(false);
     };
-    var unmatchedHeadersModalUI = (_jsx(Modal, __assign({ isOpen: isUnmatchedHeadersModalOpen, onClose: function () { return setIsUnmatchedHeadersModalOpen(false); } }, { children: _jsxs(Div, __assign({ p: "17px 20px" }, { children: [_jsx(Div, __assign({ textAlignCenter: true, mb: 24, mt: 5 }, { children: errorIcon }), void 0), _jsx(Div, __assign({ textAlignCenter: true, h3: true, mb: 8 }, { children: "Unmatched Headers" }), void 0), _jsxs(Div, __assign({ maxw: 395, textAlignCenter: true, body1: true, mb: 40 }, { children: ["There are ", unmatchedHeadersCount, " unmatched column headers. You will have to fill these out manually if you proceed."] }), void 0), _jsxs(Div, __assign({ dflex: true, centered: true }, { children: [_jsx(Button, __assign({ variant: "secondary", onClick: function () { return setIsUnmatchedHeadersModalOpen(false); }, w: 160, mr: 16 }, { children: "Assign Headers" }), void 0), _jsx(Button, __assign({ variant: "primary", w: 68, onClick: skipStep }, { children: "Skip" }), void 0)] }), void 0)] }), void 0) }), void 0));
+    var unmatchedHeadersModalUI = (_jsx(Modal, __assign({ isOpen: isUnmatchedHeadersModalOpen, onClose: function () { return setIsUnmatchedHeadersModalOpen(false); } }, { children: _jsxs(Div, __assign({ p: "17px 20px" }, { children: [_jsx(Div, __assign({ textAlignCenter: true, mb: 24, mt: 5 }, { children: errorIcon }), void 0), _jsx(Div, __assign({ textAlignCenter: true, h5: true }, { children: "Unmatched Column Headers" }), void 0), _jsxs(Div, __assign({ w: 448, mt: 12, textAlignCenter: true, body1: true }, { children: [unmatchedHeadersCount === 1 ? "There is " : "There are ", unmatchedHeadersCount, " unmatched column headers. You will have to fill these out manually if you proceed."] }), void 0), _jsxs(Div, __assign({ dflex: true, centered: true, mt: 40 }, { children: [_jsx(Button, __assign({ variant: "secondary", onClick: function () { return setIsUnmatchedHeadersModalOpen(false); }, w: 160, mr: 16 }, { children: "Assign Headers" }), void 0), _jsx(Button, __assign({ w: 83, variant: "primary", onClick: skipStep }, { children: "Skip" }), void 0)] }), void 0)] }), void 0) }), void 0));
     var isMatchStep = currentStepIndex === 1;
     var isReviewStep = currentStepIndex === 2;
     var leftButtonUI = (_jsx(Div, __assign({ w: 100 }, { children: currentStepIndex > 0 && !appResponse && (_jsx(Button, __assign({ variant: "secondary", onClick: goBack }, { children: "Go back" }), void 0)) }), void 0));
@@ -140,5 +140,5 @@ var submitSvg = (_jsxs("svg", __assign({ width: 64, height: 64, fill: "none", xm
             } }, void 0), _jsx("rect", { x: 38.727, y: 44.871, width: 17.915, height: 35.878, rx: 2, transform: "rotate(131.582 38.727 44.87)", fill: "url(#b)", style: {
                 mixBlendMode: "darken",
             } }, void 0), _jsxs("defs", { children: [_jsxs("linearGradient", __assign({ id: "a", x1: 18.672, y1: 47.198, x2: 37.603, y2: 58.473, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#D0A617" }, void 0), _jsx("stop", { offset: 1, stopColor: "#FEE18F" }, void 0)] }), void 0), _jsxs("linearGradient", __assign({ id: "b", x1: 47.684, y1: 44.871, x2: 36.123, y2: 89.527, gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#6BEEFF" }, void 0), _jsx("stop", { offset: 1, stopColor: "#08CABE" }, void 0)] }), void 0)] }, void 0)] }), void 0));
-var errorIcon = (_jsxs("svg", __assign({ width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("circle", { cx: "32.0003", cy: "32", r: "29.3333", stroke: "#CF4520", strokeWidth: "5" }, void 0), _jsx("path", { d: "M32 18.6667V32", stroke: "#CF4520", strokeWidth: "5", strokeLinecap: "round", strokeLinejoin: "round" }, void 0), _jsx("path", { d: "M32 42.6667V44", stroke: "#CF4520", strokeWidth: "5", strokeLinecap: "round", strokeLinejoin: "round" }, void 0)] }), void 0));
+var errorIcon = (_jsxs("svg", __assign({ width: "68", height: "68", viewBox: "0 0 68 68", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsxs("g", __assign({ clipPath: "url(#clip0_1052_34495)" }, { children: [_jsx("rect", { width: "68", height: "68", fill: "white" }, void 0), _jsx("g", __assign({ style: { mixBlendMode: "multiply" } }, { children: _jsx("path", { d: "M28.5668 8.05854C29.6943 6.10577 32.5129 6.10576 33.6403 8.05854L59.1466 52.2368C60.274 54.1895 58.8648 56.6305 56.6099 56.6305H5.59726C3.34239 56.6305 1.93309 54.1895 3.06053 52.2368L28.5668 8.05854Z", fill: "url(#paint0_linear_1052_34495)" }, void 0) }), void 0), _jsx("g", __assign({ style: { mixBlendMode: "multiply" } }, { children: _jsx("path", { d: "M34.4375 9.68867C35.5649 7.73589 38.3835 7.73589 39.511 9.68867L65.816 55.2503C66.9434 57.2031 65.5341 59.6441 63.2793 59.6441H10.6692C8.41432 59.6441 7.00502 57.2031 8.13246 55.2503L34.4375 9.68867Z", fill: "url(#paint1_linear_1052_34495)" }, void 0) }), void 0), _jsx("rect", { x: "29.0371", y: "21.2632", width: "6.43183", height: "21.3972", rx: "2.92916", fill: "#FFFDF8" }, void 0), _jsx("rect", { x: "29.0371", y: "44.7898", width: "6.43183", height: "5.61436", rx: "2.80718", fill: "#FFFDF8" }, void 0)] }), void 0), _jsxs("defs", { children: [_jsxs("linearGradient", __assign({ id: "paint0_linear_1052_34495", x1: "10.0099", y1: "28.8136", x2: "30.2646", y2: "54.4823", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#FD5C39" }, void 0), _jsx("stop", { offset: "1", stopColor: "#FFB869" }, void 0)] }), void 0), _jsxs("linearGradient", __assign({ id: "paint1_linear_1052_34495", x1: "18.8007", y1: "74.0811", x2: "85.2567", y2: "33.8684", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { stopColor: "#E7C551" }, void 0), _jsx("stop", { offset: "1", stopColor: "#FEE18F" }, void 0)] }), void 0), _jsx("clipPath", __assign({ id: "clip0_1052_34495" }, { children: _jsx("rect", { width: "68", height: "68", fill: "white" }, void 0) }), void 0)] }, void 0)] }), void 0));
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/lib/esm/Importer/TrialModeBanner.js

@@ -16,7 +16,7 @@ import { Div, Span } from "../styled/utils";
 import { useImporterContext } from "./ImporterContextProvider";
 export var TrialModeBanner = function () {
     var inTrialMode = useImporterContext().inTrialMode;
-    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 }), void 0), _jsx(Span, __assign({ mr: 16 }, { children: "You're currently in Test mode. Subscribe to a plan to deploy to your website." }), void 0), _jsx(Button, __assign({ w: 120, br: 8, variant: "secondary", onClick: function () {
+    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 }), void 0), _jsx(Span, __assign({ mr: 16 }, { children: "You're currently in Trial mode. Subscribe to a plan to deploy to your website." }), void 0), _jsx(Button, __assign({ w: 120, br: 8, variant: "secondary", onClick: function () {
                         window.location.href = "".concat(process.env.REACT_APP_API_BASE_URL, "/account/billing");
                     } }, { children: "Select plan" }), void 0)] }), void 0)) }, void 0));
 };

package/lib/esm/Importer/index.d.ts

@@ -1,12 +1,11 @@
 /// <reference types="react" />
-import { OnSubmit, OnValidateBatch, OnValidateRecord } from "../types";
-import { ImporterOptions } from "../types";
+import { ImporterOptions, OnSubmit, OnValidateBatch, OnValidateRecord } from "../types";
 declare type LayoutProps = {
     zIndex: number;
 };
 export declare const Layout: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../styled/utils").CSSProps & LayoutProps, never>;
 declare type Props = {
-    templateId: string;
+    templateSlug: string;
     apiToken: string;
     options: ImporterOptions;
     onValidateRecord?: OnValidateRecord;
@@ -14,7 +13,7 @@ declare type Props = {
     onSubmit?: OnSubmit;
     onClose: any;
 };
-declare const Importer: ({ templateId, apiToken, onSubmit, onValidateRecord, onValidateBatch, options, onClose, }: Props) => JSX.Element;
+declare const Importer: ({ templateSlug, apiToken, onSubmit, onValidateRecord, onValidateBatch, options, onClose, }: Props) => JSX.Element;
 export * from "./common/Spreadsheet";
 export * from "./common/utils";
 export * from "./SpreadsheetReviewContextProvider";

package/lib/esm/Importer/index.js

@@ -50,11 +50,11 @@ var steps = [
     },
 ];
 var Importer = function (_a) {
-    var templateId = _a.templateId, apiToken = _a.apiToken, onSubmit = _a.onSubmit, onValidateRecord = _a.onValidateRecord, onValidateBatch = _a.onValidateBatch, options = _a.options, onClose = _a.onClose;
+    var templateSlug = _a.templateSlug, apiToken = _a.apiToken, onSubmit = _a.onSubmit, onValidateRecord = _a.onValidateRecord, onValidateBatch = _a.onValidateBatch, options = _a.options, onClose = _a.onClose;
     useFullscreenOverlay();
     return (_jsx(ImporterContextProvider, __assign({}, {
         options: options,
-        templateId: templateId,
+        templateSlug: templateSlug,
         apiToken: apiToken,
         onValidateRecord: onValidateRecord,
         onValidateBatch: onValidateBatch,

package/lib/esm/index.d.ts

@@ -1,11 +1,11 @@
 import { EnvironmentType, ImporterOptions, OnSubmit, OnValidateBatch, OnValidateRecord } from "./types";
 declare class FuseImporter {
     apiToken: string;
-    templateId: string;
+    templateSlug: string;
     env: EnvironmentType;
     zIndex: number;
     options: ImporterOptions;
-    constructor(apiToken: string, templateId: string, options?: ImporterOptions);
+    constructor(apiToken: string, templateSlug: string, options?: ImporterOptions);
     onValidateRecord: OnValidateRecord;
     onValidateBatch: OnValidateBatch;
     onSubmit: OnSubmit;

package/lib/esm/index.js

@@ -14,10 +14,10 @@ import ReactDOM from "react-dom";
 import { Importer } from "./Importer";
 import { fuseImporterId } from "./common";
 var FuseImporter = /** @class */ (function () {
-    function FuseImporter(apiToken, templateId, options) {
+    function FuseImporter(apiToken, templateSlug, options) {
         if (options === void 0) { options = {}; }
         this.apiToken = apiToken;
-        this.templateId = templateId;
+        this.templateSlug = templateSlug;
         this.options = __assign({ env: "production", zIndex: 1000, batchValidationDelayMs: 500 }, options);
     }
     FuseImporter.prototype.close = function () {
@@ -34,7 +34,7 @@ var FuseImporter = /** @class */ (function () {
         document.body.appendChild(div);
         ReactDOM.render(React.createElement(Importer, {
             apiToken: this.apiToken,
-            templateId: this.templateId,
+            templateSlug: this.templateSlug,
             options: this.options,
             onValidateRecord: this.onValidateRecord,
             onValidateBatch: this.onValidateBatch,