fuse-importer 0.7.0

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Footer: () => JSX.Element;
+export { Footer };

package/lib/esm/Importer/Footer.js

@@ -0,0 +1,27 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from "styled-components";
+import { logo } from "../common/logo";
+import { colors } from "../styled/theme/colorPalette";
+import { Div } from "../styled/utils";
+var LogoContainer = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transform: scale(0.6);\n  margin-left: -26px;\n"], ["\n  transform: scale(0.6);\n  margin-left: -26px;\n"])));
+var Footer = function () {
+    return (_jsxs(Div, __assign({ mt: 51, centered: true, helperText: true, c: colors.gray600, pb: 50 }, { children: ["Powered by ", _jsx(LogoContainer, __assign({ dflex: true }, { children: logo }), void 0)] }), void 0));
+};
+export { Footer };
+var templateObject_1;
+//# sourceMappingURL=Footer.js.map

package/lib/esm/Importer/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../src/Importer/Footer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAEtC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,wHAAA,qDAGhC,IAAA,CAAC;AAEF,IAAM,MAAM,GAAG;IACb,OAAO,CACL,MAAC,GAAG,aAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,QAAC,UAAU,QAAC,CAAC,EAAE,MAAM,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE,gCAC7C,KAAC,aAAa,aAAC,KAAK,sBAAE,IAAI,YAAiB,aAClD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

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

@@ -0,0 +1,54 @@
+import Fuse from "fuse.js";
+import React from "react";
+import { EnvironmentType, OnValidateBatch, OnValidateRecord } from "../types";
+export declare const options: Fuse.IFuseOptions<string>;
+export declare type HeaderMatchings = {
+    [templateHeaderLabel: string]: string;
+};
+export declare type EnumFieldValueMatchings = {
+    [templateHeaderLabel: string]: {
+        [uploadedDataValue: string]: string;
+    };
+};
+export declare type UploadedDataEnumFieldValues = {
+    [templateHeaderLabel: string]: string[];
+};
+export declare type TemplateHeader = {
+    label: string;
+    required: boolean;
+    column_type: string;
+    internal_key: string;
+    values: string[];
+};
+declare type State = {
+    resetImport: () => void;
+    currentStepIndex: number;
+    setCurrentStepIndex: React.Dispatch<number>;
+    templateError: string | null;
+    uploadedData: any[];
+    enumFieldValueMatchings: EnumFieldValueMatchings;
+    setEnumFieldValueMatchings: React.Dispatch<React.SetStateAction<EnumFieldValueMatchings>>;
+    setUploadedData: React.Dispatch<any[]>;
+    templateHeaders: TemplateHeader[];
+    templateHeaderMatchings: HeaderMatchings;
+    setTemplateHeaderMatchings: React.Dispatch<React.SetStateAction<HeaderMatchings>>;
+    uploadedDataHeaders: string[];
+    onValidateRecord?: OnValidateRecord;
+    onValidateBatch?: OnValidateBatch;
+    matcherSubstep: number;
+    setMatcherSubstep: React.Dispatch<number>;
+    uploadedDataEnumFieldValues: UploadedDataEnumFieldValues;
+    templateId: string;
+    apiToken: string;
+};
+declare type Props = {
+    templateId: string;
+    apiToken: string;
+    environment?: EnvironmentType;
+    children: JSX.Element;
+    onValidateRecord?: OnValidateRecord;
+    onValidateBatch?: OnValidateBatch;
+};
+export declare const ImporterContextProvider: ({ templateId, environment, apiToken, children, onValidateBatch, onValidateRecord, }: Props) => JSX.Element;
+export declare const useImporterContext: () => State;
+export {};

package/lib/esm/Importer/ImporterContextProvider.js

@@ -0,0 +1,170 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            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;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import Fuse from "fuse.js";
+import { createContext, useContext, useEffect, useState } from "react";
+import { api } from "../api";
+import { isEnumField } from "./common/utils";
+var baseUrls = {
+    local: "http://localhost:3000",
+    development: "https://fuse-develop.flatironsdevelopment.com",
+    production: "https://fuse.flatironsdevelopment.com",
+};
+export var options = {
+    includeScore: true,
+    threshold: 0.35,
+};
+var ImporterContext = createContext({});
+export var ImporterContextProvider = function (_a) {
+    var templateId = _a.templateId, _b = _a.environment, environment = _b === void 0 ? "local" : _b, apiToken = _a.apiToken, children = _a.children, onValidateBatch = _a.onValidateBatch, onValidateRecord = _a.onValidateRecord;
+    var _c = useState(0), currentStepIndex = _c[0], setCurrentStepIndex = _c[1];
+    var _d = useState(0), matcherSubstep = _d[0], setMatcherSubstep = _d[1];
+    var _e = useState(null), templateError = _e[0], setTemplateError = _e[1];
+    var _f = useState(null), templateHeaders = _f[0], setTemplateHeaders = _f[1];
+    var _g = useState(null), uploadedData = _g[0], setUploadedData = _g[1];
+    var _h = useState(null), templateHeaderMatchings = _h[0], setTemplateHeaderMatchings = _h[1];
+    var _j = useState(null), enumFieldValueMatchings = _j[0], setEnumFieldValueMatchings = _j[1];
+    var _k = useState(null), uploadedDataEnumFieldValues = _k[0], setUploadedDataEnumFieldValues = _k[1];
+    var uploadedDataHeaders = uploadedData && uploadedData[0];
+    useEffect(function () {
+        if (!templateHeaderMatchings)
+            return;
+        var _uploadedDataEnumFieldValues = {};
+        var templateLabels = Object.keys(templateHeaderMatchings);
+        var enumFieldsLabels = templateLabels.filter(function (templateLabel) {
+            return isEnumField({ templateLabel: templateLabel, templateHeaders: templateHeaders });
+        });
+        enumFieldsLabels.forEach(function (templateLabel) {
+            var uploadedDataHeader = templateHeaderMatchings[templateLabel];
+            var enumFieldValues = new Set();
+            var columnIndex = uploadedDataHeaders.indexOf(uploadedDataHeader);
+            if (columnIndex === -1)
+                return;
+            uploadedData.slice(1).forEach(function (row) {
+                var uploadedValue = row[columnIndex];
+                enumFieldValues.add(uploadedValue);
+            });
+            _uploadedDataEnumFieldValues[templateLabel] = Array.from(enumFieldValues.values()).filter(function (element) {
+                return element !== undefined;
+            });
+        });
+        setUploadedDataEnumFieldValues(_uploadedDataEnumFieldValues);
+    }, [templateHeaderMatchings]);
+    useEffect(function () {
+        (function () { return __awaiter(void 0, void 0, void 0, function () {
+            var data, error_1, errorMsg;
+            var _a, _b;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        _c.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, api.get("/api/v1/importer/templates/".concat(templateId), {
+                                toPublicApi: true,
+                                baseURL: baseUrls[environment],
+                                params: {
+                                    api_token: apiToken,
+                                },
+                            })];
+                    case 1:
+                        data = (_c.sent()).data;
+                        setTemplateHeaders(data.columns);
+                        return [3 /*break*/, 3];
+                    case 2:
+                        error_1 = _c.sent();
+                        errorMsg = ((_b = (_a = error_1.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.message) ||
+                            "There was an error preventing the data importer from loading. Check your API Token and try again.";
+                        setTemplateError(errorMsg);
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); })();
+    }, []);
+    useEffect(function () {
+        if (uploadedData)
+            setHeadersFromDataset();
+    }, [uploadedData]);
+    var resetImport = function () {
+        setUploadedData(null);
+        setTemplateHeaderMatchings(null);
+    };
+    var setHeadersFromDataset = function () {
+        var _templateHeaderMatchings = {};
+        var fuse = new Fuse(uploadedDataHeaders, options);
+        templateHeaders.forEach(function (templateHeader, _index) {
+            var _a;
+            var fuseResults = fuse.search(templateHeader.label);
+            _templateHeaderMatchings[templateHeader.label] = (_a = fuseResults[0]) === null || _a === void 0 ? void 0 : _a.item;
+        });
+        setTemplateHeaderMatchings(_templateHeaderMatchings);
+    };
+    var value = {
+        setUploadedData: setUploadedData,
+        currentStepIndex: currentStepIndex,
+        setCurrentStepIndex: setCurrentStepIndex,
+        templateHeaders: templateHeaders,
+        enumFieldValueMatchings: enumFieldValueMatchings,
+        setEnumFieldValueMatchings: setEnumFieldValueMatchings,
+        templateHeaderMatchings: templateHeaderMatchings,
+        uploadedDataEnumFieldValues: uploadedDataEnumFieldValues,
+        setTemplateHeaderMatchings: setTemplateHeaderMatchings,
+        resetImport: resetImport,
+        uploadedData: uploadedData,
+        uploadedDataHeaders: uploadedDataHeaders,
+        templateError: templateError,
+        onValidateBatch: onValidateBatch,
+        onValidateRecord: onValidateRecord,
+        matcherSubstep: matcherSubstep,
+        setMatcherSubstep: setMatcherSubstep,
+        apiToken: apiToken,
+        templateId: templateId,
+    };
+    return (_jsx(ImporterContext.Provider, __assign({ value: value }, { children: children }), void 0));
+};
+export var useImporterContext = function () { return useContext(ImporterContext); };
+//# sourceMappingURL=ImporterContextProvider.js.map

package/lib/esm/Importer/ImporterContextProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImporterContextProvider.js","sourceRoot":"","sources":["../../../src/Importer/ImporterContextProvider.tsx"],"names":[],"mappings":"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"}

package/lib/esm/Importer/Matcher/EnumFieldsMatchers/EnumFieldMatcher/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const EnumFieldMatcher: ({ templateHeaderLabel }: {
+    templateHeaderLabel: any;
+}) => JSX.Element;

package/lib/esm/Importer/Matcher/EnumFieldsMatchers/EnumFieldMatcher/index.js

@@ -0,0 +1,33 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TableView } from "../../../../common/Table/TableView";
+import { Div } from "../../../../styled/utils";
+import { useImporterContext } from "../../../ImporterContextProvider";
+import { MatcherStatus } from "../../common/types";
+import { EnumFieldMatcherContextProvider } from "../EnumFieldMatcherContext";
+import { tableColumns } from "./tableColumns";
+export var EnumFieldMatcher = function (_a) {
+    var templateHeaderLabel = _a.templateHeaderLabel;
+    var enumFieldValueMatchings = useImporterContext().enumFieldValueMatchings;
+    var enumFieldValueMatching = enumFieldValueMatchings[templateHeaderLabel];
+    var uploadedDataValues = Object.keys(enumFieldValueMatching);
+    var data = uploadedDataValues.map(function (uploadedDataValue) { return ({
+        uploadedDataValue: uploadedDataValue,
+        uploadedDataValueMatching: enumFieldValueMatching[uploadedDataValue],
+        status: enumFieldValueMatching[uploadedDataValue]
+            ? MatcherStatus.matched
+            : MatcherStatus.unmatched,
+    }); });
+    return (_jsxs(Div, { children: [_jsx(Div, __assign({ h5: true, mb: 16 }, { children: "Values for the '".concat(templateHeaderLabel, "' Column") }), void 0), _jsx(Div, __assign({ mb: 40 }, { children: _jsx(EnumFieldMatcherContextProvider, __assign({ templateHeaderLabel: templateHeaderLabel }, { children: _jsx(TableView, { h: data.length * 95, data: data, columns: tableColumns }, void 0) }), void 0) }), void 0)] }, void 0));
+};
+//# sourceMappingURL=index.js.map

package/lib/esm/Importer/Matcher/EnumFieldsMatchers/EnumFieldMatcher/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Importer/Matcher/EnumFieldsMatchers/EnumFieldMatcher/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC/D,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,+BAA+B,EAAE,MAAM,4BAA4B,CAAC;AAE7E,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,EAAuB;QAArB,mBAAmB,yBAAA;IAC5C,IAAA,uBAAuB,GAAK,kBAAkB,EAAE,wBAAzB,CAA0B;IAEzD,IAAM,sBAAsB,GAAG,uBAAuB,CAAC,mBAAmB,CAAC,CAAC;IAC5E,IAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;IAE/D,IAAM,IAAI,GAAG,kBAAkB,CAAC,GAAG,CAAC,UAAC,iBAAiB,IAAK,OAAA,CAAC;QAC1D,iBAAiB,mBAAA;QACjB,yBAAyB,EAAE,sBAAsB,CAAC,iBAAiB,CAAC;QACpE,MAAM,EAAE,sBAAsB,CAAC,iBAAiB,CAAC;YAC/C,CAAC,CAAC,aAAa,CAAC,OAAO;YACvB,CAAC,CAAC,aAAa,CAAC,SAAS;KAC5B,CAAC,EANyD,CAMzD,CAAC,CAAC;IAEJ,OAAO,CACL,MAAC,GAAG,eACF,KAAC,GAAG,aAAC,EAAE,QAAC,EAAE,EAAE,EAAE,gBACX,0BAAmB,mBAAmB,aAAU,YAC7C,EACN,KAAC,GAAG,aAAC,EAAE,EAAE,EAAE,gBACT,KAAC,+BAA+B,aAC9B,mBAAmB,EAAE,mBAAmB,gBAExC,KAAC,SAAS,IAAC,CAAC,EAAE,IAAI,CAAC,MAAM,GAAG,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,WAAI,YACrC,YAC9B,YACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/lib/esm/Importer/Matcher/EnumFieldsMatchers/EnumFieldMatcher/tableColumns.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export declare const tableColumns: ({
+    header: string;
+    width: number;
+    Content: ({ uploadedDataValue }: {
+        uploadedDataValue: any;
+    }) => JSX.Element;
+} | {
+    header: string;
+    width: number;
+    Content: ({ status }: {
+        status: any;
+    }) => JSX.Element;
+})[];

package/lib/esm/Importer/Matcher/EnumFieldsMatchers/EnumFieldMatcher/tableColumns.js

@@ -0,0 +1,58 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Autocomplete } from "../../../../common/inputs/Autocomplete";
+import { Div } from "../../../../styled/utils";
+import { useImporterContext } from "../../../ImporterContextProvider";
+import { greenCheckIcon, warningIcon } from "../../common/icons";
+import { MatcherStatus } from "../../common/types";
+import { StatusColumn } from "../../HeaderMatcher/tableColumns";
+import { useEnumFieldMatcherContext } from "../EnumFieldMatcherContext";
+export var tableColumns = [
+    {
+        header: "Your Column Values",
+        width: 1,
+        Content: function (_a) {
+            var uploadedDataValue = _a.uploadedDataValue;
+            return _jsxs(Div, { children: [" ", uploadedDataValue, " "] }, void 0);
+        },
+    },
+    {
+        header: "Our Column Values",
+        width: 1,
+        Content: function (_a) {
+            var _b;
+            var uploadedDataValue = _a.uploadedDataValue, uploadedDataValueMatching = _a.uploadedDataValueMatching;
+            var _c = useImporterContext(), templateHeaders = _c.templateHeaders, enumFieldValueMatchings = _c.enumFieldValueMatchings, setEnumFieldValueMatchings = _c.setEnumFieldValueMatchings;
+            var templateHeaderLabel = useEnumFieldMatcherContext().templateHeaderLabel;
+            var valueOptions = (_b = templateHeaders.find(function (th) { return th.label === templateHeaderLabel; })) === null || _b === void 0 ? void 0 : _b.values;
+            var onChange = function (selected) {
+                var newEnumFieldValueMatchings = __assign({}, enumFieldValueMatchings);
+                newEnumFieldValueMatchings[templateHeaderLabel][uploadedDataValue] = selected;
+                setEnumFieldValueMatchings(newEnumFieldValueMatchings);
+            };
+            return (_jsx(Div, __assign({ w100: true }, { children: _jsx(Autocomplete, { placeholder: "Select option...", onChange: onChange, value: uploadedDataValueMatching, options: valueOptions.map(function (vo) { return ({
+                        value: vo,
+                        label: vo,
+                    }); }) }, void 0) }), void 0));
+        },
+    },
+    {
+        header: "Status",
+        width: 1,
+        Content: function (_a) {
+            var status = _a.status;
+            return (_jsxs(StatusColumn, __assign({ matched: status, justifyCenter: true, body2: true, dflex: true, alignCenter: true }, { children: [status === MatcherStatus.matched ? greenCheckIcon : warningIcon, _jsx(Div, __assign({ ml: 6 }, { children: status }), void 0)] }), void 0));
+        },
+    },
+];
+//# sourceMappingURL=tableColumns.js.map

package/lib/esm/Importer/Matcher/EnumFieldsMatchers/EnumFieldMatcher/tableColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableColumns.js","sourceRoot":"","sources":["../../../../../../src/Importer/Matcher/EnumFieldsMatchers/EnumFieldMatcher/tableColumns.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AAExE,MAAM,CAAC,IAAM,YAAY,GAAG;IAC1B;QACE,MAAM,EAAE,oBAAoB;QAC5B,KAAK,EAAE,CAAC;QACR,OAAO,EAAE,UAAC,EAAqB;gBAAnB,iBAAiB,uBAAA;YAC3B,OAAO,MAAC,GAAG,oBAAG,iBAAiB,iBAAQ,CAAC;QAC1C,CAAC;KACF;IACD;QACE,MAAM,EAAE,mBAAmB;QAC3B,KAAK,EAAE,CAAC;QACR,OAAO,EAAE,UAAC,EAAgD;;gBAA9C,iBAAiB,uBAAA,EAAE,yBAAyB,+BAAA;YAChD,IAAA,KAIF,kBAAkB,EAAE,EAHtB,eAAe,qBAAA,EACf,uBAAuB,6BAAA,EACvB,0BAA0B,gCACJ,CAAC;YACjB,IAAA,mBAAmB,GAAK,0BAA0B,EAAE,oBAAjC,CAAkC;YAE7D,IAAM,YAAY,GAAG,MAAA,eAAe,CAAC,IAAI,CACvC,UAAC,EAAE,IAAK,OAAA,EAAE,CAAC,KAAK,KAAK,mBAAmB,EAAhC,CAAgC,CACzC,0CAAE,MAAM,CAAC;YAEV,IAAM,QAAQ,GAAG,UAAC,QAAQ;gBACxB,IAAM,0BAA0B,gBAAQ,uBAAuB,CAAE,CAAC;gBAClE,0BAA0B,CAAC,mBAAmB,CAAC,CAC7C,iBAAiB,CAClB,GAAG,QAAQ,CAAC;gBAEb,0BAA0B,CAAC,0BAA0B,CAAC,CAAC;YACzD,CAAC,CAAC;YAEF,OAAO,CACL,KAAC,GAAG,aAAC,IAAI,sBACP,KAAC,YAAY,IACX,WAAW,EAAE,kBAAkB,EAC/B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,yBAAyB,EAChC,OAAO,EAAE,YAAY,CAAC,GAAG,CAAC,UAAC,EAAE,IAAK,OAAA,CAAC;wBACjC,KAAK,EAAE,EAAE;wBACT,KAAK,EAAE,EAAE;qBACV,CAAC,EAHgC,CAGhC,CAAC,WACH,YACE,CACP,CAAC;QACJ,CAAC;KACF;IACD;QACE,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,CAAC;QACR,OAAO,EAAE,UAAC,EAAU;gBAAR,MAAM,YAAA;YAChB,OAAO,CACL,MAAC,YAAY,aAAC,OAAO,EAAE,MAAM,EAAE,aAAa,QAAC,KAAK,QAAC,KAAK,QAAC,WAAW,uBACjE,MAAM,KAAK,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,WAAW,EAChE,KAAC,GAAG,aAAC,EAAE,EAAE,CAAC,gBAAG,MAAM,YAAO,aACb,CAChB,CAAC;QACJ,CAAC;KACF;CACF,CAAC"}

package/lib/esm/Importer/Matcher/EnumFieldsMatchers/EnumFieldMatcherContext.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare type State = {
+    templateHeaderLabel: string;
+};
+declare type Props = {
+    templateHeaderLabel: string;
+    children: JSX.Element;
+};
+export declare const EnumFieldMatcherContextProvider: ({ templateHeaderLabel, children, }: Props) => JSX.Element;
+export declare const useEnumFieldMatcherContext: () => State;
+export {};

package/lib/esm/Importer/Matcher/EnumFieldsMatchers/EnumFieldMatcherContext.js

@@ -0,0 +1,22 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+var EnumFieldMatcherContext = createContext({});
+export var EnumFieldMatcherContextProvider = function (_a) {
+    var templateHeaderLabel = _a.templateHeaderLabel, children = _a.children;
+    return (_jsx(EnumFieldMatcherContext.Provider, __assign({ value: { templateHeaderLabel: templateHeaderLabel } }, { children: children }), void 0));
+};
+export var useEnumFieldMatcherContext = function () {
+    return useContext(EnumFieldMatcherContext);
+};
+//# sourceMappingURL=EnumFieldMatcherContext.js.map

package/lib/esm/Importer/Matcher/EnumFieldsMatchers/EnumFieldMatcherContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnumFieldMatcherContext.js","sourceRoot":"","sources":["../../../../../src/Importer/Matcher/EnumFieldsMatchers/EnumFieldMatcherContext.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAKzD,IAAM,uBAAuB,GAAG,aAAa,CAAQ,EAAW,CAAC,CAAC;AAMlE,MAAM,CAAC,IAAM,+BAA+B,GAAG,UAAC,EAGxC;QAFN,mBAAmB,yBAAA,EACnB,QAAQ,cAAA;IAER,OAAO,CACL,KAAC,uBAAuB,CAAC,QAAQ,aAAC,KAAK,EAAE,EAAE,mBAAmB,qBAAA,EAAE,gBAC7D,QAAQ,YACwB,CACpC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,0BAA0B,GAAG;IACxC,OAAA,UAAU,CAAC,uBAAuB,CAAC;AAAnC,CAAmC,CAAC"}

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const EnumFieldsMatchers: () => JSX.Element;

package/lib/esm/Importer/Matcher/EnumFieldsMatchers/index.js

@@ -0,0 +1,22 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Div } from "../../../styled/utils";
+import { useImporterContext } from "../../ImporterContextProvider";
+import { EnumFieldMatcher } from "./EnumFieldMatcher";
+export var EnumFieldsMatchers = function () {
+    var enumFieldValueMatchings = useImporterContext().enumFieldValueMatchings;
+    return (_jsxs(_Fragment, { children: [_jsxs(Div, __assign({ flexColumn: true, centered: true }, { children: [_jsx(Div, __assign({ h3: true, mb: 16 }, { children: "Match Your Columns with Ours" }), void 0), _jsx(Div, __assign({ body1: true, mb: 24, textAlignCenter: true, maxw: 928 }, { children: "Our system only accepts certain values for some columns. Below you can match the values from your spreadsheet to the values we accept." }), void 0)] }), void 0), _jsx(Div, __assign({ flexColumn: true, alignCenter: true, mb: 20, centered: true }, { children: Object.keys(enumFieldValueMatchings).map(function (templateHeaderLabel, index) {
+                    return (_jsx(Div, __assign({ w: 960 }, { children: _jsx(EnumFieldMatcher, { templateHeaderLabel: templateHeaderLabel }, void 0) }), index));
+                }) }), void 0)] }, void 0));
+};
+//# sourceMappingURL=index.js.map

package/lib/esm/Importer/Matcher/EnumFieldsMatchers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Importer/Matcher/EnumFieldsMatchers/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAEnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,CAAC,IAAM,kBAAkB,GAAG;IACxB,IAAA,uBAAuB,GAAK,kBAAkB,EAAE,wBAAzB,CAA0B;IAEzD,OAAO,CACL,8BACE,MAAC,GAAG,aAAC,UAAU,QAAC,QAAQ,uBACtB,KAAC,GAAG,aAAC,EAAE,QAAC,EAAE,EAAE,EAAE,0DAER,EACN,KAAC,GAAG,aAAC,KAAK,QAAC,EAAE,EAAE,EAAE,EAAE,eAAe,QAAC,IAAI,EAAE,GAAG,oKAGtC,aACF,EACN,KAAC,GAAG,aAAC,UAAU,QAAC,WAAW,QAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,sBACzC,MAAM,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC,GAAG,CACvC,UAAC,mBAAmB,EAAE,KAAK;oBACzB,OAAO,CACL,KAAC,GAAG,aAAa,CAAC,EAAE,GAAG,gBACrB,KAAC,gBAAgB,IAAC,mBAAmB,EAAE,mBAAmB,WAAI,KADtD,KAAK,CAET,CACP,CAAC;gBACJ,CAAC,CACF,YACG,YACL,CACJ,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const HeaderMatcher: () => JSX.Element;
+export { HeaderMatcher };

package/lib/esm/Importer/Matcher/HeaderMatcher/index.js

@@ -0,0 +1,56 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import styled from "styled-components";
+import { TableView } from "../../../common/Table/TableView";
+import { theme } from "../../../styled/theme";
+import { Div } from "../../../styled/utils";
+import { useImporterContext } from "../../ImporterContextProvider";
+import { greenCheckIcon, warningIcon } from "../common/icons";
+import { MatcherStatus } from "../common/types";
+import { tableColumns } from "./tableColumns";
+var HeaderCardWrapper = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid ", ";\n  border-radius: 8px;\n  padding: 24px;\n  box-sizing: border-box;\n  width: 256px;\n  overflow-y: auto;\n  height: -webkit-fill-available;\n  height: -moz-available;\n  max-height: 550px;\n  display: flex;\n  flex-direction: column;\n"], ["\n  border: 1px solid ", ";\n  border-radius: 8px;\n  padding: 24px;\n  box-sizing: border-box;\n  width: 256px;\n  overflow-y: auto;\n  height: -webkit-fill-available;\n  height: -moz-available;\n  max-height: 550px;\n  display: flex;\n  flex-direction: column;\n"])), theme.colors.gray200);
+var CardContainer = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex-direction: row;\n  > div {\n    margin: 16px;\n  }\n"], ["\n  flex-direction: row;\n  > div {\n    margin: 16px;\n  }\n"])));
+var SideCardHeaders = function (_a) {
+    var isRequired = _a.isRequired;
+    var _b = useImporterContext(), templateHeaderMatchings = _b.templateHeaderMatchings, templateHeaders = _b.templateHeaders;
+    var templateHeaderLabels = Object.keys(templateHeaderMatchings);
+    var filteredTemlateHeadersLabels = templateHeaderLabels.filter(function (templateHeaderLabel) {
+        var isHeaderRequired = templateHeaders.find(function (th) { return th.label === templateHeaderLabel; }).required;
+        return isRequired ? isHeaderRequired : !isHeaderRequired;
+    });
+    return (_jsx(Div, { children: filteredTemlateHeadersLabels.map(function (templateHeaderLabel, index) { return (_jsxs(Div, __assign({ body2: true, mb: 8, dflex: true }, { children: [_jsx(Div, __assign({ pr: 12 }, { children: templateHeaderMatchings[templateHeaderLabel]
+                        ? greenCheckIcon
+                        : warningIcon }), void 0), templateHeaderLabel, isRequired && "*"] }), index)); }) }, void 0));
+};
+var headerCardUI = (_jsxs(HeaderCardWrapper, { children: [_jsx(Div, __assign({ label3: true, mb: 12 }, { children: "Required Headers" }), void 0), _jsx(SideCardHeaders, { isRequired: true }, void 0), _jsx(Div, __assign({ label3: true, mb: 12, mt: 24 }, { children: "Optional Headers" }), void 0), _jsx(SideCardHeaders, { isRequired: false }, void 0)] }, void 0));
+var HeaderMatcher = function () {
+    var _a = useImporterContext(), templateHeaders = _a.templateHeaders, templateHeaderMatchings = _a.templateHeaderMatchings;
+    var templateHeaderLabels = Object.keys(templateHeaderMatchings);
+    var numberOfMatchedHeaders = templateHeaderLabels.filter(function (templateHeaderLabel) { return templateHeaderMatchings[templateHeaderLabel]; }).length;
+    var data = templateHeaderLabels.map(function (templateHeaderLabel) { return ({
+        ourColumns: templateHeaderLabel,
+        yourColumns: templateHeaderMatchings[templateHeaderLabel],
+        status: templateHeaderMatchings[templateHeaderLabel]
+            ? MatcherStatus.matched
+            : MatcherStatus.unmatched,
+    }); });
+    var headerMatcher = (_jsx(Div, { children: _jsxs(Div, __assign({ flexColumn: true, centered: true }, { children: [_jsx(Div, __assign({ h3: true, mb: 16 }, { children: "Match Your Columns with Ours" }), void 0), _jsxs(Div, __assign({ body1: true, mb: 24, textAlignCenter: true }, { children: ["We were able to match ", numberOfMatchedHeaders, " of \u00A0", templateHeaders.length, " columns correctly!"] }), void 0), _jsxs(CardContainer, __assign({ dflex: true, centered: true, alignStart: true }, { children: [_jsx(Div, __assign({ w: 900 }, { children: _jsx(TableView, { data: data, columns: tableColumns }, void 0) }), void 0), headerCardUI] }), void 0)] }), void 0) }, void 0));
+    return _jsx(_Fragment, { children: headerMatcher }, void 0);
+};
+export { HeaderMatcher };
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=index.js.map

package/lib/esm/Importer/Matcher/HeaderMatcher/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Importer/Matcher/HeaderMatcher/index.tsx"],"names":[],"mappings":"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"}

package/lib/esm/Importer/Matcher/HeaderMatcher/tableColumns.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+declare type StatusColumnProps = {
+    matched: boolean;
+};
+export declare const StatusColumn: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../../styled/utils").CSSProps & StatusColumnProps, never>;
+export declare const tableColumns: ({
+    header: string;
+    width: number;
+    Content: ({ yourColumns, ourColumns }: {
+        yourColumns: any;
+        ourColumns: any;
+    }) => JSX.Element;
+} | {
+    header: string;
+    width: number;
+    Content: ({ status }: {
+        status: any;
+    }) => JSX.Element;
+})[];
+export {};

package/lib/esm/Importer/Matcher/HeaderMatcher/tableColumns.js

@@ -0,0 +1,62 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled, { css } from "styled-components";
+import { Autocomplete } from "../../../common/inputs/Autocomplete";
+import { Div } from "../../../styled/utils";
+import { useImporterContext } from "../../ImporterContextProvider";
+import { greenCheckIcon, warningIcon } from "../common/icons";
+import { MatcherStatus } from "../common/types";
+export var StatusColumn = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  padding: 8px 6px;\n  border-radius: 5px;\n  ", "\n"], ["\n  background-color: ", ";\n  padding: 8px 6px;\n  border-radius: 5px;\n  ", "\n"])), function (p) { return p.theme.colors.orange50; }, function (props) {
+    return props.matched && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      background-color: ", ";\n    "], ["\n      background-color: ", ";\n    "])), function (props) { return props.theme.colors.green50; });
+});
+export var tableColumns = [
+    {
+        header: "Your Column",
+        width: 1,
+        Content: function (_a) {
+            var yourColumns = _a.yourColumns, ourColumns = _a.ourColumns;
+            var _b = useImporterContext(), templateHeaderMatchings = _b.templateHeaderMatchings, setTemplateHeaderMatchings = _b.setTemplateHeaderMatchings, uploadedDataHeaders = _b.uploadedDataHeaders;
+            var onChange = function (selected) {
+                var newTemplateHeaderMatchings = __assign({}, templateHeaderMatchings);
+                newTemplateHeaderMatchings[ourColumns] = selected;
+                setTemplateHeaderMatchings(newTemplateHeaderMatchings);
+            };
+            return (_jsx(Div, __assign({ w100: true }, { children: _jsx(Autocomplete, { label: "", placeholder: "Select option...", onChange: onChange, value: yourColumns, options: uploadedDataHeaders.map(function (h) { return ({
+                        value: h,
+                        label: h,
+                    }); }) }, void 0) }), void 0));
+        },
+    },
+    {
+        header: "Our Column",
+        width: 1,
+        Content: function (_a) {
+            var ourColumns = _a.ourColumns;
+            return _jsxs(Div, { children: [" ", ourColumns, " "] }, void 0);
+        },
+    },
+    {
+        header: "Status",
+        width: 1,
+        Content: function (_a) {
+            var status = _a.status;
+            return (_jsxs(StatusColumn, __assign({ matched: status, justifyCenter: true, body2: true, dflex: true }, { children: [status === MatcherStatus.matched ? greenCheckIcon : warningIcon, _jsx(Div, __assign({ ml: 6 }, { children: status }), void 0)] }), void 0));
+        },
+    },
+];
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=tableColumns.js.map

package/lib/esm/Importer/Matcher/HeaderMatcher/tableColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableColumns.js","sourceRoot":"","sources":["../../../../../src/Importer/Matcher/HeaderMatcher/tableColumns.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAKhD,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,sJAAmB,wBACpC,EAA8B,mDAGhD,EAIC,IACJ,KARqB,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAvB,CAAuB,EAGhD,UAAC,KAAU;IACX,OAAA,KAAK,CAAC,OAAO,IACb,GAAG,0GAAA,4BACmB,EAAqC,SAC1D,KADqB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAA1B,CAA0B,CAC1D;AAHD,CAGC,CACJ,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG;IAC1B;QACE,MAAM,EAAE,aAAa;QACrB,KAAK,EAAE,CAAC;QACR,OAAO,EAAE,UAAC,EAA2B;gBAAzB,WAAW,iBAAA,EAAE,UAAU,gBAAA;YAC3B,IAAA,KAIF,kBAAkB,EAAE,EAHtB,uBAAuB,6BAAA,EACvB,0BAA0B,gCAAA,EAC1B,mBAAmB,yBACG,CAAC;YAEzB,IAAM,QAAQ,GAAG,UAAC,QAAQ;gBACxB,IAAM,0BAA0B,gBAAQ,uBAAuB,CAAE,CAAC;gBAClE,0BAA0B,CAAC,UAAU,CAAC,GAAG,QAAQ,CAAC;gBAClD,0BAA0B,CAAC,0BAA0B,CAAC,CAAC;YACzD,CAAC,CAAC;YAEF,OAAO,CACL,KAAC,GAAG,aAAC,IAAI,sBACP,KAAC,YAAY,IACX,KAAK,EAAE,EAAE,EACT,WAAW,EAAE,kBAAkB,EAC/B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,mBAAmB,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC;wBACvC,KAAK,EAAE,CAAC;wBACR,KAAK,EAAE,CAAC;qBACT,CAAC,EAHsC,CAGtC,CAAC,WACH,YACE,CACP,CAAC;QACJ,CAAC;KACF;IACD;QACE,MAAM,EAAE,YAAY;QACpB,KAAK,EAAE,CAAC;QACR,OAAO,EAAE,UAAC,EAAc;gBAAZ,UAAU,gBAAA;YACpB,OAAO,MAAC,GAAG,oBAAG,UAAU,iBAAQ,CAAC;QACnC,CAAC;KACF;IACD;QACE,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,CAAC;QACR,OAAO,EAAE,UAAC,EAAU;gBAAR,MAAM,YAAA;YAChB,OAAO,CACL,MAAC,YAAY,aAAC,OAAO,EAAE,MAAM,EAAE,aAAa,QAAC,KAAK,QAAC,KAAK,uBACrD,MAAM,KAAK,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,WAAW,EAChE,KAAC,GAAG,aAAC,EAAE,EAAE,CAAC,gBAAG,MAAM,YAAO,aACb,CAChB,CAAC;QACJ,CAAC;KACF;CACF,CAAC"}