@chayns-components/emoji-input 5.0.0-beta.576 → 5.0.0-beta.578

package/lib/cjs/api/item-storage/get.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getEmojiHistory = void 0;
+var _externalServerUrl = require("../../constants/externalServerUrl");
+const getEmojiHistory = async ({
+  accessToken,
+  personId
+}) => {
+  const requestInit = {
+    headers: {
+      Authorization: `Bearer ${accessToken}`
+    },
+    method: 'GET'
+  };
+  const url = `${_externalServerUrl.ITEM_STORAGE_BASE_URL}/7/users/${personId}/keys/emojis`;
+  const response = await fetch(url, requestInit);
+  if (response.status === 200) {
+    try {
+      const data = await response.json();
+      return {
+        data: data.value,
+        status: 200
+      };
+    } catch (e) {
+      // Do nothing
+    }
+  }
+  return {
+    status: response.status
+  };
+};
+exports.getEmojiHistory = getEmojiHistory;
+//# sourceMappingURL=get.js.map

package/lib/cjs/api/item-storage/get.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get.js","names":["_externalServerUrl","require","getEmojiHistory","accessToken","personId","requestInit","headers","Authorization","method","url","ITEM_STORAGE_BASE_URL","response","fetch","status","data","json","value","e","exports"],"sources":["../../../../src/api/item-storage/get.ts"],"sourcesContent":["import { ITEM_STORAGE_BASE_URL } from '../../constants/externalServerUrl';\nimport type { HistoryItem } from '../../hooks/emojiHistory';\nimport type { ApiFunctionResult } from '../../types/api';\n\ninterface GetEmojiHistoryOptions {\n    accessToken: string;\n    personId: string;\n}\n\ninterface GetEmojiHistoryResponseData {\n    key: string;\n    personId: string;\n    schemeId: string;\n    value: HistoryItem[];\n}\n\nexport const getEmojiHistory = async ({\n    accessToken,\n    personId,\n}: GetEmojiHistoryOptions): Promise<ApiFunctionResult<HistoryItem[]>> => {\n    const requestInit: RequestInit = {\n        headers: {\n            Authorization: `Bearer ${accessToken}`,\n        },\n        method: 'GET',\n    };\n\n    const url = `${ITEM_STORAGE_BASE_URL}/7/users/${personId}/keys/emojis`;\n\n    const response = await fetch(url, requestInit);\n\n    if (response.status === 200) {\n        try {\n            const data = (await response.json()) as GetEmojiHistoryResponseData;\n\n            return { data: data.value, status: 200 };\n        } catch (e) {\n            // Do nothing\n        }\n    }\n\n    return { status: response.status };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AAgBO,MAAMC,eAAe,GAAG,MAAAA,CAAO;EAClCC,WAAW;EACXC;AACoB,CAAC,KAAgD;EACrE,MAAMC,WAAwB,GAAG;IAC7BC,OAAO,EAAE;MACLC,aAAa,EAAG,UAASJ,WAAY;IACzC,CAAC;IACDK,MAAM,EAAE;EACZ,CAAC;EAED,MAAMC,GAAG,GAAI,GAAEC,wCAAsB,YAAWN,QAAS,cAAa;EAEtE,MAAMO,QAAQ,GAAG,MAAMC,KAAK,CAACH,GAAG,EAAEJ,WAAW,CAAC;EAE9C,IAAIM,QAAQ,CAACE,MAAM,KAAK,GAAG,EAAE;IACzB,IAAI;MACA,MAAMC,IAAI,GAAI,MAAMH,QAAQ,CAACI,IAAI,CAAC,CAAiC;MAEnE,OAAO;QAAED,IAAI,EAAEA,IAAI,CAACE,KAAK;QAAEH,MAAM,EAAE;MAAI,CAAC;IAC5C,CAAC,CAAC,OAAOI,CAAC,EAAE;MACR;IAAA;EAER;EAEA,OAAO;IAAEJ,MAAM,EAAEF,QAAQ,CAACE;EAAO,CAAC;AACtC,CAAC;AAACK,OAAA,CAAAhB,eAAA,GAAAA,eAAA","ignoreList":[]}

package/lib/cjs/api/item-storage/put.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.putEmojiHistory = void 0;
+var _externalServerUrl = require("../../constants/externalServerUrl");
+const putEmojiHistory = async ({
+  accessToken,
+  personId,
+  value
+}) => {
+  const requestInit = {
+    body: JSON.stringify({
+      value
+    }),
+    headers: {
+      Authorization: `Bearer ${accessToken}`,
+      'Content-Type': 'application/json'
+    },
+    method: 'PUT'
+  };
+  const url = `${_externalServerUrl.ITEM_STORAGE_BASE_URL}/7/users/${personId}/keys/emojis`;
+  const response = await fetch(url, requestInit);
+  if (response.status === 201) {
+    try {
+      const data = await response.json();
+      return {
+        data: data.value,
+        status: 200
+      };
+    } catch (e) {
+      // Do nothing
+    }
+  }
+  return {
+    status: response.status
+  };
+};
+exports.putEmojiHistory = putEmojiHistory;
+//# sourceMappingURL=put.js.map

package/lib/cjs/api/item-storage/put.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"put.js","names":["_externalServerUrl","require","putEmojiHistory","accessToken","personId","value","requestInit","body","JSON","stringify","headers","Authorization","method","url","ITEM_STORAGE_BASE_URL","response","fetch","status","data","json","e","exports"],"sources":["../../../../src/api/item-storage/put.ts"],"sourcesContent":["import { ITEM_STORAGE_BASE_URL } from '../../constants/externalServerUrl';\nimport type { HistoryItem } from '../../hooks/emojiHistory';\nimport type { ApiFunctionResult } from '../../types/api';\n\ninterface PutEmojiHistoryOptions {\n    accessToken: string;\n    personId: string;\n    value: HistoryItem[];\n}\n\ninterface PutEmojiHistoryResponseData {\n    key: string;\n    personId: string;\n    schemeId: string;\n    value: HistoryItem[];\n}\n\nexport const putEmojiHistory = async ({\n    accessToken,\n    personId,\n    value,\n}: PutEmojiHistoryOptions): Promise<ApiFunctionResult<HistoryItem[]>> => {\n    const requestInit: RequestInit = {\n        body: JSON.stringify({ value }),\n        headers: {\n            Authorization: `Bearer ${accessToken}`,\n            'Content-Type': 'application/json',\n        },\n        method: 'PUT',\n    };\n\n    const url = `${ITEM_STORAGE_BASE_URL}/7/users/${personId}/keys/emojis`;\n\n    const response = await fetch(url, requestInit);\n\n    if (response.status === 201) {\n        try {\n            const data = (await response.json()) as PutEmojiHistoryResponseData;\n\n            return { data: data.value, status: 200 };\n        } catch (e) {\n            // Do nothing\n        }\n    }\n\n    return { status: response.status };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AAiBO,MAAMC,eAAe,GAAG,MAAAA,CAAO;EAClCC,WAAW;EACXC,QAAQ;EACRC;AACoB,CAAC,KAAgD;EACrE,MAAMC,WAAwB,GAAG;IAC7BC,IAAI,EAAEC,IAAI,CAACC,SAAS,CAAC;MAAEJ;IAAM,CAAC,CAAC;IAC/BK,OAAO,EAAE;MACLC,aAAa,EAAG,UAASR,WAAY,EAAC;MACtC,cAAc,EAAE;IACpB,CAAC;IACDS,MAAM,EAAE;EACZ,CAAC;EAED,MAAMC,GAAG,GAAI,GAAEC,wCAAsB,YAAWV,QAAS,cAAa;EAEtE,MAAMW,QAAQ,GAAG,MAAMC,KAAK,CAACH,GAAG,EAAEP,WAAW,CAAC;EAE9C,IAAIS,QAAQ,CAACE,MAAM,KAAK,GAAG,EAAE;IACzB,IAAI;MACA,MAAMC,IAAI,GAAI,MAAMH,QAAQ,CAACI,IAAI,CAAC,CAAiC;MAEnE,OAAO;QAAED,IAAI,EAAEA,IAAI,CAACb,KAAK;QAAEY,MAAM,EAAE;MAAI,CAAC;IAC5C,CAAC,CAAC,OAAOG,CAAC,EAAE;MACR;IAAA;EAER;EAEA,OAAO;IAAEH,MAAM,EAAEF,QAAQ,CAACE;EAAO,CAAC;AACtC,CAAC;AAACI,OAAA,CAAAnB,eAAA,GAAAA,eAAA","ignoreList":[]}

package/lib/cjs/components/emoji-input/EmojiInput.js

@@ -0,0 +1,466 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _core = require("@chayns-components/core");
+var _chaynsApi = require("chayns-api");
+var _framerMotion = require("framer-motion");
+var _react = _interopRequireWildcard(require("react"));
+var _emoji = require("../../utils/emoji");
+var _environment = require("../../utils/environment");
+var _insert = require("../../utils/insert");
+var _selection = require("../../utils/selection");
+var _text = require("../../utils/text");
+var _EmojiPickerPopup = _interopRequireDefault(require("../emoji-picker-popup/EmojiPickerPopup"));
+var _EmojiInput = require("./EmojiInput.styles");
+var _PrefixElement = _interopRequireDefault(require("./prefix-element/PrefixElement"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
+const EmojiInput = /*#__PURE__*/(0, _react.forwardRef)(({
+  accessToken,
+  height,
+  inputId,
+  isDisabled,
+  maxHeight = '190px',
+  onBlur,
+  onFocus,
+  onInput,
+  onKeyDown,
+  onPrefixElementRemove,
+  onPopupVisibilityChange,
+  personId,
+  placeholder,
+  popupAlignment,
+  prefixElement,
+  rightElement,
+  shouldHidePlaceholderOnFocus = true,
+  shouldPreventEmojiPicker,
+  value
+}, ref) => {
+  const [isMobile] = (0, _react.useState)((0, _environment.getIsMobile)());
+  const [plainTextValue, setPlainTextValue] = (0, _react.useState)(value);
+  const [hasFocus, setHasFocus] = (0, _react.useState)(false);
+  const [progressDuration, setProgressDuration] = (0, _react.useState)(0);
+  const [labelWidth, setLabelWidth] = (0, _react.useState)(0);
+  const [isPopupVisible, setIsPopupVisible] = (0, _react.useState)(false);
+  const [isPrefixAnimationFinished, setIsPrefixAnimationFinished] = (0, _react.useState)(!prefixElement);
+  const [prefixElementWidth, setPrefixElementWidth] = (0, _react.useState)();
+  const areaProvider = (0, _react.useContext)(_core.AreaContext);
+  const editorRef = (0, _react.useRef)(null);
+  const prefixElementRef = (0, _react.useRef)(null);
+  const hasPrefixRendered = (0, _react.useRef)(false);
+  const shouldDeleteOneMoreBackwards = (0, _react.useRef)(false);
+  const shouldDeleteOneMoreForwards = (0, _react.useRef)(false);
+  const valueRef = (0, _react.useRef)(value);
+  const {
+    browser
+  } = (0, _chaynsApi.getDevice)();
+  const shouldChangeColor = (0, _react.useMemo)(() => areaProvider.shouldChangeColor ?? false, [areaProvider.shouldChangeColor]);
+
+  /**
+   * This function updates the content of the 'contentEditable' element if the new text is
+   * different from the previous content. So this is only true if, for example, a text like ":-)"
+   * has been replaced to the corresponding emoji.
+   *
+   * When updating the HTML, the current cursor position is saved before replacing the content, so
+   * that it can be set again afterward.
+   */
+  const handleUpdateHTML = (0, _react.useCallback)(html => {
+    if (!editorRef.current) {
+      return;
+    }
+    let newInnerHTML = (0, _emoji.convertEmojisToUnicode)(html);
+    newInnerHTML = (0, _text.convertTextToHTML)(newInnerHTML);
+    if (newInnerHTML !== editorRef.current.innerHTML) {
+      (0, _selection.saveSelection)(editorRef.current, {
+        shouldIgnoreEmptyTextNodes: true
+      });
+      editorRef.current.innerHTML = newInnerHTML;
+      (0, _selection.restoreSelection)(editorRef.current);
+    }
+  }, []);
+  const handleBeforeInput = (0, _react.useCallback)(event => {
+    if (!editorRef.current) {
+      return;
+    }
+    if (isDisabled) {
+      event.preventDefault();
+      event.stopPropagation();
+      return;
+    }
+    const {
+      data,
+      type
+    } = event.nativeEvent;
+    if (type === 'textInput' && data && data.includes('\n')) {
+      event.preventDefault();
+      event.stopPropagation();
+      const text = (0, _emoji.convertEmojisToUnicode)(data);
+      (0, _insert.insertTextAtCursorPosition)({
+        editorElement: editorRef.current,
+        text
+      });
+      const newEvent = new Event('input', {
+        bubbles: true
+      });
+      editorRef.current.dispatchEvent(newEvent);
+    }
+  }, [isDisabled]);
+
+  /**
+   * This function handles the 'input' events of the 'contentEditable' element and also passes the
+   * respective event up accordingly if the 'onInput' property is a function.
+   */
+  const handleInput = (0, _react.useCallback)(event => {
+    if (!editorRef.current) {
+      return;
+    }
+    if (isDisabled) {
+      event.stopPropagation();
+      event.preventDefault();
+    }
+    if (shouldDeleteOneMoreBackwards.current) {
+      shouldDeleteOneMoreBackwards.current = false;
+      shouldDeleteOneMoreForwards.current = false;
+      event.preventDefault();
+      event.stopPropagation();
+
+      // noinspection JSDeprecatedSymbols
+      document.execCommand('delete', false);
+      return;
+    }
+    if (shouldDeleteOneMoreForwards.current) {
+      shouldDeleteOneMoreBackwards.current = false;
+      shouldDeleteOneMoreForwards.current = false;
+      event.preventDefault();
+      event.stopPropagation();
+
+      // noinspection JSDeprecatedSymbols
+      document.execCommand('forwardDelete', false);
+      return;
+    }
+    handleUpdateHTML(editorRef.current.innerHTML);
+    const text = (0, _text.convertHTMLToText)(editorRef.current.innerHTML);
+    setPlainTextValue(text);
+    if (typeof onInput === 'function') {
+      onInput(event, text);
+    }
+  }, [handleUpdateHTML, isDisabled, onInput]);
+  const handleKeyDown = (0, _react.useCallback)(event => {
+    if (isDisabled) {
+      event.preventDefault();
+      event.stopPropagation();
+      return;
+    }
+    if (event.key === 'Enter' && isPopupVisible) {
+      event.preventDefault();
+      return;
+    }
+    if (typeof onKeyDown === 'function') {
+      onKeyDown(event);
+    }
+    if (event.key === 'Enter' && !event.isPropagationStopped() && editorRef.current) {
+      event.preventDefault();
+
+      // noinspection JSDeprecatedSymbols
+      document.execCommand('insertLineBreak', false);
+    }
+    if (event.key === 'Backspace' || event.key === 'Delete') {
+      const charCodeThatWillBeDeleted = (0, _selection.getCharCodeThatWillBeDeleted)(event);
+      if (charCodeThatWillBeDeleted === 8203) {
+        if (event.key === 'Backspace') {
+          shouldDeleteOneMoreBackwards.current = true;
+        } else {
+          shouldDeleteOneMoreForwards.current = true;
+        }
+      }
+    }
+  }, [isDisabled, isPopupVisible, onKeyDown]);
+  const handlePopupVisibility = isVisible => {
+    setIsPopupVisible(isVisible);
+    if (typeof onPopupVisibilityChange === 'function') {
+      onPopupVisibilityChange(isVisible);
+    }
+  };
+
+  /**
+   * This function prevents formatting from being adopted when texts are inserted. To do this, the
+   * plain text is read from the event after the default behavior has been prevented. The plain
+   * text is then inserted at the correct position in the input field using the
+   * 'insertTextAtCursorPosition' function.
+   */
+  const handlePaste = (0, _react.useCallback)(event => {
+    if (editorRef.current) {
+      event.preventDefault();
+      if (isDisabled) {
+        event.stopPropagation();
+        return;
+      }
+      let text = event.clipboardData.getData('text/plain');
+      text = (0, _emoji.convertEmojisToUnicode)(text);
+      (0, _insert.insertTextAtCursorPosition)({
+        editorElement: editorRef.current,
+        text
+      });
+      const newEvent = new Event('input', {
+        bubbles: true
+      });
+      editorRef.current.dispatchEvent(newEvent);
+    }
+  }, [isDisabled]);
+
+  /**
+   * This function uses the 'insertTextAtCursorPosition' function to insert the emoji at the
+   * correct position in the editor element.
+   *
+   * At the end an 'input' event is dispatched, so that the function 'handleInput' is triggered,
+   * which in turn executes the 'onInput' function from the props. So this serves to ensure that
+   * the event is also passed through to the top when inserting via the popup.
+   */
+  const handlePopupSelect = (0, _react.useCallback)(emoji => {
+    if (editorRef.current) {
+      (0, _insert.insertTextAtCursorPosition)({
+        editorElement: editorRef.current,
+        text: emoji
+      });
+      const event = new Event('input', {
+        bubbles: true
+      });
+      editorRef.current.dispatchEvent(event);
+    }
+  }, []);
+  (0, _react.useEffect)(() => {
+    var _editorRef$current;
+    if (typeof onPrefixElementRemove !== 'function') {
+      return;
+    }
+    if (!hasPrefixRendered.current) {
+      return;
+    }
+    const convertedText = (0, _text.convertHTMLToText)(((_editorRef$current = editorRef.current) === null || _editorRef$current === void 0 ? void 0 : _editorRef$current.innerHTML) ?? '').replace(' ', ' ');
+    const convertedPrefix = prefixElement && prefixElement.replace(' ', ' ');
+    if (convertedPrefix && convertedText.includes(convertedPrefix) && convertedText.length > convertedPrefix.length || convertedPrefix === convertedText) {
+      return;
+    }
+    onPrefixElementRemove();
+    hasPrefixRendered.current = false;
+  }, [onPrefixElementRemove, plainTextValue.length, prefixElement]);
+  (0, _react.useEffect)(() => {
+    if (value !== plainTextValue) {
+      setPlainTextValue(value);
+      handleUpdateHTML(value);
+    }
+  }, [handleUpdateHTML, plainTextValue, value]);
+
+  // This effect is used to call the 'handleUpdateHTML' function once after the component has been
+  // rendered. This is necessary because the 'contentEditable' element otherwise does not display
+  // the HTML content correctly when the component is rendered for the first time.
+  (0, _react.useLayoutEffect)(() => {
+    handleUpdateHTML(valueRef.current);
+  }, [handleUpdateHTML]);
+  const handleInsertTextAtCursorPosition = (0, _react.useCallback)(text => {
+    if (editorRef.current) {
+      (0, _insert.insertTextAtCursorPosition)({
+        editorElement: editorRef.current,
+        text
+      });
+      const newEvent = new Event('input', {
+        bubbles: true
+      });
+      editorRef.current.dispatchEvent(newEvent);
+    }
+  }, []);
+  const handleReplaceText = (0, _react.useCallback)((searchText, pasteText) => {
+    if (editorRef.current) {
+      (0, _insert.replaceText)({
+        editorElement: editorRef.current,
+        searchText,
+        pasteText
+      });
+      const newEvent = new Event('input', {
+        bubbles: true
+      });
+      editorRef.current.dispatchEvent(newEvent);
+    }
+  }, []);
+  const handleStartProgress = (0, _react.useCallback)(duration => {
+    setProgressDuration(duration);
+  }, []);
+  const handleStopProgress = (0, _react.useCallback)(() => {
+    setProgressDuration(0);
+  }, []);
+  (0, _react.useImperativeHandle)(ref, () => ({
+    insertTextAtCursorPosition: handleInsertTextAtCursorPosition,
+    replaceText: handleReplaceText,
+    startProgress: handleStartProgress,
+    stopProgress: handleStopProgress
+  }), [handleInsertTextAtCursorPosition, handleReplaceText, handleStartProgress, handleStopProgress]);
+  (0, _react.useEffect)(() => {
+    /**
+     * This function ensures that the input field does not lose focus when the popup is opened
+     * or an emoji is selected in it. For this purpose the corresponding elements get the class
+     * 'prevent-lose-focus'.
+     *
+     * The class can also be set to any other elements that should also not cause the input
+     * field to lose focus.
+     */
+    const handlePreventLoseFocus = event => {
+      var _element$parentElemen, _element$parentElemen2;
+      const element = event.target;
+      if (element.classList.contains('prevent-lose-focus') || (_element$parentElemen = element.parentElement) !== null && _element$parentElemen !== void 0 && _element$parentElemen.classList.contains('prevent-lose-focus') || (_element$parentElemen2 = element.parentElement) !== null && _element$parentElemen2 !== void 0 && (_element$parentElemen2 = _element$parentElemen2.parentElement) !== null && _element$parentElemen2 !== void 0 && _element$parentElemen2.classList.contains('prevent-lose-focus')) {
+        event.preventDefault();
+        event.stopPropagation();
+      }
+    };
+    document.body.addEventListener('mousedown', handlePreventLoseFocus);
+    return () => {
+      document.body.removeEventListener('mousedown', handlePreventLoseFocus);
+    };
+  }, []);
+  const shouldShowPlaceholder = (0, _react.useMemo)(() => {
+    var _editorRef$current2;
+    if (!isPrefixAnimationFinished) {
+      return false;
+    }
+    const isJustPrefixElement = prefixElement && prefixElement === (0, _text.convertHTMLToText)(((_editorRef$current2 = editorRef.current) === null || _editorRef$current2 === void 0 ? void 0 : _editorRef$current2.innerHTML) ?? '');
+    const shouldRenderPlaceholder = prefixElement && !plainTextValue || (prefixElement ? prefixElementWidth && prefixElementWidth > 0 : true);
+    switch (true) {
+      case (!plainTextValue || isJustPrefixElement) && shouldHidePlaceholderOnFocus && !hasFocus:
+      case (!plainTextValue || isJustPrefixElement) && !shouldHidePlaceholderOnFocus:
+        return shouldRenderPlaceholder;
+      case (!plainTextValue || isJustPrefixElement) && shouldHidePlaceholderOnFocus && hasFocus:
+        return false;
+      default:
+        return false;
+    }
+  }, [isPrefixAnimationFinished, hasFocus, plainTextValue, prefixElement, shouldHidePlaceholderOnFocus, prefixElementWidth]);
+  (0, _react.useEffect)(() => {
+    if (prefixElement) {
+      setIsPrefixAnimationFinished(false);
+    }
+  }, [prefixElement]);
+  const handleFocus = event => {
+    if (typeof onFocus === 'function' && !isDisabled) {
+      onFocus(event);
+    }
+    setHasFocus(true);
+  };
+  const handleBlur = event => {
+    if (typeof onBlur === 'function' && !isDisabled) {
+      onBlur(event);
+    }
+    setHasFocus(false);
+  };
+  (0, _react.useEffect)(() => {
+    if (editorRef.current && prefixElement) {
+      const text = (0, _emoji.convertEmojisToUnicode)(prefixElement);
+      (0, _insert.insertTextAtCursorPosition)({
+        editorElement: editorRef.current,
+        text
+      });
+      handleUpdateHTML(prefixElement);
+      hasPrefixRendered.current = true;
+    }
+  }, [handleUpdateHTML, prefixElement]);
+  (0, _react.useEffect)(() => {
+    var _editorRef$current3;
+    if (prefixElementRef.current && prefixElement && prefixElement === (0, _text.convertHTMLToText)(((_editorRef$current3 = editorRef.current) === null || _editorRef$current3 === void 0 ? void 0 : _editorRef$current3.innerHTML) ?? '')) {
+      setPrefixElementWidth(prefixElementRef.current.offsetWidth + 2);
+    } else {
+      setPrefixElementWidth(undefined);
+    }
+  }, [plainTextValue, prefixElement]);
+  (0, _react.useEffect)(() => {
+    const handleResize = () => {
+      if (editorRef.current) {
+        setLabelWidth(editorRef.current.offsetWidth);
+      }
+    };
+    const resizeObserver = new ResizeObserver(handleResize);
+    if (editorRef.current) {
+      resizeObserver.observe(editorRef.current);
+    }
+    return () => {
+      resizeObserver.disconnect();
+    };
+  }, []);
+  (0, _react.useEffect)(() => {
+    const blurElement = () => {
+      if (editorRef.current && document.activeElement === editorRef.current && isDisabled) {
+        editorRef.current.blur();
+      }
+    };
+    document.addEventListener('focus', blurElement, true);
+    return () => {
+      document.removeEventListener('focus', blurElement, true);
+    };
+  }, [isDisabled]);
+  return /*#__PURE__*/_react.default.createElement(_EmojiInput.StyledEmojiInput, {
+    $isDisabled: isDisabled,
+    $shouldChangeColor: shouldChangeColor
+  }, /*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence, {
+    initial: true
+  }, progressDuration > 0 && /*#__PURE__*/_react.default.createElement(_EmojiInput.StyledMotionEmojiInputProgress, {
+    animate: {
+      width: '100%'
+    },
+    exit: {
+      opacity: 0
+    },
+    initial: {
+      opacity: 1,
+      width: '0%'
+    },
+    transition: {
+      width: {
+        ease: 'linear',
+        duration: progressDuration
+      },
+      opacity: {
+        type: 'tween',
+        duration: 0.3
+      }
+    }
+  })), /*#__PURE__*/_react.default.createElement(_EmojiInput.StyledEmojiInputContent, {
+    $isRightElementGiven: !!rightElement
+  }, prefixElement && /*#__PURE__*/_react.default.createElement(_PrefixElement.default, {
+    element: prefixElement,
+    prefixElementRef: prefixElementRef,
+    setIsPrefixAnimationFinished: setIsPrefixAnimationFinished
+  }), /*#__PURE__*/_react.default.createElement(_EmojiInput.StyledMotionEmojiInputEditor, {
+    $browser: browser === null || browser === void 0 ? void 0 : browser.name,
+    animate: {
+      maxHeight: height ?? maxHeight,
+      minHeight: height ?? '26px'
+    },
+    contentEditable: !isDisabled,
+    id: inputId,
+    onBeforeInput: handleBeforeInput,
+    onBlur: handleBlur,
+    onFocus: handleFocus,
+    onInput: handleInput,
+    onKeyDown: handleKeyDown,
+    onPaste: handlePaste,
+    ref: editorRef,
+    $shouldShowContent: isPrefixAnimationFinished,
+    transition: {
+      type: 'tween',
+      duration: 0.2
+    }
+  }), shouldShowPlaceholder && /*#__PURE__*/_react.default.createElement(_EmojiInput.StyledEmojiInputLabel, {
+    $maxWidth: labelWidth,
+    $offsetWidth: prefixElementWidth
+  }, placeholder), !isMobile && !shouldPreventEmojiPicker && /*#__PURE__*/_react.default.createElement(_EmojiPickerPopup.default, {
+    accessToken: accessToken,
+    alignment: popupAlignment,
+    onSelect: handlePopupSelect,
+    onPopupVisibilityChange: handlePopupVisibility,
+    personId: personId
+  })), rightElement && /*#__PURE__*/_react.default.createElement(_EmojiInput.StyledEmojiInputRightWrapper, null, rightElement));
+});
+EmojiInput.displayName = 'EmojiInput';
+var _default = exports.default = EmojiInput;
+//# sourceMappingURL=EmojiInput.js.map

package/lib/cjs/components/emoji-input/EmojiInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiInput.js","names":["_core","require","_chaynsApi","_framerMotion","_react","_interopRequireWildcard","_emoji","_environment","_insert","_selection","_text","_EmojiPickerPopup","_interopRequireDefault","_EmojiInput","_PrefixElement","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","EmojiInput","forwardRef","accessToken","height","inputId","isDisabled","maxHeight","onBlur","onFocus","onInput","onKeyDown","onPrefixElementRemove","onPopupVisibilityChange","personId","placeholder","popupAlignment","prefixElement","rightElement","shouldHidePlaceholderOnFocus","shouldPreventEmojiPicker","value","ref","isMobile","useState","getIsMobile","plainTextValue","setPlainTextValue","hasFocus","setHasFocus","progressDuration","setProgressDuration","labelWidth","setLabelWidth","isPopupVisible","setIsPopupVisible","isPrefixAnimationFinished","setIsPrefixAnimationFinished","prefixElementWidth","setPrefixElementWidth","areaProvider","useContext","AreaContext","editorRef","useRef","prefixElementRef","hasPrefixRendered","shouldDeleteOneMoreBackwards","shouldDeleteOneMoreForwards","valueRef","browser","getDevice","shouldChangeColor","useMemo","handleUpdateHTML","useCallback","html","current","newInnerHTML","convertEmojisToUnicode","convertTextToHTML","innerHTML","saveSelection","shouldIgnoreEmptyTextNodes","restoreSelection","handleBeforeInput","event","preventDefault","stopPropagation","data","type","nativeEvent","includes","text","insertTextAtCursorPosition","editorElement","newEvent","Event","bubbles","dispatchEvent","handleInput","document","execCommand","convertHTMLToText","handleKeyDown","key","isPropagationStopped","charCodeThatWillBeDeleted","getCharCodeThatWillBeDeleted","handlePopupVisibility","isVisible","handlePaste","clipboardData","getData","handlePopupSelect","emoji","useEffect","_editorRef$current","convertedText","replace","convertedPrefix","length","useLayoutEffect","handleInsertTextAtCursorPosition","handleReplaceText","searchText","pasteText","replaceText","handleStartProgress","duration","handleStopProgress","useImperativeHandle","startProgress","stopProgress","handlePreventLoseFocus","_element$parentElemen","_element$parentElemen2","element","target","classList","contains","parentElement","body","addEventListener","removeEventListener","shouldShowPlaceholder","_editorRef$current2","isJustPrefixElement","shouldRenderPlaceholder","handleFocus","handleBlur","_editorRef$current3","offsetWidth","undefined","handleResize","resizeObserver","ResizeObserver","observe","disconnect","blurElement","activeElement","blur","createElement","StyledEmojiInput","$isDisabled","$shouldChangeColor","AnimatePresence","initial","StyledMotionEmojiInputProgress","animate","width","exit","opacity","transition","ease","StyledEmojiInputContent","$isRightElementGiven","StyledMotionEmojiInputEditor","$browser","name","minHeight","contentEditable","id","onBeforeInput","onPaste","$shouldShowContent","StyledEmojiInputLabel","$maxWidth","$offsetWidth","alignment","onSelect","StyledEmojiInputRightWrapper","displayName","_default","exports"],"sources":["../../../../src/components/emoji-input/EmojiInput.tsx"],"sourcesContent":["import { AreaContext } from '@chayns-components/core';\nimport { getDevice } from 'chayns-api';\nimport { AnimatePresence } from 'framer-motion';\nimport React, {\n    ChangeEvent,\n    ClipboardEvent,\n    CSSProperties,\n    FocusEvent,\n    FocusEventHandler,\n    forwardRef,\n    KeyboardEvent,\n    KeyboardEventHandler,\n    ReactElement,\n    ReactNode,\n    useCallback,\n    useContext,\n    useEffect,\n    useImperativeHandle,\n    useLayoutEffect,\n    useMemo,\n    useRef,\n    useState,\n    type FormEvent,\n} from 'react';\nimport type { PopupAlignment } from '../../constants/alignment';\nimport { convertEmojisToUnicode } from '../../utils/emoji';\nimport { getIsMobile } from '../../utils/environment';\nimport { insertTextAtCursorPosition, replaceText } from '../../utils/insert';\nimport {\n    getCharCodeThatWillBeDeleted,\n    restoreSelection,\n    saveSelection,\n} from '../../utils/selection';\nimport { convertHTMLToText, convertTextToHTML } from '../../utils/text';\nimport EmojiPickerPopup from '../emoji-picker-popup/EmojiPickerPopup';\nimport {\n    StyledEmojiInput,\n    StyledEmojiInputContent,\n    StyledEmojiInputLabel,\n    StyledEmojiInputRightWrapper,\n    StyledMotionEmojiInputEditor,\n    StyledMotionEmojiInputProgress,\n} from './EmojiInput.styles';\nimport PrefixElement from './prefix-element/PrefixElement';\n\nexport type EmojiInputProps = {\n    /**\n     * Access token of the logged-in user. Is needed to load and save the history of the emojis.\n     */\n    accessToken?: string;\n    /**\n     * Sets the height of the input field to a fixed value. If this value is not set, the component will use the needed height until the maximum height is reached.\n     */\n    height?: CSSProperties['height'];\n    /**\n     * HTML id of the input element\n     */\n    inputId?: string;\n    /**\n     * Disables the input so that it cannot be changed anymore\n     */\n    isDisabled?: boolean;\n    /**\n     * Sets the maximum height of the input field.\n     */\n    maxHeight?: CSSProperties['maxHeight'];\n    /**\n     * Function that is executed when the input field loses focus.\n     */\n    onBlur?: FocusEventHandler<HTMLDivElement>;\n    /**\n     * Function that is executed when the input field gets the focus.\n     */\n    onFocus?: FocusEventHandler<HTMLDivElement>;\n    /**\n     * Function that is executed when the text of the input changes. In addition to the original\n     * event, the original text is returned as second parameter, in which the internally used HTML\n     * elements have been converted back to BB codes.\n     */\n    onInput?: (event: ChangeEvent<HTMLDivElement>, originalText: string) => void;\n    /**\n     * Function that is executed when a key is pressed down.\n     */\n    onKeyDown?: KeyboardEventHandler<HTMLDivElement>;\n    /**\n     * Function to be executed if the prefixElement is removed.\n     */\n    onPrefixElementRemove?: () => void;\n    /**\n     * Function that is executed when the visibility of the popup changes.\n     * @param {boolean} isVisible - Whether the popup is visible or not\n     */\n    onPopupVisibilityChange?: (isVisible: boolean) => void;\n    /**\n     * Person id of the logged-in user. Is needed to load and save the history of the emojis.\n     */\n    personId?: string;\n    /**\n     * Placeholder for the input field\n     */\n    placeholder?: string | ReactElement;\n    /**\n     * Sets the alignment of the popup to a fixed value. If this value is not set, the component\n     * calculates the best position on its own. Use the imported 'PopupAlignment' enum to set this\n     * value.\n     */\n    popupAlignment?: PopupAlignment;\n    /**\n     * Element that is rendered before the input field but the placeholder is still visible.\n     */\n    prefixElement?: string;\n    /**\n     * Element that is rendered inside the EmojiInput on the right side.\n     */\n    rightElement?: ReactNode;\n    /**\n     * Whether the placeholder should be shown after the input has focus.\n     */\n    shouldHidePlaceholderOnFocus?: boolean;\n    /**\n     * Prevents the EmojiPickerPopup icon from being displayed\n     */\n    shouldPreventEmojiPicker?: boolean;\n    /**\n     * The plain text value of the input field. Instead of HTML elements BB codes must be used at\n     * this point. These are then converted by the input field into corresponding HTML elements.\n     */\n    value: string;\n};\n\nexport type EmojiInputRef = {\n    insertTextAtCursorPosition: (text: string) => void;\n    replaceText: (searchText: string, replaceText: string) => void;\n    startProgress: (durationInSeconds: number) => void;\n    stopProgress: () => void;\n};\n\nconst EmojiInput = forwardRef<EmojiInputRef, EmojiInputProps>(\n    (\n        {\n            accessToken,\n            height,\n            inputId,\n            isDisabled,\n            maxHeight = '190px',\n            onBlur,\n            onFocus,\n            onInput,\n            onKeyDown,\n            onPrefixElementRemove,\n            onPopupVisibilityChange,\n            personId,\n            placeholder,\n            popupAlignment,\n            prefixElement,\n            rightElement,\n            shouldHidePlaceholderOnFocus = true,\n            shouldPreventEmojiPicker,\n            value,\n        },\n        ref,\n    ) => {\n        const [isMobile] = useState(getIsMobile());\n        const [plainTextValue, setPlainTextValue] = useState(value);\n        const [hasFocus, setHasFocus] = useState(false);\n        const [progressDuration, setProgressDuration] = useState(0);\n        const [labelWidth, setLabelWidth] = useState(0);\n        const [isPopupVisible, setIsPopupVisible] = useState(false);\n        const [isPrefixAnimationFinished, setIsPrefixAnimationFinished] = useState(!prefixElement);\n        const [prefixElementWidth, setPrefixElementWidth] = useState<number | undefined>();\n\n        const areaProvider = useContext(AreaContext);\n\n        const editorRef = useRef<HTMLDivElement>(null);\n        const prefixElementRef = useRef<HTMLDivElement>(null);\n        const hasPrefixRendered = useRef(false);\n        const shouldDeleteOneMoreBackwards = useRef(false);\n        const shouldDeleteOneMoreForwards = useRef(false);\n\n        const valueRef = useRef(value);\n\n        const { browser } = getDevice();\n\n        const shouldChangeColor = useMemo(\n            () => areaProvider.shouldChangeColor ?? false,\n            [areaProvider.shouldChangeColor],\n        );\n\n        /**\n         * This function updates the content of the 'contentEditable' element if the new text is\n         * different from the previous content. So this is only true if, for example, a text like \":-)\"\n         * has been replaced to the corresponding emoji.\n         *\n         * When updating the HTML, the current cursor position is saved before replacing the content, so\n         * that it can be set again afterward.\n         */\n        const handleUpdateHTML = useCallback((html: string) => {\n            if (!editorRef.current) {\n                return;\n            }\n\n            let newInnerHTML = convertEmojisToUnicode(html);\n\n            newInnerHTML = convertTextToHTML(newInnerHTML);\n\n            if (newInnerHTML !== editorRef.current.innerHTML) {\n                saveSelection(editorRef.current, { shouldIgnoreEmptyTextNodes: true });\n\n                editorRef.current.innerHTML = newInnerHTML;\n\n                restoreSelection(editorRef.current);\n            }\n        }, []);\n\n        const handleBeforeInput = useCallback(\n            (event: FormEvent<HTMLDivElement>) => {\n                if (!editorRef.current) {\n                    return;\n                }\n\n                if (isDisabled) {\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    return;\n                }\n\n                const { data, type } = event.nativeEvent as InputEvent;\n\n                if (type === 'textInput' && data && data.includes('\\n')) {\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    const text = convertEmojisToUnicode(data);\n\n                    insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n                    const newEvent = new Event('input', { bubbles: true });\n\n                    editorRef.current.dispatchEvent(newEvent);\n                }\n            },\n            [isDisabled],\n        );\n\n        /**\n         * This function handles the 'input' events of the 'contentEditable' element and also passes the\n         * respective event up accordingly if the 'onInput' property is a function.\n         */\n        const handleInput = useCallback(\n            (event: ChangeEvent<HTMLDivElement>) => {\n                if (!editorRef.current) {\n                    return;\n                }\n\n                if (isDisabled) {\n                    event.stopPropagation();\n                    event.preventDefault();\n                }\n\n                if (shouldDeleteOneMoreBackwards.current) {\n                    shouldDeleteOneMoreBackwards.current = false;\n                    shouldDeleteOneMoreForwards.current = false;\n\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    // noinspection JSDeprecatedSymbols\n                    document.execCommand('delete', false);\n\n                    return;\n                }\n\n                if (shouldDeleteOneMoreForwards.current) {\n                    shouldDeleteOneMoreBackwards.current = false;\n                    shouldDeleteOneMoreForwards.current = false;\n\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    // noinspection JSDeprecatedSymbols\n                    document.execCommand('forwardDelete', false);\n\n                    return;\n                }\n\n                handleUpdateHTML(editorRef.current.innerHTML);\n\n                const text = convertHTMLToText(editorRef.current.innerHTML);\n\n                setPlainTextValue(text);\n\n                if (typeof onInput === 'function') {\n                    onInput(event, text);\n                }\n            },\n            [handleUpdateHTML, isDisabled, onInput],\n        );\n\n        const handleKeyDown = useCallback(\n            (event: KeyboardEvent<HTMLDivElement>) => {\n                if (isDisabled) {\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    return;\n                }\n\n                if (event.key === 'Enter' && isPopupVisible) {\n                    event.preventDefault();\n\n                    return;\n                }\n\n                if (typeof onKeyDown === 'function') {\n                    onKeyDown(event);\n                }\n\n                if (event.key === 'Enter' && !event.isPropagationStopped() && editorRef.current) {\n                    event.preventDefault();\n\n                    // noinspection JSDeprecatedSymbols\n                    document.execCommand('insertLineBreak', false);\n                }\n\n                if (event.key === 'Backspace' || event.key === 'Delete') {\n                    const charCodeThatWillBeDeleted = getCharCodeThatWillBeDeleted(event);\n\n                    if (charCodeThatWillBeDeleted === 8203) {\n                        if (event.key === 'Backspace') {\n                            shouldDeleteOneMoreBackwards.current = true;\n                        } else {\n                            shouldDeleteOneMoreForwards.current = true;\n                        }\n                    }\n                }\n            },\n            [isDisabled, isPopupVisible, onKeyDown],\n        );\n\n        const handlePopupVisibility = (isVisible: boolean) => {\n            setIsPopupVisible(isVisible);\n\n            if (typeof onPopupVisibilityChange === 'function') {\n                onPopupVisibilityChange(isVisible);\n            }\n        };\n\n        /**\n         * This function prevents formatting from being adopted when texts are inserted. To do this, the\n         * plain text is read from the event after the default behavior has been prevented. The plain\n         * text is then inserted at the correct position in the input field using the\n         * 'insertTextAtCursorPosition' function.\n         */\n        const handlePaste = useCallback(\n            (event: ClipboardEvent<HTMLDivElement>) => {\n                if (editorRef.current) {\n                    event.preventDefault();\n\n                    if (isDisabled) {\n                        event.stopPropagation();\n\n                        return;\n                    }\n\n                    let text = event.clipboardData.getData('text/plain');\n\n                    text = convertEmojisToUnicode(text);\n\n                    insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n                    const newEvent = new Event('input', { bubbles: true });\n\n                    editorRef.current.dispatchEvent(newEvent);\n                }\n            },\n            [isDisabled],\n        );\n\n        /**\n         * This function uses the 'insertTextAtCursorPosition' function to insert the emoji at the\n         * correct position in the editor element.\n         *\n         * At the end an 'input' event is dispatched, so that the function 'handleInput' is triggered,\n         * which in turn executes the 'onInput' function from the props. So this serves to ensure that\n         * the event is also passed through to the top when inserting via the popup.\n         */\n        const handlePopupSelect = useCallback((emoji: string) => {\n            if (editorRef.current) {\n                insertTextAtCursorPosition({ editorElement: editorRef.current, text: emoji });\n\n                const event = new Event('input', { bubbles: true });\n\n                editorRef.current.dispatchEvent(event);\n            }\n        }, []);\n\n        useEffect(() => {\n            if (typeof onPrefixElementRemove !== 'function') {\n                return;\n            }\n\n            if (!hasPrefixRendered.current) {\n                return;\n            }\n\n            const convertedText = convertHTMLToText(editorRef.current?.innerHTML ?? '').replace(\n                '&nbsp;',\n                ' ',\n            );\n            const convertedPrefix = prefixElement && prefixElement.replace('&nbsp;', ' ');\n\n            if (\n                (convertedPrefix &&\n                    convertedText.includes(convertedPrefix) &&\n                    convertedText.length > convertedPrefix.length) ||\n                convertedPrefix === convertedText\n            ) {\n                return;\n            }\n\n            onPrefixElementRemove();\n            hasPrefixRendered.current = false;\n        }, [onPrefixElementRemove, plainTextValue.length, prefixElement]);\n\n        useEffect(() => {\n            if (value !== plainTextValue) {\n                setPlainTextValue(value);\n\n                handleUpdateHTML(value);\n            }\n        }, [handleUpdateHTML, plainTextValue, value]);\n\n        // This effect is used to call the 'handleUpdateHTML' function once after the component has been\n        // rendered. This is necessary because the 'contentEditable' element otherwise does not display\n        // the HTML content correctly when the component is rendered for the first time.\n        useLayoutEffect(() => {\n            handleUpdateHTML(valueRef.current);\n        }, [handleUpdateHTML]);\n\n        const handleInsertTextAtCursorPosition = useCallback((text: string) => {\n            if (editorRef.current) {\n                insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n                const newEvent = new Event('input', { bubbles: true });\n\n                editorRef.current.dispatchEvent(newEvent);\n            }\n        }, []);\n\n        const handleReplaceText = useCallback((searchText: string, pasteText: string) => {\n            if (editorRef.current) {\n                replaceText({ editorElement: editorRef.current, searchText, pasteText });\n\n                const newEvent = new Event('input', { bubbles: true });\n\n                editorRef.current.dispatchEvent(newEvent);\n            }\n        }, []);\n\n        const handleStartProgress = useCallback((duration: number) => {\n            setProgressDuration(duration);\n        }, []);\n\n        const handleStopProgress = useCallback(() => {\n            setProgressDuration(0);\n        }, []);\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                insertTextAtCursorPosition: handleInsertTextAtCursorPosition,\n                replaceText: handleReplaceText,\n                startProgress: handleStartProgress,\n                stopProgress: handleStopProgress,\n            }),\n            [\n                handleInsertTextAtCursorPosition,\n                handleReplaceText,\n                handleStartProgress,\n                handleStopProgress,\n            ],\n        );\n\n        useEffect(() => {\n            /**\n             * This function ensures that the input field does not lose focus when the popup is opened\n             * or an emoji is selected in it. For this purpose the corresponding elements get the class\n             * 'prevent-lose-focus'.\n             *\n             * The class can also be set to any other elements that should also not cause the input\n             * field to lose focus.\n             */\n            const handlePreventLoseFocus = (event: MouseEvent) => {\n                const element = event.target as Element;\n\n                if (\n                    element.classList.contains('prevent-lose-focus') ||\n                    element.parentElement?.classList.contains('prevent-lose-focus') ||\n                    element.parentElement?.parentElement?.classList.contains('prevent-lose-focus')\n                ) {\n                    event.preventDefault();\n                    event.stopPropagation();\n                }\n            };\n\n            document.body.addEventListener('mousedown', handlePreventLoseFocus);\n\n            return () => {\n                document.body.removeEventListener('mousedown', handlePreventLoseFocus);\n            };\n        }, []);\n\n        const shouldShowPlaceholder = useMemo(() => {\n            if (!isPrefixAnimationFinished) {\n                return false;\n            }\n\n            const isJustPrefixElement =\n                prefixElement &&\n                prefixElement === convertHTMLToText(editorRef.current?.innerHTML ?? '');\n\n            const shouldRenderPlaceholder =\n                (prefixElement && !plainTextValue) ||\n                (prefixElement ? prefixElementWidth && prefixElementWidth > 0 : true);\n\n            switch (true) {\n                case (!plainTextValue || isJustPrefixElement) &&\n                    shouldHidePlaceholderOnFocus &&\n                    !hasFocus:\n                case (!plainTextValue || isJustPrefixElement) && !shouldHidePlaceholderOnFocus:\n                    return shouldRenderPlaceholder;\n                case (!plainTextValue || isJustPrefixElement) &&\n                    shouldHidePlaceholderOnFocus &&\n                    hasFocus:\n                    return false;\n                default:\n                    return false;\n            }\n        }, [\n            isPrefixAnimationFinished,\n            hasFocus,\n            plainTextValue,\n            prefixElement,\n            shouldHidePlaceholderOnFocus,\n            prefixElementWidth,\n        ]);\n\n        useEffect(() => {\n            if (prefixElement) {\n                setIsPrefixAnimationFinished(false);\n            }\n        }, [prefixElement]);\n\n        const handleFocus = (event: FocusEvent<HTMLDivElement>) => {\n            if (typeof onFocus === 'function' && !isDisabled) {\n                onFocus(event);\n            }\n\n            setHasFocus(true);\n        };\n\n        const handleBlur = (event: FocusEvent<HTMLDivElement>) => {\n            if (typeof onBlur === 'function' && !isDisabled) {\n                onBlur(event);\n            }\n\n            setHasFocus(false);\n        };\n\n        useEffect(() => {\n            if (editorRef.current && prefixElement) {\n                const text = convertEmojisToUnicode(prefixElement);\n\n                insertTextAtCursorPosition({ editorElement: editorRef.current, text });\n\n                handleUpdateHTML(prefixElement);\n                hasPrefixRendered.current = true;\n            }\n        }, [handleUpdateHTML, prefixElement]);\n\n        useEffect(() => {\n            if (\n                prefixElementRef.current &&\n                prefixElement &&\n                prefixElement === convertHTMLToText(editorRef.current?.innerHTML ?? '')\n            ) {\n                setPrefixElementWidth(prefixElementRef.current.offsetWidth + 2);\n            } else {\n                setPrefixElementWidth(undefined);\n            }\n        }, [plainTextValue, prefixElement]);\n\n        useEffect(() => {\n            const handleResize = () => {\n                if (editorRef.current) {\n                    setLabelWidth(editorRef.current.offsetWidth);\n                }\n            };\n\n            const resizeObserver = new ResizeObserver(handleResize);\n\n            if (editorRef.current) {\n                resizeObserver.observe(editorRef.current);\n            }\n\n            return () => {\n                resizeObserver.disconnect();\n            };\n        }, []);\n\n        useEffect(() => {\n            const blurElement = () => {\n                if (\n                    editorRef.current &&\n                    document.activeElement === editorRef.current &&\n                    isDisabled\n                ) {\n                    editorRef.current.blur();\n                }\n            };\n\n            document.addEventListener('focus', blurElement, true);\n\n            return () => {\n                document.removeEventListener('focus', blurElement, true);\n            };\n        }, [isDisabled]);\n\n        return (\n            <StyledEmojiInput $isDisabled={isDisabled} $shouldChangeColor={shouldChangeColor}>\n                <AnimatePresence initial>\n                    {progressDuration > 0 && (\n                        <StyledMotionEmojiInputProgress\n                            animate={{ width: '100%' }}\n                            exit={{ opacity: 0 }}\n                            initial={{ opacity: 1, width: '0%' }}\n                            transition={{\n                                width: {\n                                    ease: 'linear',\n                                    duration: progressDuration,\n                                },\n                                opacity: {\n                                    type: 'tween',\n                                    duration: 0.3,\n                                },\n                            }}\n                        />\n                    )}\n                </AnimatePresence>\n                <StyledEmojiInputContent $isRightElementGiven={!!rightElement}>\n                    {prefixElement && (\n                        <PrefixElement\n                            element={prefixElement}\n                            prefixElementRef={prefixElementRef}\n                            setIsPrefixAnimationFinished={setIsPrefixAnimationFinished}\n                        />\n                    )}\n                    <StyledMotionEmojiInputEditor\n                        $browser={browser?.name}\n                        animate={{ maxHeight: height ?? maxHeight, minHeight: height ?? '26px' }}\n                        contentEditable={!isDisabled}\n                        id={inputId}\n                        onBeforeInput={handleBeforeInput}\n                        onBlur={handleBlur}\n                        onFocus={handleFocus}\n                        onInput={handleInput}\n                        onKeyDown={handleKeyDown}\n                        onPaste={handlePaste}\n                        ref={editorRef}\n                        $shouldShowContent={isPrefixAnimationFinished}\n                        transition={{ type: 'tween', duration: 0.2 }}\n                    />\n\n                    {shouldShowPlaceholder && (\n                        <StyledEmojiInputLabel\n                            $maxWidth={labelWidth}\n                            $offsetWidth={prefixElementWidth}\n                        >\n                            {placeholder}\n                        </StyledEmojiInputLabel>\n                    )}\n                    {!isMobile && !shouldPreventEmojiPicker && (\n                        <EmojiPickerPopup\n                            accessToken={accessToken}\n                            alignment={popupAlignment}\n                            onSelect={handlePopupSelect}\n                            onPopupVisibilityChange={handlePopupVisibility}\n                            personId={personId}\n                        />\n                    )}\n                </StyledEmojiInputContent>\n                {rightElement && (\n                    <StyledEmojiInputRightWrapper>{rightElement}</StyledEmojiInputRightWrapper>\n                )}\n            </StyledEmojiInput>\n        );\n    },\n);\n\nEmojiInput.displayName = 'EmojiInput';\n\nexport default EmojiInput;\n"],"mappings":"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","ignoreList":[]}