authscape 1.0.604 → 1.0.606

package/index.js

@@ -6314,627 +6314,6 @@ function AddDomain(_ref) {
 }
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PrivateLabelEditor = PrivateLabelEditor;
-var _react = _interopRequireWildcard(require("react"));
-var _react2 = _interopRequireWildcard(require("@monaco-editor/react"));
-var _Button = _interopRequireDefault(require("@mui/material/Button"));
-var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
-var _Tabs = _interopRequireDefault(require("@mui/material/Tabs"));
-var _Tab = _interopRequireDefault(require("@mui/material/Tab"));
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _material = require("@mui/material");
-var _xDataGrid = require("@mui/x-data-grid");
-var _PublishRounded = _interopRequireDefault(require("@mui/icons-material/PublishRounded"));
-var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
-var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
-var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
-var _Select = _interopRequireDefault(require("@mui/material/Select"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } // import Image from "next/image";
-// 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;
-  var monaco = (0, _react2.useMonaco)();
-  var cssEditorRef = (0, _react.useRef)(null);
-  var htmlEditorRef = (0, _react.useRef)(null);
-  var _useState = (0, _react.useState)(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    data = _useState2[0],
-    setData = _useState2[1];
-  var _useState3 = (0, _react.useState)(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    value = _useState4[0],
-    setValue = _useState4[1];
-  var _useState5 = (0, _react.useState)([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    fonts = _useState6[0],
-    setFonts = _useState6[1];
-  var _useState7 = (0, _react.useState)([]),
-    _useState8 = _slicedToArray(_useState7, 2),
-    oEMDomainList = _useState8[0],
-    setOEMDomainList = _useState8[1];
-  var _useState9 = (0, _react.useState)([]),
-    _useState10 = _slicedToArray(_useState9, 2),
-    dnsFields = _useState10[0],
-    setDnsFields = _useState10[1];
-  var _useState11 = (0, _react.useState)(null),
-    _useState12 = _slicedToArray(_useState11, 2),
-    selectedFont = _useState12[0],
-    setSelectedFont = _useState12[1];
-  var _useState13 = (0, _react.useState)(null),
-    _useState14 = _slicedToArray(_useState13, 2),
-    fontUri = _useState14[0],
-    setFontUri = _useState14[1];
-  var _useState15 = (0, _react.useState)(null),
-    _useState16 = _slicedToArray(_useState15, 2),
-    oEMDomain = _useState16[0],
-    setOEMDomain = _useState16[1];
-  var _useState17 = (0, _react.useState)(''),
-    _useState18 = _slicedToArray(_useState17, 2),
-    stateBaseUri = _useState18[0],
-    setBaseUri = _useState18[1];
-  var _useState19 = (0, _react.useState)(false),
-    _useState20 = _slicedToArray(_useState19, 2),
-    isNewAccount = _useState20[0],
-    setIsNewAccount = _useState20[1];
-  var handleChange = function handleChange(event, newValue) {
-    setValue(newValue);
-  };
-  var GetBaseUrl = function GetBaseUrl() {
-    return window.location.protocol + "//" + window.location.host;
-  };
-  var loadDNSFields = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var _domain,
-        domain,
-        responseFields,
-        _args = arguments;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _domain = _args.length > 0 && _args[0] !== undefined ? _args[0] : null;
-            domain = null;
-            if (_domain != null) {
-              domain = _domain;
-            } else {
-              domain = GetBaseUrl();
-            }
-            _context.next = 5;
-            return apiService().get("/PrivateLabel/GetFields?domain=" + domain + (companyId != null ? "&companyId=" + companyId : ""));
-          case 5:
-            responseFields = _context.sent;
-            if (responseFields != null && responseFields.status == 200) {
-              setDnsFields(responseFields.data);
-            }
-          case 7:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function loadDNSFields() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  (0, _react.useEffect)(function () {
-    if (oEMDomain != null) {
-      loadDNSFields(oEMDomain);
-    }
-  }, [oEMDomain]);
-  var FetchOEMData = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-      var response, _response, _response2;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            _context2.next = 2;
-            return apiService().get("/PrivateLabel/GetFonts");
-          case 2:
-            response = _context2.sent;
-            if (response != null && response.status == 200) {
-              setFonts(response.data);
-            }
-            if (!showAllDomains) {
-              _context2.next = 11;
-              break;
-            }
-            _context2.next = 7;
-            return apiService().get("/PrivateLabel/GetAllDomains");
-          case 7:
-            _response = _context2.sent;
-            if (_response != null && _response.status == 200) {
-              setOEMDomainList(_response.data);
-              if (_response.data.length > 0) {
-                setOEMDomain(_response.data[0].name);
-              } else {
-                setIsNewAccount(true);
-              }
-            }
-            _context2.next = 15;
-            break;
-          case 11:
-            _context2.next = 13;
-            return apiService().get("/PrivateLabel/GetAllDomainsUser");
-          case 13:
-            _response2 = _context2.sent;
-            if (_response2 != null && _response2.status == 200) {
-              setOEMDomainList(_response2.data);
-              if (_response2.data.length > 0) {
-                setOEMDomain(_response2.data[0].name);
-              } else {
-                setIsNewAccount(true);
-              }
-            }
-          case 15:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }));
-    return function FetchOEMData() {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-  (0, _react.useEffect)(function () {
-    if (loadedUser) {
-      FetchOEMData();
-    }
-  }, [loadedUser]);
-  var _React$useState = _react["default"].useState({
-      page: 0,
-      pageSize: 12
-    }),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    paginationModel = _React$useState2[0],
-    setPaginationModel = _React$useState2[1];
-  function handleCSSEditorDidMount(editor, monaco) {
-    cssEditorRef.current = editor;
-  }
-  function handleHtmlEditorDidMount(editor, monaco) {
-    htmlEditorRef.current = editor;
-  }
-  var columns = [{
-    field: "label",
-    headerName: "Fonts",
-    editable: false,
-    width: 300,
-    renderCell: function renderCell(params) {
-      var RenderData = function RenderData(row) {
-        // const { id, value, field } = params;
-        // const apiRef = useGridApiContext();
-        return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
-          sx: {
-            fontFamily: row.value,
-            fontSize: 20,
-            cursor: "pointer"
-          }
-        }, row.value), /*#__PURE__*/_react["default"].createElement("link", {
-          href: "https://fonts.googleapis.com/css2?family=" + row.value,
-          rel: "stylesheet"
-        }));
-      };
-      return RenderData(params);
-    }
-  }];
-  (0, _react.useEffect)(function () {
-    var fetchData = /*#__PURE__*/function () {
-      var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-        var response;
-        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              // if (monaco) {
-              //     //console.log("here is the monaco instance:", monaco);
-              // }
-
-              setData(null);
-              _context3.next = 3;
-              return apiService().get("/PrivateLabel/GetEditorData?domain=" + oEMDomain + (companyId != null ? "&companyId=" + companyId : ""));
-            case 3:
-              response = _context3.sent;
-              if (response.status == 200) {
-                setData(response.data);
-                setSelectedFont(response.data.fontFamily);
-                setFontUri(response.data.fontUrl);
-              }
-            case 5:
-            case "end":
-              return _context3.stop();
-          }
-        }, _callee3);
-      }));
-      return function fetchData() {
-        return _ref4.apply(this, arguments);
-      };
-    }();
-    fetchData();
-  }, [monaco, oEMDomain]);
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
-    sx: {
-      width: '100%'
-    }
-  }, selectedFont != null && fontUri == null && /*#__PURE__*/_react["default"].createElement("link", {
-    href: "https://fonts.googleapis.com/css2?family=" + selectedFont,
-    rel: "stylesheet"
-  }), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
-    sx: {
-      paddingTop: 6
-    }
-  }, oEMDomain != null && /*#__PURE__*/_react["default"].createElement(_FormControl["default"], {
-    fullWidth: true
-  }, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], {
-    id: "demo-simple-select-label"
-  }, "Website Domain"), /*#__PURE__*/_react["default"].createElement(_Select["default"], {
-    labelId: "demo-simple-select-label",
-    id: "demo-simple-select",
-    defaultValue: oEMDomain,
-    label: "Website Domain",
-    onChange: function onChange(val) {
-      setOEMDomain(val.target.value);
-    }
-  }, oEMDomainList.map(function (dns) {
-    return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-      value: dns.name
-    }, dns.name);
-  })))), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
-    sx: {
-      borderBottom: 1,
-      borderColor: 'divider',
-      paddingTop: 2
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Tabs["default"], {
-    value: value,
-    onChange: handleChange,
-    "aria-label": "basic tabs example"
-  }, /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
-    label: "App Icon / Colors"
-  }), /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
-    label: "Fonts"
-  }), /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
-    label: "Style Sheet Editor"
-  }), /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
-    label: "HTML Import Editor"
-  }))), /*#__PURE__*/_react["default"].createElement(_Box["default"], null, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
-    sx: {
-      padding: 2
-    }
-  }, value == 0 && /*#__PURE__*/_react["default"].createElement(_Box["default"], null, data != null && /*#__PURE__*/_react["default"].createElement(_Box["default"], null, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
-    container: true,
-    spacing: 2
-  }, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
-    item: true,
-    xs: 4
-  }, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
-    sx: {
-      paddingBottom: 4
-    }
-  }, /*#__PURE__*/_react["default"].createElement(Dropzone, {
-    image: "/DefaultNoImage.svg",
-    text: "Drag 'n' drop your app icon here",
-    onDrop: /*#__PURE__*/function () {
-      var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(file) {
-        var data, response;
-        return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
-            case 0:
-              data = new FormData();
-              data.append("file", file);
-              data.append("domain", stateBaseUri);
-              _context4.next = 5;
-              return apiService().post("/PrivateLabel/UploadAppIcon", data);
-            case 5:
-              response = _context4.sent;
-              if (response != null && response.status == 200) {
-                window.location.reload();
-              }
-            case 7:
-            case "end":
-              return _context4.stop();
-          }
-        }, _callee4);
-      }));
-      return function (_x2) {
-        return _ref5.apply(this, arguments);
-      };
-    }()
-  }))), /*#__PURE__*/_react["default"].createElement(_material.Grid, {
-    item: true,
-    xs: 8
-  }, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
-    sx: {
-      paddingBottom: 2,
-      fontWeight: "bold",
-      fontSize: 16
-    }
-  }, "Adjust the colors for your site"), /*#__PURE__*/_react["default"].createElement(_Box["default"], null, dnsFields != null && dnsFields.map(function (dnsField, index) {
-    return /*#__PURE__*/_react["default"].createElement(_Box["default"], {
-      key: index
-    }, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
-      container: true,
-      spacing: 2
-    }, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
-      item: true,
-      xs: 3
-    }, dnsField.name), /*#__PURE__*/_react["default"].createElement(_material.Grid, {
-      item: true,
-      xs: 9
-    }, /*#__PURE__*/_react["default"].createElement(ColorPicker, {
-      name: dnsField.name,
-      defaultColor: dnsField.value,
-      onColorChanged: /*#__PURE__*/function () {
-        var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(name, hex) {
-          return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-            while (1) switch (_context5.prev = _context5.next) {
-              case 0:
-                _context5.next = 2;
-                return apiService().post("/PrivateLabel/SetFieldValue", {
-                  id: dnsField.id,
-                  fieldId: dnsField.fieldId,
-                  value: hex
-                });
-              case 2:
-                notification(dnsField.name + " Saved");
-              case 3:
-              case "end":
-                return _context5.stop();
-            }
-          }, _callee5);
-        }));
-        return function (_x3, _x4) {
-          return _ref6.apply(this, arguments);
-        };
-      }()
-    }))));
-  })))))), value == 1 && /*#__PURE__*/_react["default"].createElement(_Box["default"], {
-    value: value,
-    index: 1
-  }, data != null && /*#__PURE__*/_react["default"].createElement(_Box["default"], null, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
-    container: true,
-    spacing: 2
-  }, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
-    item: true,
-    xs: 6
-  }, loadedUser == true && /*#__PURE__*/_react["default"].createElement(_Box["default"], null, /*#__PURE__*/_react["default"].createElement(_xDataGrid.DataGrid, {
-    rows: fonts,
-    columns: columns,
-    sx: {
-      height: "80vh",
-      width: "100%"
-    },
-    pagination: true,
-    disableSelectionOnClick: true,
-    onPaginationModelChange: setPaginationModel,
-    paginationModel: paginationModel
-    //pageSizeOptions={[5]}
-    // rowCount={100}
-    // rowSelectionModel={selectedFont}
-    ,
-    onRowClick: /*#__PURE__*/function () {
-      var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(params) {
-        var response;
-        return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-          while (1) switch (_context6.prev = _context6.next) {
-            case 0:
-              _context6.next = 2;
-              return apiService().post("/PrivateLabel/SetFont", {
-                companyId: companyId,
-                domain: oEMDomain,
-                value: params.row.label
-              });
-            case 2:
-              response = _context6.sent;
-              if (response != null && response.status == 200) {
-                setSelectedFont(params.row.label);
-                setFontUri(null);
-                notification("Font saved!");
-              }
-            case 4:
-            case "end":
-              return _context6.stop();
-          }
-        }, _callee6);
-      }));
-      return function (_x5) {
-        return _ref7.apply(this, arguments);
-      };
-    }()
-  }))), /*#__PURE__*/_react["default"].createElement(_material.Grid, {
-    item: true,
-    xs: 6
-  }, /*#__PURE__*/_react["default"].createElement(FileUploader, {
-    url: "/PrivateLabel/UploadCustomFont",
-    accept: ".otf,.ttf,.woff",
-    params: {
-      domain: stateBaseUri
-    },
-    multiple: true,
-    variant: "custom",
-    onUploadCompleted: function onUploadCompleted() {
-      window.location.reload();
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    color: "primary",
-    variant: "contained",
-    fullWidth: true,
-    sx: {
-      height: 50
-    },
-    startIcon: /*#__PURE__*/_react["default"].createElement(_PublishRounded["default"], null)
-  }, /*#__PURE__*/_react["default"].createElement(_Box["default"], null, "Upload Font"), "\xA0", /*#__PURE__*/_react["default"].createElement(_Box["default"], {
-    sx: {
-      textAlign: "center"
-    }
-  }, /*#__PURE__*/_react["default"].createElement("small", null, "(.OTF, .TTF, OR .WOFF)")))), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
-    sx: {
-      marginTop: 4
-    }
-  }, "Font Selected:"), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
-    sx: {
-      marginBottom: 2,
-      fontWeight: "bold",
-      fontSize: 20
-    }
-  }, " ", selectedFont), /*#__PURE__*/_react["default"].createElement("hr", null), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
-    sx: {
-      fontFamily: selectedFont
-    }
-  }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut ultricies odio. Nunc ut quam turpis. In hac habitasse platea dictumst. Suspendisse potenti. Nullam malesuada, purus id sagittis vestibulum, massa tellus gravida elit, vitae ultrices tortor nulla ac nunc. Aenean tempus semper est vel convallis. Sed feugiat, risus eu tincidunt eleifend, purus metus vulputate nulla, et condimentum sapien erat in nisi. Nunc non malesuada libero. Donec tempus tincidunt mi at vulputate. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse potenti. Etiam nec eleifend orci. Suspendisse in est vel nunc rhoncus bibendum vitae id felis. Integer bibendum dolor elit, at tincidunt lacus tempor ac. Maecenas lobortis, mauris at condimentum feugiat, nulla orci condimentum massa, sed facilisis tellus ligula vitae metus. Aliquam erat volutpat. Quisque dignissim felis augue, at semper nisl posuere ut. Proin fringilla diam vitae faucibus finibus.", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), "Aenean tempus semper est vel convallis. Sed feugiat, risus eu tincidunt eleifend, purus metus vulputate nulla, et condimentum sapien erat in nisi. Nunc non malesuada libero. Donec tempus tincidunt mi at vulputate. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse potenti"))))), value == 2 && /*#__PURE__*/_react["default"].createElement(_Box["default"], {
-    value: value,
-    index: 3
-  }, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
-    container: true,
-    spacing: 2
-  }, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
-    item: true,
-    xs: 6
-  }, /*#__PURE__*/_react["default"].createElement("h4", {
-    style: {
-      marginBottom: "0px"
-    }
-  }, "Global CSS edits"), /*#__PURE__*/_react["default"].createElement("small", null, "You can make edits to your stylesheet")), /*#__PURE__*/_react["default"].createElement(_material.Grid, {
-    item: true,
-    xs: 6,
-    sx: {
-      textAlign: "right"
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    startIcon: /*#__PURE__*/_react["default"].createElement(_Check["default"], null),
-    sx: {
-      marginTop: 4
-    },
-    variant: "contained",
-    onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
-      var response;
-      return _regeneratorRuntime().wrap(function _callee7$(_context7) {
-        while (1) switch (_context7.prev = _context7.next) {
-          case 0:
-            _context7.next = 2;
-            return apiService().post("/PrivateLabel/SetGlobalCSS", {
-              companyId: companyId,
-              domain: oEMDomain,
-              value: cssEditorRef.current.getValue()
-            });
-          case 2:
-            response = _context7.sent;
-            if (response != null && response.status == 200) {
-              notification("CSS Saved!");
-            }
-          case 4:
-          case "end":
-            return _context7.stop();
-        }
-      }, _callee7);
-    }))
-  }, "Save Changes"))), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
-    sx: {
-      paddingTop: 1
-    }
-  }, data != null && /*#__PURE__*/_react["default"].createElement(_react2["default"], {
-    height: "70vh",
-    onMount: handleCSSEditorDidMount,
-    defaultLanguage: "css",
-    theme: "vs-dark",
-    defaultValue: data == null || data.prettyCSS == null ? "" : data.prettyCSS
-  }))), value == 3 && /*#__PURE__*/_react["default"].createElement(_Box["default"], {
-    value: value,
-    index: 4
-  }, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
-    container: true,
-    spacing: 2
-  }, /*#__PURE__*/_react["default"].createElement(_material.Grid, {
-    item: true,
-    xs: 6
-  }, /*#__PURE__*/_react["default"].createElement("h4", {
-    style: {
-      marginBottom: "0px"
-    }
-  }, "HTML import Edits"), /*#__PURE__*/_react["default"].createElement("small", null, "You can add imports such as google analytics or clarity")), /*#__PURE__*/_react["default"].createElement(_material.Grid, {
-    item: true,
-    xs: 6,
-    sx: {
-      textAlign: "right"
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    startIcon: /*#__PURE__*/_react["default"].createElement(_Check["default"], null),
-    sx: {
-      marginTop: 4
-    },
-    variant: "contained",
-    onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
-      var response;
-      return _regeneratorRuntime().wrap(function _callee8$(_context8) {
-        while (1) switch (_context8.prev = _context8.next) {
-          case 0:
-            _context8.next = 2;
-            return apiService().post("/PrivateLabel/SetGlobalHTML", {
-              companyId: companyId,
-              domain: oEMDomain,
-              value: htmlEditorRef.current.getValue()
-            });
-          case 2:
-            response = _context8.sent;
-            if (response != null && response.status == 200) {
-              notification("HTML saved!");
-            }
-          case 4:
-          case "end":
-            return _context8.stop();
-        }
-      }, _callee8);
-    }))
-  }, "Save Changes"))), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
-    sx: {
-      paddingTop: 1
-    }
-  }, data != null && /*#__PURE__*/_react["default"].createElement(_react2["default"], {
-    height: "70vh",
-    onMount: handleHtmlEditorDidMount,
-    defaultLanguage: "html",
-    theme: "vs-dark",
-    defaultValue: data == null || data.prettyHTML == null ? "" : data.prettyHTML
-  }))))), /*#__PURE__*/_react["default"].createElement(AddDomain, {
-    open: isNewAccount,
-    azureWebsite: "indealspaces.azurewebsites.net",
-    azureTxtValue: "3C6463B49E18993E32249450799B7A1F04A9BC60DB6AD1BFBCC6429AC7F074F3",
-    handleClose: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9() {
-      return _regeneratorRuntime().wrap(function _callee9$(_context9) {
-        while (1) switch (_context9.prev = _context9.next) {
-          case 0:
-            setIsNewAccount(false);
-            _context9.next = 3;
-            return FetchOEMData();
-          case 3:
-          case "end":
-            return _context9.stop();
-        }
-      }, _callee9);
-    }))
-  })));
-}
-"use strict";
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "authscape",
-  "version": "1.0.604",
+  "version": "1.0.606",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/components/privateLabel/privateLabelEditor.js

@@ -1,484 +0,0 @@
-
-import React, { useState, useRef, useEffect } from "react";
-import Editor, { useMonaco } from "@monaco-editor/react";
-import Button from '@mui/material/Button';
-import CheckIcon from '@mui/icons-material/Check';
-import Tabs from '@mui/material/Tabs';
-import Tab from '@mui/material/Tab';
-import Box from '@mui/material/Box';
-import { Grid, TextField } from "@mui/material";
-import { DataGrid } from "@mui/x-data-grid";
-import PublishRoundedIcon from '@mui/icons-material/PublishRounded';
-// import Image from "next/image";
-import InputLabel from '@mui/material/InputLabel';
-import MenuItem from '@mui/material/MenuItem';
-import FormControl from '@mui/material/FormControl';
-import Select from '@mui/material/Select';
-
-// remove after NPM
-// import {FileUploader, apiService, ColorPicker, Dropzone} from 'authscape';
-// import AddDomain from "./AddDomainModal";
-
-export function PrivateLabelEditor({loadedUser, notification, showAllDomains = false, companyId = null}) {
-
-    const monaco = useMonaco();
-
-    const cssEditorRef = useRef(null);
-    const htmlEditorRef = useRef(null);
-
-    const [data, setData] = useState(null);
-    const [value, setValue] = useState(0);
-    const [fonts, setFonts] = useState([]);
-    const [oEMDomainList, setOEMDomainList] = useState([]);
-    const [dnsFields, setDnsFields] = useState([]);
-    const [selectedFont, setSelectedFont] = useState(null);
-    const [fontUri, setFontUri] = useState(null);
-
-    const [oEMDomain, setOEMDomain] = useState(null);
-
-    const [stateBaseUri, setBaseUri] = useState('');
-
-    const [isNewAccount, setIsNewAccount] = useState(false);
-    
-
-    const handleChange = (event, newValue) => {
-      setValue(newValue);
-    };
-
-    const GetBaseUrl = () => {
-      return window.location.protocol + "//" + window.location.host;
-    }
-
-    const loadDNSFields = async (_domain = null) => {
-        
-        var domain = null;
-        if (_domain != null)
-        {
-            domain = _domain;
-        }
-        else
-        {
-            domain = GetBaseUrl();
-        }
-
-        let responseFields = await apiService().get("/PrivateLabel/GetFields?domain=" + domain + (companyId != null ? ("&companyId=" + companyId) : ""));
-        if (responseFields != null && responseFields.status == 200)
-        {
-          setDnsFields(responseFields.data);
-        }
-    }
-
-    useEffect(() => {
-
-        if (oEMDomain != null)
-        {
-            loadDNSFields(oEMDomain);
-        }
-
-    }, [oEMDomain]);
-
-
-    const FetchOEMData = async () => {
-
-        let response = await apiService().get("/PrivateLabel/GetFonts");
-        if (response != null && response.status == 200)
-        {
-          setFonts(response.data);
-        }
-
-        if (showAllDomains)
-        {
-          let response = await apiService().get("/PrivateLabel/GetAllDomains");
-          if (response != null && response.status == 200)
-          {
-              setOEMDomainList(response.data);
-
-              if (response.data.length > 0)
-              {
-                  setOEMDomain(response.data[0].name);
-              }
-              else
-              {
-                  setIsNewAccount(true);
-              }
-          }
-        }
-        else
-        {
-          let response = await apiService().get("/PrivateLabel/GetAllDomainsUser");
-          if (response != null && response.status == 200)
-          {
-              setOEMDomainList(response.data);
-
-              if (response.data.length > 0)
-              {
-                  setOEMDomain(response.data[0].name);
-              }
-              else
-              {
-                  setIsNewAccount(true);
-              }
-          }
-        }
-
-    }
-
-    useEffect(() => {
-
-      if (loadedUser)
-      {
-        FetchOEMData();
-      }
-
-    }, [loadedUser]);
-
-
-    const [paginationModel, setPaginationModel] = React.useState({
-        page: 0,
-        pageSize: 12,
-    });
-  
-
-    function handleCSSEditorDidMount(editor, monaco) {
-      cssEditorRef.current = editor; 
-    }
-
-    function handleHtmlEditorDidMount(editor, monaco) {
-      htmlEditorRef.current = editor; 
-    }
-
-    const columns = [
-      {
-        field: "label",
-        headerName: "Fonts",
-        editable: false,
-        width:300,
-        renderCell: (params) => {
-          const RenderData = (row) => {
-            // const { id, value, field } = params;
-            // const apiRef = useGridApiContext();
-            return (
-              <>
-                <Box sx={{fontFamily: row.value, fontSize:20, cursor:"pointer"}}>{row.value}</Box>
-                <link href={"https://fonts.googleapis.com/css2?family=" + row.value} rel="stylesheet"></link>
-              </>
-            );
-          };
-          return RenderData(params);
-        },
-      }
-    ];
-
-    useEffect(() => {
-
-        const fetchData = async () => {
-
-            // if (monaco) {
-            //     //console.log("here is the monaco instance:", monaco);
-            // }
-
-            setData(null);
-
-            let response = await apiService().get("/PrivateLabel/GetEditorData?domain=" + oEMDomain + (companyId != null ? ("&companyId=" + companyId) : ""));
-            if (response.status == 200)
-            {
-                setData(response.data);
-                setSelectedFont(response.data.fontFamily);
-                setFontUri(response.data.fontUrl);
-            }
-        }
-        fetchData();
-
-    }, [monaco, oEMDomain]);
-
-    return (
-        <>
-        <Box sx={{ width: '100%' }}>
-
-            {(selectedFont != null && fontUri == null) &&
-            <link href={"https://fonts.googleapis.com/css2?family=" + selectedFont} rel="stylesheet"></link>
-            }
-
-            <Box sx={{paddingTop:6}}>
-              {oEMDomain != null &&
-                <FormControl fullWidth>
-                    <InputLabel id="demo-simple-select-label">Website Domain</InputLabel>
-                    <Select
-                        labelId="demo-simple-select-label"
-                        id="demo-simple-select"
-                        defaultValue={oEMDomain}
-                        label="Website Domain"
-                        onChange={(val) => {
-                            setOEMDomain(val.target.value)
-                        }}>
-                            {oEMDomainList.map((dns) => {
-                                return (
-                                    <MenuItem value={dns.name}>{dns.name}</MenuItem>
-                                )
-                            })}
-                    </Select>
-                </FormControl>
-              }
-            </Box>
-        
-            <Box sx={{ borderBottom: 1, borderColor: 'divider', paddingTop:2 }}>
-                <Tabs value={value} onChange={handleChange} aria-label="basic tabs example">
-                <Tab label="App Icon / Colors" />
-                <Tab label="Fonts" />
-                {/* <Tab label="Content" /> */}
-                <Tab label="Style Sheet Editor" />
-                <Tab label="HTML Import Editor" />
-                </Tabs>
-            </Box>
-            <Box>
-            
-            <Box sx={{padding:2}}>
-                {value == 0 &&
-                <Box>
-                    {data != null &&
-                    <Box>
-                        <Grid container spacing={2}>
-                            <Grid item xs={4}>
-                                <Box sx={{paddingBottom:4}}>
-                                    <Dropzone
-                                        image={"/DefaultNoImage.svg"}
-                                        text={"Drag 'n' drop your app icon here"}
-                                        onDrop={async (file) => {
-                                            const data = new FormData();
-
-                                            data.append("file", file);
-                                            data.append("domain", stateBaseUri);
-
-                                            let response = await apiService().post(
-                                            "/PrivateLabel/UploadAppIcon",
-                                            data
-                                            );
-                                            if (response != null && response.status == 200) {
-                                            window.location.reload();
-                                            }
-                                        }}
-                                    />
-                                </Box>
-                            </Grid>
-                            <Grid item xs={8}>
-                                <Box sx={{paddingBottom:2, fontWeight:"bold", fontSize:16}}>
-                                    Adjust the colors for your site
-                                </Box>
-                                <Box>
-                                    {dnsFields != null && dnsFields.map((dnsField, index) => {
-                                        return (
-                                            <Box key={index}>
-                                                <Grid container spacing={2}>
-                                                    <Grid item xs={3}>
-                                                        {dnsField.name}
-                                                    </Grid>
-                                                    <Grid item xs={9}>
-
-                                                    <ColorPicker name={dnsField.name} defaultColor={dnsField.value} onColorChanged={async (name, hex) => {
-
-                                                        await apiService().post("/PrivateLabel/SetFieldValue", {
-                                                        id: dnsField.id,
-                                                        fieldId: dnsField.fieldId,
-                                                        value: hex
-                                                        });
-
-                                                        notification(dnsField.name + " Saved");
-
-                                                    }} />
-                                                    </Grid>
-                                                </Grid>
-                                            </Box>
-                                        )
-                                    })}
-                                </Box>
-                            </Grid>
-                        </Grid>
-                    </Box>
-                    }
-                </Box>
-                }
-                
-                {value == 1 &&
-                <Box value={value} index={1}>
-                    {data != null &&
-                    <Box>
-                        <Grid container spacing={2}>
-                            <Grid item xs={6}>
-
-                            {loadedUser == true &&
-
-                                <Box>
-                                    <DataGrid
-                                        rows={fonts}
-                                        columns={columns}
-                                        sx={{height:"80vh", width:"100%"}}
-                                        pagination
-                                        disableSelectionOnClick={true}
-                                        onPaginationModelChange={setPaginationModel}
-                                        paginationModel={paginationModel}
-                                        //pageSizeOptions={[5]}
-                                        // rowCount={100}
-                                        // rowSelectionModel={selectedFont}
-                                        onRowClick={async (params) => {
-
-                                            let response = await apiService().post("/PrivateLabel/SetFont", {
-                                                companyId: companyId,
-                                                domain: oEMDomain,
-                                                value: params.row.label
-                                            });
-                                            if (response != null && response.status == 200)
-                                            {
-                                                setSelectedFont(params.row.label);
-                                                setFontUri(null);
-                                                notification("Font saved!");
-                                            }
-                                        }}
-                                    />
-                                </Box>
-                            }
-
-                            
-                            </Grid>
-                            <Grid item xs={6} >
-
-                                <FileUploader url={"/PrivateLabel/UploadCustomFont"} accept={".otf,.ttf,.woff"} params={{
-                                    domain: stateBaseUri
-                                }} multiple={true} variant='custom' onUploadCompleted={() => {
-                                    window.location.reload();
-                                    }}>
-
-                                    <Button color="primary" variant="contained" fullWidth={true} sx={{height:50}} startIcon={<PublishRoundedIcon/>}><Box>Upload Font</Box>&nbsp;<Box sx={{textAlign:"center"}}><small>(.OTF, .TTF, OR .WOFF)</small></Box></Button>
-
-                                </FileUploader>
-                                
-
-                            <Box sx={{marginTop:4}}>Font Selected:</Box>
-                            <Box sx={{marginBottom:2, fontWeight:"bold", fontSize:20}}> {selectedFont}</Box>
-                            <hr />
-                            <Box sx={{fontFamily: selectedFont}}>
-                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut ultricies odio. Nunc ut quam turpis. In hac habitasse platea dictumst. 
-                                Suspendisse potenti. Nullam malesuada, purus id sagittis vestibulum, massa tellus gravida elit, vitae ultrices tortor nulla ac nunc. 
-                                Aenean tempus semper est vel convallis. Sed feugiat, risus eu tincidunt eleifend, purus metus vulputate nulla, et condimentum sapien erat in nisi. 
-                                Nunc non malesuada libero. Donec tempus tincidunt mi at vulputate. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; 
-                                Suspendisse potenti. Etiam nec eleifend orci. Suspendisse in est vel nunc rhoncus bibendum vitae id felis. 
-                                Integer bibendum dolor elit, at tincidunt lacus tempor ac. Maecenas lobortis, mauris at condimentum feugiat, nulla orci condimentum massa, sed facilisis tellus ligula vitae metus. 
-                                Aliquam erat volutpat. Quisque dignissim felis augue, at semper nisl posuere ut. Proin fringilla diam vitae faucibus finibus.
-                                <br/><br/>
-                                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
-                            </Box>
-                            </Grid>
-                        </Grid>
-                    </Box>
-                    }
-                </Box>
-                }
-
-                {/* {value == 2 &&
-                <Box value={value} index={2}>
-                    <Grid container spacing={2}>
-                        <Grid item xs={6}>
-                            <h4 style={{marginBottom:"0px"}}>Content</h4>
-                            <small>You can adjust the content within your site</small>
-                        </Grid>
-                    </Grid>
-                    <Box sx={{paddingTop:2}}>
-                        <TextField id="outlined-basic" label="Outlined" variant="outlined" />
-                    </Box>
-                </Box>
-                } */}
-
-                {value == 2 &&
-                <Box value={value} index={3}>
-
-                <Grid container spacing={2}>
-                    <Grid item xs={6}>
-                        <h4 style={{marginBottom:"0px"}}>Global CSS edits</h4>
-                        <small>You can make edits to your stylesheet</small>
-                    </Grid>
-                    <Grid item xs={6} sx={{textAlign:"right"}}>
-                        <Button startIcon={<CheckIcon/>} sx={{marginTop:4}} variant="contained" onClick={async () => { 
-
-                            let response = await apiService().post("/PrivateLabel/SetGlobalCSS", {
-                            companyId: companyId,
-                            domain: oEMDomain,
-                            value: cssEditorRef.current.getValue()
-                            });
-                            if (response != null && response.status == 200)
-                            {
-                                notification("CSS Saved!")
-                            }
-
-                        }}>Save Changes</Button>
-                    </Grid>
-                </Grid>
-
-                <Box sx={{paddingTop:1}}>
-                    
-                    {data != null &&
-                        <Editor
-                            height="70vh"
-                            onMount={handleCSSEditorDidMount}
-                            defaultLanguage="css"
-                            theme="vs-dark" 
-                            defaultValue={(data == null || data.prettyCSS == null) ? "" : data.prettyCSS}
-                        />
-                    }
-                </Box>
-
-                </Box>
-                }
-
-                {value == 3 &&
-                <Box value={value} index={4}>
-                    
-
-                    <Grid container spacing={2}>
-                        <Grid item xs={6}>
-                            <h4 style={{marginBottom:"0px"}}>HTML import Edits</h4>
-                            <small>You can add imports such as google analytics or clarity</small>
-                        </Grid>
-                        <Grid item xs={6} sx={{textAlign:"right"}}>
-                            <Button startIcon={<CheckIcon/>} sx={{marginTop:4}} variant="contained" onClick={async () => {
-
-                                let response = await apiService().post("/PrivateLabel/SetGlobalHTML", {
-                                    companyId: companyId,
-                                    domain: oEMDomain,
-                                    value: htmlEditorRef.current.getValue()
-                                });
-
-                                if (response != null && response.status == 200)
-                                {
-                                    notification("HTML saved!")
-                                } 
-
-                            }}>Save Changes</Button>
-                        </Grid>
-                    </Grid>
-                    
-                    <Box sx={{paddingTop:1}}>
-                        {data != null &&
-                            <Editor
-                                height="70vh"
-                                onMount={handleHtmlEditorDidMount}
-                                defaultLanguage="html"
-                                theme="vs-dark"
-                                defaultValue={(data == null || data.prettyHTML == null) ? "" : data.prettyHTML}
-                            />
-                        }
-                    </Box>
-
-
-                </Box>
-                }
-            </Box>
-
-            </Box>
-
-            <AddDomain open={isNewAccount} azureWebsite={"indealspaces.azurewebsites.net"} azureTxtValue={"3C6463B49E18993E32249450799B7A1F04A9BC60DB6AD1BFBCC6429AC7F074F3"} handleClose={async () => {
-                setIsNewAccount(false);
-                await FetchOEMData();
-            }} />
-        </Box>
-        </>
-    )
-}