@solidxai/core-ui 0.1.14-beta.9 → 0.1.15-beta.0

package/dist/components/core/form/SolidFormView.js

@@ -85,7 +85,7 @@ import { hasAnyRole } from "../../../helpers/rolesHelper";
 import SolidChatterLocaleTabView from "../locales/SolidChatterLocaleTabView";
 import { ERROR_MESSAGES } from "../../../constants/error-messages";
 import { useLazyGetMcpUrlQuery, useLazyGetSolidSettingsQuery } from "../../../redux/api/solidSettingsApi";
-import { getSettingsMap } from "../../../helpers/settingsPayload";
+import { getSettingsMap, resolveRecordClickAction } from "../../../helpers/settingsPayload";
 import { SolidFormFooter } from "./SolidFormFooter";
 import { SolidVersionHistory, getWorkflowStatusLabel } from "./SolidVersionHistory";
 import { appendVersionHistoryPage, SolidWorkflowStatusPill, SolidWorkflowConfirmDialog, useDraftPublishWorkflow } from "./SolidDraftPublishWorkflow";
@@ -99,18 +99,20 @@ import { SolidHeaderRequestStatus } from "../../common/SolidHeaderRequestStatus"
 var LAYOUT_CLASSNAME_MAPPER = {
     grid: "flex flex-wrap",
     formgrid: "flex-wrap",
-    "col-12": "w-full",
-    "col-11": "w-[91.666667%]",
-    "col-10": "w-[83.333333%]",
-    "col-9": "w-3/4",
-    "col-8": "w-[66.666667%]",
-    "col-7": "w-[58.333333%]",
-    "col-6": "w-1/2",
-    "col-5": "w-[41.666667%]",
-    "col-4": "w-1/3",
-    "col-3": "w-1/4",
-    "col-2": "w-[16.666667%]",
-    "col-1": "w-[8.333333%]",
+    // Form-view columns render as flex items inside SolidRow, so basis preserves
+    // the old PrimeFlex column sizing without depending on width utilities.
+    "col-12": "basis-full",
+    "col-11": "basis-[91.666667%]",
+    "col-10": "basis-[83.333333%]",
+    "col-9": "basis-3/4",
+    "col-8": "basis-[66.666667%]",
+    "col-7": "basis-[58.333333%]",
+    "col-6": "basis-1/2",
+    "col-5": "basis-[41.666667%]",
+    "col-4": "basis-1/3",
+    "col-3": "basis-1/4",
+    "col-2": "basis-[16.666667%]",
+    "col-1": "basis-[8.333333%]",
     "flex-column": "flex-col",
     "flex-row": "flex-row",
     "flex-wrap": "flex-wrap",
@@ -177,7 +179,15 @@ var normalizeLayoutClassName = function (className) {
         var baseToken = parts[parts.length - 1];
         var responsivePrefix = parts.length > 1 ? "".concat(parts.slice(0, -1).join(":"), ":") : "";
         var mappedToken = mapLayoutToken(baseToken);
-        return mappedToken ? "".concat(responsivePrefix).concat(mappedToken) : token;
+        if (!mappedToken)
+            return token;
+        // A single metadata token like `md:col-6` can expand to multiple classes,
+        // so re-apply the responsive prefix to every emitted utility.
+        return mappedToken
+            .split(/\s+/)
+            .filter(Boolean)
+            .map(function (mappedClass) { return "".concat(responsivePrefix).concat(mappedClass); })
+            .join(" ");
     })
         .join(" ");
 };
@@ -534,46 +544,46 @@ var SolidPage = function (_a) {
 //     });
 // };
 var SolidFormView = function (params) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2;
-    var _3 = useSession(), session = _3.data, status = _3.status;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5;
+    var _6 = useSession(), session = _6.data, status = _6.status;
     var user = session === null || session === void 0 ? void 0 : session.user;
     var pathname = usePathname();
     var router = useRouter();
     var dispatch = useDispatch();
     var searchParams = useSearchParams();
-    var _4 = useState(false), redirectToList = _4[0], setRedirectToList = _4[1];
-    var _5 = useState('en'), selectedLocale = _5[0], setSelectedLocale = _5[1];
-    var _6 = useState(null), defaultEntityLocaleId = _6[0], setDefaultEntityLocaleId = _6[1];
-    var _7 = useState(false), isDeleteDialogVisible = _7[0], setDeleteDialogVisible = _7[1];
-    var _8 = useState(false), isLayoutDialogVisible = _8[0], setLayoutDialogVisible = _8[1];
-    var _9 = useState([]), actionsAllowed = _9[0], setActionsAllowed = _9[1];
-    var _10 = useState(params.embeded === true ? "edit" : "view"), viewMode = _10[0], setViewMode = _10[1];
-    var _11 = useState(false), createMode = _11[0], setCreateMode = _11[1];
-    var _12 = useState(false), openLightbox = _12[0], setOpenLightbox = _12[1];
-    var _13 = useState([]), lightboxUrls = _13[0], setLightboxUrls = _13[1];
-    var _14 = useState(false), isShowChatter = _14[0], setShowChatter = _14[1];
-    var _15 = useState(360), chatterLocaleWidth = _15[0], setChatterLocaleWidth = _15[1];
-    var _16 = useState(false), isResizingChatterLocale = _16[0], setIsResizingChatterLocale = _16[1];
-    var _17 = useState(false), isSubmitting = _17[0], setIsSubmitting = _17[1];
-    var _18 = useState(false), isMobileViewport = _18[0], setIsMobileViewport = _18[1];
+    var _7 = useState(false), redirectToList = _7[0], setRedirectToList = _7[1];
+    var _8 = useState('en'), selectedLocale = _8[0], setSelectedLocale = _8[1];
+    var _9 = useState(null), defaultEntityLocaleId = _9[0], setDefaultEntityLocaleId = _9[1];
+    var _10 = useState(false), isDeleteDialogVisible = _10[0], setDeleteDialogVisible = _10[1];
+    var _11 = useState(false), isLayoutDialogVisible = _11[0], setLayoutDialogVisible = _11[1];
+    var _12 = useState([]), actionsAllowed = _12[0], setActionsAllowed = _12[1];
+    var _13 = useState(params.embeded === true ? "edit" : "view"), viewMode = _13[0], setViewMode = _13[1];
+    var _14 = useState(false), createMode = _14[0], setCreateMode = _14[1];
+    var _15 = useState(false), openLightbox = _15[0], setOpenLightbox = _15[1];
+    var _16 = useState([]), lightboxUrls = _16[0], setLightboxUrls = _16[1];
+    var _17 = useState(false), isShowChatter = _17[0], setShowChatter = _17[1];
+    var _18 = useState(360), chatterLocaleWidth = _18[0], setChatterLocaleWidth = _18[1];
+    var _19 = useState(false), isResizingChatterLocale = _19[0], setIsResizingChatterLocale = _19[1];
+    var _20 = useState(false), isSubmitting = _20[0], setIsSubmitting = _20[1];
+    var _21 = useState(false), isMobileViewport = _21[0], setIsMobileViewport = _21[1];
     var solidFormWrapperRef = useRef(null);
     var embeddedRelationSubmitActionRef = useRef("close");
     var formikRef = useRef(null);
     var tabFieldsRef = useRef([]);
-    var _19 = useState(null), requestedTab = _19[0], setRequestedTab = _19[1];
-    var _20 = useState(0), requestedTabVersion = _20[0], setRequestedTabVersion = _20[1];
-    var _21 = useState(""), solidWorkflowFieldValue = _21[0], setSolidWorkflowFieldValue = _21[1];
-    var _22 = useState(1), defaultTabViewOptionIndex = _22[0], setDefaultTabViewOptionIndex = _22[1];
+    var _22 = useState(null), requestedTab = _22[0], setRequestedTab = _22[1];
+    var _23 = useState(0), requestedTabVersion = _23[0], setRequestedTabVersion = _23[1];
+    var _24 = useState(""), solidWorkflowFieldValue = _24[0], setSolidWorkflowFieldValue = _24[1];
+    var _25 = useState(1), defaultTabViewOptionIndex = _25[0], setDefaultTabViewOptionIndex = _25[1];
     var errorFields = [];
     var triggerCheckIfPermissionExists = useLazyCheckIfPermissionExistsQuery()[0];
-    var _23 = useState(null), mcpUrl = _23[0], setMcpUrl = _23[1];
+    var _26 = useState(null), mcpUrl = _26[0], setMcpUrl = _26[1];
     var getMcpUrl = useLazyGetMcpUrlQuery()[0];
     // when rendering the form view we will optionally get action params...
     // these we can bubble up in the event that is being raised onFormLayoutLoad, onFormDataLoad & onFormLoad
     var actionName = searchParams.get('actionName');
     var actionType = searchParams.get('actionType');
     var actionContext = searchParams.get('actionContext');
-    var _24 = useLazyGetSolidSettingsQuery(), trigger = _24[0], solidSettingsData = _24[1].data;
+    var _27 = useLazyGetSolidSettingsQuery(), trigger = _27[0], solidSettingsData = _27[1].data;
     var solidSettingsMap = useMemo(function () { return getSettingsMap(solidSettingsData); }, [solidSettingsData]);
     useEffect(function () {
         trigger(""); // Fetch settings on mount
@@ -735,27 +745,30 @@ var SolidFormView = function (params) {
     // }y
     var entityApi = createSolidEntityApi(params.modelName);
     var useCreateSolidEntityMutation = entityApi.useCreateSolidEntityMutation, useDeleteSolidEntityMutation = entityApi.useDeleteSolidEntityMutation, useGetSolidEntityByIdQuery = entityApi.useGetSolidEntityByIdQuery, useUpdateSolidEntityMutation = entityApi.useUpdateSolidEntityMutation, usePatchUpdateSolidEntityMutation = entityApi.usePatchUpdateSolidEntityMutation;
-    var _25 = useCreateSolidEntityMutation(), createEntity = _25[0], _26 = _25[1], isEntityCreateSuccess = _26.isSuccess, isEntityCreateError = _26.isError, entityCreateError = _26.error;
-    var _27 = useUpdateSolidEntityMutation(), updateEntity = _27[0], _28 = _27[1], isEntityUpdateSuceess = _28.isSuccess, isEntityUpdateError = _28.isError, entityUpdateError = _28.error;
-    var _29 = useDeleteSolidEntityMutation(), deleteEntity = _29[0], _30 = _29[1], isEntityDeleteSuceess = _30.isSuccess, isEntityDeleteError = _30.isError, entityDeleteError = _30.error;
-    var _31 = usePatchUpdateSolidEntityMutation(), patchEntity = _31[0], _32 = _31[1], isEntityPatchSuceess = _32.isSuccess, isEntityPatchError = _32.isError, entityPatchError = _32.error;
-    var _33 = useDraftPublishWorkflow({
+    var _28 = useCreateSolidEntityMutation(), createEntity = _28[0], _29 = _28[1], isEntityCreateSuccess = _29.isSuccess, isEntityCreateError = _29.isError, entityCreateError = _29.error;
+    var _30 = useUpdateSolidEntityMutation(), updateEntity = _30[0], _31 = _30[1], isEntityUpdateSuceess = _31.isSuccess, isEntityUpdateError = _31.isError, entityUpdateError = _31.error;
+    var _32 = useDeleteSolidEntityMutation(), deleteEntity = _32[0], _33 = _32[1], isEntityDeleteSuceess = _33.isSuccess, isEntityDeleteError = _33.isError, entityDeleteError = _33.error;
+    var _34 = usePatchUpdateSolidEntityMutation(), patchEntity = _34[0], _35 = _34[1], isEntityPatchSuceess = _35.isSuccess, isEntityPatchError = _35.isError, entityPatchError = _35.error;
+    var _36 = useDraftPublishWorkflow({
         entityApi: entityApi,
         id: params.id,
         onWorkflowChange: function () { return refetchSolidFormViewData(); },
         onEmbeddedFormSave: params.onEmbeddedFormSave,
-    }), published = _33.published, setPublished = _33.setPublished, confirmVisible = _33.confirmVisible, workflowConfirmAction = _33.workflowConfirmAction, handleDraftPublishWorkFlow = _33.handleDraftPublishWorkFlow, handleConfirmAccept = _33.handleConfirmAccept, handleConfirmReject = _33.handleConfirmReject, isEntityPublishedSuccess = _33.isEntityPublishedSuccess, isEntityUnpublishedSuccess = _33.isEntityUnpublishedSuccess;
+    }), published = _36.published, setPublished = _36.setPublished, confirmVisible = _36.confirmVisible, workflowConfirmAction = _36.workflowConfirmAction, handleDraftPublishWorkFlow = _36.handleDraftPublishWorkFlow, handleConfirmAccept = _36.handleConfirmAccept, handleConfirmReject = _36.handleConfirmReject, isEntityPublishedSuccess = _36.isEntityPublishedSuccess, isEntityUnpublishedSuccess = _36.isEntityUnpublishedSuccess;
     // - - - - - - - - - - - -- - - - - - - - - - - - METADATA here
     // Get the form view layout & metadata first. 
     var formViewMetaDataQs = qs.stringify(__assign(__assign({}, params), { viewType: 'form', defaultEntityLocaleId: defaultEntityLocaleId }), {
         encodeValuesOnly: true,
     });
-    var _34 = useState({}), formViewMetaData = _34[0], setFormViewMetaData = _34[1];
-    var _35 = useState(null), formViewLayout = _35[0], setFormViewLayout = _35[1];
-    var _36 = useGetSolidViewLayoutQuery(formViewMetaDataQs), solidFormViewMetaData = _36.data, solidFormViewMetaDataIsLoading = _36.isLoading;
+    var _37 = useState({}), formViewMetaData = _37[0], setFormViewMetaData = _37[1];
+    var _38 = useState(null), formViewLayout = _38[0], setFormViewLayout = _38[1];
+    var _39 = useGetSolidViewLayoutQuery(formViewMetaDataQs), solidFormViewMetaData = _39.data, solidFormViewMetaDataIsLoading = _39.isLoading;
+    var recordClickAction = resolveRecordClickAction(solidSettingsMap, {
+        isSystemModule: ((_c = (_b = (_a = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView) === null || _b === void 0 ? void 0 : _b.module) === null || _c === void 0 ? void 0 : _c.isSystem) === true,
+    });
     var triggerGetSolidViewLayout = useLazyGetSolidViewLayoutQuery()[0];
-    var entityDisplayName = ((_c = (_b = (_a = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView) === null || _b === void 0 ? void 0 : _b.model) === null || _c === void 0 ? void 0 : _c.displayName) || params.modelName;
-    var _37 = useState(true), refreshChatterMessage = _37[0], setRefreshChatterMessage = _37[1];
+    var entityDisplayName = ((_f = (_e = (_d = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _d === void 0 ? void 0 : _d.solidView) === null || _e === void 0 ? void 0 : _e.model) === null || _f === void 0 ? void 0 : _f.displayName) || params.modelName;
+    var _40 = useState(true), refreshChatterMessage = _40[0], setRefreshChatterMessage = _40[1];
     useEffect(function () {
         var _a;
         if (isEntityCreateSuccess == true ||
@@ -844,18 +857,18 @@ var SolidFormView = function (params) {
         isEntityPatchError,
     ]);
     var onFormikSubmit = function (values) { return __awaiter(void 0, void 0, void 0, function () {
-        var solidView, solidFieldsMetadata, layoutFieldsObj, formData_1, solidWorkflowField, workflowFieldMetadata, workflowFieldContext, workflowSolidField, result, baseFormPath, queryParams, saveParentRelationField, nextViewMode, result, nextId, queryParams, updatedPath, err_1;
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-        return __generator(this, function (_m) {
-            switch (_m.label) {
+        var solidView, solidFieldsMetadata, layoutFieldsObj, formData_1, solidWorkflowField, workflowFieldMetadata, workflowFieldContext, workflowSolidField, result, baseFormPath, queryParams, saveParentRelationField, nextViewMode, result, nextId, nextViewMode, queryParams, updatedPath, err_1;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+        return __generator(this, function (_p) {
+            switch (_p.label) {
                 case 0:
                     solidView = solidFormViewMetaData.data.solidView;
                     solidFieldsMetadata = solidFormViewMetaData.data.solidFieldsMetadata;
                     layoutFieldsObj = getLayoutFieldsAsObject([formViewLayout]);
                     setIsSubmitting(true);
-                    _m.label = 1;
+                    _p.label = 1;
                 case 1:
-                    _m.trys.push([1, 7, 8, 9]);
+                    _p.trys.push([1, 7, 8, 9]);
                     formData_1 = new FormData();
                     // Iterate through the keys in the values object
                     Object.entries(values).forEach(function (_a) {
@@ -910,7 +923,7 @@ var SolidFormView = function (params) {
                     if (!(params.id === 'new')) return [3 /*break*/, 4];
                     return [4 /*yield*/, createEntity(formData_1).unwrap()];
                 case 3:
-                    result = _m.sent();
+                    result = _p.sent();
                     dispatch(showToast({ severity: "success", summary: ERROR_MESSAGES.FORM_SAVED, detail: ERROR_MESSAGES.FORM_SAVED_SUCCESSFULLY }));
                     // if (!params.embeded && result?.data?.id) {
                     //     const newPathname = pathname.replace(/new$/, result.data.id);
@@ -935,28 +948,39 @@ var SolidFormView = function (params) {
                     return [2 /*return*/, result];
                 case 4: return [4 /*yield*/, updateEntity({ id: +params.id, data: formData_1 }).unwrap()];
                 case 5:
-                    result = _m.sent();
+                    result = _p.sent();
+                    // Keep the current screen in sync with the normalized payload returned by the API
+                    // so toggling view/edit after save does not continue showing stale pre-save values.
+                    if (result === null || result === void 0 ? void 0 : result.data) {
+                        setInitialEntityData(result.data);
+                        (_l = formikRef.current) === null || _l === void 0 ? void 0 : _l.resetForm({ values: result.data });
+                    }
                     // const result = await updateEntity({ id: +params.id, data: formData }).unwrap();
                     if (!params.embeded) {
                         dispatch(showToast({ severity: "success", summary: ERROR_MESSAGES.FORM_UPDATE, detail: ERROR_MESSAGES.FORM_UPDATE_SUCCESSFULLY }));
                         if ((result === null || result === void 0 ? void 0 : result.statusCode) === 200) {
-                            nextId = (_l = result === null || result === void 0 ? void 0 : result.data) === null || _l === void 0 ? void 0 : _l.id;
+                            nextId = (_m = result === null || result === void 0 ? void 0 : result.data) === null || _m === void 0 ? void 0 : _m.id;
+                            nextViewMode = recordClickAction === "edit" ? "edit" : "view";
+                            (_o = formikRef.current) === null || _o === void 0 ? void 0 : _o.resetForm({ values: values });
                             if (nextId && String(nextId) !== String(params.id)) {
                                 queryParams = new URLSearchParams(searchParams.toString());
-                                queryParams.set("viewMode", "view");
+                                queryParams.set("viewMode", nextViewMode);
                                 updatedPath = pathname.replace(/\/form\/[^/]+/, "/form/".concat(nextId));
                                 router.replace("".concat(updatedPath, "?").concat(queryParams.toString()));
-                                setViewMode("view");
+                                setViewMode(nextViewMode);
                             }
                             else {
-                                updateViewMode("view");
+                                if (nextViewMode === "view")
+                                    updateViewMode("view");
+                                else
+                                    setViewMode("edit");
                             }
                         }
                     }
                     return [2 /*return*/, result];
                 case 6: return [3 /*break*/, 9];
                 case 7:
-                    err_1 = _m.sent();
+                    err_1 = _p.sent();
                     console.error(ERROR_MESSAGES.ENTITY_FAILED, err_1);
                     return [3 /*break*/, 9];
                 case 8:
@@ -1005,7 +1029,7 @@ var SolidFormView = function (params) {
                 toPopulateMedia.push(fieldMetadata.name);
             }
         }
-        if (((_d = formViewLayout.attrs) === null || _d === void 0 ? void 0 : _d.workflowField) && ((_e = solidFieldsMetadata[formViewLayout.attrs.workflowField]) === null || _e === void 0 ? void 0 : _e.type) === 'relation' && ((_f = solidFieldsMetadata[formViewLayout.attrs.workflowField]) === null || _f === void 0 ? void 0 : _f.relationType) === 'many-to-one') {
+        if (((_g = formViewLayout.attrs) === null || _g === void 0 ? void 0 : _g.workflowField) && ((_h = solidFieldsMetadata[formViewLayout.attrs.workflowField]) === null || _h === void 0 ? void 0 : _h.type) === 'relation' && ((_j = solidFieldsMetadata[formViewLayout.attrs.workflowField]) === null || _j === void 0 ? void 0 : _j.relationType) === 'many-to-one') {
             toPopulate.push(solidFieldsMetadata[formViewLayout.attrs.workflowField].name);
         }
     }
@@ -1014,10 +1038,10 @@ var SolidFormView = function (params) {
     var formViewDataQs = qs.stringify({ populate: toPopulate, populateMedia: toPopulateMedia }, {
         encodeValuesOnly: true,
     });
-    var _38 = useState({}), initialEntityData = _38[0], setInitialEntityData = _38[1];
-    var _39 = useGetSolidEntityByIdQuery({ id: params.id, qs: formViewDataQs }, {
+    var _41 = useState({}), initialEntityData = _41[0], setInitialEntityData = _41[1];
+    var _42 = useGetSolidEntityByIdQuery({ id: params.id, qs: formViewDataQs }, {
         skip: params.id === 'new'
-    }), solidFormViewData = _39.data, solidFormViewDataIsLoading = _39.isLoading, refetchSolidFormViewData = _39.refetch;
+    }), solidFormViewData = _42.data, solidFormViewDataIsLoading = _42.isLoading, refetchSolidFormViewData = _42.refetch;
     useEffect(function () {
         if (params.id !== 'new') {
             refetchSolidFormViewData();
@@ -1036,7 +1060,7 @@ var SolidFormView = function (params) {
             setFormViewMetaData(solidFormViewMetaData);
         }
     }, [solidFormViewMetaData, solidFormViewData]);
-    var isDraftPublishWorkflowEnabled = ((_j = (_h = (_g = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _g === void 0 ? void 0 : _g.solidView) === null || _h === void 0 ? void 0 : _h.model) === null || _j === void 0 ? void 0 : _j.draftPublishWorkflow) === true;
+    var isDraftPublishWorkflowEnabled = ((_m = (_l = (_k = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _k === void 0 ? void 0 : _k.solidView) === null || _l === void 0 ? void 0 : _l.model) === null || _m === void 0 ? void 0 : _m.draftPublishWorkflow) === true;
     var currentWorkflowStatusLabel = isDraftPublishWorkflowEnabled && params.id !== 'new'
         ? getWorkflowStatusLabel(solidFormViewData === null || solidFormViewData === void 0 ? void 0 : solidFormViewData.data)
         : null;
@@ -1332,7 +1356,7 @@ var SolidFormView = function (params) {
             }
             var solidField = fieldFactory(fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.type, fieldContext);
             if (!(fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.type)) {
-                var errorMessage = ((_k = formLayoutField === null || formLayoutField === void 0 ? void 0 : formLayoutField.attrs) === null || _k === void 0 ? void 0 : _k.label) ? (_l = formLayoutField === null || formLayoutField === void 0 ? void 0 : formLayoutField.attrs) === null || _l === void 0 ? void 0 : _l.label : formLayoutField.attrs.name;
+                var errorMessage = ((_o = formLayoutField === null || formLayoutField === void 0 ? void 0 : formLayoutField.attrs) === null || _o === void 0 ? void 0 : _o.label) ? (_p = formLayoutField === null || formLayoutField === void 0 ? void 0 : formLayoutField.attrs) === null || _p === void 0 ? void 0 : _p.label : formLayoutField.attrs.name;
                 if (!errorFields.includes(errorMessage)) {
                     // errorFields.push(errorMessage);
                 }
@@ -1590,7 +1614,7 @@ var SolidFormView = function (params) {
         var onDeleteClose = function () {
             setDeleteDialogVisible(false);
         };
-        var dynamicHeader = (_m = solidView_1.layout) === null || _m === void 0 ? void 0 : _m.header;
+        var dynamicHeader = (_q = solidView_1.layout) === null || _q === void 0 ? void 0 : _q.header;
         var DynamicHeaderComponent = null;
         if (dynamicHeader) {
             DynamicHeaderComponent = getExtensionComponent(dynamicHeader);
@@ -1618,8 +1642,8 @@ var SolidFormView = function (params) {
                 setDefaultTabViewOptionIndex(2);
             }
         };
-        var showChatterInfo = Boolean(((_q = (_p = (_o = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _o === void 0 ? void 0 : _o.solidView) === null || _p === void 0 ? void 0 : _p.model) === null || _q === void 0 ? void 0 : _q.draftPublishWorkflow)
-            || ((_t = (_s = (_r = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _r === void 0 ? void 0 : _r.solidView) === null || _s === void 0 ? void 0 : _s.model) === null || _t === void 0 ? void 0 : _t.internationalisation));
+        var showChatterInfo = Boolean(((_t = (_s = (_r = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _r === void 0 ? void 0 : _r.solidView) === null || _s === void 0 ? void 0 : _s.model) === null || _t === void 0 ? void 0 : _t.draftPublishWorkflow)
+            || ((_w = (_v = (_u = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _u === void 0 ? void 0 : _u.solidView) === null || _v === void 0 ? void 0 : _v.model) === null || _w === void 0 ? void 0 : _w.internationalisation));
         //en 4 null
         var handleLocaleChangeRedirect = function (locale, defaultEntityLocaleId, viewMode) { return __awaiter(void 0, void 0, void 0, function () {
             var newViewMode, defaultApplicableLocales, matchingLocale, resolvedDefaultEntityLocaleId, freshQuery, freshResponse, freshApplicableLocales, _a, basePath, entityPart, updatedPath, queryParams;
@@ -1688,11 +1712,11 @@ var SolidFormView = function (params) {
             return slide;
         })
             .filter(function (slide) { return !!slide; });
-        return (_jsxs("div", { className: "solid-form-wrapper", ref: solidFormWrapperRef, children: [_jsxs("div", { className: "solid-form-section", children: [_jsxs("form", { style: { width: '100%' }, onSubmit: formik.handleSubmit, children: [_jsx(FormikSubmitWatcher, { formik: formik, tabFieldsRef: tabFieldsRef, embeded: params.embeded, searchParams: searchParams, setRequestedTab: setRequestedTab, setRequestedTabVersion: setRequestedTabVersion }), _jsx(SolidFormActionHeader, { formik: formik, formData: solidFormViewData === null || solidFormViewData === void 0 ? void 0 : solidFormViewData.data, params: params, actionsAllowed: actionsAllowed, formViewLayout: formViewLayout, solidView: solidView_1, solidFormViewMetaData: solidFormViewMetaData, initialEntityData: solidFormViewData ? solidFormViewData.data : {}, setDeleteDialogVisible: setDeleteDialogVisible, setLayoutDialogVisible: setLayoutDialogVisible, setRedirectToList: setRedirectToList, viewMode: viewMode, setViewMode: setViewMode, solidWorkflowFieldValue: solidWorkflowFieldValue, setSolidWorkflowFieldValue: setSolidWorkflowFieldValue, draftEnabled: (_w = (_v = (_u = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _u === void 0 ? void 0 : _u.solidView) === null || _v === void 0 ? void 0 : _v.model) === null || _w === void 0 ? void 0 : _w.draftPublishWorkflow, publish: published, internationalisationEnabled: (_z = (_y = (_x = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _x === void 0 ? void 0 : _x.solidView) === null || _y === void 0 ? void 0 : _y.model) === null || _z === void 0 ? void 0 : _z.internationalisation, handleDraftPublishWorkFlow: handleDraftPublishWorkFlow, onStepperUpdate: function () { return setRefreshChatterMessage(true); }, isSubmitting: isSubmitting, setEmbeddedRelationSubmitAction: function (action) {
+        return (_jsxs("div", { className: "solid-form-wrapper", ref: solidFormWrapperRef, children: [_jsxs("div", { className: "solid-form-section", children: [_jsxs("form", { style: { width: '100%' }, onSubmit: formik.handleSubmit, children: [_jsx(FormikSubmitWatcher, { formik: formik, tabFieldsRef: tabFieldsRef, embeded: params.embeded, searchParams: searchParams, setRequestedTab: setRequestedTab, setRequestedTabVersion: setRequestedTabVersion }), _jsx(SolidFormActionHeader, { formik: formik, formData: solidFormViewData === null || solidFormViewData === void 0 ? void 0 : solidFormViewData.data, params: params, actionsAllowed: actionsAllowed, formViewLayout: formViewLayout, solidView: solidView_1, solidFormViewMetaData: solidFormViewMetaData, initialEntityData: solidFormViewData ? solidFormViewData.data : {}, setDeleteDialogVisible: setDeleteDialogVisible, setLayoutDialogVisible: setLayoutDialogVisible, setRedirectToList: setRedirectToList, viewMode: viewMode, setViewMode: setViewMode, solidWorkflowFieldValue: solidWorkflowFieldValue, setSolidWorkflowFieldValue: setSolidWorkflowFieldValue, draftEnabled: (_z = (_y = (_x = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _x === void 0 ? void 0 : _x.solidView) === null || _y === void 0 ? void 0 : _y.model) === null || _z === void 0 ? void 0 : _z.draftPublishWorkflow, publish: published, internationalisationEnabled: (_2 = (_1 = (_0 = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _0 === void 0 ? void 0 : _0.solidView) === null || _1 === void 0 ? void 0 : _1.model) === null || _2 === void 0 ? void 0 : _2.internationalisation, handleDraftPublishWorkFlow: handleDraftPublishWorkFlow, onStepperUpdate: function () { return setRefreshChatterMessage(true); }, isSubmitting: isSubmitting, setEmbeddedRelationSubmitAction: function (action) {
                                         embeddedRelationSubmitActionRef.current = action;
                                     }, 
                                     // headerRequestStatusLabel={isSubmitting ? "Saving..." : null}
-                                    showMobileOpenChatter: isMobileViewport && !isShowChatter && params.embeded !== true, onMobileOpenChatter: function () { return setShowChatter(true); } }), _jsxs("div", { className: "px-3 py-3 md:p-4 solid-form-content md:pt-1 ".concat(createMode ? 'solid-create-mode-form-content' : 'solid-edit-mode-form-content', " ").concat(params.embeded === true ? 'h-auto' : ''), children: [DynamicHeaderComponent && _jsx(DynamicHeaderComponent, {}), params.id === 'new' && DynamicFormComponentNew ? (_jsx(DynamicFormComponentNew, { params: params })) : params.id !== 'new' && DynamicFormComponentEdit ? (_jsx(DynamicFormComponentEdit, { params: params })) : (renderFormDynamically(formViewMetaData, formViewLayout))] })] }), _jsx(SolidFormFooter, { params: params, internationalisationEnabled: (_2 = (_1 = (_0 = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _0 === void 0 ? void 0 : _0.solidView) === null || _1 === void 0 ? void 0 : _1.model) === null || _2 === void 0 ? void 0 : _2.internationalisation })] }), params.embeded !== true &&
+                                    showMobileOpenChatter: isMobileViewport && !isShowChatter && params.embeded !== true, onMobileOpenChatter: function () { return setShowChatter(true); } }), _jsxs("div", { className: "px-3 py-3 md:p-4 solid-form-content md:pt-1 ".concat(createMode ? 'solid-create-mode-form-content' : 'solid-edit-mode-form-content', " ").concat(params.embeded === true ? 'h-auto' : ''), children: [DynamicHeaderComponent && _jsx(DynamicHeaderComponent, {}), params.id === 'new' && DynamicFormComponentNew ? (_jsx(DynamicFormComponentNew, { params: params })) : params.id !== 'new' && DynamicFormComponentEdit ? (_jsx(DynamicFormComponentEdit, { params: params })) : (renderFormDynamically(formViewMetaData, formViewLayout))] })] }), _jsx(SolidFormFooter, { params: params, internationalisationEnabled: (_5 = (_4 = (_3 = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _3 === void 0 ? void 0 : _3.solidView) === null || _4 === void 0 ? void 0 : _4.model) === null || _5 === void 0 ? void 0 : _5.internationalisation })] }), params.embeded !== true &&
                     _jsxs("div", { className: "chatter-section ".concat(isShowChatter === false ? 'collapsed' : 'open'), style: { width: chatterLocaleWidth }, children: [isShowChatter && (_jsx("div", { style: {
                                     width: 5,
                                     cursor: 'col-resize',