@micromerce/formbuilder-react 1.0.651 → 1.0.656

package/dist/src/components/QueryControl/utils/hasExpertControl/hasExpertControl.js

@@ -0,0 +1,38 @@
+import useValueGeneratorWithContext from "../../../../hooks/useValueGenerator/useValueGenerator";
+const hasExpertControl = (controls) => {
+    let hasExpert = false;
+    if (!controls)
+        return hasExpert;
+    for (const control of Object.values(controls)) {
+        const formControl = control.control;
+        const isRequired = control.required;
+        const isGroup = formControl === "group";
+        const isList = formControl === "list";
+        const isListOrGroup = isList || isGroup;
+        const formVisibility = control?.["custom-attributes"]?.visibility?.form;
+        const hideOnCondition = typeof formVisibility === "object" && formVisibility?.hideOnCondition;
+        const { value: hideOnConditionValue } = useValueGeneratorWithContext({
+            query: hideOnCondition,
+            objectPathId: "",
+        });
+        const isExpert = formVisibility === "expert";
+        const isExpertControl = !isRequired && formVisibility && isExpert && !hideOnConditionValue;
+        if (isExpertControl) {
+            hasExpert = true;
+            break;
+        }
+        if (isListOrGroup) {
+            const template = isList && control.template;
+            const groupControls = isGroup && control.controls;
+            const controls = template || groupControls;
+            const controlsHasExpertControl = hasExpertControl(controls);
+            if (controlsHasExpertControl) {
+                hasExpert = true;
+                break;
+            }
+        }
+    }
+    return hasExpert;
+};
+export default hasExpertControl;
+//# sourceMappingURL=hasExpertControl.js.map

package/dist/src/components/QueryControl/utils/hasExpertControl/hasExpertControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hasExpertControl.js","sourceRoot":"","sources":["../../../../../../src/components/QueryControl/utils/hasExpertControl/hasExpertControl.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,MAAM,uDAAuD,CAAC;AAGjG,MAAM,gBAAgB,GAAG,CAAC,QAAsB,EAAE,EAAE;IAClD,IAAI,SAAS,GAAG,KAAK,CAAC;IAEtB,IAAI,CAAC,QAAQ;QAAE,OAAO,SAAS,CAAC;IAEhC,KAAK,MAAM,OAAO,IAAI,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC9C,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC;QACpC,MAAM,UAAU,GAAG,OAAO,CAAC,QAAQ,CAAC;QACpC,MAAM,OAAO,GAAG,WAAW,KAAK,OAAO,CAAC;QACxC,MAAM,MAAM,GAAG,WAAW,KAAK,MAAM,CAAC;QACtC,MAAM,aAAa,GAAG,MAAM,IAAI,OAAO,CAAC;QAExC,MAAM,cAAc,GAAG,OAAO,EAAE,CAAC,mBAAmB,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC;QACxE,MAAM,eAAe,GACnB,OAAO,cAAc,KAAK,QAAQ,IAAI,cAAc,EAAE,eAAe,CAAC;QACxE,MAAM,EAAE,KAAK,EAAE,oBAAoB,EAAE,GAAG,4BAA4B,CAAC;YACnE,KAAK,EAAE,eAAe;YACtB,YAAY,EAAE,EAAE;SACjB,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,cAAc,KAAK,QAAQ,CAAC;QAC7C,MAAM,eAAe,GACnB,CAAC,UAAU,IAAI,cAAc,IAAI,QAAQ,IAAI,CAAC,oBAAoB,CAAC;QAErE,IAAI,eAAe,EAAE,CAAC;YACpB,SAAS,GAAG,IAAI,CAAC;YACjB,MAAM;QACR,CAAC;QAED,IAAI,aAAa,EAAE,CAAC;YAClB,MAAM,QAAQ,GAAG,MAAM,IAAI,OAAO,CAAC,QAAQ,CAAC;YAC5C,MAAM,aAAa,GAAG,OAAO,IAAI,OAAO,CAAC,QAAQ,CAAC;YAClD,MAAM,QAAQ,GAAG,QAAQ,IAAI,aAAa,CAAC;YAE3C,MAAM,wBAAwB,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC;YAC5D,IAAI,wBAAwB,EAAE,CAAC;gBAC7B,SAAS,GAAG,IAAI,CAAC;gBACjB,MAAM;YACR,CAAC;QACH,CAAC;IACH,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/src/components/QueryControl/utils/hasExpertControl/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./hasExpertControl";

package/dist/src/components/QueryControl/utils/hasExpertControl/index.js

@@ -0,0 +1,2 @@
+export { default } from "./hasExpertControl";
+//# sourceMappingURL=index.js.map

package/dist/src/components/QueryControl/utils/hasExpertControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/QueryControl/utils/hasExpertControl/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/src/components/QueryControl/utils/hideGroup/hideGroup.d.ts

@@ -0,0 +1,3 @@
+import { FormControls } from "../../../../types";
+declare const hideGroup: (controls: FormControls, isExpertMode: boolean) => boolean;
+export default hideGroup;

package/dist/src/components/QueryControl/utils/hideGroup/hideGroup.js

@@ -0,0 +1,9 @@
+import allControlsHidden from "../allControlsHidden";
+import hasExpertControl from "../hasExpertControl";
+const hideGroup = (controls, isExpertMode) => {
+    const controlsHidden = allControlsHidden(controls);
+    const expertControl = hasExpertControl(controls);
+    return expertControl ? !isExpertMode && controlsHidden : controlsHidden;
+};
+export default hideGroup;
+//# sourceMappingURL=hideGroup.js.map

package/dist/src/components/QueryControl/utils/hideGroup/hideGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hideGroup.js","sourceRoot":"","sources":["../../../../../../src/components/QueryControl/utils/hideGroup/hideGroup.ts"],"names":[],"mappings":"AACA,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AACrD,OAAO,gBAAgB,MAAM,qBAAqB,CAAC;AAEnD,MAAM,SAAS,GAAG,CAAC,QAAsB,EAAE,YAAqB,EAAE,EAAE;IAClE,MAAM,cAAc,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IACnD,MAAM,aAAa,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACjD,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,YAAY,IAAI,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC;AAC1E,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/src/components/QueryControl/utils/hideGroup/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./hideGroup";

package/dist/src/components/QueryControl/utils/hideGroup/index.js

@@ -0,0 +1,2 @@
+export { default } from "./hideGroup";
+//# sourceMappingURL=index.js.map

package/dist/src/components/QueryControl/utils/hideGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/QueryControl/utils/hideGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}

package/dist/src/components/Select/Select.d.ts

@@ -0,0 +1,12 @@
+import { DetailedHTMLProps, SelectHTMLAttributes } from "react";
+import { OnChangeValueType, SelectFormControl } from "../../types";
+import type { controlProps } from "../../types/controlProps";
+export interface IProps extends DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement> {
+    id: string;
+    control: SelectFormControl;
+    controlProps?: controlProps;
+    objectPathId?: string;
+    onChangeValue: (newProperties: OnChangeValueType) => void;
+}
+declare const Select: ({ onChangeValue, controlProps, ...props }: IProps) => import("react/jsx-runtime").JSX.Element;
+export default Select;

package/dist/src/components/Select/Select.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Autocomplete from "@mui/material/Autocomplete";
+import { useEffect, useState, } from "react";
+import useOptionsGenerator from "../../hooks/useDependent/enhanced/useOptionsGenerator/useOptionsGenerator";
+import TextField from "../../styles/Textfield.styles";
+import * as styles from "./Select.module.scss";
+import getSelectedOption from "./utils/getSelectedOption";
+const Select = ({ onChangeValue, controlProps, ...props }) => {
+    const { id, control, objectPathId } = props;
+    const { error, options, placeholder, required, value, "custom-attributes": customAttributes, } = control;
+    const errorClass = error ? "error" : "";
+    const defaultOptions = getSelectedOption(options, value);
+    const requiredPlaceholder = placeholder
+        ? required
+            ? placeholder + " *"
+            : placeholder
+        : "";
+    const { options: generatedOptions } = useOptionsGenerator({
+        controlKey: id,
+        objectPathId,
+        options,
+        query: customAttributes?.optionsGenerator,
+    });
+    const [selectedOption, setSelectedOption] = useState(defaultOptions);
+    const [inputValue, setInputValue] = useState("");
+    const currObjectPathId = objectPathId || id;
+    useEffect(() => {
+        if (!value) {
+            //* value is undefinded in backend
+            const selectedOpt = getSelectedOption(options, value);
+            determineSelectedOption({ option: selectedOpt });
+        }
+        if (value !== selectedOption?.value) {
+            const selectedOpt = getSelectedOption(options, value);
+            determineSelectedOption({ option: selectedOpt, hasChanged: false });
+        }
+    }, [value]);
+    const determineSelectedOption = ({ option, hasChanged = true, }) => {
+        setSelectedOption(option);
+        onChangeValue({
+            value: option?.value || "",
+            options: [
+                ...options?.map((opt) => ({
+                    ...opt,
+                    selected: opt.value === option?.value,
+                })),
+            ],
+            hasChanged,
+        });
+    };
+    return (_jsx(Autocomplete, { className: styles["select-container"], id: currObjectPathId, "data-testid": `select-container ${id}`, disableClearable: true, size: "small", sx: controlProps?.selectProps?.sx, value: selectedOption, readOnly: customAttributes?.readOnly, onChange: (e, option) => determineSelectedOption({ option }), isOptionEqualToValue: (option, value) => option.value === value.value, inputValue: inputValue, onInputChange: (e, newInputValue) => setInputValue(newInputValue), options: generatedOptions, getOptionLabel: (option) => option.text, ListboxProps: {
+            sx: {
+                "& .MuiAutocomplete-option": {
+                    minHeight: "40px",
+                },
+                ...controlProps?.selectProps?.listBox?.sx,
+            },
+        }, renderInput: (params) => (_jsx(TextField, { ...params, className: styles[errorClass], placeholder: requiredPlaceholder, required: required, sx: {
+                "& > div": { minWidth: "0 !important" },
+                "& .MuiInputBase-root": {
+                    height: "40px",
+                },
+                ...controlProps?.selectProps?.textField?.sx,
+            } })) }));
+};
+export default Select;
+//# sourceMappingURL=Select.js.map

package/dist/src/components/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/Select/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Select";

package/dist/src/components/Select/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Select";
+//# sourceMappingURL=index.js.map

package/dist/src/components/Select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}

package/dist/src/components/Select/utils/getSelectedOption.d.ts

@@ -0,0 +1,3 @@
+import { SelectFormControlOption } from "../../../types";
+declare const getSelectedOption: (options: SelectFormControlOption[], value: string) => SelectFormControlOption;
+export default getSelectedOption;

package/dist/src/components/Select/utils/getSelectedOption.js

@@ -0,0 +1,8 @@
+const getSelectedOption = (options, value) => {
+    const selectedOption = options
+        .map((option) => (option.selected && !value) || option.value === value ? option : null)
+        .filter((x) => !!x);
+    return selectedOption[0] || options[0];
+};
+export default getSelectedOption;
+//# sourceMappingURL=getSelectedOption.js.map

package/dist/src/components/Select/utils/getSelectedOption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSelectedOption.js","sourceRoot":"","sources":["../../../../../src/components/Select/utils/getSelectedOption.ts"],"names":[],"mappings":"AAEA,MAAM,iBAAiB,GAAG,CACxB,OAAkC,EAClC,KAAa,EACY,EAAE;IAC3B,MAAM,cAAc,GAAG,OAAO;SAC3B,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CACd,CAAC,MAAM,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CACtE;SACA,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACtB,OAAO,cAAc,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;AACzC,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/src/components/Textarea/Textarea.d.ts

@@ -0,0 +1,10 @@
+import { DetailedHTMLProps, TextareaHTMLAttributes } from "react";
+import { OnChangeValueType, TextareaFormControl } from "../../types";
+export interface IProps extends DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> {
+    control: TextareaFormControl;
+    id: string;
+    objectPathId?: string;
+    onChangeValue: (newProperties: OnChangeValueType) => void;
+}
+declare const Textarea: ({ onChangeValue, ...props }: IProps) => import("react/jsx-runtime").JSX.Element;
+export default Textarea;

package/dist/src/components/Textarea/Textarea.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext, useEffect, } from "react";
+import { FormDataContext } from "../../context/FormData";
+import useInputDependent from "../../hooks/useDependent/enhanced/useInputDependent/useInputDependent";
+import * as styles from "./Textarea.module.scss";
+import AiWrapper from "./aiWrapper";
+import DefaultEditor from "./editors/Default";
+import HtmlEditor from "./editors/Html";
+import JsonEditor from "./editors/Json";
+import MarkdownEditor from "./editors/Markdown";
+import RichTextEditor from "./editors/Richtext";
+const Textarea = ({ onChangeValue, ...props }) => {
+    const { control, id, objectPathId } = props;
+    const { value = "", "custom-attributes": customAttributes, error, hasEdited, } = control;
+    const currObjectPathId = objectPathId || id;
+    const errorClass = error ? "error" : "";
+    const query = customAttributes?.defaultValue;
+    const { textColor } = useInputDependent({
+        onChangeValue,
+        query,
+        objectPathId,
+        value,
+        hasEdited,
+    });
+    const genAiPrompts = customAttributes?.genAiPrompts;
+    const { toggleRerendered } = useContext(FormDataContext);
+    const TYPE = control.type;
+    const EDITOR_TYPE = customAttributes?.editor;
+    const readOnly = customAttributes?.readOnly;
+    useEffect(() => {
+        onChangeValue({ value: value || "" });
+    }, [toggleRerendered]);
+    const renderEditor = () => {
+        switch (EDITOR_TYPE) {
+            case "richtext":
+                return RichTextEditor;
+            case "markdown":
+                return MarkdownEditor;
+            default:
+                if (TYPE === "html") {
+                    return HtmlEditor;
+                }
+                else if (TYPE === "json") {
+                    return JsonEditor;
+                }
+                else {
+                    return DefaultEditor;
+                }
+        }
+    };
+    const TextareaControl = renderEditor();
+    return (_jsx("div", { className: `${styles.textarea} textarea-control`, "data-testid": `textarea-${currObjectPathId}`, children: _jsx("div", { className: styles.textareaWithBorder, children: _jsx(AiWrapper, { aiActions: genAiPrompts, inputControl: _jsx(TextareaControl, { control: control, errorClass: errorClass, textColor: textColor, value: value, onChangeValue: onChangeValue, onChange: onChangeValue, id: currObjectPathId, readOnly: readOnly }), AiResponseControl: TextareaControl, onAcceptAiResponse: onChangeValue, objectPathId: currObjectPathId }) }) }));
+};
+export default Textarea;
+//# sourceMappingURL=Textarea.js.map

package/dist/src/components/Textarea/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/Textarea/Textarea.types.d.ts

@@ -0,0 +1,12 @@
+type Type = "plain" | "html" | "json";
+type EditorType = "richtext" | "markdown" | "code";
+type ViewerType = "html" | "markdown";
+export interface ITextareaProps {
+    control: "textarea";
+    type: Type;
+    "custom-attributes": {
+        editor: EditorType;
+        viewer: ViewerType;
+    };
+}
+export {};

package/dist/src/components/Textarea/Textarea.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Textarea.types.js.map

package/dist/src/components/Textarea/Textarea.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.types.js","sourceRoot":"","sources":["../../../../src/components/Textarea/Textarea.types.ts"],"names":[],"mappings":""}

package/dist/src/components/Textarea/aiWrapper/aiAction.d.ts

@@ -0,0 +1,12 @@
+import type { GenAiPrompt } from "../../../types";
+import "./global-ai-wrapper.css";
+interface AiActionProps {
+    action: GenAiPrompt;
+    objectPathId: string | null;
+    isLoading: boolean;
+    isDisabled: boolean;
+    index: number;
+    onClick: (prompt: string, profile: string, index: number) => void;
+}
+declare const AiAction: ({ action, objectPathId, isLoading, isDisabled, index, onClick, }: AiActionProps) => import("react/jsx-runtime").JSX.Element;
+export default AiAction;

package/dist/src/components/Textarea/aiWrapper/aiAction.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// styles
+import "./global-ai-wrapper.css";
+import * as styles from "./index.module.scss";
+import useDependent from "../../../hooks/useDependent/useDependent";
+// components
+import Spinner from "../../../ui-helper/notifications/images/spinner";
+const AiAction = ({ action, objectPathId, isLoading, isDisabled, index, onClick, }) => {
+    const { resolvedQuery: resolvedPromptTemplate } = useDependent({
+        query: action.promptTemplate,
+        objectPathId,
+    });
+    const handleOnClick = () => {
+        if (isLoading)
+            return;
+        onClick(resolvedPromptTemplate, action.profile, index);
+    };
+    return (_jsxs("button", { onClick: handleOnClick, className: `${styles.actionButton} ${isLoading ? styles.actionButtonLoading : ""}`, disabled: isDisabled, "data-testid": "textarea-ai-wrapper-action-button", type: "button", children: [_jsx("p", { children: action.displayValue }), isLoading && _jsx(Spinner, {})] }));
+};
+export default AiAction;
+//# sourceMappingURL=aiAction.js.map

package/dist/src/components/Textarea/aiWrapper/aiAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aiAction.js","sourceRoot":"","sources":["../../../../../src/components/Textarea/aiWrapper/aiAction.tsx"],"names":[],"mappings":";AAGA,SAAS;AACT,OAAO,yBAAyB,CAAC;AACjC,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAI9C,OAAO,YAAY,MAAM,0CAA0C,CAAC;AAEpE,aAAa;AACb,OAAO,OAAO,MAAM,iDAAiD,CAAC;AAWtE,MAAM,QAAQ,GAAG,CAAC,EAChB,MAAM,EACN,YAAY,EACZ,SAAS,EACT,UAAU,EACV,KAAK,EACL,OAAO,GACO,EAAE,EAAE;IAClB,MAAM,EAAE,aAAa,EAAE,sBAAsB,EAAE,GAAG,YAAY,CAAC;QAC7D,KAAK,EAAE,MAAM,CAAC,cAAc;QAC5B,YAAY;KACb,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,SAAS;YAAE,OAAO;QAEtB,OAAO,CAAC,sBAAsB,EAAE,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACzD,CAAC,CAAC;IAEF,OAAO,CACL,kBACE,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,GAAG,MAAM,CAAC,YAAY,IAC/B,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAC3C,EAAE,EACF,QAAQ,EAAE,UAAU,iBACR,mCAAmC,EAC/C,IAAI,EAAC,QAAQ,aAEb,sBAAI,MAAM,CAAC,YAAY,GAAK,EAC3B,SAAS,IAAI,KAAC,OAAO,KAAG,IAClB,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/src/components/Textarea/aiWrapper/aiLayout.d.ts

@@ -0,0 +1,10 @@
+import type { AiWrapperProps } from ".";
+import type { useAiProps } from "./useAi";
+import "./global-ai-wrapper.css";
+import useAi from "./useAi";
+interface AiLayoutProps extends ReturnType<typeof useAi>, Omit<AiWrapperProps, keyof useAiProps> {
+    modalOpen: boolean;
+    onModalToggle: () => void;
+}
+declare const AiLayout: ({ AiResponseControl, aiActions, inputControl, objectPathId, aiResponse, isError, isLoading, loadingActionIndex, modalOpen, onModalToggle, handleAccept, handleAiActionClick, handleDiscard, handleBack, handleRetry, }: AiLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export default AiLayout;

package/dist/src/components/Textarea/aiWrapper/aiLayout.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+// styles
+import "./global-ai-wrapper.css";
+import * as styles from "./index.module.scss";
+// components
+import { Tooltip } from "@mui/material";
+import { FaCompressAlt } from "@react-icons/all-files/fa/FaCompressAlt";
+import { FaExpandAlt } from "@react-icons/all-files/fa/FaExpandAlt";
+import cx from "classnames";
+import ErrorNotification from "../../../ui-helper/notifications/Error";
+import AiAction from "./aiAction";
+const AiLayout = ({ AiResponseControl, aiActions, inputControl, objectPathId, aiResponse, isError, isLoading, loadingActionIndex, modalOpen, onModalToggle, handleAccept, handleAiActionClick, handleDiscard, handleBack, handleRetry, }) => {
+    return (_jsxs("div", { className: cx(styles.aiWrapperContainer, {
+            [styles.expanded]: modalOpen,
+        }), "data-testid": "textarea-ai-wrapper", children: [_jsxs("div", { className: styles.aiWrapperContentContainer, children: [_jsx("div", { className: `${styles.aiWrapperContentWrapper} aiWrapperContentWrapper`, children: isError.state ? (_jsx(ErrorNotification, { onBack: handleBack, onRetry: handleRetry })) : (_jsxs(_Fragment, { children: [inputControl, aiResponse && (_jsx("div", { className: styles.aiResponseInputControlContainer, "data-testid": "textarea-ai-response-container", children: _jsx(AiResponseControl, { value: aiResponse.message, readonly: true }) }))] })) }), aiResponse && (_jsxs("div", { className: styles.aiWrapperActionsContainer, "data-testid": "textarea-ai-wrapper-response-actions", children: [_jsxs("button", { onClick: handleDiscard, className: styles.discardButton, "data-testid": "textarea-ai-wrapper-discard-button", type: "button", children: [_jsx("p", { children: "Discard Changes" }), _jsx("i", { className: "fas fa-times" })] }), _jsxs("button", { onClick: handleAccept, className: styles.acceptButton, "data-testid": "textarea-ai-wrapper-accept-button", type: "button", children: [_jsx("p", { children: "Accept Changes" }), _jsx("i", { className: "fas fa-check" })] })] }))] }), _jsxs("div", { className: styles.aiWrapperFooterContainer, "data-testid": "textarea-ai-wrapper-footer", children: [_jsx("div", { className: styles.footerAiIcon, children: aiActions?.length > 0 && (_jsx(Tooltip, { title: "Powered by Artificial Intelligence", arrow: true, componentsProps: {
+                                arrow: { sx: { color: "#333" } },
+                                tooltip: { sx: { backgroundColor: "#333", color: "white" } },
+                            }, children: _jsx("i", { className: "fas fa-sparkles fa-lg" }) })) }), _jsxs("div", { className: styles.aiActionsRightContainer, children: [_jsx("div", { className: styles.aiActionsContainer, "data-testid": "textarea-ai-wrapper-actions", children: aiActions?.map((action, index) => (_jsx(AiAction, { onClick: handleAiActionClick, action: action, objectPathId: objectPathId, isLoading: isLoading && loadingActionIndex === index, isDisabled: isLoading && loadingActionIndex !== index, index: index }, index))) }), !modalOpen && (_jsx(FaExpandAlt, { size: 18, className: styles.expandButton, "data-testid": "textarea-ai-wrapper-expand-button", onClick: onModalToggle })), modalOpen && (_jsx(FaCompressAlt, { size: 18, className: styles.expandButton, "data-testid": "textarea-ai-wrapper-close-button", onClick: onModalToggle }))] })] })] }));
+};
+export default AiLayout;
+//# sourceMappingURL=aiLayout.js.map

package/dist/src/components/Textarea/aiWrapper/aiLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aiLayout.js","sourceRoot":"","sources":["../../../../../src/components/Textarea/aiWrapper/aiLayout.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/Textarea/aiWrapper/index.d.ts

@@ -0,0 +1,11 @@
+import type { GenAiPrompts, OnChangeValueType } from "../../../types";
+import React from "react";
+export interface AiWrapperProps {
+    aiActions: GenAiPrompts;
+    inputControl: React.ReactNode;
+    AiResponseControl: React.FC<any>;
+    objectPathId: string | null;
+    onAcceptAiResponse: (newProperties: OnChangeValueType) => void;
+}
+declare const AiWrapper: ({ ...props }: AiWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export default AiWrapper;

package/dist/src/components/Textarea/aiWrapper/index.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+// hooks
+import { useState } from "react";
+import useAi from "./useAi";
+// components
+import AiLayout from "./aiLayout";
+import Box from "@mui/material/Box";
+import Modal from "@mui/material/Modal";
+const modalBoxStyle = {
+    position: "fixed",
+    display: "flex",
+    top: "50%",
+    left: "50%",
+    transform: "translate(-50%, -50%)",
+    width: "calc(100% - 32px)",
+    height: "calc(100% - 32px)",
+    bgcolor: "background.paper",
+    borderRadius: "4px",
+};
+const AiWrapper = ({ ...props }) => {
+    const { onAcceptAiResponse } = props;
+    const useAiProps = useAi({ onAcceptAiResponse });
+    const aiLayoutProps = { ...useAiProps, ...props };
+    const [open, setOpen] = useState(false);
+    const handleToggle = () => setOpen((t) => !t);
+    return (_jsxs(_Fragment, { children: [!open && (_jsx(AiLayout, { ...aiLayoutProps, modalOpen: open, onModalToggle: handleToggle })), _jsx(Modal, { open: open, children: _jsx(Box, { sx: modalBoxStyle, children: _jsx(AiLayout, { ...aiLayoutProps, modalOpen: open, onModalToggle: handleToggle }) }) })] }));
+};
+export default AiWrapper;
+//# sourceMappingURL=index.js.map

package/dist/src/components/Textarea/aiWrapper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Textarea/aiWrapper/index.tsx"],"names":[],"mappings":";AAGA,QAAQ;AACR,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,aAAa;AACb,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,KAAK,MAAM,qBAAqB,CAAC;AAExC,MAAM,aAAa,GAAG;IACpB,QAAQ,EAAE,OAAO;IACjB,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,KAAK;IACX,SAAS,EAAE,uBAAuB;IAClC,KAAK,EAAE,mBAAmB;IAC1B,MAAM,EAAE,mBAAmB;IAC3B,OAAO,EAAE,kBAAkB;IAC3B,YAAY,EAAE,KAAK;CACpB,CAAC;AAUF,MAAM,SAAS,GAAG,CAAC,EAAE,GAAG,KAAK,EAAkB,EAAE,EAAE;IACjD,MAAM,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAC;IACrC,MAAM,UAAU,GAAG,KAAK,CAAC,EAAE,kBAAkB,EAAE,CAAC,CAAC;IACjD,MAAM,aAAa,GAAG,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,EAAE,CAAC;IAElD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAE9C,OAAO,CACL,8BACG,CAAC,IAAI,IAAI,CACR,KAAC,QAAQ,OACH,aAAa,EACjB,SAAS,EAAE,IAAI,EACf,aAAa,EAAE,YAAY,GAC3B,CACH,EACD,KAAC,KAAK,IAAC,IAAI,EAAE,IAAI,YACf,KAAC,GAAG,IAAC,EAAE,EAAE,aAAa,YACpB,KAAC,QAAQ,OACH,aAAa,EACjB,SAAS,EAAE,IAAI,EACf,aAAa,EAAE,YAAY,GAC3B,GACE,GACA,IACP,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/src/components/Textarea/aiWrapper/useAi.d.ts

@@ -0,0 +1,21 @@
+import type { OnChangeValueType, PostMessageResponse } from "../../../types";
+export interface useAiProps {
+    onAcceptAiResponse: (newProperties: OnChangeValueType) => void;
+}
+declare const useAi: ({ onAcceptAiResponse }: useAiProps) => {
+    aiResponse: PostMessageResponse;
+    isLoading: boolean;
+    isError: {
+        state: boolean;
+        message: string;
+        prompt: string;
+        profile: string;
+    };
+    loadingActionIndex: number;
+    handleAiActionClick: (prompt: string, profile: string, index: number) => Promise<void>;
+    handleAccept: () => void;
+    handleDiscard: () => void;
+    handleBack: () => void;
+    handleRetry: () => Promise<void>;
+};
+export default useAi;

package/dist/src/components/Textarea/aiWrapper/useAi.js

@@ -0,0 +1,74 @@
+// hooks
+import { useContext, useState } from "react";
+// context
+import { FormDataContext } from "../../../context/FormData";
+const useAi = ({ onAcceptAiResponse }) => {
+    const [aiResponse, setAiResponse] = useState(null);
+    const [isLoading, setIsLoading] = useState(false);
+    const [isError, setIsError] = useState({
+        state: false,
+        message: "",
+        prompt: "",
+        profile: "",
+    });
+    const [loadingActionIndex, setLoadingActionIndex] = useState(null);
+    const { postGenAiMessage } = useContext(FormDataContext);
+    const handleAiActionClick = async (prompt, profile, index) => {
+        setIsLoading(true);
+        setLoadingActionIndex(index);
+        const response = await postGenAiMessage?.({ message: prompt, profile });
+        if (response.status === "success") {
+            setAiResponse(response);
+            setIsError({
+                state: false,
+                message: "",
+                prompt: "",
+                profile: "",
+            });
+        }
+        else {
+            setIsError({
+                state: true,
+                message: response.message,
+                profile,
+                prompt,
+            });
+        }
+        setIsLoading(false);
+        setLoadingActionIndex(null);
+    };
+    const handleAccept = () => {
+        onAcceptAiResponse({ value: aiResponse.message });
+        setAiResponse(null);
+    };
+    const handleDiscard = () => {
+        setAiResponse(null);
+    };
+    const handleBack = () => {
+        setAiResponse(null);
+        setIsError({
+            state: false,
+            message: "",
+            prompt: "",
+            profile: "",
+        });
+    };
+    const handleRetry = async () => {
+        if (isError.prompt) {
+            await handleAiActionClick(isError.prompt, isError.profile, loadingActionIndex);
+        }
+    };
+    return {
+        aiResponse,
+        isLoading,
+        isError,
+        loadingActionIndex,
+        handleAiActionClick,
+        handleAccept,
+        handleDiscard,
+        handleBack,
+        handleRetry,
+    };
+};
+export default useAi;
+//# sourceMappingURL=useAi.js.map

package/dist/src/components/Textarea/aiWrapper/useAi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAi.js","sourceRoot":"","sources":["../../../../../src/components/Textarea/aiWrapper/useAi.tsx"],"names":[],"mappings":"AAGA,QAAQ;AACR,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE7C,UAAU;AACV,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAM5D,MAAM,KAAK,GAAG,CAAC,EAAE,kBAAkB,EAAc,EAAE,EAAE;IACnD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAsB,IAAI,CAAC,CAAC;IACxE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC;QACrC,KAAK,EAAE,KAAK;QACZ,OAAO,EAAE,EAAE;QACX,MAAM,EAAE,EAAE;QACV,OAAO,EAAE,EAAE;KACZ,CAAC,CAAC;IACH,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAC/C,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAEhC,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAEzD,MAAM,mBAAmB,GAAG,KAAK,EAC/B,MAAc,EACd,OAAe,EACf,KAAa,EACb,EAAE;QACF,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,qBAAqB,CAAC,KAAK,CAAC,CAAC;QAC7B,MAAM,QAAQ,GAAG,MAAM,gBAAgB,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;QAExE,IAAI,QAAQ,CAAC,MAAM,KAAK,SAAS,EAAE,CAAC;YAClC,aAAa,CAAC,QAAQ,CAAC,CAAC;YACxB,UAAU,CAAC;gBACT,KAAK,EAAE,KAAK;gBACZ,OAAO,EAAE,EAAE;gBACX,MAAM,EAAE,EAAE;gBACV,OAAO,EAAE,EAAE;aACZ,CAAC,CAAC;QACL,CAAC;aAAM,CAAC;YACN,UAAU,CAAC;gBACT,KAAK,EAAE,IAAI;gBACX,OAAO,EAAE,QAAQ,CAAC,OAAO;gBACzB,OAAO;gBACP,MAAM;aACP,CAAC,CAAC;QACL,CAAC;QAED,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,kBAAkB,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC;QAClD,aAAa,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,aAAa,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,aAAa,CAAC,IAAI,CAAC,CAAC;QACpB,UAAU,CAAC;YACT,KAAK,EAAE,KAAK;YACZ,OAAO,EAAE,EAAE;YACX,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,EAAE;SACZ,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;QAC7B,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;YACnB,MAAM,mBAAmB,CACvB,OAAO,CAAC,MAAM,EACd,OAAO,CAAC,OAAO,EACf,kBAAkB,CACnB,CAAC;QACJ,CAAC;IACH,CAAC,CAAC;IAEF,OAAO;QACL,UAAU;QACV,SAAS;QACT,OAAO;QACP,kBAAkB;QAClB,mBAAmB;QACnB,YAAY;QACZ,aAAa;QACb,UAAU;QACV,WAAW;KACZ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/src/components/Textarea/editors/Default.d.ts

@@ -0,0 +1,13 @@
+import { DetailedHTMLProps, TextareaHTMLAttributes } from "react";
+import { OnChangeValueType, TextareaFormControl } from "../../../types";
+export interface IProps extends DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> {
+    control?: TextareaFormControl;
+    value?: string;
+    onChange?: (newProperties: OnChangeValueType) => void;
+    id?: string;
+    readOnly?: boolean;
+    textColor?: string;
+    errorClass?: string;
+}
+declare const DefaultEditor: ({ value, onChange, id, readOnly, control, errorClass, textColor, }: IProps) => import("react/jsx-runtime").JSX.Element;
+export default DefaultEditor;

package/dist/src/components/Textarea/editors/Default.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import TextareaAutosize from "@mui/material/TextareaAutosize";
+import omit from "lodash/omit";
+import * as styles from "../../../styles/formControl.module.scss";
+import * as textareaStyles from "../Textarea.module.scss";
+const DefaultEditor = ({ value, onChange, id, readOnly, control, errorClass, textColor, }) => {
+    const { "custom-attributes": customAttributes, error, ...restControl } = control ?? {};
+    const handleOnChange = (e) => {
+        onChange?.({ value: e.target.value, hasEdited: "edited" });
+    };
+    return (_jsx(TextareaAutosize, { role: "textbox", "data-testid": `textarea-control-${id}`, className: `${styles["form-control"]} ${textareaStyles[errorClass]}`, id: id, name: id, style: {
+            flex: "1",
+            maxHeight: 400,
+            resize: "vertical",
+            overflow: "auto",
+            color: textColor,
+            width: "100%",
+        }, value: value, readOnly: readOnly, onChange: handleOnChange, ...omit(customAttributes, ["defaultValue"]), ...omit(restControl, [
+            "displayName",
+            "control",
+            "error",
+            "defaultValue",
+        ]) }));
+};
+export default DefaultEditor;
+//# sourceMappingURL=Default.js.map

package/dist/src/components/Textarea/editors/Default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Default.js","sourceRoot":"","sources":["../../../../../src/components/Textarea/editors/Default.tsx"],"names":[],"mappings":";AAAA,OAAO,gBAAgB,MAAM,gCAAgC,CAAC;AAC9D,OAAO,IAAI,MAAM,aAAa,CAAC;AAM/B,OAAO,KAAK,MAAM,MAAM,yCAAyC,CAAC;AAElE,OAAO,KAAK,cAAc,MAAM,yBAAyB,CAAC;AAgB1D,MAAM,aAAa,GAAG,CAAC,EACrB,KAAK,EACL,QAAQ,EACR,EAAE,EACF,QAAQ,EACR,OAAO,EACP,UAAU,EACV,SAAS,GACF,EAAE,EAAE;IACX,MAAM,EACJ,mBAAmB,EAAE,gBAAgB,EACrC,KAAK,EACL,GAAG,WAAW,EACf,GAAG,OAAO,IAAI,EAAE,CAAC;IAElB,MAAM,cAAc,GAAG,CAAC,CAAmC,EAAE,EAAE;QAC7D,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC7D,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,IACf,IAAI,EAAC,SAAS,iBACD,oBAAoB,EAAE,EAAE,EACrC,SAAS,EAAE,GAAG,MAAM,CAAC,cAAc,CAAC,IAAI,cAAc,CAAC,UAAU,CAAC,EAAE,EACpE,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,EAAE,EACR,KAAK,EAAE;YACL,IAAI,EAAE,GAAG;YACT,SAAS,EAAE,GAAG;YACd,MAAM,EAAE,UAAU;YAClB,QAAQ,EAAE,MAAM;YAChB,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,MAAM;SACd,EACD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,cAAc,KACpB,IAAI,CAAC,gBAAgB,EAAE,CAAC,cAAc,CAAC,CAAC,KACxC,IAAI,CAAC,WAAW,EAAE;YACpB,aAAa;YACb,SAAS;YACT,OAAO;YACP,cAAc;SACf,CAAC,GACF,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/src/components/Textarea/editors/Html.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { OnChangeValueType } from "../../../types";
+interface IHtmlEditorProps {
+    value: string;
+    onChange: (newProperties: OnChangeValueType) => void;
+    id: string;
+    readOnly: boolean;
+}
+declare const HtmlEditor: React.FC<IHtmlEditorProps>;
+export default HtmlEditor;

package/dist/src/components/Textarea/editors/Html.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { html } from "@codemirror/lang-html";
+import { EditorView } from "@codemirror/view";
+import CodeMirror from "@uiw/react-codemirror";
+const HtmlEditor = ({ value, onChange, id, readOnly, }) => {
+    return (_jsx(CodeMirror, { readOnly: readOnly, value: value, extensions: [html(), EditorView.lineWrapping], onChange: (value) => onChange?.({ value }), id: id, role: "textbox", "data-testid": "code-editor", height: "300px", width: "100%" }));
+};
+export default HtmlEditor;
+//# sourceMappingURL=Html.js.map

package/dist/src/components/Textarea/editors/Html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Html.js","sourceRoot":"","sources":["../../../../../src/components/Textarea/editors/Html.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,UAAU,MAAM,uBAAuB,CAAC;AAW/C,MAAM,UAAU,GAA+B,CAAC,EAC9C,KAAK,EACL,QAAQ,EACR,EAAE,EACF,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,UAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,CAAC,IAAI,EAAE,EAAE,UAAU,CAAC,YAAY,CAAC,EAC7C,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAC1C,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,SAAS,iBACF,aAAa,EACzB,MAAM,EAAC,OAAO,EACd,KAAK,EAAC,MAAM,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}