@ai-stack/payloadcms 3.0.0-beta.65.2 → 3.0.0-beta.95.1

package/dist/libraries/autocomplete/AutocompleteTextArea.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Credit: Yury Dymov
+ * Github: https://github.com/yury-dymov/react-autocomplete-input
+ *
+ * Modified to only be use for PromptEditorField
+ */
+export declare const AutocompleteTextField: (props: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AutocompleteTextArea.d.ts.map

package/dist/libraries/autocomplete/AutocompleteTextArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteTextArea.d.ts","sourceRoot":"","sources":["../../../src/libraries/autocomplete/AutocompleteTextArea.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAmBH,eAAO,MAAM,qBAAqB,yDAkgBjC,CAAA"}

package/dist/libraries/autocomplete/AutocompleteTextArea.js

@@ -0,0 +1,435 @@
+/**
+ * Credit: Yury Dymov
+ * Github: https://github.com/yury-dymov/react-autocomplete-input
+ *
+ * Modified to only be use for PromptEditorField
+ */ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as inputSelection from 'get-input-selection';
+import isEqual from 'lodash.isequal';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import scrollIntoView from 'scroll-into-view-if-needed';
+import getCaretCoordinates from 'textarea-caret';
+import styles from './AutocompleteTextArea.module.scss';
+const KEY_UP = 38;
+const KEY_DOWN = 40;
+const KEY_RETURN = 13;
+const KEY_ENTER = 14;
+const KEY_ESCAPE = 27;
+const KEY_TAB = 9;
+const OPTION_LIST_MIN_WIDTH = 100;
+export const AutocompleteTextField = (props)=>{
+    const { changeOnSelect = (trigger, slug)=>trigger + slug, defaultValue = '', disabled = false, matchAny = false, maxOptions = 10, minChars = 0, offsetX = 0, offsetY = 0, onBlur = (e)=>{}, onChange = (e)=>{}, onKeyDown = (e)=>{}, onRequestOptions = (e)=>{}, onSelect = (e)=>{}, options = [], passThroughEnter = false, passThroughTab = true, regex = '^[A-Za-z0-9\\-_]+$', requestOnlyIfNoOptions = true, spaceRemovers = [
+        ',',
+        '.',
+        '!',
+        '?'
+    ], spacer = ' ', trigger = '@', triggerCaseInsensitive = false, triggerMatchWholeWord = false, value: propValue = null, ...rest } = props;
+    const [helperVisible, setHelperVisible] = useState(false);
+    const [left, setLeft] = useState(0);
+    const [top, setTop] = useState(0);
+    const [triggerChar, setTriggerChar] = useState(null);
+    const [matchLength, setMatchLength] = useState(0);
+    const [matchStart, setMatchStart] = useState(0);
+    const [selection, setSelection] = useState(0);
+    const [value, setValue] = useState(null);
+    const [caret, setCaret] = useState(0);
+    const [currentOptions, setCurrentOptions] = useState([]);
+    const recentValue = useRef(defaultValue);
+    const enableSpaceRemovers = useRef(false);
+    const inputRef = useRef(null);
+    const currentRef = useRef(null);
+    const parentRef = useRef(null);
+    useEffect(()=>{
+        window.addEventListener('resize', handleResize);
+        window.addEventListener('scroll', handleResize);
+        return ()=>{
+            window.removeEventListener('resize', handleResize);
+            window.removeEventListener('scroll', handleResize);
+        };
+    }, []);
+    useEffect(()=>{
+        if (!isEqual(options, currentOptions)) {
+            updateHelper(recentValue.current, caret, options);
+        }
+    }, [
+        options,
+        caret
+    ]);
+    useEffect(()=>{
+        if (helperVisible && currentRef.current) {
+            scrollIntoView(currentRef.current, {
+                boundary: parentRef.current,
+                scrollMode: 'if-needed'
+            });
+        }
+    }, [
+        helperVisible,
+        selection
+    ]);
+    const handleResize = useCallback(()=>{
+        setHelperVisible(false);
+    }, []);
+    const isTrigger = useCallback((triggerStr, str, i)=>{
+        if (!triggerStr || !triggerStr.length) {
+            return true;
+        }
+        if (triggerMatchWholeWord && i > 0 && str.charAt(i - 1).match(/\w/)) {
+            return false;
+        }
+        if (str.substr(i, triggerStr.length) === triggerStr || triggerCaseInsensitive && str.substr(i, triggerStr.length).toLowerCase() === triggerStr.toLowerCase()) {
+            return true;
+        }
+        return false;
+    }, [
+        triggerMatchWholeWord,
+        triggerCaseInsensitive
+    ]);
+    const arrayTriggerMatch = useCallback((triggers, re)=>{
+        return triggers.map((trigger)=>({
+                triggerLength: trigger.length,
+                triggerMatch: trigger.match(re),
+                triggerStr: trigger
+            }));
+    }, []);
+    const getMatch = useCallback((str, caret, providedOptions)=>{
+        const re = new RegExp(regex);
+        const triggers = Array.isArray(trigger) ? trigger : [
+            trigger
+        ];
+        triggers.sort();
+        const providedOptionsObject = Array.isArray(providedOptions) ? triggers.reduce((acc, triggerStr)=>({
+                ...acc,
+                [triggerStr]: providedOptions
+            }), {}) : providedOptions;
+        const triggersMatch = arrayTriggerMatch(triggers, re);
+        let slugData = null;
+        for(let triggersIndex = 0; triggersIndex < triggersMatch.length; triggersIndex++){
+            const { triggerLength, triggerMatch, triggerStr } = triggersMatch[triggersIndex];
+            for(let i = caret - 1; i >= 0; --i){
+                const substr = str.substring(i, caret);
+                const match = substr.match(re);
+                let matchStart = -1;
+                if (triggerLength > 0) {
+                    const triggerIdx = triggerMatch ? i : i - triggerLength + 1;
+                    if (triggerIdx < 0) {
+                        break;
+                    }
+                    if (isTrigger(triggerStr, str, triggerIdx)) {
+                        matchStart = triggerIdx + triggerLength;
+                    }
+                    if (!match && matchStart < 0) {
+                        break;
+                    }
+                } else {
+                    if (match && i > 0) {
+                        continue;
+                    }
+                    matchStart = i === 0 && match ? 0 : i + 1;
+                    if (caret - matchStart === 0) {
+                        break;
+                    }
+                }
+                if (matchStart >= 0) {
+                    const triggerOptions = providedOptionsObject[triggerStr];
+                    if (triggerOptions == null) {
+                        continue;
+                    }
+                    const matchedSlug = str.substring(matchStart, caret);
+                    const filteredOptions = triggerOptions.filter((slug)=>{
+                        const idx = slug.toLowerCase().indexOf(matchedSlug.toLowerCase());
+                        return idx !== -1 && (matchAny || idx === 0);
+                    });
+                    const currTrigger = triggerStr;
+                    const matchLength = matchedSlug.length;
+                    slugData = {
+                        matchLength,
+                        matchStart,
+                        options: filteredOptions,
+                        trigger: currTrigger
+                    };
+                }
+            }
+        }
+        return slugData;
+    }, [
+        regex,
+        trigger,
+        arrayTriggerMatch,
+        isTrigger,
+        matchAny
+    ]);
+    const updateCaretPosition = useCallback((newCaret)=>{
+        setCaret(newCaret);
+        inputSelection.default.setCaretPosition(inputRef.current, newCaret);
+    }, []);
+    const updateHelper = useCallback((str, caretPos, helperOptions)=>{
+        const slug = getMatch(str, caretPos, helperOptions);
+        if (slug) {
+            const caretCoordinates = getCaretCoordinates(inputRef.current, caretPos);
+            const rect = inputRef.current.getBoundingClientRect();
+            const newTop = caretCoordinates.top + rect.top - inputRef.current.scrollTop;
+            const newLeft = Math.min(caretCoordinates.left + rect.left - inputRef.current.scrollLeft, window.innerWidth - OPTION_LIST_MIN_WIDTH);
+            if (slug.matchLength >= minChars && (slug.options.length > 1 || slug.options.length === 1 && (slug.options[0].length !== slug.matchLength || slug.options[0].length === 1))) {
+                setHelperVisible(true);
+                setTop(newTop);
+                setLeft(newLeft);
+                setTriggerChar(slug.trigger);
+                setMatchLength(slug.matchLength);
+                setMatchStart(slug.matchStart);
+                setCurrentOptions(slug.options);
+            } else {
+                if (!requestOnlyIfNoOptions || !slug.options.length) {
+                    onRequestOptions(str.substr(slug.matchStart, slug.matchLength));
+                }
+                resetHelper();
+            }
+        } else {
+            resetHelper();
+        }
+    }, [
+        getMatch,
+        minChars,
+        requestOnlyIfNoOptions,
+        onRequestOptions
+    ]);
+    const resetHelper = useCallback(()=>{
+        setHelperVisible(false);
+        setSelection(0);
+    }, []);
+    const handleChange = useCallback((e)=>{
+        const str = e.target.value;
+        const caretPos = inputSelection.default.default(e.target).end;
+        if (!str.length) {
+            setHelperVisible(false);
+        }
+        recentValue.current = str;
+        setCaret(caretPos);
+        setValue(e.target.value);
+        if (!str.length || !caretPos) {
+            return onChange(e.target.value);
+        }
+        // Space removers logic
+        if (enableSpaceRemovers.current && spaceRemovers.length && str.length > 2 && spacer.length) {
+            for(let i = 0; i < Math.max(recentValue.current.length, str.length); ++i){
+                if (recentValue.current[i] !== str[i]) {
+                    if (i >= 2 && str[i - 1] === spacer && spaceRemovers.indexOf(str[i - 2]) === -1 && spaceRemovers.indexOf(str[i]) !== -1 && getMatch(str.substring(0, i - 2), caretPos - 3, options)) {
+                        const newValue = `${str.slice(0, i - 1)}${str.slice(i, i + 1)}${str.slice(i - 1, i)}${str.slice(i + 1)}`;
+                        updateCaretPosition(i + 1);
+                        inputRef.current.value = newValue;
+                        if (!propValue) {
+                            setValue(newValue);
+                        }
+                        return onChange(newValue);
+                    }
+                    break;
+                }
+            }
+            enableSpaceRemovers.current = false;
+        }
+        updateHelper(str, caretPos, options);
+        if (!propValue) {
+            setValue(e.target.value);
+        }
+        return onChange(e.target.value);
+    }, [
+        onChange,
+        propValue,
+        spaceRemovers,
+        spacer,
+        options,
+        updateCaretPosition,
+        updateHelper,
+        getMatch
+    ]);
+    const handleBlur = useCallback((e)=>{
+        resetHelper();
+        onBlur(e);
+    }, [
+        onBlur,
+        resetHelper
+    ]);
+    const handleSelection = useCallback((idx)=>{
+        const slug = currentOptions[idx];
+        const value = recentValue.current;
+        const part1 = triggerChar.length === 0 ? '' : value.substring(0, matchStart - triggerChar.length);
+        const part2 = value.substring(matchStart + matchLength);
+        const event = {
+            target: inputRef.current
+        };
+        const changedStr = changeOnSelect(triggerChar, slug);
+        event.target.value = `${part1}${changedStr}${spacer}${part2}`;
+        handleChange(event);
+        onSelect(event.target.value);
+        resetHelper();
+        const advanceCaretDistance = part1.length + changedStr.length + (spacer ? spacer.length : 1);
+        updateCaretPosition(advanceCaretDistance);
+        enableSpaceRemovers.current = true;
+    }, [
+        currentOptions,
+        triggerChar,
+        matchStart,
+        matchLength,
+        changeOnSelect,
+        spacer,
+        handleChange,
+        onSelect,
+        resetHelper,
+        updateCaretPosition
+    ]);
+    const handleKeyDown = useCallback((event)=>{
+        const optionsCount = maxOptions > 0 ? Math.min(currentOptions.length, maxOptions) : currentOptions.length;
+        if (helperVisible) {
+            switch(event.keyCode){
+                case KEY_ESCAPE:
+                    event.preventDefault();
+                    resetHelper();
+                    break;
+                case KEY_UP:
+                    event.preventDefault();
+                    if (optionsCount > 0) {
+                        setSelection((prevSelection)=>Math.max(0, optionsCount + prevSelection - 1) % optionsCount);
+                    }
+                    break;
+                case KEY_DOWN:
+                    event.preventDefault();
+                    if (optionsCount > 0) {
+                        setSelection((prevSelection)=>(prevSelection + 1) % optionsCount);
+                    }
+                    break;
+                case KEY_ENTER:
+                case KEY_RETURN:
+                    if (!passThroughEnter) {
+                        event.preventDefault();
+                    }
+                    handleSelection(selection);
+                    break;
+                case KEY_TAB:
+                    if (!passThroughTab) {
+                        event.preventDefault();
+                    }
+                    handleSelection(selection);
+                    break;
+                default:
+                    onKeyDown(event);
+                    break;
+            }
+        } else {
+            onKeyDown(event);
+        }
+    }, [
+        helperVisible,
+        currentOptions,
+        maxOptions,
+        passThroughEnter,
+        passThroughTab,
+        selection,
+        onKeyDown,
+        resetHelper,
+        handleSelection
+    ]);
+    const renderAutocompleteList = useCallback(()=>{
+        if (!helperVisible || currentOptions.length === 0) {
+            return null;
+        }
+        if (selection >= currentOptions.length) {
+            setSelection(0);
+            return null;
+        }
+        const optionNumber = maxOptions === 0 ? currentOptions.length : maxOptions;
+        const helperOptions = currentOptions.slice(0, optionNumber).map((val, idx)=>{
+            let [helper, value] = val.split(' ');
+            if (!value) {
+                helper = undefined;
+                value = val;
+            }
+            const renderHighlightedText = (text)=>{
+                const highlightStart = text.toLowerCase().indexOf(recentValue.current.substr(matchStart, matchLength).toLowerCase());
+                const highlightedText = text.substr(highlightStart, matchLength);
+                if (!val.startsWith(text)) {
+                    return text;
+                }
+                return /*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        text.slice(0, highlightStart),
+                        /*#__PURE__*/ _jsx("strong", {
+                            children: highlightedText
+                        }),
+                        text.slice(highlightStart + matchLength)
+                    ]
+                });
+            };
+            return /*#__PURE__*/ _jsxs("li", {
+                className: idx === selection ? styles.active : null,
+                onClick: ()=>{
+                    handleSelection(idx);
+                },
+                onMouseDown: (e)=>{
+                    e.preventDefault();
+                },
+                onMouseEnter: ()=>{
+                    setSelection(idx);
+                },
+                ref: idx === selection ? currentRef : null,
+                role: "presentation",
+                children: [
+                    helper && /*#__PURE__*/ _jsx("code", {
+                        className: styles.helper,
+                        children: renderHighlightedText(helper)
+                    }),
+                    renderHighlightedText(value)
+                ]
+            }, val);
+        });
+        const maxWidth = window.innerWidth - left - offsetX - 5;
+        const maxHeight = window.innerHeight - top - offsetY - 5;
+        return /*#__PURE__*/ _jsx("ul", {
+            className: styles.autocompleteInput + ' ' + 'popup__content',
+            ref: parentRef,
+            style: {
+                left: left + offsetX,
+                maxHeight,
+                maxWidth,
+                opacity: 'initial',
+                pointerEvents: 'initial',
+                position: 'fixed',
+                top: top + offsetY,
+                visibility: 'initial'
+            },
+            children: helperOptions
+        });
+    }, [
+        helperVisible,
+        currentOptions,
+        selection,
+        maxOptions,
+        left,
+        top,
+        offsetX,
+        offsetY,
+        matchStart,
+        matchLength,
+        handleSelection
+    ]);
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "popup",
+        children: [
+            /*#__PURE__*/ _jsx("textarea", {
+                className: "textarea-outer",
+                disabled: disabled,
+                onBlur: handleBlur,
+                onChange: handleChange,
+                onKeyDown: handleKeyDown,
+                ref: inputRef,
+                rows: 6,
+                style: {
+                    overflow: 'auto'
+                },
+                value: propValue !== null ? propValue : value || defaultValue,
+                ...rest
+            }),
+            renderAutocompleteList()
+        ]
+    });
+};
+
+//# sourceMappingURL=AutocompleteTextArea.js.map

package/dist/libraries/autocomplete/AutocompleteTextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/libraries/autocomplete/AutocompleteTextArea.tsx"],"sourcesContent":["/**\n * Credit: Yury Dymov\n * Github: https://github.com/yury-dymov/react-autocomplete-input\n *\n * Modified to only be use for PromptEditorField\n */\n\nimport * as inputSelection from 'get-input-selection'\nimport isEqual from 'lodash.isequal'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\nimport scrollIntoView from 'scroll-into-view-if-needed'\nimport getCaretCoordinates from 'textarea-caret'\n\nimport styles from './AutocompleteTextArea.module.scss'\n\nconst KEY_UP = 38\nconst KEY_DOWN = 40\nconst KEY_RETURN = 13\nconst KEY_ENTER = 14\nconst KEY_ESCAPE = 27\nconst KEY_TAB = 9\n\nconst OPTION_LIST_MIN_WIDTH = 100\n\nexport const AutocompleteTextField = (props) => {\n  const {\n    changeOnSelect = (trigger, slug) => trigger + slug,\n    defaultValue = '',\n    disabled = false,\n    matchAny = false,\n    maxOptions = 10,\n    minChars = 0,\n    offsetX = 0,\n    offsetY = 0,\n    onBlur = (e: any) => {},\n    onChange = (e: any) => {},\n    onKeyDown = (e: any) => {},\n    onRequestOptions = (e: any) => {},\n    onSelect = (e: any) => {},\n    options = [],\n    passThroughEnter = false,\n    passThroughTab = true,\n    regex = '^[A-Za-z0-9\\\\-_]+$',\n    requestOnlyIfNoOptions = true,\n    spaceRemovers = [',', '.', '!', '?'],\n    spacer = ' ',\n    trigger = '@',\n    triggerCaseInsensitive = false,\n    triggerMatchWholeWord = false,\n    value: propValue = null,\n    ...rest\n  } = props\n\n  const [helperVisible, setHelperVisible] = useState(false)\n  const [left, setLeft] = useState(0)\n  const [top, setTop] = useState(0)\n  const [triggerChar, setTriggerChar] = useState(null)\n  const [matchLength, setMatchLength] = useState(0)\n  const [matchStart, setMatchStart] = useState(0)\n  const [selection, setSelection] = useState(0)\n  const [value, setValue] = useState(null)\n  const [caret, setCaret] = useState(0)\n  const [currentOptions, setCurrentOptions] = useState([])\n\n  const recentValue = useRef(defaultValue)\n  const enableSpaceRemovers = useRef(false)\n  const inputRef = useRef(null)\n  const currentRef = useRef(null)\n  const parentRef = useRef(null)\n\n  useEffect(() => {\n    window.addEventListener('resize', handleResize)\n    window.addEventListener('scroll', handleResize)\n\n    return () => {\n      window.removeEventListener('resize', handleResize)\n      window.removeEventListener('scroll', handleResize)\n    }\n  }, [])\n\n  useEffect(() => {\n    if (!isEqual(options, currentOptions)) {\n      updateHelper(recentValue.current, caret, options)\n    }\n  }, [options, caret])\n\n  useEffect(() => {\n    if (helperVisible && currentRef.current) {\n      scrollIntoView(currentRef.current, { boundary: parentRef.current, scrollMode: 'if-needed' })\n    }\n  }, [helperVisible, selection])\n\n  const handleResize = useCallback(() => {\n    setHelperVisible(false)\n  }, [])\n\n  const isTrigger = useCallback(\n    (triggerStr, str, i) => {\n      if (!triggerStr || !triggerStr.length) {\n        return true\n      }\n\n      if (triggerMatchWholeWord && i > 0 && str.charAt(i - 1).match(/\\w/)) {\n        return false\n      }\n\n      if (\n        str.substr(i, triggerStr.length) === triggerStr ||\n        (triggerCaseInsensitive &&\n          str.substr(i, triggerStr.length).toLowerCase() === triggerStr.toLowerCase())\n      ) {\n        return true\n      }\n\n      return false\n    },\n    [triggerMatchWholeWord, triggerCaseInsensitive],\n  )\n\n  const arrayTriggerMatch = useCallback((triggers, re) => {\n    return triggers.map((trigger) => ({\n      triggerLength: trigger.length,\n      triggerMatch: trigger.match(re),\n      triggerStr: trigger,\n    }))\n  }, [])\n\n  const getMatch = useCallback(\n    (str, caret, providedOptions) => {\n      const re = new RegExp(regex)\n      const triggers = Array.isArray(trigger) ? trigger : [trigger]\n      triggers.sort()\n\n      const providedOptionsObject = Array.isArray(providedOptions)\n        ? triggers.reduce((acc, triggerStr) => ({ ...acc, [triggerStr]: providedOptions }), {})\n        : providedOptions\n\n      const triggersMatch = arrayTriggerMatch(triggers, re)\n      let slugData = null\n\n      for (let triggersIndex = 0; triggersIndex < triggersMatch.length; triggersIndex++) {\n        const { triggerLength, triggerMatch, triggerStr } = triggersMatch[triggersIndex]\n\n        for (let i = caret - 1; i >= 0; --i) {\n          const substr = str.substring(i, caret)\n          const match = substr.match(re)\n          let matchStart = -1\n\n          if (triggerLength > 0) {\n            const triggerIdx = triggerMatch ? i : i - triggerLength + 1\n\n            if (triggerIdx < 0) {\n              break\n            }\n\n            if (isTrigger(triggerStr, str, triggerIdx)) {\n              matchStart = triggerIdx + triggerLength\n            }\n\n            if (!match && matchStart < 0) {\n              break\n            }\n          } else {\n            if (match && i > 0) {\n              continue\n            }\n            matchStart = i === 0 && match ? 0 : i + 1\n\n            if (caret - matchStart === 0) {\n              break\n            }\n          }\n\n          if (matchStart >= 0) {\n            const triggerOptions = providedOptionsObject[triggerStr]\n            if (triggerOptions == null) {\n              continue\n            }\n\n            const matchedSlug = str.substring(matchStart, caret)\n\n            const filteredOptions = triggerOptions.filter((slug) => {\n              const idx = slug.toLowerCase().indexOf(matchedSlug.toLowerCase())\n              return idx !== -1 && (matchAny || idx === 0)\n            })\n\n            const currTrigger = triggerStr\n            const matchLength = matchedSlug.length\n\n            slugData = {\n              matchLength,\n              matchStart,\n              options: filteredOptions,\n              trigger: currTrigger,\n            }\n          }\n        }\n      }\n\n      return slugData\n    },\n    [regex, trigger, arrayTriggerMatch, isTrigger, matchAny],\n  )\n\n  const updateCaretPosition = useCallback((newCaret) => {\n    setCaret(newCaret)\n    inputSelection.default.setCaretPosition(inputRef.current, newCaret)\n  }, [])\n\n  const updateHelper = useCallback(\n    (str, caretPos, helperOptions) => {\n      const slug = getMatch(str, caretPos, helperOptions)\n\n      if (slug) {\n        const caretCoordinates = getCaretCoordinates(inputRef.current, caretPos)\n        const rect = inputRef.current.getBoundingClientRect()\n\n        const newTop = caretCoordinates.top + rect.top - inputRef.current.scrollTop\n        const newLeft = Math.min(\n          caretCoordinates.left + rect.left - inputRef.current.scrollLeft,\n          window.innerWidth - OPTION_LIST_MIN_WIDTH,\n        )\n\n        if (\n          slug.matchLength >= minChars &&\n          (slug.options.length > 1 ||\n            (slug.options.length === 1 &&\n              (slug.options[0].length !== slug.matchLength || slug.options[0].length === 1)))\n        ) {\n          setHelperVisible(true)\n          setTop(newTop)\n          setLeft(newLeft)\n          setTriggerChar(slug.trigger)\n          setMatchLength(slug.matchLength)\n          setMatchStart(slug.matchStart)\n          setCurrentOptions(slug.options)\n        } else {\n          if (!requestOnlyIfNoOptions || !slug.options.length) {\n            onRequestOptions(str.substr(slug.matchStart, slug.matchLength))\n          }\n          resetHelper()\n        }\n      } else {\n        resetHelper()\n      }\n    },\n    [getMatch, minChars, requestOnlyIfNoOptions, onRequestOptions],\n  )\n\n  const resetHelper = useCallback(() => {\n    setHelperVisible(false)\n    setSelection(0)\n  }, [])\n\n  const handleChange = useCallback(\n    (e) => {\n      const str = e.target.value\n      const caretPos = inputSelection.default.default(e.target).end\n\n      if (!str.length) {\n        setHelperVisible(false)\n      }\n\n      recentValue.current = str\n\n      setCaret(caretPos)\n      setValue(e.target.value)\n\n      if (!str.length || !caretPos) {\n        return onChange(e.target.value)\n      }\n\n      // Space removers logic\n      if (enableSpaceRemovers.current && spaceRemovers.length && str.length > 2 && spacer.length) {\n        for (let i = 0; i < Math.max(recentValue.current.length, str.length); ++i) {\n          if (recentValue.current[i] !== str[i]) {\n            if (\n              i >= 2 &&\n              str[i - 1] === spacer &&\n              spaceRemovers.indexOf(str[i - 2]) === -1 &&\n              spaceRemovers.indexOf(str[i]) !== -1 &&\n              getMatch(str.substring(0, i - 2), caretPos - 3, options)\n            ) {\n              const newValue = `${str.slice(0, i - 1)}${str.slice(i, i + 1)}${str.slice(i - 1, i)}${str.slice(i + 1)}`\n\n              updateCaretPosition(i + 1)\n              inputRef.current.value = newValue\n\n              if (!propValue) {\n                setValue(newValue)\n              }\n\n              return onChange(newValue)\n            }\n\n            break\n          }\n        }\n\n        enableSpaceRemovers.current = false\n      }\n\n      updateHelper(str, caretPos, options)\n\n      if (!propValue) {\n        setValue(e.target.value)\n      }\n\n      return onChange(e.target.value)\n    },\n    [\n      onChange,\n      propValue,\n      spaceRemovers,\n      spacer,\n      options,\n      updateCaretPosition,\n      updateHelper,\n      getMatch,\n    ],\n  )\n\n  const handleBlur = useCallback(\n    (e) => {\n      resetHelper()\n      onBlur(e)\n    },\n    [onBlur, resetHelper],\n  )\n\n  const handleSelection = useCallback(\n    (idx) => {\n      const slug = currentOptions[idx]\n      const value = recentValue.current\n      const part1 =\n        triggerChar.length === 0 ? '' : value.substring(0, matchStart - triggerChar.length)\n      const part2 = value.substring(matchStart + matchLength)\n\n      const event = { target: inputRef.current }\n      const changedStr = changeOnSelect(triggerChar, slug)\n\n      event.target.value = `${part1}${changedStr}${spacer}${part2}`\n      handleChange(event)\n      onSelect(event.target.value)\n\n      resetHelper()\n\n      const advanceCaretDistance = part1.length + changedStr.length + (spacer ? spacer.length : 1)\n      updateCaretPosition(advanceCaretDistance)\n\n      enableSpaceRemovers.current = true\n    },\n    [\n      currentOptions,\n      triggerChar,\n      matchStart,\n      matchLength,\n      changeOnSelect,\n      spacer,\n      handleChange,\n      onSelect,\n      resetHelper,\n      updateCaretPosition,\n    ],\n  )\n\n  const handleKeyDown = useCallback(\n    (event) => {\n      const optionsCount =\n        maxOptions > 0 ? Math.min(currentOptions.length, maxOptions) : currentOptions.length\n\n      if (helperVisible) {\n        switch (event.keyCode) {\n          case KEY_ESCAPE:\n            event.preventDefault()\n            resetHelper()\n            break\n          case KEY_UP:\n            event.preventDefault()\n            if (optionsCount > 0) {\n              setSelection(\n                (prevSelection) => Math.max(0, optionsCount + prevSelection - 1) % optionsCount,\n              )\n            }\n            break\n          case KEY_DOWN:\n            event.preventDefault()\n            if (optionsCount > 0) {\n              setSelection((prevSelection) => (prevSelection + 1) % optionsCount)\n            }\n            break\n          case KEY_ENTER:\n          case KEY_RETURN:\n            if (!passThroughEnter) {\n              event.preventDefault()\n            }\n            handleSelection(selection)\n            break\n          case KEY_TAB:\n            if (!passThroughTab) {\n              event.preventDefault()\n            }\n            handleSelection(selection)\n            break\n          default:\n            onKeyDown(event)\n            break\n        }\n      } else {\n        onKeyDown(event)\n      }\n    },\n    [\n      helperVisible,\n      currentOptions,\n      maxOptions,\n      passThroughEnter,\n      passThroughTab,\n      selection,\n      onKeyDown,\n      resetHelper,\n      handleSelection,\n    ],\n  )\n\n  const renderAutocompleteList = useCallback(() => {\n    if (!helperVisible || currentOptions.length === 0) {\n      return null\n    }\n\n    if (selection >= currentOptions.length) {\n      setSelection(0)\n      return null\n    }\n\n    const optionNumber = maxOptions === 0 ? currentOptions.length : maxOptions\n\n    const helperOptions = currentOptions.slice(0, optionNumber).map((val, idx) => {\n      let [helper, value] = val.split(' ')\n      if (!value) {\n        helper = undefined\n        value = val\n      }\n\n      const renderHighlightedText = (text) => {\n        const highlightStart = text\n          .toLowerCase()\n          .indexOf(recentValue.current.substr(matchStart, matchLength).toLowerCase())\n\n        const highlightedText = text.substr(highlightStart, matchLength)\n\n        if (!val.startsWith(text)) {\n          return text\n        }\n\n        return (\n          <>\n            {text.slice(0, highlightStart)}\n            <strong>{highlightedText}</strong>\n            {text.slice(highlightStart + matchLength)}\n          </>\n        )\n      }\n\n      return (\n        <li\n          className={idx === selection ? styles.active : null}\n          key={val}\n          onClick={() => {\n            handleSelection(idx)\n          }}\n          onMouseDown={(e) => {\n            e.preventDefault()\n          }}\n          onMouseEnter={() => {\n            setSelection(idx)\n          }}\n          ref={idx === selection ? currentRef : null}\n          role=\"presentation\"\n        >\n          {helper && <code className={styles.helper}>{renderHighlightedText(helper)}</code>}\n          {renderHighlightedText(value)}\n        </li>\n      )\n    })\n\n    const maxWidth = window.innerWidth - left - offsetX - 5\n    const maxHeight = window.innerHeight - top - offsetY - 5\n\n    return (\n      <ul\n        className={styles.autocompleteInput + ' ' + 'popup__content'}\n        ref={parentRef}\n        style={{\n          left: left + offsetX,\n          maxHeight,\n          maxWidth,\n          opacity: 'initial',\n          pointerEvents: 'initial',\n          position: 'fixed',\n          top: top + offsetY,\n          visibility: 'initial',\n        }}\n      >\n        {helperOptions}\n      </ul>\n    )\n  }, [\n    helperVisible,\n    currentOptions,\n    selection,\n    maxOptions,\n    left,\n    top,\n    offsetX,\n    offsetY,\n    matchStart,\n    matchLength,\n    handleSelection,\n  ])\n\n  return (\n    <div className=\"popup\">\n      <textarea\n        className=\"textarea-outer\"\n        disabled={disabled}\n        onBlur={handleBlur}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        ref={inputRef}\n        rows={6}\n        style={{ overflow: 'auto' }}\n        value={propValue !== null ? propValue : value || defaultValue}\n        {...rest}\n      />\n      {renderAutocompleteList()}\n    </div>\n  )\n}\n"],"names":["inputSelection","isEqual","React","useCallback","useEffect","useRef","useState","scrollIntoView","getCaretCoordinates","styles","KEY_UP","KEY_DOWN","KEY_RETURN","KEY_ENTER","KEY_ESCAPE","KEY_TAB","OPTION_LIST_MIN_WIDTH","AutocompleteTextField","props","changeOnSelect","trigger","slug","defaultValue","disabled","matchAny","maxOptions","minChars","offsetX","offsetY","onBlur","e","onChange","onKeyDown","onRequestOptions","onSelect","options","passThroughEnter","passThroughTab","regex","requestOnlyIfNoOptions","spaceRemovers","spacer","triggerCaseInsensitive","triggerMatchWholeWord","value","propValue","rest","helperVisible","setHelperVisible","left","setLeft","top","setTop","triggerChar","setTriggerChar","matchLength","setMatchLength","matchStart","setMatchStart","selection","setSelection","setValue","caret","setCaret","currentOptions","setCurrentOptions","recentValue","enableSpaceRemovers","inputRef","currentRef","parentRef","window","addEventListener","handleResize","removeEventListener","updateHelper","current","boundary","scrollMode","isTrigger","triggerStr","str","i","length","charAt","match","substr","toLowerCase","arrayTriggerMatch","triggers","re","map","triggerLength","triggerMatch","getMatch","providedOptions","RegExp","Array","isArray","sort","providedOptionsObject","reduce","acc","triggersMatch","slugData","triggersIndex","substring","triggerIdx","triggerOptions","matchedSlug","filteredOptions","filter","idx","indexOf","currTrigger","updateCaretPosition","newCaret","default","setCaretPosition","caretPos","helperOptions","caretCoordinates","rect","getBoundingClientRect","newTop","scrollTop","newLeft","Math","min","scrollLeft","innerWidth","resetHelper","handleChange","target","end","max","newValue","slice","handleBlur","handleSelection","part1","part2","event","changedStr","advanceCaretDistance","handleKeyDown","optionsCount","keyCode","preventDefault","prevSelection","renderAutocompleteList","optionNumber","val","helper","split","undefined","renderHighlightedText","text","highlightStart","highlightedText","startsWith","strong","li","className","active","onClick","onMouseDown","onMouseEnter","ref","role","code","maxWidth","maxHeight","innerHeight","ul","autocompleteInput","style","opacity","pointerEvents","position","visibility","div","textarea","rows","overflow"],"mappings":"AAAA;;;;;CAKC;AAED,YAAYA,oBAAoB,sBAAqB;AACrD,OAAOC,aAAa,iBAAgB;AACpC,OAAOC,SAASC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AACvE,OAAOC,oBAAoB,6BAA4B;AACvD,OAAOC,yBAAyB,iBAAgB;AAEhD,OAAOC,YAAY,qCAAoC;AAEvD,MAAMC,SAAS;AACf,MAAMC,WAAW;AACjB,MAAMC,aAAa;AACnB,MAAMC,YAAY;AAClB,MAAMC,aAAa;AACnB,MAAMC,UAAU;AAEhB,MAAMC,wBAAwB;AAE9B,OAAO,MAAMC,wBAAwB,CAACC;IACpC,MAAM,EACJC,iBAAiB,CAACC,SAASC,OAASD,UAAUC,IAAI,EAClDC,eAAe,EAAE,EACjBC,WAAW,KAAK,EAChBC,WAAW,KAAK,EAChBC,aAAa,EAAE,EACfC,WAAW,CAAC,EACZC,UAAU,CAAC,EACXC,UAAU,CAAC,EACXC,SAAS,CAACC,KAAY,CAAC,EACvBC,WAAW,CAACD,KAAY,CAAC,EACzBE,YAAY,CAACF,KAAY,CAAC,EAC1BG,mBAAmB,CAACH,KAAY,CAAC,EACjCI,WAAW,CAACJ,KAAY,CAAC,EACzBK,UAAU,EAAE,EACZC,mBAAmB,KAAK,EACxBC,iBAAiB,IAAI,EACrBC,QAAQ,oBAAoB,EAC5BC,yBAAyB,IAAI,EAC7BC,gBAAgB;QAAC;QAAK;QAAK;QAAK;KAAI,EACpCC,SAAS,GAAG,EACZrB,UAAU,GAAG,EACbsB,yBAAyB,KAAK,EAC9BC,wBAAwB,KAAK,EAC7BC,OAAOC,YAAY,IAAI,EACvB,GAAGC,MACJ,GAAG5B;IAEJ,MAAM,CAAC6B,eAAeC,iBAAiB,GAAG1C,SAAS;IACnD,MAAM,CAAC2C,MAAMC,QAAQ,GAAG5C,SAAS;IACjC,MAAM,CAAC6C,KAAKC,OAAO,GAAG9C,SAAS;IAC/B,MAAM,CAAC+C,aAAaC,eAAe,GAAGhD,SAAS;IAC/C,MAAM,CAACiD,aAAaC,eAAe,GAAGlD,SAAS;IAC/C,MAAM,CAACmD,YAAYC,cAAc,GAAGpD,SAAS;IAC7C,MAAM,CAACqD,WAAWC,aAAa,GAAGtD,SAAS;IAC3C,MAAM,CAACsC,OAAOiB,SAAS,GAAGvD,SAAS;IACnC,MAAM,CAACwD,OAAOC,SAAS,GAAGzD,SAAS;IACnC,MAAM,CAAC0D,gBAAgBC,kBAAkB,GAAG3D,SAAS,EAAE;IAEvD,MAAM4D,cAAc7D,OAAOiB;IAC3B,MAAM6C,sBAAsB9D,OAAO;IACnC,MAAM+D,WAAW/D,OAAO;IACxB,MAAMgE,aAAahE,OAAO;IAC1B,MAAMiE,YAAYjE,OAAO;IAEzBD,UAAU;QACRmE,OAAOC,gBAAgB,CAAC,UAAUC;QAClCF,OAAOC,gBAAgB,CAAC,UAAUC;QAElC,OAAO;YACLF,OAAOG,mBAAmB,CAAC,UAAUD;YACrCF,OAAOG,mBAAmB,CAAC,UAAUD;QACvC;IACF,GAAG,EAAE;IAELrE,UAAU;QACR,IAAI,CAACH,QAAQkC,SAAS6B,iBAAiB;YACrCW,aAAaT,YAAYU,OAAO,EAAEd,OAAO3B;QAC3C;IACF,GAAG;QAACA;QAAS2B;KAAM;IAEnB1D,UAAU;QACR,IAAI2C,iBAAiBsB,WAAWO,OAAO,EAAE;YACvCrE,eAAe8D,WAAWO,OAAO,EAAE;gBAAEC,UAAUP,UAAUM,OAAO;gBAAEE,YAAY;YAAY;QAC5F;IACF,GAAG;QAAC/B;QAAeY;KAAU;IAE7B,MAAMc,eAAetE,YAAY;QAC/B6C,iBAAiB;IACnB,GAAG,EAAE;IAEL,MAAM+B,YAAY5E,YAChB,CAAC6E,YAAYC,KAAKC;QAChB,IAAI,CAACF,cAAc,CAACA,WAAWG,MAAM,EAAE;YACrC,OAAO;QACT;QAEA,IAAIxC,yBAAyBuC,IAAI,KAAKD,IAAIG,MAAM,CAACF,IAAI,GAAGG,KAAK,CAAC,OAAO;YACnE,OAAO;QACT;QAEA,IACEJ,IAAIK,MAAM,CAACJ,GAAGF,WAAWG,MAAM,MAAMH,cACpCtC,0BACCuC,IAAIK,MAAM,CAACJ,GAAGF,WAAWG,MAAM,EAAEI,WAAW,OAAOP,WAAWO,WAAW,IAC3E;YACA,OAAO;QACT;QAEA,OAAO;IACT,GACA;QAAC5C;QAAuBD;KAAuB;IAGjD,MAAM8C,oBAAoBrF,YAAY,CAACsF,UAAUC;QAC/C,OAAOD,SAASE,GAAG,CAAC,CAACvE,UAAa,CAAA;gBAChCwE,eAAexE,QAAQ+D,MAAM;gBAC7BU,cAAczE,QAAQiE,KAAK,CAACK;gBAC5BV,YAAY5D;YACd,CAAA;IACF,GAAG,EAAE;IAEL,MAAM0E,WAAW3F,YACf,CAAC8E,KAAKnB,OAAOiC;QACX,MAAML,KAAK,IAAIM,OAAO1D;QACtB,MAAMmD,WAAWQ,MAAMC,OAAO,CAAC9E,WAAWA,UAAU;YAACA;SAAQ;QAC7DqE,SAASU,IAAI;QAEb,MAAMC,wBAAwBH,MAAMC,OAAO,CAACH,mBACxCN,SAASY,MAAM,CAAC,CAACC,KAAKtB,aAAgB,CAAA;gBAAE,GAAGsB,GAAG;gBAAE,CAACtB,WAAW,EAAEe;YAAgB,CAAA,GAAI,CAAC,KACnFA;QAEJ,MAAMQ,gBAAgBf,kBAAkBC,UAAUC;QAClD,IAAIc,WAAW;QAEf,IAAK,IAAIC,gBAAgB,GAAGA,gBAAgBF,cAAcpB,MAAM,EAAEsB,gBAAiB;YACjF,MAAM,EAAEb,aAAa,EAAEC,YAAY,EAAEb,UAAU,EAAE,GAAGuB,aAAa,CAACE,cAAc;YAEhF,IAAK,IAAIvB,IAAIpB,QAAQ,GAAGoB,KAAK,GAAG,EAAEA,EAAG;gBACnC,MAAMI,SAASL,IAAIyB,SAAS,CAACxB,GAAGpB;gBAChC,MAAMuB,QAAQC,OAAOD,KAAK,CAACK;gBAC3B,IAAIjC,aAAa,CAAC;gBAElB,IAAImC,gBAAgB,GAAG;oBACrB,MAAMe,aAAad,eAAeX,IAAIA,IAAIU,gBAAgB;oBAE1D,IAAIe,aAAa,GAAG;wBAClB;oBACF;oBAEA,IAAI5B,UAAUC,YAAYC,KAAK0B,aAAa;wBAC1ClD,aAAakD,aAAaf;oBAC5B;oBAEA,IAAI,CAACP,SAAS5B,aAAa,GAAG;wBAC5B;oBACF;gBACF,OAAO;oBACL,IAAI4B,SAASH,IAAI,GAAG;wBAClB;oBACF;oBACAzB,aAAayB,MAAM,KAAKG,QAAQ,IAAIH,IAAI;oBAExC,IAAIpB,QAAQL,eAAe,GAAG;wBAC5B;oBACF;gBACF;gBAEA,IAAIA,cAAc,GAAG;oBACnB,MAAMmD,iBAAiBR,qBAAqB,CAACpB,WAAW;oBACxD,IAAI4B,kBAAkB,MAAM;wBAC1B;oBACF;oBAEA,MAAMC,cAAc5B,IAAIyB,SAAS,CAACjD,YAAYK;oBAE9C,MAAMgD,kBAAkBF,eAAeG,MAAM,CAAC,CAAC1F;wBAC7C,MAAM2F,MAAM3F,KAAKkE,WAAW,GAAG0B,OAAO,CAACJ,YAAYtB,WAAW;wBAC9D,OAAOyB,QAAQ,CAAC,KAAMxF,CAAAA,YAAYwF,QAAQ,CAAA;oBAC5C;oBAEA,MAAME,cAAclC;oBACpB,MAAMzB,cAAcsD,YAAY1B,MAAM;oBAEtCqB,WAAW;wBACTjD;wBACAE;wBACAtB,SAAS2E;wBACT1F,SAAS8F;oBACX;gBACF;YACF;QACF;QAEA,OAAOV;IACT,GACA;QAAClE;QAAOlB;QAASoE;QAAmBT;QAAWvD;KAAS;IAG1D,MAAM2F,sBAAsBhH,YAAY,CAACiH;QACvCrD,SAASqD;QACTpH,eAAeqH,OAAO,CAACC,gBAAgB,CAAClD,SAASQ,OAAO,EAAEwC;IAC5D,GAAG,EAAE;IAEL,MAAMzC,eAAexE,YACnB,CAAC8E,KAAKsC,UAAUC;QACd,MAAMnG,OAAOyE,SAASb,KAAKsC,UAAUC;QAErC,IAAInG,MAAM;YACR,MAAMoG,mBAAmBjH,oBAAoB4D,SAASQ,OAAO,EAAE2C;YAC/D,MAAMG,OAAOtD,SAASQ,OAAO,CAAC+C,qBAAqB;YAEnD,MAAMC,SAASH,iBAAiBtE,GAAG,GAAGuE,KAAKvE,GAAG,GAAGiB,SAASQ,OAAO,CAACiD,SAAS;YAC3E,MAAMC,UAAUC,KAAKC,GAAG,CACtBP,iBAAiBxE,IAAI,GAAGyE,KAAKzE,IAAI,GAAGmB,SAASQ,OAAO,CAACqD,UAAU,EAC/D1D,OAAO2D,UAAU,GAAGlH;YAGtB,IACEK,KAAKkC,WAAW,IAAI7B,YACnBL,CAAAA,KAAKc,OAAO,CAACgD,MAAM,GAAG,KACpB9D,KAAKc,OAAO,CAACgD,MAAM,KAAK,KACtB9D,CAAAA,KAAKc,OAAO,CAAC,EAAE,CAACgD,MAAM,KAAK9D,KAAKkC,WAAW,IAAIlC,KAAKc,OAAO,CAAC,EAAE,CAACgD,MAAM,KAAK,CAAA,CAAE,GACjF;gBACAnC,iBAAiB;gBACjBI,OAAOwE;gBACP1E,QAAQ4E;gBACRxE,eAAejC,KAAKD,OAAO;gBAC3BoC,eAAenC,KAAKkC,WAAW;gBAC/BG,cAAcrC,KAAKoC,UAAU;gBAC7BQ,kBAAkB5C,KAAKc,OAAO;YAChC,OAAO;gBACL,IAAI,CAACI,0BAA0B,CAAClB,KAAKc,OAAO,CAACgD,MAAM,EAAE;oBACnDlD,iBAAiBgD,IAAIK,MAAM,CAACjE,KAAKoC,UAAU,EAAEpC,KAAKkC,WAAW;gBAC/D;gBACA4E;YACF;QACF,OAAO;YACLA;QACF;IACF,GACA;QAACrC;QAAUpE;QAAUa;QAAwBN;KAAiB;IAGhE,MAAMkG,cAAchI,YAAY;QAC9B6C,iBAAiB;QACjBY,aAAa;IACf,GAAG,EAAE;IAEL,MAAMwE,eAAejI,YACnB,CAAC2B;QACC,MAAMmD,MAAMnD,EAAEuG,MAAM,CAACzF,KAAK;QAC1B,MAAM2E,WAAWvH,eAAeqH,OAAO,CAACA,OAAO,CAACvF,EAAEuG,MAAM,EAAEC,GAAG;QAE7D,IAAI,CAACrD,IAAIE,MAAM,EAAE;YACfnC,iBAAiB;QACnB;QAEAkB,YAAYU,OAAO,GAAGK;QAEtBlB,SAASwD;QACT1D,SAAS/B,EAAEuG,MAAM,CAACzF,KAAK;QAEvB,IAAI,CAACqC,IAAIE,MAAM,IAAI,CAACoC,UAAU;YAC5B,OAAOxF,SAASD,EAAEuG,MAAM,CAACzF,KAAK;QAChC;QAEA,uBAAuB;QACvB,IAAIuB,oBAAoBS,OAAO,IAAIpC,cAAc2C,MAAM,IAAIF,IAAIE,MAAM,GAAG,KAAK1C,OAAO0C,MAAM,EAAE;YAC1F,IAAK,IAAID,IAAI,GAAGA,IAAI6C,KAAKQ,GAAG,CAACrE,YAAYU,OAAO,CAACO,MAAM,EAAEF,IAAIE,MAAM,GAAG,EAAED,EAAG;gBACzE,IAAIhB,YAAYU,OAAO,CAACM,EAAE,KAAKD,GAAG,CAACC,EAAE,EAAE;oBACrC,IACEA,KAAK,KACLD,GAAG,CAACC,IAAI,EAAE,KAAKzC,UACfD,cAAcyE,OAAO,CAAChC,GAAG,CAACC,IAAI,EAAE,MAAM,CAAC,KACvC1C,cAAcyE,OAAO,CAAChC,GAAG,CAACC,EAAE,MAAM,CAAC,KACnCY,SAASb,IAAIyB,SAAS,CAAC,GAAGxB,IAAI,IAAIqC,WAAW,GAAGpF,UAChD;wBACA,MAAMqG,WAAW,CAAC,EAAEvD,IAAIwD,KAAK,CAAC,GAAGvD,IAAI,GAAG,EAAED,IAAIwD,KAAK,CAACvD,GAAGA,IAAI,GAAG,EAAED,IAAIwD,KAAK,CAACvD,IAAI,GAAGA,GAAG,EAAED,IAAIwD,KAAK,CAACvD,IAAI,GAAG,CAAC;wBAExGiC,oBAAoBjC,IAAI;wBACxBd,SAASQ,OAAO,CAAChC,KAAK,GAAG4F;wBAEzB,IAAI,CAAC3F,WAAW;4BACdgB,SAAS2E;wBACX;wBAEA,OAAOzG,SAASyG;oBAClB;oBAEA;gBACF;YACF;YAEArE,oBAAoBS,OAAO,GAAG;QAChC;QAEAD,aAAaM,KAAKsC,UAAUpF;QAE5B,IAAI,CAACU,WAAW;YACdgB,SAAS/B,EAAEuG,MAAM,CAACzF,KAAK;QACzB;QAEA,OAAOb,SAASD,EAAEuG,MAAM,CAACzF,KAAK;IAChC,GACA;QACEb;QACAc;QACAL;QACAC;QACAN;QACAgF;QACAxC;QACAmB;KACD;IAGH,MAAM4C,aAAavI,YACjB,CAAC2B;QACCqG;QACAtG,OAAOC;IACT,GACA;QAACD;QAAQsG;KAAY;IAGvB,MAAMQ,kBAAkBxI,YACtB,CAAC6G;QACC,MAAM3F,OAAO2C,cAAc,CAACgD,IAAI;QAChC,MAAMpE,QAAQsB,YAAYU,OAAO;QACjC,MAAMgE,QACJvF,YAAY8B,MAAM,KAAK,IAAI,KAAKvC,MAAM8D,SAAS,CAAC,GAAGjD,aAAaJ,YAAY8B,MAAM;QACpF,MAAM0D,QAAQjG,MAAM8D,SAAS,CAACjD,aAAaF;QAE3C,MAAMuF,QAAQ;YAAET,QAAQjE,SAASQ,OAAO;QAAC;QACzC,MAAMmE,aAAa5H,eAAekC,aAAahC;QAE/CyH,MAAMT,MAAM,CAACzF,KAAK,GAAG,CAAC,EAAEgG,MAAM,EAAEG,WAAW,EAAEtG,OAAO,EAAEoG,MAAM,CAAC;QAC7DT,aAAaU;QACb5G,SAAS4G,MAAMT,MAAM,CAACzF,KAAK;QAE3BuF;QAEA,MAAMa,uBAAuBJ,MAAMzD,MAAM,GAAG4D,WAAW5D,MAAM,GAAI1C,CAAAA,SAASA,OAAO0C,MAAM,GAAG,CAAA;QAC1FgC,oBAAoB6B;QAEpB7E,oBAAoBS,OAAO,GAAG;IAChC,GACA;QACEZ;QACAX;QACAI;QACAF;QACApC;QACAsB;QACA2F;QACAlG;QACAiG;QACAhB;KACD;IAGH,MAAM8B,gBAAgB9I,YACpB,CAAC2I;QACC,MAAMI,eACJzH,aAAa,IAAIsG,KAAKC,GAAG,CAAChE,eAAemB,MAAM,EAAE1D,cAAcuC,eAAemB,MAAM;QAEtF,IAAIpC,eAAe;YACjB,OAAQ+F,MAAMK,OAAO;gBACnB,KAAKrI;oBACHgI,MAAMM,cAAc;oBACpBjB;oBACA;gBACF,KAAKzH;oBACHoI,MAAMM,cAAc;oBACpB,IAAIF,eAAe,GAAG;wBACpBtF,aACE,CAACyF,gBAAkBtB,KAAKQ,GAAG,CAAC,GAAGW,eAAeG,gBAAgB,KAAKH;oBAEvE;oBACA;gBACF,KAAKvI;oBACHmI,MAAMM,cAAc;oBACpB,IAAIF,eAAe,GAAG;wBACpBtF,aAAa,CAACyF,gBAAkB,AAACA,CAAAA,gBAAgB,CAAA,IAAKH;oBACxD;oBACA;gBACF,KAAKrI;gBACL,KAAKD;oBACH,IAAI,CAACwB,kBAAkB;wBACrB0G,MAAMM,cAAc;oBACtB;oBACAT,gBAAgBhF;oBAChB;gBACF,KAAK5C;oBACH,IAAI,CAACsB,gBAAgB;wBACnByG,MAAMM,cAAc;oBACtB;oBACAT,gBAAgBhF;oBAChB;gBACF;oBACE3B,UAAU8G;oBACV;YACJ;QACF,OAAO;YACL9G,UAAU8G;QACZ;IACF,GACA;QACE/F;QACAiB;QACAvC;QACAW;QACAC;QACAsB;QACA3B;QACAmG;QACAQ;KACD;IAGH,MAAMW,yBAAyBnJ,YAAY;QACzC,IAAI,CAAC4C,iBAAiBiB,eAAemB,MAAM,KAAK,GAAG;YACjD,OAAO;QACT;QAEA,IAAIxB,aAAaK,eAAemB,MAAM,EAAE;YACtCvB,aAAa;YACb,OAAO;QACT;QAEA,MAAM2F,eAAe9H,eAAe,IAAIuC,eAAemB,MAAM,GAAG1D;QAEhE,MAAM+F,gBAAgBxD,eAAeyE,KAAK,CAAC,GAAGc,cAAc5D,GAAG,CAAC,CAAC6D,KAAKxC;YACpE,IAAI,CAACyC,QAAQ7G,MAAM,GAAG4G,IAAIE,KAAK,CAAC;YAChC,IAAI,CAAC9G,OAAO;gBACV6G,SAASE;gBACT/G,QAAQ4G;YACV;YAEA,MAAMI,wBAAwB,CAACC;gBAC7B,MAAMC,iBAAiBD,KACpBtE,WAAW,GACX0B,OAAO,CAAC/C,YAAYU,OAAO,CAACU,MAAM,CAAC7B,YAAYF,aAAagC,WAAW;gBAE1E,MAAMwE,kBAAkBF,KAAKvE,MAAM,CAACwE,gBAAgBvG;gBAEpD,IAAI,CAACiG,IAAIQ,UAAU,CAACH,OAAO;oBACzB,OAAOA;gBACT;gBAEA,qBACE;;wBACGA,KAAKpB,KAAK,CAAC,GAAGqB;sCACf,KAACG;sCAAQF;;wBACRF,KAAKpB,KAAK,CAACqB,iBAAiBvG;;;YAGnC;YAEA,qBACE,MAAC2G;gBACCC,WAAWnD,QAAQrD,YAAYlD,OAAO2J,MAAM,GAAG;gBAE/CC,SAAS;oBACP1B,gBAAgB3B;gBAClB;gBACAsD,aAAa,CAACxI;oBACZA,EAAEsH,cAAc;gBAClB;gBACAmB,cAAc;oBACZ3G,aAAaoD;gBACf;gBACAwD,KAAKxD,QAAQrD,YAAYU,aAAa;gBACtCoG,MAAK;;oBAEJhB,wBAAU,KAACiB;wBAAKP,WAAW1J,OAAOgJ,MAAM;kCAAGG,sBAAsBH;;oBACjEG,sBAAsBhH;;eAdlB4G;QAiBX;QAEA,MAAMmB,WAAWpG,OAAO2D,UAAU,GAAGjF,OAAOtB,UAAU;QACtD,MAAMiJ,YAAYrG,OAAOsG,WAAW,GAAG1H,MAAMvB,UAAU;QAEvD,qBACE,KAACkJ;YACCX,WAAW1J,OAAOsK,iBAAiB,GAAG,MAAM;YAC5CP,KAAKlG;YACL0G,OAAO;gBACL/H,MAAMA,OAAOtB;gBACbiJ;gBACAD;gBACAM,SAAS;gBACTC,eAAe;gBACfC,UAAU;gBACVhI,KAAKA,MAAMvB;gBACXwJ,YAAY;YACd;sBAEC5D;;IAGP,GAAG;QACDzE;QACAiB;QACAL;QACAlC;QACAwB;QACAE;QACAxB;QACAC;QACA6B;QACAF;QACAoF;KACD;IAED,qBACE,MAAC0C;QAAIlB,WAAU;;0BACb,KAACmB;gBACCnB,WAAU;gBACV5I,UAAUA;gBACVM,QAAQ6G;gBACR3G,UAAUqG;gBACVpG,WAAWiH;gBACXuB,KAAKpG;gBACLmH,MAAM;gBACNP,OAAO;oBAAEQ,UAAU;gBAAO;gBAC1B5I,OAAOC,cAAc,OAAOA,YAAYD,SAAStB;gBAChD,GAAGwB,IAAI;;YAETwG;;;AAGP,EAAC"}

package/dist/libraries/autocomplete/AutocompleteTextArea.module.scss

@@ -0,0 +1,35 @@
+.autocompleteInput {
+  background-clip: padding-box;
+  border: 1px solid rgba(0,0,0,0.15);
+  bottom: auto;
+  box-shadow: 0 6px 12px rgba(0,0,0,0.175);
+  display: block;
+  font-size: 14px;
+  list-style: none;
+  position: fixed;
+  text-align: left;
+  z-index: 20000;
+  overflow-y: auto;
+  margin-top: 1em;
+
+  padding: var(--popup-padding)
+}
+
+.autocompleteInput > li {
+  cursor: pointer;
+  padding: 4px 8px;
+  min-width: 110px;
+  color: var(--theme-elevation-800);
+}
+
+.autocompleteInput > li.active {
+  background-color: var(--theme-elevation-100);
+}
+
+.helper {
+  padding: 0.2em;
+  font-size: 12px;
+  margin-right: 0.5em;
+  background: rgb(0 255 111 / 10%);
+  border-radius: 4px;
+}

package/dist/libraries/handlebars/asyncHandlebars.d.ts

@@ -0,0 +1,2 @@
+export declare const asyncHandlebars: any;
+//# sourceMappingURL=asyncHandlebars.d.ts.map

package/dist/libraries/handlebars/asyncHandlebars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"asyncHandlebars.d.ts","sourceRoot":"","sources":["../../../src/libraries/handlebars/asyncHandlebars.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,KAA2B,CAAA"}

package/dist/libraries/handlebars/asyncHandlebars.js

@@ -0,0 +1,5 @@
+import Handlebars from 'handlebars';
+import asyncHelpers from 'handlebars-async-helpers';
+export const asyncHandlebars = asyncHelpers(Handlebars);
+
+//# sourceMappingURL=asyncHandlebars.js.map

package/dist/libraries/handlebars/asyncHandlebars.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/libraries/handlebars/asyncHandlebars.ts"],"sourcesContent":["import Handlebars from 'handlebars'\nimport asyncHelpers from 'handlebars-async-helpers'\n\nexport const asyncHandlebars = asyncHelpers(Handlebars)\n"],"names":["Handlebars","asyncHelpers","asyncHandlebars"],"mappings":"AAAA,OAAOA,gBAAgB,aAAY;AACnC,OAAOC,kBAAkB,2BAA0B;AAEnD,OAAO,MAAMC,kBAAkBD,aAAaD,YAAW"}

package/dist/libraries/handlebars/helpers.d.ts

@@ -0,0 +1,2 @@
+export declare const registerEditorHelper: (payload: any, schemaPath: any) => void;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/libraries/handlebars/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/libraries/handlebars/helpers.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,oBAAoB,yCAqBhC,CAAA"}

package/dist/libraries/handlebars/helpers.js

@@ -0,0 +1,22 @@
+import { getFieldInfo } from '../../utilities/getFieldInfo.js';
+import { lexicalToHTML } from '../../utilities/lexicalToHTML.js';
+import { asyncHandlebars } from './asyncHandlebars.js';
+import { handlebarsHelpersMap } from './helpersMap.js';
+export const registerEditorHelper = (payload, schemaPath)=>{
+    //TODO: add autocomplete ability using handlebars template on PromptEditorField and include custom helpers in dropdown
+    let fieldInfo = getFieldInfo(payload.collections, schemaPath);
+    const schemaPathChunks = schemaPath.split('.');
+    asyncHandlebars.registerHelper(handlebarsHelpersMap.toHTML.name, async function(content, options) {
+        const collectionSlug = schemaPathChunks[0];
+        const { ids } = options;
+        for (const id of ids){
+            //TODO: Find a better way to get schemaPath of defined field in prompt editor
+            const path = `${collectionSlug}.${id}`;
+            fieldInfo = getFieldInfo(payload.collections, path);
+        }
+        const html = await lexicalToHTML(content, fieldInfo.editor?.editorConfig);
+        return new asyncHandlebars.SafeString(html);
+    });
+};
+
+//# sourceMappingURL=helpers.js.map

package/dist/libraries/handlebars/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/libraries/handlebars/helpers.ts"],"sourcesContent":["import type { SerializedEditorState } from 'lexical'\n\nimport { getFieldInfo } from '../../utilities/getFieldInfo.js'\nimport { lexicalToHTML } from '../../utilities/lexicalToHTML.js'\nimport { asyncHandlebars } from './asyncHandlebars.js'\nimport { handlebarsHelpersMap } from './helpersMap.js'\n\nexport const registerEditorHelper = (payload, schemaPath) => {\n  //TODO: add autocomplete ability using handlebars template on PromptEditorField and include custom helpers in dropdown\n\n  let fieldInfo = getFieldInfo(payload.collections, schemaPath)\n  const schemaPathChunks = schemaPath.split('.')\n\n  asyncHandlebars.registerHelper(\n    handlebarsHelpersMap.toHTML.name,\n    async function (content: SerializedEditorState, options) {\n      const collectionSlug = schemaPathChunks[0]\n      const { ids } = options\n      for (const id of ids) {\n        //TODO: Find a better way to get schemaPath of defined field in prompt editor\n        const path = `${collectionSlug}.${id}`\n        fieldInfo = getFieldInfo(payload.collections, path)\n      }\n\n      const html = await lexicalToHTML(content, fieldInfo.editor?.editorConfig)\n      return new asyncHandlebars.SafeString(html)\n    },\n  )\n}\n"],"names":["getFieldInfo","lexicalToHTML","asyncHandlebars","handlebarsHelpersMap","registerEditorHelper","payload","schemaPath","fieldInfo","collections","schemaPathChunks","split","registerHelper","toHTML","name","content","options","collectionSlug","ids","id","path","html","editor","editorConfig","SafeString"],"mappings":"AAEA,SAASA,YAAY,QAAQ,kCAAiC;AAC9D,SAASC,aAAa,QAAQ,mCAAkC;AAChE,SAASC,eAAe,QAAQ,uBAAsB;AACtD,SAASC,oBAAoB,QAAQ,kBAAiB;AAEtD,OAAO,MAAMC,uBAAuB,CAACC,SAASC;IAC5C,sHAAsH;IAEtH,IAAIC,YAAYP,aAAaK,QAAQG,WAAW,EAAEF;IAClD,MAAMG,mBAAmBH,WAAWI,KAAK,CAAC;IAE1CR,gBAAgBS,cAAc,CAC5BR,qBAAqBS,MAAM,CAACC,IAAI,EAChC,eAAgBC,OAA8B,EAAEC,OAAO;QACrD,MAAMC,iBAAiBP,gBAAgB,CAAC,EAAE;QAC1C,MAAM,EAAEQ,GAAG,EAAE,GAAGF;QAChB,KAAK,MAAMG,MAAMD,IAAK;YACpB,6EAA6E;YAC7E,MAAME,OAAO,CAAC,EAAEH,eAAe,CAAC,EAAEE,GAAG,CAAC;YACtCX,YAAYP,aAAaK,QAAQG,WAAW,EAAEW;QAChD;QAEA,MAAMC,OAAO,MAAMnB,cAAca,SAASP,UAAUc,MAAM,EAAEC;QAC5D,OAAO,IAAIpB,gBAAgBqB,UAAU,CAACH;IACxC;AAEJ,EAAC"}

package/dist/libraries/handlebars/helpersMap.d.ts

@@ -0,0 +1,12 @@
+type SupportedHelpers = 'toHTML' | 'toText';
+interface HelperFieldConfig {
+    field: string;
+    name: string;
+}
+type HandlebarsHelpers = {
+    [K in SupportedHelpers]: HelperFieldConfig;
+};
+export declare const handlebarsHelpersMap: HandlebarsHelpers;
+export declare const handlebarsHelpers: string[];
+export {};
+//# sourceMappingURL=helpersMap.d.ts.map

package/dist/libraries/handlebars/helpersMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpersMap.d.ts","sourceRoot":"","sources":["../../../src/libraries/handlebars/helpersMap.ts"],"names":[],"mappings":"AAAA,KAAK,gBAAgB,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAE3C,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb;AAED,KAAK,iBAAiB,GAAG;KACtB,CAAC,IAAI,gBAAgB,GAAG,iBAAiB;CAC3C,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,iBASlC,CAAA;AAED,eAAO,MAAM,iBAAiB,UAAoC,CAAA"}

package/dist/libraries/handlebars/helpersMap.js

@@ -0,0 +1,13 @@
+export const handlebarsHelpersMap = {
+    toHTML: {
+        name: 'toHTML',
+        field: 'richText'
+    },
+    toText: {
+        name: 'toText',
+        field: '-'
+    }
+};
+export const handlebarsHelpers = Object.keys(handlebarsHelpersMap);
+
+//# sourceMappingURL=helpersMap.js.map

package/dist/libraries/handlebars/helpersMap.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/libraries/handlebars/helpersMap.ts"],"sourcesContent":["type SupportedHelpers = 'toHTML' | 'toText'\n\ninterface HelperFieldConfig {\n  field: string\n  name: string\n}\n\ntype HandlebarsHelpers = {\n  [K in SupportedHelpers]: HelperFieldConfig\n}\n\nexport const handlebarsHelpersMap: HandlebarsHelpers = {\n  toHTML: {\n    name: 'toHTML',\n    field: 'richText',\n  },\n  toText: {\n    name: 'toText',\n    field: '-',\n  },\n}\n\nexport const handlebarsHelpers = Object.keys(handlebarsHelpersMap)\n"],"names":["handlebarsHelpersMap","toHTML","name","field","toText","handlebarsHelpers","Object","keys"],"mappings":"AAWA,OAAO,MAAMA,uBAA0C;IACrDC,QAAQ;QACNC,MAAM;QACNC,OAAO;IACT;IACAC,QAAQ;QACNF,MAAM;QACNC,OAAO;IACT;AACF,EAAC;AAED,OAAO,MAAME,oBAAoBC,OAAOC,IAAI,CAACP,sBAAqB"}

package/dist/libraries/handlebars/replacePlaceholders.d.ts

@@ -0,0 +1,2 @@
+export declare const replacePlaceholders: (prompt: string, values: object) => any;
+//# sourceMappingURL=replacePlaceholders.d.ts.map

package/dist/libraries/handlebars/replacePlaceholders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"replacePlaceholders.d.ts","sourceRoot":"","sources":["../../../src/libraries/handlebars/replacePlaceholders.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,WAAY,MAAM,UAAU,MAAM,QAEjE,CAAA"}

package/dist/libraries/handlebars/replacePlaceholders.js

@@ -0,0 +1,8 @@
+import { asyncHandlebars } from './asyncHandlebars.js';
+export const replacePlaceholders = (prompt, values)=>{
+    return asyncHandlebars.compile(prompt, {
+        trackIds: true
+    })(values);
+};
+
+//# sourceMappingURL=replacePlaceholders.js.map