authscape 1.0.746 → 1.0.750

package/index.js

@@ -2638,463 +2638,335 @@ var GoogleMapsAutoComplete = exports.GoogleMapsAutoComplete = function GoogleMap
 };
 "use strict";
 
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.LexicalEditor = LexicalEditor;
+exports.AssignMapping = AssignMapping;
 var _react = _interopRequireWildcard(require("react"));
-var _LexicalComposer = require("@lexical/react/LexicalComposer");
-var _LexicalRichTextPlugin = require("@lexical/react/LexicalRichTextPlugin");
-var _LexicalContentEditable = require("@lexical/react/LexicalContentEditable");
-var _LexicalHistoryPlugin = require("@lexical/react/LexicalHistoryPlugin");
-var _LexicalOnChangePlugin = require("@lexical/react/LexicalOnChangePlugin");
-var _LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
-var _LexicalErrorBoundary = require("@lexical/react/LexicalErrorBoundary");
-var _LexicalListPlugin = require("@lexical/react/LexicalListPlugin");
-var _LexicalLinkPlugin = require("@lexical/react/LexicalLinkPlugin");
-var _html = require("@lexical/html");
-var _lexical = require("lexical");
-var _selection = require("@lexical/selection");
-var _richText = require("@lexical/rich-text");
-var _list = require("@lexical/list");
-var _link = require("@lexical/link");
-var _code = require("@lexical/code");
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
+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 _Divider = _interopRequireDefault(require("@mui/material/Divider"));
-var _Select = _interopRequireDefault(require("@mui/material/Select"));
-var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
-var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
-var _FormatBold = _interopRequireDefault(require("@mui/icons-material/FormatBold"));
-var _FormatItalic = _interopRequireDefault(require("@mui/icons-material/FormatItalic"));
-var _FormatUnderlined = _interopRequireDefault(require("@mui/icons-material/FormatUnderlined"));
-var _StrikethroughS = _interopRequireDefault(require("@mui/icons-material/StrikethroughS"));
-var _FormatListBulleted = _interopRequireDefault(require("@mui/icons-material/FormatListBulleted"));
-var _FormatListNumbered = _interopRequireDefault(require("@mui/icons-material/FormatListNumbered"));
-var _FormatQuote = _interopRequireDefault(require("@mui/icons-material/FormatQuote"));
-var _Code = _interopRequireDefault(require("@mui/icons-material/Code"));
-var _Link = _interopRequireDefault(require("@mui/icons-material/Link"));
-var _LinkOff = _interopRequireDefault(require("@mui/icons-material/LinkOff"));
-var _Undo = _interopRequireDefault(require("@mui/icons-material/Undo"));
-var _Redo = _interopRequireDefault(require("@mui/icons-material/Redo"));
+var _ArrowRightAltRounded = _interopRequireDefault(require("@mui/icons-material/ArrowRightAltRounded"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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 e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var theme = {
-  paragraph: 'lexical-paragraph',
-  quote: 'lexical-quote',
-  heading: {
-    h1: 'lexical-h1',
-    h2: 'lexical-h2',
-    h3: 'lexical-h3',
-    h4: 'lexical-h4',
-    h5: 'lexical-h5',
-    h6: 'lexical-h6'
-  },
-  list: {
-    nested: {
-      listitem: 'lexical-nested-listitem'
-    },
-    ol: 'lexical-ol',
-    ul: 'lexical-ul',
-    listitem: 'lexical-listitem'
-  },
-  text: {
-    bold: 'lexical-bold',
-    italic: 'lexical-italic',
-    underline: 'lexical-underline',
-    strikethrough: 'lexical-strikethrough',
-    code: 'lexical-code'
-  },
-  link: 'lexical-link',
-  code: 'lexical-code-block'
-};
-var editorStyles = "\n  .lexical-editor-container {\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n  }\n  .lexical-editor-inner {\n    position: relative;\n  }\n  .lexical-editor-input {\n    padding: 12px;\n    outline: none;\n    overflow-y: auto;\n  }\n  .lexical-editor-input:focus {\n    outline: none;\n  }\n  .lexical-placeholder {\n    position: absolute;\n    top: 12px;\n    left: 12px;\n    color: #999;\n    pointer-events: none;\n    user-select: none;\n  }\n  .lexical-paragraph {\n    margin: 0 0 8px 0;\n  }\n  .lexical-h1 { font-size: 2em; font-weight: bold; margin: 16px 0 8px 0; }\n  .lexical-h2 { font-size: 1.5em; font-weight: bold; margin: 14px 0 8px 0; }\n  .lexical-h3 { font-size: 1.17em; font-weight: bold; margin: 12px 0 8px 0; }\n  .lexical-h4 { font-size: 1em; font-weight: bold; margin: 10px 0 8px 0; }\n  .lexical-h5 { font-size: 0.83em; font-weight: bold; margin: 8px 0 8px 0; }\n  .lexical-h6 { font-size: 0.67em; font-weight: bold; margin: 6px 0 8px 0; }\n  .lexical-quote {\n    margin: 8px 0;\n    padding: 8px 16px;\n    border-left: 4px solid #ccc;\n    background: #f9f9f9;\n    font-style: italic;\n  }\n  .lexical-ul, .lexical-ol {\n    margin: 8px 0;\n    padding-left: 24px;\n  }\n  .lexical-listitem {\n    margin: 4px 0;\n  }\n  .lexical-bold { font-weight: bold; }\n  .lexical-italic { font-style: italic; }\n  .lexical-underline { text-decoration: underline; }\n  .lexical-strikethrough { text-decoration: line-through; }\n  .lexical-code {\n    background: #f0f0f0;\n    padding: 2px 4px;\n    border-radius: 3px;\n    font-family: monospace;\n  }\n  .lexical-link {\n    color: #0066cc;\n    text-decoration: underline;\n  }\n  .lexical-code-block {\n    background: #f5f5f5;\n    padding: 12px;\n    border-radius: 4px;\n    font-family: monospace;\n    overflow-x: auto;\n  }\n";
-
-// Toolbar button style to match react-draft-wysiwyg
-var toolbarButtonStyle = {
-  minWidth: 32,
-  width: 32,
-  height: 32,
-  padding: '4px',
-  margin: '2px',
-  borderRadius: '2px',
-  border: '1px solid transparent',
-  '&:hover': {
-    backgroundColor: '#f0f0f0',
-    border: '1px solid #ccc'
-  }
-};
-var activeButtonStyle = _objectSpread(_objectSpread({}, toolbarButtonStyle), {}, {
-  backgroundColor: '#e0e0e0',
-  border: '1px solid #ccc'
-});
-
-// HTML Import Plugin
-function HtmlImportPlugin(_ref) {
-  var initialHtml = _ref.initialHtml;
-  var _useLexicalComposerCo = (0, _LexicalComposerContext.useLexicalComposerContext)(),
-    _useLexicalComposerCo2 = _slicedToArray(_useLexicalComposerCo, 1),
-    editor = _useLexicalComposerCo2[0];
-  var _React$useState = _react["default"].useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    initialized = _React$useState2[0],
-    setInitialized = _React$useState2[1];
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } // 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),
+    documentId = _useState2[0],
+    setDocumentId = _useState2[1];
+  var _useState3 = (0, _react.useState)(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    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 (initialHtml && !initialized) {
-      editor.update(function () {
-        var parser = new DOMParser();
-        var dom = parser.parseFromString(initialHtml, 'text/html');
-        var nodes = (0, _html.$generateNodesFromDOM)(editor, dom);
-        var root = (0, _lexical.$getRoot)();
-        root.clear();
-        nodes.forEach(function (node) {
-          return root.append(node);
-        });
-      });
-      setInitialized(true);
+    if (documentComponentId != null) {
+      if (setIsLoading != null) {
+        setIsLoading(true);
+      }
+      setSpreadSheetAddress("/DocumentMappingPreview/PreviewMappedData?companyId=" + currentUser.companyId + "&documentComponentId=" + documentComponentId);
+      var fetchData = /*#__PURE__*/function () {
+        var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+          return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+            while (1) switch (_context3.prev = _context3.next) {
+              case 0:
+                _context3.next = 2;
+                return fetchMappingFrom();
+              case 2:
+                _context3.next = 4;
+                return fetchMappingTo();
+              case 4:
+                if (setIsLoading != null) {
+                  setIsLoading(false);
+                }
+              case 5:
+              case "end":
+                return _context3.stop();
+            }
+          }, _callee3);
+        }));
+        return function fetchData() {
+          return _ref4.apply(this, arguments);
+        };
+      }();
+      fetchData();
     }
-  }, [editor, initialHtml, initialized]);
-  return null;
-}
-
-// HTML Export Plugin
-function HtmlExportPlugin(_ref2) {
-  var onChange = _ref2.onChange;
-  var _useLexicalComposerCo3 = (0, _LexicalComposerContext.useLexicalComposerContext)(),
-    _useLexicalComposerCo4 = _slicedToArray(_useLexicalComposerCo3, 1),
-    editor = _useLexicalComposerCo4[0];
-  var handleChange = (0, _react.useCallback)(function () {
-    editor.update(function () {
-      var html = (0, _html.$generateHtmlFromNodes)(editor, null);
-      onChange(html);
-    });
-  }, [editor, onChange]);
-  return /*#__PURE__*/_react["default"].createElement(_LexicalOnChangePlugin.OnChangePlugin, {
-    onChange: handleChange
-  });
-}
-
-// Toolbar Component
-function Toolbar(_ref3) {
-  var isDisabled = _ref3.isDisabled;
-  var _useLexicalComposerCo5 = (0, _LexicalComposerContext.useLexicalComposerContext)(),
-    _useLexicalComposerCo6 = _slicedToArray(_useLexicalComposerCo5, 1),
-    editor = _useLexicalComposerCo6[0];
-  var _React$useState3 = _react["default"].useState(false),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    isBold = _React$useState4[0],
-    setIsBold = _React$useState4[1];
-  var _React$useState5 = _react["default"].useState(false),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    isItalic = _React$useState6[0],
-    setIsItalic = _React$useState6[1];
-  var _React$useState7 = _react["default"].useState(false),
-    _React$useState8 = _slicedToArray(_React$useState7, 2),
-    isUnderline = _React$useState8[0],
-    setIsUnderline = _React$useState8[1];
-  var _React$useState9 = _react["default"].useState(false),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    isStrikethrough = _React$useState10[0],
-    setIsStrikethrough = _React$useState10[1];
-  var _React$useState11 = _react["default"].useState(false),
-    _React$useState12 = _slicedToArray(_React$useState11, 2),
-    isCode = _React$useState12[0],
-    setIsCode = _React$useState12[1];
-  var _React$useState13 = _react["default"].useState(false),
-    _React$useState14 = _slicedToArray(_React$useState13, 2),
-    isLink = _React$useState14[0],
-    setIsLink = _React$useState14[1];
-  var _React$useState15 = _react["default"].useState('paragraph'),
-    _React$useState16 = _slicedToArray(_React$useState15, 2),
-    blockType = _React$useState16[0],
-    setBlockType = _React$useState16[1];
-  var updateToolbar = (0, _react.useCallback)(function () {
-    var selection = (0, _lexical.$getSelection)();
-    if ((0, _lexical.$isRangeSelection)(selection)) {
-      setIsBold(selection.hasFormat('bold'));
-      setIsItalic(selection.hasFormat('italic'));
-      setIsUnderline(selection.hasFormat('underline'));
-      setIsStrikethrough(selection.hasFormat('strikethrough'));
-      setIsCode(selection.hasFormat('code'));
-    }
-  }, []);
-  (0, _react.useEffect)(function () {
-    return editor.registerUpdateListener(function (_ref4) {
-      var editorState = _ref4.editorState;
-      editorState.read(function () {
-        updateToolbar();
-      });
-    });
-  }, [editor, updateToolbar]);
-  var formatText = function formatText(format) {
-    editor.dispatchCommand(_lexical.FORMAT_TEXT_COMMAND, format);
-  };
-  var formatBlock = function formatBlock(type) {
-    editor.update(function () {
-      var selection = (0, _lexical.$getSelection)();
-      if ((0, _lexical.$isRangeSelection)(selection)) {
-        if (type === 'paragraph') {
-          (0, _selection.$setBlocksType)(selection, function () {
-            return (0, _lexical.$createParagraphNode)();
-          });
-        } else if (type === 'quote') {
-          (0, _selection.$setBlocksType)(selection, function () {
-            return (0, _richText.$createQuoteNode)();
-          });
-        } else if (type.startsWith('h')) {
-          (0, _selection.$setBlocksType)(selection, function () {
-            return (0, _richText.$createHeadingNode)(type);
-          });
-        }
-        setBlockType(type);
-      }
-    });
-  };
-  var formatList = function formatList(listType) {
-    if (listType === 'bullet') {
-      editor.dispatchCommand(_list.INSERT_UNORDERED_LIST_COMMAND, undefined);
-    } else if (listType === 'number') {
-      editor.dispatchCommand(_list.INSERT_ORDERED_LIST_COMMAND, undefined);
-    }
-  };
-  var insertLink = function insertLink() {
-    var url = prompt('Enter URL:');
-    if (url) {
-      editor.dispatchCommand(_link.TOGGLE_LINK_COMMAND, url);
+  }, [documentComponentId]);
+  return /*#__PURE__*/_react["default"].createElement(_system.Box, null, /*#__PURE__*/_react["default"].createElement(_Container["default"], {
+    maxWidth: "xl",
+    sx: {
+      marginTop: 2
     }
-  };
-  var removeLink = function removeLink() {
-    editor.dispatchCommand(_link.TOGGLE_LINK_COMMAND, null);
-  };
-  var undo = function undo() {
-    editor.dispatchCommand('UNDO', undefined);
-  };
-  var redo = function redo() {
-    editor.dispatchCommand('REDO', undefined);
-  };
-  if (isDisabled) {
-    return null;
-  }
-  return /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+  }, /*#__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: {
-      display: 'flex',
-      flexWrap: 'wrap',
-      alignItems: 'center',
-      padding: '8px',
-      borderBottom: '1px solid #ccc',
-      backgroundColor: '#f9f9f9',
-      gap: '4px'
+      position: "sticky",
+      top: 20
     }
-  }, /*#__PURE__*/_react["default"].createElement(_Select["default"], {
-    size: "small",
-    value: blockType,
-    onChange: function onChange(e) {
-      return formatBlock(e.target.value);
-    },
+  }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    variant: "h4",
+    gutterBottom: true,
     sx: {
-      minWidth: 120,
-      height: 32,
-      mr: 1
+      paddingBottom: 2
     }
-  }, /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-    value: "paragraph"
-  }, "Normal"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-    value: "h1"
-  }, "Heading 1"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-    value: "h2"
-  }, "Heading 2"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-    value: "h3"
-  }, "Heading 3"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-    value: "h4"
-  }, "Heading 4"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-    value: "h5"
-  }, "Heading 5"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-    value: "h6"
-  }, "Heading 6"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-    value: "quote"
-  }, "Blockquote")), /*#__PURE__*/_react["default"].createElement(_Divider["default"], {
-    orientation: "vertical",
-    flexItem: true,
+  }, "File Uploaded: ", /*#__PURE__*/_react["default"].createElement("br", null), " ", documentName), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    variant: "subtitle1",
+    gutterBottom: true,
     sx: {
-      mx: 1
+      paddingBottom: 2
     }
-  }), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: "Bold (Ctrl+B)"
-  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-    size: "small",
-    onClick: function onClick() {
-      return formatText('bold');
-    },
-    sx: isBold ? activeButtonStyle : toolbarButtonStyle
-  }, /*#__PURE__*/_react["default"].createElement(_FormatBold["default"], {
-    fontSize: "small"
-  }))), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: "Italic (Ctrl+I)"
-  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-    size: "small",
-    onClick: function onClick() {
-      return formatText('italic');
-    },
-    sx: isItalic ? activeButtonStyle : toolbarButtonStyle
-  }, /*#__PURE__*/_react["default"].createElement(_FormatItalic["default"], {
-    fontSize: "small"
-  }))), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: "Underline (Ctrl+U)"
-  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-    size: "small",
-    onClick: function onClick() {
-      return formatText('underline');
+  }, "You have ", fromColumnOptions != null && fromColumnOptions.length, " columns that can be created or mapped"), /*#__PURE__*/_react["default"].createElement(_material.Button, {
+    variant: "outlined",
+    sx: {
+      marginRight: 2
     },
-    sx: isUnderline ? activeButtonStyle : toolbarButtonStyle
-  }, /*#__PURE__*/_react["default"].createElement(_FormatUnderlined["default"], {
-    fontSize: "small"
-  }))), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: "Strikethrough"
-  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-    size: "small",
-    onClick: function onClick() {
-      return formatText('strikethrough');
+    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
     },
-    sx: isStrikethrough ? activeButtonStyle : toolbarButtonStyle
-  }, /*#__PURE__*/_react["default"].createElement(_StrikethroughS["default"], {
-    fontSize: "small"
-  }))), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: "Code"
-  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-    size: "small",
     onClick: function onClick() {
-      return formatText('code');
+      setShowPreviewDialog(true);
+    }
+  }, "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);
     },
-    sx: isCode ? activeButtonStyle : toolbarButtonStyle
-  }, /*#__PURE__*/_react["default"].createElement(_Code["default"], {
-    fontSize: "small"
-  }))), /*#__PURE__*/_react["default"].createElement(_Divider["default"], {
-    orientation: "vertical",
-    flexItem: 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: {
-      mx: 1
+      fontSize: "25px",
+      paddingTop: 4
     }
-  }), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: "Bullet List"
-  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-    size: "small",
-    onClick: function onClick() {
-      return formatList('bullet');
-    },
-    sx: toolbarButtonStyle
-  }, /*#__PURE__*/_react["default"].createElement(_FormatListBulleted["default"], {
-    fontSize: "small"
-  }))), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: "Numbered List"
-  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-    size: "small",
+  }, "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() {
-      return formatList('number');
+      setShowPreviewDialog(false);
     },
-    sx: toolbarButtonStyle
-  }, /*#__PURE__*/_react["default"].createElement(_FormatListNumbered["default"], {
-    fontSize: "small"
-  }))), /*#__PURE__*/_react["default"].createElement(_Divider["default"], {
-    orientation: "vertical",
-    flexItem: true,
     sx: {
-      mx: 1
+      position: 'absolute',
+      right: 8,
+      top: 8,
+      color: function color(theme) {
+        return theme.palette.grey[500];
+      }
     }
-  }), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: "Insert Link"
-  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-    size: "small",
-    onClick: insertLink,
-    sx: toolbarButtonStyle
-  }, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
-    fontSize: "small"
-  }))), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: "Remove Link"
-  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-    size: "small",
-    onClick: removeLink,
-    sx: toolbarButtonStyle
-  }, /*#__PURE__*/_react["default"].createElement(_LinkOff["default"], {
-    fontSize: "small"
-  }))), /*#__PURE__*/_react["default"].createElement(_Divider["default"], {
-    orientation: "vertical",
-    flexItem: true,
+  }, /*#__PURE__*/_react["default"].createElement(_Close["default"], null)), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement(_system.Box, {
     sx: {
-      mx: 1
+      paddingBottom: 1
     }
-  }), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: "Undo (Ctrl+Z)"
-  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-    size: "small",
-    onClick: undo,
-    sx: toolbarButtonStyle
-  }, /*#__PURE__*/_react["default"].createElement(_Undo["default"], {
-    fontSize: "small"
-  }))), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-    title: "Redo (Ctrl+Y)"
-  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-    size: "small",
-    onClick: redo,
-    sx: toolbarButtonStyle
-  }, /*#__PURE__*/_react["default"].createElement(_Redo["default"], {
-    fontSize: "small"
-  }))));
-}
-function onError(error) {
-  console.error('Lexical error:', error);
-}
-function LexicalEditor(_ref5) {
-  var initialHtml = _ref5.initialHtml,
-    onChange = _ref5.onChange,
-    _ref5$height = _ref5.height,
-    height = _ref5$height === void 0 ? 400 : _ref5$height,
-    _ref5$isDisabled = _ref5.isDisabled,
-    isDisabled = _ref5$isDisabled === void 0 ? false : _ref5$isDisabled;
-  var initialConfig = {
-    namespace: 'RichTextEditor',
-    theme: theme,
-    onError: onError,
-    nodes: [_richText.HeadingNode, _richText.QuoteNode, _list.ListNode, _list.ListItemNode, _link.LinkNode, _code.CodeNode],
-    editable: !isDisabled
-  };
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", null, editorStyles), /*#__PURE__*/_react["default"].createElement(_LexicalComposer.LexicalComposer, {
-    initialConfig: initialConfig
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "lexical-editor-container"
-  }, /*#__PURE__*/_react["default"].createElement(Toolbar, {
-    isDisabled: isDisabled
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "lexical-editor-inner"
-  }, /*#__PURE__*/_react["default"].createElement(_LexicalRichTextPlugin.RichTextPlugin, {
-    contentEditable: /*#__PURE__*/_react["default"].createElement(_LexicalContentEditable.ContentEditable, {
-      className: "lexical-editor-input",
-      style: {
-        minHeight: height,
-        maxHeight: height
-      }
-    }),
-    placeholder: /*#__PURE__*/_react["default"].createElement("div", {
-      className: "lexical-placeholder"
-    }, "Enter text..."),
-    ErrorBoundary: _LexicalErrorBoundary.LexicalErrorBoundary
-  }), /*#__PURE__*/_react["default"].createElement(_LexicalHistoryPlugin.HistoryPlugin, null), /*#__PURE__*/_react["default"].createElement(_LexicalListPlugin.ListPlugin, null), /*#__PURE__*/_react["default"].createElement(_LexicalLinkPlugin.LinkPlugin, null), /*#__PURE__*/_react["default"].createElement(HtmlImportPlugin, {
-    initialHtml: initialHtml
-  }), /*#__PURE__*/_react["default"].createElement(HtmlExportPlugin, {
-    onChange: onChange
-  })))));
+  }, /*#__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";
 
@@ -3102,19 +2974,15 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AssignMapping = AssignMapping;
+exports.ConditionBasedTool = ConditionBasedTool;
 var _react = _interopRequireWildcard(require("react"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
 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"));
+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(e) { return e && e.__esModule ? e : { "default": e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -3126,340 +2994,12 @@ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructur
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } // 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),
-    documentId = _useState2[0],
-    setDocumentId = _useState2[1];
-  var _useState3 = (0, _react.useState)(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    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 (documentComponentId != null) {
-      if (setIsLoading != null) {
-        setIsLoading(true);
-      }
-      setSpreadSheetAddress("/DocumentMappingPreview/PreviewMappedData?companyId=" + currentUser.companyId + "&documentComponentId=" + documentComponentId);
-      var fetchData = /*#__PURE__*/function () {
-        var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-          return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-            while (1) switch (_context3.prev = _context3.next) {
-              case 0:
-                _context3.next = 2;
-                return fetchMappingFrom();
-              case 2:
-                _context3.next = 4;
-                return fetchMappingTo();
-              case 4:
-                if (setIsLoading != null) {
-                  setIsLoading(false);
-                }
-              case 5:
-              case "end":
-                return _context3.stop();
-            }
-          }, _callee3);
-        }));
-        return function fetchData() {
-          return _ref4.apply(this, arguments);
-        };
-      }();
-      fetchData();
-    }
-  }, [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
-    },
-    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);
-    }
-  }, "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);
-    },
-    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
-    }
-  }, "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(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ConditionBasedTool = ConditionBasedTool;
-var _react = _interopRequireWildcard(require("react"));
-var _Button = _interopRequireDefault(require("@mui/material/Button"));
-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(e) { return e && e.__esModule ? e : { "default": e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-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 e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
-function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
-function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } // import { apiService, FileUploader} from 'authscape';
-function ConditionBasedTool(_ref) {
-  var toColumnOptions = _ref.toColumnOptions,
-    documentId = _ref.documentId,
-    onConditionApplied = _ref.onConditionApplied;
-  var _useState = (0, _react.useState)(null),
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } // 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];
@@ -6782,166 +6322,536 @@ function PrivateLabelEditor(_ref) {
     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"], {
+    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";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RichTextEditor = exports.LexicalEditor = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _LexicalComposer = require("@lexical/react/LexicalComposer");
+var _LexicalRichTextPlugin = require("@lexical/react/LexicalRichTextPlugin");
+var _LexicalContentEditable = require("@lexical/react/LexicalContentEditable");
+var _LexicalHistoryPlugin = require("@lexical/react/LexicalHistoryPlugin");
+var _LexicalOnChangePlugin = require("@lexical/react/LexicalOnChangePlugin");
+var _LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
+var _LexicalErrorBoundary = require("@lexical/react/LexicalErrorBoundary");
+var _LexicalListPlugin = require("@lexical/react/LexicalListPlugin");
+var _LexicalLinkPlugin = require("@lexical/react/LexicalLinkPlugin");
+var _html = require("@lexical/html");
+var _lexical = require("lexical");
+var _selection = require("@lexical/selection");
+var _richText = require("@lexical/rich-text");
+var _list = require("@lexical/list");
+var _link = require("@lexical/link");
+var _code = require("@lexical/code");
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _Divider = _interopRequireDefault(require("@mui/material/Divider"));
+var _Select = _interopRequireDefault(require("@mui/material/Select"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
+var _FormatBold = _interopRequireDefault(require("@mui/icons-material/FormatBold"));
+var _FormatItalic = _interopRequireDefault(require("@mui/icons-material/FormatItalic"));
+var _FormatUnderlined = _interopRequireDefault(require("@mui/icons-material/FormatUnderlined"));
+var _StrikethroughS = _interopRequireDefault(require("@mui/icons-material/StrikethroughS"));
+var _FormatListBulleted = _interopRequireDefault(require("@mui/icons-material/FormatListBulleted"));
+var _FormatListNumbered = _interopRequireDefault(require("@mui/icons-material/FormatListNumbered"));
+var _Code = _interopRequireDefault(require("@mui/icons-material/Code"));
+var _Link = _interopRequireDefault(require("@mui/icons-material/Link"));
+var _LinkOff = _interopRequireDefault(require("@mui/icons-material/LinkOff"));
+var _Undo = _interopRequireDefault(require("@mui/icons-material/Undo"));
+var _Redo = _interopRequireDefault(require("@mui/icons-material/Redo"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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 e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var theme = {
+  paragraph: 'lexical-paragraph',
+  quote: 'lexical-quote',
+  heading: {
+    h1: 'lexical-h1',
+    h2: 'lexical-h2',
+    h3: 'lexical-h3',
+    h4: 'lexical-h4',
+    h5: 'lexical-h5',
+    h6: 'lexical-h6'
+  },
+  list: {
+    nested: {
+      listitem: 'lexical-nested-listitem'
+    },
+    ol: 'lexical-ol',
+    ul: 'lexical-ul',
+    listitem: 'lexical-listitem'
+  },
+  text: {
+    bold: 'lexical-bold',
+    italic: 'lexical-italic',
+    underline: 'lexical-underline',
+    strikethrough: 'lexical-strikethrough',
+    code: 'lexical-code'
+  },
+  link: 'lexical-link',
+  code: 'lexical-code-block'
+};
+var editorStyles = "\n  .lexical-editor-container { border: 1px solid #ccc; border-radius: 4px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif; }\n  .lexical-editor-inner { position: relative; }\n  .lexical-editor-input { padding: 12px; outline: none; overflow-y: auto; }\n  .lexical-editor-input:focus { outline: none; }\n  .lexical-placeholder { position: absolute; top: 12px; left: 12px; color: #999; pointer-events: none; user-select: none; }\n  .lexical-paragraph { margin: 0 0 8px 0; }\n  .lexical-h1 { font-size: 2em; font-weight: bold; margin: 16px 0 8px 0; }\n  .lexical-h2 { font-size: 1.5em; font-weight: bold; margin: 14px 0 8px 0; }\n  .lexical-h3 { font-size: 1.17em; font-weight: bold; margin: 12px 0 8px 0; }\n  .lexical-h4 { font-size: 1em; font-weight: bold; margin: 10px 0 8px 0; }\n  .lexical-h5 { font-size: 0.83em; font-weight: bold; margin: 8px 0 8px 0; }\n  .lexical-h6 { font-size: 0.67em; font-weight: bold; margin: 6px 0 8px 0; }\n  .lexical-quote { margin: 8px 0; padding: 8px 16px; border-left: 4px solid #ccc; background: #f9f9f9; font-style: italic; }\n  .lexical-ul, .lexical-ol { margin: 8px 0; padding-left: 24px; }\n  .lexical-listitem { margin: 4px 0; }\n  .lexical-bold { font-weight: bold; }\n  .lexical-italic { font-style: italic; }\n  .lexical-underline { text-decoration: underline; }\n  .lexical-strikethrough { text-decoration: line-through; }\n  .lexical-code { background: #f0f0f0; padding: 2px 4px; border-radius: 3px; font-family: monospace; }\n  .lexical-link { color: #0066cc; text-decoration: underline; }\n  .lexical-code-block { background: #f5f5f5; padding: 12px; border-radius: 4px; font-family: monospace; overflow-x: auto; }\n";
+var toolbarButtonStyle = {
+  minWidth: 32,
+  width: 32,
+  height: 32,
+  padding: '4px',
+  margin: '2px',
+  borderRadius: '2px',
+  border: '1px solid transparent',
+  '&:hover': {
+    backgroundColor: '#f0f0f0',
+    border: '1px solid #ccc'
+  }
+};
+var activeButtonStyle = _objectSpread(_objectSpread({}, toolbarButtonStyle), {}, {
+  backgroundColor: '#e0e0e0',
+  border: '1px solid #ccc'
+});
+function HtmlImportPlugin(_ref) {
+  var initialHtml = _ref.initialHtml;
+  var _useLexicalComposerCo = (0, _LexicalComposerContext.useLexicalComposerContext)(),
+    _useLexicalComposerCo2 = _slicedToArray(_useLexicalComposerCo, 1),
+    editor = _useLexicalComposerCo2[0];
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    initialized = _useState2[0],
+    setInitialized = _useState2[1];
+  (0, _react.useEffect)(function () {
+    if (initialHtml && !initialized) {
+      editor.update(function () {
+        var parser = new DOMParser();
+        var dom = parser.parseFromString(initialHtml, 'text/html');
+        var nodes = (0, _html.$generateNodesFromDOM)(editor, dom);
+        var root = (0, _lexical.$getRoot)();
+        root.clear();
+        nodes.forEach(function (node) {
+          return root.append(node);
+        });
+      });
+      setInitialized(true);
+    }
+  }, [editor, initialHtml, initialized]);
+  return null;
+}
+function HtmlExportPlugin(_ref2) {
+  var onChange = _ref2.onChange;
+  var _useLexicalComposerCo3 = (0, _LexicalComposerContext.useLexicalComposerContext)(),
+    _useLexicalComposerCo4 = _slicedToArray(_useLexicalComposerCo3, 1),
+    editor = _useLexicalComposerCo4[0];
+  var handleChange = (0, _react.useCallback)(function () {
+    editor.update(function () {
+      var html = (0, _html.$generateHtmlFromNodes)(editor, null);
+      onChange(html);
+    });
+  }, [editor, onChange]);
+  return /*#__PURE__*/_react["default"].createElement(_LexicalOnChangePlugin.OnChangePlugin, {
+    onChange: handleChange
+  });
+}
+function Toolbar(_ref3) {
+  var isDisabled = _ref3.isDisabled;
+  var _useLexicalComposerCo5 = (0, _LexicalComposerContext.useLexicalComposerContext)(),
+    _useLexicalComposerCo6 = _slicedToArray(_useLexicalComposerCo5, 1),
+    editor = _useLexicalComposerCo6[0];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isBold = _useState4[0],
+    setIsBold = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isItalic = _useState6[0],
+    setIsItalic = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    isUnderline = _useState8[0],
+    setIsUnderline = _useState8[1];
+  var _useState9 = (0, _react.useState)(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    isStrikethrough = _useState10[0],
+    setIsStrikethrough = _useState10[1];
+  var _useState11 = (0, _react.useState)(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    isCode = _useState12[0],
+    setIsCode = _useState12[1];
+  var _useState13 = (0, _react.useState)('paragraph'),
+    _useState14 = _slicedToArray(_useState13, 2),
+    blockType = _useState14[0],
+    setBlockType = _useState14[1];
+  var updateToolbar = (0, _react.useCallback)(function () {
+    var selection = (0, _lexical.$getSelection)();
+    if ((0, _lexical.$isRangeSelection)(selection)) {
+      setIsBold(selection.hasFormat('bold'));
+      setIsItalic(selection.hasFormat('italic'));
+      setIsUnderline(selection.hasFormat('underline'));
+      setIsStrikethrough(selection.hasFormat('strikethrough'));
+      setIsCode(selection.hasFormat('code'));
+    }
+  }, []);
+  (0, _react.useEffect)(function () {
+    return editor.registerUpdateListener(function (_ref4) {
+      var editorState = _ref4.editorState;
+      editorState.read(function () {
+        updateToolbar();
+      });
+    });
+  }, [editor, updateToolbar]);
+  var formatText = function formatText(format) {
+    editor.dispatchCommand(_lexical.FORMAT_TEXT_COMMAND, format);
+  };
+  var formatBlock = function formatBlock(type) {
+    editor.update(function () {
+      var selection = (0, _lexical.$getSelection)();
+      if ((0, _lexical.$isRangeSelection)(selection)) {
+        if (type === 'paragraph') (0, _selection.$setBlocksType)(selection, function () {
+          return (0, _lexical.$createParagraphNode)();
+        });else if (type === 'quote') (0, _selection.$setBlocksType)(selection, function () {
+          return (0, _richText.$createQuoteNode)();
+        });else if (type.startsWith('h')) (0, _selection.$setBlocksType)(selection, function () {
+          return (0, _richText.$createHeadingNode)(type);
+        });
+        setBlockType(type);
+      }
+    });
+  };
+  var formatList = function formatList(listType) {
+    if (listType === 'bullet') editor.dispatchCommand(_list.INSERT_UNORDERED_LIST_COMMAND, undefined);else if (listType === 'number') editor.dispatchCommand(_list.INSERT_ORDERED_LIST_COMMAND, undefined);
+  };
+  var insertLink = function insertLink() {
+    var url = prompt('Enter URL:');
+    if (url) editor.dispatchCommand(_link.TOGGLE_LINK_COMMAND, url);
+  };
+  var removeLink = function removeLink() {
+    editor.dispatchCommand(_link.TOGGLE_LINK_COMMAND, null);
+  };
+  var undo = function undo() {
+    editor.dispatchCommand('UNDO', undefined);
+  };
+  var redo = function redo() {
+    editor.dispatchCommand('REDO', undefined);
+  };
+  if (isDisabled) return null;
+  return /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+    sx: {
+      display: 'flex',
+      flexWrap: 'wrap',
+      alignItems: 'center',
+      padding: '8px',
+      borderBottom: '1px solid #ccc',
+      backgroundColor: '#f9f9f9',
+      gap: '4px'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Select["default"], {
+    size: "small",
+    value: blockType,
+    onChange: function onChange(e) {
+      return formatBlock(e.target.value);
+    },
+    sx: {
+      minWidth: 120,
+      height: 32,
+      mr: 1
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: "paragraph"
+  }, "Normal"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: "h1"
+  }, "Heading 1"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: "h2"
+  }, "Heading 2"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: "h3"
+  }, "Heading 3"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: "h4"
+  }, "Heading 4"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: "h5"
+  }, "Heading 5"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: "h6"
+  }, "Heading 6"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: "quote"
+  }, "Blockquote")), /*#__PURE__*/_react["default"].createElement(_Divider["default"], {
+    orientation: "vertical",
+    flexItem: true,
+    sx: {
+      mx: 1
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+    title: "Bold (Ctrl+B)"
+  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    size: "small",
+    onClick: function onClick() {
+      return formatText('bold');
+    },
+    sx: isBold ? activeButtonStyle : toolbarButtonStyle
+  }, /*#__PURE__*/_react["default"].createElement(_FormatBold["default"], {
+    fontSize: "small"
+  }))), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+    title: "Italic (Ctrl+I)"
+  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    size: "small",
+    onClick: function onClick() {
+      return formatText('italic');
+    },
+    sx: isItalic ? activeButtonStyle : toolbarButtonStyle
+  }, /*#__PURE__*/_react["default"].createElement(_FormatItalic["default"], {
+    fontSize: "small"
+  }))), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+    title: "Underline (Ctrl+U)"
+  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    size: "small",
+    onClick: function onClick() {
+      return formatText('underline');
+    },
+    sx: isUnderline ? activeButtonStyle : toolbarButtonStyle
+  }, /*#__PURE__*/_react["default"].createElement(_FormatUnderlined["default"], {
+    fontSize: "small"
+  }))), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+    title: "Strikethrough"
+  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    size: "small",
+    onClick: function onClick() {
+      return formatText('strikethrough');
+    },
+    sx: isStrikethrough ? activeButtonStyle : toolbarButtonStyle
+  }, /*#__PURE__*/_react["default"].createElement(_StrikethroughS["default"], {
+    fontSize: "small"
+  }))), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+    title: "Code"
+  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    size: "small",
+    onClick: function onClick() {
+      return formatText('code');
+    },
+    sx: isCode ? activeButtonStyle : toolbarButtonStyle
+  }, /*#__PURE__*/_react["default"].createElement(_Code["default"], {
+    fontSize: "small"
+  }))), /*#__PURE__*/_react["default"].createElement(_Divider["default"], {
+    orientation: "vertical",
+    flexItem: true,
     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"
+      mx: 1
     }
-  }, "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,
+  }), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+    title: "Bullet List"
+  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    size: "small",
+    onClick: function onClick() {
+      return formatList('bullet');
+    },
+    sx: toolbarButtonStyle
+  }, /*#__PURE__*/_react["default"].createElement(_FormatListBulleted["default"], {
+    fontSize: "small"
+  }))), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+    title: "Numbered List"
+  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    size: "small",
+    onClick: function onClick() {
+      return formatList('number');
+    },
+    sx: toolbarButtonStyle
+  }, /*#__PURE__*/_react["default"].createElement(_FormatListNumbered["default"], {
+    fontSize: "small"
+  }))), /*#__PURE__*/_react["default"].createElement(_Divider["default"], {
+    orientation: "vertical",
+    flexItem: true,
     sx: {
-      textAlign: "right"
+      mx: 1
     }
-  }, /*#__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"], {
+  }), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+    title: "Insert Link"
+  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    size: "small",
+    onClick: insertLink,
+    sx: toolbarButtonStyle
+  }, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+    fontSize: "small"
+  }))), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+    title: "Remove Link"
+  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    size: "small",
+    onClick: removeLink,
+    sx: toolbarButtonStyle
+  }, /*#__PURE__*/_react["default"].createElement(_LinkOff["default"], {
+    fontSize: "small"
+  }))), /*#__PURE__*/_react["default"].createElement(_Divider["default"], {
+    orientation: "vertical",
+    flexItem: true,
     sx: {
-      paddingTop: 1
+      mx: 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);
-    }))
-  })));
+  }), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+    title: "Undo (Ctrl+Z)"
+  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    size: "small",
+    onClick: undo,
+    sx: toolbarButtonStyle
+  }, /*#__PURE__*/_react["default"].createElement(_Undo["default"], {
+    fontSize: "small"
+  }))), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+    title: "Redo (Ctrl+Y)"
+  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    size: "small",
+    onClick: redo,
+    sx: toolbarButtonStyle
+  }, /*#__PURE__*/_react["default"].createElement(_Redo["default"], {
+    fontSize: "small"
+  }))));
 }
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RichTextEditor = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _Button = _interopRequireDefault(require("@mui/material/Button"));
-var _LexicalEditor = require("./LexicalEditor");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-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 e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
-function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
-function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-var RichTextEditor = exports.RichTextEditor = function RichTextEditor(_ref) {
-  var html = _ref.html,
-    onSave = _ref.onSave,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? 400 : _ref$height,
-    _ref$isDisabled = _ref.isDisabled,
-    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled;
-  var _useState = (0, _react.useState)(html || ''),
-    _useState2 = _slicedToArray(_useState, 2),
-    editorHtml = _useState2[0],
-    setEditorHtml = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isMounted = _useState4[0],
-    setIsMounted = _useState4[1];
+function onError(error) {
+  console.error('Lexical error:', error);
+}
+var RichTextEditor = exports.RichTextEditor = function RichTextEditor(_ref5) {
+  var html = _ref5.html,
+    onSave = _ref5.onSave,
+    _ref5$height = _ref5.height,
+    height = _ref5$height === void 0 ? 400 : _ref5$height,
+    _ref5$isDisabled = _ref5.isDisabled,
+    isDisabled = _ref5$isDisabled === void 0 ? false : _ref5$isDisabled;
+  var _useState15 = (0, _react.useState)(html || ''),
+    _useState16 = _slicedToArray(_useState15, 2),
+    editorHtml = _useState16[0],
+    setEditorHtml = _useState16[1];
+  var _useState17 = (0, _react.useState)(false),
+    _useState18 = _slicedToArray(_useState17, 2),
+    isMounted = _useState18[0],
+    setIsMounted = _useState18[1];
   (0, _react.useEffect)(function () {
     setIsMounted(true);
   }, []);
   (0, _react.useEffect)(function () {
-    if (html != null) {
-      setEditorHtml(html);
-    }
+    if (html != null) setEditorHtml(html);
   }, [html]);
   var handleChange = (0, _react.useCallback)(function (newHtml) {
     setEditorHtml(newHtml);
   }, []);
-
-  // Only render the editor on client side to avoid SSR issues
   if (!isMounted) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       style: {
@@ -6951,12 +6861,38 @@ var RichTextEditor = exports.RichTextEditor = function RichTextEditor(_ref) {
       }
     });
   }
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_LexicalEditor.LexicalEditor, {
-    initialHtml: html,
-    onChange: handleChange,
-    height: height,
+  var initialConfig = {
+    namespace: 'RichTextEditor',
+    theme: theme,
+    onError: onError,
+    nodes: [_richText.HeadingNode, _richText.QuoteNode, _list.ListNode, _list.ListItemNode, _link.LinkNode, _code.CodeNode],
+    editable: !isDisabled
+  };
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", null, editorStyles), /*#__PURE__*/_react["default"].createElement(_LexicalComposer.LexicalComposer, {
+    initialConfig: initialConfig
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "lexical-editor-container"
+  }, /*#__PURE__*/_react["default"].createElement(Toolbar, {
     isDisabled: isDisabled
-  }), /*#__PURE__*/_react["default"].createElement("hr", null), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "lexical-editor-inner"
+  }, /*#__PURE__*/_react["default"].createElement(_LexicalRichTextPlugin.RichTextPlugin, {
+    contentEditable: /*#__PURE__*/_react["default"].createElement(_LexicalContentEditable.ContentEditable, {
+      className: "lexical-editor-input",
+      style: {
+        minHeight: height,
+        maxHeight: height
+      }
+    }),
+    placeholder: /*#__PURE__*/_react["default"].createElement("div", {
+      className: "lexical-placeholder"
+    }, "Enter text..."),
+    ErrorBoundary: _LexicalErrorBoundary.LexicalErrorBoundary
+  }), /*#__PURE__*/_react["default"].createElement(_LexicalHistoryPlugin.HistoryPlugin, null), /*#__PURE__*/_react["default"].createElement(_LexicalListPlugin.ListPlugin, null), /*#__PURE__*/_react["default"].createElement(_LexicalLinkPlugin.LinkPlugin, null), /*#__PURE__*/_react["default"].createElement(HtmlImportPlugin, {
+    initialHtml: html
+  }), /*#__PURE__*/_react["default"].createElement(HtmlExportPlugin, {
+    onChange: handleChange
+  })))), /*#__PURE__*/_react["default"].createElement("hr", null), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
     sx: {
       textAlign: "right"
     }
@@ -6977,6 +6913,9 @@ var RichTextEditor = exports.RichTextEditor = function RichTextEditor(_ref) {
     }))
   }, "Save")));
 };
+
+// Also export as LexicalEditor for backwards compatibility
+var LexicalEditor = exports.LexicalEditor = RichTextEditor;
 "use strict";
 
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }