authscape 1.0.634 → 1.0.636

package/index.js

@@ -1504,7 +1504,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Dropzone = void 0;
-var _AspectRatio = _interopRequireDefault(require("@mui/icons-material/AspectRatio"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactDropzone = require("react-dropzone");
@@ -2577,9 +2576,19 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.NextImage = void 0;
+exports.AssignMapping = AssignMapping;
 var _react = _interopRequireWildcard(require("react"));
-var _image = _interopRequireDefault(require("next/image"));
+var _system = require("@mui/system");
+var _Container = _interopRequireDefault(require("@mui/material/Container"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _material = require("@mui/material");
+var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
+var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
+var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
+var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
+var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _ArrowRightAltRounded = _interopRequireDefault(require("@mui/icons-material/ArrowRightAltRounded"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -2591,430 +2600,3775 @@ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructur
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var NextImage = function NextImage(_ref) {
-  var src = _ref.src,
-    alt = _ref.alt,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? 200 : _ref$width,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? 200 : _ref$height,
-    _ref$objectFit = _ref.objectFit,
-    objectFit = _ref$objectFit === void 0 ? "contain" : _ref$objectFit,
-    _ref$enableAuth = _ref.enableAuth,
-    enableAuth = _ref$enableAuth === void 0 ? false : _ref$enableAuth;
-  var _useState = (0, _react.useState)(false),
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } // import { apiService } from 'authscape';
+// import MappedColumn from './MappedColumn';
+// import ConditionBasedTool from './conditionBasedTool';
+// import SpreadsheetViewer from '../spreadsheetViewer';
+function AssignMapping(_ref) {
+  var currentUser = _ref.currentUser,
+    documentComponentId = _ref.documentComponentId,
+    _ref$setIsLoading = _ref.setIsLoading,
+    setIsLoading = _ref$setIsLoading === void 0 ? null : _ref$setIsLoading,
+    _ref$onCancel = _ref.onCancel,
+    onCancel = _ref$onCancel === void 0 ? null : _ref$onCancel,
+    _ref$onPublished = _ref.onPublished,
+    onPublished = _ref$onPublished === void 0 ? null : _ref$onPublished;
+  var _useState = (0, _react.useState)(documentComponentId),
     _useState2 = _slicedToArray(_useState, 2),
-    imageError = _useState2[0],
-    setImageError = _useState2[1];
+    documentId = _useState2[0],
+    setDocumentId = _useState2[1];
   var _useState3 = (0, _react.useState)(null),
     _useState4 = _slicedToArray(_useState3, 2),
-    imageSrc = _useState4[0],
-    setImageSrc = _useState4[1];
+    fromColumnOptions = _useState4[0],
+    setFromColumnOptions = _useState4[1];
+  var _useState5 = (0, _react.useState)(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    toColumnOptions = _useState6[0],
+    setToColumnOptions = _useState6[1];
+  var _useState7 = (0, _react.useState)(null),
+    _useState8 = _slicedToArray(_useState7, 2),
+    documentType = _useState8[0],
+    setDocumentType = _useState8[1];
+  var _useState9 = (0, _react.useState)(null),
+    _useState10 = _slicedToArray(_useState9, 2),
+    documentName = _useState10[0],
+    setDocumentName = _useState10[1];
+  var _useState11 = (0, _react.useState)(1),
+    _useState12 = _slicedToArray(_useState11, 2),
+    urlTick = _useState12[0],
+    setURLTick = _useState12[1];
+  var _useState13 = (0, _react.useState)(null),
+    _useState14 = _slicedToArray(_useState13, 2),
+    spreadSheetAddress = _useState14[0],
+    setSpreadSheetAddress = _useState14[1];
+  var _useState15 = (0, _react.useState)(false),
+    _useState16 = _slicedToArray(_useState15, 2),
+    showPreviewDialog = _useState16[0],
+    setShowPreviewDialog = _useState16[1];
+  var _useState17 = (0, _react.useState)(null),
+    _useState18 = _slicedToArray(_useState17, 2),
+    advanceQuery = _useState18[0],
+    setAdvanceQuery = _useState18[1];
+  var spreadSheetRef = (0, _react.useRef)(null);
+  var fetchMappingTo = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var response;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return apiService().get("/DocumentMapping/GetMappedDynamicFieldsForCompany?companyId=" + currentUser.companyId + "&documentId=" + documentComponentId);
+          case 2:
+            response = _context.sent;
+            if (response != null) {
+              setToColumnOptions(response.data);
+            }
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function fetchMappingTo() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var fetchMappingFrom = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      var response;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return apiService().post("/DocumentMapping/GetMapping", {
+              documentComponentId: documentComponentId,
+              companyId: currentUser.companyId
+            });
+          case 2:
+            response = _context2.sent;
+            if (response != null) {
+              setFromColumnOptions(response.data.documentMappings);
+              setDocumentName(response.data.name);
+              setDocumentType(response.data.documentType);
+            }
+          case 4:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function fetchMappingFrom() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
   (0, _react.useEffect)(function () {
-    if (enableAuth) {
+    if (documentComponentId != null) {
+      if (setIsLoading != null) {
+        setIsLoading(true);
+      }
+      setSpreadSheetAddress("/DocumentMappingPreview/PreviewMappedData?companyId=" + currentUser.companyId + "&documentComponentId=" + documentComponentId);
       var fetchData = /*#__PURE__*/function () {
-        var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-          return _regeneratorRuntime().wrap(function _callee$(_context) {
-            while (1) switch (_context.prev = _context.next) {
+        var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+          return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+            while (1) switch (_context3.prev = _context3.next) {
               case 0:
-                _context.next = 2;
-                return apiService().DownloadFile(src, "", function (data) {
-                  setImageSrc(data);
-                }, true);
+                _context3.next = 2;
+                return fetchMappingFrom();
               case 2:
+                _context3.next = 4;
+                return fetchMappingTo();
+              case 4:
+                if (setIsLoading != null) {
+                  setIsLoading(false);
+                }
+              case 5:
               case "end":
-                return _context.stop();
+                return _context3.stop();
             }
-          }, _callee);
+          }, _callee3);
         }));
         return function fetchData() {
-          return _ref2.apply(this, arguments);
+          return _ref4.apply(this, arguments);
         };
       }();
       fetchData();
     }
-  }, [enableAuth]);
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, enableAuth && imageSrc != null && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_image["default"], {
-    src: imageError ? process.env.fallbackImageSrc : imageSrc,
-    alt: alt,
-    width: width,
-    height: height,
-    style: {
-      objectFit: objectFit
+  }, [documentComponentId]);
+  return /*#__PURE__*/_react["default"].createElement(_system.Box, null, /*#__PURE__*/_react["default"].createElement(_Container["default"], {
+    maxWidth: "xl",
+    sx: {
+      marginTop: 2
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+    container: true,
+    spacing: 2
+  }, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+    item: true,
+    xs: 6
+  }, /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      position: "sticky",
+      top: 20
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    variant: "h4",
+    gutterBottom: true,
+    sx: {
+      paddingBottom: 2
+    }
+  }, "File Uploaded: ", /*#__PURE__*/_react["default"].createElement("br", null), " ", documentName), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    variant: "subtitle1",
+    gutterBottom: true,
+    sx: {
+      paddingBottom: 2
+    }
+  }, "You have ", fromColumnOptions != null && fromColumnOptions.length, " columns that can be created or mapped"), /*#__PURE__*/_react["default"].createElement(_material.Button, {
+    variant: "outlined",
+    sx: {
+      marginRight: 2
     },
-    onError: function onError() {
-      return setImageError(true);
+    onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            if (onCancel != null) {
+              onCancel();
+            }
+          case 1:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4);
+    }))
+  }, "Cancel"), /*#__PURE__*/_react["default"].createElement(_material.Button, {
+    variant: "contained",
+    endIcon: /*#__PURE__*/_react["default"].createElement(_ArrowRightAltRounded["default"], null),
+    sx: {
+      marginRight: 2
+    },
+    onClick: function onClick() {
+      setShowPreviewDialog(true);
     }
-  })), !enableAuth && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_image["default"], {
-    src: imageError ? process.env.fallbackImageSrc : src,
-    alt: alt,
-    width: width,
-    height: height,
-    style: {
-      objectFit: objectFit
+  }, "Next, Preview your mapping"))), /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+    item: true,
+    xs: 5
+  }, fromColumnOptions != null && fromColumnOptions.map(function (column) {
+    return /*#__PURE__*/_react["default"].createElement(_system.Box, null, /*#__PURE__*/_react["default"].createElement(MappedColumn, {
+      companyId: currentUser.companyId,
+      documentId: documentId,
+      documentType: documentType,
+      documentMappingId: column.id,
+      name: column.name,
+      toName: column.toName,
+      isMapped: column.toName == null || column.toName == "" ? true : false,
+      toOptions: toColumnOptions,
+      onResponse: function onResponse() {
+        fetchMappingFrom();
+        fetchMappingTo();
+      }
+    }));
+  })))), /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
+    open: showPreviewDialog,
+    onClose: function onClose() {
+      setShowPreviewDialog(false);
     },
-    onError: function onError() {
-      return setImageError(true);
+    fullWidth: true,
+    maxWidth: "xl",
+    "aria-labelledby": "alert-dialog-title",
+    "aria-describedby": "alert-dialog-description"
+  }, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], {
+    id: "alert-dialog-title",
+    sx: {
+      fontSize: "25px",
+      paddingTop: 4
     }
-  })));
-};
-exports.NextImage = NextImage;
+  }, "Preview your mapping"), /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      paddingLeft: 3
+    }
+  }, "Ensure that the data uploaded is accurately mapped and all (Required) fields are completed."), /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    "aria-label": "close",
+    onClick: function onClick() {
+      setShowPreviewDialog(false);
+    },
+    sx: {
+      position: 'absolute',
+      right: 8,
+      top: 8,
+      color: function color(theme) {
+        return theme.palette.grey[500];
+      }
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Close["default"], null)), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      paddingBottom: 1
+    }
+  }, /*#__PURE__*/_react["default"].createElement(ConditionBasedTool, {
+    toColumnOptions: toColumnOptions,
+    documentId: documentId,
+    onConditionApplied: function onConditionApplied(currentQuery) {
+      var incrementNum = urlTick + 1;
+      setURLTick(incrementNum);
+      setAdvanceQuery(currentQuery);
+
+      // setSpreadSheetAddress("/DocumentMappingPreview/PreviewMappedData?companyId=" + currentUser.companyId + "&documentComponentId=" + documentComponentId + "&tick=" + incrementNum);
+    }
+  })), spreadSheetAddress != null && /*#__PURE__*/_react["default"].createElement(SpreadsheetViewer, {
+    ref: spreadSheetRef,
+    url: spreadSheetAddress,
+    advanceQuery: advanceQuery,
+    currentUser: currentUser,
+    hideToolbar: true,
+    loadedUser: true
+  })), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_material.Button, {
+    onClick: function onClick() {
+      setShowPreviewDialog(false);
+    }
+  }, "Cancel"), /*#__PURE__*/_react["default"].createElement(_material.Button, {
+    variant: "contained",
+    onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+      var publishedRows, response;
+      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            if (setIsLoading != null) {
+              setIsLoading(true);
+            }
+            publishedRows = spreadSheetRef.current.getRows();
+            _context5.next = 4;
+            return apiService().post("/DocumentMapping/Publish", {
+              companyId: currentUser.companyId,
+              documentId: documentId,
+              publishedRows: publishedRows
+            });
+          case 4:
+            response = _context5.sent;
+            if (response != null && response.status == 200) {
+              setShowPreviewDialog(false);
+              if (onPublished != null) {
+                onPublished();
+              }
+            } else {
+              alert(JSON.stringify(response.data));
+            }
+            if (setIsLoading != null) {
+              setIsLoading(false);
+            }
+          case 7:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5);
+    }))
+  }, "Publish"))));
+}
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PageToPDF = void 0;
+exports.ConditionBasedTool = ConditionBasedTool;
 var _react = _interopRequireWildcard(require("react"));
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _html2canvas = _interopRequireDefault(require("html2canvas"));
-var _jspdf = require("jspdf");
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
-var _DownloadRounded = _interopRequireDefault(require("@mui/icons-material/DownloadRounded"));
+var _system = require("@mui/system");
+var _Accordion = _interopRequireDefault(require("@mui/material/Accordion"));
+var _AccordionSummary = _interopRequireDefault(require("@mui/material/AccordionSummary"));
+var _AccordionDetails = _interopRequireDefault(require("@mui/material/AccordionDetails"));
+var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
+var _reactQuerybuilder = require("react-querybuilder");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var PageToPDF = function PageToPDF(_ref) {
-  var _ref$buttonText = _ref.buttonText,
-    buttonText = _ref$buttonText === void 0 ? "Download" : _ref$buttonText,
-    _ref$startIcon = _ref.startIcon,
-    startIcon = _ref$startIcon === void 0 ? /*#__PURE__*/_react["default"].createElement(_DownloadRounded["default"], null) : _ref$startIcon,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? "contained" : _ref$variant,
-    elementById = _ref.elementById,
-    _ref$scale = _ref.scale,
-    scale = _ref$scale === void 0 ? 2 : _ref$scale,
-    _ref$showHideClassEle = _ref.showHideClassElements,
-    showHideClassElements = _ref$showHideClassEle === void 0 ? [] : _ref$showHideClassEle,
-    _ref$fileName = _ref.fileName,
-    fileName = _ref$fileName === void 0 ? "download" : _ref$fileName;
-  var onHideElements = function onHideElements() {
-    for (var index = 0; index < showHideClassElements.length; index++) {
-      var element = showHideClassElements[index];
-      var elements = document.getElementsByClassName(element);
-      for (var i = 0; i < elements.length; i++) {
-        elements[i].style.display = "none";
-      }
-    }
-  };
-  var onShowElements = function onShowElements() {
-    for (var index = 0; index < showHideClassElements.length; index++) {
-      var element = showHideClassElements[index];
-      var elements = document.getElementsByClassName(element);
-      for (var i = 0; i < elements.length; i++) {
-        elements[i].style.display = "block";
-      }
-    }
-  };
-  var printElement = function printElement() {
-    onHideElements();
-    var input = document.getElementById(elementById);
-    (0, _html2canvas["default"])(input, {
-      backgroundColor: null,
-      scale: scale
-    }).then(function (canvas) {
-      var imgData = canvas.toDataURL("image/png", 1.0);
-      var pdf = new _jspdf.jsPDF();
-      var pdfWidth = pdf.internal.pageSize.getWidth();
-      var pdfHeight = pdf.internal.pageSize.getHeight();
-      var imgWidth = canvas.width;
-      var imgHeight = canvas.height;
-      var scaleFactor = Math.min(pdfWidth / imgWidth, pdfHeight / imgHeight);
-      var scaledWidth = imgWidth * scaleFactor;
-      var scaledHeight = imgHeight * scaleFactor;
-      var x = (pdfWidth - scaledWidth) / 2;
-      var y = 0; // Set y coordinate to 0 to align to the top
-      pdf.addImage(imgData, "PNG", x, y, scaledWidth, scaledHeight);
-      pdf.save(fileName + ".pdf");
-    });
-    onShowElements();
-  };
-  return /*#__PURE__*/_react["default"].createElement(_Box["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    startIcon: startIcon,
-    variant: variant,
-    onClick: function onClick() {
-      printElement();
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } // import { apiService, FileUploader} from 'authscape';
+function ConditionBasedTool(_ref) {
+  var toColumnOptions = _ref.toColumnOptions,
+    documentId = _ref.documentId,
+    onConditionApplied = _ref.onConditionApplied;
+  var _useState = (0, _react.useState)(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentQuery = _useState2[0],
+    setCurrentQuery = _useState2[1];
+
+  // const fields = [
+  //     { name: 'firstName', label: 'First Name' },
+  //     { name: 'lastName', label: 'Last Name' }
+  // ];
+
+  (0, _react.useEffect)(function () {
+    if (documentId != null) {
+      var fetchData = /*#__PURE__*/function () {
+        var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+          var response;
+          return _regeneratorRuntime().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return apiService().get("/DocumentMapping/GetRules?documentComponentId=" + documentId);
+              case 2:
+                response = _context.sent;
+                if (response != null && response.status == 200) {
+                  if (response.data != null && response.data != "") {
+                    setCurrentQuery(response.data);
+                  } else {
+                    setCurrentQuery(null);
+                  }
+                }
+              case 4:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        return function fetchData() {
+          return _ref2.apply(this, arguments);
+        };
+      }();
+      fetchData();
     }
-  }, buttonText));
-};
-exports.PageToPDF = PageToPDF;
+  }, [documentId]);
+  var getFields = function getFields() {
+    var fields = [];
+    for (var index = 0; index < toColumnOptions.length; index++) {
+      var toColumn = toColumnOptions[index];
+      if (toColumn.isMapped)
+        // only show filters that are mapped
+        {
+          fields.push({
+            name: toColumn.name,
+            label: toColumn.visibleName
+          });
+        }
+    }
+    return fields;
+  };
+  var customOperators = [{
+    name: 'contains',
+    label: 'Contains'
+  }, {
+    name: 'notContains',
+    label: 'Does not contain'
+  }];
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_system.Box, null, /*#__PURE__*/_react["default"].createElement(_Accordion["default"], null, /*#__PURE__*/_react["default"].createElement(_AccordionSummary["default"], {
+    expandIcon: /*#__PURE__*/_react["default"].createElement(_ExpandMore["default"], null),
+    "aria-controls": "panel1-content",
+    id: "panel1-header"
+  }, "Advance filtering"), /*#__PURE__*/_react["default"].createElement(_AccordionDetails["default"], null, /*#__PURE__*/_react["default"].createElement(_reactQuerybuilder.QueryBuilder, {
+    fields: getFields(),
+    operators: customOperators,
+    query: currentQuery,
+    onQueryChange: setCurrentQuery
+  }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    variant: "contained",
+    sx: {
+      marginTop: 1
+    },
+    onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      var response;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return apiService().put("/DocumentMapping/ApplyFilterForViewer", {
+              documentComponentId: documentId,
+              rules: JSON.stringify(currentQuery)
+            });
+          case 2:
+            response = _context2.sent;
+            if (response != null && response.status == 200) {
+              onConditionApplied(currentQuery);
+            }
+          case 4:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }))
+  }, "Apply Filter")))));
+}
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Pricing = Pricing;
-var _react = _interopRequireDefault(require("react"));
-var _system = require("@mui/system");
-var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
+exports.Datasources = Datasources;
+var _react = _interopRequireWildcard(require("react"));
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _ChevronRightRounded = _interopRequireDefault(require("@mui/icons-material/ChevronRightRounded"));
+var _system = require("@mui/system");
+var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
+var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
+var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
+var _DialogContentText = _interopRequireDefault(require("@mui/material/DialogContentText"));
+var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
 var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
 var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
 var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
 var _Select = _interopRequireDefault(require("@mui/material/Select"));
-var _reactHookForm = require("react-hook-form");
+var _Radio = _interopRequireDefault(require("@mui/material/Radio"));
+var _RadioGroup = _interopRequireDefault(require("@mui/material/RadioGroup"));
+var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
+var _FormLabel = _interopRequireDefault(require("@mui/material/FormLabel"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function Pricing(_ref) {
-  var _ref$title = _ref.title,
-    title = _ref$title === void 0 ? null : _ref$title,
-    _ref$tiers = _ref.tiers,
-    tiers = _ref$tiers === void 0 ? [] : _ref$tiers,
-    _ref$features = _ref.features,
-    features = _ref$features === void 0 ? null : _ref$features,
-    _ref$onButtonClicked = _ref.onButtonClicked,
-    onButtonClicked = _ref$onButtonClicked === void 0 ? null : _ref$onButtonClicked;
-  var _useForm = (0, _reactHookForm.useForm)(),
-    control = _useForm.control,
-    register = _useForm.register,
-    handleSubmit = _useForm.handleSubmit,
-    errors = _useForm.formState.errors,
-    watch = _useForm.watch,
-    setValue = _useForm.setValue;
-  var calculateQty = function calculateQty(qty) {
-    var newMax = qty.minQty + qty.maxQty;
-    var menuItemArray = [];
-    var newIndex = 1;
-    for (var index = qty.minQty; index < newMax; index++) {
-      menuItemArray[newIndex] = newIndex;
-      newIndex++;
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } // import {apiService, authService, StripeConnect, ReactDraft, EditableDatagrid, FileUploader} from 'authscape';
+function Datasources(_ref) {
+  var _ref$disableTraining = _ref.disableTraining,
+    disableTraining = _ref$disableTraining === void 0 ? false : _ref$disableTraining;
+  var documentColumns = [{
+    field: 'name',
+    headerName: 'Name',
+    width: 150,
+    editable: false
+  }, {
+    field: "type",
+    type: "actions",
+    width: 200,
+    flex: 1,
+    headerName: "Data Source",
+    getActions: function getActions(_ref2) {
+      var id = _ref2.id,
+        row = _ref2.row;
+      return [/*#__PURE__*/_react["default"].createElement(_system.Box, {
+        sx: {
+          textAlign: "left"
+        }
+      }, row.type == 0 ? "Database" : "", row.type == 1 ? "Dynamic Mapping" : "", row.type == 2 ? "Custom Model" : "")];
     }
-    return menuItemArray;
-  };
+  }, {
+    field: "Detail",
+    type: "actions",
+    width: 200,
+    flex: 1,
+    headerName: "Mapping To",
+    getActions: function getActions(_ref3) {
+      var id = _ref3.id,
+        row = _ref3.row;
+      return [/*#__PURE__*/_react["default"].createElement(_system.Box, {
+        sx: {
+          textAlign: "left"
+        }
+      }, row.type == 0 ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "Table: ", row.tableName) : "", row.type == 1 ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "Database driven mapping") : "", row.type == 2 ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "Type Name: ", row.typeName, /*#__PURE__*/_react["default"].createElement("br", null), " Assembly Fullname: ", row.assemblyFullName) : "")];
+    }
+  }
+  // {
+  //     field: "actions",
+  //     type: "actions",
+  //     width: 200,
+  //     headerName: "Archive",
+  //     cellClassName: "actions",
+  //     getActions: ({ id, row }) => {
+  //       return [
+  //         <GridActionsCellItem key={id}
+  //           icon={<DeleteRoundedIcon />}
+  //           label="Archive"
+  //           className="textPrimary"
+  //           onClick={async () => {
+
+  //             let documentMappingId = "";
+  //             let documentComponentId = "";
+
+  //             // archive the column
+  //             await apiService().delete("/DocumentMapping/RemoveColumnFromDocumentComponent?documentMappingId=" + documentMappingId + "&documentComponentId=" + documentComponentId)
+
+  //           }}
+  //         />,
+  //       ];
+  //     },
+  // }
+  ];
+
+  var refDatabaseTableSelect = (0, _react.useRef)(null);
+  var refNewDocTypeName = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    dataGridRefreshKey = _useState2[0],
+    setDataGridRefreshKey = _useState2[1];
+  var _useState3 = (0, _react.useState)(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    document = _useState4[0],
+    setDocument = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    showDatasource = _useState6[0],
+    setShowDatasource = _useState6[1];
+  var _useState7 = (0, _react.useState)(null),
+    _useState8 = _slicedToArray(_useState7, 2),
+    databaseTables = _useState8[0],
+    setDatabaseTables = _useState8[1];
+  var _useState9 = (0, _react.useState)("database"),
+    _useState10 = _slicedToArray(_useState9, 2),
+    mappingType = _useState10[0],
+    setMappingType = _useState10[1];
+  var refTypeName = (0, _react.useRef)(null);
+  var refAssemblyFullName = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    var fetchData = /*#__PURE__*/function () {
+      var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var response;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return apiService().get("/DocumentMapping/GetTablesFromDatabase");
+            case 2:
+              response = _context.sent;
+              if (response != null && response.status == 200) {
+                setDatabaseTables(response.data);
+              }
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function fetchData() {
+        return _ref4.apply(this, arguments);
+      };
+    }();
+    fetchData();
+  }, []);
   return /*#__PURE__*/_react["default"].createElement(_system.Box, {
     sx: {
-      paddingTop: 2
+      marginTop: 6
     }
-  }, /*#__PURE__*/_react["default"].createElement("form", null, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-    container: true,
-    spacing: 0,
-    justifyContent: "center",
-    alignItems: "stretch",
-    direction: "row"
-  }, title != null && /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-    item: true,
-    xs: 12,
-    sm: 6,
-    md: 3,
-    key: "plans"
-  }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-    variant: "h4",
-    gutterBottom: true
-  }, title)), tiers.map(function (tier) {
-    return /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-      item: true,
-      xs: 12,
-      sm: 6,
-      md: 3,
-      key: tier.title
-    }, /*#__PURE__*/_react["default"].createElement(_system.Box, {
-      sx: {
-        paddingBottom: 2,
-        padding: 2
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_system.Box, {
-      sx: {
-        textAlign: "center",
-        paddingTop: 2
-      }
-    }, tier.image != null && /*#__PURE__*/_react["default"].createElement("img", {
-      src: tier.image,
-      width: 200,
-      height: 200
-    }), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-      variant: "h3",
-      component: "h2",
-      sx: {
-        paddingTop: 3
-      }
-    }, tier.title), tier.subTitle && /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-      variant: "h6",
-      component: "h2",
-      sx: {
-        paddingTop: 2
-      }
-    }, tier.subTitle), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-      container: true,
-      spacing: 0
-    }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-      item: true,
-      xs: tier.qty != null ? 6 : 12,
-      sx: {
-        padding: 4
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_system.Box, {
-      component: "span",
-      sx: {
-        fontSize: 30,
-        fontWeight: "bold"
-      }
-    }, "$", tier.price), tier.duration != null && /*#__PURE__*/_react["default"].createElement(_system.Box, {
-      component: "span"
-    }, "/ ", tier.duration)), tier.qty != null && /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-      item: true,
-      xs: 6,
-      sx: {
-        padding: 4
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
-      name: "qty-" + tier.id,
-      control: control,
-      rules: {
-        required: false
-      },
-      render: function render(_ref2) {
-        var renderField = _ref2.renderField;
-        return /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
-          fullWidth: true
-        }, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], {
-          id: "demo-simple-select-label"
-        }, "Quantity"), /*#__PURE__*/_react["default"].createElement(_Select["default"], _extends({}, register("qty-" + tier.id, {
-          required: false
-        }), renderField, {
-          labelId: "demo-simple-select-label",
-          id: "demo-simple-select",
-          defaultValue: 1,
-          label: "Quantity"
-        }), calculateQty(tier.qty).map(function (menuItem, index) {
-          return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-            key: index,
-            value: menuItem
-          }, menuItem);
-        })));
+  }, /*#__PURE__*/_react["default"].createElement(_system.Box, null, !disableTraining && /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      textAlign: "right",
+      marginBottom: 2
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    variant: "contained",
+    onClick: function onClick() {
+      setShowDatasource(true);
+    }
+  }, "Add Data Source")), /*#__PURE__*/_react["default"].createElement(EditableDatagrid, {
+    key: dataGridRefreshKey,
+    loadedUser: true,
+    url: "/DocumentMapping/GetDocumentTypes",
+    columns: documentColumns
+  })), /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
+    open: showDatasource,
+    onClose: function onClose() {
+      setShowDatasource(false);
+    },
+    "aria-labelledby": "alert-dialog-title",
+    "aria-describedby": "alert-dialog-description"
+  }, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], {
+    id: "alert-dialog-title"
+  }, "Data Source"), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement(_DialogContentText["default"], {
+    id: "alert-dialog-description"
+  }, "A data source is a place or system where data is stored and collected. It can be a database, file, web service, or sensor. Data is extracted, transformed, and used for analysis and other purposes. Managing data sources is crucial for data-driven decision-making."), /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      marginTop: 3
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+    inputRef: refNewDocTypeName,
+    label: "Name for data source",
+    variant: "outlined",
+    fullWidth: true
+  })), /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      marginTop: 2
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_FormControl["default"], null, /*#__PURE__*/_react["default"].createElement(_FormLabel["default"], {
+    id: "demo-row-radio-buttons-group-label"
+  }, "How the data will connect:"), /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
+    value: mappingType,
+    row: true,
+    "aria-labelledby": "demo-row-radio-buttons-group-label",
+    name: "row-radio-buttons-group",
+    onChange: function onChange(env) {
+      setMappingType(env.currentTarget.value);
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+    value: "database",
+    control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], null),
+    label: "Database"
+  }), /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+    value: "mappingTable",
+    control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], null),
+    label: "Dynamic Mapping Table"
+  }), /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+    value: "customModelMapping",
+    control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], null),
+    label: "Custom Model"
+  })))), mappingType == "database" && /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      marginTop: 2
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      minWidth: 120
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
+    fullWidth: true
+  }, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], {
+    id: "demo-simple-select-label"
+  }, "Database Tables"), /*#__PURE__*/_react["default"].createElement(_Select["default"], {
+    inputRef: refDatabaseTableSelect,
+    labelId: "demo-simple-select-label",
+    label: "Age"
+  }, databaseTables != null && databaseTables.map(function (table, index) {
+    return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+      value: table.tableName
+    }, table.tableName);
+  }))))), mappingType == "customModelMapping" && /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      marginTop: 2
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      minWidth: 120
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+    inputRef: refTypeName,
+    label: "Type Name (Example: API.Controllers.InvoiceUpload)",
+    variant: "outlined",
+    fullWidth: true,
+    sx: {
+      marginTop: 1
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+    inputRef: refAssemblyFullName,
+    label: "Assembly Full Name (Example: API)",
+    variant: "outlined",
+    fullWidth: true,
+    sx: {
+      marginTop: 1
+    }
+  })))), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    onClick: function onClick() {
+      setShowDatasource(false);
+    }
+  }, "Cancel"), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      var response, _response;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!(mappingType == "customModelMapping")) {
+              _context2.next = 7;
+              break;
+            }
+            _context2.next = 3;
+            return apiService().post("/DocumentMapping/AddDataSource", {
+              name: refNewDocTypeName.current.value,
+              dataTable: refNewDocTypeName.current.value,
+              documentType: 2,
+              typeName: refTypeName.current.value,
+              assemblyFullName: refAssemblyFullName.current.value
+            });
+          case 3:
+            response = _context2.sent;
+            if (response != null && response.data.error != null) {
+              alert(response.data.error);
+            } else {
+              if (response != null && (response.status == 204 || response.status == 200)) {
+                setDataGridRefreshKey(dataGridRefreshKey + 1);
+                setShowDatasource(false);
+              }
+            }
+            _context2.next = 11;
+            break;
+          case 7:
+            _context2.next = 9;
+            return apiService().post("/DocumentMapping/AddDataSource", {
+              name: refNewDocTypeName.current.value,
+              dataTable: refDatabaseTableSelect.current != null ? refDatabaseTableSelect.current.value : "",
+              documentType: mappingType == "database" ? 0 : 1
+            });
+          case 9:
+            _response = _context2.sent;
+            if (_response != null && (_response.status == 204 || _response.status == 200)) {
+              setDataGridRefreshKey(dataGridRefreshKey + 1);
+              setShowDatasource(false);
+            }
+          case 11:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }))
+  }, "Add Data Source"))));
+}
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FileMapping = FileMapping;
+var _react = _interopRequireWildcard(require("react"));
+var _system = require("@mui/system");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+// import ManageMappingDocuments from './manageMappingDocuments';
+// import AssignMapping from './AssignMapping';
+
+function FileMapping(_ref) {
+  var currentUser = _ref.currentUser,
+    _ref$fileUploadName = _ref.fileUploadName,
+    fileUploadName = _ref$fileUploadName === void 0 ? "Upload Document" : _ref$fileUploadName,
+    _ref$hideDocumentMana = _ref.hideDocumentManager,
+    hideDocumentManager = _ref$hideDocumentMana === void 0 ? false : _ref$hideDocumentMana,
+    _ref$setIsLoading = _ref.setIsLoading,
+    setIsLoading = _ref$setIsLoading === void 0 ? null : _ref$setIsLoading,
+    _ref$documentTypeId = _ref.documentTypeId,
+    documentTypeId = _ref$documentTypeId === void 0 ? null : _ref$documentTypeId,
+    _ref$onOpened = _ref.onOpened,
+    onOpened = _ref$onOpened === void 0 ? null : _ref$onOpened,
+    _ref$onPublished = _ref.onPublished,
+    _onPublished = _ref$onPublished === void 0 ? null : _ref$onPublished,
+    _ref$onCanceled = _ref.onCanceled,
+    onCanceled = _ref$onCanceled === void 0 ? null : _ref$onCanceled,
+    _ref$onArchived = _ref.onArchived,
+    onArchived = _ref$onArchived === void 0 ? null : _ref$onArchived;
+  var _useState = (0, _react.useState)(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    documentComponentId = _useState2[0],
+    setDocumentComponentId = _useState2[1];
+  (0, _react.useEffect)(function () {
+    if (documentComponentId != null) {
+      if (onOpened != null) {
+        onOpened(documentComponentId);
       }
-    }))), tier.modifiers != null && /*#__PURE__*/_react["default"].createElement(_system.Box, {
-      sx: {
-        paddingBottom: 2
+    }
+  }, [documentComponentId]);
+  return /*#__PURE__*/_react["default"].createElement(_system.Box, null, documentComponentId == null && /*#__PURE__*/_react["default"].createElement(ManageMappingDocuments, {
+    fileUploadName: fileUploadName,
+    documentTypeId: documentTypeId,
+    hideDocumentManager: hideDocumentManager,
+    companyId: currentUser != null ? currentUser.companyId : null,
+    onManageField: function onManageField(documentComponentId) {
+      setDocumentComponentId(documentComponentId);
+    },
+    onArchive: function onArchive(documentComponentId) {
+      //alert(documentComponentId);
+      if (onArchived != null) {
+        onArchived(documentComponentId);
       }
-    }, tier.modifiers.map(function (modifier, index) {
-      return /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
-        name: "modifier-" + tier.id + modifier.name,
-        control: control,
-        rules: {
-          required: false
-        },
-        render: function render(_ref3) {
-          var renderField = _ref3.renderField;
-          return /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
-            fullWidth: true,
-            key: index,
-            sx: {
-              marginTop: 2
-            }
-          }, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], {
-            id: "demo-simple-select-label"
-          }, modifier.name), /*#__PURE__*/_react["default"].createElement(_Select["default"], _extends({}, register("modifier-" + tier.id + "-" + modifier.name, {
-            required: false
-          }), renderField, {
-            labelId: "demo-simple-select-label",
-            id: "demo-simple-select",
-            defaultValue: 0,
-            label: modifier.name
-          }), modifier.options.map(function (mod, index) {
-            return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-              key: index,
-              value: index
-            }, mod);
-          })));
+    }
+  }), documentComponentId != null && /*#__PURE__*/_react["default"].createElement(AssignMapping, {
+    currentUser: currentUser,
+    setIsLoading: setIsLoading,
+    documentComponentId: documentComponentId,
+    onCancel: function onCancel() {
+      setDocumentComponentId(null);
+      if (onCanceled != null) {
+        onCanceled(documentComponentId);
+      }
+    },
+    onPublished: function onPublished() {
+      setDocumentComponentId(null);
+      if (_onPublished != null) {
+        _onPublished(documentComponentId);
+      }
+    }
+  }));
+}
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ManageMappingDocuments = ManageMappingDocuments;
+var _react = _interopRequireWildcard(require("react"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _system = require("@mui/system");
+var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
+var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
+var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
+var _DialogContentText = _interopRequireDefault(require("@mui/material/DialogContentText"));
+var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+var _Select = _interopRequireDefault(require("@mui/material/Select"));
+var _xDataGrid = require("@mui/x-data-grid");
+var _DeleteRounded = _interopRequireDefault(require("@mui/icons-material/DeleteRounded"));
+var _ListRounded = _interopRequireDefault(require("@mui/icons-material/ListRounded"));
+var _PublishRounded = _interopRequireDefault(require("@mui/icons-material/PublishRounded"));
+var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
+var _DownloadRounded = _interopRequireDefault(require("@mui/icons-material/DownloadRounded"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } // import {apiService, authService, StripeConnect, ReactDraft, EditableDatagrid, FileUploader} from 'authscape';
+function ManageMappingDocuments(_ref) {
+  var fileUploadName = _ref.fileUploadName,
+    _ref$hideDocumentMana = _ref.hideDocumentManager,
+    hideDocumentManager = _ref$hideDocumentMana === void 0 ? false : _ref$hideDocumentMana,
+    _ref$documentTypeId = _ref.documentTypeId,
+    documentTypeId = _ref$documentTypeId === void 0 ? null : _ref$documentTypeId,
+    _ref$companyId = _ref.companyId,
+    companyId = _ref$companyId === void 0 ? null : _ref$companyId,
+    _ref$locationId = _ref.locationId,
+    locationId = _ref$locationId === void 0 ? null : _ref$locationId,
+    _ref$userId = _ref.userId,
+    userId = _ref$userId === void 0 ? null : _ref$userId,
+    _ref$onManageField = _ref.onManageField,
+    onManageField = _ref$onManageField === void 0 ? null : _ref$onManageField,
+    _ref$onArchive = _ref.onArchive,
+    onArchive = _ref$onArchive === void 0 ? null : _ref$onArchive;
+  var _useState = (0, _react.useState)(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    document = _useState2[0],
+    setDocument = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    addColumnDialog = _useState4[0],
+    setAddColumnDialog = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    showAddNewDocument = _useState6[0],
+    setShowAddNewDocument = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    showTrainingDocument = _useState8[0],
+    setShowTrainingDocument = _useState8[1];
+  var _useState9 = (0, _react.useState)(''),
+    _useState10 = _slicedToArray(_useState9, 2),
+    columnName = _useState10[0],
+    setColumnName = _useState10[1];
+  var _useState11 = (0, _react.useState)(null),
+    _useState12 = _slicedToArray(_useState11, 2),
+    selectedAddedColumn = _useState12[0],
+    setSelectedAddedColumn = _useState12[1];
+  var _useState13 = (0, _react.useState)(null),
+    _useState14 = _slicedToArray(_useState13, 2),
+    documentMappingColumns = _useState14[0],
+    setDocumentMappingColumns = _useState14[1];
+  var _useState15 = (0, _react.useState)(null),
+    _useState16 = _slicedToArray(_useState15, 2),
+    toColumnOptions = _useState16[0],
+    setToColumnOptions = _useState16[1];
+  var _useState17 = (0, _react.useState)(null),
+    _useState18 = _slicedToArray(_useState17, 2),
+    removeDocument = _useState18[0],
+    setRemoveDocument = _useState18[1];
+  var _useState19 = (0, _react.useState)(null),
+    _useState20 = _slicedToArray(_useState19, 2),
+    selectedDocumentComponentId = _useState20[0],
+    setSelectedDocumentComponentId = _useState20[1];
+  var _useState21 = (0, _react.useState)(0),
+    _useState22 = _slicedToArray(_useState21, 2),
+    dataGridRefreshKey = _useState22[0],
+    setDataGridRefreshKey = _useState22[1];
+  var _useState23 = (0, _react.useState)(0),
+    _useState24 = _slicedToArray(_useState23, 2),
+    dataGridMappingRefreshKey = _useState24[0],
+    setDataGridMappingRefreshKey = _useState24[1];
+  var _useState25 = (0, _react.useState)(null),
+    _useState26 = _slicedToArray(_useState25, 2),
+    selectedDocument = _useState26[0],
+    setSelectedDocument = _useState26[1];
+  var _useState27 = (0, _react.useState)(0),
+    _useState28 = _slicedToArray(_useState27, 2),
+    status = _useState28[0],
+    setStatus = _useState28[1];
+  var _useState29 = (0, _react.useState)([]),
+    _useState30 = _slicedToArray(_useState29, 2),
+    componentTypes = _useState30[0],
+    setComponentTypes = _useState30[1];
+  var refHeaderRowInput = (0, _react.useRef)(null);
+  var fileUploaderRef = (0, _react.useRef)(null);
+  var refNewDocumentName = (0, _react.useRef)(null);
+  var refSelectDocumentType = (0, _react.useRef)(null);
+  var refNewColumnFileColumn = (0, _react.useRef)(null);
+  var documentColumns = [{
+    field: 'name',
+    flex: 1,
+    headerName: 'Document Name',
+    width: 150,
+    editable: false
+  }, {
+    field: 'documentTypeName',
+    flex: 1,
+    headerName: 'Document Type',
+    width: 150,
+    editable: false
+  }, {
+    field: "actions",
+    type: "actions",
+    width: 200,
+    flex: 1,
+    headerName: "",
+    cellClassName: "actions",
+    getActions: function getActions(_ref2) {
+      var id = _ref2.id,
+        row = _ref2.row;
+      return [/*#__PURE__*/_react["default"].createElement(_Button["default"], {
+        variant: "text",
+        startIcon: /*#__PURE__*/_react["default"].createElement(_ListRounded["default"], null),
+        onClick: function onClick() {
+          if (onManageField != null) {
+            onManageField(row.id);
+          }
         }
-      });
-    })), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-      fullWidth: true,
-      variant: tier.buttonVariant,
-      endIcon: /*#__PURE__*/_react["default"].createElement(_ChevronRightRounded["default"], null),
-      sx: {
-        height: 50
-      },
-      onClick: handleSubmit( /*#__PURE__*/function () {
-        var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data) {
-          var modifiers, qty, index, modifier;
+      }, "Manage Fields"), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+        variant: "text",
+        startIcon: /*#__PURE__*/_react["default"].createElement(_DownloadRounded["default"], null),
+        onClick: function onClick() {
+          window.open("https://view.officeapps.live.com/op/view.aspx?src=" + row.fileUri + "&wdOrigin=BROWSELINK");
+        }
+      }, "Download File"), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+        variant: "text",
+        startIcon: /*#__PURE__*/_react["default"].createElement(_DeleteRounded["default"], null),
+        onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+          var documentMappingId;
           return _regeneratorRuntime().wrap(function _callee$(_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
-                modifiers = {};
-                qty = null;
-                if (tier.modifiers != null) {
-                  for (index = 0; index < tier.modifiers.length; index++) {
-                    modifier = tier.modifiers[index]; // assign the modifier as a property
-                    modifiers[modifier.name] = data["modifier-" + tier.id + "-" + modifier.name];
-                  }
-                }
-                if (tier.qty != null) {
-                  qty = parseInt(data["qty-" + tier.id]);
-                }
-                if (onButtonClicked != null) {
-                  onButtonClicked({
-                    id: tier.id,
-                    modifiers: modifiers,
-                    qty: qty
-                  });
-                }
-              case 5:
+                documentMappingId = row.id;
+                setRemoveDocument({
+                  companyId: companyId,
+                  documentMappingId: documentMappingId
+                });
+              case 2:
               case "end":
                 return _context.stop();
             }
           }, _callee);
+        }))
+      }, "Remove")];
+    }
+  }];
+  (0, _react.useEffect)(function () {
+    if (document != null) {
+      var fetchData = /*#__PURE__*/function () {
+        var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+          var response;
+          return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+            while (1) switch (_context3.prev = _context3.next) {
+              case 0:
+                _context3.next = 2;
+                return apiService().get("/DocumentMapping/GetMappingFieldsForDocument?documentId=" + document.id);
+              case 2:
+                response = _context3.sent;
+                if (response != null) {
+                  setToColumnOptions(response.data);
+                  setDocumentMappingColumns([{
+                    field: 'name',
+                    flex: 1,
+                    headerName: 'File Column',
+                    width: 150,
+                    editable: true
+                  }, {
+                    field: 'toName',
+                    headerName: 'Upload To',
+                    flex: 1,
+                    width: 150,
+                    editable: true,
+                    type: 'singleSelect',
+                    valueOptions: response.data
+                  }, {
+                    field: "actions",
+                    type: "actions",
+                    width: 200,
+                    headerName: "Archive Fields",
+                    cellClassName: "actions",
+                    getActions: function getActions(_ref5) {
+                      var id = _ref5.id,
+                        row = _ref5.row;
+                      return [/*#__PURE__*/_react["default"].createElement(_xDataGrid.GridActionsCellItem, {
+                        key: id,
+                        icon: /*#__PURE__*/_react["default"].createElement(_DeleteRounded["default"], null),
+                        label: "Archive",
+                        className: "textPrimary",
+                        onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+                          var documentMappingId, documentComponentId, response;
+                          return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+                            while (1) switch (_context2.prev = _context2.next) {
+                              case 0:
+                                documentMappingId = row.id;
+                                documentComponentId = row.documentComponentId; // archive the column
+                                _context2.next = 4;
+                                return apiService()["delete"]("/DocumentMapping/RemoveColumnFromDocumentComponent?documentMappingId=" + documentMappingId + "&documentComponentId=" + documentComponentId);
+                              case 4:
+                                response = _context2.sent;
+                                if (response != null && response.status == 200) {
+                                  setDataGridMappingRefreshKey(dataGridMappingRefreshKey + 1);
+                                }
+                              case 6:
+                              case "end":
+                                return _context2.stop();
+                            }
+                          }, _callee2);
+                        }))
+                      })];
+                    }
+                  }]);
+                }
+              case 4:
+              case "end":
+                return _context3.stop();
+            }
+          }, _callee3);
         }));
-        return function (_x) {
+        return function fetchData() {
           return _ref4.apply(this, arguments);
         };
-      }())
-    }, tier.buttonText), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-      variant: "body2",
-      sx: {
-        paddingTop: 2,
-        fontSize: 16,
-        textAlign: "left",
-        lineHeight: "1.5rem"
+      }();
+      fetchData();
+    }
+  }, [document]);
+  (0, _react.useEffect)(function () {
+    if (showAddNewDocument && documentTypeId == null) {
+      // get all document types
+      var fetchData = /*#__PURE__*/function () {
+        var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+          var response;
+          return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+            while (1) switch (_context4.prev = _context4.next) {
+              case 0:
+                _context4.next = 2;
+                return apiService().post("/DocumentMapping/GetDocumentTypes");
+              case 2:
+                response = _context4.sent;
+                if (response != null && response.status == 200) {
+                  setComponentTypes(response.data.data);
+                }
+              case 4:
+              case "end":
+                return _context4.stop();
+            }
+          }, _callee4);
+        }));
+        return function fetchData() {
+          return _ref7.apply(this, arguments);
+        };
+      }();
+      fetchData();
+    }
+  }, [showAddNewDocument, documentTypeId]);
+  var GetHeaderRowData = /*#__PURE__*/function () {
+    var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(documentComponentId) {
+      var response;
+      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            _context5.next = 2;
+            return apiService().get("/DocumentMapping/GetHeaderRow?documentComponentId=" + documentComponentId);
+          case 2:
+            response = _context5.sent;
+            if (response != null && response.status == 200) {
+              refHeaderRowInput.current.value = response.data;
+            }
+          case 4:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5);
+    }));
+    return function GetHeaderRowData(_x2) {
+      return _ref8.apply(this, arguments);
+    };
+  }();
+  (0, _react.useEffect)(function () {
+    if (status != null) {
+      setDataGridRefreshKey(dataGridRefreshKey + 1);
+    }
+  }, [status]);
+  return /*#__PURE__*/_react["default"].createElement(_system.Box, null, !hideDocumentManager && /*#__PURE__*/_react["default"].createElement(_system.Box, null, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+    container: true,
+    spacing: 2,
+    sx: {
+      paddingBottom: 2
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+    item: true,
+    xs: 3
+  }, /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      minWidth: 120
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
+    fullWidth: true
+  }, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], {
+    id: "demo-simple-select-label"
+  }, "Status"), /*#__PURE__*/_react["default"].createElement(_Select["default"], {
+    labelId: "demo-simple-select-label",
+    id: "demo-simple-select",
+    value: status,
+    label: "Status",
+    onChange: function onChange(event) {
+      setStatus(event.target.value);
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: 0
+  }, "Open"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: 2
+  }, "Published"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: 1
+  }, "Archived"))))), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+    item: true,
+    xs: 9
+  }, /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      textAlign: "right",
+      marginBottom: 2
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    variant: "contained",
+    onClick: function onClick() {
+      setShowAddNewDocument(true);
+    }
+  }, fileUploadName)))), /*#__PURE__*/_react["default"].createElement(EditableDatagrid, {
+    key: dataGridRefreshKey,
+    loadedUser: true,
+    params: {
+      companyId: companyId,
+      userId: userId,
+      locationId: locationId,
+      status: status
+    },
+    url: "/DocumentMapping/GetDocumentComponents",
+    columns: documentColumns
+  })), hideDocumentManager && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    variant: "contained",
+    onClick: function onClick() {
+      setShowAddNewDocument(true);
+    }
+  }, fileUploadName), /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
+    open: showAddNewDocument,
+    onClose: function onClose() {
+      setShowAddNewDocument(false);
+    },
+    fullWidth: true,
+    "aria-labelledby": "alert-dialog-title",
+    "aria-describedby": "alert-dialog-description"
+  }, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], {
+    id: "alert-dialog-title"
+  }, "Upload Document"), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, documentTypeId == null && /*#__PURE__*/_react["default"].createElement(_DialogContentText["default"], {
+    id: "alert-dialog-description",
+    sx: {
+      paddingBottom: 2
+    }
+  }, "Please select the type of document, then click \"Choose a file\""), documentTypeId == null && /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      marginTop: 2
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      minWidth: 120
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
+    fullWidth: true
+  }, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], {
+    id: "demo-simple-select-label"
+  }, "Document Type"), /*#__PURE__*/_react["default"].createElement(_Select["default"], {
+    labelId: "demo-simple-select-label",
+    id: "demo-simple-select",
+    inputRef: refSelectDocumentType,
+    onChange: function onChange(val) {
+      var _selectedDocument = componentTypes.find(function (s) {
+        return s.id == val.target.value;
+      });
+      setSelectedDocument(_selectedDocument);
+    },
+    label: "DocumentType"
+  }, componentTypes != null && componentTypes.map(function (componentType) {
+    return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+      value: componentType.id
+    }, componentType.name);
+  }))))), (selectedDocument != null || selectedDocument == null && documentTypeId != null) && /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      textAlign: "center",
+      width: "100%",
+      display: "flex",
+      alignItems: "center",
+      paddingTop: 2
+    }
+  }, /*#__PURE__*/_react["default"].createElement(FileUploader, {
+    refOveride: fileUploaderRef,
+    params: {
+      documentTypeId: documentTypeId == null ? selectedDocument.id : documentTypeId,
+      companyId: companyId
+    },
+    url: "/DocumentMapping/SyncDocument",
+    multiple: true,
+    variant: "custom",
+    onUploadCompleted: function onUploadCompleted(responses) {
+      if (responses.length > 0) {
+        var row = responses[0].data;
+        if (onManageField != null) {
+          onManageField(row.id);
+        }
+      }
+      setShowAddNewDocument(false);
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      display: "flex",
+      alignItems: "center"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    htmlFor: "file-upload",
+    sx: {
+      border: "2px dashed #aaa",
+      padding: 20,
+      textAlign: "center",
+      cursor: "pointer"
+    }
+  }, 'Choose a file'))))), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    onClick: function onClick() {
+      setShowAddNewDocument(false);
+    }
+  }, "Cancel"))), /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
+    open: showTrainingDocument,
+    onClose: function onClose() {
+      setShowTrainingDocument(false);
+    },
+    fullWidth: true,
+    "aria-labelledby": "alert-dialog-title",
+    "aria-describedby": "alert-dialog-description"
+  }, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], {
+    id: "alert-dialog-title"
+  }, "Setup Mapping"), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement(_DialogContentText["default"], {
+    id: "alert-dialog-description"
+  }, "If you'd like to submit a file, we can assist in configuring the fields to match the formatting of your document."), document != null && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(FileUploader, {
+    refOveride: fileUploaderRef,
+    url: "/DocumentMapping/TrainDocument",
+    params: {
+      documentComponentId: document.id,
+      companyId: companyId,
+      locationId: locationId,
+      userId: userId
+    },
+    multiple: false,
+    variant: "custom",
+    onUploadCompleted: function onUploadCompleted() {
+      setDataGridMappingRefreshKey(dataGridMappingRefreshKey + 1);
+
+      // setUpdate(!update);
+      // handleClose();
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      marginTop: 2,
+      borderRadius: 2,
+      backgroundColor: "#f5f5f5",
+      border: "1px solid lightgray",
+      cursor: "pointer",
+      padding: 2
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    id: "FileUploader",
+    "aria-controls": open ? 'demo-customized-menu' : undefined,
+    "aria-haspopup": "true",
+    "aria-expanded": open ? 'true' : undefined,
+    variant: "text",
+    disableElevation: true,
+    startIcon: /*#__PURE__*/_react["default"].createElement(_PublishRounded["default"], null),
+    sx: {
+      marginLeft: 1
+    }
+  }, "Upload Sample File"))))), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    onClick: function onClick() {
+      setShowTrainingDocument(false);
+    }
+  }, "No, thank you"))), /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
+    open: addColumnDialog,
+    onClose: function onClose() {
+      setAddColumnDialog(false);
+    },
+    fullWidth: true,
+    "aria-labelledby": "alert-dialog-title",
+    "aria-describedby": "alert-dialog-description"
+  }, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], {
+    id: "alert-dialog-title"
+  }, "Add Column"), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement(_DialogContentText["default"], {
+    id: "alert-dialog-description"
+  }, "Include a column for document mapping"), /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      marginTop: 2
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+    inputRef: refNewColumnFileColumn,
+    id: "outlined-basic",
+    label: "File Column",
+    fullWidth: true,
+    variant: "outlined"
+  })), /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      marginTop: 4
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
+    fullWidth: true
+  }, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], {
+    id: "demo-simple-select-label"
+  }, "Column Name"), /*#__PURE__*/_react["default"].createElement(_Select["default"], {
+    labelId: "demo-simple-select-label",
+    id: "demo-simple-select",
+    value: selectedAddedColumn,
+    label: "Column Name",
+    onChange: function onChange(data) {
+      setSelectedAddedColumn(data.target.value);
+    }
+  })))), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    onClick: function onClick() {
+      setAddColumnDialog(false);
+    }
+  }, "Cancel"), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
+      var response;
+      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
+          case 0:
+            _context6.next = 2;
+            return apiService().post("/DocumentMapping/AddNewField", {
+              tableName: document.name,
+              fieldName: refNewColumnFileColumn.current.value,
+              fileColumn: selectedAddedColumn,
+              companyId: companyId,
+              locationId: locationId,
+              userId: userId
+            });
+          case 2:
+            response = _context6.sent;
+            if (response != null && response.status == 200) {
+              setDataGridMappingRefreshKey(dataGridMappingRefreshKey + 1);
+              setAddColumnDialog(false);
+            }
+          case 4:
+          case "end":
+            return _context6.stop();
+        }
+      }, _callee6);
+    })),
+    autoFocus: true
+  }, "Add Column"))), /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
+    open: removeDocument != null ? true : false,
+    onClose: function onClose() {
+      setRemoveDocument(null);
+    },
+    fullWidth: true,
+    "aria-labelledby": "alert-dialog-title",
+    "aria-describedby": "alert-dialog-description"
+  }, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], {
+    id: "alert-dialog-title"
+  }, "Remove the document"), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement(_DialogContentText["default"], {
+    id: "alert-dialog-description"
+  }, "Are you sure you want to remove this document?")), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    onClick: function onClick() {
+      setRemoveDocument(null);
+    }
+  }, "Cancel"), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
+      var response;
+      return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+        while (1) switch (_context7.prev = _context7.next) {
+          case 0:
+            response = null;
+            if (!(companyId != null)) {
+              _context7.next = 7;
+              break;
+            }
+            _context7.next = 4;
+            return apiService()["delete"]("/DocumentMapping/RemoveDocument?companyId=" + removeDocument.companyId + "&documentId=" + removeDocument.documentMappingId);
+          case 4:
+            response = _context7.sent;
+            _context7.next = 10;
+            break;
+          case 7:
+            _context7.next = 9;
+            return apiService()["delete"]("/DocumentMapping/RemoveDocument?documentId=" + removeDocument.documentMappingId);
+          case 9:
+            response = _context7.sent;
+          case 10:
+            if (response != null && response.status == 200) {
+              setDataGridRefreshKey(dataGridRefreshKey + 1);
+              setRemoveDocument(null);
+              if (onArchive != null) {
+                onArchive(removeDocument.documentMappingId);
+              }
+            }
+          case 11:
+          case "end":
+            return _context7.stop();
+        }
+      }, _callee7);
+    }))
+  }, "Remove Document"))));
+}
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MappedColumn = MappedColumn;
+var _react = _interopRequireWildcard(require("react"));
+var _Card = _interopRequireDefault(require("@mui/material/Card"));
+var _CardActions = _interopRequireDefault(require("@mui/material/CardActions"));
+var _CardContent = _interopRequireDefault(require("@mui/material/CardContent"));
+var _system = require("@mui/system");
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _Link = _interopRequireDefault(require("@mui/icons-material/Link"));
+var _LinkOff = _interopRequireDefault(require("@mui/icons-material/LinkOff"));
+var _Stack = _interopRequireDefault(require("@mui/material/Stack"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; } // import NewMappingColumn from './newMappingColumn';
+// import MatchExistingMappedColumn from './matchExisting';
+// import { apiService } from 'authscape';
+
+function MappedColumn(_ref) {
+  var companyId = _ref.companyId,
+    documentId = _ref.documentId,
+    documentType = _ref.documentType,
+    documentMappingId = _ref.documentMappingId,
+    name = _ref.name,
+    toName = _ref.toName,
+    isMapped = _ref.isMapped,
+    toOptions = _ref.toOptions,
+    onResponse = _ref.onResponse;
+  var notMatchedColor = "#ffe5e5";
+  var matchedColor = "#fff";
+  return /*#__PURE__*/_react["default"].createElement(_Card["default"], {
+    sx: {
+      marginTop: 1
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_CardContent["default"], {
+    sx: {
+      position: "relative",
+      backgroundColor: isMapped ? notMatchedColor : matchedColor
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    gutterBottom: true,
+    variant: "h5",
+    component: "div"
+  }, name), /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      position: "absolute",
+      top: "10px",
+      right: "10px"
+    }
+  }, isMapped ? /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+    direction: "row",
+    spacing: 1
+  }, /*#__PURE__*/_react["default"].createElement(_LinkOff["default"], null), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    variant: "body2",
+    sx: {
+      paddingTop: 0.5
+    }
+  }, "Not Matched")) : /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+    direction: "row",
+    spacing: 1
+  }, /*#__PURE__*/_react["default"].createElement(_Link["default"], null), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    variant: "body2",
+    sx: {
+      paddingTop: 0.5
+    }
+  }, "Matched"))), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    variant: "body2",
+    color: "text.secondary"
+  }, !isMapped && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "This column is matched with ", toName), isMapped && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "This column is not matched. If not matched it will not import"))), /*#__PURE__*/_react["default"].createElement(_CardActions["default"], {
+    sx: {
+      backgroundColor: isMapped ? notMatchedColor : matchedColor
+    }
+  }, !isMapped ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    startIcon: /*#__PURE__*/_react["default"].createElement(_LinkOff["default"], null),
+    size: "small",
+    sx: {
+      paddingLeft: 3
+    },
+    onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var response;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return apiService()["delete"]("/DocumentMapping/RemoveMatch?companyId=" + companyId + "&documentId=" + documentId + "&documentMappingId=" + documentMappingId);
+          case 2:
+            response = _context.sent;
+            if (response != null && response.status == 200) {
+              onResponse();
+            }
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }))
+  }, "Remove Match")) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(MatchExistingMappedColumn, {
+    companyId: companyId,
+    documentId: documentId,
+    documentMappingId: documentMappingId,
+    fromName: name,
+    toOptions: toOptions,
+    onResponse: onResponse
+  }), /*#__PURE__*/_react["default"].createElement(NewMappingColumn, {
+    name: name,
+    companyId: companyId,
+    documentType: documentType,
+    documentId: documentId,
+    documentMappingId: documentMappingId,
+    onResponse: onResponse
+  }))));
+}
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MatchExistingMappedColumn = MatchExistingMappedColumn;
+var _react = _interopRequireWildcard(require("react"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _system = require("@mui/system");
+var _LinkRounded = _interopRequireDefault(require("@mui/icons-material/LinkRounded"));
+var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
+var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
+var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
+var _DialogContentText = _interopRequireDefault(require("@mui/material/DialogContentText"));
+var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+var _Select = _interopRequireDefault(require("@mui/material/Select"));
+var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
+var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } // import {apiService, authService, StripeConnect, ReactDraft, EditableDatagrid, FileUploader} from 'authscape';
+function MatchExistingMappedColumn(_ref) {
+  var companyId = _ref.companyId,
+    documentId = _ref.documentId,
+    documentMappingId = _ref.documentMappingId,
+    fromName = _ref.fromName,
+    toOptions = _ref.toOptions,
+    onResponse = _ref.onResponse;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    createNewOpen = _useState2[0],
+    setCreateNewOpen = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    onlyAddRowIfFound = _useState4[0],
+    setOnlyAddRowIfFound = _useState4[1];
+  var _useState5 = (0, _react.useState)(true),
+    _useState6 = _slicedToArray(_useState5, 2),
+    rememberForNextTime = _useState6[0],
+    setRememberForNextTime = _useState6[1];
+  var _useState7 = (0, _react.useState)(null),
+    _useState8 = _slicedToArray(_useState7, 2),
+    selectedToColumn = _useState8[0],
+    setSelectedToColumn = _useState8[1];
+  var handleClose = function handleClose() {
+    setCreateNewOpen(false);
+  };
+  var checkboxRememberLabel = {
+    inputProps: {
+      'aria-label': 'Checkbox Remember'
+    }
+  };
+  var SelectedExistingColumns = function SelectedExistingColumns(_ref2) {
+    var toOptions = _ref2.toOptions;
+    return /*#__PURE__*/_react["default"].createElement(_system.Box, {
+      sx: {
+        minWidth: 120
+      }
+    }, /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
+      fullWidth: true
+    }, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], {
+      id: "demo-simple-select-label"
+    }, "Match to column"), /*#__PURE__*/_react["default"].createElement(_Select["default"], {
+      labelId: "demo-simple-select-label",
+      id: "demo-simple-select",
+      value: selectedToColumn,
+      label: "Age",
+      onChange: function onChange(event) {
+        setSelectedToColumn(event.target.value);
+      }
+    }, toOptions != null && toOptions.map(function (toOption) {
+      var isRequiredMessage = "";
+      if (toOption.isRequired) {
+        isRequiredMessage = " (Required)";
+      }
+      return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+        value: toOption.name
+      }, toOption.visibleName, " ", isRequiredMessage);
+    }))));
+  };
+  return /*#__PURE__*/_react["default"].createElement(_system.Box, null, /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
+    open: createNewOpen,
+    onClose: handleClose,
+    fullWidth: true,
+    "aria-labelledby": "alert-dialog-title",
+    "aria-describedby": "alert-dialog-description"
+  }, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], {
+    id: "alert-dialog-title"
+  }, "Match existing column"), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement(_DialogContentText["default"], {
+    id: "alert-dialog-description"
+  }, "***Inform the user about what it means to match existing columns***"), /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      paddingTop: 2
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+    id: "outlined-basic",
+    label: "File Column Name",
+    defaultValue: fromName,
+    variant: "outlined",
+    disabled: true,
+    fullWidth: true
+  })), /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      paddingTop: 2
+    }
+  }, /*#__PURE__*/_react["default"].createElement(SelectedExistingColumns, {
+    toOptions: toOptions
+  })), /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      paddingTop: 2
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+    value: "end",
+    control: /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], _extends({}, checkboxRememberLabel, {
+      defaultChecked: true,
+      onChange: function onChange(event) {
+        setRememberForNextTime(event.target.checked);
+      }
+    })),
+    label: "Remember match for next time",
+    labelPlacement: "end"
+  }))), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    onClick: handleClose
+  }, "Cancel"), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var response;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return apiService().put("/DocumentMapping/AssignMapping", {
+              companyId: companyId,
+              documentId: documentId,
+              fileColumnName: fromName,
+              documentMappingId: documentMappingId,
+              matchedColumn: selectedToColumn,
+              onlyAddRowIfColumnFound: onlyAddRowIfFound,
+              rememberForNextTime: rememberForNextTime
+            });
+          case 2:
+            response = _context.sent;
+            if (response != null && response.status == 200) {
+              onResponse();
+              handleClose();
+            }
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    })),
+    autoFocus: true
+  }, "Match Existing"))), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    startIcon: /*#__PURE__*/_react["default"].createElement(_LinkRounded["default"], null),
+    size: "small",
+    sx: {
+      paddingLeft: 3
+    },
+    onClick: function onClick() {
+      setCreateNewOpen(true);
+    }
+  }, "Match Existing"));
+}
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NewMappingColumn = NewMappingColumn;
+var _react = _interopRequireWildcard(require("react"));
+var _Card = _interopRequireDefault(require("@mui/material/Card"));
+var _CardContent = _interopRequireDefault(require("@mui/material/CardContent"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _system = require("@mui/system");
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _AddRounded = _interopRequireDefault(require("@mui/icons-material/AddRounded"));
+var _LinkRounded = _interopRequireDefault(require("@mui/icons-material/LinkRounded"));
+var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
+var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
+var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
+var _DialogContentText = _interopRequireDefault(require("@mui/material/DialogContentText"));
+var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
+var _LocalParkingRounded = _interopRequireDefault(require("@mui/icons-material/LocalParkingRounded"));
+var _TextFieldsRounded = _interopRequireDefault(require("@mui/icons-material/TextFieldsRounded"));
+var _IntegrationInstructionsRounded = _interopRequireDefault(require("@mui/icons-material/IntegrationInstructionsRounded"));
+var _ListAltRounded = _interopRequireDefault(require("@mui/icons-material/ListAltRounded"));
+var _CalendarMonthRounded = _interopRequireDefault(require("@mui/icons-material/CalendarMonthRounded"));
+var _CheckBoxRounded = _interopRequireDefault(require("@mui/icons-material/CheckBoxRounded"));
+var _InsertPhotoRounded = _interopRequireDefault(require("@mui/icons-material/InsertPhotoRounded"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+// import { apiService } from 'authscape';
+
+function NewMappingColumn(_ref) {
+  var name = _ref.name,
+    companyId = _ref.companyId,
+    documentType = _ref.documentType,
+    documentId = _ref.documentId,
+    documentMappingId = _ref.documentMappingId,
+    onResponse = _ref.onResponse;
+  var newColumnNameRef = (0, _react.useRef)(null);
+  var newColumnDescriptionRef = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    createNewOpen = _useState2[0],
+    setCreateNewOpen = _useState2[1];
+  var _useState3 = (0, _react.useState)(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectedAttributeId = _useState4[0],
+    setSelectedAttributeId = _useState4[1];
+  var handleClose = function handleClose() {
+    setCreateNewOpen(false);
+  };
+  var AttributeTypeComponent = function AttributeTypeComponent(_ref2) {
+    var id = _ref2.id,
+      icon = _ref2.icon,
+      text = _ref2.text;
+    return /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+      item: true,
+      xs: 3
+    }, /*#__PURE__*/_react["default"].createElement(_Card["default"], {
+      sx: {
+        textAlign: "center",
+        cursor: "pointer",
+        backgroundColor: selectedAttributeId == id ? "#e5e5e5" : "none"
+      },
+      onClick: function onClick() {
+        setSelectedAttributeId(id);
+      }
+    }, /*#__PURE__*/_react["default"].createElement(_CardContent["default"], null, icon, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+      variant: "body2",
+      color: "text.secondary",
+      sx: {
+        paddingTop: 1
+      }
+    }, text))));
+  };
+  return /*#__PURE__*/_react["default"].createElement(_system.Box, null, /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
+    open: createNewOpen,
+    onClose: handleClose,
+    fullWidth: true,
+    "aria-labelledby": "alert-dialog-title",
+    "aria-describedby": "alert-dialog-description"
+  }, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], {
+    id: "alert-dialog-title"
+  }, "Match to new column"), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement(_DialogContentText["default"], {
+    id: "alert-dialog-description"
+  }, "inform the user about adding a new columna and what that means here..."), /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      paddingTop: 2
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+    inputRef: newColumnNameRef,
+    defaultValue: name,
+    id: "outlined-basic",
+    label: "Name",
+    variant: "outlined",
+    fullWidth: true
+  })), /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      paddingTop: 2
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+    inputRef: newColumnDescriptionRef,
+    id: "outlined-basic",
+    label: "Description (optional)",
+    variant: "outlined",
+    fullWidth: true
+  })), /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      paddingTop: 2
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_system.Box, null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    variant: "body1",
+    gutterBottom: true
+  }, "Select how this column will be formatted")), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+    container: true,
+    spacing: 2,
+    sx: {
+      paddingTop: 2
+    }
+  }, /*#__PURE__*/_react["default"].createElement(AttributeTypeComponent, {
+    id: 0,
+    icon: /*#__PURE__*/_react["default"].createElement(_TextFieldsRounded["default"], null),
+    text: "text"
+  }), /*#__PURE__*/_react["default"].createElement(AttributeTypeComponent, {
+    id: 1,
+    icon: /*#__PURE__*/_react["default"].createElement(_LocalParkingRounded["default"], null),
+    text: "Paragraph"
+  }), /*#__PURE__*/_react["default"].createElement(AttributeTypeComponent, {
+    id: 2,
+    icon: /*#__PURE__*/_react["default"].createElement(_IntegrationInstructionsRounded["default"], null),
+    text: "HTML"
+  }), /*#__PURE__*/_react["default"].createElement(AttributeTypeComponent, {
+    id: 3,
+    icon: /*#__PURE__*/_react["default"].createElement(_system.Box, null, 123),
+    text: "Integer"
+  }), /*#__PURE__*/_react["default"].createElement(AttributeTypeComponent, {
+    id: 4,
+    icon: /*#__PURE__*/_react["default"].createElement(_system.Box, null, 10.23),
+    text: "Decimal"
+  }), /*#__PURE__*/_react["default"].createElement(AttributeTypeComponent, {
+    id: 5,
+    icon: /*#__PURE__*/_react["default"].createElement(_ListAltRounded["default"], null),
+    text: "Dropdown"
+  }), /*#__PURE__*/_react["default"].createElement(AttributeTypeComponent, {
+    id: 6,
+    icon: /*#__PURE__*/_react["default"].createElement(_CalendarMonthRounded["default"], null),
+    text: "Date"
+  }), /*#__PURE__*/_react["default"].createElement(AttributeTypeComponent, {
+    id: 7,
+    icon: /*#__PURE__*/_react["default"].createElement(_LinkRounded["default"], null),
+    text: "URL"
+  }), /*#__PURE__*/_react["default"].createElement(AttributeTypeComponent, {
+    id: 8,
+    icon: /*#__PURE__*/_react["default"].createElement(_CheckBoxRounded["default"], null),
+    text: "Boolean"
+  }), /*#__PURE__*/_react["default"].createElement(AttributeTypeComponent, {
+    id: 9,
+    icon: /*#__PURE__*/_react["default"].createElement(_InsertPhotoRounded["default"], null),
+    text: "Photo"
+  })))), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    onClick: handleClose
+  }, "Cancel"), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var response;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return apiService().post("/DocumentMapping/AddNewColumnAndMapping", {
+              companyId: companyId,
+              documentId: documentId,
+              documentMappingId: documentMappingId,
+              newColumn: newColumnNameRef.current.value,
+              description: newColumnDescriptionRef.current.value,
+              attributeFieldType: selectedAttributeId
+            });
+          case 2:
+            response = _context.sent;
+            if (response != null && response.status == 200) {
+              handleClose();
+              onResponse();
+            }
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    })),
+    autoFocus: true
+  }, "Create"))), documentType != null && documentType == 1 && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    startIcon: /*#__PURE__*/_react["default"].createElement(_AddRounded["default"], null),
+    size: "small",
+    sx: {
+      paddingLeft: 3
+    },
+    onClick: function onClick() {
+      setCreateNewOpen(true);
+    }
+  }, "Create New Column"));
+}
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SortableColumn = SortableColumn;
+var _react = _interopRequireDefault(require("react"));
+var _sortable = require("@dnd-kit/sortable");
+var _utilities = require("@dnd-kit/utilities");
+var _material = require("@mui/material");
+var _Menu = _interopRequireDefault(require("@mui/icons-material/Menu"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function SortableColumn(props) {
+  var _useSortable = (0, _sortable.useSortable)({
+      id: props.id
+    }),
+    attributes = _useSortable.attributes,
+    listeners = _useSortable.listeners,
+    setNodeRef = _useSortable.setNodeRef,
+    transform = _useSortable.transform,
+    transition = _useSortable.transition;
+  var style = {
+    transform: _utilities.CSS.Transform.toString(transform),
+    transition: transition
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", _extends({
+    ref: setNodeRef,
+    style: style
+  }, attributes, listeners), /*#__PURE__*/_react["default"].createElement(_material.ListItem, {
+    disablePadding: true
+  }, /*#__PURE__*/_react["default"].createElement(_material.ListItemButton, null, /*#__PURE__*/_react["default"].createElement(_material.ListItemIcon, null, /*#__PURE__*/_react["default"].createElement(_Menu["default"], null)), /*#__PURE__*/_react["default"].createElement(_material.ListItemText, {
+    primary: props.id
+  }))));
+}
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UploadMappedFile = UploadMappedFile;
+var _react = _interopRequireWildcard(require("react"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _system = require("@mui/system");
+var _PublishRounded = _interopRequireDefault(require("@mui/icons-material/PublishRounded"));
+var _Menu = _interopRequireDefault(require("@mui/material/Menu"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } // import { apiService, FileUploader} from 'authscape';
+function UploadMappedFile(_ref) {
+  var loadedUser = _ref.loadedUser,
+    _ref$url = _ref.url,
+    url = _ref$url === void 0 ? null : _ref$url,
+    _ref$companyId = _ref.companyId,
+    companyId = _ref$companyId === void 0 ? null : _ref$companyId,
+    _ref$locationId = _ref.locationId,
+    locationId = _ref$locationId === void 0 ? null : _ref$locationId,
+    _ref$userId = _ref.userId,
+    userId = _ref$userId === void 0 ? null : _ref$userId;
+  var _useState = (0, _react.useState)(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    documentComponentOptions = _useState2[0],
+    setDocumentComponentOptions = _useState2[1];
+  var _useState3 = (0, _react.useState)(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectedDocumentComponentId = _useState4[0],
+    setSelectedDocumentComponentId = _useState4[1];
+  var _useState5 = (0, _react.useState)(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    anchorEl = _useState6[0],
+    setAnchorEl = _useState6[1];
+  var open = Boolean(anchorEl);
+  var handleClose = function handleClose() {
+    setAnchorEl(null);
+  };
+  var fileUploaderRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    if (selectedDocumentComponentId != null) {
+      // trigger the file uploader, make sure param is filled in
+      fileUploaderRef.current.click();
+    }
+  }, [selectedDocumentComponentId]);
+  (0, _react.useEffect)(function () {
+    if (loadedUser) {
+      var fetchData = /*#__PURE__*/function () {
+        var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+          var _params, response;
+          return _regeneratorRuntime().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                _params = {};
+                if (companyId != null) {
+                  _params.companyId = companyId;
+                }
+                if (userId != null) {
+                  _params.userId = userId;
+                }
+                if (locationId != null) {
+                  _params.locationId = locationId;
+                }
+                _context.next = 6;
+                return apiService().post("/DocumentMapping/GetDocumentComponents", _params);
+              case 6:
+                response = _context.sent;
+                if (response != null && response.status == 200) {
+                  setDocumentComponentOptions(response.data.data);
+                }
+              case 8:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        return function fetchData() {
+          return _ref2.apply(this, arguments);
+        };
+      }();
+      fetchData();
+    }
+  }, [loadedUser]);
+  return /*#__PURE__*/_react["default"].createElement(_system.Box, null, /*#__PURE__*/_react["default"].createElement(FileUploader, {
+    refOveride: fileUploaderRef,
+    params: {
+      documentComponentId: selectedDocumentComponentId,
+      companyId: companyId,
+      locationId: locationId,
+      userId: userId
+    },
+    url: url,
+    multiple: false,
+    variant: "custom",
+    onUploadCompleted: function onUploadCompleted() {
+      setSelectedDocumentComponentId(null); // we need an onUploadCancelled
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    id: "demo-positioned-button",
+    "aria-controls": open ? 'demo-positioned-menu' : undefined,
+    "aria-haspopup": "true",
+    "aria-expanded": open ? 'true' : undefined,
+    startIcon: /*#__PURE__*/_react["default"].createElement(_PublishRounded["default"], null),
+    sx: {
+      marginLeft: 1
+    },
+    onClick: function onClick(event) {
+      setAnchorEl(event.currentTarget);
+    }
+  }, "Upload File(s)"), /*#__PURE__*/_react["default"].createElement(_Menu["default"], {
+    id: "basic-menu",
+    anchorEl: anchorEl,
+    open: open,
+    onClose: handleClose,
+    MenuListProps: {
+      'aria-labelledby': 'basic-button'
+    }
+  }, documentComponentOptions != null && documentComponentOptions.map(function (documentComponent) {
+    return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+      onClick: function onClick() {
+        // assigns the param document component id
+        setSelectedDocumentComponentId(documentComponent.id);
+
+        // close the menu
+        handleClose();
+      }
+    }, documentComponent.name + " (" + documentComponent.documentTypeName + ")");
+  })));
+}
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NextImage = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _image = _interopRequireDefault(require("next/image"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var NextImage = function NextImage(_ref) {
+  var src = _ref.src,
+    alt = _ref.alt,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 200 : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 200 : _ref$height,
+    _ref$objectFit = _ref.objectFit,
+    objectFit = _ref$objectFit === void 0 ? "contain" : _ref$objectFit,
+    _ref$enableAuth = _ref.enableAuth,
+    enableAuth = _ref$enableAuth === void 0 ? false : _ref$enableAuth;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    imageError = _useState2[0],
+    setImageError = _useState2[1];
+  var _useState3 = (0, _react.useState)(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    imageSrc = _useState4[0],
+    setImageSrc = _useState4[1];
+  (0, _react.useEffect)(function () {
+    if (enableAuth) {
+      var fetchData = /*#__PURE__*/function () {
+        var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+          return _regeneratorRuntime().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return apiService().DownloadFile(src, "", function (data) {
+                  setImageSrc(data);
+                }, true);
+              case 2:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        return function fetchData() {
+          return _ref2.apply(this, arguments);
+        };
+      }();
+      fetchData();
+    }
+  }, [enableAuth]);
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, enableAuth && imageSrc != null && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_image["default"], {
+    src: imageError ? process.env.fallbackImageSrc : imageSrc,
+    alt: alt,
+    width: width,
+    height: height,
+    style: {
+      objectFit: objectFit
+    },
+    onError: function onError() {
+      return setImageError(true);
+    }
+  })), !enableAuth && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_image["default"], {
+    src: imageError ? process.env.fallbackImageSrc : src,
+    alt: alt,
+    width: width,
+    height: height,
+    style: {
+      objectFit: objectFit
+    },
+    onError: function onError() {
+      return setImageError(true);
+    }
+  })));
+};
+exports.NextImage = NextImage;
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PageToPDF = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _html2canvas = _interopRequireDefault(require("html2canvas"));
+var _jspdf = require("jspdf");
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _DownloadRounded = _interopRequireDefault(require("@mui/icons-material/DownloadRounded"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var PageToPDF = function PageToPDF(_ref) {
+  var _ref$buttonText = _ref.buttonText,
+    buttonText = _ref$buttonText === void 0 ? "Download" : _ref$buttonText,
+    _ref$startIcon = _ref.startIcon,
+    startIcon = _ref$startIcon === void 0 ? /*#__PURE__*/_react["default"].createElement(_DownloadRounded["default"], null) : _ref$startIcon,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "contained" : _ref$variant,
+    elementById = _ref.elementById,
+    _ref$scale = _ref.scale,
+    scale = _ref$scale === void 0 ? 2 : _ref$scale,
+    _ref$showHideClassEle = _ref.showHideClassElements,
+    showHideClassElements = _ref$showHideClassEle === void 0 ? [] : _ref$showHideClassEle,
+    _ref$fileName = _ref.fileName,
+    fileName = _ref$fileName === void 0 ? "download" : _ref$fileName;
+  var onHideElements = function onHideElements() {
+    for (var index = 0; index < showHideClassElements.length; index++) {
+      var element = showHideClassElements[index];
+      var elements = document.getElementsByClassName(element);
+      for (var i = 0; i < elements.length; i++) {
+        elements[i].style.display = "none";
+      }
+    }
+  };
+  var onShowElements = function onShowElements() {
+    for (var index = 0; index < showHideClassElements.length; index++) {
+      var element = showHideClassElements[index];
+      var elements = document.getElementsByClassName(element);
+      for (var i = 0; i < elements.length; i++) {
+        elements[i].style.display = "block";
+      }
+    }
+  };
+  var printElement = function printElement() {
+    onHideElements();
+    var input = document.getElementById(elementById);
+    (0, _html2canvas["default"])(input, {
+      backgroundColor: null,
+      scale: scale
+    }).then(function (canvas) {
+      var imgData = canvas.toDataURL("image/png", 1.0);
+      var pdf = new _jspdf.jsPDF();
+      var pdfWidth = pdf.internal.pageSize.getWidth();
+      var pdfHeight = pdf.internal.pageSize.getHeight();
+      var imgWidth = canvas.width;
+      var imgHeight = canvas.height;
+      var scaleFactor = Math.min(pdfWidth / imgWidth, pdfHeight / imgHeight);
+      var scaledWidth = imgWidth * scaleFactor;
+      var scaledHeight = imgHeight * scaleFactor;
+      var x = (pdfWidth - scaledWidth) / 2;
+      var y = 0; // Set y coordinate to 0 to align to the top
+      pdf.addImage(imgData, "PNG", x, y, scaledWidth, scaledHeight);
+      pdf.save(fileName + ".pdf");
+    });
+    onShowElements();
+  };
+  return /*#__PURE__*/_react["default"].createElement(_Box["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    startIcon: startIcon,
+    variant: variant,
+    onClick: function onClick() {
+      printElement();
+    }
+  }, buttonText));
+};
+exports.PageToPDF = PageToPDF;
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Pricing = Pricing;
+var _react = _interopRequireDefault(require("react"));
+var _system = require("@mui/system");
+var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _ChevronRightRounded = _interopRequireDefault(require("@mui/icons-material/ChevronRightRounded"));
+var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+var _Select = _interopRequireDefault(require("@mui/material/Select"));
+var _reactHookForm = require("react-hook-form");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function Pricing(_ref) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? null : _ref$title,
+    _ref$tiers = _ref.tiers,
+    tiers = _ref$tiers === void 0 ? [] : _ref$tiers,
+    _ref$features = _ref.features,
+    features = _ref$features === void 0 ? null : _ref$features,
+    _ref$onButtonClicked = _ref.onButtonClicked,
+    onButtonClicked = _ref$onButtonClicked === void 0 ? null : _ref$onButtonClicked;
+  var _useForm = (0, _reactHookForm.useForm)(),
+    control = _useForm.control,
+    register = _useForm.register,
+    handleSubmit = _useForm.handleSubmit,
+    errors = _useForm.formState.errors,
+    watch = _useForm.watch,
+    setValue = _useForm.setValue;
+  var calculateQty = function calculateQty(qty) {
+    var newMax = qty.minQty + qty.maxQty;
+    var menuItemArray = [];
+    var newIndex = 1;
+    for (var index = qty.minQty; index < newMax; index++) {
+      menuItemArray[newIndex] = newIndex;
+      newIndex++;
+    }
+    return menuItemArray;
+  };
+  return /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      paddingTop: 2
+    }
+  }, /*#__PURE__*/_react["default"].createElement("form", null, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+    container: true,
+    spacing: 0,
+    justifyContent: "center",
+    alignItems: "stretch",
+    direction: "row"
+  }, title != null && /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+    item: true,
+    xs: 12,
+    sm: 6,
+    md: 3,
+    key: "plans"
+  }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    variant: "h4",
+    gutterBottom: true
+  }, title)), tiers.map(function (tier) {
+    return /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+      item: true,
+      xs: 12,
+      sm: 6,
+      md: 3,
+      key: tier.title
+    }, /*#__PURE__*/_react["default"].createElement(_system.Box, {
+      sx: {
+        paddingBottom: 2,
+        padding: 2
+      }
+    }, /*#__PURE__*/_react["default"].createElement(_system.Box, {
+      sx: {
+        textAlign: "center",
+        paddingTop: 2
+      }
+    }, tier.image != null && /*#__PURE__*/_react["default"].createElement("img", {
+      src: tier.image,
+      width: 200,
+      height: 200
+    }), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+      variant: "h3",
+      component: "h2",
+      sx: {
+        paddingTop: 3
+      }
+    }, tier.title), tier.subTitle && /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+      variant: "h6",
+      component: "h2",
+      sx: {
+        paddingTop: 2
+      }
+    }, tier.subTitle), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+      container: true,
+      spacing: 0
+    }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+      item: true,
+      xs: tier.qty != null ? 6 : 12,
+      sx: {
+        padding: 4
+      }
+    }, /*#__PURE__*/_react["default"].createElement(_system.Box, {
+      component: "span",
+      sx: {
+        fontSize: 30,
+        fontWeight: "bold"
+      }
+    }, "$", tier.price), tier.duration != null && /*#__PURE__*/_react["default"].createElement(_system.Box, {
+      component: "span"
+    }, "/ ", tier.duration)), tier.qty != null && /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+      item: true,
+      xs: 6,
+      sx: {
+        padding: 4
+      }
+    }, /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
+      name: "qty-" + tier.id,
+      control: control,
+      rules: {
+        required: false
+      },
+      render: function render(_ref2) {
+        var renderField = _ref2.renderField;
+        return /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
+          fullWidth: true
+        }, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], {
+          id: "demo-simple-select-label"
+        }, "Quantity"), /*#__PURE__*/_react["default"].createElement(_Select["default"], _extends({}, register("qty-" + tier.id, {
+          required: false
+        }), renderField, {
+          labelId: "demo-simple-select-label",
+          id: "demo-simple-select",
+          defaultValue: 1,
+          label: "Quantity"
+        }), calculateQty(tier.qty).map(function (menuItem, index) {
+          return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+            key: index,
+            value: menuItem
+          }, menuItem);
+        })));
+      }
+    }))), tier.modifiers != null && /*#__PURE__*/_react["default"].createElement(_system.Box, {
+      sx: {
+        paddingBottom: 2
+      }
+    }, tier.modifiers.map(function (modifier, index) {
+      return /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
+        name: "modifier-" + tier.id + modifier.name,
+        control: control,
+        rules: {
+          required: false
+        },
+        render: function render(_ref3) {
+          var renderField = _ref3.renderField;
+          return /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
+            fullWidth: true,
+            key: index,
+            sx: {
+              marginTop: 2
+            }
+          }, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], {
+            id: "demo-simple-select-label"
+          }, modifier.name), /*#__PURE__*/_react["default"].createElement(_Select["default"], _extends({}, register("modifier-" + tier.id + "-" + modifier.name, {
+            required: false
+          }), renderField, {
+            labelId: "demo-simple-select-label",
+            id: "demo-simple-select",
+            defaultValue: 0,
+            label: modifier.name
+          }), modifier.options.map(function (mod, index) {
+            return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+              key: index,
+              value: index
+            }, mod);
+          })));
+        }
+      });
+    })), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      fullWidth: true,
+      variant: tier.buttonVariant,
+      endIcon: /*#__PURE__*/_react["default"].createElement(_ChevronRightRounded["default"], null),
+      sx: {
+        height: 50
+      },
+      onClick: handleSubmit( /*#__PURE__*/function () {
+        var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data) {
+          var modifiers, qty, index, modifier;
+          return _regeneratorRuntime().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                modifiers = {};
+                qty = null;
+                if (tier.modifiers != null) {
+                  for (index = 0; index < tier.modifiers.length; index++) {
+                    modifier = tier.modifiers[index]; // assign the modifier as a property
+                    modifiers[modifier.name] = data["modifier-" + tier.id + "-" + modifier.name];
+                  }
+                }
+                if (tier.qty != null) {
+                  qty = parseInt(data["qty-" + tier.id]);
+                }
+                if (onButtonClicked != null) {
+                  onButtonClicked({
+                    id: tier.id,
+                    modifiers: modifiers,
+                    qty: qty
+                  });
+                }
+              case 5:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        return function (_x) {
+          return _ref4.apply(this, arguments);
+        };
+      }())
+    }, tier.buttonText), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+      variant: "body2",
+      sx: {
+        paddingTop: 2,
+        fontSize: 16,
+        textAlign: "left",
+        lineHeight: "1.5rem"
+      }
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      dangerouslySetInnerHTML: {
+        __html: tier.description
+      }
+    })))));
+  })), features != null && /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      paddingTop: 1
+    }
+  }, features.map(function (feature) {
+    return /*#__PURE__*/_react["default"].createElement(_system.Box, null, /*#__PURE__*/_react["default"].createElement(_system.Box, {
+      sx: {
+        backgroundColor: "lightgray",
+        padding: 1,
+        borderRadius: 2
+      }
+    }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+      variant: "h5",
+      gutterBottom: true
+    }, feature.name)), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+      container: true,
+      spacing: 0,
+      justifyContent: "center"
+    }, feature.subfeatures.map(function (subfeature, subFeatureIndex) {
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, subfeature.map(function (item, index) {
+        return /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+          item: true,
+          xs: 3,
+          key: subfeature
+        }, /*#__PURE__*/_react["default"].createElement(_system.Box, {
+          sx: {
+            padding: 2,
+            height: 60,
+            paddingTop: subFeatureIndex == 0 ? 3 : 2,
+            textAlign: index == 0 ? "left" : "center"
+          }
+        }, item), feature.subfeatures.length - 1 != subFeatureIndex ? /*#__PURE__*/_react["default"].createElement("hr", null) : "");
+      }));
+    })));
+  }))));
+}
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AddDomain = AddDomain;
+var _react = _interopRequireWildcard(require("react"));
+var _system = require("@mui/system");
+var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _styles = require("@mui/material/styles");
+var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
+var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
+var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
+var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _Stepper = _interopRequireDefault(require("@mui/material/Stepper"));
+var _Step = _interopRequireDefault(require("@mui/material/Step"));
+var _StepLabel = _interopRequireDefault(require("@mui/material/StepLabel"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _FmdBadRounded = _interopRequireDefault(require("@mui/icons-material/FmdBadRounded"));
+var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+var _Select = _interopRequireDefault(require("@mui/material/Select"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _ContentCopyRounded = _interopRequireDefault(require("@mui/icons-material/ContentCopyRounded"));
+var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _material = require("@mui/material");
+var _excluded = ["children", "onClose"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } // import { apiService } from 'authscape';
+function AddDomain(_ref) {
+  var open = _ref.open,
+    azureWebsite = _ref.azureWebsite,
+    azureTxtValue = _ref.azureTxtValue,
+    handleClose = _ref.handleClose;
+  var steps = ['Enter a domain', 'Setup DNS Record', 'Go Live'];
+  var _useState = (0, _react.useState)(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeStep = _useState2[0],
+    setActiveStep = _useState2[1];
+  var _useState3 = (0, _react.useState)({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    completed = _useState4[0],
+    setCompleted = _useState4[1];
+
+  // const [domain, setDomain] = useState(null);
+  var _useState5 = (0, _react.useState)(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    subDomains = _useState6[0],
+    setSubDomains = _useState6[1];
+  // const [topLevelDomains , setTopLevelDomains ] = useState(null);
+
+  var _useState7 = (0, _react.useState)(null),
+    _useState8 = _slicedToArray(_useState7, 2),
+    fullDomain = _useState8[0],
+    setFullDomain = _useState8[1];
+  var _useState9 = (0, _react.useState)(null),
+    _useState10 = _slicedToArray(_useState9, 2),
+    errorMessage = _useState10[0],
+    setErrorMessage = _useState10[1];
+  var refDomain = (0, _react.useRef)(null);
+  var refCNameTarget = (0, _react.useRef)(null);
+  var reftxtTarget = (0, _react.useRef)(null);
+  var refCNameName = (0, _react.useRef)(null);
+  var reftxtName = (0, _react.useRef)(null);
+  var totalSteps = function totalSteps() {
+    return steps.length;
+  };
+  var completedSteps = function completedSteps() {
+    return Object.keys(completed).length;
+  };
+  var isLastStep = function isLastStep() {
+    return activeStep === totalSteps() - 1;
+  };
+  var allStepsCompleted = function allStepsCompleted() {
+    return completedSteps() === totalSteps();
+  };
+  var handleNext = function handleNext() {
+    var newActiveStep = isLastStep() && !allStepsCompleted() ?
+    // It's the last step, but not all steps have been completed,
+    // find the first step that has been completed
+    steps.findIndex(function (step, i) {
+      return !(i in completed);
+    }) : activeStep + 1;
+    setActiveStep(newActiveStep);
+  };
+  var handleBack = function handleBack() {
+    setActiveStep(function (prevActiveStep) {
+      return prevActiveStep - 1;
+    });
+  };
+  var getSubdomain = function getSubdomain(hostName) {
+    var host = hostName; // e.g., subdomain.example.com
+    var parts = host.split('.');
+    if (parts.length > 2) {
+      return parts[0]; // This will be 'subdomain'
+    }
+
+    return null; // No subdomain found
+  };
+
+  var handleStep = function handleStep(step) {
+    return function () {
+      setActiveStep(step);
+    };
+  };
+  var handleComplete = function handleComplete() {
+    var newCompleted = completed;
+    newCompleted[activeStep] = true;
+    setCompleted(newCompleted);
+    handleNext();
+  };
+  var BootstrapDialog = (0, _styles.styled)(_Dialog["default"])(function (_ref2) {
+    var theme = _ref2.theme;
+    return {
+      '& .MuiDialogContent-root': {
+        padding: theme.spacing(2)
+      },
+      '& .MuiDialogActions-root': {
+        padding: theme.spacing(1)
+      }
+    };
+  });
+  var handleReset = function handleReset() {
+    setActiveStep(0);
+    setCompleted({});
+  };
+  var createTheDomainRequest = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var response, aStep;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!(fullDomain == null || fullDomain == "")) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return");
+          case 2:
+            _context.next = 4;
+            return apiService().post("/PrivateLabel/GenerateDomain", {
+              hostName: fullDomain
+            });
+          case 4:
+            response = _context.sent;
+            if (response != null && response.status == 200) {
+              if (handleClose != null) {
+                handleClose();
+              }
+            } else {
+              aStep = activeStep - 1;
+              setActiveStep(aStep);
+              setErrorMessage(response.data);
+            }
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function createTheDomainRequest() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  (0, _react.useEffect)(function () {
+    if (activeStep == 2) {
+      createTheDomainRequest();
+    }
+  }, [activeStep]);
+  var copyToClipboard = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(text) {
+      var permissions;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.prev = 0;
+            _context2.next = 3;
+            return navigator.permissions.query({
+              name: "clipboard-write"
+            });
+          case 3:
+            permissions = _context2.sent;
+            if (!(permissions.state === "granted" || permissions.state === "prompt")) {
+              _context2.next = 9;
+              break;
+            }
+            _context2.next = 7;
+            return navigator.clipboard.writeText(text);
+          case 7:
+            _context2.next = 10;
+            break;
+          case 9:
+            throw new Error("Can't access the clipboard. Check your browser permissions.");
+          case 10:
+            _context2.next = 15;
+            break;
+          case 12:
+            _context2.prev = 12;
+            _context2.t0 = _context2["catch"](0);
+            alert('Error copying to clipboard:', _context2.t0);
+          case 15:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[0, 12]]);
+    }));
+    return function copyToClipboard(_x2) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  function BootstrapDialogTitle(props) {
+    var children = props.children,
+      onClose = props.onClose,
+      other = _objectWithoutProperties(props, _excluded);
+    return /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], _extends({
+      sx: {
+        m: 0,
+        p: 2
       }
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      dangerouslySetInnerHTML: {
-        __html: tier.description
+    }, other), children, onClose ? /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+      "aria-label": "close",
+      onClick: onClose,
+      sx: {
+        position: 'absolute',
+        right: 8,
+        top: 8,
+        color: function color(theme) {
+          return theme.palette.grey[500];
+        }
       }
-    })))));
-  })), features != null && /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    }, /*#__PURE__*/_react["default"].createElement(_Close["default"], null)) : null);
+  }
+  return /*#__PURE__*/_react["default"].createElement(BootstrapDialog, {
+    onClose: handleClose,
+    "aria-labelledby": "customized-dialog-title",
+    sx: {
+      backgroundColor: "rgba(0, 0, 0, 0.6)"
+    },
+    fullWidth: true,
+    maxWidth: "md",
+    open: open
+  }, /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      padding: 4
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Stepper["default"], {
+    activeStep: activeStep,
+    alternativeLabel: true
+  }, steps.map(function (label) {
+    return /*#__PURE__*/_react["default"].createElement(_Step["default"], {
+      key: label
+    }, /*#__PURE__*/_react["default"].createElement(_StepLabel["default"], {
+      sx: {
+        color: "#fff"
+      }
+    }, label));
+  })), activeStep == 0 && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(BootstrapDialogTitle, {
+    id: "customized-dialog-title",
+    onClose: handleClose,
+    sx: {
+      textAlign: "center",
+      fontSize: 30,
+      marginTop: 2,
+      lineHeight: 1
+    }
+  }, "What domain would you like to connect to ", process.env.companyName, "?"), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement(_system.Box, null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+    inputRef: refDomain,
+    id: "domainTxt",
+    label: "Enter subdomain URL e.g catalog.mydomain.com",
+    fullWidth: true,
+    variant: "outlined",
+    sx: {
+      color: "white",
+      marginTop: 2
+    }
+  })), /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      marginTop: 2
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    gutterBottom: true,
+    sx: {
+      textAlign: "center",
+      fontSize: 14
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_FmdBadRounded["default"], {
+    sx: {
+      color: "#1976d2",
+      position: "relative",
+      top: 8
+    }
+  }), " You must own the domain and have the ability to add records"))), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    variant: "contained",
+    onClick: function onClick() {
+      if (refDomain.current.value == "") {
+        return;
+      }
+      setFullDomain(refDomain.current.value);
+      var _subDomain = getSubdomain(refDomain.current.value);
+      setSubDomains(_subDomain);
+
+      // var domainLand = parseDomain(refDomain.current.value);
+      // setDomain(domainLand.domain);
+      // setSubDomains(domainLand.subDomains);
+      // setTopLevelDomains(domainLand.topLevelDomains);
+
+      handleNext();
+    }
+  }, "Next: Setup DNS"))), activeStep == 1 && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(BootstrapDialogTitle, {
+    id: "customized-dialog-title",
+    onClose: handleClose,
+    sx: {
+      textAlign: "center",
+      fontSize: 30,
+      marginTop: 2
+    }
+  }, "Configure your DNS"), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement(_system.Box, null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    gutterBottom: true,
+    sx: {
+      textAlign: "center",
+      fontSize: 14
+    }
+  }, "Add a CNAME and TXT Record to your domain by visiting your DNS provider.")), /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      backgroundColor: "#f7f7f7",
+      marginTop: 5,
+      paddingLeft: 4,
+      paddingRight: 4
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+    container: true,
+    spacing: 2,
+    fullWidth: true
+  }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+    item: true,
+    xs: 2
+  }, "Type", /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
+    fullWidth: true,
+    sx: {
+      paddingTop: 2
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Select["default"], {
+    value: 1,
+    readOnly: true
+  }, /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: 1
+  }, "CNAME")))), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+    item: true,
+    xs: 5
+  }, "Name", /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+    inputRef: refCNameName,
+    id: "NameDomainTxt",
+    label: "",
+    fullWidth: true,
+    value: subDomains,
+    variant: "outlined",
+    sx: {
+      color: "white",
+      paddingTop: 2
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      textAlign: "center",
+      paddingTop: 1
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    startIcon: /*#__PURE__*/_react["default"].createElement(_ContentCopyRounded["default"], null),
+    sx: {
+      width: "100%"
+    },
+    variant: "contained",
+    onClick: function onClick() {
+      copyToClipboard(refCNameName.current.value);
+    }
+  }, "Copy"))), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+    item: true,
+    xs: 5
+  }, "Target", /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+    inputRef: refCNameTarget,
+    id: "targetDomainTxt",
+    label: "",
+    fullWidth: true,
+    value: azureWebsite,
+    variant: "outlined",
+    sx: {
+      color: "white",
+      paddingTop: 2
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      textAlign: "center",
+      paddingTop: 1
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    startIcon: /*#__PURE__*/_react["default"].createElement(_ContentCopyRounded["default"], null),
+    sx: {
+      width: "100%"
+    },
+    variant: "contained",
+    onClick: function onClick() {
+      copyToClipboard(refCNameTarget.current.value);
+    }
+  }, "Copy"))))), /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      backgroundColor: "#f7f7f7",
+      paddingLeft: 4,
+      paddingRight: 4,
+      marginTop: 2,
+      paddingBottom: 4
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+    container: true,
+    spacing: 2,
+    fullWidth: true
+  }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+    item: true,
+    xs: 2
+  }, "Type", /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
+    fullWidth: true,
+    sx: {
+      paddingTop: 2
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Select["default"], {
+    value: 1,
+    readOnly: true
+  }, /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: 1
+  }, "TXT")))), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+    item: true,
+    xs: 5
+  }, "Name", /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+    inputRef: reftxtName,
+    id: "NameDomain2Txt",
+    label: "",
+    fullWidth: true,
+    value: "asuid." + subDomains,
+    variant: "outlined",
+    sx: {
+      color: "white",
+      marginTop: 2
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      textAlign: "center",
+      paddingTop: 1
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    startIcon: /*#__PURE__*/_react["default"].createElement(_ContentCopyRounded["default"], null),
+    sx: {
+      width: "100%"
+    },
+    variant: "contained",
+    onClick: function onClick() {
+      copyToClipboard(reftxtName.current.value);
+    }
+  }, "Copy"))), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+    item: true,
+    xs: 5
+  }, "Target", /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+    inputRef: reftxtTarget,
+    id: "targetDomain2Txt",
+    label: "",
+    fullWidth: true,
+    value: azureTxtValue,
+    variant: "outlined",
+    sx: {
+      color: "white",
+      marginTop: 2
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      textAlign: "center",
+      paddingTop: 1
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    startIcon: /*#__PURE__*/_react["default"].createElement(_ContentCopyRounded["default"], null),
+    sx: {
+      width: "100%"
+    },
+    variant: "contained",
+    onClick: function onClick() {
+      copyToClipboard(reftxtTarget.current.value);
+    }
+  }, "Copy")))))), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    variant: "contained",
+    onClick: function onClick() {
+      handleNext();
+    }
+  }, "Go Live"))), activeStep == 2 && /*#__PURE__*/_react["default"].createElement(_system.Box, null, /*#__PURE__*/_react["default"].createElement(BootstrapDialogTitle, {
+    id: "customized-dialog-title",
+    onClose: handleClose,
+    sx: {
+      textAlign: "center",
+      fontSize: 30,
+      marginTop: 4
+    }
+  }, "Creating your private label experience"), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      paddingTop: 2,
+      textAlign: "center"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    gutterBottom: true,
+    sx: {
+      textAlign: "center",
+      fontSize: 18
+    }
+  }, "Please wait while we complete a few things on our side."), /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      paddingTop: 2
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_CircularProgress["default"], {
+    color: "inherit"
+  })))))), /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
+    open: errorMessage != null ? true : false,
+    onClose: function onClose() {
+      setErrorMessage(null);
+    },
+    "aria-labelledby": "alert-dialog-title",
+    "aria-describedby": "alert-dialog-description"
+  }, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], {
+    id: "alert-dialog-title"
+  }, "Issue Detected"), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement(_material.DialogContentText, {
+    id: "alert-dialog-description"
+  }, errorMessage)), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    onClick: function onClick() {
+      setErrorMessage(null);
+    },
+    autoFocus: true
+  }, "OK"))));
+}
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PrivateLabelEditor = PrivateLabelEditor;
+var _react = _interopRequireWildcard(require("react"));
+var _react2 = _interopRequireWildcard(require("@monaco-editor/react"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
+var _Tabs = _interopRequireDefault(require("@mui/material/Tabs"));
+var _Tab = _interopRequireDefault(require("@mui/material/Tab"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _material = require("@mui/material");
+var _xDataGrid = require("@mui/x-data-grid");
+var _PublishRounded = _interopRequireDefault(require("@mui/icons-material/PublishRounded"));
+var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+var _Select = _interopRequireDefault(require("@mui/material/Select"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+// remove after NPM
+// import {FileUploader, apiService, ColorPicker, Dropzone} from 'authscape';
+// import AddDomain from "./AddDomainModal";
+
+function PrivateLabelEditor(_ref) {
+  var loadedUser = _ref.loadedUser,
+    notification = _ref.notification,
+    _ref$showAllDomains = _ref.showAllDomains,
+    showAllDomains = _ref$showAllDomains === void 0 ? false : _ref$showAllDomains,
+    _ref$companyId = _ref.companyId,
+    companyId = _ref$companyId === void 0 ? null : _ref$companyId,
+    _ref$azureWebsite = _ref.azureWebsite,
+    azureWebsite = _ref$azureWebsite === void 0 ? "" : _ref$azureWebsite,
+    _ref$azureTxtValue = _ref.azureTxtValue,
+    azureTxtValue = _ref$azureTxtValue === void 0 ? "" : _ref$azureTxtValue;
+  var monaco = (0, _react2.useMonaco)();
+  var cssEditorRef = (0, _react.useRef)(null);
+  var htmlEditorRef = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    data = _useState2[0],
+    setData = _useState2[1];
+  var _useState3 = (0, _react.useState)(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    value = _useState4[0],
+    setValue = _useState4[1];
+  var _useState5 = (0, _react.useState)([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    fonts = _useState6[0],
+    setFonts = _useState6[1];
+  var _useState7 = (0, _react.useState)([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    oEMDomainList = _useState8[0],
+    setOEMDomainList = _useState8[1];
+  var _useState9 = (0, _react.useState)([]),
+    _useState10 = _slicedToArray(_useState9, 2),
+    dnsFields = _useState10[0],
+    setDnsFields = _useState10[1];
+  var _useState11 = (0, _react.useState)(null),
+    _useState12 = _slicedToArray(_useState11, 2),
+    selectedFont = _useState12[0],
+    setSelectedFont = _useState12[1];
+  var _useState13 = (0, _react.useState)(null),
+    _useState14 = _slicedToArray(_useState13, 2),
+    fontUri = _useState14[0],
+    setFontUri = _useState14[1];
+  var _useState15 = (0, _react.useState)(null),
+    _useState16 = _slicedToArray(_useState15, 2),
+    oEMDomain = _useState16[0],
+    setOEMDomain = _useState16[1];
+  var _useState17 = (0, _react.useState)(''),
+    _useState18 = _slicedToArray(_useState17, 2),
+    stateBaseUri = _useState18[0],
+    setBaseUri = _useState18[1];
+  var _useState19 = (0, _react.useState)(false),
+    _useState20 = _slicedToArray(_useState19, 2),
+    isNewAccount = _useState20[0],
+    setIsNewAccount = _useState20[1];
+  var handleChange = function handleChange(event, newValue) {
+    setValue(newValue);
+  };
+  var GetBaseUrl = function GetBaseUrl() {
+    return window.location.protocol + "//" + window.location.host;
+  };
+  var loadDNSFields = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var _domain,
+        domain,
+        responseFields,
+        _args = arguments;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _domain = _args.length > 0 && _args[0] !== undefined ? _args[0] : null;
+            domain = null;
+            if (_domain != null) {
+              domain = _domain;
+            } else {
+              domain = GetBaseUrl();
+            }
+            _context.next = 5;
+            return apiService().get("/PrivateLabel/GetFields?domain=" + domain + (companyId != null ? "&companyId=" + companyId : ""));
+          case 5:
+            responseFields = _context.sent;
+            if (responseFields != null && responseFields.status == 200) {
+              setDnsFields(responseFields.data);
+            }
+          case 7:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function loadDNSFields() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  (0, _react.useEffect)(function () {
+    if (oEMDomain != null) {
+      loadDNSFields(oEMDomain);
+    }
+  }, [oEMDomain]);
+  var FetchOEMData = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      var response, _response, _response2;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return apiService().get("/PrivateLabel/GetFonts");
+          case 2:
+            response = _context2.sent;
+            if (response != null && response.status == 200) {
+              setFonts(response.data);
+            }
+            if (!showAllDomains) {
+              _context2.next = 11;
+              break;
+            }
+            _context2.next = 7;
+            return apiService().get("/PrivateLabel/GetAllDomains");
+          case 7:
+            _response = _context2.sent;
+            if (_response != null && _response.status == 200) {
+              setOEMDomainList(_response.data);
+              if (_response.data.length > 0) {
+                setOEMDomain(_response.data[0].name);
+              } else {
+                setIsNewAccount(true);
+              }
+            }
+            _context2.next = 15;
+            break;
+          case 11:
+            _context2.next = 13;
+            return apiService().get("/PrivateLabel/GetAllDomainsUser");
+          case 13:
+            _response2 = _context2.sent;
+            if (_response2 != null && _response2.status == 200) {
+              setOEMDomainList(_response2.data);
+              if (_response2.data.length > 0) {
+                setOEMDomain(_response2.data[0].name);
+              } else {
+                setIsNewAccount(true);
+              }
+            }
+          case 15:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function FetchOEMData() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  (0, _react.useEffect)(function () {
+    if (loadedUser) {
+      FetchOEMData();
+    }
+  }, [loadedUser]);
+  var _React$useState = _react["default"].useState({
+      page: 0,
+      pageSize: 12
+    }),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    paginationModel = _React$useState2[0],
+    setPaginationModel = _React$useState2[1];
+  function handleCSSEditorDidMount(editor, monaco) {
+    cssEditorRef.current = editor;
+  }
+  function handleHtmlEditorDidMount(editor, monaco) {
+    htmlEditorRef.current = editor;
+  }
+  var columns = [{
+    field: "label",
+    headerName: "Fonts",
+    editable: false,
+    width: 300,
+    renderCell: function renderCell(params) {
+      var RenderData = function RenderData(row) {
+        // const { id, value, field } = params;
+        // const apiRef = useGridApiContext();
+        return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+          sx: {
+            fontFamily: row.value,
+            fontSize: 20,
+            cursor: "pointer"
+          }
+        }, row.value), /*#__PURE__*/_react["default"].createElement("link", {
+          href: "https://fonts.googleapis.com/css2?family=" + row.value,
+          rel: "stylesheet"
+        }));
+      };
+      return RenderData(params);
+    }
+  }];
+  (0, _react.useEffect)(function () {
+    var fetchData = /*#__PURE__*/function () {
+      var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+        var response;
+        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              // if (monaco) {
+              //     //console.log("here is the monaco instance:", monaco);
+              // }
+
+              setData(null);
+              _context3.next = 3;
+              return apiService().get("/PrivateLabel/GetEditorData?domain=" + oEMDomain + (companyId != null ? "&companyId=" + companyId : ""));
+            case 3:
+              response = _context3.sent;
+              if (response.status == 200) {
+                setData(response.data);
+                setSelectedFont(response.data.fontFamily);
+                setFontUri(response.data.fontUrl);
+              }
+            case 5:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3);
+      }));
+      return function fetchData() {
+        return _ref4.apply(this, arguments);
+      };
+    }();
+    fetchData();
+  }, [monaco, oEMDomain]);
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
     sx: {
-      paddingTop: 1
+      width: '100%'
     }
-  }, features.map(function (feature) {
-    return /*#__PURE__*/_react["default"].createElement(_system.Box, null, /*#__PURE__*/_react["default"].createElement(_system.Box, {
-      sx: {
-        backgroundColor: "lightgray",
-        padding: 1,
-        borderRadius: 2
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-      variant: "h5",
-      gutterBottom: true
-    }, feature.name)), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  }, selectedFont != null && fontUri == null && /*#__PURE__*/_react["default"].createElement("link", {
+    href: "https://fonts.googleapis.com/css2?family=" + selectedFont,
+    rel: "stylesheet"
+  }), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+    sx: {
+      paddingTop: 6
+    }
+  }, oEMDomain != null && /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
+    fullWidth: true
+  }, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], {
+    id: "demo-simple-select-label"
+  }, "Website Domain"), /*#__PURE__*/_react["default"].createElement(_Select["default"], {
+    labelId: "demo-simple-select-label",
+    id: "demo-simple-select",
+    defaultValue: oEMDomain,
+    label: "Website Domain",
+    onChange: function onChange(val) {
+      setOEMDomain(val.target.value);
+    }
+  }, oEMDomainList.map(function (dns) {
+    return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+      value: dns.name
+    }, dns.name);
+  })))), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+    sx: {
+      borderBottom: 1,
+      borderColor: 'divider',
+      paddingTop: 2
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Tabs["default"], {
+    value: value,
+    onChange: handleChange,
+    "aria-label": "basic tabs example"
+  }, /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
+    label: "App Icon / Colors"
+  }), /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
+    label: "Fonts"
+  }), /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
+    label: "Style Sheet Editor"
+  }), /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
+    label: "HTML Import Editor"
+  }))), /*#__PURE__*/_react["default"].createElement(_Box["default"], null, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+    sx: {
+      padding: 2
+    }
+  }, value == 0 && /*#__PURE__*/_react["default"].createElement(_Box["default"], null, data != null && /*#__PURE__*/_react["default"].createElement(_Box["default"], null, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+    container: true,
+    spacing: 2
+  }, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+    item: true,
+    xs: 4
+  }, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+    sx: {
+      paddingBottom: 4
+    }
+  }, /*#__PURE__*/_react["default"].createElement(Dropzone, {
+    image: "/DefaultNoImage.svg",
+    text: "Drag 'n' drop your app icon here",
+    onDrop: /*#__PURE__*/function () {
+      var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(file) {
+        var data, response;
+        return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              data = new FormData();
+              data.append("file", file);
+              data.append("domain", stateBaseUri);
+              _context4.next = 5;
+              return apiService().post("/PrivateLabel/UploadAppIcon", data);
+            case 5:
+              response = _context4.sent;
+              if (response != null && response.status == 200) {
+                window.location.reload();
+              }
+            case 7:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee4);
+      }));
+      return function (_x2) {
+        return _ref5.apply(this, arguments);
+      };
+    }()
+  }))), /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+    item: true,
+    xs: 8
+  }, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+    sx: {
+      paddingBottom: 2,
+      fontWeight: "bold",
+      fontSize: 16
+    }
+  }, "Adjust the colors for your site"), /*#__PURE__*/_react["default"].createElement(_Box["default"], null, dnsFields != null && dnsFields.map(function (dnsField, index) {
+    return /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+      key: index
+    }, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
       container: true,
-      spacing: 0,
-      justifyContent: "center"
-    }, feature.subfeatures.map(function (subfeature, subFeatureIndex) {
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, subfeature.map(function (item, index) {
-        return /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-          item: true,
-          xs: 3,
-          key: subfeature
-        }, /*#__PURE__*/_react["default"].createElement(_system.Box, {
-          sx: {
-            padding: 2,
-            height: 60,
-            paddingTop: subFeatureIndex == 0 ? 3 : 2,
-            textAlign: index == 0 ? "left" : "center"
+      spacing: 2
+    }, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+      item: true,
+      xs: 3
+    }, dnsField.name), /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+      item: true,
+      xs: 9
+    }, /*#__PURE__*/_react["default"].createElement(ColorPicker, {
+      name: dnsField.name,
+      defaultColor: dnsField.value,
+      onColorChanged: /*#__PURE__*/function () {
+        var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(name, hex) {
+          return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+            while (1) switch (_context5.prev = _context5.next) {
+              case 0:
+                _context5.next = 2;
+                return apiService().post("/PrivateLabel/SetFieldValue", {
+                  id: dnsField.id,
+                  fieldId: dnsField.fieldId,
+                  value: hex
+                });
+              case 2:
+                notification(dnsField.name + " Saved");
+              case 3:
+              case "end":
+                return _context5.stop();
+            }
+          }, _callee5);
+        }));
+        return function (_x3, _x4) {
+          return _ref6.apply(this, arguments);
+        };
+      }()
+    }))));
+  })))))), value == 1 && /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+    value: value,
+    index: 1
+  }, data != null && /*#__PURE__*/_react["default"].createElement(_Box["default"], null, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+    container: true,
+    spacing: 2
+  }, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+    item: true,
+    xs: 6
+  }, loadedUser == true && /*#__PURE__*/_react["default"].createElement(_Box["default"], null, /*#__PURE__*/_react["default"].createElement(_xDataGrid.DataGrid, {
+    rows: fonts,
+    columns: columns,
+    sx: {
+      height: "80vh",
+      width: "100%"
+    },
+    pagination: true,
+    disableSelectionOnClick: true,
+    onPaginationModelChange: setPaginationModel,
+    paginationModel: paginationModel
+    //pageSizeOptions={[5]}
+    // rowCount={100}
+    // rowSelectionModel={selectedFont}
+    ,
+    onRowClick: /*#__PURE__*/function () {
+      var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(params) {
+        var response;
+        return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
+            case 0:
+              _context6.next = 2;
+              return apiService().post("/PrivateLabel/SetFont", {
+                companyId: companyId,
+                domain: oEMDomain,
+                value: params.row.label
+              });
+            case 2:
+              response = _context6.sent;
+              if (response != null && response.status == 200) {
+                setSelectedFont(params.row.label);
+                setFontUri(null);
+                notification("Font saved!");
+              }
+            case 4:
+            case "end":
+              return _context6.stop();
           }
-        }, item), feature.subfeatures.length - 1 != subFeatureIndex ? /*#__PURE__*/_react["default"].createElement("hr", null) : "");
+        }, _callee6);
       }));
-    })));
-  }))));
+      return function (_x5) {
+        return _ref7.apply(this, arguments);
+      };
+    }()
+  }))), /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+    item: true,
+    xs: 6
+  }, /*#__PURE__*/_react["default"].createElement(FileUploader, {
+    url: "/PrivateLabel/UploadCustomFont",
+    accept: ".otf,.ttf,.woff",
+    params: {
+      domain: stateBaseUri
+    },
+    multiple: true,
+    variant: "custom",
+    onUploadCompleted: function onUploadCompleted() {
+      window.location.reload();
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    color: "primary",
+    variant: "contained",
+    fullWidth: true,
+    sx: {
+      height: 50
+    },
+    startIcon: /*#__PURE__*/_react["default"].createElement(_PublishRounded["default"], null)
+  }, /*#__PURE__*/_react["default"].createElement(_Box["default"], null, "Upload Font"), "\xA0", /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+    sx: {
+      textAlign: "center"
+    }
+  }, /*#__PURE__*/_react["default"].createElement("small", null, "(.OTF, .TTF, OR .WOFF)")))), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+    sx: {
+      marginTop: 4
+    }
+  }, "Font Selected:"), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+    sx: {
+      marginBottom: 2,
+      fontWeight: "bold",
+      fontSize: 20
+    }
+  }, " ", selectedFont), /*#__PURE__*/_react["default"].createElement("hr", null), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+    sx: {
+      fontFamily: selectedFont
+    }
+  }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut ultricies odio. Nunc ut quam turpis. In hac habitasse platea dictumst. Suspendisse potenti. Nullam malesuada, purus id sagittis vestibulum, massa tellus gravida elit, vitae ultrices tortor nulla ac nunc. Aenean tempus semper est vel convallis. Sed feugiat, risus eu tincidunt eleifend, purus metus vulputate nulla, et condimentum sapien erat in nisi. Nunc non malesuada libero. Donec tempus tincidunt mi at vulputate. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse potenti. Etiam nec eleifend orci. Suspendisse in est vel nunc rhoncus bibendum vitae id felis. Integer bibendum dolor elit, at tincidunt lacus tempor ac. Maecenas lobortis, mauris at condimentum feugiat, nulla orci condimentum massa, sed facilisis tellus ligula vitae metus. Aliquam erat volutpat. Quisque dignissim felis augue, at semper nisl posuere ut. Proin fringilla diam vitae faucibus finibus.", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "Aenean tempus semper est vel convallis. Sed feugiat, risus eu tincidunt eleifend, purus metus vulputate nulla, et condimentum sapien erat in nisi. Nunc non malesuada libero. Donec tempus tincidunt mi at vulputate. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse potenti"))))), value == 2 && /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+    value: value,
+    index: 3
+  }, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+    container: true,
+    spacing: 2
+  }, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+    item: true,
+    xs: 6
+  }, /*#__PURE__*/_react["default"].createElement("h4", {
+    style: {
+      marginBottom: "0px"
+    }
+  }, "Global CSS edits"), /*#__PURE__*/_react["default"].createElement("small", null, "You can make edits to your stylesheet")), /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+    item: true,
+    xs: 6,
+    sx: {
+      textAlign: "right"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    startIcon: /*#__PURE__*/_react["default"].createElement(_Check["default"], null),
+    sx: {
+      marginTop: 4
+    },
+    variant: "contained",
+    onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
+      var response;
+      return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+        while (1) switch (_context7.prev = _context7.next) {
+          case 0:
+            _context7.next = 2;
+            return apiService().post("/PrivateLabel/SetGlobalCSS", {
+              companyId: companyId,
+              domain: oEMDomain,
+              value: cssEditorRef.current.getValue()
+            });
+          case 2:
+            response = _context7.sent;
+            if (response != null && response.status == 200) {
+              notification("CSS Saved!");
+            }
+          case 4:
+          case "end":
+            return _context7.stop();
+        }
+      }, _callee7);
+    }))
+  }, "Save Changes"))), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+    sx: {
+      paddingTop: 1
+    }
+  }, data != null && /*#__PURE__*/_react["default"].createElement(_react2["default"], {
+    height: "70vh",
+    onMount: handleCSSEditorDidMount,
+    defaultLanguage: "css",
+    theme: "vs-dark",
+    defaultValue: data == null || data.prettyCSS == null ? "" : data.prettyCSS
+  }))), value == 3 && /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+    value: value,
+    index: 4
+  }, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+    container: true,
+    spacing: 2
+  }, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+    item: true,
+    xs: 6
+  }, /*#__PURE__*/_react["default"].createElement("h4", {
+    style: {
+      marginBottom: "0px"
+    }
+  }, "HTML import Edits"), /*#__PURE__*/_react["default"].createElement("small", null, "You can add imports such as google analytics or clarity")), /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+    item: true,
+    xs: 6,
+    sx: {
+      textAlign: "right"
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    startIcon: /*#__PURE__*/_react["default"].createElement(_Check["default"], null),
+    sx: {
+      marginTop: 4
+    },
+    variant: "contained",
+    onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
+      var response;
+      return _regeneratorRuntime().wrap(function _callee8$(_context8) {
+        while (1) switch (_context8.prev = _context8.next) {
+          case 0:
+            _context8.next = 2;
+            return apiService().post("/PrivateLabel/SetGlobalHTML", {
+              companyId: companyId,
+              domain: oEMDomain,
+              value: htmlEditorRef.current.getValue()
+            });
+          case 2:
+            response = _context8.sent;
+            if (response != null && response.status == 200) {
+              notification("HTML saved!");
+            }
+          case 4:
+          case "end":
+            return _context8.stop();
+        }
+      }, _callee8);
+    }))
+  }, "Save Changes"))), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+    sx: {
+      paddingTop: 1
+    }
+  }, data != null && /*#__PURE__*/_react["default"].createElement(_react2["default"], {
+    height: "70vh",
+    onMount: handleHtmlEditorDidMount,
+    defaultLanguage: "html",
+    theme: "vs-dark",
+    defaultValue: data == null || data.prettyHTML == null ? "" : data.prettyHTML
+  }))))), /*#__PURE__*/_react["default"].createElement(AddDomain, {
+    open: isNewAccount,
+    azureWebsite: azureWebsite,
+    azureTxtValue: azureTxtValue,
+    handleClose: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9() {
+      return _regeneratorRuntime().wrap(function _callee9$(_context9) {
+        while (1) switch (_context9.prev = _context9.next) {
+          case 0:
+            setIsNewAccount(false);
+            _context9.next = 3;
+            return FetchOEMData();
+          case 3:
+          case "end":
+            return _context9.stop();
+        }
+      }, _callee9);
+    }))
+  })));
 }
 "use strict";