authscape 1.0.740 → 1.0.744

package/index.js

@@ -15,7 +15,6 @@ var _router = _interopRequireDefault(require("next/router"));
 var _ga4React = _interopRequireDefault(require("ga-4-react"));
 var _zustand = require("zustand");
 var _reactMicrosoftClarity = require("react-microsoft-clarity");
-var _authscape = require("authscape");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -305,7 +304,7 @@ function AuthScapeApp(_ref) {
   // ----- Enforce login (client) -----
   (0, _react.useEffect)(function () {
     if (enforceLoggedIn && pathname !== "/signin-oidc" && frontEndLoadedState && !signedInUserState) {
-      (0, _authscape.authService)().login();
+      authService().login();
     }
   }, [signedInUserState, enforceLoggedIn, frontEndLoadedState, pathname]);
 
@@ -2639,6 +2638,466 @@ var GoogleMapsAutoComplete = exports.GoogleMapsAutoComplete = function GoogleMap
 };
 "use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LexicalEditor = LexicalEditor;
+var _react = _interopRequireWildcard(require("react"));
+var _LexicalComposer = require("@lexical/react/LexicalComposer");
+var _LexicalRichTextPlugin = require("@lexical/react/LexicalRichTextPlugin");
+var _LexicalContentEditable = require("@lexical/react/LexicalContentEditable");
+var _LexicalHistoryPlugin = require("@lexical/react/LexicalHistoryPlugin");
+var _LexicalOnChangePlugin = require("@lexical/react/LexicalOnChangePlugin");
+var _LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
+var _LexicalErrorBoundary = require("@lexical/react/LexicalErrorBoundary");
+var _LexicalListPlugin = require("@lexical/react/LexicalListPlugin");
+var _LexicalLinkPlugin = require("@lexical/react/LexicalLinkPlugin");
+var _html = require("@lexical/html");
+var _lexical = require("lexical");
+var _selection = require("@lexical/selection");
+var _richText = require("@lexical/rich-text");
+var _list = require("@lexical/list");
+var _link = require("@lexical/link");
+var _code = require("@lexical/code");
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _Divider = _interopRequireDefault(require("@mui/material/Divider"));
+var _Select = _interopRequireDefault(require("@mui/material/Select"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
+var _FormatBold = _interopRequireDefault(require("@mui/icons-material/FormatBold"));
+var _FormatItalic = _interopRequireDefault(require("@mui/icons-material/FormatItalic"));
+var _FormatUnderlined = _interopRequireDefault(require("@mui/icons-material/FormatUnderlined"));
+var _StrikethroughS = _interopRequireDefault(require("@mui/icons-material/StrikethroughS"));
+var _FormatListBulleted = _interopRequireDefault(require("@mui/icons-material/FormatListBulleted"));
+var _FormatListNumbered = _interopRequireDefault(require("@mui/icons-material/FormatListNumbered"));
+var _FormatQuote = _interopRequireDefault(require("@mui/icons-material/FormatQuote"));
+var _Code = _interopRequireDefault(require("@mui/icons-material/Code"));
+var _Link = _interopRequireDefault(require("@mui/icons-material/Link"));
+var _LinkOff = _interopRequireDefault(require("@mui/icons-material/LinkOff"));
+var _Undo = _interopRequireDefault(require("@mui/icons-material/Undo"));
+var _Redo = _interopRequireDefault(require("@mui/icons-material/Redo"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var theme = {
+  paragraph: 'lexical-paragraph',
+  quote: 'lexical-quote',
+  heading: {
+    h1: 'lexical-h1',
+    h2: 'lexical-h2',
+    h3: 'lexical-h3',
+    h4: 'lexical-h4',
+    h5: 'lexical-h5',
+    h6: 'lexical-h6'
+  },
+  list: {
+    nested: {
+      listitem: 'lexical-nested-listitem'
+    },
+    ol: 'lexical-ol',
+    ul: 'lexical-ul',
+    listitem: 'lexical-listitem'
+  },
+  text: {
+    bold: 'lexical-bold',
+    italic: 'lexical-italic',
+    underline: 'lexical-underline',
+    strikethrough: 'lexical-strikethrough',
+    code: 'lexical-code'
+  },
+  link: 'lexical-link',
+  code: 'lexical-code-block'
+};
+var editorStyles = "\n  .lexical-editor-container {\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;\n  }\n  .lexical-editor-inner {\n    position: relative;\n  }\n  .lexical-editor-input {\n    padding: 12px;\n    outline: none;\n    overflow-y: auto;\n  }\n  .lexical-editor-input:focus {\n    outline: none;\n  }\n  .lexical-placeholder {\n    position: absolute;\n    top: 12px;\n    left: 12px;\n    color: #999;\n    pointer-events: none;\n    user-select: none;\n  }\n  .lexical-paragraph {\n    margin: 0 0 8px 0;\n  }\n  .lexical-h1 { font-size: 2em; font-weight: bold; margin: 16px 0 8px 0; }\n  .lexical-h2 { font-size: 1.5em; font-weight: bold; margin: 14px 0 8px 0; }\n  .lexical-h3 { font-size: 1.17em; font-weight: bold; margin: 12px 0 8px 0; }\n  .lexical-h4 { font-size: 1em; font-weight: bold; margin: 10px 0 8px 0; }\n  .lexical-h5 { font-size: 0.83em; font-weight: bold; margin: 8px 0 8px 0; }\n  .lexical-h6 { font-size: 0.67em; font-weight: bold; margin: 6px 0 8px 0; }\n  .lexical-quote {\n    margin: 8px 0;\n    padding: 8px 16px;\n    border-left: 4px solid #ccc;\n    background: #f9f9f9;\n    font-style: italic;\n  }\n  .lexical-ul, .lexical-ol {\n    margin: 8px 0;\n    padding-left: 24px;\n  }\n  .lexical-listitem {\n    margin: 4px 0;\n  }\n  .lexical-bold { font-weight: bold; }\n  .lexical-italic { font-style: italic; }\n  .lexical-underline { text-decoration: underline; }\n  .lexical-strikethrough { text-decoration: line-through; }\n  .lexical-code {\n    background: #f0f0f0;\n    padding: 2px 4px;\n    border-radius: 3px;\n    font-family: monospace;\n  }\n  .lexical-link {\n    color: #0066cc;\n    text-decoration: underline;\n  }\n  .lexical-code-block {\n    background: #f5f5f5;\n    padding: 12px;\n    border-radius: 4px;\n    font-family: monospace;\n    overflow-x: auto;\n  }\n";
+
+// Toolbar button style to match react-draft-wysiwyg
+var toolbarButtonStyle = {
+  minWidth: 32,
+  width: 32,
+  height: 32,
+  padding: '4px',
+  margin: '2px',
+  borderRadius: '2px',
+  border: '1px solid transparent',
+  '&:hover': {
+    backgroundColor: '#f0f0f0',
+    border: '1px solid #ccc'
+  }
+};
+var activeButtonStyle = _objectSpread(_objectSpread({}, toolbarButtonStyle), {}, {
+  backgroundColor: '#e0e0e0',
+  border: '1px solid #ccc'
+});
+
+// HTML Import Plugin
+function HtmlImportPlugin(_ref) {
+  var initialHtml = _ref.initialHtml;
+  var _useLexicalComposerCo = (0, _LexicalComposerContext.useLexicalComposerContext)(),
+    _useLexicalComposerCo2 = _slicedToArray(_useLexicalComposerCo, 1),
+    editor = _useLexicalComposerCo2[0];
+  var _React$useState = _react["default"].useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    initialized = _React$useState2[0],
+    setInitialized = _React$useState2[1];
+  (0, _react.useEffect)(function () {
+    if (initialHtml && !initialized) {
+      editor.update(function () {
+        var parser = new DOMParser();
+        var dom = parser.parseFromString(initialHtml, 'text/html');
+        var nodes = (0, _html.$generateNodesFromDOM)(editor, dom);
+        var root = (0, _lexical.$getRoot)();
+        root.clear();
+        nodes.forEach(function (node) {
+          return root.append(node);
+        });
+      });
+      setInitialized(true);
+    }
+  }, [editor, initialHtml, initialized]);
+  return null;
+}
+
+// HTML Export Plugin
+function HtmlExportPlugin(_ref2) {
+  var onChange = _ref2.onChange;
+  var _useLexicalComposerCo3 = (0, _LexicalComposerContext.useLexicalComposerContext)(),
+    _useLexicalComposerCo4 = _slicedToArray(_useLexicalComposerCo3, 1),
+    editor = _useLexicalComposerCo4[0];
+  var handleChange = (0, _react.useCallback)(function () {
+    editor.update(function () {
+      var html = (0, _html.$generateHtmlFromNodes)(editor, null);
+      onChange(html);
+    });
+  }, [editor, onChange]);
+  return /*#__PURE__*/_react["default"].createElement(_LexicalOnChangePlugin.OnChangePlugin, {
+    onChange: handleChange
+  });
+}
+
+// Toolbar Component
+function Toolbar(_ref3) {
+  var isDisabled = _ref3.isDisabled;
+  var _useLexicalComposerCo5 = (0, _LexicalComposerContext.useLexicalComposerContext)(),
+    _useLexicalComposerCo6 = _slicedToArray(_useLexicalComposerCo5, 1),
+    editor = _useLexicalComposerCo6[0];
+  var _React$useState3 = _react["default"].useState(false),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    isBold = _React$useState4[0],
+    setIsBold = _React$useState4[1];
+  var _React$useState5 = _react["default"].useState(false),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    isItalic = _React$useState6[0],
+    setIsItalic = _React$useState6[1];
+  var _React$useState7 = _react["default"].useState(false),
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    isUnderline = _React$useState8[0],
+    setIsUnderline = _React$useState8[1];
+  var _React$useState9 = _react["default"].useState(false),
+    _React$useState10 = _slicedToArray(_React$useState9, 2),
+    isStrikethrough = _React$useState10[0],
+    setIsStrikethrough = _React$useState10[1];
+  var _React$useState11 = _react["default"].useState(false),
+    _React$useState12 = _slicedToArray(_React$useState11, 2),
+    isCode = _React$useState12[0],
+    setIsCode = _React$useState12[1];
+  var _React$useState13 = _react["default"].useState(false),
+    _React$useState14 = _slicedToArray(_React$useState13, 2),
+    isLink = _React$useState14[0],
+    setIsLink = _React$useState14[1];
+  var _React$useState15 = _react["default"].useState('paragraph'),
+    _React$useState16 = _slicedToArray(_React$useState15, 2),
+    blockType = _React$useState16[0],
+    setBlockType = _React$useState16[1];
+  var updateToolbar = (0, _react.useCallback)(function () {
+    var selection = (0, _lexical.$getSelection)();
+    if ((0, _lexical.$isRangeSelection)(selection)) {
+      setIsBold(selection.hasFormat('bold'));
+      setIsItalic(selection.hasFormat('italic'));
+      setIsUnderline(selection.hasFormat('underline'));
+      setIsStrikethrough(selection.hasFormat('strikethrough'));
+      setIsCode(selection.hasFormat('code'));
+    }
+  }, []);
+  (0, _react.useEffect)(function () {
+    return editor.registerUpdateListener(function (_ref4) {
+      var editorState = _ref4.editorState;
+      editorState.read(function () {
+        updateToolbar();
+      });
+    });
+  }, [editor, updateToolbar]);
+  var formatText = function formatText(format) {
+    editor.dispatchCommand(_lexical.FORMAT_TEXT_COMMAND, format);
+  };
+  var formatBlock = function formatBlock(type) {
+    editor.update(function () {
+      var selection = (0, _lexical.$getSelection)();
+      if ((0, _lexical.$isRangeSelection)(selection)) {
+        if (type === 'paragraph') {
+          (0, _selection.$setBlocksType)(selection, function () {
+            return (0, _lexical.$createParagraphNode)();
+          });
+        } else if (type === 'quote') {
+          (0, _selection.$setBlocksType)(selection, function () {
+            return (0, _richText.$createQuoteNode)();
+          });
+        } else if (type.startsWith('h')) {
+          (0, _selection.$setBlocksType)(selection, function () {
+            return (0, _richText.$createHeadingNode)(type);
+          });
+        }
+        setBlockType(type);
+      }
+    });
+  };
+  var formatList = function formatList(listType) {
+    if (listType === 'bullet') {
+      editor.dispatchCommand(_list.INSERT_UNORDERED_LIST_COMMAND, undefined);
+    } else if (listType === 'number') {
+      editor.dispatchCommand(_list.INSERT_ORDERED_LIST_COMMAND, undefined);
+    }
+  };
+  var insertLink = function insertLink() {
+    var url = prompt('Enter URL:');
+    if (url) {
+      editor.dispatchCommand(_link.TOGGLE_LINK_COMMAND, url);
+    }
+  };
+  var removeLink = function removeLink() {
+    editor.dispatchCommand(_link.TOGGLE_LINK_COMMAND, null);
+  };
+  var undo = function undo() {
+    editor.dispatchCommand('UNDO', undefined);
+  };
+  var redo = function redo() {
+    editor.dispatchCommand('REDO', undefined);
+  };
+  if (isDisabled) {
+    return null;
+  }
+  return /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+    sx: {
+      display: 'flex',
+      flexWrap: 'wrap',
+      alignItems: 'center',
+      padding: '8px',
+      borderBottom: '1px solid #ccc',
+      backgroundColor: '#f9f9f9',
+      gap: '4px'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Select["default"], {
+    size: "small",
+    value: blockType,
+    onChange: function onChange(e) {
+      return formatBlock(e.target.value);
+    },
+    sx: {
+      minWidth: 120,
+      height: 32,
+      mr: 1
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: "paragraph"
+  }, "Normal"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: "h1"
+  }, "Heading 1"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: "h2"
+  }, "Heading 2"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: "h3"
+  }, "Heading 3"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: "h4"
+  }, "Heading 4"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: "h5"
+  }, "Heading 5"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: "h6"
+  }, "Heading 6"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: "quote"
+  }, "Blockquote")), /*#__PURE__*/_react["default"].createElement(_Divider["default"], {
+    orientation: "vertical",
+    flexItem: true,
+    sx: {
+      mx: 1
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+    title: "Bold (Ctrl+B)"
+  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    size: "small",
+    onClick: function onClick() {
+      return formatText('bold');
+    },
+    sx: isBold ? activeButtonStyle : toolbarButtonStyle
+  }, /*#__PURE__*/_react["default"].createElement(_FormatBold["default"], {
+    fontSize: "small"
+  }))), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+    title: "Italic (Ctrl+I)"
+  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    size: "small",
+    onClick: function onClick() {
+      return formatText('italic');
+    },
+    sx: isItalic ? activeButtonStyle : toolbarButtonStyle
+  }, /*#__PURE__*/_react["default"].createElement(_FormatItalic["default"], {
+    fontSize: "small"
+  }))), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+    title: "Underline (Ctrl+U)"
+  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    size: "small",
+    onClick: function onClick() {
+      return formatText('underline');
+    },
+    sx: isUnderline ? activeButtonStyle : toolbarButtonStyle
+  }, /*#__PURE__*/_react["default"].createElement(_FormatUnderlined["default"], {
+    fontSize: "small"
+  }))), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+    title: "Strikethrough"
+  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    size: "small",
+    onClick: function onClick() {
+      return formatText('strikethrough');
+    },
+    sx: isStrikethrough ? activeButtonStyle : toolbarButtonStyle
+  }, /*#__PURE__*/_react["default"].createElement(_StrikethroughS["default"], {
+    fontSize: "small"
+  }))), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+    title: "Code"
+  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    size: "small",
+    onClick: function onClick() {
+      return formatText('code');
+    },
+    sx: isCode ? activeButtonStyle : toolbarButtonStyle
+  }, /*#__PURE__*/_react["default"].createElement(_Code["default"], {
+    fontSize: "small"
+  }))), /*#__PURE__*/_react["default"].createElement(_Divider["default"], {
+    orientation: "vertical",
+    flexItem: true,
+    sx: {
+      mx: 1
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+    title: "Bullet List"
+  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    size: "small",
+    onClick: function onClick() {
+      return formatList('bullet');
+    },
+    sx: toolbarButtonStyle
+  }, /*#__PURE__*/_react["default"].createElement(_FormatListBulleted["default"], {
+    fontSize: "small"
+  }))), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+    title: "Numbered List"
+  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    size: "small",
+    onClick: function onClick() {
+      return formatList('number');
+    },
+    sx: toolbarButtonStyle
+  }, /*#__PURE__*/_react["default"].createElement(_FormatListNumbered["default"], {
+    fontSize: "small"
+  }))), /*#__PURE__*/_react["default"].createElement(_Divider["default"], {
+    orientation: "vertical",
+    flexItem: true,
+    sx: {
+      mx: 1
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+    title: "Insert Link"
+  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    size: "small",
+    onClick: insertLink,
+    sx: toolbarButtonStyle
+  }, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+    fontSize: "small"
+  }))), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+    title: "Remove Link"
+  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    size: "small",
+    onClick: removeLink,
+    sx: toolbarButtonStyle
+  }, /*#__PURE__*/_react["default"].createElement(_LinkOff["default"], {
+    fontSize: "small"
+  }))), /*#__PURE__*/_react["default"].createElement(_Divider["default"], {
+    orientation: "vertical",
+    flexItem: true,
+    sx: {
+      mx: 1
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+    title: "Undo (Ctrl+Z)"
+  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    size: "small",
+    onClick: undo,
+    sx: toolbarButtonStyle
+  }, /*#__PURE__*/_react["default"].createElement(_Undo["default"], {
+    fontSize: "small"
+  }))), /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+    title: "Redo (Ctrl+Y)"
+  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    size: "small",
+    onClick: redo,
+    sx: toolbarButtonStyle
+  }, /*#__PURE__*/_react["default"].createElement(_Redo["default"], {
+    fontSize: "small"
+  }))));
+}
+function onError(error) {
+  console.error('Lexical error:', error);
+}
+function LexicalEditor(_ref5) {
+  var initialHtml = _ref5.initialHtml,
+    onChange = _ref5.onChange,
+    _ref5$height = _ref5.height,
+    height = _ref5$height === void 0 ? 400 : _ref5$height,
+    _ref5$isDisabled = _ref5.isDisabled,
+    isDisabled = _ref5$isDisabled === void 0 ? false : _ref5$isDisabled;
+  var initialConfig = {
+    namespace: 'RichTextEditor',
+    theme: theme,
+    onError: onError,
+    nodes: [_richText.HeadingNode, _richText.QuoteNode, _list.ListNode, _list.ListItemNode, _link.LinkNode, _code.CodeNode],
+    editable: !isDisabled
+  };
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("style", null, editorStyles), /*#__PURE__*/_react["default"].createElement(_LexicalComposer.LexicalComposer, {
+    initialConfig: initialConfig
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "lexical-editor-container"
+  }, /*#__PURE__*/_react["default"].createElement(Toolbar, {
+    isDisabled: isDisabled
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "lexical-editor-inner"
+  }, /*#__PURE__*/_react["default"].createElement(_LexicalRichTextPlugin.RichTextPlugin, {
+    contentEditable: /*#__PURE__*/_react["default"].createElement(_LexicalContentEditable.ContentEditable, {
+      className: "lexical-editor-input",
+      style: {
+        minHeight: height,
+        maxHeight: height
+      }
+    }),
+    placeholder: /*#__PURE__*/_react["default"].createElement("div", {
+      className: "lexical-placeholder"
+    }, "Enter text..."),
+    ErrorBoundary: _LexicalErrorBoundary.LexicalErrorBoundary
+  }), /*#__PURE__*/_react["default"].createElement(_LexicalHistoryPlugin.HistoryPlugin, null), /*#__PURE__*/_react["default"].createElement(_LexicalListPlugin.ListPlugin, null), /*#__PURE__*/_react["default"].createElement(_LexicalLinkPlugin.LinkPlugin, null), /*#__PURE__*/_react["default"].createElement(HtmlImportPlugin, {
+    initialHtml: initialHtml
+  }), /*#__PURE__*/_react["default"].createElement(HtmlExportPlugin, {
+    onChange: onChange
+  })))));
+}
+"use strict";
+
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -6439,8 +6898,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.RichTextEditor = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _draftJs = require("draft-js");
-var _draftjsToHtml = _interopRequireDefault(require("draftjs-to-html"));
 var _dynamic = _interopRequireDefault(require("next/dynamic"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
@@ -6457,11 +6914,12 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var Editor = (0, _dynamic["default"])(function () {
+// Dynamically import the editor to avoid SSR issues
+var LexicalEditor = (0, _dynamic["default"])(function () {
   return Promise.resolve().then(function () {
-    return _interopRequireWildcard(require('react-draft-wysiwyg'));
+    return _interopRequireWildcard(require('./LexicalEditor'));
   }).then(function (mod) {
-    return mod.Editor;
+    return mod.LexicalEditor;
   });
 }, {
   ssr: false
@@ -6473,47 +6931,23 @@ var RichTextEditor = exports.RichTextEditor = function RichTextEditor(_ref) {
     height = _ref$height === void 0 ? 400 : _ref$height,
     _ref$isDisabled = _ref.isDisabled,
     isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled;
-  var _useState = (0, _react.useState)(_draftJs.EditorState.createEmpty()),
-    _useState2 = _slicedToArray(_useState, 2),
-    editorState = _useState2[0],
-    setEditorState = _useState2[1];
-  var onEditorStateChange = function onEditorStateChange(editorState) {
-    setEditorState(editorState);
-  };
+  var _React$useState = _react["default"].useState(html || ''),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    editorHtml = _React$useState2[0],
+    setEditorHtml = _React$useState2[1];
   (0, _react.useEffect)(function () {
     if (html != null) {
-      var contentBlock = (0, _draftJs.convertFromHTML)(html);
-      if (contentBlock) {
-        var contentState = _draftJs.ContentState.createFromBlockArray(contentBlock.contentBlocks);
-        var _editorState = _draftJs.EditorState.createWithContent(contentState);
-        setEditorState(_editorState);
-      }
+      setEditorHtml(html);
     }
   }, [html]);
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(Editor, {
-    editorState: editorState,
-    toolbarClassName: "toolbarClassName",
-    wrapperClassName: "wrapperClassName",
-    editorClassName: "editorClassName",
-    readOnly: isDisabled,
-    editorStyle: {
-      height: height
-    },
-    onEditorStateChange: onEditorStateChange
-    // mention={{
-    //   separator: " ",
-    //   trigger: "@",
-    //   suggestions: [
-    //     { text: "APPLE", value: "apple" },
-    //     { text: "BANANA", value: "banana", url: "banana" },
-    //     { text: "CHERRY", value: "cherry", url: "cherry" },
-    //     { text: "DURIAN", value: "durian", url: "durian" },
-    //     { text: "EGGFRUIT", value: "eggfruit", url: "eggfruit" },
-    //     { text: "FIG", value: "fig", url: "fig" },
-    //     { text: "GRAPEFRUIT", value: "grapefruit", url: "grapefruit" },
-    //     { text: "HONEYDEW", value: "honeydew", url: "honeydew" }
-    //   ]
-    // }}
+  var handleChange = (0, _react.useCallback)(function (newHtml) {
+    setEditorHtml(newHtml);
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(LexicalEditor, {
+    initialHtml: html,
+    onChange: handleChange,
+    height: height,
+    isDisabled: isDisabled
   }), /*#__PURE__*/_react["default"].createElement("hr", null), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
     sx: {
       textAlign: "right"
@@ -6526,7 +6960,7 @@ var RichTextEditor = exports.RichTextEditor = function RichTextEditor(_ref) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.next = 2;
-            return onSave((0, _draftjsToHtml["default"])((0, _draftJs.convertToRaw)(editorState.getCurrentContent())));
+            return onSave(editorHtml);
           case 2:
           case "end":
             return _context.stop();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "authscape",
-  "version": "1.0.740",
+  "version": "1.0.744",
   "description": "",
   "main": "index.js",
   "files": [
@@ -31,7 +31,15 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
+    "@lexical/code": "^0.21.0",
+    "@lexical/html": "^0.21.0",
+    "@lexical/link": "^0.21.0",
+    "@lexical/list": "^0.21.0",
+    "@lexical/react": "^0.21.0",
+    "@lexical/rich-text": "^0.21.0",
+    "@lexical/selection": "^0.21.0",
     "@microsoft/signalr": "^8.0.0",
+    "lexical": "^0.21.0",
     "audit": "^0.0.6",
     "axios": "^1.6.1",
     "eslint-config-next": "^16.0.3",