@solidxai/core-ui 0.1.8 → 0.1.9-beta.0

package/dist/routes/pages/admin/core/DiagnosticsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiagnosticsPage.js","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/DiagnosticsPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useMemo, useState } from \"react\";\nimport { env } from \"../../../../adapters/env\";\nimport { loadSession } from \"../../../../adapters/auth/storage\";\nimport { hasAnyRole } from \"../../../../helpers/rolesHelper\";\nimport { useSession } from \"../../../../hooks/useSession\";\nimport { getSolidEntityApiPoolSnapshot, SOLID_ENTITY_API_POOL_LIMIT } from \"../../../../redux/store/solidEntityApiPool\";\nimport { SolidButton } from \"../../../../components/shad-cn-ui/SolidButton\";\n\nconst ALLOWED_ENVIRONMENTS = new Set([\n  \"dev\",\n  \"development\",\n  \"staging\",\n  \"stage\",\n  \"uat\",\n  \"test\",\n  \"local\",\n]);\n\nfunction toDisplayTime(counter: number) {\n  return `#${counter}`;\n}\n\nexport function DiagnosticsPage() {\n  const { data: session, status } = useSession();\n  const [refreshTick, setRefreshTick] = useState(0);\n\n  const envName = (env(\"VITE_SOLIDX_ENV\") || \"unknown\").toLowerCase();\n  const diagnosticsEnabled = ALLOWED_ENVIRONMENTS.has(envName);\n  const isAdmin = hasAnyRole(session?.user?.roles, [\"Admin\"]);\n\n  const poolSnapshot = useMemo(() => {\n    refreshTick;\n    return getSolidEntityApiPoolSnapshot();\n  }, [refreshTick]);\n\n  const activeCount = poolSnapshot.filter((entry) => entry.active).length;\n  const cachedCount = poolSnapshot.length;\n  const loginRedirect = env(\"NEXT_PUBLIC_LOGIN_REDIRECT_URL\") || \"/admin\";\n  const backendApi = env(\"NEXT_PUBLIC_BACKEND_API_URL\") || env(\"API_URL\", \"\");\n  const localSession = loadSession();\n\n  if (status === \"loading\") {\n    return (\n      <div className=\"solid-studio-home\">\n        <div className=\"solid-studio-home-inner solid-studio-home-inner--wider\">\n          <div className=\"solid-studio-card\">\n            <div className=\"solid-studio-card-content\">Loading diagnostics...</div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  if (!isAdmin) {\n    return (\n      <div className=\"solid-studio-home\">\n        <div className=\"solid-studio-home-inner solid-studio-home-inner--wider\">\n          <div className=\"solid-studio-card\">\n            <div className=\"solid-studio-card-header\">\n              <h3 className=\"solid-studio-card-title\">Diagnostics Access Restricted</h3>\n              <p className=\"solid-studio-card-description\">\n                You do not have permission to view this diagnostics page.\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  if (!diagnosticsEnabled) {\n    return (\n      <div className=\"solid-studio-home\">\n        <div className=\"solid-studio-home-inner solid-studio-home-inner--wider\">\n          <div className=\"solid-studio-card\">\n            <div className=\"solid-studio-card-header\">\n              <h3 className=\"solid-studio-card-title\">Diagnostics Disabled</h3>\n              <p className=\"solid-studio-card-description\">\n                Diagnostics are enabled only in dev/staging-style environments. Current environment: <code>{envName}</code>.\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"solid-studio-home solid-studio-home--top\">\n      <div className=\"solid-studio-home-inner solid-studio-home-inner--wider\">\n        <div className=\"solid-studio-home-toolbar\" style={{ marginBottom: \"14px\" }}>\n          <div className=\"solid-studio-home-toolbar-left\">\n            <div className=\"solid-studio-home-heading\">\n              <div className=\"solid-studio-home-badge\">Diagnostics</div>\n              <h1>SolidX Runtime Diagnostics</h1>\n              <p>Read-only runtime snapshot for support and debugging.</p>\n            </div>\n          </div>\n          <div className=\"solid-studio-home-toolbar-right\">\n            <SolidButton size=\"sm\" variant=\"outline\" onClick={() => setRefreshTick((v) => v + 1)}>\n              Refresh\n            </SolidButton>\n          </div>\n        </div>\n\n        <div className=\"solid-studio-card\" style={{ marginBottom: \"14px\" }}>\n          <div className=\"solid-studio-card-header\">\n            <h3 className=\"solid-studio-card-title\">Runtime</h3>\n          </div>\n          <div className=\"solid-studio-card-content\">\n            <div style={{ display: \"grid\", gridTemplateColumns: \"repeat(auto-fit, minmax(220px, 1fr))\", gap: \"10px\" }}>\n              <div><strong>Environment:</strong> {envName}</div>\n              <div><strong>Pool Limit:</strong> {SOLID_ENTITY_API_POOL_LIMIT}</div>\n              <div><strong>Active Entity APIs:</strong> {activeCount}</div>\n              <div><strong>Cached Entity APIs:</strong> {cachedCount}</div>\n              <div><strong>Login Redirect:</strong> {loginRedirect}</div>\n              <div><strong>Backend API:</strong> {backendApi || \"(not set)\"}</div>\n              <div><strong>User:</strong> {localSession?.user?.email || localSession?.user?.name || \"(unknown)\"}</div>\n              <div><strong>Roles:</strong> {(localSession?.user?.roles || []).map((r: any) => r.name || r).join(\", \") || \"(none)\"}</div>\n            </div>\n          </div>\n        </div>\n\n        <div className=\"solid-studio-card\">\n          <div className=\"solid-studio-card-header\">\n            <h3 className=\"solid-studio-card-title\">Entity API Pool</h3>\n            <p className=\"solid-studio-card-description\">\n              Each entry represents a lazily created entity API. Active entries have reducer+middleware currently registered.\n            </p>\n          </div>\n          <div className=\"solid-studio-card-content\" style={{ overflowX: \"auto\" }}>\n            <table style={{ width: \"100%\", borderCollapse: \"collapse\", fontSize: \"13px\" }}>\n              <thead>\n                <tr style={{ borderBottom: \"1px solid rgba(148, 163, 184, 0.35)\" }}>\n                  <th style={{ textAlign: \"left\", padding: \"8px\" }}>Entity</th>\n                  <th style={{ textAlign: \"left\", padding: \"8px\" }}>Reducer Path</th>\n                  <th style={{ textAlign: \"left\", padding: \"8px\" }}>Registered</th>\n                  <th style={{ textAlign: \"left\", padding: \"8px\" }}>Last Accessed</th>\n                  <th style={{ textAlign: \"left\", padding: \"8px\" }}>Active</th>\n                </tr>\n              </thead>\n              <tbody>\n                {poolSnapshot.length === 0 ? (\n                  <tr>\n                    <td colSpan={5} style={{ padding: \"12px\", opacity: 0.7 }}>\n                      No entity APIs have been created in this session yet.\n                    </td>\n                  </tr>\n                ) : (\n                  poolSnapshot.map((entry) => (\n                    <tr key={entry.reducerPath} style={{ borderBottom: \"1px solid rgba(148, 163, 184, 0.2)\" }}>\n                      <td style={{ padding: \"8px\" }}>{entry.entityName}</td>\n                      <td style={{ padding: \"8px\", fontFamily: \"ui-monospace, SFMono-Regular, Menlo, monospace\" }}>{entry.reducerPath}</td>\n                      <td style={{ padding: \"8px\" }}>{toDisplayTime(entry.registeredAt)}</td>\n                      <td style={{ padding: \"8px\" }}>{toDisplayTime(entry.lastAccessedAt)}</td>\n                      <td style={{ padding: \"8px\" }}>{entry.active ? \"yes\" : \"no\"}</td>\n                    </tr>\n                  ))\n                )}\n              </tbody>\n            </table>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/routes/pages/admin/core/DiagnosticsPage.tsx

@@ -0,0 +1,167 @@
+import { useMemo, useState } from "react";
+import { env } from "../../../../adapters/env";
+import { loadSession } from "../../../../adapters/auth/storage";
+import { hasAnyRole } from "../../../../helpers/rolesHelper";
+import { useSession } from "../../../../hooks/useSession";
+import { getSolidEntityApiPoolSnapshot, SOLID_ENTITY_API_POOL_LIMIT } from "../../../../redux/store/solidEntityApiPool";
+import { SolidButton } from "../../../../components/shad-cn-ui/SolidButton";
+
+const ALLOWED_ENVIRONMENTS = new Set([
+  "dev",
+  "development",
+  "staging",
+  "stage",
+  "uat",
+  "test",
+  "local",
+]);
+
+function toDisplayTime(counter: number) {
+  return `#${counter}`;
+}
+
+export function DiagnosticsPage() {
+  const { data: session, status } = useSession();
+  const [refreshTick, setRefreshTick] = useState(0);
+
+  const envName = (env("VITE_SOLIDX_ENV") || "unknown").toLowerCase();
+  const diagnosticsEnabled = ALLOWED_ENVIRONMENTS.has(envName);
+  const isAdmin = hasAnyRole(session?.user?.roles, ["Admin"]);
+
+  const poolSnapshot = useMemo(() => {
+    refreshTick;
+    return getSolidEntityApiPoolSnapshot();
+  }, [refreshTick]);
+
+  const activeCount = poolSnapshot.filter((entry) => entry.active).length;
+  const cachedCount = poolSnapshot.length;
+  const loginRedirect = env("NEXT_PUBLIC_LOGIN_REDIRECT_URL") || "/admin";
+  const backendApi = env("NEXT_PUBLIC_BACKEND_API_URL") || env("API_URL", "");
+  const localSession = loadSession();
+
+  if (status === "loading") {
+    return (
+      <div className="solid-studio-home">
+        <div className="solid-studio-home-inner solid-studio-home-inner--wider">
+          <div className="solid-studio-card">
+            <div className="solid-studio-card-content">Loading diagnostics...</div>
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+  if (!isAdmin) {
+    return (
+      <div className="solid-studio-home">
+        <div className="solid-studio-home-inner solid-studio-home-inner--wider">
+          <div className="solid-studio-card">
+            <div className="solid-studio-card-header">
+              <h3 className="solid-studio-card-title">Diagnostics Access Restricted</h3>
+              <p className="solid-studio-card-description">
+                You do not have permission to view this diagnostics page.
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+  if (!diagnosticsEnabled) {
+    return (
+      <div className="solid-studio-home">
+        <div className="solid-studio-home-inner solid-studio-home-inner--wider">
+          <div className="solid-studio-card">
+            <div className="solid-studio-card-header">
+              <h3 className="solid-studio-card-title">Diagnostics Disabled</h3>
+              <p className="solid-studio-card-description">
+                Diagnostics are enabled only in dev/staging-style environments. Current environment: <code>{envName}</code>.
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="solid-studio-home solid-studio-home--top">
+      <div className="solid-studio-home-inner solid-studio-home-inner--wider">
+        <div className="solid-studio-home-toolbar" style={{ marginBottom: "14px" }}>
+          <div className="solid-studio-home-toolbar-left">
+            <div className="solid-studio-home-heading">
+              <div className="solid-studio-home-badge">Diagnostics</div>
+              <h1>SolidX Runtime Diagnostics</h1>
+              <p>Read-only runtime snapshot for support and debugging.</p>
+            </div>
+          </div>
+          <div className="solid-studio-home-toolbar-right">
+            <SolidButton size="sm" variant="outline" onClick={() => setRefreshTick((v) => v + 1)}>
+              Refresh
+            </SolidButton>
+          </div>
+        </div>
+
+        <div className="solid-studio-card" style={{ marginBottom: "14px" }}>
+          <div className="solid-studio-card-header">
+            <h3 className="solid-studio-card-title">Runtime</h3>
+          </div>
+          <div className="solid-studio-card-content">
+            <div style={{ display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(220px, 1fr))", gap: "10px" }}>
+              <div><strong>Environment:</strong> {envName}</div>
+              <div><strong>Pool Limit:</strong> {SOLID_ENTITY_API_POOL_LIMIT}</div>
+              <div><strong>Active Entity APIs:</strong> {activeCount}</div>
+              <div><strong>Cached Entity APIs:</strong> {cachedCount}</div>
+              <div><strong>Login Redirect:</strong> {loginRedirect}</div>
+              <div><strong>Backend API:</strong> {backendApi || "(not set)"}</div>
+              <div><strong>User:</strong> {localSession?.user?.email || localSession?.user?.name || "(unknown)"}</div>
+              <div><strong>Roles:</strong> {(localSession?.user?.roles || []).map((r: any) => r.name || r).join(", ") || "(none)"}</div>
+            </div>
+          </div>
+        </div>
+
+        <div className="solid-studio-card">
+          <div className="solid-studio-card-header">
+            <h3 className="solid-studio-card-title">Entity API Pool</h3>
+            <p className="solid-studio-card-description">
+              Each entry represents a lazily created entity API. Active entries have reducer+middleware currently registered.
+            </p>
+          </div>
+          <div className="solid-studio-card-content" style={{ overflowX: "auto" }}>
+            <table style={{ width: "100%", borderCollapse: "collapse", fontSize: "13px" }}>
+              <thead>
+                <tr style={{ borderBottom: "1px solid rgba(148, 163, 184, 0.35)" }}>
+                  <th style={{ textAlign: "left", padding: "8px" }}>Entity</th>
+                  <th style={{ textAlign: "left", padding: "8px" }}>Reducer Path</th>
+                  <th style={{ textAlign: "left", padding: "8px" }}>Registered</th>
+                  <th style={{ textAlign: "left", padding: "8px" }}>Last Accessed</th>
+                  <th style={{ textAlign: "left", padding: "8px" }}>Active</th>
+                </tr>
+              </thead>
+              <tbody>
+                {poolSnapshot.length === 0 ? (
+                  <tr>
+                    <td colSpan={5} style={{ padding: "12px", opacity: 0.7 }}>
+                      No entity APIs have been created in this session yet.
+                    </td>
+                  </tr>
+                ) : (
+                  poolSnapshot.map((entry) => (
+                    <tr key={entry.reducerPath} style={{ borderBottom: "1px solid rgba(148, 163, 184, 0.2)" }}>
+                      <td style={{ padding: "8px" }}>{entry.entityName}</td>
+                      <td style={{ padding: "8px", fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace" }}>{entry.reducerPath}</td>
+                      <td style={{ padding: "8px" }}>{toDisplayTime(entry.registeredAt)}</td>
+                      <td style={{ padding: "8px" }}>{toDisplayTime(entry.lastAccessedAt)}</td>
+                      <td style={{ padding: "8px" }}>{entry.active ? "yes" : "no"}</td>
+                    </tr>
+                  ))
+                )}
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solidxai/core-ui",
-  "version": "0.1.8",
+  "version": "0.1.9-beta.0",
   "scripts": {
     "prebuild": "npm run copy-resources && npm run copy-styles",
     "build": "tsc -p tsconfig.json && tsc-alias -p tsconfig.json",

package/dist/components/auth/SolidOTPVerify.d.ts

@@ -1,3 +0,0 @@
-declare const SolidOTPVerify: () => import("react/jsx-runtime").JSX.Element;
-export default SolidOTPVerify;
-//# sourceMappingURL=SolidOTPVerify.d.ts.map

package/dist/components/auth/SolidOTPVerify.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SolidOTPVerify.d.ts","sourceRoot":"./","sources":["components/auth/SolidOTPVerify.tsx"],"names":[],"mappings":"AAiBA,QAAA,MAAM,cAAc,+CAmHnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/auth/SolidOTPVerify.js

@@ -1,67 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Form, Formik } from "formik";
-import { signIn } from "next-auth/react";
-import Link from "next/link";
-import { useRouter } from "next/navigation";
-import { Button } from "primereact/button";
-import { InputOtp } from "primereact/inputotp";
-import { Message } from "primereact/message";
-import { Toast } from "primereact/toast";
-import { useRef, useState } from "react";
-import * as Yup from "yup";
-import { useSelector } from "react-redux";
-import Image from "next/image";
-import SolidLogo from '../../resources/images/SolidXLogo.svg';
-import { ERROR_MESSAGES } from "../../constants/error-messages";
-const SolidOTPVerify = () => {
-    // const [trigger, { data: solidSettingsData }] = useLazyGetAuthSettingsQuery();
-    // useEffect(() => {
-    //     trigger("") // Fetch settings on mount
-    // }, [trigger])
-    const solidSettingsData = useSelector((state) => state.settingsState?.solidSettings);
-    const [otp, setOTP] = useState();
-    const toast = useRef(null);
-    const router = useRouter();
-    const [password, setPassword] = useState('');
-    const [checked, setChecked] = useState(false);
-    const validationSchema = Yup.object({
-        email: Yup.string()
-            .email(ERROR_MESSAGES.FIELD_INVALID(' email address'))
-            .required(ERROR_MESSAGES.FIELD_REUQIRED('Email')),
-    });
-    const showToast = (severity, summary, detail) => {
-        toast.current?.show({
-            severity,
-            summary,
-            detail,
-            ...(severity === "error"
-                ? { sticky: true } // stays until user closes
-                : { life: 3000 }),
-        });
-    };
-    const isFormFieldValid = (formik, fieldName) => formik.touched[fieldName] && formik.errors[fieldName];
-    return (_jsxs(_Fragment, { children: [_jsx(Toast, { ref: toast }), _jsxs("div", { className: `auth-container ${solidSettingsData?.authPagesLayout === 'center' ? 'center' : 'side'}`, style: { minWidth: 480 }, children: [solidSettingsData?.authPagesLayout === 'center' &&
-                        _jsx("div", { className: "flex justify-content-center", children: _jsx("div", { className: `solid-logo flex align-items-center ${solidSettingsData?.appLogoPosition}`, children: _jsx(Image, { alt: "solid logo", src: solidSettingsData?.appLogo || SolidLogo, className: "relative", fill: true }) }) }), _jsx("h2", { className: `solid-auth-title ${solidSettingsData?.authPagesLayout === 'center' ? 'text-center' : 'text-left'}`, children: "OTP Verification" }), _jsx("p", { className: "solid-auth-subtitle text-sm", children: "Please enter the OTP sent to your email to complete verification" }), _jsx(_Fragment, { children: _jsx(Formik, { initialValues: {
-                                email: "",
-                                password: "",
-                            }, validationSchema: validationSchema, onSubmit: async (values) => {
-                                // Handle form submission
-                                const email = values.email;
-                                const password = values.password;
-                                const response = await signIn("credentials", {
-                                    redirect: false,
-                                    email,
-                                    password,
-                                });
-                                if (response?.error) {
-                                    showToast("error", ERROR_MESSAGES.LOGIN_ERROR, response.error);
-                                }
-                                else {
-                                    showToast("success", ERROR_MESSAGES.LOGIN_SUCCESS, ERROR_MESSAGES.DASHBOARD_REDIRECTING);
-                                    router.push(`${process.env.NEXT_PUBLIC_LOGIN_REDIRECT_URL}`);
-                                }
-                            }, children: (formik) => (_jsxs(Form, { children: [_jsxs("div", { className: "flex flex-column gap-2 px-3", children: [_jsx("label", { htmlFor: "email", className: "solid-auth-input-label", children: "Enter OTP" }), _jsx(InputOtp, { value: otp, onChange: (e) => setOTP(e.value), length: 6, style: { width: '100%' } }), isFormFieldValid(formik, "email") && _jsx(Message, { className: "text-red-500 text-sm", severity: "error", text: formik?.errors?.email?.toString() }), _jsxs("div", { className: "flex align-items-center justify-content-between", children: [_jsx(Button, { type: "button", icon: 'pi pi-refresh', iconPos: "left", link: true, label: "Resend Code", className: "px-0 text-sm font-normal" }), _jsx("p", { className: "m-0 text-sm text-color", children: "Time left: 00:28" })] })] }), _jsx("div", { className: "mt-4", children: _jsx(Button, { type: "submit", className: "w-full font-light auth-submit-button", label: "Verify", disabled: formik.isSubmitting, loading: formik.isSubmitting }) })] })) }) })] }), _jsx("div", { className: "text-center mt-5", children: _jsxs("div", { className: "text-sm text-400 secondary-dark-color", children: ['<', " Back to ", _jsx(Link, { className: "font-bold", href: "/auth/login", children: "Sign In" })] }) })] }));
-};
-export default SolidOTPVerify;
-//# sourceMappingURL=SolidOTPVerify.js.map

package/dist/components/auth/SolidOTPVerify.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SolidOTPVerify.js","sourceRoot":"./","sources":["components/auth/SolidOTPVerify.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,KAAK,MAAM,YAAY,CAAC;AAC/B,OAAO,SAAS,MAAM,uCAAuC,CAAA;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEhE,MAAM,cAAc,GAAG,GAAG,EAAE;IAExB,gFAAgF;IAChF,oBAAoB;IACpB,6CAA6C;IAC7C,gBAAgB;IAEhB,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;IAE1F,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,EAAgB,CAAC;IAE/C,MAAM,KAAK,GAAG,MAAM,CAAQ,IAAI,CAAC,CAAC;IAClC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEvD,MAAM,gBAAgB,GAAG,GAAG,CAAC,MAAM,CAAC;QAChC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE;aACd,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;aACrD,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;KACxD,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,CAAC,QAA6B,EAAE,OAAe,EAAE,MAAc,EAAE,EAAE;QACjF,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC;YAChB,QAAQ;YACR,OAAO;YACP,MAAM;YACN,GAAG,CAAC,QAAQ,KAAK,OAAO;gBACpB,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAY,0BAA0B;gBACxD,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;SACxB,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,MAAW,EAAE,SAAiB,EAAE,EAAE,CACxD,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAE1D,OAAO,CACH,8BACI,KAAC,KAAK,IAAC,GAAG,EAAE,KAAK,GAAI,EACrB,eAAK,SAAS,EAAE,kBAAkB,iBAAiB,EAAE,eAAe,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,aAC5H,iBAAiB,EAAE,eAAe,KAAK,QAAQ;wBAC5C,cAAK,SAAS,EAAC,6BAA6B,YACxC,cAAK,SAAS,EAAE,sCAAsC,iBAAiB,EAAE,eAAe,EAAE,YACtF,KAAC,KAAK,IACF,GAAG,EAAC,YAAY,EAChB,GAAG,EAAE,iBAAiB,EAAE,OAAO,IAAI,SAAS,EAC5C,SAAS,EAAC,UAAU,EACpB,IAAI,SACN,GACA,GACJ,EAEV,aAAI,SAAS,EAAE,oBAAoB,iBAAiB,EAAE,eAAe,KAAK,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,EAAE,iCAAuB,EACzI,YAAG,SAAS,EAAC,6BAA6B,iFAEtC,EACJ,4BACI,KAAC,MAAM,IACH,aAAa,EAAE;gCACX,KAAK,EAAE,EAAE;gCACT,QAAQ,EAAE,EAAE;6BACf,EACD,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;gCACvB,yBAAyB;gCACzB,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;gCAC3B,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;gCAEjC,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,aAAa,EAAE;oCACzC,QAAQ,EAAE,KAAK;oCACf,KAAK;oCACL,QAAQ;iCACX,CAAC,CAAC;gCACH,IAAI,QAAQ,EAAE,KAAK,EAAE;oCACjB,SAAS,CAAC,OAAO,EAAE,cAAc,CAAC,WAAW,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;iCAClE;qCAAM;oCACH,SAAS,CAAC,SAAS,EAAE,cAAc,CAAC,aAAa,EAAE,cAAc,CAAC,qBAAqB,CAAC,CAAC;oCACzF,MAAM,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,8BAA8B,EAAE,CAAC,CAAC;iCAChE;4BAEL,CAAC,YAEA,CAAC,MAAM,EAAE,EAAE,CAAC,CACT,MAAC,IAAI,eACD,eAAK,SAAS,EAAC,6BAA6B,aACxC,gBAAO,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,wBAAwB,0BAAkB,EAC3E,KAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAI,EAC9F,gBAAgB,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,KAAC,OAAO,IAC1C,SAAS,EAAC,sBAAsB,EAChC,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GACzC,EACF,eAAK,SAAS,EAAC,iDAAiD,aAC5D,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,eAAe,EAAC,OAAO,EAAC,MAAM,EAAC,IAAI,QAAC,KAAK,EAAC,aAAa,EAAC,SAAS,EAAC,0BAA0B,GAAG,EAC1H,YAAG,SAAS,EAAC,wBAAwB,iCAEjC,IACF,IACJ,EACN,cAAK,SAAS,EAAC,MAAM,YACjB,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,sCAAsC,EAAC,KAAK,EAAC,QAAQ,EAAC,QAAQ,EAAE,MAAM,CAAC,YAAY,EAAE,OAAO,EAAE,MAAM,CAAC,YAAY,GAAI,GACnJ,IACH,CACV,GACI,GACV,IACD,EACN,cAAK,SAAS,EAAC,kBAAkB,YAC7B,eAAK,SAAS,EAAC,uCAAuC,aACjD,GAAG,eAAU,KAAC,IAAI,IAAC,SAAS,EAAC,WAAW,EAAC,IAAI,EAAC,aAAa,wBAAe,IACzE,GACJ,IACP,CACN,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["\"use client\";\n\nimport { Form, Formik } from \"formik\";\nimport { signIn } from \"next-auth/react\";\nimport Link from \"next/link\";\nimport { useRouter } from \"next/navigation\";\nimport { Button } from \"primereact/button\";\nimport { InputOtp } from \"primereact/inputotp\";\nimport { Message } from \"primereact/message\";\nimport { Toast } from \"primereact/toast\";\nimport { useRef, useState } from \"react\";\nimport * as Yup from \"yup\";\nimport { useSelector } from \"react-redux\";\nimport Image from \"next/image\";\nimport SolidLogo from '../../resources/images/SolidXLogo.svg'\nimport { ERROR_MESSAGES } from \"../../constants/error-messages\";\n\nconst SolidOTPVerify = () => {\n\n    // const [trigger, { data: solidSettingsData }] = useLazyGetAuthSettingsQuery();\n    // useEffect(() => {\n    //     trigger(\"\") // Fetch settings on mount\n    // }, [trigger])\n\n    const solidSettingsData = useSelector((state: any) => state.settingsState?.solidSettings);\n\n    const [otp, setOTP] = useState<number | any>();\n\n    const toast = useRef<Toast>(null);\n    const router = useRouter();\n\n    const [password, setPassword] = useState('');\n    const [checked, setChecked] = useState<boolean>(false);\n\n    const validationSchema = Yup.object({\n        email: Yup.string()\n            .email(ERROR_MESSAGES.FIELD_INVALID(' email address'))\n            .required(ERROR_MESSAGES.FIELD_REUQIRED('Email')),\n    });\n\n    const showToast = (severity: \"success\" | \"error\", summary: string, detail: string) => {\n        toast.current?.show({\n            severity,\n            summary,\n            detail,\n            ...(severity === \"error\"\n                ? { sticky: true }            // stays until user closes\n                : { life: 3000 }),\n        });\n    };\n\n    const isFormFieldValid = (formik: any, fieldName: string) =>\n        formik.touched[fieldName] && formik.errors[fieldName];\n\n    return (\n        <>\n            <Toast ref={toast} />\n            <div className={`auth-container ${solidSettingsData?.authPagesLayout === 'center' ? 'center' : 'side'}`} style={{ minWidth: 480 }}>\n                {solidSettingsData?.authPagesLayout === 'center' &&\n                    <div className=\"flex justify-content-center\">\n                        <div className={`solid-logo flex align-items-center ${solidSettingsData?.appLogoPosition}`}>\n                            <Image\n                                alt=\"solid logo\"\n                                src={solidSettingsData?.appLogo || SolidLogo}\n                                className=\"relative\"\n                                fill\n                            />\n                        </div>\n                    </div>\n                }\n                <h2 className={`solid-auth-title ${solidSettingsData?.authPagesLayout === 'center' ? 'text-center' : 'text-left'}`}>OTP Verification</h2>\n                <p className=\"solid-auth-subtitle text-sm\">\n                    Please enter the OTP sent to your email to complete verification\n                </p>\n                <>\n                    <Formik\n                        initialValues={{\n                            email: \"\",\n                            password: \"\",\n                        }}\n                        validationSchema={validationSchema}\n                        onSubmit={async (values) => {\n                            // Handle form submission\n                            const email = values.email;\n                            const password = values.password;\n\n                            const response = await signIn(\"credentials\", {\n                                redirect: false,\n                                email,\n                                password,\n                            });\n                            if (response?.error) {\n                                showToast(\"error\", ERROR_MESSAGES.LOGIN_ERROR, response.error);\n                            } else {\n                                showToast(\"success\", ERROR_MESSAGES.LOGIN_SUCCESS, ERROR_MESSAGES.DASHBOARD_REDIRECTING);\n                                router.push(`${process.env.NEXT_PUBLIC_LOGIN_REDIRECT_URL}`);\n                            }\n\n                        }}\n                    >\n                        {(formik) => (\n                            <Form>\n                                <div className=\"flex flex-column gap-2 px-3\">\n                                    <label htmlFor=\"email\" className=\"solid-auth-input-label\">Enter OTP</label>\n                                    <InputOtp value={otp} onChange={(e) => setOTP(e.value)} length={6} style={{ width: '100%' }} />\n                                    {isFormFieldValid(formik, \"email\") && <Message\n                                        className=\"text-red-500 text-sm\"\n                                        severity=\"error\"\n                                        text={formik?.errors?.email?.toString()}\n                                    />}\n                                    <div className=\"flex align-items-center justify-content-between\">\n                                        <Button type=\"button\" icon='pi pi-refresh' iconPos=\"left\" link label=\"Resend Code\" className=\"px-0 text-sm font-normal\" />\n                                        <p className=\"m-0 text-sm text-color\">\n                                            Time left: 00:28\n                                        </p>\n                                    </div>\n                                </div>\n                                <div className=\"mt-4\">\n                                    <Button type=\"submit\" className=\"w-full font-light auth-submit-button\" label=\"Verify\" disabled={formik.isSubmitting} loading={formik.isSubmitting} />\n                                </div>\n                            </Form>\n                        )}\n                    </Formik>\n                </>\n            </div>\n            <div className=\"text-center mt-5\">\n                <div className=\"text-sm text-400 secondary-dark-color\">\n                    {'<'} Back to <Link className=\"font-bold\" href=\"/auth/login\">Sign In</Link>\n                </div>\n            </div>\n        </>\n    );\n};\n\nexport default SolidOTPVerify;"]}

package/dist/components/auth/SolidOTPVerify.tsx

@@ -1,133 +0,0 @@
-"use client";
-
-import { Form, Formik } from "formik";
-import { signIn } from "next-auth/react";
-import Link from "next/link";
-import { useRouter } from "next/navigation";
-import { Button } from "primereact/button";
-import { InputOtp } from "primereact/inputotp";
-import { Message } from "primereact/message";
-import { Toast } from "primereact/toast";
-import { useEffect, useRef, useState } from "react";
-import * as Yup from "yup";
-import Image from "next/image";
-import SolidLogo from '../../resources/images/SolidXLogo.svg'
-import { ERROR_MESSAGES } from "../../constants/error-messages";
-import { useLazyGetAuthSettingsQuery } from "../../redux/api/solidSettingsApi";
-
-const SolidOTPVerify = () => {
-
-    const [trigger, { data: solidSettingsData }] = useLazyGetAuthSettingsQuery();
-    useEffect(() => {
-        trigger("") // Fetch settings on mount
-    }, [trigger])
-
-    const [otp, setOTP] = useState<number | any>();
-
-    const toast = useRef<Toast>(null);
-    const router = useRouter();
-
-    const [password, setPassword] = useState('');
-    const [checked, setChecked] = useState<boolean>(false);
-
-    const validationSchema = Yup.object({
-        email: Yup.string()
-            .email(ERROR_MESSAGES.FIELD_INVALID(' email address'))
-            .required(ERROR_MESSAGES.FIELD_REUQIRED('Email')),
-    });
-
-    const showToast = (severity: "success" | "error", summary: string, detail: string) => {
-        toast.current?.show({
-            severity,
-            summary,
-            detail,
-            ...(severity === "error"
-                ? { sticky: true }            // stays until user closes
-                : { life: 3000 }),
-        });
-    };
-
-    const isFormFieldValid = (formik: any, fieldName: string) =>
-        formik.touched[fieldName] && formik.errors[fieldName];
-
-    return (
-        <>
-            <Toast ref={toast} />
-            <div className={`auth-container ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'center' : 'side'}`} style={{ minWidth: 480 }}>
-                {solidSettingsData?.data?.authPagesLayout === 'center' &&
-                    <div className="flex justify-content-center">
-                        <div className={`solid-logo flex align-items-center ${solidSettingsData?.data?.appLogoPosition}`}>
-                            <Image
-                                alt="solid logo"
-                                src={solidSettingsData?.data?.appLogo || SolidLogo}
-                                className="relative"
-                                fill
-                            />
-                        </div>
-                    </div>
-                }
-                <h2 className={`solid-auth-title ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'text-center' : 'text-left'}`}>OTP Verification</h2>
-                <p className="solid-auth-subtitle text-sm">
-                    Please enter the OTP sent to your email to complete verification
-                </p>
-                <>
-                    <Formik
-                        initialValues={{
-                            email: "",
-                            password: "",
-                        }}
-                        validationSchema={validationSchema}
-                        onSubmit={async (values) => {
-                            // Handle form submission
-                            const email = values.email;
-                            const password = values.password;
-
-                            const response = await signIn("credentials", {
-                                redirect: false,
-                                email,
-                                password,
-                            });
-                            if (response?.error) {
-                                showToast("error", ERROR_MESSAGES.LOGIN_ERROR, response.error);
-                            } else {
-                                showToast("success", ERROR_MESSAGES.LOGIN_SUCCESS, ERROR_MESSAGES.DASHBOARD_REDIRECTING);
-                                router.push(`${process.env.NEXT_PUBLIC_LOGIN_REDIRECT_URL}`);
-                            }
-
-                        }}
-                    >
-                        {(formik) => (
-                            <Form>
-                                <div className="flex flex-column gap-2 px-3">
-                                    <label htmlFor="email" className="solid-auth-input-label">Enter OTP</label>
-                                    <InputOtp value={otp} onChange={(e) => setOTP(e.value)} length={6} style={{ width: '100%' }} />
-                                    {isFormFieldValid(formik, "email") && <Message
-                                        className="text-red-500 text-sm"
-                                        severity="error"
-                                        text={formik?.errors?.email?.toString()}
-                                    />}
-                                    <div className="flex align-items-center justify-content-between">
-                                        <Button type="button" icon='pi pi-refresh' iconPos="left" link label="Resend Code" className="px-0 text-sm font-normal" />
-                                        <p className="m-0 text-sm text-color">
-                                            Time left: 00:28
-                                        </p>
-                                    </div>
-                                </div>
-                                <div className="mt-4">
-                                    <Button type="submit" className="w-full font-light auth-submit-button" label="Verify" disabled={formik.isSubmitting} loading={formik.isSubmitting} />
-                                </div>
-                            </Form>
-                        )}
-                    </Formik>
-                </>
-            </div>
-            <div className="text-center mt-5">
-                <div className="text-sm text-400 secondary-dark-color">
-                    {'<'} Back to <Link className="font-bold" href="/auth/login">Sign In</Link>
-                </div>
-            </div>
-        </>
-    );
-};
-
-export default SolidOTPVerify;

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

@@ -1,2 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,50 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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

@@ -1,70 +0,0 @@
-'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/nextAuth/authProviders.d.ts

@@ -1,4 +0,0 @@
-import { NextAuthOptions } from "next-auth";
-declare const authProviders: NextAuthOptions;
-export default authProviders;
-//# sourceMappingURL=authProviders.d.ts.map

package/dist/nextAuth/authProviders.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"authProviders.d.ts","sourceRoot":"./","sources":["nextAuth/authProviders.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAW5C,QAAA,MAAM,aAAa,EAAE,eAqNpB,CAAA;AAED,eAAe,aAAa,CAAA"}