@solidxai/core-ui 0.1.8-beta.7 → 0.1.8-beta.9

package/dist/components/common/SolidThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidThemeProvider.js","sourceRoot":"","sources":["../../../src/components/common/SolidThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAE/E,MAAM,CAAC,IAAM,kBAAkB,GAAG;IAC9B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IACzB,IAAA,KAAyC,2BAA2B,EAAE,EAArE,OAAO,QAAA,EAAU,iBAAiB,aAAmC,CAAA;IAC5E,SAAS,CAAC;QACN,IAAI,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;YAC7B,OAAO,CAAC,EAAE,CAAC,CAAC;SACf;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAElB,IAAA,KAAoB,QAAQ,CAAC,oBAAoB,CAAC,EAAjD,KAAK,QAAA,EAAE,QAAQ,QAAkC,CAAC;IACzD,SAAS,CAAC;;QACN,IAAI,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAI,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,0CAAE,cAAc,CAAA,EAAE;YACxE,IAAM,aAAa,GACf,CAAA,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,0CAAE,cAAc,MAAK,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,oBAAoB,CAAC;YACpG,QAAQ,CAAC,aAAa,CAAC,CAAC;SAC3B;aAAM;YACH,QAAQ,CAAC,oBAAoB,CAAC,CAAC;SAClC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAElC,SAAS,CAAC;QACN,gCAAgC;QAChC,IAAI,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAoB,CAAC;QAExE,oBAAoB;QACpB,kDAAkD;QAClD,kCAAkC;QAClC,oCAAoC;QACpC,4CAA4C;QAC5C,IAAI;QAEJ,gCAAgC;QAChC,SAAS,CAAC,IAAI,GAAG,kBAAW,KAAK,eAAY,CAAC;IAClD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,IAAI,CAAC;AAChB,CAAC,CAAA","sourcesContent":["\n\nimport { useEffect, useState } from \"react\";\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useSelector } from \"react-redux\";\nimport { useLazyGetAuthSettingsQuery } from \"../../redux/api/solidSettingsApi\";\n\nexport const SolidThemeProvider = () => {\n    const pathname = usePathname();\n    const [trigger, { data: solidSettingsData }] = useLazyGetAuthSettingsQuery()\n    useEffect(() => {\n        if (pathname.includes(\"/auth/\")) {\n            trigger(\"\");\n        }\n    }, [pathname, trigger]);\n\n    const [theme, setTheme] = useState(\"solid-light-purple\");\n    useEffect(() => {\n        if (pathname.includes(\"/auth/\") && solidSettingsData?.data?.authPagesTheme) {\n            const selectedTheme =\n                solidSettingsData?.data?.authPagesTheme === \"dark\" ? \"solid-dark-purple\" : \"solid-light-purple\";\n            setTheme(selectedTheme);\n        } else {\n            setTheme(\"solid-light-purple\");\n        }\n    }, [pathname, solidSettingsData]);\n\n    useEffect(() => {\n        // Find or create <link> element\n        let themeLink = document.getElementById(\"theme-css\") as HTMLLinkElement;\n\n        // if (!themeLink) {\n        //     themeLink = document.createElement(\"link\");\n        //     themeLink.id = \"theme-css\";\n        //     themeLink.rel = \"stylesheet\";\n        //     document.head.appendChild(themeLink);\n        // }\n\n        // Update theme link dynamically\n        themeLink.href = `/themes/${theme}/theme.css`;\n    }, [theme]);\n\n    return null;\n}\n"]}
+{"version":3,"file":"SolidThemeProvider.js","sourceRoot":"","sources":["../../../src/components/common/SolidThemeProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAEhE,MAAM,CAAC,IAAM,kBAAkB,GAAG;IAC9B,IAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,IAAM,SAAS,GAAG,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,SAAS,MAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IACzE,IAAM,KAAK,GAAG,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,oBAAoB,CAAC;IAEhF,SAAS,CAAC;QACN,gCAAgC;QAChC,IAAI,SAAS,GAAG,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAoB,CAAC;QAExE,oBAAoB;QACpB,kDAAkD;QAClD,kCAAkC;QAClC,oCAAoC;QACpC,4CAA4C;QAC5C,IAAI;QAEJ,gCAAgC;QAChC,SAAS,CAAC,IAAI,GAAG,kBAAW,KAAK,eAAY,CAAC;IAClD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC","sourcesContent":["\nimport { useContext, useEffect } from \"react\";\nimport { LayoutContext } from \"../layout/context/layoutcontext\";\n\nexport const SolidThemeProvider = () => {\n    const layoutContext = useContext(LayoutContext);\n    const themeMode = layoutContext?.themeMode === \"dark\" ? \"dark\" : \"light\";\n    const theme = themeMode === \"dark\" ? \"solid-dark-purple\" : \"solid-light-purple\";\n\n    useEffect(() => {\n        // Find or create <link> element\n        let themeLink = document.getElementById(\"theme-css\") as HTMLLinkElement;\n\n        // if (!themeLink) {\n        //     themeLink = document.createElement(\"link\");\n        //     themeLink.id = \"theme-css\";\n        //     themeLink.rel = \"stylesheet\";\n        //     document.head.appendChild(themeLink);\n        // }\n\n        // Update theme link dynamically\n        themeLink.href = `/themes/${theme}/theme.css`;\n    }, [theme]);\n\n    return null;\n};\n"]}

package/dist/components/common/SolidThemeProvider.tsx

@@ -1,29 +1,11 @@
 
-
-import { useEffect, useState } from "react";
-import { usePathname } from "../../hooks/usePathname";
-import { useSelector } from "react-redux";
-import { useLazyGetAuthSettingsQuery } from "../../redux/api/solidSettingsApi";
+import { useContext, useEffect } from "react";
+import { LayoutContext } from "../layout/context/layoutcontext";
 
 export const SolidThemeProvider = () => {
-    const pathname = usePathname();
-    const [trigger, { data: solidSettingsData }] = useLazyGetAuthSettingsQuery()
-    useEffect(() => {
-        if (pathname.includes("/auth/")) {
-            trigger("");
-        }
-    }, [pathname, trigger]);
-
-    const [theme, setTheme] = useState("solid-light-purple");
-    useEffect(() => {
-        if (pathname.includes("/auth/") && solidSettingsData?.data?.authPagesTheme) {
-            const selectedTheme =
-                solidSettingsData?.data?.authPagesTheme === "dark" ? "solid-dark-purple" : "solid-light-purple";
-            setTheme(selectedTheme);
-        } else {
-            setTheme("solid-light-purple");
-        }
-    }, [pathname, solidSettingsData]);
+    const layoutContext = useContext(LayoutContext);
+    const themeMode = layoutContext?.themeMode === "dark" ? "dark" : "light";
+    const theme = themeMode === "dark" ? "solid-dark-purple" : "solid-light-purple";
 
     useEffect(() => {
         // Find or create <link> element
@@ -41,4 +23,4 @@ export const SolidThemeProvider = () => {
     }, [theme]);
 
     return null;
-}
+};

package/dist/components/core/common/LoadDynamicJsxComponent.d.ts

@@ -0,0 +1,2 @@
+export declare const LoadDynamicJsxComponent: ({ context }: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LoadDynamicJsxComponent.d.ts.map

package/dist/components/core/common/LoadDynamicJsxComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadDynamicJsxComponent.d.ts","sourceRoot":"./","sources":["components/core/common/LoadDynamicJsxComponent.tsx"],"names":[],"mappings":"AAeA,eAAO,MAAM,uBAAuB,gBAAiB,GAAG,4CAoDvD,CAAA"}

package/dist/components/core/common/LoadDynamicJsxComponent.js

@@ -0,0 +1,50 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ERROR_MESSAGES } from "../../../constants/error-messages";
+import dynamic from "next/dynamic";
+import { useState, useEffect } from "react";
+// Fallback component for missing components
+const FallbackComponent = ({ componentName }) => (_jsxs("div", { style: { color: "red" }, children: ["Could not load ", _jsx("strong", { children: componentName })] }));
+export const LoadDynamicJsxComponent = ({ context }) => {
+    // const Component = dynamic<Props>(
+    //     async () => {
+    //         try {
+    //             const componentName = context?.rowAction?.action?.customComponent.split('/').pop();
+    //             const mod = await import();
+    //             // Return the default export or a named export matching the componentName
+    //             return mod.default || mod[componentName];
+    //         } catch (error) {
+    //             console.error(`Failed to load component "${context?.rowAction?.action?.customComponent}":`, error);
+    //             // Return a fallback component if the import fails
+    //             return () => <GenerateModelCodeRowAction context={context} />;
+    //         }
+    //     },
+    //     { ssr: false } // Disable server-side rendering
+    // );
+    const [Component, setComponent] = useState(null);
+    const componentPath = context?.rowAction?.action?.customComponent;
+    const componentKey = componentPath?.split("/")?.pop();
+    const componentMap = {
+        "GenerateModelCodeRowAction": dynamic(() => import("../extension/solid-core/modelMetadata/list/GenerateModelCodeRowAction"), { ssr: false }),
+        "GenerateModuleCodeRowAction": dynamic(() => import("../extension/solid-core/moduleMetadata/list/GenerateModuleCodeRowAction"), { ssr: false }),
+    };
+    useEffect(() => {
+        if (!componentKey)
+            return;
+        if (componentMap[componentKey]) {
+            setComponent(() => () => setComponent(() => componentMap[componentKey]));
+        }
+        else {
+            import(componentPath)
+                .then((mod) => setComponent(() => mod.default || mod))
+                .catch((err) => {
+                console.error(` ${ERROR_MESSAGES.LOADING_COMPONENT} ${componentPath}:`, err);
+                setComponent(() => () => _jsx(FallbackComponent, { componentName: componentKey }));
+            });
+        }
+    }, [componentKey]);
+    if (!Component)
+        return _jsx("p", { children: "Loading..." });
+    return _jsx(Component, { context: context });
+};
+//# sourceMappingURL=LoadDynamicJsxComponent.js.map

package/dist/components/core/common/LoadDynamicJsxComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadDynamicJsxComponent.js","sourceRoot":"./","sources":["components/core/common/LoadDynamicJsxComponent.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,OAAO,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,4CAA4C;AAC5C,MAAM,iBAAiB,GAAG,CAAC,EAAE,aAAa,EAAO,EAAE,EAAE,CAAC,CAClD,eAAK,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,gCACT,2BAAS,aAAa,GAAU,IAC7C,CACT,CAAC;AAMF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EAAE,OAAO,EAAO,EAAE,EAAE;IAGxD,oCAAoC;IACpC,oBAAoB;IACpB,gBAAgB;IAEhB,kGAAkG;IAClG,0CAA0C;IAC1C,wFAAwF;IACxF,wDAAwD;IACxD,4BAA4B;IAC5B,kHAAkH;IAClH,iEAAiE;IACjE,6EAA6E;IAC7E,YAAY;IACZ,SAAS;IACT,sDAAsD;IACtD,KAAK;IACL,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAM,IAAI,CAAC,CAAC;IACtD,MAAM,aAAa,GAAG,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,eAAe,CAAC;IAClE,MAAM,YAAY,GAAG,aAAa,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC;IAEtD,MAAM,YAAY,GAAwB;QACtC,4BAA4B,EAAE,OAAO,CACnC,GAAG,EAAE,CAAC,MAAM,CAAC,uEAAuE,CAAC,EACrF,EAAE,GAAG,EAAE,KAAK,EAAE,CACf;QACD,6BAA6B,EAAE,OAAO,CAClC,GAAG,EAAE,CAAC,MAAM,CAAC,yEAAyE,CAAC,EACvF,EAAE,GAAG,EAAE,KAAK,EAAE,CACjB;KACJ,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,YAAY;YAAE,OAAO;QAE1B,IAAI,YAAY,CAAC,YAAY,CAAC,EAAE;YAC5B,YAAY,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;SAC5E;aAAM;YACP,MAAM,CAAC,aAAa,CAAC;iBAChB,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,IAAI,GAAG,CAAC,CAAC;iBACrD,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;gBACf,OAAO,CAAC,KAAK,CAAC,IAAI,cAAc,CAAC,iBAAiB,IAAI,aAAa,GAAG,EAAE,GAAG,CAAC,CAAC;gBAC7E,YAAY,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,KAAC,iBAAiB,IAAC,aAAa,EAAE,YAAY,GAAI,CAAC,CAAC;YAC7E,CAAC,CAAC,CAAC;SACN;IACL,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,IAAI,CAAC,SAAS;QAAE,OAAO,qCAAiB,CAAC;IAEzC,OAAO,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,GAAI,CAAC;AAC3C,CAAC,CAAA","sourcesContent":["'use client';\nimport { ERROR_MESSAGES } from \"../../../constants/error-messages\";\nimport dynamic from \"next/dynamic\";\nimport { useState, useEffect } from \"react\";\n// Fallback component for missing components\nconst FallbackComponent = ({ componentName }: any) => (\n    <div style={{ color: \"red\" }}>\n        Could not load <strong>{componentName}</strong>\n    </div>\n);\n\ntype Props = {\n    context: any;\n};\n\nexport const LoadDynamicJsxComponent = ({ context }: any) => {\n\n    \n    // const Component = dynamic<Props>(\n    //     async () => {\n    //         try {\n               \n    //             const componentName = context?.rowAction?.action?.customComponent.split('/').pop();\n    //             const mod = await import();\n    //             // Return the default export or a named export matching the componentName\n    //             return mod.default || mod[componentName];\n    //         } catch (error) {\n    //             console.error(`Failed to load component \"${context?.rowAction?.action?.customComponent}\":`, error);\n    //             // Return a fallback component if the import fails\n    //             return () => <GenerateModelCodeRowAction context={context} />;\n    //         }\n    //     },\n    //     { ssr: false } // Disable server-side rendering\n    // );\n    const [Component, setComponent] = useState<any>(null);\n    const componentPath = context?.rowAction?.action?.customComponent;\n    const componentKey = componentPath?.split(\"/\")?.pop();\n\n    const componentMap: Record<string, any> = {\n        \"GenerateModelCodeRowAction\": dynamic(\n          () => import(\"../extension/solid-core/modelMetadata/list/GenerateModelCodeRowAction\"),\n          { ssr: false }\n        ),\n        \"GenerateModuleCodeRowAction\": dynamic(\n            () => import(\"../extension/solid-core/moduleMetadata/list/GenerateModuleCodeRowAction\"),\n            { ssr: false }\n        ),\n    };\n\n    useEffect(() => {\n        if (!componentKey) return;\n\n        if (componentMap[componentKey]) {\n            setComponent(() => () => setComponent(() => componentMap[componentKey]));\n        } else {\n        import(componentPath)\n            .then((mod) => setComponent(() => mod.default || mod))\n            .catch((err) => {\n            console.error(` ${ERROR_MESSAGES.LOADING_COMPONENT} ${componentPath}:`, err);\n            setComponent(() => () => <FallbackComponent componentName={componentKey} />);\n            });\n        }\n    }, [componentKey]);\n\n    if (!Component) return <p>Loading...</p>;\n\n    return <Component context={context} />;\n}\n\n\n"]}

package/dist/components/core/common/LoadDynamicJsxComponent.tsx

@@ -0,0 +1,70 @@
+'use client';
+import { ERROR_MESSAGES } from "../../../constants/error-messages";
+import dynamic from "next/dynamic";
+import { useState, useEffect } from "react";
+// Fallback component for missing components
+const FallbackComponent = ({ componentName }: any) => (
+    <div style={{ color: "red" }}>
+        Could not load <strong>{componentName}</strong>
+    </div>
+);
+
+type Props = {
+    context: any;
+};
+
+export const LoadDynamicJsxComponent = ({ context }: any) => {
+
+    
+    // const Component = dynamic<Props>(
+    //     async () => {
+    //         try {
+               
+    //             const componentName = context?.rowAction?.action?.customComponent.split('/').pop();
+    //             const mod = await import();
+    //             // Return the default export or a named export matching the componentName
+    //             return mod.default || mod[componentName];
+    //         } catch (error) {
+    //             console.error(`Failed to load component "${context?.rowAction?.action?.customComponent}":`, error);
+    //             // Return a fallback component if the import fails
+    //             return () => <GenerateModelCodeRowAction context={context} />;
+    //         }
+    //     },
+    //     { ssr: false } // Disable server-side rendering
+    // );
+    const [Component, setComponent] = useState<any>(null);
+    const componentPath = context?.rowAction?.action?.customComponent;
+    const componentKey = componentPath?.split("/")?.pop();
+
+    const componentMap: Record<string, any> = {
+        "GenerateModelCodeRowAction": dynamic(
+          () => import("../extension/solid-core/modelMetadata/list/GenerateModelCodeRowAction"),
+          { ssr: false }
+        ),
+        "GenerateModuleCodeRowAction": dynamic(
+            () => import("../extension/solid-core/moduleMetadata/list/GenerateModuleCodeRowAction"),
+            { ssr: false }
+        ),
+    };
+
+    useEffect(() => {
+        if (!componentKey) return;
+
+        if (componentMap[componentKey]) {
+            setComponent(() => () => setComponent(() => componentMap[componentKey]));
+        } else {
+        import(componentPath)
+            .then((mod) => setComponent(() => mod.default || mod))
+            .catch((err) => {
+            console.error(` ${ERROR_MESSAGES.LOADING_COMPONENT} ${componentPath}:`, err);
+            setComponent(() => () => <FallbackComponent componentName={componentKey} />);
+            });
+        }
+    }, [componentKey]);
+
+    if (!Component) return <p>Loading...</p>;
+
+    return <Component context={context} />;
+}
+
+

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

@@ -355,42 +355,42 @@ var SolidPage = function (_a) {
 //     });
 // };
 var SolidFormView = function (params) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
-    var _r = useSession(), session = _r.data, status = _r.status;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
+    var _u = useSession(), session = _u.data, status = _u.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 _s = useState(false), confirmVisible = _s[0], setConfirmVisible = _s[1];
+    var _v = useState(false), confirmVisible = _v[0], setConfirmVisible = _v[1];
     var confirmResolveRef = useRef();
-    var _t = useState(false), redirectToList = _t[0], setRedirectToList = _t[1];
-    var _u = useState('en'), selectedLocale = _u[0], setSelectedLocale = _u[1];
-    var _v = useState(null), defaultEntityLocaleId = _v[0], setDefaultEntityLocaleId = _v[1];
-    var _w = useState(false), isDeleteDialogVisible = _w[0], setDeleteDialogVisible = _w[1];
-    var _x = useState(false), isLayoutDialogVisible = _x[0], setLayoutDialogVisible = _x[1];
-    var _y = useState(null), published = _y[0], setPublished = _y[1];
-    var _z = useState([]), actionsAllowed = _z[0], setActionsAllowed = _z[1];
-    var _0 = useState(params.embeded === true ? "edit" : "view"), viewMode = _0[0], setViewMode = _0[1];
-    var _1 = useState(false), createMode = _1[0], setCreateMode = _1[1];
-    var _2 = useState(false), openLightbox = _2[0], setOpenLightbox = _2[1];
-    var _3 = useState([]), lightboxUrls = _3[0], setLightboxUrls = _3[1];
-    var _4 = useState(false), isShowChatter = _4[0], setShowChatter = _4[1];
-    var _5 = useState(360), chatterLocaleWidth = _5[0], setChatterLocaleWidth = _5[1];
-    var _6 = useState(false), isResizingChatterLocale = _6[0], setIsResizingChatterLocale = _6[1];
-    var _7 = useState(false), isSubmitting = _7[0], setIsSubmitting = _7[1];
-    var _8 = useState(""), solidWorkflowFieldValue = _8[0], setSolidWorkflowFieldValue = _8[1];
-    var _9 = useState(1), defaultTabViewOptionIndex = _9[0], setDefaultTabViewOptionIndex = _9[1];
+    var _w = useState(false), redirectToList = _w[0], setRedirectToList = _w[1];
+    var _x = useState('en'), selectedLocale = _x[0], setSelectedLocale = _x[1];
+    var _y = useState(null), defaultEntityLocaleId = _y[0], setDefaultEntityLocaleId = _y[1];
+    var _z = useState(false), isDeleteDialogVisible = _z[0], setDeleteDialogVisible = _z[1];
+    var _0 = useState(false), isLayoutDialogVisible = _0[0], setLayoutDialogVisible = _0[1];
+    var _1 = useState(null), published = _1[0], setPublished = _1[1];
+    var _2 = useState([]), actionsAllowed = _2[0], setActionsAllowed = _2[1];
+    var _3 = useState(params.embeded === true ? "edit" : "view"), viewMode = _3[0], setViewMode = _3[1];
+    var _4 = useState(false), createMode = _4[0], setCreateMode = _4[1];
+    var _5 = useState(false), openLightbox = _5[0], setOpenLightbox = _5[1];
+    var _6 = useState([]), lightboxUrls = _6[0], setLightboxUrls = _6[1];
+    var _7 = useState(false), isShowChatter = _7[0], setShowChatter = _7[1];
+    var _8 = useState(360), chatterLocaleWidth = _8[0], setChatterLocaleWidth = _8[1];
+    var _9 = useState(false), isResizingChatterLocale = _9[0], setIsResizingChatterLocale = _9[1];
+    var _10 = useState(false), isSubmitting = _10[0], setIsSubmitting = _10[1];
+    var _11 = useState(""), solidWorkflowFieldValue = _11[0], setSolidWorkflowFieldValue = _11[1];
+    var _12 = useState(1), defaultTabViewOptionIndex = _12[0], setDefaultTabViewOptionIndex = _12[1];
     var errorFields = [];
     var triggerCheckIfPermissionExists = useLazyCheckIfPermissionExistsQuery()[0];
-    var _10 = useState(null), mcpUrl = _10[0], setMcpUrl = _10[1];
+    var _13 = useState(null), mcpUrl = _13[0], setMcpUrl = _13[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 _11 = useLazyGetSolidSettingsQuery(), trigger = _11[0], solidSettingsData = _11[1].data;
+    var _14 = useLazyGetSolidSettingsQuery(), trigger = _14[0], solidSettingsData = _14[1].data;
     useEffect(function () {
         trigger(""); // Fetch settings on mount
     }, []);
@@ -527,21 +527,22 @@ 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, usePublishSolidEntityMutation = entityApi.usePublishSolidEntityMutation, useUnpublishSolidEntityMutation = entityApi.useUnpublishSolidEntityMutation;
-    var _12 = useCreateSolidEntityMutation(), createEntity = _12[0], _13 = _12[1], isEntityCreateSuccess = _13.isSuccess, isEntityCreateError = _13.isError, entityCreateError = _13.error;
-    var _14 = useUpdateSolidEntityMutation(), updateEntity = _14[0], _15 = _14[1], isEntityUpdateSuceess = _15.isSuccess, isEntityUpdateError = _15.isError, entityUpdateError = _15.error;
-    var _16 = useDeleteSolidEntityMutation(), deleteEntity = _16[0], _17 = _16[1], isEntityDeleteSuceess = _17.isSuccess, isEntityDeleteError = _17.isError, entityDeleteError = _17.error;
-    var _18 = usePatchUpdateSolidEntityMutation(), patchEntity = _18[0], _19 = _18[1], isEntityPatchSuceess = _19.isSuccess, isEntityPatchError = _19.isError, entityPatchError = _19.error;
-    var _20 = usePublishSolidEntityMutation(), publishSolidEntity = _20[0], _21 = _20[1], isEntityPublishedSuccess = _21.isSuccess, isEntityPublishedError = _21.isError, entityPublishedError = _21.error;
-    var _22 = useUnpublishSolidEntityMutation(), unpublishSolidEntity = _22[0], _23 = _22[1], isEntityUnpublishedSuccess = _23.isSuccess, isEntityUnpublishedError = _23.isError, entityUnpublishedError = _23.error;
+    var _15 = useCreateSolidEntityMutation(), createEntity = _15[0], _16 = _15[1], isEntityCreateSuccess = _16.isSuccess, isEntityCreateError = _16.isError, entityCreateError = _16.error;
+    var _17 = useUpdateSolidEntityMutation(), updateEntity = _17[0], _18 = _17[1], isEntityUpdateSuceess = _18.isSuccess, isEntityUpdateError = _18.isError, entityUpdateError = _18.error;
+    var _19 = useDeleteSolidEntityMutation(), deleteEntity = _19[0], _20 = _19[1], isEntityDeleteSuceess = _20.isSuccess, isEntityDeleteError = _20.isError, entityDeleteError = _20.error;
+    var _21 = usePatchUpdateSolidEntityMutation(), patchEntity = _21[0], _22 = _21[1], isEntityPatchSuceess = _22.isSuccess, isEntityPatchError = _22.isError, entityPatchError = _22.error;
+    var _23 = usePublishSolidEntityMutation(), publishSolidEntity = _23[0], _24 = _23[1], isEntityPublishedSuccess = _24.isSuccess, isEntityPublishedError = _24.isError, entityPublishedError = _24.error;
+    var _25 = useUnpublishSolidEntityMutation(), unpublishSolidEntity = _25[0], _26 = _25[1], isEntityUnpublishedSuccess = _26.isSuccess, isEntityUnpublishedError = _26.isError, entityUnpublishedError = _26.error;
     // - - - - - - - - - - - -- - - - - - - - - - - - METADATA here
     // Get the form view layout & metadata first. 
     var formViewMetaDataQs = qs.stringify(__assign(__assign({}, params), { viewType: 'form', defaultEntityLocaleId: defaultEntityLocaleId }), {
         encodeValuesOnly: true,
     });
-    var _24 = useState({}), formViewMetaData = _24[0], setFormViewMetaData = _24[1];
-    var _25 = useState(null), formViewLayout = _25[0], setFormViewLayout = _25[1];
-    var _26 = useGetSolidViewLayoutQuery(formViewMetaDataQs), solidFormViewMetaData = _26.data, solidFormViewMetaDataIsLoading = _26.isLoading;
-    var _27 = useState(true), refreshChatterMessage = _27[0], setRefreshChatterMessage = _27[1];
+    var _27 = useState({}), formViewMetaData = _27[0], setFormViewMetaData = _27[1];
+    var _28 = useState(null), formViewLayout = _28[0], setFormViewLayout = _28[1];
+    var _29 = useGetSolidViewLayoutQuery(formViewMetaDataQs), solidFormViewMetaData = _29.data, solidFormViewMetaDataIsLoading = _29.isLoading;
+    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 _30 = useState(true), refreshChatterMessage = _30[0], setRefreshChatterMessage = _30[1];
     useEffect(function () {
         if (isEntityCreateSuccess == true ||
             isEntityUpdateSuceess == true ||
@@ -775,7 +776,7 @@ var SolidFormView = function (params) {
                 toPopulateMedia.push(fieldMetadata.name);
             }
         }
-        if (((_a = formViewLayout.attrs) === null || _a === void 0 ? void 0 : _a.workflowField) && ((_b = solidFieldsMetadata[formViewLayout.attrs.workflowField]) === null || _b === void 0 ? void 0 : _b.type) === 'relation' && ((_c = solidFieldsMetadata[formViewLayout.attrs.workflowField]) === null || _c === void 0 ? void 0 : _c.relationType) === 'many-to-one') {
+        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') {
             toPopulate.push(solidFieldsMetadata[formViewLayout.attrs.workflowField].name);
         }
     }
@@ -784,10 +785,10 @@ var SolidFormView = function (params) {
     var formViewDataQs = qs.stringify({ populate: toPopulate, populateMedia: toPopulateMedia }, {
         encodeValuesOnly: true,
     });
-    var _28 = useState({}), initialEntityData = _28[0], setInitialEntityData = _28[1];
-    var _29 = useGetSolidEntityByIdQuery({ id: params.id, qs: formViewDataQs }, {
+    var _31 = useState({}), initialEntityData = _31[0], setInitialEntityData = _31[1];
+    var _32 = useGetSolidEntityByIdQuery({ id: params.id, qs: formViewDataQs }, {
         skip: params.id === 'new'
-    }), solidFormViewData = _29.data, solidFormViewDataIsLoading = _29.isLoading, refetchSolidFormViewData = _29.refetch;
+    }), solidFormViewData = _32.data, solidFormViewDataIsLoading = _32.isLoading, refetchSolidFormViewData = _32.refetch;
     useEffect(function () {
         if (params.id !== 'new') {
             refetchSolidFormViewData();
@@ -1093,7 +1094,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 = ((_d = formLayoutField === null || formLayoutField === void 0 ? void 0 : formLayoutField.attrs) === null || _d === void 0 ? void 0 : _d.label) ? (_e = formLayoutField === null || formLayoutField === void 0 ? void 0 : formLayoutField.attrs) === null || _e === void 0 ? void 0 : _e.label : formLayoutField.attrs.name;
+                var errorMessage = ((_g = formLayoutField === null || formLayoutField === void 0 ? void 0 : formLayoutField.attrs) === null || _g === void 0 ? void 0 : _g.label) ? (_h = formLayoutField === null || formLayoutField === void 0 ? void 0 : formLayoutField.attrs) === null || _h === void 0 ? void 0 : _h.label : formLayoutField.attrs.name;
                 if (!errorFields.includes(errorMessage)) {
                     // errorFields.push(errorMessage);
                 }
@@ -1316,7 +1317,7 @@ var SolidFormView = function (params) {
         var onDeleteClose = function () {
             setDeleteDialogVisible(false);
         };
-        var dynamicHeader = (_f = solidView_1.layout) === null || _f === void 0 ? void 0 : _f.header;
+        var dynamicHeader = (_j = solidView_1.layout) === null || _j === void 0 ? void 0 : _j.header;
         var DynamicHeaderComponent = null;
         if (dynamicHeader) {
             DynamicHeaderComponent = getExtensionComponent(dynamicHeader);
@@ -1430,7 +1431,7 @@ var SolidFormView = function (params) {
             return slide;
         })
             .filter(function (slide) { return !!slide; });
-        return (_jsxs("div", { className: "solid-form-wrapper", children: [_jsxs("div", { className: "solid-form-section", children: [_jsxs("form", { style: { width: '100%' }, onSubmit: formik.handleSubmit, children: [_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: (_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, publish: published, internationalisationEnabled: (_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.internationalisation, handleDraftPublishWorkFlow: handleDraftPublishWorkFlow, onStepperUpdate: function () { return setRefreshChatterMessage(true); }, isSubmitting: isSubmitting, headerRequestStatusLabel: isSubmitting ? "Saving..." : null }), _jsxs("div", { className: "px-4 py-3 md:p-4 solid-form-content md:pt-1 ".concat(createMode ? 'solid-create-mode-form-content' : '', " ").concat(params.embeded === true ? 'h-auto' : ''), style: { maxHeight: params.embeded === true ? '80vh' : '', overflowY: '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 })] }), params.embeded !== true &&
+        return (_jsxs("div", { className: "solid-form-wrapper", children: [_jsxs("div", { className: "solid-form-section", children: [_jsxs("form", { style: { width: '100%' }, onSubmit: formik.handleSubmit, children: [_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: (_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, publish: published, internationalisationEnabled: (_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.internationalisation, handleDraftPublishWorkFlow: handleDraftPublishWorkFlow, onStepperUpdate: function () { return setRefreshChatterMessage(true); }, isSubmitting: isSubmitting, headerRequestStatusLabel: isSubmitting ? "Saving..." : null }), _jsxs("div", { className: "px-4 py-3 md:p-4 solid-form-content md:pt-1 ".concat(createMode ? 'solid-create-mode-form-content' : '', " ").concat(params.embeded === true ? 'h-auto' : ''), style: { maxHeight: params.embeded === true ? '80vh' : '', overflowY: '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 })] }), 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',
@@ -1441,10 +1442,10 @@ var SolidFormView = function (params) {
                                     zIndex: 9,
                                 }, onMouseDown: function () { return setIsResizingChatterLocale(true); } })), isShowChatter === true &&
                                 _jsx(SolidButton, { icon: "si si-angle-double-right", size: "sm", text: true, className: "chatter-collapse-btn", style: { width: 26, height: 26, aspectRatio: '1/1' }, onClick: function () { return setShowChatter(false); } }), isShowChatter === false ?
-                                _jsxs("div", { className: "flex flex-column gap-2 justify-content-center p-1", children: [((_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) &&
+                                _jsxs("div", { className: "flex flex-column gap-2 justify-content-center p-1", children: [((_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) &&
                                             _jsx("div", { className: "chatter-collapsed-content", onClick: function () { return handleChatterExpandClick_1('info'); }, children: "Info" }), _jsx("div", { className: "chatter-collapsed-content", onClick: function () { return handleChatterExpandClick_1('chatter'); }, children: "Audit Trail" }), _jsx(SolidButton, { icon: "si si-chevron-left", size: "sm", className: "px-0", style: { width: 30 }, onClick: function () { return handleChatterExpandClick_1('chatter'); } })] })
                                 :
-                                    _jsx(SolidChatterLocaleTabView, { createMode: createMode, setSelectedLocale: setSelectedLocale, selectedLocale: selectedLocale, solidFormViewMetaData: solidFormViewMetaData, id: params.id, refreshChatterMessage: refreshChatterMessage, setRefreshChatterMessage: setRefreshChatterMessage, activeTab: defaultTabViewOptionIndex, viewMode: viewMode, defaultEntityLocaleId: defaultEntityLocaleId, handleLocaleChangeRedirect: handleLocaleChangeRedirect, solidFormViewData: solidFormViewData, published: published, actionsAllowed: actionsAllowed, mcpUrl: mcpUrl })] }), _jsxs(SolidDialog, { open: isDeleteDialogVisible, onOpenChange: setDeleteDialogVisible, className: "solid-confirm-dialog", children: [_jsxs(SolidDialogHeader, { className: "solid-field-confirm-header", children: [_jsx(SolidDialogTitle, { children: "Confirm Delete" }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogBody, { className: "solid-field-confirm-dialog-body", children: _jsx("p", { className: "solid-field-confirm-message", children: "Are you sure you want to delete?" }) }), _jsxs("div", { className: "solid-radix-dialog-footer solid-field-confirm-actions", children: [_jsx(SolidButton, { label: "Yes", icon: "si si-check", variant: "destructive", autoFocus: true, onClick: function () { return handleDeleteEntity_1(); } }), _jsx(SolidButton, { label: "No", icon: "si si-times", variant: "outline", onClick: onDeleteClose })] })] }), _jsxs(SolidDialog, { open: isLayoutDialogVisible, onOpenChange: setLayoutDialogVisible, className: "solid-form-layout-dialog", children: [_jsxs(SolidDialogHeader, { className: "solid-shadcn-dialog-head", children: [_jsx(SolidDialogTitle, { children: "Change Form Layout" }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogSeparator, {}), _jsx(SolidDialogBody, { className: "p-3 pt-0 lg:p-4", children: _jsx(SolidFormUserViewLayout, { solidFormViewMetaData: solidFormViewMetaData, setLayoutDialogVisible: setLayoutDialogVisible }) })] }), openLightbox && (_jsx(SolidLightbox, { open: openLightbox, slides: lightboxSlides, onClose: function () { return setOpenLightbox(false); } })), _jsx(SolidConfirmDialog, { open: confirmVisible, title: "Confirmation", confirmLabel: "Yes, confirm", cancelLabel: "No, cancel", onConfirm: handleConfirmAccept, onCancel: handleConfirmReject, message: _jsx("div", { className: "flex flex-col items-center justify-center text-center space-y-3", children: _jsxs("p", { className: "text-gray-800 text-base", children: ["Are you sure you want to ", published !== null ? 'unpublish' : 'publish', "?"] }) }) })] }));
+                                    _jsx(SolidChatterLocaleTabView, { createMode: createMode, setSelectedLocale: setSelectedLocale, selectedLocale: selectedLocale, solidFormViewMetaData: solidFormViewMetaData, id: params.id, refreshChatterMessage: refreshChatterMessage, setRefreshChatterMessage: setRefreshChatterMessage, activeTab: defaultTabViewOptionIndex, viewMode: viewMode, defaultEntityLocaleId: defaultEntityLocaleId, handleLocaleChangeRedirect: handleLocaleChangeRedirect, solidFormViewData: solidFormViewData, published: published, actionsAllowed: actionsAllowed, mcpUrl: mcpUrl })] }), _jsx(SolidConfirmDialog, { open: isDeleteDialogVisible, onCancel: onDeleteClose, onConfirm: function () { return handleDeleteEntity_1(); }, className: "solid-shadcn-confirm-dialog solid-delete-confirm-dialog", headerClassName: "solid-shadcn-dialog-head", bodyClassName: "solid-shadcn-dialog-body", footerClassName: "solid-shadcn-dialog-actions", separatorClassName: "solid-shadcn-dialog-sep", showSeparator: true, title: "Delete ".concat(entityDisplayName), message: _jsx("p", { className: "solid-shadcn-dialog-text", children: "Are you sure you want to delete this ".concat(entityDisplayName, "?") }), confirmLabel: "Delete", cancelLabel: "Cancel" }), _jsxs(SolidDialog, { open: isLayoutDialogVisible, onOpenChange: setLayoutDialogVisible, className: "solid-form-layout-dialog", children: [_jsxs(SolidDialogHeader, { className: "solid-shadcn-dialog-head", children: [_jsx(SolidDialogTitle, { children: "Change Form Layout" }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogSeparator, {}), _jsx(SolidDialogBody, { className: "p-3 pt-0 lg:p-4", children: _jsx(SolidFormUserViewLayout, { solidFormViewMetaData: solidFormViewMetaData, setLayoutDialogVisible: setLayoutDialogVisible }) })] }), openLightbox && (_jsx(SolidLightbox, { open: openLightbox, slides: lightboxSlides, onClose: function () { return setOpenLightbox(false); } })), _jsx(SolidConfirmDialog, { open: confirmVisible, title: "Confirmation", confirmLabel: "Yes, confirm", cancelLabel: "No, cancel", onConfirm: handleConfirmAccept, onCancel: handleConfirmReject, message: _jsx("div", { className: "flex flex-col items-center justify-center text-center space-y-3", children: _jsxs("p", { className: "text-gray-800 text-base", children: ["Are you sure you want to ", published !== null ? 'unpublish' : 'publish', "?"] }) }) })] }));
     }
 };
 export default SolidFormView;