@solidstarters/solid-core-ui 1.1.210 → 1.1.212

package/dist/components/core/form/fields/relations/widgets/helpers/InlineRelationEntityDialog.js

@@ -1,40 +1,27 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Dialog } from "primereact/dialog";
 import { camelCase } from "lodash";
 import SolidFormView from "../../../../../../../components/core/form/SolidFormView";
-export var InlineRelationEntityDialog = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-    var visible = _a.visible, setVisible = _a.setVisible, fieldContext = _a.fieldContext, onCreate = _a.onCreate;
-    var fieldLayoutInfo = fieldContext.field;
-    var params = {
+export const InlineRelationEntityDialog = ({ visible, setVisible, fieldContext, onCreate }) => {
+    const fieldLayoutInfo = fieldContext.field;
+    const params = {
         moduleName: fieldContext.fieldMetadata.relationModelModuleName,
         id: "new",
         embeded: true,
-        customLayout: (_b = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _b === void 0 ? void 0 : _b.inlineCreateLayout,
-        customCreateHandler: function (values) {
+        customLayout: fieldLayoutInfo?.attrs?.inlineCreateLayout,
+        customCreateHandler: (values) => {
             setVisible(false);
             onCreate(values);
         },
-        inlineCreateAutoSave: (_c = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _c === void 0 ? void 0 : _c.inlineCreateAutoSave,
-        handlePopupClose: function () { return setVisible(false); },
+        inlineCreateAutoSave: fieldLayoutInfo?.attrs?.inlineCreateAutoSave,
+        handlePopupClose: () => setVisible(false),
         modelName: camelCase(fieldContext.fieldMetadata.relationCoModelSingularName)
     };
     return (_jsx(Dialog, { visible: visible, showHeader: false, style: {
-            width: (_g = (_f = (_e = (_d = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _d === void 0 ? void 0 : _d.inlineCreateLayout) === null || _e === void 0 ? void 0 : _e.attrs) === null || _f === void 0 ? void 0 : _f.width) !== null && _g !== void 0 ? _g : "60vw",
-            height: (_l = (_k = (_j = (_h = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _h === void 0 ? void 0 : _h.inlineCreateLayout) === null || _j === void 0 ? void 0 : _j.attrs) === null || _k === void 0 ? void 0 : _k.height) !== null && _l !== void 0 ? _l : "auto"
+            width: fieldLayoutInfo?.attrs?.inlineCreateLayout?.attrs?.width ?? "60vw",
+            height: fieldLayoutInfo?.attrs?.inlineCreateLayout?.attrs?.height ?? "auto"
         }, 
         // breakpoints={{ '1199px': '35rem', "767px": '85vw', "550px": '90vw' }}
-        onHide: function () { return setVisible(false); }, className: "solid-dialog", children: _jsx(SolidFormView, __assign({}, params)) }));
+        onHide: () => setVisible(false), className: "solid-dialog", children: _jsx(SolidFormView, { ...params }) }));
 };
 //# sourceMappingURL=InlineRelationEntityDialog.js.map

package/dist/components/core/form/fields/relations/widgets/helpers/InlineRelationEntityDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineRelationEntityDialog.js","sourceRoot":"","sources":["../../../../../../../../src/components/core/form/fields/relations/widgets/helpers/InlineRelationEntityDialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,aAAa,MAAM,sCAAsC,CAAC;AAEjE,MAAM,CAAC,IAAM,0BAA0B,GAAG,UAAC,EAAoD;;QAAlD,OAAO,aAAA,EAAE,UAAU,gBAAA,EAAE,YAAY,kBAAA,EAAE,QAAQ,cAAA;IACtF,IAAM,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC;IAE3C,IAAM,MAAM,GAAG;QACb,UAAU,EAAE,YAAY,CAAC,aAAa,CAAC,uBAAuB;QAC9D,EAAE,EAAE,KAAK;QACT,OAAO,EAAE,IAAI;QACb,YAAY,EAAE,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,KAAK,0CAAE,kBAAkB;QACxD,mBAAmB,EAAE,UAAC,MAAW;YAC/B,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,QAAQ,CAAC,MAAM,CAAC,CAAC;QACnB,CAAC;QACD,oBAAoB,EAAE,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,KAAK,0CAAE,oBAAoB;QAClE,gBAAgB,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB;QACzC,SAAS,EAAE,SAAS,CAAC,YAAY,CAAC,aAAa,CAAC,2BAA2B,CAAC;KAC7E,CAAC;IAEF,OAAO,CACL,KAAC,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,KAAK,EACjB,KAAK,EAAE;YACP,KAAK,EAAE,MAAA,MAAA,MAAA,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,KAAK,0CAAE,kBAAkB,0CAAE,KAAK,0CAAE,KAAK,mCAAI,MAAM;YACzE,MAAM,EAAE,MAAA,MAAA,MAAA,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,KAAK,0CAAE,kBAAkB,0CAAE,KAAK,0CAAE,MAAM,mCAAI,MAAM;SAC1E;QACD,wEAAwE;QAExE,MAAM,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,EAC/B,SAAS,EAAC,cAAc,YAExB,KAAC,aAAa,eAAK,MAAM,EAAI,GACtB,CACV,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"InlineRelationEntityDialog.js","sourceRoot":"./","sources":["components/core/form/fields/relations/widgets/helpers/InlineRelationEntityDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,aAAa,MAAM,yDAAyD,CAAC;AAEpF,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAO,EAAE,EAAE;IACjG,MAAM,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC;IAE3C,MAAM,MAAM,GAAG;QACb,UAAU,EAAE,YAAY,CAAC,aAAa,CAAC,uBAAuB;QAC9D,EAAE,EAAE,KAAK;QACT,OAAO,EAAE,IAAI;QACb,YAAY,EAAE,eAAe,EAAE,KAAK,EAAE,kBAAkB;QACxD,mBAAmB,EAAE,CAAC,MAAW,EAAE,EAAE;YACnC,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,QAAQ,CAAC,MAAM,CAAC,CAAC;QACnB,CAAC;QACD,oBAAoB,EAAE,eAAe,EAAE,KAAK,EAAE,oBAAoB;QAClE,gBAAgB,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC;QACzC,SAAS,EAAE,SAAS,CAAC,YAAY,CAAC,aAAa,CAAC,2BAA2B,CAAC;KAC7E,CAAC;IAEF,OAAO,CACL,KAAC,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,KAAK,EACjB,KAAK,EAAE;YACP,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,KAAK,IAAI,MAAM;YACzE,MAAM,EAAE,eAAe,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,IAAI,MAAM;SAC1E;QACD,wEAAwE;QAExE,MAAM,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAC/B,SAAS,EAAC,cAAc,YAExB,KAAC,aAAa,OAAK,MAAM,GAAI,GACtB,CACV,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Dialog } from \"primereact/dialog\";\nimport { camelCase } from \"lodash\";\nimport SolidFormView from \"../../../../../../../components/core/form/SolidFormView\";\n\nexport const InlineRelationEntityDialog = ({ visible, setVisible, fieldContext, onCreate }: any) => {\n  const fieldLayoutInfo = fieldContext.field;\n\n  const params = {\n    moduleName: fieldContext.fieldMetadata.relationModelModuleName,\n    id: \"new\",\n    embeded: true,\n    customLayout: fieldLayoutInfo?.attrs?.inlineCreateLayout,\n    customCreateHandler: (values: any) => {\n      setVisible(false);\n      onCreate(values);\n    },\n    inlineCreateAutoSave: fieldLayoutInfo?.attrs?.inlineCreateAutoSave,\n    handlePopupClose: () => setVisible(false),\n    modelName: camelCase(fieldContext.fieldMetadata.relationCoModelSingularName)\n  };\n\n  return (\n    <Dialog\n      visible={visible}\n      showHeader={false}\n      style={{\n      width: fieldLayoutInfo?.attrs?.inlineCreateLayout?.attrs?.width ?? \"60vw\",\n      height: fieldLayoutInfo?.attrs?.inlineCreateLayout?.attrs?.height ?? \"auto\"\n      }}\n      // breakpoints={{ '1199px': '35rem', \"767px\": '85vw', \"550px\": '90vw' }}\n\n      onHide={() => setVisible(false)}\n      className=\"solid-dialog\"\n    >\n      <SolidFormView {...params} />\n    </Dialog>\n  );\n};\n"]}

package/dist/components/core/form/fields/relations/widgets/helpers/InlineRelationEntityDialog.tsx

@@ -0,0 +1,38 @@
+import { Dialog } from "primereact/dialog";
+import { camelCase } from "lodash";
+import SolidFormView from "../../../../../../../components/core/form/SolidFormView";
+
+export const InlineRelationEntityDialog = ({ visible, setVisible, fieldContext, onCreate }: any) => {
+  const fieldLayoutInfo = fieldContext.field;
+
+  const params = {
+    moduleName: fieldContext.fieldMetadata.relationModelModuleName,
+    id: "new",
+    embeded: true,
+    customLayout: fieldLayoutInfo?.attrs?.inlineCreateLayout,
+    customCreateHandler: (values: any) => {
+      setVisible(false);
+      onCreate(values);
+    },
+    inlineCreateAutoSave: fieldLayoutInfo?.attrs?.inlineCreateAutoSave,
+    handlePopupClose: () => setVisible(false),
+    modelName: camelCase(fieldContext.fieldMetadata.relationCoModelSingularName)
+  };
+
+  return (
+    <Dialog
+      visible={visible}
+      showHeader={false}
+      style={{
+      width: fieldLayoutInfo?.attrs?.inlineCreateLayout?.attrs?.width ?? "60vw",
+      height: fieldLayoutInfo?.attrs?.inlineCreateLayout?.attrs?.height ?? "auto"
+      }}
+      // breakpoints={{ '1199px': '35rem', "767px": '85vw', "550px": '90vw' }}
+
+      onHide={() => setVisible(false)}
+      className="solid-dialog"
+    >
+      <SolidFormView {...params} />
+    </Dialog>
+  );
+};

package/dist/components/core/form/fields/relations/widgets/helpers/useRelationEntityHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRelationEntityHandler.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/core/form/fields/relations/widgets/helpers/useRelationEntityHandler.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,wBAAwB,gDAAwD,GAAG;;;6BAoC9D,GAAG;CAuBpC,CAAC"}
+{"version":3,"file":"useRelationEntityHandler.d.ts","sourceRoot":"./","sources":["components/core/form/fields/relations/widgets/helpers/useRelationEntityHandler.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,wBAAwB,gDAAwD,GAAG;;;6BAoC9D,GAAG;CAuBpC,CAAC"}

package/dist/components/core/form/fields/relations/widgets/helpers/useRelationEntityHandler.js

@@ -1,105 +1,53 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 import { useState } from "react";
 import { createSolidEntityApi } from "../../../../../../../redux/api/solidEntityApi";
-export var useRelationEntityHandler = function (_a) {
-    var fieldContext = _a.fieldContext, formik = _a.formik, _b = _a.autoCompleteLimit, autoCompleteLimit = _b === void 0 ? 1000 : _b;
-    var fieldMetadata = fieldContext.fieldMetadata;
-    var fieldLayoutInfo = fieldContext.field;
-    var entityApi = createSolidEntityApi(fieldMetadata.relationCoModelSingularName);
-    var useLazyGetSolidEntitiesQuery = entityApi.useLazyGetSolidEntitiesQuery;
-    var triggerGetSolidEntities = useLazyGetSolidEntitiesQuery()[0];
-    var _c = useState([]), autoCompleteItems = _c[0], setAutoCompleteItems = _c[1];
-    var fetchRelationEntities = function (autocompleteQs, limit) {
-        if (autocompleteQs === void 0) { autocompleteQs = ""; }
-        if (limit === void 0) { limit = autoCompleteLimit; }
-        return __awaiter(void 0, void 0, void 0, function () {
-            var response, data, mappedItems;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, triggerGetSolidEntities(autocompleteQs)];
-                    case 1:
-                        response = _a.sent();
-                        data = response.data;
-                        if (data) {
-                            mappedItems = data.records.map(function (item) {
-                                var _a, _b;
-                                return ({
-                                    label: item[(_b = (_a = fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.relationModel) === null || _a === void 0 ? void 0 : _a.userKeyField) === null || _b === void 0 ? void 0 : _b.name],
-                                    value: item['id'],
-                                    original: item
-                                });
-                            });
-                            setAutoCompleteItems(mappedItems);
-                        }
-                        return [2 /*return*/];
-                }
-            });
-        });
+export const useRelationEntityHandler = ({ fieldContext, formik, autoCompleteLimit = 1000 }) => {
+    const fieldMetadata = fieldContext.fieldMetadata;
+    const fieldLayoutInfo = fieldContext.field;
+    const entityApi = createSolidEntityApi(fieldMetadata.relationCoModelSingularName);
+    const { useLazyGetSolidEntitiesQuery } = entityApi;
+    const [triggerGetSolidEntities] = useLazyGetSolidEntitiesQuery();
+    const [autoCompleteItems, setAutoCompleteItems] = useState([]);
+    const fetchRelationEntities = async (autocompleteQs = "", limit = autoCompleteLimit) => {
+        // const queryData = {
+        //   offset: 0,
+        //   limit: limit,
+        //   filters: {
+        //     [fieldMetadata?.relationModel?.userKeyField?.name]: {
+        //       '$containsi': query
+        //     }
+        //   }
+        // };
+        // const autocompleteQs = qs.stringify(queryData, { encodeValuesOnly: true });
+        const response = await triggerGetSolidEntities(autocompleteQs);
+        const data = response.data;
+        if (data) {
+            const mappedItems = data.records.map((item) => ({
+                label: item[fieldMetadata?.relationModel?.userKeyField?.name],
+                value: item['id'],
+                original: item
+            }));
+            setAutoCompleteItems(mappedItems);
+        }
     };
-    var addNewRelation = function (values) {
-        var _a, _b;
-        var currentData = formik.values[fieldLayoutInfo.attrs.name] || [];
-        var jsonValues = Object.fromEntries(values.entries());
-        var newItem = {
-            label: jsonValues[(_b = (_a = fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.relationModel) === null || _a === void 0 ? void 0 : _a.userKeyField) === null || _b === void 0 ? void 0 : _b.name],
+    const addNewRelation = (values) => {
+        const currentData = formik.values[fieldLayoutInfo.attrs.name] || [];
+        const jsonValues = Object.fromEntries(values.entries());
+        const newItem = {
+            label: jsonValues[fieldMetadata?.relationModel?.userKeyField?.name],
             value: "new",
             original: jsonValues,
         };
-        formik.setFieldValue(fieldLayoutInfo.attrs.name, __spreadArray(__spreadArray([], currentData, true), [newItem], false));
+        formik.setFieldValue(fieldLayoutInfo.attrs.name, [...currentData, newItem]);
         // Optionally add to autocomplete list
-        setAutoCompleteItems(function (prev) {
-            var exists = prev.some(function (item) { return item.label === newItem.label; });
-            return exists ? prev : __spreadArray(__spreadArray([], prev, true), [newItem], false);
+        setAutoCompleteItems((prev) => {
+            const exists = prev.some((item) => item.label === newItem.label);
+            return exists ? prev : [...prev, newItem];
         });
     };
     return {
-        autoCompleteItems: autoCompleteItems,
-        fetchRelationEntities: fetchRelationEntities,
-        addNewRelation: addNewRelation
+        autoCompleteItems,
+        fetchRelationEntities,
+        addNewRelation
     };
 };
 //# sourceMappingURL=useRelationEntityHandler.js.map

package/dist/components/core/form/fields/relations/widgets/helpers/useRelationEntityHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRelationEntityHandler.js","sourceRoot":"","sources":["../../../../../../../../src/components/core/form/fields/relations/widgets/helpers/useRelationEntityHandler.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAElE,MAAM,CAAC,IAAM,wBAAwB,GAAG,UAAC,EAAuD;QAArD,YAAY,kBAAA,EAAE,MAAM,YAAA,EAAE,yBAAwB,EAAxB,iBAAiB,mBAAG,IAAI,KAAA;IACvF,IAAM,aAAa,GAAG,YAAY,CAAC,aAAa,CAAC;IACjD,IAAM,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC;IAE3C,IAAM,SAAS,GAAG,oBAAoB,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;IAC1E,IAAA,4BAA4B,GAAK,SAAS,6BAAd,CAAe;IAC5C,IAAA,uBAAuB,GAAI,4BAA4B,EAAE,GAAlC,CAAmC;IAE3D,IAAA,KAA4C,QAAQ,CAAC,EAAE,CAAC,EAAvD,iBAAiB,QAAA,EAAE,oBAAoB,QAAgB,CAAC;IAE/D,IAAM,qBAAqB,GAAG,UAAO,cAAmB,EAAE,KAAyB;QAA9C,+BAAA,EAAA,mBAAmB;QAAE,sBAAA,EAAA,yBAAyB;;;;;4BAahE,qBAAM,uBAAuB,CAAC,cAAc,CAAC,EAAA;;wBAAxD,QAAQ,GAAG,SAA6C;wBACxD,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;wBAE3B,IAAI,IAAI,EAAE;4BACF,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,IAAS;;gCAAK,OAAA,CAAC;oCACnD,KAAK,EAAE,IAAI,CAAC,MAAA,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,aAAa,0CAAE,YAAY,0CAAE,IAAI,CAAC;oCAC7D,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC;oCACjB,QAAQ,EAAE,IAAI;iCACf,CAAC,CAAA;6BAAA,CAAC,CAAC;4BACJ,oBAAoB,CAAC,WAAW,CAAC,CAAC;yBACnC;;;;;KACF,CAAC;IAEF,IAAM,cAAc,GAAG,UAAC,MAAW;;QACjC,IAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;QACpE,IAAM,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC;QACxD,IAAM,OAAO,GAAG;YACd,KAAK,EAAE,UAAU,CAAC,MAAA,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,aAAa,0CAAE,YAAY,0CAAE,IAAI,CAAC;YACnE,KAAK,EAAE,KAAK;YACZ,QAAQ,EAAE,UAAU;SACrB,CAAC;QAEF,MAAM,CAAC,aAAa,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,kCAAM,WAAW,UAAE,OAAO,UAAE,CAAC;QAE5E,sCAAsC;QACtC,oBAAoB,CAAC,UAAC,IAAS;YAC7B,IAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,UAAC,IAAS,IAAK,OAAA,IAAI,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,EAA5B,CAA4B,CAAC,CAAC;YACtE,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,iCAAK,IAAI,UAAE,OAAO,SAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO;QACL,iBAAiB,mBAAA;QACjB,qBAAqB,uBAAA;QACrB,cAAc,gBAAA;KACf,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"useRelationEntityHandler.js","sourceRoot":"./","sources":["components/core/form/fields/relations/widgets/helpers/useRelationEntityHandler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAErF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,iBAAiB,GAAG,IAAI,EAAO,EAAE,EAAE;IAClG,MAAM,aAAa,GAAG,YAAY,CAAC,aAAa,CAAC;IACjD,MAAM,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC;IAE3C,MAAM,SAAS,GAAG,oBAAoB,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;IAClF,MAAM,EAAE,4BAA4B,EAAE,GAAG,SAAS,CAAC;IACnD,MAAM,CAAC,uBAAuB,CAAC,GAAG,4BAA4B,EAAE,CAAC;IAEjE,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE/D,MAAM,qBAAqB,GAAG,KAAK,EAAE,cAAc,GAAG,EAAE,EAAE,KAAK,GAAG,iBAAiB,EAAE,EAAE;QACrF,sBAAsB;QACtB,eAAe;QACf,kBAAkB;QAClB,eAAe;QACf,4DAA4D;QAC5D,4BAA4B;QAC5B,QAAQ;QACR,MAAM;QACN,KAAK;QAEL,8EAA8E;QAE9E,MAAM,QAAQ,GAAG,MAAM,uBAAuB,CAAC,cAAc,CAAC,CAAC;QAC/D,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;QAE3B,IAAI,IAAI,EAAE;YACR,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,CAAC;gBACnD,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,aAAa,EAAE,YAAY,EAAE,IAAI,CAAC;gBAC7D,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC;gBACjB,QAAQ,EAAE,IAAI;aACf,CAAC,CAAC,CAAC;YACJ,oBAAoB,CAAC,WAAW,CAAC,CAAC;SACnC;IACH,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,MAAW,EAAE,EAAE;QACrC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;QACpE,MAAM,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC;QACxD,MAAM,OAAO,GAAG;YACd,KAAK,EAAE,UAAU,CAAC,aAAa,EAAE,aAAa,EAAE,YAAY,EAAE,IAAI,CAAC;YACnE,KAAK,EAAE,KAAK;YACZ,QAAQ,EAAE,UAAU;SACrB,CAAC;QAEF,MAAM,CAAC,aAAa,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,GAAG,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;QAE5E,sCAAsC;QACtC,oBAAoB,CAAC,CAAC,IAAS,EAAE,EAAE;YACjC,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,CAAC,CAAC;YACtE,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,OAAO,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO;QACL,iBAAiB;QACjB,qBAAqB;QACrB,cAAc;KACf,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useState } from \"react\";\nimport qs from \"qs\";\nimport { createSolidEntityApi } from \"../../../../../../../redux/api/solidEntityApi\";\n\nexport const useRelationEntityHandler = ({ fieldContext, formik, autoCompleteLimit = 1000 }: any) => {\n  const fieldMetadata = fieldContext.fieldMetadata;\n  const fieldLayoutInfo = fieldContext.field;\n\n  const entityApi = createSolidEntityApi(fieldMetadata.relationCoModelSingularName);\n  const { useLazyGetSolidEntitiesQuery } = entityApi;\n  const [triggerGetSolidEntities] = useLazyGetSolidEntitiesQuery();\n\n  const [autoCompleteItems, setAutoCompleteItems] = useState([]);\n\n  const fetchRelationEntities = async (autocompleteQs = \"\", limit = autoCompleteLimit) => {\n    // const queryData = {\n    //   offset: 0,\n    //   limit: limit,\n    //   filters: {\n    //     [fieldMetadata?.relationModel?.userKeyField?.name]: {\n    //       '$containsi': query\n    //     }\n    //   }\n    // };\n\n    // const autocompleteQs = qs.stringify(queryData, { encodeValuesOnly: true });\n\n    const response = await triggerGetSolidEntities(autocompleteQs);\n    const data = response.data;\n\n    if (data) {\n      const mappedItems = data.records.map((item: any) => ({\n        label: item[fieldMetadata?.relationModel?.userKeyField?.name],\n        value: item['id'],\n        original: item\n      }));\n      setAutoCompleteItems(mappedItems);\n    }\n  };\n\n  const addNewRelation = (values: any) => {\n    const currentData = formik.values[fieldLayoutInfo.attrs.name] || [];\n    const jsonValues = Object.fromEntries(values.entries());\n    const newItem = {\n      label: jsonValues[fieldMetadata?.relationModel?.userKeyField?.name],\n      value: \"new\",\n      original: jsonValues,\n    };\n\n    formik.setFieldValue(fieldLayoutInfo.attrs.name, [...currentData, newItem]);\n\n    // Optionally add to autocomplete list\n    setAutoCompleteItems((prev: any) => {\n      const exists = prev.some((item: any) => item.label === newItem.label);\n      return exists ? prev : [...prev, newItem];\n    });\n  };\n\n  return {\n    autoCompleteItems,\n    fetchRelationEntities,\n    addNewRelation\n  };\n};\n"]}

package/dist/components/core/form/fields/relations/widgets/helpers/useRelationEntityHandler.ts

@@ -0,0 +1,64 @@
+import { useState } from "react";
+import qs from "qs";
+import { createSolidEntityApi } from "../../../../../../../redux/api/solidEntityApi";
+
+export const useRelationEntityHandler = ({ fieldContext, formik, autoCompleteLimit = 1000 }: any) => {
+  const fieldMetadata = fieldContext.fieldMetadata;
+  const fieldLayoutInfo = fieldContext.field;
+
+  const entityApi = createSolidEntityApi(fieldMetadata.relationCoModelSingularName);
+  const { useLazyGetSolidEntitiesQuery } = entityApi;
+  const [triggerGetSolidEntities] = useLazyGetSolidEntitiesQuery();
+
+  const [autoCompleteItems, setAutoCompleteItems] = useState([]);
+
+  const fetchRelationEntities = async (autocompleteQs = "", limit = autoCompleteLimit) => {
+    // const queryData = {
+    //   offset: 0,
+    //   limit: limit,
+    //   filters: {
+    //     [fieldMetadata?.relationModel?.userKeyField?.name]: {
+    //       '$containsi': query
+    //     }
+    //   }
+    // };
+
+    // const autocompleteQs = qs.stringify(queryData, { encodeValuesOnly: true });
+
+    const response = await triggerGetSolidEntities(autocompleteQs);
+    const data = response.data;
+
+    if (data) {
+      const mappedItems = data.records.map((item: any) => ({
+        label: item[fieldMetadata?.relationModel?.userKeyField?.name],
+        value: item['id'],
+        original: item
+      }));
+      setAutoCompleteItems(mappedItems);
+    }
+  };
+
+  const addNewRelation = (values: any) => {
+    const currentData = formik.values[fieldLayoutInfo.attrs.name] || [];
+    const jsonValues = Object.fromEntries(values.entries());
+    const newItem = {
+      label: jsonValues[fieldMetadata?.relationModel?.userKeyField?.name],
+      value: "new",
+      original: jsonValues,
+    };
+
+    formik.setFieldValue(fieldLayoutInfo.attrs.name, [...currentData, newItem]);
+
+    // Optionally add to autocomplete list
+    setAutoCompleteItems((prev: any) => {
+      const exists = prev.some((item: any) => item.label === newItem.label);
+      return exists ? prev : [...prev, newItem];
+    });
+  };
+
+  return {
+    autoCompleteItems,
+    fetchRelationEntities,
+    addNewRelation
+  };
+};

package/dist/components/core/form/fields/widgets/SolidAiInteractionMessageFieldFormWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidAiInteractionMessageFieldFormWidget.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/form/fields/widgets/SolidAiInteractionMessageFieldFormWidget.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAS/D,eAAO,MAAM,wCAAwC,6BAA8B,yBAAyB,4CAgC3G,CAAA;AAID,MAAM,WAAW,oBAAoB;IACjC,OAAO,EAAE,GAAG,CAAA;CACf;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA4C1D,CAAA;AAGD,MAAM,WAAW,gBAAgB;IAC7B,OAAO,EAAE,GAAG,CAAA;CACf;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoBlD,CAAA;AAID,MAAM,WAAW,qBAAqB;IAClC,OAAO,EAAE,GAAG,CAAA;CACf;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAM5D,CAAA"}
+{"version":3,"file":"SolidAiInteractionMessageFieldFormWidget.d.ts","sourceRoot":"./","sources":["components/core/form/fields/widgets/SolidAiInteractionMessageFieldFormWidget.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAQ5E,eAAO,MAAM,wCAAwC,6BAA8B,yBAAyB,4CAgC3G,CAAA;AAID,MAAM,WAAW,oBAAoB;IACjC,OAAO,EAAE,GAAG,CAAA;CACf;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA4C1D,CAAA;AAGD,MAAM,WAAW,gBAAgB;IAC7B,OAAO,EAAE,GAAG,CAAA;CACf;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoBlD,CAAA;AAID,MAAM,WAAW,qBAAqB;IAClC,OAAO,EAAE,GAAG,CAAA;CACf;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAM5D,CAAA"}

package/dist/components/core/form/fields/widgets/SolidAiInteractionMessageFieldFormWidget.js

@@ -1,21 +1,18 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import MarkdownViewer from "../../../../../components/common/MarkdownViewer";
-import ReactCodeMirror from "@uiw/react-codemirror";
+import ReactCodeMirror, { EditorView } from "@uiw/react-codemirror";
 import { javascript } from '@codemirror/lang-javascript';
 import { oneDark } from '@codemirror/theme-one-dark';
-import { EditorView } from '@uiw/react-codemirror'; // Correct import
 import { ERROR_MESSAGES } from "../../../../../constants/error-messages";
-export var SolidAiInteractionMessageFieldFormWidget = function (_a) {
-    var _b, _c, _d, _e, _f;
-    var formik = _a.formik, fieldContext = _a.fieldContext;
-    var fieldMetadata = fieldContext.fieldMetadata;
-    var fieldLayoutInfo = fieldContext.field;
-    var fieldLabel = (_b = fieldLayoutInfo.attrs.label) !== null && _b !== void 0 ? _b : fieldMetadata.displayName;
-    var userKeyFieldName = (_d = (_c = fieldMetadata.relationModel) === null || _c === void 0 ? void 0 : _c.userKeyField) === null || _d === void 0 ? void 0 : _d.name;
-    var value = formik.values[fieldLayoutInfo.attrs.name];
-    var contentType = ((_e = formik === null || formik === void 0 ? void 0 : formik.values) === null || _e === void 0 ? void 0 : _e.contentType) ? (_f = formik === null || formik === void 0 ? void 0 : formik.values) === null || _f === void 0 ? void 0 : _f.contentType : "markdown";
-    var renderContent = function () {
+export const SolidAiInteractionMessageFieldFormWidget = ({ formik, fieldContext }) => {
+    const fieldMetadata = fieldContext.fieldMetadata;
+    const fieldLayoutInfo = fieldContext.field;
+    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;
+    const userKeyFieldName = fieldMetadata.relationModel?.userKeyField?.name;
+    const value = formik.values[fieldLayoutInfo.attrs.name];
+    const contentType = formik?.values?.contentType ? formik?.values?.contentType : "markdown";
+    const renderContent = () => {
         switch (contentType) {
             case 'json':
                 return (_jsx(JsonDisplay, { message: value }));
@@ -28,18 +25,16 @@ export var SolidAiInteractionMessageFieldFormWidget = function (_a) {
     };
     return (_jsxs("div", { className: "mt-2 flex-column", children: [_jsx("p", { className: "m-0 form-field-label font-medium", children: fieldLabel }), value && renderContent()] }));
 };
-export var MarkdownDisplay = function (_a) {
-    var _b, _c;
-    var message = _a.message;
+export const MarkdownDisplay = ({ message }) => {
     // const jsonMsg = JSON.parse(interaction.message);
     // const markdown = jsonMsg.data;
-    var jsonMsg;
-    var markdown;
+    let jsonMsg;
+    let markdown;
     try {
         if (typeof message === "string") {
             try {
                 jsonMsg = JSON.parse(message.trim());
-                markdown = (_b = jsonMsg === null || jsonMsg === void 0 ? void 0 : jsonMsg.data) !== null && _b !== void 0 ? _b : "";
+                markdown = jsonMsg?.data ?? "";
             }
             catch (jsonErr) {
                 // Not valid JSON → treat the raw string as markdown
@@ -49,16 +44,16 @@ export var MarkdownDisplay = function (_a) {
         else if (typeof message === "object" && message !== null) {
             // Already an object
             jsonMsg = message;
-            markdown = (_c = jsonMsg === null || jsonMsg === void 0 ? void 0 : jsonMsg.data) !== null && _c !== void 0 ? _c : "";
+            markdown = jsonMsg?.data ?? "";
         }
         else {
             // Fallback for other types
-            markdown = String(message !== null && message !== void 0 ? message : "");
+            markdown = String(message ?? "");
         }
     }
     catch (err) {
         // Worst-case fallback: put the error string in markdown
-        markdown = ERROR_MESSAGES.INTERATCTION_MESSGAE(err === null || err === void 0 ? void 0 : err.message, err);
+        markdown = ERROR_MESSAGES.INTERATCTION_MESSGAE(err?.message, err);
     }
     // 🔧 Normalize escaped newlines, tabs, and quotes
     if (markdown.includes("\\n")) {
@@ -69,23 +64,21 @@ export var MarkdownDisplay = function (_a) {
             .replace(/\\"/g, '"');
     }
     // ✅ markdown is now clean and render-ready
-    return (_jsx("div", { className: "p-3 ", style: { width: '100%' }, children: _jsx(MarkdownViewer, { data: markdown }) }));
+    return (_jsx("div", { className: `p-3 `, style: { width: '100%' }, children: _jsx(MarkdownViewer, { data: markdown }) }));
 };
-export var JsonDisplay = function (_a) {
-    var message = _a.message;
-    var formattedJson = '';
+export const JsonDisplay = ({ message }) => {
+    let formattedJson = '';
     try {
-        var parsed = JSON.parse(message);
+        const parsed = JSON.parse(message);
         formattedJson = JSON.stringify(parsed, null, 2);
     }
     catch (e) {
         // formattedJson = 'Invalid JSON'
         formattedJson = message;
     }
-    return (_jsx("div", { className: "p-3 ", style: { width: '100%' }, children: _jsx(ReactCodeMirror, { value: formattedJson, style: { fontSize: '10px' }, theme: oneDark, extensions: [javascript(), EditorView.lineWrapping] }) }));
+    return (_jsx("div", { className: `p-3 `, style: { width: '100%' }, children: _jsx(ReactCodeMirror, { value: formattedJson, style: { fontSize: '10px' }, theme: oneDark, extensions: [javascript(), EditorView.lineWrapping] }) }));
 };
-export var PlainTextDisplay = function (_a) {
-    var message = _a.message;
-    return (_jsx("div", { className: "p-3", children: message }));
+export const PlainTextDisplay = ({ message }) => {
+    return (_jsx("div", { className: `p-3`, children: message }));
 };
 //# sourceMappingURL=SolidAiInteractionMessageFieldFormWidget.js.map

package/dist/components/core/form/fields/widgets/SolidAiInteractionMessageFieldFormWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidAiInteractionMessageFieldFormWidget.js","sourceRoot":"","sources":["../../../../../../src/components/core/form/fields/widgets/SolidAiInteractionMessageFieldFormWidget.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SolidAiInteractionMessageFieldFormWidget.js","sourceRoot":"./","sources":["components/core/form/fields/widgets/SolidAiInteractionMessageFieldFormWidget.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\nimport { SolidFormFieldWidgetProps } from \"../../../../../types/solid-core\";\nimport MarkdownViewer from \"../../../../../components/common/MarkdownViewer\";\nimport ReactCodeMirror, { EditorView } from \"@uiw/react-codemirror\";\nimport { javascript } from '@codemirror/lang-javascript';\nimport { oneDark } from '@codemirror/theme-one-dark';\nimport { ERROR_MESSAGES } from \"../../../../../constants/error-messages\";\n\n\nexport const SolidAiInteractionMessageFieldFormWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {\n\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const fieldLayoutInfo = fieldContext.field;\n    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n    const userKeyFieldName = fieldMetadata.relationModel?.userKeyField?.name;\n    const value = formik.values[fieldLayoutInfo.attrs.name];\n    const contentType = formik?.values?.contentType ? formik?.values?.contentType : \"markdown\"\n\n    const renderContent = () => {\n\n        switch (contentType) {\n            case 'json':\n                return (\n                    <JsonDisplay message={value} />\n                )\n            case 'markdown':\n                return (\n                    <MarkdownDisplay message={value} />\n                )\n            case 'plain_text':\n            default:\n                return <PlainTextDisplay message={value} />\n        }\n    }\n\n    return (\n        <div className=\"mt-2 flex-column\">\n            <p className=\"m-0 form-field-label font-medium\">{fieldLabel}</p>\n            {value && renderContent()}\n        </div>\n    );\n}\n\n\n\nexport interface MarkdownDisplayProps {\n    message: any\n}\n\nexport const MarkdownDisplay: React.FC<MarkdownDisplayProps> = ({ message }) => {\n    // const jsonMsg = JSON.parse(interaction.message);\n    // const markdown = jsonMsg.data;\n    let jsonMsg: any;\n    let markdown: string;\n\n    try {\n        if (typeof message === \"string\") {\n            try {\n                jsonMsg = JSON.parse(message.trim());\n                markdown = jsonMsg?.data ?? \"\";\n            } catch (jsonErr) {\n                // Not valid JSON → treat the raw string as markdown\n                markdown = message.trim();\n            }\n        } else if (typeof message === \"object\" && message !== null) {\n            // Already an object\n            jsonMsg = message;\n            markdown = jsonMsg?.data ?? \"\";\n        } else {\n            // Fallback for other types\n            markdown = String(message ?? \"\");\n        }\n    } catch (err: any) {\n        // Worst-case fallback: put the error string in markdown\n        markdown = ERROR_MESSAGES.INTERATCTION_MESSGAE(err?.message,err);\n        \n    }\n    // 🔧 Normalize escaped newlines, tabs, and quotes\n    if (markdown.includes(\"\\\\n\")) {\n        markdown = markdown\n            .replace(/\\\\n/g, \"\\n\")\n            .replace(/\\\\t/g, \"\\t\")\n            .replace(/\\\\r/g, \"\")\n            .replace(/\\\\\"/g, '\"');\n    }\n\n    // ✅ markdown is now clean and render-ready\n\n    return (\n        <div className={`p-3 `} style={{ width: '100%' }}>\n            <MarkdownViewer data={markdown} />\n        </div>\n    )\n}\n\n\nexport interface JsonDisplayProps {\n    message: any\n}\n\nexport const JsonDisplay: React.FC<JsonDisplayProps> = ({ message }) => {\n    let formattedJson = ''\n    try {\n        const parsed = JSON.parse(message)\n        formattedJson = JSON.stringify(parsed, null, 2)\n    } catch (e) {\n        // formattedJson = 'Invalid JSON'\n        formattedJson = message;\n    }\n\n    return (\n        <div className={`p-3 `} style={{ width: '100%' }}>\n            <ReactCodeMirror\n                value={formattedJson}\n                style={{ fontSize: '10px' }}\n                theme={oneDark}\n                extensions={[javascript(), EditorView.lineWrapping]}\n            />\n        </div>\n    )\n}\n\n\n\nexport interface PlainTextDisplayProps {\n    message: any\n}\n\nexport const PlainTextDisplay: React.FC<PlainTextDisplayProps> = ({ message }) => {\n    return (\n        <div className={`p-3`}>\n            {message}\n        </div>\n    )\n}\n"]}

package/dist/components/core/form/fields/widgets/SolidAiInteractionMessageFieldFormWidget.tsx

@@ -0,0 +1,135 @@
+"use client";
+import { SolidFormFieldWidgetProps } from "../../../../../types/solid-core";
+import MarkdownViewer from "../../../../../components/common/MarkdownViewer";
+import ReactCodeMirror, { EditorView } from "@uiw/react-codemirror";
+import { javascript } from '@codemirror/lang-javascript';
+import { oneDark } from '@codemirror/theme-one-dark';
+import { ERROR_MESSAGES } from "../../../../../constants/error-messages";
+
+
+export const SolidAiInteractionMessageFieldFormWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {
+
+    const fieldMetadata = fieldContext.fieldMetadata;
+    const fieldLayoutInfo = fieldContext.field;
+    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;
+    const userKeyFieldName = fieldMetadata.relationModel?.userKeyField?.name;
+    const value = formik.values[fieldLayoutInfo.attrs.name];
+    const contentType = formik?.values?.contentType ? formik?.values?.contentType : "markdown"
+
+    const renderContent = () => {
+
+        switch (contentType) {
+            case 'json':
+                return (
+                    <JsonDisplay message={value} />
+                )
+            case 'markdown':
+                return (
+                    <MarkdownDisplay message={value} />
+                )
+            case 'plain_text':
+            default:
+                return <PlainTextDisplay message={value} />
+        }
+    }
+
+    return (
+        <div className="mt-2 flex-column">
+            <p className="m-0 form-field-label font-medium">{fieldLabel}</p>
+            {value && renderContent()}
+        </div>
+    );
+}
+
+
+
+export interface MarkdownDisplayProps {
+    message: any
+}
+
+export const MarkdownDisplay: React.FC<MarkdownDisplayProps> = ({ message }) => {
+    // const jsonMsg = JSON.parse(interaction.message);
+    // const markdown = jsonMsg.data;
+    let jsonMsg: any;
+    let markdown: string;
+
+    try {
+        if (typeof message === "string") {
+            try {
+                jsonMsg = JSON.parse(message.trim());
+                markdown = jsonMsg?.data ?? "";
+            } catch (jsonErr) {
+                // Not valid JSON → treat the raw string as markdown
+                markdown = message.trim();
+            }
+        } else if (typeof message === "object" && message !== null) {
+            // Already an object
+            jsonMsg = message;
+            markdown = jsonMsg?.data ?? "";
+        } else {
+            // Fallback for other types
+            markdown = String(message ?? "");
+        }
+    } catch (err: any) {
+        // Worst-case fallback: put the error string in markdown
+        markdown = ERROR_MESSAGES.INTERATCTION_MESSGAE(err?.message,err);
+        
+    }
+    // 🔧 Normalize escaped newlines, tabs, and quotes
+    if (markdown.includes("\\n")) {
+        markdown = markdown
+            .replace(/\\n/g, "\n")
+            .replace(/\\t/g, "\t")
+            .replace(/\\r/g, "")
+            .replace(/\\"/g, '"');
+    }
+
+    // ✅ markdown is now clean and render-ready
+
+    return (
+        <div className={`p-3 `} style={{ width: '100%' }}>
+            <MarkdownViewer data={markdown} />
+        </div>
+    )
+}
+
+
+export interface JsonDisplayProps {
+    message: any
+}
+
+export const JsonDisplay: React.FC<JsonDisplayProps> = ({ message }) => {
+    let formattedJson = ''
+    try {
+        const parsed = JSON.parse(message)
+        formattedJson = JSON.stringify(parsed, null, 2)
+    } catch (e) {
+        // formattedJson = 'Invalid JSON'
+        formattedJson = message;
+    }
+
+    return (
+        <div className={`p-3 `} style={{ width: '100%' }}>
+            <ReactCodeMirror
+                value={formattedJson}
+                style={{ fontSize: '10px' }}
+                theme={oneDark}
+                extensions={[javascript(), EditorView.lineWrapping]}
+            />
+        </div>
+    )
+}
+
+
+
+export interface PlainTextDisplayProps {
+    message: any
+}
+
+export const PlainTextDisplay: React.FC<PlainTextDisplayProps> = ({ message }) => {
+    return (
+        <div className={`p-3`}>
+            {message}
+        </div>
+    )
+}

package/dist/components/core/form/fields/widgets/SolidAiInteractionMetadataFieldFormWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidAiInteractionMetadataFieldFormWidget.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/form/fields/widgets/SolidAiInteractionMetadataFieldFormWidget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAQ/D,eAAO,MAAM,yCAAyC,6BAA8B,yBAAyB,4CAqI5G,CAAA"}
+{"version":3,"file":"SolidAiInteractionMetadataFieldFormWidget.d.ts","sourceRoot":"./","sources":["components/core/form/fields/widgets/SolidAiInteractionMetadataFieldFormWidget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAQ5E,eAAO,MAAM,yCAAyC,6BAA8B,yBAAyB,4CAqI5G,CAAA"}