authscape 1.0.610 → 1.0.616

package/index.js

@@ -408,7 +408,7 @@ function AuthScapeApp(_ref) {
     name: "viewport",
     content: "width=device-width, initial-scale=0.86, maximum-scale=5.0, minimum-scale=0.86"
   }), pageProps != null && pageProps.oemCompanyId != null && /*#__PURE__*/_react["default"].createElement("link", {
-    href: process.env.apiUri + "/api/WhiteLabel/GetDataFromRecord?oemCompanyId=" + pageProps.oemCompanyId,
+    href: process.env.apiUri + "/api/PrivateLabel/GetDataFromRecord?oemCompanyId=" + pageProps.oemCompanyId,
     rel: "stylesheet"
   })), /*#__PURE__*/_react["default"].createElement(_styles.ThemeProvider, {
     theme: muiTheme
@@ -4849,930 +4849,902 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.OEMEditor = OEMEditor;
+exports.PageToPDF = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _react2 = _interopRequireWildcard(require("@monaco-editor/react"));
-var _Button = _interopRequireDefault(require("@mui/material/Button"));
-var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
-var _Tabs = _interopRequireDefault(require("@mui/material/Tabs"));
-var _Tab = _interopRequireDefault(require("@mui/material/Tab"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _html2canvas = _interopRequireDefault(require("html2canvas"));
+var _jspdf = require("jspdf");
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _DownloadRounded = _interopRequireDefault(require("@mui/icons-material/DownloadRounded"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var PageToPDF = function PageToPDF(_ref) {
+  var _ref$buttonText = _ref.buttonText,
+    buttonText = _ref$buttonText === void 0 ? "Download" : _ref$buttonText,
+    _ref$startIcon = _ref.startIcon,
+    startIcon = _ref$startIcon === void 0 ? /*#__PURE__*/_react["default"].createElement(_DownloadRounded["default"], null) : _ref$startIcon,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "contained" : _ref$variant,
+    elementById = _ref.elementById,
+    _ref$scale = _ref.scale,
+    scale = _ref$scale === void 0 ? 2 : _ref$scale,
+    _ref$showHideClassEle = _ref.showHideClassElements,
+    showHideClassElements = _ref$showHideClassEle === void 0 ? [] : _ref$showHideClassEle,
+    _ref$fileName = _ref.fileName,
+    fileName = _ref$fileName === void 0 ? "download" : _ref$fileName;
+  var onHideElements = function onHideElements() {
+    for (var index = 0; index < showHideClassElements.length; index++) {
+      var element = showHideClassElements[index];
+      var elements = document.getElementsByClassName(element);
+      for (var i = 0; i < elements.length; i++) {
+        elements[i].style.display = "none";
+      }
+    }
+  };
+  var onShowElements = function onShowElements() {
+    for (var index = 0; index < showHideClassElements.length; index++) {
+      var element = showHideClassElements[index];
+      var elements = document.getElementsByClassName(element);
+      for (var i = 0; i < elements.length; i++) {
+        elements[i].style.display = "block";
+      }
+    }
+  };
+  var printElement = function printElement() {
+    onHideElements();
+    var input = document.getElementById(elementById);
+    (0, _html2canvas["default"])(input, {
+      backgroundColor: null,
+      scale: scale
+    }).then(function (canvas) {
+      var imgData = canvas.toDataURL("image/png", 1.0);
+      var pdf = new _jspdf.jsPDF();
+      var pdfWidth = pdf.internal.pageSize.getWidth();
+      var pdfHeight = pdf.internal.pageSize.getHeight();
+      var imgWidth = canvas.width;
+      var imgHeight = canvas.height;
+      var scaleFactor = Math.min(pdfWidth / imgWidth, pdfHeight / imgHeight);
+      var scaledWidth = imgWidth * scaleFactor;
+      var scaledHeight = imgHeight * scaleFactor;
+      var x = (pdfWidth - scaledWidth) / 2;
+      var y = 0; // Set y coordinate to 0 to align to the top
+      pdf.addImage(imgData, "PNG", x, y, scaledWidth, scaledHeight);
+      pdf.save(fileName + ".pdf");
+    });
+    onShowElements();
+  };
+  return /*#__PURE__*/_react["default"].createElement(_Box["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    startIcon: startIcon,
+    variant: variant,
+    onClick: function onClick() {
+      printElement();
+    }
+  }, buttonText));
+};
+exports.PageToPDF = PageToPDF;
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Pricing = Pricing;
+var _react = _interopRequireWildcard(require("react"));
+var _system = require("@mui/system");
 var _material = require("@mui/material");
-var _xDataGrid = require("@mui/x-data-grid");
-var _PublishRounded = _interopRequireDefault(require("@mui/icons-material/PublishRounded"));
-var _image = _interopRequireDefault(require("next/image"));
+var _ChevronRightRounded = _interopRequireDefault(require("@mui/icons-material/ChevronRightRounded"));
 var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
 var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
 var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
 var _Select = _interopRequireDefault(require("@mui/material/Select"));
+var _reactHookForm = require("react-hook-form");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-// remove after NPM
-// import {FileUploader, apiService, ColorPicker} from 'authscape';
-
-function OEMEditor(_ref) {
-  var loadedUser = _ref.loadedUser,
-    notification = _ref.notification,
-    _ref$showAllDomains = _ref.showAllDomains,
-    showAllDomains = _ref$showAllDomains === void 0 ? false : _ref$showAllDomains,
-    _ref$companyId = _ref.companyId,
-    companyId = _ref$companyId === void 0 ? null : _ref$companyId;
-  var monaco = (0, _react2.useMonaco)();
-  var cssEditorRef = (0, _react.useRef)(null);
-  var htmlEditorRef = (0, _react.useRef)(null);
-  var _useState = (0, _react.useState)(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    data = _useState2[0],
-    setData = _useState2[1];
-  var _useState3 = (0, _react.useState)(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    value = _useState4[0],
-    setValue = _useState4[1];
-  var _useState5 = (0, _react.useState)([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    fonts = _useState6[0],
-    setFonts = _useState6[1];
-  var _useState7 = (0, _react.useState)([]),
-    _useState8 = _slicedToArray(_useState7, 2),
-    oEMDomainList = _useState8[0],
-    setOEMDomainList = _useState8[1];
-  var _useState9 = (0, _react.useState)([]),
-    _useState10 = _slicedToArray(_useState9, 2),
-    dnsFields = _useState10[0],
-    setDnsFields = _useState10[1];
-  var _useState11 = (0, _react.useState)(null),
-    _useState12 = _slicedToArray(_useState11, 2),
-    selectedFont = _useState12[0],
-    setSelectedFont = _useState12[1];
-  var _useState13 = (0, _react.useState)(null),
-    _useState14 = _slicedToArray(_useState13, 2),
-    fontUri = _useState14[0],
-    setFontUri = _useState14[1];
-  var _useState15 = (0, _react.useState)(null),
-    _useState16 = _slicedToArray(_useState15, 2),
-    oEMDomain = _useState16[0],
-    setOEMDomain = _useState16[1];
-  var _useState17 = (0, _react.useState)(''),
-    _useState18 = _slicedToArray(_useState17, 2),
-    stateBaseUri = _useState18[0],
-    setBaseUri = _useState18[1];
-  var handleChange = function handleChange(event, newValue) {
-    setValue(newValue);
-  };
-  var GetBaseUrl = function GetBaseUrl() {
-    return window.location.protocol + "//" + window.location.host;
-  };
-  var loadDNSFields = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var _domain,
-        domain,
-        responseFields,
-        _args = arguments;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _domain = _args.length > 0 && _args[0] !== undefined ? _args[0] : null;
-            domain = null;
-            if (_domain != null) {
-              domain = _domain;
-            } else {
-              domain = GetBaseUrl();
-            }
-            _context.next = 5;
-            return apiService().get("/WhiteLabel/GetFields?domain=" + domain + (companyId != null ? "&companyId=" + companyId : ""));
-          case 5:
-            responseFields = _context.sent;
-            if (responseFields != null && responseFields.status == 200) {
-              setDnsFields(responseFields.data);
-            }
-          case 7:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function loadDNSFields() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  (0, _react.useEffect)(function () {
-    if (oEMDomain != null) {
-      loadDNSFields(oEMDomain);
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function Pricing(_ref) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? null : _ref$title,
+    _ref$tiers = _ref.tiers,
+    tiers = _ref$tiers === void 0 ? [] : _ref$tiers,
+    _ref$features = _ref.features,
+    features = _ref$features === void 0 ? null : _ref$features,
+    _ref$onButtonClicked = _ref.onButtonClicked,
+    onButtonClicked = _ref$onButtonClicked === void 0 ? null : _ref$onButtonClicked;
+  var _useForm = (0, _reactHookForm.useForm)(),
+    control = _useForm.control,
+    register = _useForm.register,
+    handleSubmit = _useForm.handleSubmit,
+    errors = _useForm.formState.errors,
+    watch = _useForm.watch,
+    setValue = _useForm.setValue;
+  var calculateQty = function calculateQty(qty) {
+    var newMax = qty.minQty + qty.maxQty;
+    var menuItemArray = [];
+    var newIndex = 1;
+    for (var index = qty.minQty; index < newMax; index++) {
+      menuItemArray[newIndex] = newIndex;
+      newIndex++;
     }
-  }, [oEMDomain]);
-  (0, _react.useEffect)(function () {
-    if (loadedUser) {
-      var fetchData = /*#__PURE__*/function () {
-        var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-          var response, _response, _response2;
-          return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-            while (1) switch (_context2.prev = _context2.next) {
-              case 0:
-                _context2.next = 2;
-                return apiService().get("/WhiteLabel/GetFonts");
-              case 2:
-                response = _context2.sent;
-                if (response != null && response.status == 200) {
-                  setFonts(response.data);
-                }
-                if (!showAllDomains) {
-                  _context2.next = 11;
-                  break;
-                }
-                _context2.next = 7;
-                return apiService().get("/WhiteLabel/GetAllDomains");
-              case 7:
-                _response = _context2.sent;
-                if (_response != null && _response.status == 200) {
-                  setOEMDomainList(_response.data);
-                  if (_response.data.length > 0) {
-                    setOEMDomain(_response.data[0].name);
-                  }
-                }
-                _context2.next = 15;
-                break;
-              case 11:
-                _context2.next = 13;
-                return apiService().get("/WhiteLabel/GetAllDomainsUser");
-              case 13:
-                _response2 = _context2.sent;
-                if (_response2 != null && _response2.status == 200) {
-                  setOEMDomainList(_response2.data);
-                  if (_response2.data.length > 0) {
-                    setOEMDomain(_response2.data[0].name);
-                  }
-                }
-              case 15:
-              case "end":
-                return _context2.stop();
-            }
-          }, _callee2);
-        }));
-        return function fetchData() {
-          return _ref3.apply(this, arguments);
-        };
-      }();
-      fetchData();
+    return menuItemArray;
+  };
+  return /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      paddingTop: 2
     }
-  }, [loadedUser]);
-  var _React$useState = _react["default"].useState({
-      page: 0,
-      pageSize: 5
-    }),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    paginationModel = _React$useState2[0],
-    setPaginationModel = _React$useState2[1];
-  function handleCSSEditorDidMount(editor, monaco) {
-    cssEditorRef.current = editor;
-  }
-  function handleHtmlEditorDidMount(editor, monaco) {
-    htmlEditorRef.current = editor;
-  }
-  var columns = [{
-    field: "label",
-    headerName: "Fonts",
-    editable: false,
-    width: 300,
-    renderCell: function renderCell(params) {
-      var RenderData = function RenderData(row) {
-        // const { id, value, field } = params;
-        // const apiRef = useGridApiContext();
-        return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+  }, /*#__PURE__*/_react["default"].createElement("form", null, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+    container: true,
+    spacing: 0,
+    justifyContent: "center",
+    alignItems: "stretch",
+    direction: "row"
+  }, title != null && /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+    item: true,
+    xs: 12,
+    sm: 6,
+    md: 3,
+    key: "plans"
+  }, /*#__PURE__*/_react["default"].createElement(_material.Typography, {
+    variant: "h4",
+    gutterBottom: true
+  }, title)), tiers.map(function (tier) {
+    return /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+      item: true,
+      xs: 12,
+      sm: 6,
+      md: 3,
+      key: tier.title
+    }, /*#__PURE__*/_react["default"].createElement(_system.Box, {
+      sx: {
+        paddingBottom: 2,
+        padding: 2
+      }
+    }, /*#__PURE__*/_react["default"].createElement(_system.Box, {
+      sx: {
+        textAlign: "center",
+        paddingTop: 2
+      }
+    }, tier.image != null && /*#__PURE__*/_react["default"].createElement("img", {
+      src: tier.image,
+      width: 200,
+      height: 200
+    }), /*#__PURE__*/_react["default"].createElement(_material.Typography, {
+      variant: "h3",
+      component: "h2",
+      sx: {
+        paddingTop: 3
+      }
+    }, tier.title), tier.subTitle && /*#__PURE__*/_react["default"].createElement(_material.Typography, {
+      variant: "h6",
+      component: "h2",
+      sx: {
+        paddingTop: 2
+      }
+    }, tier.subTitle), /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+      container: true,
+      spacing: 0
+    }, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+      item: true,
+      xs: tier.qty != null ? 6 : 12,
+      sx: {
+        padding: 4
+      }
+    }, /*#__PURE__*/_react["default"].createElement(_system.Box, {
+      component: "span",
+      sx: {
+        fontSize: 30,
+        fontWeight: "bold"
+      }
+    }, "$", tier.price), tier.duration != null && /*#__PURE__*/_react["default"].createElement(_system.Box, {
+      component: "span"
+    }, "/ ", tier.duration)), tier.qty != null && /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+      item: true,
+      xs: 6,
+      sx: {
+        padding: 4
+      }
+    }, /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
+      name: "qty-" + tier.id,
+      control: control,
+      rules: {
+        required: false
+      },
+      render: function render(_ref2) {
+        var renderField = _ref2.renderField;
+        return /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
+          fullWidth: true
+        }, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], {
+          id: "demo-simple-select-label"
+        }, "Quantity"), /*#__PURE__*/_react["default"].createElement(_Select["default"], _extends({}, register("qty-" + tier.id, {
+          required: false
+        }), renderField, {
+          labelId: "demo-simple-select-label",
+          id: "demo-simple-select",
+          defaultValue: 1,
+          label: "Quantity"
+        }), calculateQty(tier.qty).map(function (menuItem, index) {
+          return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+            key: index,
+            value: menuItem
+          }, menuItem);
+        })));
+      }
+    }))), tier.modifiers != null && /*#__PURE__*/_react["default"].createElement(_system.Box, {
+      sx: {
+        paddingBottom: 2
+      }
+    }, tier.modifiers.map(function (modifier, index) {
+      return /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
+        name: "modifier-" + tier.id + modifier.name,
+        control: control,
+        rules: {
+          required: false
+        },
+        render: function render(_ref3) {
+          var renderField = _ref3.renderField;
+          return /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
+            fullWidth: true,
+            key: index,
+            sx: {
+              marginTop: 2
+            }
+          }, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], {
+            id: "demo-simple-select-label"
+          }, modifier.name), /*#__PURE__*/_react["default"].createElement(_Select["default"], _extends({}, register("modifier-" + tier.id + "-" + modifier.name, {
+            required: false
+          }), renderField, {
+            labelId: "demo-simple-select-label",
+            id: "demo-simple-select",
+            defaultValue: 0,
+            label: modifier.name
+          }), modifier.options.map(function (mod, index) {
+            return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+              key: index,
+              value: index
+            }, mod);
+          })));
+        }
+      });
+    })), /*#__PURE__*/_react["default"].createElement(_material.Button, {
+      fullWidth: true,
+      variant: tier.buttonVariant,
+      endIcon: /*#__PURE__*/_react["default"].createElement(_ChevronRightRounded["default"], null),
+      sx: {
+        height: 50
+      },
+      onClick: handleSubmit( /*#__PURE__*/function () {
+        var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data) {
+          var modifiers, qty, index, modifier;
+          return _regeneratorRuntime().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                modifiers = {};
+                qty = null;
+                if (tier.modifiers != null) {
+                  for (index = 0; index < tier.modifiers.length; index++) {
+                    modifier = tier.modifiers[index]; // assign the modifier as a property
+                    modifiers[modifier.name] = data["modifier-" + tier.id + "-" + modifier.name];
+                  }
+                }
+                if (tier.qty != null) {
+                  qty = parseInt(data["qty-" + tier.id]);
+                }
+                if (onButtonClicked != null) {
+                  onButtonClicked({
+                    id: tier.id,
+                    modifiers: modifiers,
+                    qty: qty
+                  });
+                }
+              case 5:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        return function (_x) {
+          return _ref4.apply(this, arguments);
+        };
+      }())
+    }, tier.buttonText), /*#__PURE__*/_react["default"].createElement(_material.Typography, {
+      variant: "body2",
+      sx: {
+        paddingTop: 2,
+        fontSize: 16,
+        textAlign: "left",
+        lineHeight: "1.5rem"
+      }
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      dangerouslySetInnerHTML: {
+        __html: tier.description
+      }
+    })))));
+  })), features != null && /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      paddingTop: 1
+    }
+  }, features.map(function (feature) {
+    return /*#__PURE__*/_react["default"].createElement(_system.Box, null, /*#__PURE__*/_react["default"].createElement(_system.Box, {
+      sx: {
+        backgroundColor: "lightgray",
+        padding: 1,
+        borderRadius: 2
+      }
+    }, /*#__PURE__*/_react["default"].createElement(_material.Typography, {
+      variant: "h5",
+      gutterBottom: true
+    }, feature.name)), /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+      container: true,
+      spacing: 0,
+      justifyContent: "center"
+    }, feature.subfeatures.map(function (subfeature, subFeatureIndex) {
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, subfeature.map(function (item, index) {
+        return /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+          item: true,
+          xs: 3,
+          key: subfeature
+        }, /*#__PURE__*/_react["default"].createElement(_system.Box, {
           sx: {
-            fontFamily: row.value,
-            fontSize: 20,
-            cursor: "pointer"
+            padding: 2,
+            height: 60,
+            paddingTop: subFeatureIndex == 0 ? 3 : 2,
+            textAlign: index == 0 ? "left" : "center"
           }
-        }, row.value), /*#__PURE__*/_react["default"].createElement("link", {
-          href: "https://fonts.googleapis.com/css2?family=" + row.value,
-          rel: "stylesheet"
-        }));
-      };
-      return RenderData(params);
+        }, item), feature.subfeatures.length - 1 != subFeatureIndex ? /*#__PURE__*/_react["default"].createElement("hr", null) : "");
+      }));
+    })));
+  }))));
+}
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AddDomain = AddDomain;
+var _react = _interopRequireWildcard(require("react"));
+var _system = require("@mui/system");
+var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _styles = require("@mui/material/styles");
+var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
+var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
+var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
+var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _Stepper = _interopRequireDefault(require("@mui/material/Stepper"));
+var _Step = _interopRequireDefault(require("@mui/material/Step"));
+var _StepLabel = _interopRequireDefault(require("@mui/material/StepLabel"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _FmdBadRounded = _interopRequireDefault(require("@mui/icons-material/FmdBadRounded"));
+var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+var _Select = _interopRequireDefault(require("@mui/material/Select"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _ContentCopyRounded = _interopRequireDefault(require("@mui/icons-material/ContentCopyRounded"));
+var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _material = require("@mui/material");
+var _excluded = ["children", "onClose"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } // import { apiService } from 'authscape';
+function AddDomain(_ref) {
+  var open = _ref.open,
+    azureWebsite = _ref.azureWebsite,
+    azureTxtValue = _ref.azureTxtValue,
+    handleClose = _ref.handleClose;
+  var steps = ['Enter a domain', 'Setup DNS Record', 'Go Live'];
+  var _useState = (0, _react.useState)(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeStep = _useState2[0],
+    setActiveStep = _useState2[1];
+  var _useState3 = (0, _react.useState)({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    completed = _useState4[0],
+    setCompleted = _useState4[1];
+
+  // const [domain, setDomain] = useState(null);
+  var _useState5 = (0, _react.useState)(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    subDomains = _useState6[0],
+    setSubDomains = _useState6[1];
+  // const [topLevelDomains , setTopLevelDomains ] = useState(null);
+
+  var _useState7 = (0, _react.useState)(null),
+    _useState8 = _slicedToArray(_useState7, 2),
+    fullDomain = _useState8[0],
+    setFullDomain = _useState8[1];
+  var _useState9 = (0, _react.useState)(null),
+    _useState10 = _slicedToArray(_useState9, 2),
+    errorMessage = _useState10[0],
+    setErrorMessage = _useState10[1];
+  var refDomain = (0, _react.useRef)(null);
+  var refCNameTarget = (0, _react.useRef)(null);
+  var reftxtTarget = (0, _react.useRef)(null);
+  var refCNameName = (0, _react.useRef)(null);
+  var reftxtName = (0, _react.useRef)(null);
+  var totalSteps = function totalSteps() {
+    return steps.length;
+  };
+  var completedSteps = function completedSteps() {
+    return Object.keys(completed).length;
+  };
+  var isLastStep = function isLastStep() {
+    return activeStep === totalSteps() - 1;
+  };
+  var allStepsCompleted = function allStepsCompleted() {
+    return completedSteps() === totalSteps();
+  };
+  var handleNext = function handleNext() {
+    var newActiveStep = isLastStep() && !allStepsCompleted() ?
+    // It's the last step, but not all steps have been completed,
+    // find the first step that has been completed
+    steps.findIndex(function (step, i) {
+      return !(i in completed);
+    }) : activeStep + 1;
+    setActiveStep(newActiveStep);
+  };
+  var handleBack = function handleBack() {
+    setActiveStep(function (prevActiveStep) {
+      return prevActiveStep - 1;
+    });
+  };
+  var getSubdomain = function getSubdomain(hostName) {
+    var host = hostName; // e.g., subdomain.example.com
+    var parts = host.split('.');
+    if (parts.length > 2) {
+      return parts[0]; // This will be 'subdomain'
     }
-  }];
-  (0, _react.useEffect)(function () {
-    var fetchData = /*#__PURE__*/function () {
-      var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-        var response;
-        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              // if (monaco) {
-              //     //console.log("here is the monaco instance:", monaco);
-              // }
 
-              setData(null);
-              _context3.next = 3;
-              return apiService().get("/WhiteLabel/GetEditorData?domain=" + oEMDomain + (companyId != null ? "&companyId=" + companyId : ""));
-            case 3:
-              response = _context3.sent;
-              if (response.status == 200) {
-                setData(response.data);
-                setSelectedFont(response.data.fontFamily);
-                setFontUri(response.data.fontUrl);
+    return null; // No subdomain found
+  };
+
+  var handleStep = function handleStep(step) {
+    return function () {
+      setActiveStep(step);
+    };
+  };
+  var handleComplete = function handleComplete() {
+    var newCompleted = completed;
+    newCompleted[activeStep] = true;
+    setCompleted(newCompleted);
+    handleNext();
+  };
+  var BootstrapDialog = (0, _styles.styled)(_Dialog["default"])(function (_ref2) {
+    var theme = _ref2.theme;
+    return {
+      '& .MuiDialogContent-root': {
+        padding: theme.spacing(2)
+      },
+      '& .MuiDialogActions-root': {
+        padding: theme.spacing(1)
+      }
+    };
+  });
+  var handleReset = function handleReset() {
+    setActiveStep(0);
+    setCompleted({});
+  };
+  var createTheDomainRequest = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var response, aStep;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!(fullDomain == null || fullDomain == "")) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return");
+          case 2:
+            _context.next = 4;
+            return apiService().post("/PrivateLabel/GenerateDomain", {
+              hostName: fullDomain
+            });
+          case 4:
+            response = _context.sent;
+            if (response != null && response.status == 200) {
+              if (handleClose != null) {
+                handleClose();
               }
-            case 5:
-            case "end":
-              return _context3.stop();
-          }
-        }, _callee3);
-      }));
-      return function fetchData() {
-        return _ref4.apply(this, arguments);
-      };
-    }();
-    fetchData();
-  }, [monaco, oEMDomain]);
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
-    sx: {
-      width: '100%'
+            } else {
+              aStep = activeStep - 1;
+              setActiveStep(aStep);
+              setErrorMessage(response.data);
+            }
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function createTheDomainRequest() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  (0, _react.useEffect)(function () {
+    if (activeStep == 2) {
+      createTheDomainRequest();
     }
-  }, selectedFont != null && fontUri == null && /*#__PURE__*/_react["default"].createElement("link", {
-    href: "https://fonts.googleapis.com/css2?family=" + selectedFont,
-    rel: "stylesheet"
-  }), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+  }, [activeStep]);
+  var copyToClipboard = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(text) {
+      var permissions;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.prev = 0;
+            _context2.next = 3;
+            return navigator.permissions.query({
+              name: "clipboard-write"
+            });
+          case 3:
+            permissions = _context2.sent;
+            if (!(permissions.state === "granted" || permissions.state === "prompt")) {
+              _context2.next = 9;
+              break;
+            }
+            _context2.next = 7;
+            return navigator.clipboard.writeText(text);
+          case 7:
+            _context2.next = 10;
+            break;
+          case 9:
+            throw new Error("Can't access the clipboard. Check your browser permissions.");
+          case 10:
+            _context2.next = 15;
+            break;
+          case 12:
+            _context2.prev = 12;
+            _context2.t0 = _context2["catch"](0);
+            alert('Error copying to clipboard:', _context2.t0);
+          case 15:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[0, 12]]);
+    }));
+    return function copyToClipboard(_x2) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  function BootstrapDialogTitle(props) {
+    var children = props.children,
+      onClose = props.onClose,
+      other = _objectWithoutProperties(props, _excluded);
+    return /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], _extends({
+      sx: {
+        m: 0,
+        p: 2
+      }
+    }, other), children, onClose ? /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+      "aria-label": "close",
+      onClick: onClose,
+      sx: {
+        position: 'absolute',
+        right: 8,
+        top: 8,
+        color: function color(theme) {
+          return theme.palette.grey[500];
+        }
+      }
+    }, /*#__PURE__*/_react["default"].createElement(_Close["default"], null)) : null);
+  }
+  return /*#__PURE__*/_react["default"].createElement(BootstrapDialog, {
+    onClose: handleClose,
+    "aria-labelledby": "customized-dialog-title",
     sx: {
-      paddingTop: 6
-    }
-  }, oEMDomain != null && /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
-    fullWidth: true
-  }, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], {
-    id: "demo-simple-select-label"
-  }, "Website Domain"), /*#__PURE__*/_react["default"].createElement(_Select["default"], {
-    labelId: "demo-simple-select-label",
-    id: "demo-simple-select",
-    defaultValue: oEMDomain,
-    label: "Website Domain",
-    onChange: function onChange(val) {
-      setOEMDomain(val.target.value);
-    }
-  }, oEMDomainList.map(function (dns) {
-    return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-      value: dns.name
-    }, dns.name);
-  })))), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+      backgroundColor: "rgba(0, 0, 0, 0.6)"
+    },
+    fullWidth: true,
+    maxWidth: "md",
+    open: open
+  }, /*#__PURE__*/_react["default"].createElement(_system.Box, {
     sx: {
-      borderBottom: 1,
-      borderColor: 'divider',
-      paddingTop: 2
+      padding: 4
     }
-  }, /*#__PURE__*/_react["default"].createElement(_Tabs["default"], {
-    value: value,
-    onChange: handleChange,
-    "aria-label": "basic tabs example"
-  }, /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
-    label: "General"
-  }), /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
-    label: "Fonts"
-  }), /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
-    label: "Style Sheet Editor"
-  }), /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
-    label: "HTML Import Editor"
-  }))), /*#__PURE__*/_react["default"].createElement(_Box["default"], null, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_Stepper["default"], {
+    activeStep: activeStep,
+    alternativeLabel: true
+  }, steps.map(function (label) {
+    return /*#__PURE__*/_react["default"].createElement(_Step["default"], {
+      key: label
+    }, /*#__PURE__*/_react["default"].createElement(_StepLabel["default"], {
+      sx: {
+        color: "#fff"
+      }
+    }, label));
+  })), activeStep == 0 && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(BootstrapDialogTitle, {
+    id: "customized-dialog-title",
+    onClose: handleClose,
     sx: {
-      padding: 2
+      textAlign: "center",
+      fontSize: 30,
+      marginTop: 2,
+      lineHeight: 1
     }
-  }, value == 0 && /*#__PURE__*/_react["default"].createElement(_Box["default"], null, data != null && /*#__PURE__*/_react["default"].createElement(_Box["default"], null, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+  }, "What domain would you like to connect to ", process.env.companyName, "?"), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement(_system.Box, null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+    inputRef: refDomain,
+    id: "domainTxt",
+    label: "Enter subdomain URL e.g catalog.mydomain.com",
+    fullWidth: true,
+    variant: "outlined",
     sx: {
-      paddingBottom: 4
-    }
-  }, data != null && data.appIconUrl != null && data.appIconUrl.trim() != "" ? /*#__PURE__*/_react["default"].createElement(_image["default"], {
-    src: data.appIconUrl,
-    width: 200,
-    height: 200
-  }) : /*#__PURE__*/_react["default"].createElement(_image["default"], {
-    src: "/DefaultNoImage.svg",
-    width: 200,
-    height: 200
-  }), /*#__PURE__*/_react["default"].createElement(FileUploader, {
-    url: "/WhiteLabel/UploadAppIcon",
-    accept: ".jpg,.jpeg,.png,.gif",
-    params: {
-      domain: stateBaseUri
-    },
-    multiple: true,
-    variant: "custom",
-    onUploadCompleted: function onUploadCompleted() {
-      window.location.reload();
+      color: "white",
+      marginTop: 2
     }
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    color: "primary",
-    variant: "contained",
-    startIcon: /*#__PURE__*/_react["default"].createElement(_PublishRounded["default"], null)
-  }, "Upload App Icon"))), dnsFields != null && dnsFields.map(function (dnsField, index) {
-    return /*#__PURE__*/_react["default"].createElement(_Box["default"], {
-      key: index
-    }, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
-      container: true,
-      spacing: 2
-    }, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
-      item: true,
-      xs: 3
-    }, dnsField.name), /*#__PURE__*/_react["default"].createElement(_material.Grid, {
-      item: true,
-      xs: 9
-    }, /*#__PURE__*/_react["default"].createElement(ColorPicker, {
-      name: dnsField.name,
-      defaultColor: dnsField.value,
-      onColorChanged: /*#__PURE__*/function () {
-        var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(name, hex) {
-          return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-            while (1) switch (_context4.prev = _context4.next) {
-              case 0:
-                _context4.next = 2;
-                return apiService().post("/WhiteLabel/SetFieldValue", {
-                  id: dnsField.id,
-                  fieldId: dnsField.fieldId,
-                  value: hex
-                });
-              case 2:
-                notification(dnsField.name + " Saved");
-              case 3:
-              case "end":
-                return _context4.stop();
-            }
-          }, _callee4);
-        }));
-        return function (_x2, _x3) {
-          return _ref5.apply(this, arguments);
-        };
-      }()
-    }))));
-  }))), value == 1 && /*#__PURE__*/_react["default"].createElement(_Box["default"], {
-    value: value,
-    index: 1
-  }, data != null && /*#__PURE__*/_react["default"].createElement(_Box["default"], null, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
-    container: true,
-    spacing: 2
-  }, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
-    item: true,
-    xs: 6
-  }, loadedUser == true && /*#__PURE__*/_react["default"].createElement(_Box["default"], null, /*#__PURE__*/_react["default"].createElement(_xDataGrid.DataGrid, {
-    rows: fonts,
-    columns: columns,
+  })), /*#__PURE__*/_react["default"].createElement(_system.Box, {
     sx: {
-      height: "80vh",
-      width: "100%"
-    },
-    pagination: true,
-    disableSelectionOnClick: true,
-    onPaginationModelChange: setPaginationModel,
-    paginationModel: paginationModel
-    //pageSizeOptions={[5]}
-    // rowCount={100}
-    // rowSelectionModel={selectedFont}
-    ,
-    onRowClick: /*#__PURE__*/function () {
-      var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(params) {
-        var response;
-        return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
-            case 0:
-              _context5.next = 2;
-              return apiService().post("/WhiteLabel/SetFont", {
-                companyId: companyId,
-                domain: oEMDomain,
-                value: params.row.label
-              });
-            case 2:
-              response = _context5.sent;
-              if (response != null && response.status == 200) {
-                setSelectedFont(params.row.label);
-                setFontUri(null);
-                notification("Font saved!");
-              }
-            case 4:
-            case "end":
-              return _context5.stop();
-          }
-        }, _callee5);
-      }));
-      return function (_x4) {
-        return _ref6.apply(this, arguments);
-      };
-    }()
-  }))), /*#__PURE__*/_react["default"].createElement(_material.Grid, {
-    item: true,
-    xs: 6
-  }, /*#__PURE__*/_react["default"].createElement(FileUploader, {
-    url: "/WhiteLabel/UploadCustomFont",
-    accept: ".otf,.ttf,.woff",
-    params: {
-      domain: stateBaseUri
-    },
-    multiple: true,
-    variant: "custom",
-    onUploadCompleted: function onUploadCompleted() {
-      window.location.reload();
+      marginTop: 2
     }
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    color: "primary",
-    variant: "contained",
-    fullWidth: true,
+  }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    gutterBottom: true,
     sx: {
-      height: 50
-    },
-    startIcon: /*#__PURE__*/_react["default"].createElement(_PublishRounded["default"], null)
-  }, /*#__PURE__*/_react["default"].createElement(_Box["default"], null, "Upload Font"), "\xA0", /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+      textAlign: "center",
+      fontSize: 14
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_FmdBadRounded["default"], {
     sx: {
-      textAlign: "center"
+      color: "#1976d2",
+      position: "relative",
+      top: 8
     }
-  }, /*#__PURE__*/_react["default"].createElement("small", null, "(.OTF, .TTF, OR .WOFF)")))), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+  }), " You must own the domain and have the ability to add records"))), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    variant: "contained",
+    onClick: function onClick() {
+      if (refDomain.current.value == "") {
+        return;
+      }
+      setFullDomain(refDomain.current.value);
+      var _subDomain = getSubdomain(refDomain.current.value);
+      setSubDomains(_subDomain);
+
+      // var domainLand = parseDomain(refDomain.current.value);
+      // setDomain(domainLand.domain);
+      // setSubDomains(domainLand.subDomains);
+      // setTopLevelDomains(domainLand.topLevelDomains);
+
+      handleNext();
+    }
+  }, "Next: Setup DNS"))), activeStep == 1 && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(BootstrapDialogTitle, {
+    id: "customized-dialog-title",
+    onClose: handleClose,
     sx: {
-      marginTop: 4
+      textAlign: "center",
+      fontSize: 30,
+      marginTop: 2
     }
-  }, "Font Selected:"), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+  }, "Configure your DNS"), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement(_system.Box, null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    gutterBottom: true,
     sx: {
-      marginBottom: 2,
-      fontWeight: "bold",
-      fontSize: 20
+      textAlign: "center",
+      fontSize: 14
     }
-  }, " ", selectedFont), /*#__PURE__*/_react["default"].createElement("hr", null), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+  }, "Add a CNAME and TXT Record to your domain by visiting your DNS provider.")), /*#__PURE__*/_react["default"].createElement(_system.Box, {
     sx: {
-      fontFamily: selectedFont
+      backgroundColor: "#f7f7f7",
+      marginTop: 5,
+      paddingLeft: 4,
+      paddingRight: 4
     }
-  }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut ultricies odio. Nunc ut quam turpis. In hac habitasse platea dictumst. Suspendisse potenti. Nullam malesuada, purus id sagittis vestibulum, massa tellus gravida elit, vitae ultrices tortor nulla ac nunc. Aenean tempus semper est vel convallis. Sed feugiat, risus eu tincidunt eleifend, purus metus vulputate nulla, et condimentum sapien erat in nisi. Nunc non malesuada libero. Donec tempus tincidunt mi at vulputate. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse potenti. Etiam nec eleifend orci. Suspendisse in est vel nunc rhoncus bibendum vitae id felis. Integer bibendum dolor elit, at tincidunt lacus tempor ac. Maecenas lobortis, mauris at condimentum feugiat, nulla orci condimentum massa, sed facilisis tellus ligula vitae metus. Aliquam erat volutpat. Quisque dignissim felis augue, at semper nisl posuere ut. Proin fringilla diam vitae faucibus finibus.", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "Aenean tempus semper est vel convallis. Sed feugiat, risus eu tincidunt eleifend, purus metus vulputate nulla, et condimentum sapien erat in nisi. Nunc non malesuada libero. Donec tempus tincidunt mi at vulputate. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse potenti"))))), value == 2 && /*#__PURE__*/_react["default"].createElement(_Box["default"], {
-    value: value,
-    index: 2
-  }, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+  }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
     container: true,
-    spacing: 2
-  }, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+    spacing: 2,
+    fullWidth: true
+  }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
     item: true,
-    xs: 6
-  }, /*#__PURE__*/_react["default"].createElement("h4", {
-    style: {
-      marginBottom: "0px"
+    xs: 2
+  }, "Type", /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
+    fullWidth: true,
+    sx: {
+      paddingTop: 2
     }
-  }, "Global CSS edits"), /*#__PURE__*/_react["default"].createElement("small", null, "You can make edits to your stylesheet")), /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+  }, /*#__PURE__*/_react["default"].createElement(_Select["default"], {
+    value: 1,
+    readOnly: true
+  }, /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: 1
+  }, "CNAME")))), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
     item: true,
-    xs: 6,
+    xs: 5
+  }, "Name", /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+    inputRef: refCNameName,
+    id: "NameDomainTxt",
+    label: "",
+    fullWidth: true,
+    value: subDomains,
+    variant: "outlined",
     sx: {
-      textAlign: "right"
+      color: "white",
+      paddingTop: 2
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      textAlign: "center",
+      paddingTop: 1
     }
   }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    startIcon: /*#__PURE__*/_react["default"].createElement(_Check["default"], null),
+    startIcon: /*#__PURE__*/_react["default"].createElement(_ContentCopyRounded["default"], null),
     sx: {
-      marginTop: 4
+      width: "100%"
     },
     variant: "contained",
-    onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
-      var response;
-      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
-          case 0:
-            _context6.next = 2;
-            return apiService().post("/WhiteLabel/SetGlobalCSS", {
-              companyId: companyId,
-              domain: oEMDomain,
-              value: cssEditorRef.current.getValue()
-            });
-          case 2:
-            response = _context6.sent;
-            if (response != null && response.status == 200) {
-              notification("CSS Saved!");
-            }
-          case 4:
-          case "end":
-            return _context6.stop();
-        }
-      }, _callee6);
-    }))
-  }, "Save Changes"))), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+    onClick: function onClick() {
+      copyToClipboard(refCNameName.current.value);
+    }
+  }, "Copy"))), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+    item: true,
+    xs: 5
+  }, "Target", /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+    inputRef: refCNameTarget,
+    id: "targetDomainTxt",
+    label: "",
+    fullWidth: true,
+    value: azureWebsite,
+    variant: "outlined",
+    sx: {
+      color: "white",
+      paddingTop: 2
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_system.Box, {
     sx: {
+      textAlign: "center",
       paddingTop: 1
     }
-  }, 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: 3
-  }, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    startIcon: /*#__PURE__*/_react["default"].createElement(_ContentCopyRounded["default"], null),
+    sx: {
+      width: "100%"
+    },
+    variant: "contained",
+    onClick: function onClick() {
+      copyToClipboard(refCNameTarget.current.value);
+    }
+  }, "Copy"))))), /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      backgroundColor: "#f7f7f7",
+      paddingLeft: 4,
+      paddingRight: 4,
+      marginTop: 2,
+      paddingBottom: 4
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
     container: true,
-    spacing: 2
-  }, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+    spacing: 2,
+    fullWidth: true
+  }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
     item: true,
-    xs: 6
-  }, /*#__PURE__*/_react["default"].createElement("h4", {
-    style: {
-      marginBottom: "0px"
+    xs: 2
+  }, "Type", /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
+    fullWidth: true,
+    sx: {
+      paddingTop: 2
     }
-  }, "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, {
+  }, /*#__PURE__*/_react["default"].createElement(_Select["default"], {
+    value: 1,
+    readOnly: true
+  }, /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: 1
+  }, "TXT")))), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
     item: true,
-    xs: 6,
+    xs: 5
+  }, "Name", /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+    inputRef: reftxtName,
+    id: "NameDomain2Txt",
+    label: "",
+    fullWidth: true,
+    value: "asuid." + subDomains,
+    variant: "outlined",
     sx: {
-      textAlign: "right"
+      color: "white",
+      marginTop: 2
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      textAlign: "center",
+      paddingTop: 1
     }
   }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    startIcon: /*#__PURE__*/_react["default"].createElement(_Check["default"], null),
+    startIcon: /*#__PURE__*/_react["default"].createElement(_ContentCopyRounded["default"], null),
     sx: {
-      marginTop: 4
+      width: "100%"
     },
     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("/WhiteLabel/SetGlobalHTML", {
-              companyId: companyId,
-              domain: oEMDomain,
-              value: htmlEditorRef.current.getValue()
-            });
-          case 2:
-            response = _context7.sent;
-            if (response != null && response.status == 200) {
-              notification("HTML 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: handleHtmlEditorDidMount,
-    defaultLanguage: "html",
-    theme: "vs-dark",
-    defaultValue: data == null || data.prettyHTML == null ? "" : data.prettyHTML
-  })))))));
-}
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PageToPDF = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _html2canvas = _interopRequireDefault(require("html2canvas"));
-var _jspdf = require("jspdf");
-var _Button = _interopRequireDefault(require("@mui/material/Button"));
-var _DownloadRounded = _interopRequireDefault(require("@mui/icons-material/DownloadRounded"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var PageToPDF = function PageToPDF(_ref) {
-  var _ref$buttonText = _ref.buttonText,
-    buttonText = _ref$buttonText === void 0 ? "Download" : _ref$buttonText,
-    _ref$startIcon = _ref.startIcon,
-    startIcon = _ref$startIcon === void 0 ? /*#__PURE__*/_react["default"].createElement(_DownloadRounded["default"], null) : _ref$startIcon,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? "contained" : _ref$variant,
-    elementById = _ref.elementById,
-    _ref$scale = _ref.scale,
-    scale = _ref$scale === void 0 ? 2 : _ref$scale,
-    _ref$showHideClassEle = _ref.showHideClassElements,
-    showHideClassElements = _ref$showHideClassEle === void 0 ? [] : _ref$showHideClassEle,
-    _ref$fileName = _ref.fileName,
-    fileName = _ref$fileName === void 0 ? "download" : _ref$fileName;
-  var onHideElements = function onHideElements() {
-    for (var index = 0; index < showHideClassElements.length; index++) {
-      var element = showHideClassElements[index];
-      var elements = document.getElementsByClassName(element);
-      for (var i = 0; i < elements.length; i++) {
-        elements[i].style.display = "none";
-      }
+    onClick: function onClick() {
+      copyToClipboard(reftxtName.current.value);
     }
-  };
-  var onShowElements = function onShowElements() {
-    for (var index = 0; index < showHideClassElements.length; index++) {
-      var element = showHideClassElements[index];
-      var elements = document.getElementsByClassName(element);
-      for (var i = 0; i < elements.length; i++) {
-        elements[i].style.display = "block";
-      }
+  }, "Copy"))), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+    item: true,
+    xs: 5
+  }, "Target", /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
+    inputRef: reftxtTarget,
+    id: "targetDomain2Txt",
+    label: "",
+    fullWidth: true,
+    value: azureTxtValue,
+    variant: "outlined",
+    sx: {
+      color: "white",
+      marginTop: 2
     }
-  };
-  var printElement = function printElement() {
-    onHideElements();
-    var input = document.getElementById(elementById);
-    (0, _html2canvas["default"])(input, {
-      backgroundColor: null,
-      scale: scale
-    }).then(function (canvas) {
-      var imgData = canvas.toDataURL("image/png", 1.0);
-      var pdf = new _jspdf.jsPDF();
-      var pdfWidth = pdf.internal.pageSize.getWidth();
-      var pdfHeight = pdf.internal.pageSize.getHeight();
-      var imgWidth = canvas.width;
-      var imgHeight = canvas.height;
-      var scaleFactor = Math.min(pdfWidth / imgWidth, pdfHeight / imgHeight);
-      var scaledWidth = imgWidth * scaleFactor;
-      var scaledHeight = imgHeight * scaleFactor;
-      var x = (pdfWidth - scaledWidth) / 2;
-      var y = 0; // Set y coordinate to 0 to align to the top
-      pdf.addImage(imgData, "PNG", x, y, scaledWidth, scaledHeight);
-      pdf.save(fileName + ".pdf");
-    });
-    onShowElements();
-  };
-  return /*#__PURE__*/_react["default"].createElement(_Box["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    startIcon: startIcon,
-    variant: variant,
-    onClick: function onClick() {
-      printElement();
+  }), /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      textAlign: "center",
+      paddingTop: 1
     }
-  }, buttonText));
-};
-exports.PageToPDF = PageToPDF;
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Pricing = Pricing;
-var _react = _interopRequireWildcard(require("react"));
-var _system = require("@mui/system");
-var _material = require("@mui/material");
-var _ChevronRightRounded = _interopRequireDefault(require("@mui/icons-material/ChevronRightRounded"));
-var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
-var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
-var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
-var _Select = _interopRequireDefault(require("@mui/material/Select"));
-var _reactHookForm = require("react-hook-form");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function Pricing(_ref) {
-  var _ref$title = _ref.title,
-    title = _ref$title === void 0 ? null : _ref$title,
-    _ref$tiers = _ref.tiers,
-    tiers = _ref$tiers === void 0 ? [] : _ref$tiers,
-    _ref$features = _ref.features,
-    features = _ref$features === void 0 ? null : _ref$features,
-    _ref$onButtonClicked = _ref.onButtonClicked,
-    onButtonClicked = _ref$onButtonClicked === void 0 ? null : _ref$onButtonClicked;
-  var _useForm = (0, _reactHookForm.useForm)(),
-    control = _useForm.control,
-    register = _useForm.register,
-    handleSubmit = _useForm.handleSubmit,
-    errors = _useForm.formState.errors,
-    watch = _useForm.watch,
-    setValue = _useForm.setValue;
-  var calculateQty = function calculateQty(qty) {
-    var newMax = qty.minQty + qty.maxQty;
-    var menuItemArray = [];
-    var newIndex = 1;
-    for (var index = qty.minQty; index < newMax; index++) {
-      menuItemArray[newIndex] = newIndex;
-      newIndex++;
+  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    startIcon: /*#__PURE__*/_react["default"].createElement(_ContentCopyRounded["default"], null),
+    sx: {
+      width: "100%"
+    },
+    variant: "contained",
+    onClick: function onClick() {
+      copyToClipboard(reftxtTarget.current.value);
     }
-    return menuItemArray;
-  };
-  return /*#__PURE__*/_react["default"].createElement(_system.Box, {
+  }, "Copy")))))), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    variant: "contained",
+    onClick: function onClick() {
+      handleNext();
+    }
+  }, "Go Live"))), activeStep == 2 && /*#__PURE__*/_react["default"].createElement(_system.Box, null, /*#__PURE__*/_react["default"].createElement(BootstrapDialogTitle, {
+    id: "customized-dialog-title",
+    onClose: handleClose,
     sx: {
-      paddingTop: 2
+      textAlign: "center",
+      fontSize: 30,
+      marginTop: 4
     }
-  }, /*#__PURE__*/_react["default"].createElement("form", null, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
-    container: true,
-    spacing: 0,
-    justifyContent: "center",
-    alignItems: "stretch",
-    direction: "row"
-  }, title != null && /*#__PURE__*/_react["default"].createElement(_material.Grid, {
-    item: true,
-    xs: 12,
-    sm: 6,
-    md: 3,
-    key: "plans"
-  }, /*#__PURE__*/_react["default"].createElement(_material.Typography, {
-    variant: "h4",
-    gutterBottom: true
-  }, title)), tiers.map(function (tier) {
-    return /*#__PURE__*/_react["default"].createElement(_material.Grid, {
-      item: true,
-      xs: 12,
-      sm: 6,
-      md: 3,
-      key: tier.title
-    }, /*#__PURE__*/_react["default"].createElement(_system.Box, {
-      sx: {
-        paddingBottom: 2,
-        padding: 2
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_system.Box, {
-      sx: {
-        textAlign: "center",
-        paddingTop: 2
-      }
-    }, tier.image != null && /*#__PURE__*/_react["default"].createElement("img", {
-      src: tier.image,
-      width: 200,
-      height: 200
-    }), /*#__PURE__*/_react["default"].createElement(_material.Typography, {
-      variant: "h3",
-      component: "h2",
-      sx: {
-        paddingTop: 3
-      }
-    }, tier.title), tier.subTitle && /*#__PURE__*/_react["default"].createElement(_material.Typography, {
-      variant: "h6",
-      component: "h2",
-      sx: {
-        paddingTop: 2
-      }
-    }, tier.subTitle), /*#__PURE__*/_react["default"].createElement(_material.Grid, {
-      container: true,
-      spacing: 0
-    }, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
-      item: true,
-      xs: tier.qty != null ? 6 : 12,
-      sx: {
-        padding: 4
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_system.Box, {
-      component: "span",
-      sx: {
-        fontSize: 30,
-        fontWeight: "bold"
-      }
-    }, "$", tier.price), tier.duration != null && /*#__PURE__*/_react["default"].createElement(_system.Box, {
-      component: "span"
-    }, "/ ", tier.duration)), tier.qty != null && /*#__PURE__*/_react["default"].createElement(_material.Grid, {
-      item: true,
-      xs: 6,
-      sx: {
-        padding: 4
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
-      name: "qty-" + tier.id,
-      control: control,
-      rules: {
-        required: false
-      },
-      render: function render(_ref2) {
-        var renderField = _ref2.renderField;
-        return /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
-          fullWidth: true
-        }, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], {
-          id: "demo-simple-select-label"
-        }, "Quantity"), /*#__PURE__*/_react["default"].createElement(_Select["default"], _extends({}, register("qty-" + tier.id, {
-          required: false
-        }), renderField, {
-          labelId: "demo-simple-select-label",
-          id: "demo-simple-select",
-          defaultValue: 1,
-          label: "Quantity"
-        }), calculateQty(tier.qty).map(function (menuItem, index) {
-          return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-            key: index,
-            value: menuItem
-          }, menuItem);
-        })));
-      }
-    }))), tier.modifiers != null && /*#__PURE__*/_react["default"].createElement(_system.Box, {
-      sx: {
-        paddingBottom: 2
-      }
-    }, tier.modifiers.map(function (modifier, index) {
-      return /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
-        name: "modifier-" + tier.id + modifier.name,
-        control: control,
-        rules: {
-          required: false
-        },
-        render: function render(_ref3) {
-          var renderField = _ref3.renderField;
-          return /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
-            fullWidth: true,
-            key: index,
-            sx: {
-              marginTop: 2
-            }
-          }, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], {
-            id: "demo-simple-select-label"
-          }, modifier.name), /*#__PURE__*/_react["default"].createElement(_Select["default"], _extends({}, register("modifier-" + tier.id + "-" + modifier.name, {
-            required: false
-          }), renderField, {
-            labelId: "demo-simple-select-label",
-            id: "demo-simple-select",
-            defaultValue: 0,
-            label: modifier.name
-          }), modifier.options.map(function (mod, index) {
-            return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-              key: index,
-              value: index
-            }, mod);
-          })));
-        }
-      });
-    })), /*#__PURE__*/_react["default"].createElement(_material.Button, {
-      fullWidth: true,
-      variant: tier.buttonVariant,
-      endIcon: /*#__PURE__*/_react["default"].createElement(_ChevronRightRounded["default"], null),
-      sx: {
-        height: 50
-      },
-      onClick: handleSubmit( /*#__PURE__*/function () {
-        var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data) {
-          var modifiers, qty, index, modifier;
-          return _regeneratorRuntime().wrap(function _callee$(_context) {
-            while (1) switch (_context.prev = _context.next) {
-              case 0:
-                modifiers = {};
-                qty = null;
-                if (tier.modifiers != null) {
-                  for (index = 0; index < tier.modifiers.length; index++) {
-                    modifier = tier.modifiers[index]; // assign the modifier as a property
-                    modifiers[modifier.name] = data["modifier-" + tier.id + "-" + modifier.name];
-                  }
-                }
-                if (tier.qty != null) {
-                  qty = parseInt(data["qty-" + tier.id]);
-                }
-                if (onButtonClicked != null) {
-                  onButtonClicked({
-                    id: tier.id,
-                    modifiers: modifiers,
-                    qty: qty
-                  });
-                }
-              case 5:
-              case "end":
-                return _context.stop();
-            }
-          }, _callee);
-        }));
-        return function (_x) {
-          return _ref4.apply(this, arguments);
-        };
-      }())
-    }, tier.buttonText), /*#__PURE__*/_react["default"].createElement(_material.Typography, {
-      variant: "body2",
-      sx: {
-        paddingTop: 2,
-        fontSize: 16,
-        textAlign: "left",
-        lineHeight: "1.5rem"
-      }
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      dangerouslySetInnerHTML: {
-        __html: tier.description
-      }
-    })))));
-  })), features != null && /*#__PURE__*/_react["default"].createElement(_system.Box, {
+  }, "Creating your private label experience"), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement(_system.Box, {
     sx: {
-      paddingTop: 1
+      paddingTop: 2,
+      textAlign: "center"
     }
-  }, features.map(function (feature) {
-    return /*#__PURE__*/_react["default"].createElement(_system.Box, null, /*#__PURE__*/_react["default"].createElement(_system.Box, {
-      sx: {
-        backgroundColor: "lightgray",
-        padding: 1,
-        borderRadius: 2
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_material.Typography, {
-      variant: "h5",
-      gutterBottom: true
-    }, feature.name)), /*#__PURE__*/_react["default"].createElement(_material.Grid, {
-      container: true,
-      spacing: 0,
-      justifyContent: "center"
-    }, feature.subfeatures.map(function (subfeature, subFeatureIndex) {
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, subfeature.map(function (item, index) {
-        return /*#__PURE__*/_react["default"].createElement(_material.Grid, {
-          item: true,
-          xs: 3,
-          key: subfeature
-        }, /*#__PURE__*/_react["default"].createElement(_system.Box, {
-          sx: {
-            padding: 2,
-            height: 60,
-            paddingTop: subFeatureIndex == 0 ? 3 : 2,
-            textAlign: index == 0 ? "left" : "center"
-          }
-        }, item), feature.subfeatures.length - 1 != subFeatureIndex ? /*#__PURE__*/_react["default"].createElement("hr", null) : "");
-      }));
-    })));
-  }))));
+  }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    gutterBottom: true,
+    sx: {
+      textAlign: "center",
+      fontSize: 18
+    }
+  }, "Please wait while we complete a few things on our side."), /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    sx: {
+      paddingTop: 2
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_CircularProgress["default"], {
+    color: "inherit"
+  })))))), /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
+    open: errorMessage != null ? true : false,
+    onClose: function onClose() {
+      setErrorMessage(null);
+    },
+    "aria-labelledby": "alert-dialog-title",
+    "aria-describedby": "alert-dialog-description"
+  }, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], {
+    id: "alert-dialog-title"
+  }, "Issue Detected"), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement(_material.DialogContentText, {
+    id: "alert-dialog-description"
+  }, errorMessage)), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    onClick: function onClick() {
+      setErrorMessage(null);
+    },
+    autoFocus: true
+  }, "OK"))));
 }
 "use strict";
 
@@ -5780,37 +5752,24 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AddDomain = AddDomain;
+exports.PrivateLabelEditor = PrivateLabelEditor;
 var _react = _interopRequireWildcard(require("react"));
-var _system = require("@mui/system");
-var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
+var _react2 = _interopRequireWildcard(require("@monaco-editor/react"));
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
-var _styles = require("@mui/material/styles");
-var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
-var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
-var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
-var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
-var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
-var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _Stepper = _interopRequireDefault(require("@mui/material/Stepper"));
-var _Step = _interopRequireDefault(require("@mui/material/Step"));
-var _StepLabel = _interopRequireDefault(require("@mui/material/StepLabel"));
-var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
-var _FmdBadRounded = _interopRequireDefault(require("@mui/icons-material/FmdBadRounded"));
+var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
+var _Tabs = _interopRequireDefault(require("@mui/material/Tabs"));
+var _Tab = _interopRequireDefault(require("@mui/material/Tab"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _material = require("@mui/material");
+var _xDataGrid = require("@mui/x-data-grid");
+var _PublishRounded = _interopRequireDefault(require("@mui/icons-material/PublishRounded"));
+var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
 var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
 var _Select = _interopRequireDefault(require("@mui/material/Select"));
-var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
-var _ContentCopyRounded = _interopRequireDefault(require("@mui/icons-material/ContentCopyRounded"));
-var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
-var _material = require("@mui/material");
-var _excluded = ["children", "onClose"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
@@ -5819,507 +5778,598 @@ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructur
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } // import { apiService } from 'authscape';
-function AddDomain(_ref) {
-  var open = _ref.open,
-    azureWebsite = _ref.azureWebsite,
-    azureTxtValue = _ref.azureTxtValue,
-    handleClose = _ref.handleClose;
-  var steps = ['Enter a domain', 'Setup DNS Record', 'Go Live'];
-  var _useState = (0, _react.useState)(0),
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+// remove after NPM
+// import {FileUploader, apiService, ColorPicker, Dropzone} from 'authscape';
+// import AddDomain from "./AddDomainModal";
+
+function PrivateLabelEditor(_ref) {
+  var loadedUser = _ref.loadedUser,
+    notification = _ref.notification,
+    _ref$showAllDomains = _ref.showAllDomains,
+    showAllDomains = _ref$showAllDomains === void 0 ? false : _ref$showAllDomains,
+    _ref$companyId = _ref.companyId,
+    companyId = _ref$companyId === void 0 ? null : _ref$companyId,
+    _ref$azureWebsite = _ref.azureWebsite,
+    azureWebsite = _ref$azureWebsite === void 0 ? "" : _ref$azureWebsite,
+    _ref$azureTxtValue = _ref.azureTxtValue,
+    azureTxtValue = _ref$azureTxtValue === void 0 ? "" : _ref$azureTxtValue;
+  var monaco = (0, _react2.useMonaco)();
+  var cssEditorRef = (0, _react.useRef)(null);
+  var htmlEditorRef = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)(null),
     _useState2 = _slicedToArray(_useState, 2),
-    activeStep = _useState2[0],
-    setActiveStep = _useState2[1];
-  var _useState3 = (0, _react.useState)({}),
+    data = _useState2[0],
+    setData = _useState2[1];
+  var _useState3 = (0, _react.useState)(0),
     _useState4 = _slicedToArray(_useState3, 2),
-    completed = _useState4[0],
-    setCompleted = _useState4[1];
-
-  // const [domain, setDomain] = useState(null);
-  var _useState5 = (0, _react.useState)(null),
+    value = _useState4[0],
+    setValue = _useState4[1];
+  var _useState5 = (0, _react.useState)([]),
     _useState6 = _slicedToArray(_useState5, 2),
-    subDomains = _useState6[0],
-    setSubDomains = _useState6[1];
-  // const [topLevelDomains , setTopLevelDomains ] = useState(null);
-
-  var _useState7 = (0, _react.useState)(null),
+    fonts = _useState6[0],
+    setFonts = _useState6[1];
+  var _useState7 = (0, _react.useState)([]),
     _useState8 = _slicedToArray(_useState7, 2),
-    fullDomain = _useState8[0],
-    setFullDomain = _useState8[1];
-  var _useState9 = (0, _react.useState)(null),
+    oEMDomainList = _useState8[0],
+    setOEMDomainList = _useState8[1];
+  var _useState9 = (0, _react.useState)([]),
     _useState10 = _slicedToArray(_useState9, 2),
-    errorMessage = _useState10[0],
-    setErrorMessage = _useState10[1];
-  var refDomain = (0, _react.useRef)(null);
-  var refCNameTarget = (0, _react.useRef)(null);
-  var reftxtTarget = (0, _react.useRef)(null);
-  var refCNameName = (0, _react.useRef)(null);
-  var reftxtName = (0, _react.useRef)(null);
-  var totalSteps = function totalSteps() {
-    return steps.length;
-  };
-  var completedSteps = function completedSteps() {
-    return Object.keys(completed).length;
-  };
-  var isLastStep = function isLastStep() {
-    return activeStep === totalSteps() - 1;
-  };
-  var allStepsCompleted = function allStepsCompleted() {
-    return completedSteps() === totalSteps();
-  };
-  var handleNext = function handleNext() {
-    var newActiveStep = isLastStep() && !allStepsCompleted() ?
-    // It's the last step, but not all steps have been completed,
-    // find the first step that has been completed
-    steps.findIndex(function (step, i) {
-      return !(i in completed);
-    }) : activeStep + 1;
-    setActiveStep(newActiveStep);
-  };
-  var handleBack = function handleBack() {
-    setActiveStep(function (prevActiveStep) {
-      return prevActiveStep - 1;
-    });
-  };
-  var getSubdomain = function getSubdomain(hostName) {
-    var host = hostName; // e.g., subdomain.example.com
-    var parts = host.split('.');
-    if (parts.length > 2) {
-      return parts[0]; // This will be 'subdomain'
-    }
-
-    return null; // No subdomain found
-  };
-
-  var handleStep = function handleStep(step) {
-    return function () {
-      setActiveStep(step);
-    };
-  };
-  var handleComplete = function handleComplete() {
-    var newCompleted = completed;
-    newCompleted[activeStep] = true;
-    setCompleted(newCompleted);
-    handleNext();
+    dnsFields = _useState10[0],
+    setDnsFields = _useState10[1];
+  var _useState11 = (0, _react.useState)(null),
+    _useState12 = _slicedToArray(_useState11, 2),
+    selectedFont = _useState12[0],
+    setSelectedFont = _useState12[1];
+  var _useState13 = (0, _react.useState)(null),
+    _useState14 = _slicedToArray(_useState13, 2),
+    fontUri = _useState14[0],
+    setFontUri = _useState14[1];
+  var _useState15 = (0, _react.useState)(null),
+    _useState16 = _slicedToArray(_useState15, 2),
+    oEMDomain = _useState16[0],
+    setOEMDomain = _useState16[1];
+  var _useState17 = (0, _react.useState)(''),
+    _useState18 = _slicedToArray(_useState17, 2),
+    stateBaseUri = _useState18[0],
+    setBaseUri = _useState18[1];
+  var _useState19 = (0, _react.useState)(false),
+    _useState20 = _slicedToArray(_useState19, 2),
+    isNewAccount = _useState20[0],
+    setIsNewAccount = _useState20[1];
+  var handleChange = function handleChange(event, newValue) {
+    setValue(newValue);
   };
-  var BootstrapDialog = (0, _styles.styled)(_Dialog["default"])(function (_ref2) {
-    var theme = _ref2.theme;
-    return {
-      '& .MuiDialogContent-root': {
-        padding: theme.spacing(2)
-      },
-      '& .MuiDialogActions-root': {
-        padding: theme.spacing(1)
-      }
-    };
-  });
-  var handleReset = function handleReset() {
-    setActiveStep(0);
-    setCompleted({});
+  var GetBaseUrl = function GetBaseUrl() {
+    return window.location.protocol + "//" + window.location.host;
   };
-  var createTheDomainRequest = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var response, aStep;
+  var loadDNSFields = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var _domain,
+        domain,
+        responseFields,
+        _args = arguments;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            if (!(fullDomain == null || fullDomain == "")) {
-              _context.next = 2;
-              break;
-            }
-            return _context.abrupt("return");
-          case 2:
-            _context.next = 4;
-            return apiService().post("/PrivateLabel/GenerateDomain", {
-              hostName: fullDomain
-            });
-          case 4:
-            response = _context.sent;
-            if (response != null && response.status == 200) {
-              if (handleClose != null) {
-                handleClose();
-              }
+            _domain = _args.length > 0 && _args[0] !== undefined ? _args[0] : null;
+            domain = null;
+            if (_domain != null) {
+              domain = _domain;
             } else {
-              aStep = activeStep - 1;
-              setActiveStep(aStep);
-              setErrorMessage(response.data);
+              domain = GetBaseUrl();
             }
-          case 6:
+            _context.next = 5;
+            return apiService().get("/PrivateLabel/GetFields?domain=" + domain + (companyId != null ? "&companyId=" + companyId : ""));
+          case 5:
+            responseFields = _context.sent;
+            if (responseFields != null && responseFields.status == 200) {
+              setDnsFields(responseFields.data);
+            }
+          case 7:
           case "end":
             return _context.stop();
         }
       }, _callee);
     }));
-    return function createTheDomainRequest() {
-      return _ref3.apply(this, arguments);
+    return function loadDNSFields() {
+      return _ref2.apply(this, arguments);
     };
   }();
   (0, _react.useEffect)(function () {
-    if (activeStep == 2) {
-      createTheDomainRequest();
+    if (oEMDomain != null) {
+      loadDNSFields(oEMDomain);
     }
-  }, [activeStep]);
-  var copyToClipboard = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(text) {
-      var permissions;
+  }, [oEMDomain]);
+  var FetchOEMData = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      var response, _response, _response2;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            _context2.prev = 0;
-            _context2.next = 3;
-            return navigator.permissions.query({
-              name: "clipboard-write"
-            });
-          case 3:
-            permissions = _context2.sent;
-            if (!(permissions.state === "granted" || permissions.state === "prompt")) {
-              _context2.next = 9;
+            _context2.next = 2;
+            return apiService().get("/PrivateLabel/GetFonts");
+          case 2:
+            response = _context2.sent;
+            if (response != null && response.status == 200) {
+              setFonts(response.data);
+            }
+            if (!showAllDomains) {
+              _context2.next = 11;
               break;
             }
             _context2.next = 7;
-            return navigator.clipboard.writeText(text);
+            return apiService().get("/PrivateLabel/GetAllDomains");
           case 7:
-            _context2.next = 10;
-            break;
-          case 9:
-            throw new Error("Can't access the clipboard. Check your browser permissions.");
-          case 10:
+            _response = _context2.sent;
+            if (_response != null && _response.status == 200) {
+              setOEMDomainList(_response.data);
+              if (_response.data.length > 0) {
+                setOEMDomain(_response.data[0].name);
+              } else {
+                setIsNewAccount(true);
+              }
+            }
             _context2.next = 15;
             break;
-          case 12:
-            _context2.prev = 12;
-            _context2.t0 = _context2["catch"](0);
-            alert('Error copying to clipboard:', _context2.t0);
+          case 11:
+            _context2.next = 13;
+            return apiService().get("/PrivateLabel/GetAllDomainsUser");
+          case 13:
+            _response2 = _context2.sent;
+            if (_response2 != null && _response2.status == 200) {
+              setOEMDomainList(_response2.data);
+              if (_response2.data.length > 0) {
+                setOEMDomain(_response2.data[0].name);
+              } else {
+                setIsNewAccount(true);
+              }
+            }
           case 15:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[0, 12]]);
+      }, _callee2);
     }));
-    return function copyToClipboard(_x2) {
-      return _ref4.apply(this, arguments);
+    return function FetchOEMData() {
+      return _ref3.apply(this, arguments);
     };
   }();
-  function BootstrapDialogTitle(props) {
-    var children = props.children,
-      onClose = props.onClose,
-      other = _objectWithoutProperties(props, _excluded);
-    return /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], _extends({
-      sx: {
-        m: 0,
-        p: 2
-      }
-    }, other), children, onClose ? /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-      "aria-label": "close",
-      onClick: onClose,
-      sx: {
-        position: 'absolute',
-        right: 8,
-        top: 8,
-        color: function color(theme) {
-          return theme.palette.grey[500];
-        }
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_Close["default"], null)) : null);
-  }
-  return /*#__PURE__*/_react["default"].createElement(BootstrapDialog, {
-    onClose: handleClose,
-    "aria-labelledby": "customized-dialog-title",
-    sx: {
-      backgroundColor: "rgba(0, 0, 0, 0.6)"
-    },
-    fullWidth: true,
-    maxWidth: "md",
-    open: open
-  }, /*#__PURE__*/_react["default"].createElement(_system.Box, {
-    sx: {
-      padding: 4
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Stepper["default"], {
-    activeStep: activeStep,
-    alternativeLabel: true
-  }, steps.map(function (label) {
-    return /*#__PURE__*/_react["default"].createElement(_Step["default"], {
-      key: label
-    }, /*#__PURE__*/_react["default"].createElement(_StepLabel["default"], {
-      sx: {
-        color: "#fff"
-      }
-    }, label));
-  })), activeStep == 0 && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(BootstrapDialogTitle, {
-    id: "customized-dialog-title",
-    onClose: handleClose,
-    sx: {
-      textAlign: "center",
-      fontSize: 30,
-      marginTop: 2,
-      lineHeight: 1
-    }
-  }, "What domain would you like to connect to ", process.env.companyName, "?"), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement(_system.Box, null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
-    inputRef: refDomain,
-    id: "domainTxt",
-    label: "Enter subdomain URL e.g catalog.mydomain.com",
-    fullWidth: true,
-    variant: "outlined",
-    sx: {
-      color: "white",
-      marginTop: 2
-    }
-  })), /*#__PURE__*/_react["default"].createElement(_system.Box, {
-    sx: {
-      marginTop: 2
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-    gutterBottom: true,
-    sx: {
-      textAlign: "center",
-      fontSize: 14
+  (0, _react.useEffect)(function () {
+    if (loadedUser) {
+      FetchOEMDData();
     }
-  }, /*#__PURE__*/_react["default"].createElement(_FmdBadRounded["default"], {
-    sx: {
-      color: "#1976d2",
-      position: "relative",
-      top: 8
+  }, [loadedUser]);
+  var _React$useState = _react["default"].useState({
+      page: 0,
+      pageSize: 12
+    }),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    paginationModel = _React$useState2[0],
+    setPaginationModel = _React$useState2[1];
+  function handleCSSEditorDidMount(editor, monaco) {
+    cssEditorRef.current = editor;
+  }
+  function handleHtmlEditorDidMount(editor, monaco) {
+    htmlEditorRef.current = editor;
+  }
+  var columns = [{
+    field: "label",
+    headerName: "Fonts",
+    editable: false,
+    width: 300,
+    renderCell: function renderCell(params) {
+      var RenderData = function RenderData(row) {
+        // const { id, value, field } = params;
+        // const apiRef = useGridApiContext();
+        return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+          sx: {
+            fontFamily: row.value,
+            fontSize: 20,
+            cursor: "pointer"
+          }
+        }, row.value), /*#__PURE__*/_react["default"].createElement("link", {
+          href: "https://fonts.googleapis.com/css2?family=" + row.value,
+          rel: "stylesheet"
+        }));
+      };
+      return RenderData(params);
     }
-  }), " You must own the domain and have the ability to add records"))), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    variant: "contained",
-    onClick: function onClick() {
-      if (refDomain.current.value == "") {
-        return;
-      }
-      setFullDomain(refDomain.current.value);
-      var _subDomain = getSubdomain(refDomain.current.value);
-      setSubDomains(_subDomain);
-
-      // var domainLand = parseDomain(refDomain.current.value);
-      // setDomain(domainLand.domain);
-      // setSubDomains(domainLand.subDomains);
-      // setTopLevelDomains(domainLand.topLevelDomains);
+  }];
+  (0, _react.useEffect)(function () {
+    var fetchData = /*#__PURE__*/function () {
+      var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+        var response;
+        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              // if (monaco) {
+              //     //console.log("here is the monaco instance:", monaco);
+              // }
 
-      handleNext();
-    }
-  }, "Next: Setup DNS"))), activeStep == 1 && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(BootstrapDialogTitle, {
-    id: "customized-dialog-title",
-    onClose: handleClose,
+              setData(null);
+              _context3.next = 3;
+              return apiService().get("/PrivateLabel/GetEditorData?domain=" + oEMDomain + (companyId != null ? "&companyId=" + companyId : ""));
+            case 3:
+              response = _context3.sent;
+              if (response.status == 200) {
+                setData(response.data);
+                setSelectedFont(response.data.fontFamily);
+                setFontUri(response.data.fontUrl);
+              }
+            case 5:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3);
+      }));
+      return function fetchData() {
+        return _ref4.apply(this, arguments);
+      };
+    }();
+    fetchData();
+  }, [monaco, oEMDomain]);
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
     sx: {
-      textAlign: "center",
-      fontSize: 30,
-      marginTop: 2
+      width: '100%'
     }
-  }, "Configure your DNS"), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement(_system.Box, null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-    gutterBottom: true,
+  }, selectedFont != null && fontUri == null && /*#__PURE__*/_react["default"].createElement("link", {
+    href: "https://fonts.googleapis.com/css2?family=" + selectedFont,
+    rel: "stylesheet"
+  }), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
     sx: {
-      textAlign: "center",
-      fontSize: 14
+      paddingTop: 6
     }
-  }, "Add a CNAME and TXT Record to your domain by visiting your DNS provider.")), /*#__PURE__*/_react["default"].createElement(_system.Box, {
+  }, oEMDomain != null && /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
+    fullWidth: true
+  }, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], {
+    id: "demo-simple-select-label"
+  }, "Website Domain"), /*#__PURE__*/_react["default"].createElement(_Select["default"], {
+    labelId: "demo-simple-select-label",
+    id: "demo-simple-select",
+    defaultValue: oEMDomain,
+    label: "Website Domain",
+    onChange: function onChange(val) {
+      setOEMDomain(val.target.value);
+    }
+  }, oEMDomainList.map(function (dns) {
+    return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+      value: dns.name
+    }, dns.name);
+  })))), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
     sx: {
-      backgroundColor: "#f7f7f7",
-      marginTop: 5,
-      paddingLeft: 4,
-      paddingRight: 4
+      borderBottom: 1,
+      borderColor: 'divider',
+      paddingTop: 2
     }
-  }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-    container: true,
-    spacing: 2,
-    fullWidth: true
-  }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-    item: true,
-    xs: 2
-  }, "Type", /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
-    fullWidth: true,
+  }, /*#__PURE__*/_react["default"].createElement(_Tabs["default"], {
+    value: value,
+    onChange: handleChange,
+    "aria-label": "basic tabs example"
+  }, /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
+    label: "App Icon / Colors"
+  }), /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
+    label: "Fonts"
+  }), /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
+    label: "Style Sheet Editor"
+  }), /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
+    label: "HTML Import Editor"
+  }))), /*#__PURE__*/_react["default"].createElement(_Box["default"], null, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
     sx: {
-      paddingTop: 2
+      padding: 2
     }
-  }, /*#__PURE__*/_react["default"].createElement(_Select["default"], {
-    value: 1,
-    readOnly: true
-  }, /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-    value: 1
-  }, "CNAME")))), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  }, value == 0 && /*#__PURE__*/_react["default"].createElement(_Box["default"], null, data != null && /*#__PURE__*/_react["default"].createElement(_Box["default"], null, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+    container: true,
+    spacing: 2
+  }, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
     item: true,
-    xs: 5
-  }, "Name", /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
-    inputRef: refCNameName,
-    id: "NameDomainTxt",
-    label: "",
-    fullWidth: true,
-    value: subDomains,
-    variant: "outlined",
+    xs: 4
+  }, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
     sx: {
-      color: "white",
-      paddingTop: 2
+      paddingBottom: 4
     }
-  }), /*#__PURE__*/_react["default"].createElement(_system.Box, {
+  }, /*#__PURE__*/_react["default"].createElement(Dropzone, {
+    image: "/DefaultNoImage.svg",
+    text: "Drag 'n' drop your app icon here",
+    onDrop: /*#__PURE__*/function () {
+      var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(file) {
+        var data, response;
+        return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              data = new FormData();
+              data.append("file", file);
+              data.append("domain", stateBaseUri);
+              _context4.next = 5;
+              return apiService().post("/PrivateLabel/UploadAppIcon", data);
+            case 5:
+              response = _context4.sent;
+              if (response != null && response.status == 200) {
+                window.location.reload();
+              }
+            case 7:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee4);
+      }));
+      return function (_x2) {
+        return _ref5.apply(this, arguments);
+      };
+    }()
+  }))), /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+    item: true,
+    xs: 8
+  }, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
     sx: {
-      textAlign: "center",
-      paddingTop: 1
+      paddingBottom: 2,
+      fontWeight: "bold",
+      fontSize: 16
     }
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    startIcon: /*#__PURE__*/_react["default"].createElement(_ContentCopyRounded["default"], null),
+  }, "Adjust the colors for your site"), /*#__PURE__*/_react["default"].createElement(_Box["default"], null, dnsFields != null && dnsFields.map(function (dnsField, index) {
+    return /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+      key: index
+    }, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+      container: true,
+      spacing: 2
+    }, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+      item: true,
+      xs: 3
+    }, dnsField.name), /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+      item: true,
+      xs: 9
+    }, /*#__PURE__*/_react["default"].createElement(ColorPicker, {
+      name: dnsField.name,
+      defaultColor: dnsField.value,
+      onColorChanged: /*#__PURE__*/function () {
+        var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(name, hex) {
+          return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+            while (1) switch (_context5.prev = _context5.next) {
+              case 0:
+                _context5.next = 2;
+                return apiService().post("/PrivateLabel/SetFieldValue", {
+                  id: dnsField.id,
+                  fieldId: dnsField.fieldId,
+                  value: hex
+                });
+              case 2:
+                notification(dnsField.name + " Saved");
+              case 3:
+              case "end":
+                return _context5.stop();
+            }
+          }, _callee5);
+        }));
+        return function (_x3, _x4) {
+          return _ref6.apply(this, arguments);
+        };
+      }()
+    }))));
+  })))))), value == 1 && /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+    value: value,
+    index: 1
+  }, data != null && /*#__PURE__*/_react["default"].createElement(_Box["default"], null, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+    container: true,
+    spacing: 2
+  }, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
+    item: true,
+    xs: 6
+  }, loadedUser == true && /*#__PURE__*/_react["default"].createElement(_Box["default"], null, /*#__PURE__*/_react["default"].createElement(_xDataGrid.DataGrid, {
+    rows: fonts,
+    columns: columns,
     sx: {
+      height: "80vh",
       width: "100%"
     },
-    variant: "contained",
-    onClick: function onClick() {
-      copyToClipboard(refCNameName.current.value);
-    }
-  }, "Copy"))), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+    pagination: true,
+    disableSelectionOnClick: true,
+    onPaginationModelChange: setPaginationModel,
+    paginationModel: paginationModel
+    //pageSizeOptions={[5]}
+    // rowCount={100}
+    // rowSelectionModel={selectedFont}
+    ,
+    onRowClick: /*#__PURE__*/function () {
+      var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(params) {
+        var response;
+        return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
+            case 0:
+              _context6.next = 2;
+              return apiService().post("/PrivateLabel/SetFont", {
+                companyId: companyId,
+                domain: oEMDomain,
+                value: params.row.label
+              });
+            case 2:
+              response = _context6.sent;
+              if (response != null && response.status == 200) {
+                setSelectedFont(params.row.label);
+                setFontUri(null);
+                notification("Font saved!");
+              }
+            case 4:
+            case "end":
+              return _context6.stop();
+          }
+        }, _callee6);
+      }));
+      return function (_x5) {
+        return _ref7.apply(this, arguments);
+      };
+    }()
+  }))), /*#__PURE__*/_react["default"].createElement(_material.Grid, {
     item: true,
-    xs: 5
-  }, "Target", /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
-    inputRef: refCNameTarget,
-    id: "targetDomainTxt",
-    label: "",
+    xs: 6
+  }, /*#__PURE__*/_react["default"].createElement(FileUploader, {
+    url: "/PrivateLabel/UploadCustomFont",
+    accept: ".otf,.ttf,.woff",
+    params: {
+      domain: stateBaseUri
+    },
+    multiple: true,
+    variant: "custom",
+    onUploadCompleted: function onUploadCompleted() {
+      window.location.reload();
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    color: "primary",
+    variant: "contained",
     fullWidth: true,
-    value: azureWebsite,
-    variant: "outlined",
     sx: {
-      color: "white",
-      paddingTop: 2
+      height: 50
+    },
+    startIcon: /*#__PURE__*/_react["default"].createElement(_PublishRounded["default"], null)
+  }, /*#__PURE__*/_react["default"].createElement(_Box["default"], null, "Upload Font"), "\xA0", /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+    sx: {
+      textAlign: "center"
     }
-  }), /*#__PURE__*/_react["default"].createElement(_system.Box, {
+  }, /*#__PURE__*/_react["default"].createElement("small", null, "(.OTF, .TTF, OR .WOFF)")))), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
     sx: {
-      textAlign: "center",
-      paddingTop: 1
+      marginTop: 4
     }
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    startIcon: /*#__PURE__*/_react["default"].createElement(_ContentCopyRounded["default"], null),
+  }, "Font Selected:"), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
     sx: {
-      width: "100%"
-    },
-    variant: "contained",
-    onClick: function onClick() {
-      copyToClipboard(refCNameTarget.current.value);
+      marginBottom: 2,
+      fontWeight: "bold",
+      fontSize: 20
     }
-  }, "Copy"))))), /*#__PURE__*/_react["default"].createElement(_system.Box, {
+  }, " ", selectedFont), /*#__PURE__*/_react["default"].createElement("hr", null), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
     sx: {
-      backgroundColor: "#f7f7f7",
-      paddingLeft: 4,
-      paddingRight: 4,
-      marginTop: 2,
-      paddingBottom: 4
+      fontFamily: selectedFont
     }
-  }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut ultricies odio. Nunc ut quam turpis. In hac habitasse platea dictumst. Suspendisse potenti. Nullam malesuada, purus id sagittis vestibulum, massa tellus gravida elit, vitae ultrices tortor nulla ac nunc. Aenean tempus semper est vel convallis. Sed feugiat, risus eu tincidunt eleifend, purus metus vulputate nulla, et condimentum sapien erat in nisi. Nunc non malesuada libero. Donec tempus tincidunt mi at vulputate. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse potenti. Etiam nec eleifend orci. Suspendisse in est vel nunc rhoncus bibendum vitae id felis. Integer bibendum dolor elit, at tincidunt lacus tempor ac. Maecenas lobortis, mauris at condimentum feugiat, nulla orci condimentum massa, sed facilisis tellus ligula vitae metus. Aliquam erat volutpat. Quisque dignissim felis augue, at semper nisl posuere ut. Proin fringilla diam vitae faucibus finibus.", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "Aenean tempus semper est vel convallis. Sed feugiat, risus eu tincidunt eleifend, purus metus vulputate nulla, et condimentum sapien erat in nisi. Nunc non malesuada libero. Donec tempus tincidunt mi at vulputate. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse potenti"))))), value == 2 && /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+    value: value,
+    index: 3
+  }, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
     container: true,
-    spacing: 2,
-    fullWidth: true
-  }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+    spacing: 2
+  }, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
     item: true,
-    xs: 2
-  }, "Type", /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
-    fullWidth: true,
-    sx: {
-      paddingTop: 2
+    xs: 6
+  }, /*#__PURE__*/_react["default"].createElement("h4", {
+    style: {
+      marginBottom: "0px"
     }
-  }, /*#__PURE__*/_react["default"].createElement(_Select["default"], {
-    value: 1,
-    readOnly: true
-  }, /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-    value: 1
-  }, "TXT")))), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  }, "Global CSS edits"), /*#__PURE__*/_react["default"].createElement("small", null, "You can make edits to your stylesheet")), /*#__PURE__*/_react["default"].createElement(_material.Grid, {
     item: true,
-    xs: 5
-  }, "Name", /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
-    inputRef: reftxtName,
-    id: "NameDomain2Txt",
-    label: "",
-    fullWidth: true,
-    value: "asuid." + subDomains,
-    variant: "outlined",
-    sx: {
-      color: "white",
-      marginTop: 2
-    }
-  }), /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    xs: 6,
     sx: {
-      textAlign: "center",
-      paddingTop: 1
+      textAlign: "right"
     }
   }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    startIcon: /*#__PURE__*/_react["default"].createElement(_ContentCopyRounded["default"], null),
+    startIcon: /*#__PURE__*/_react["default"].createElement(_Check["default"], null),
     sx: {
-      width: "100%"
+      marginTop: 4
     },
     variant: "contained",
-    onClick: function onClick() {
-      copyToClipboard(reftxtName.current.value);
-    }
-  }, "Copy"))), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-    item: true,
-    xs: 5
-  }, "Target", /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
-    inputRef: reftxtTarget,
-    id: "targetDomain2Txt",
-    label: "",
-    fullWidth: true,
-    value: azureTxtValue,
-    variant: "outlined",
+    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: {
-      color: "white",
-      marginTop: 2
+      paddingTop: 1
     }
-  }), /*#__PURE__*/_react["default"].createElement(_system.Box, {
+  }, 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: "center",
-      paddingTop: 1
+      textAlign: "right"
     }
   }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    startIcon: /*#__PURE__*/_react["default"].createElement(_ContentCopyRounded["default"], null),
+    startIcon: /*#__PURE__*/_react["default"].createElement(_Check["default"], null),
     sx: {
-      width: "100%"
+      marginTop: 4
     },
     variant: "contained",
-    onClick: function onClick() {
-      copyToClipboard(reftxtTarget.current.value);
-    }
-  }, "Copy")))))), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    variant: "contained",
-    onClick: function onClick() {
-      handleNext();
-    }
-  }, "Go Live"))), activeStep == 2 && /*#__PURE__*/_react["default"].createElement(_system.Box, null, /*#__PURE__*/_react["default"].createElement(BootstrapDialogTitle, {
-    id: "customized-dialog-title",
-    onClose: handleClose,
-    sx: {
-      textAlign: "center",
-      fontSize: 30,
-      marginTop: 4
-    }
-  }, "Creating your private label experience"), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement(_system.Box, {
-    sx: {
-      paddingTop: 2,
-      textAlign: "center"
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-    gutterBottom: true,
-    sx: {
-      textAlign: "center",
-      fontSize: 18
-    }
-  }, "Please wait while we complete a few things on our side."), /*#__PURE__*/_react["default"].createElement(_system.Box, {
+    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: 2
+      paddingTop: 1
     }
-  }, /*#__PURE__*/_react["default"].createElement(_CircularProgress["default"], {
-    color: "inherit"
-  })))))), /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
-    open: errorMessage != null ? true : false,
-    onClose: function onClose() {
-      setErrorMessage(null);
-    },
-    "aria-labelledby": "alert-dialog-title",
-    "aria-describedby": "alert-dialog-description"
-  }, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], {
-    id: "alert-dialog-title"
-  }, "Issue Detected"), /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], null, /*#__PURE__*/_react["default"].createElement(_material.DialogContentText, {
-    id: "alert-dialog-description"
-  }, errorMessage)), /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    onClick: function onClick() {
-      setErrorMessage(null);
-    },
-    autoFocus: true
-  }, "OK"))));
+  }, 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";
 
@@ -8916,6 +8966,85 @@ var authService = function authService() {
 exports.authService = authService;
 "use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HeaderRecords = HeaderRecords;
+exports.PrivateLabelPageModule = PrivateLabelPageModule;
+var _react = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+function PrivateLabelPageModule(_x, _x2) {
+  return _PrivateLabelPageModule.apply(this, arguments);
+}
+function _PrivateLabelPageModule() {
+  _PrivateLabelPageModule = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(apiUri, host) {
+    var data, response;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          data = {};
+          if (host.includes("localhost")) {
+            host = "http://" + host;
+          } else {
+            host = "https://" + host;
+          }
+          _context.next = 4;
+          return fetch(apiUri + "/api/PrivateLabel/GetCompanyIdFromDomain?domain=" + host);
+        case 4:
+          response = _context.sent;
+          if (!(response.status == 200)) {
+            _context.next = 10;
+            break;
+          }
+          _context.next = 8;
+          return response.json();
+        case 8:
+          data = _context.sent;
+          if (data != null) {
+            if (data.companyId != null) {
+              data.oemCompanyId = data.companyId;
+            }
+            if (data.demoCompanyId != null) {
+              data.demoId = data.demoCompanyId;
+            }
+          }
+        case 10:
+          return _context.abrupt("return", data);
+        case 11:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _PrivateLabelPageModule.apply(this, arguments);
+}
+function HeaderRecords(_ref) {
+  var pageProps = _ref.pageProps;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, pageProps != null && pageProps.oemCompanyId != null && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("link", {
+    href: process.env.apiUri + "/api/PrivateLabel/GetDataFromRecord?oemCompanyId=" + pageProps.oemCompanyId,
+    rel: "stylesheet"
+  }), /*#__PURE__*/_react["default"].createElement("link", {
+    rel: "manifest",
+    href: "/manifest.json"
+  }), /*#__PURE__*/_react["default"].createElement("link", {
+    href: "/icons/favicon-16x16.png",
+    rel: "icon",
+    type: "image/png",
+    sizes: "16x16"
+  }), /*#__PURE__*/_react["default"].createElement("link", {
+    href: "/icons/favicon-32x32.png",
+    rel: "icon",
+    type: "image/png",
+    sizes: "32x32"
+  })));
+}
+"use strict";
+
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9064,82 +9193,3 @@ var GetBaseUrl = function GetBaseUrl() {
   return window.location.protocol + "//" + window.location.host;
 };
 exports.GetBaseUrl = GetBaseUrl;
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.HeaderRecords = HeaderRecords;
-exports.WhiteLabelPageModule = WhiteLabelPageModule;
-var _react = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-function WhiteLabelPageModule(_x, _x2) {
-  return _WhiteLabelPageModule.apply(this, arguments);
-}
-function _WhiteLabelPageModule() {
-  _WhiteLabelPageModule = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(apiUri, host) {
-    var data, response;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          data = {};
-          if (host.includes("localhost")) {
-            host = "http://" + host;
-          } else {
-            host = "https://" + host;
-          }
-          _context.next = 4;
-          return fetch(apiUri + "/api/WhiteLabel/GetCompanyIdFromDomain?domain=" + host);
-        case 4:
-          response = _context.sent;
-          if (!(response.status == 200)) {
-            _context.next = 10;
-            break;
-          }
-          _context.next = 8;
-          return response.json();
-        case 8:
-          data = _context.sent;
-          if (data != null) {
-            if (data.companyId != null) {
-              data.oemCompanyId = data.companyId;
-            }
-            if (data.demoCompanyId != null) {
-              data.demoId = data.demoCompanyId;
-            }
-          }
-        case 10:
-          return _context.abrupt("return", data);
-        case 11:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return _WhiteLabelPageModule.apply(this, arguments);
-}
-function HeaderRecords(_ref) {
-  var pageProps = _ref.pageProps;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, pageProps != null && pageProps.oemCompanyId != null && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("link", {
-    href: process.env.apiUri + "/api/WhiteLabel/GetDataFromRecord?oemCompanyId=" + pageProps.oemCompanyId,
-    rel: "stylesheet"
-  }), /*#__PURE__*/_react["default"].createElement("link", {
-    rel: "manifest",
-    href: "/manifest.json"
-  }), /*#__PURE__*/_react["default"].createElement("link", {
-    href: "/icons/favicon-16x16.png",
-    rel: "icon",
-    type: "image/png",
-    sizes: "16x16"
-  }), /*#__PURE__*/_react["default"].createElement("link", {
-    href: "/icons/favicon-32x32.png",
-    rel: "icon",
-    type: "image/png",
-    sizes: "32x32"
-  })));
-}