@solidxai/core-ui 0.1.7-beta.1 → 0.1.7-beta.11

package/README.md

@@ -0,0 +1,215 @@
+# @solidxai/core-ui
+
+> The React UI framework behind every SolidX application — auth flows, metadata-driven forms and tables, dashboards, and full state management — wired up and ready to use.
+
+`@solidxai/core-ui` is the frontend counterpart to [`@solidxai/core`](https://www.npmjs.com/package/@solidxai/core). It ships a complete set of React components, Redux slices, RTK Query API integrations, route guards, and utility hooks designed to work with the SolidX backend platform — so you can build production-grade admin and data-management interfaces without rebuilding the same infrastructure on every project.
+
+[![npm version](https://img.shields.io/npm/v/@solidxai/core-ui)](https://www.npmjs.com/package/@solidxai/core-ui)
+[![License: BSL](https://img.shields.io/badge/License-BSL-blue.svg)](https://opensource.org/licenses/BSL-1.1)
+[![Documentation](https://img.shields.io/badge/docs-solidxai.com-blue)](https://docs.solidxai.com/docs)
+
+
+## Why @solidxai/core-ui?
+
+Building admin dashboards and data-management UIs involves the same heavy lifting every time: authentication screens, data tables with filtering and pagination, form builders for every field type, role-aware UI elements, file upload flows, and a global state layer that ties it all together.
+
+`@solidxai/core-ui` bundles all of that into a single, cohesive package that is:
+
+- **Metadata-driven** — point `SolidListView` or `SolidFormView` at a model name and get a fully functional table or form without writing column definitions or field components by hand.
+- **Fully typed** — complete TypeScript definitions for every component, hook, slice, and utility.
+- **Extensible** — register custom components and functions into the extension registry; the core engine picks them up automatically.
+- **Backend-agnostic escape hatches** — pre-configured Axios instance and RTK Query base query, but nothing prevents you from calling your own endpoints alongside them.
+
+
+## Core Capabilities
+
+### Metadata-driven Views
+
+The centrepiece of the library. Describe your data model once and get complete UI for free.
+
+- **`SolidListView`** — data table with multi-column sorting, rich filter expressions, group-by, column visibility, row actions, import/export, and pagination; supports 15+ column types including relations, media, rich text, and computed fields.
+- **`SolidFormView`** — full create/edit form rendered from model metadata; supports 15+ field types — boolean, date/time, decimal, integer, short/long text, rich text, JSON, media (single & multiple), static/dynamic selection, relation, email, password, and more.
+- **`SolidFormStepper`** — multi-step wizard wrapper for any form.
+- **`SolidTreeView` / `SolidTreeTable`** — hierarchical tree display, with optional table columns.
+- **`SolidKanbanView`** — kanban board view backed by the same model metadata.
+
+### Authentication
+
+Complete auth UI with no extra wiring needed.
+
+- Login, registration, forgot/reset password, and force-change-password screens
+- OTP / passwordless flows (SMS and email)
+- Google OAuth2 integration
+- JWT access/refresh token management via `authSlice` and the `baseQueryWithAuth` RTK Query adapter
+- `AuthGuard` and `GuestGuard` route protection components
+
+### Layouts & Navigation
+
+- `AdminLayout` / `Layout` — shell layouts with sidebar, header, and footer regions
+- `SolidAiStudioLayout` / `SolidStudio` — studio/configuration mode for admin users
+- `NavbarOne`, `NavbarTwo` — responsive top navigation bars
+- `AdminSidebar`, `UserSidebar` — collapsible sidebars
+- `GlobalSearch` — application-wide search component
+- `FilterMenu` — slide-in advanced filter panel
+
+### Dashboards
+
+- `SolidDashboard` — drag-and-drop dashboard grid backed by Gridstack
+- `SolidViewLayoutManager` — layout composer for arranging views
+- Chart.js integration: bar, line, pie, doughnut, data table, and meter-group chart types
+- Security-aware aggregates that respect the active user's role
+
+### Redux Store & API Layer
+
+A pre-wired Redux Toolkit store with slices and RTK Query API definitions ready to drop in.
+
+| Slices | Purpose |
+|---|---|
+| `authSlice` | Token storage and logout |
+| `userSlice` | Current user and authentication state |
+| `themeSlice` | Light / dark theme |
+| `toastSlice` | Toast notification queue |
+| `popupSlice` | Modal open/close state |
+| `navbarSlice` | Navbar visibility |
+| `dataViewSlice` | Grid vs list view toggle |
+
+API slices (RTK Query) cover: auth, users, roles, modules, models, fields, views, menus, media, import/export, dashboards, settings, chatter, API keys, and AI interactions.
+
+### UI Component Library
+
+A complete set of primitives built on Radix UI, PrimeReact, and Bootstrap, including:
+
+- Buttons, inputs, textareas, password fields, date pickers, autocomplete
+- Dialogs, popovers, tooltips, accordions, tabs, dropdowns
+- Checkboxes, radio groups, switches, sliders, progress bars
+- Rich text editor (Quill), code editor (Monaco / CodeMirror)
+- Media lightbox, image viewer, PDF viewer
+- `SolidIcon` — custom icon registry backed by Lucide React
+
+### State, Routing & Providers
+
+- `StoreProvider` — wraps the app with the Redux store
+- `SolidThemeProvider` — theme context
+- `SolidToastProvider` — toast notification context
+- `SolidLayoutRegistryProvider` — layout registry context
+- `getSolidRoutes` — generates the full route tree from module metadata
+- `useSession`, `useRouter`, `usePathname`, `useSearchParams` — familiar routing hooks
+
+### Utilities & Helpers
+
+- `solidAxios` — pre-configured Axios instance with auth headers
+- `solidGet`, `solidPost`, `solidPut`, `solidPatch`, `solidDelete` — typed HTTP helpers
+- `signIn`, `signOut`, `getSession`, `refreshAccessToken` — auth session helpers
+- `permissionExpression`, `hasAnyRole` — permission evaluation helpers
+- `downloadFileWithProgress`, `downloadMediaFile`, `fetchS3Url` — file utilities
+- `eventBus` / `AppEvents` — application-wide event system
+- `registerExtensionComponent`, `registerExtensionFunction` — extension registry
+
+### Chatter
+
+- `SolidChatter` — per-record messaging thread and activity feed component, mirroring the backend Chatter feature
+
+
+## Installation
+
+```bash
+npm install @solidxai/core-ui
+```
+
+### Peer dependencies
+
+```bash
+npm install react react-dom react-router-dom \
+  @reduxjs/toolkit react-redux \
+  bootstrap primereact primeicons primeflex
+```
+
+
+## Quick Setup
+
+### 1. Create the store
+
+```typescript
+import { createSolidStore } from '@solidxai/core-ui';
+
+export const store = createSolidStore({
+  entities: ['User', 'Post'],   // your entity names
+  reducers: { mySlice: myReducer },
+  middlewares: [myMiddleware],
+});
+```
+
+### 2. Wrap your app
+
+```typescript
+import {
+  StoreProvider,
+  SolidThemeProvider,
+  SolidToastProvider,
+} from '@solidxai/core-ui';
+
+export default function App() {
+  return (
+    <StoreProvider store={store}>
+      <SolidThemeProvider>
+        <SolidToastProvider>
+          <Router />
+        </SolidToastProvider>
+      </SolidThemeProvider>
+    </StoreProvider>
+  );
+}
+```
+
+### 3. Use metadata-driven views
+
+```typescript
+import { SolidListView, SolidFormView } from '@solidxai/core-ui';
+
+// Renders a full data table for the "users" model
+<SolidListView moduleName="users" viewName="list" />
+
+// Renders a create/edit form for the "users" model
+<SolidFormView moduleName="users" viewName="create" />
+```
+
+For full configuration options — environment variables, theming, extension points, and advanced layout setup — see the [Developer Documentation](https://docs.solidxai.com/docs).
+
+
+## Technology Stack
+
+| Concern | Technology |
+|---|---|
+| Framework | React 18 + TypeScript |
+| Routing | React Router DOM 7 |
+| State management | Redux Toolkit + RTK Query |
+| HTTP | Axios |
+| UI primitives | Radix UI · PrimeReact · Bootstrap 5 |
+| Data tables | TanStack Table 8 |
+| Charts | Chart.js |
+| Dashboard grid | Gridstack · React Grid Layout |
+| Rich text | Quill |
+| Code editor | Monaco Editor · CodeMirror |
+| Forms | Formik + Yup |
+| Drag and drop | @hello-pangea/dnd |
+| Date/time | Day.js |
+| Icons | Lucide React |
+
+---
+
+## Part of the SolidX Platform
+
+`@solidxai/core-ui` is the frontend foundation of the [SolidX](https://solidxai.com) low-code development platform. It pairs with [`@solidxai/core`](https://www.npmjs.com/package/@solidxai/core) (the NestJS backend module) to form a complete full-stack framework. SolidX generates fully open-source, standards-based NestJS + React code that your team owns outright — no proprietary runtime, no lock-in.
+
+| | |
+|---|---|
+| Website | [solidxai.com](https://solidxai.com) |
+| Documentation | [docs.solidxai.com](https://docs.solidxai.com/docs) |
+| Backend package | [@solidxai/core](https://www.npmjs.com/package/@solidxai/core) |
+| Support | support@solidxai.com |
+
+---
+
+## License
+
+BSL-1.1 © [Logicloop](https://logicloop.io)

package/dist/adapters/auth/helper.d.ts

@@ -0,0 +1,9 @@
+type AuthResult = {
+    ok: boolean;
+    error: string | null;
+    status: number;
+    url: string | null;
+};
+export declare function handleAuthSuccess(accessToken: string, refreshToken: string, user: any, status: any): AuthResult;
+export {};
+//# sourceMappingURL=helper.d.ts.map

package/dist/adapters/auth/helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../src/adapters/auth/helper.ts"],"names":[],"mappings":"AAIA,KAAK,UAAU,GAAG;IACd,EAAE,EAAE,OAAO,CAAC;IACZ,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,WAAW,EAAC,MAAM,EAAG,YAAY,EAAE,MAAM,EAAG,IAAI,EAAE,GAAG,EAAE,MAAM,EAAC,GAAG,GAAG,UAAU,CAiC/G"}

package/dist/adapters/auth/helper.js

@@ -0,0 +1,37 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jwtDecode } from "jwt-decode";
+import { saveSession } from "./storage";
+import { eventBus, AppEvents } from "../../helpers/eventBus";
+export function handleAuthSuccess(accessToken, refreshToken, user, status) {
+    // const accessToken = response?.data?.data?.accessToken;
+    // const refreshToken = response?.data?.data?.refreshToken;
+    // const user = response?.data?.data?.user || {};
+    if (!accessToken || !refreshToken) {
+        return { ok: false, error: "Missing tokens in response", status: status || 500, url: null };
+    }
+    var decoded = jwtDecode(accessToken);
+    var accessTokenExpires = decoded.exp ? decoded.exp * 1000 : undefined;
+    var session = {
+        user: __assign(__assign({}, user), { accessToken: accessToken, refreshToken: refreshToken, accessTokenExpires: accessTokenExpires }),
+        error: null,
+    };
+    saveSession(session);
+    eventBus.emit(AppEvents.SessionUpdated, session);
+    return {
+        ok: true,
+        error: null,
+        status: status,
+        url: null,
+    };
+}
+//# sourceMappingURL=helper.js.map

package/dist/adapters/auth/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","sourceRoot":"","sources":["../../../src/adapters/auth/helper.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAS7D,MAAM,UAAU,iBAAiB,CAAC,WAAkB,EAAG,YAAoB,EAAG,IAAS,EAAE,MAAU;IAE/F,yDAAyD;IACzD,2DAA2D;IAC3D,iDAAiD;IAEjD,IAAI,CAAC,WAAW,IAAI,CAAC,YAAY,EAAE;QAC/B,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,4BAA4B,EAAE,MAAM,EAAC,MAAM,IAAI,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;KAC9F;IAED,IAAM,OAAO,GAAG,SAAS,CAAmB,WAAW,CAAC,CAAC;IACzD,IAAM,kBAAkB,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAExE,IAAM,OAAO,GAAG;QACZ,IAAI,wBACG,IAAI,KACP,WAAW,aAAA,EACX,YAAY,cAAA,EACZ,kBAAkB,oBAAA,GACrB;QACD,KAAK,EAAE,IAAI;KACd,CAAC;IAEF,WAAW,CAAC,OAAO,CAAC,CAAC;IACrB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;IAEjD,OAAO;QACH,EAAE,EAAE,IAAI;QACR,KAAK,EAAE,IAAI;QACX,MAAM,EAAE,MAAM;QACd,GAAG,EAAE,IAAI;KACZ,CAAC;AAEN,CAAC","sourcesContent":["import { jwtDecode } from \"jwt-decode\";\nimport { saveSession } from \"./storage\";\nimport { eventBus, AppEvents } from \"../../helpers/eventBus\";\n\ntype AuthResult = {\n    ok: boolean;\n    error: string | null;\n    status: number;\n    url: string | null;\n};\n\nexport function handleAuthSuccess(accessToken:string , refreshToken: string , user: any ,status:any): AuthResult{\n\n    // const accessToken = response?.data?.data?.accessToken;\n    // const refreshToken = response?.data?.data?.refreshToken;\n    // const user = response?.data?.data?.user || {};\n\n    if (!accessToken || !refreshToken) {\n        return { ok: false, error: \"Missing tokens in response\", status:status || 500, url: null };\n    }\n\n    const decoded = jwtDecode<{ exp?: number }>(accessToken);\n    const accessTokenExpires = decoded.exp ? decoded.exp * 1000 : undefined;\n\n    const session = {\n        user: {\n            ...user,\n            accessToken,\n            refreshToken,\n            accessTokenExpires,\n        },\n        error: null,\n    };\n\n    saveSession(session);\n    eventBus.emit(AppEvents.SessionUpdated, session);\n\n    return {\n        ok: true,\n        error: null,\n        status: status,\n        url: null,\n    };\n\n}"]}

package/dist/adapters/auth/helper.ts

@@ -0,0 +1,45 @@
+import { jwtDecode } from "jwt-decode";
+import { saveSession } from "./storage";
+import { eventBus, AppEvents } from "../../helpers/eventBus";
+
+type AuthResult = {
+    ok: boolean;
+    error: string | null;
+    status: number;
+    url: string | null;
+};
+
+export function handleAuthSuccess(accessToken:string , refreshToken: string , user: any ,status:any): AuthResult{
+
+    // const accessToken = response?.data?.data?.accessToken;
+    // const refreshToken = response?.data?.data?.refreshToken;
+    // const user = response?.data?.data?.user || {};
+
+    if (!accessToken || !refreshToken) {
+        return { ok: false, error: "Missing tokens in response", status:status || 500, url: null };
+    }
+
+    const decoded = jwtDecode<{ exp?: number }>(accessToken);
+    const accessTokenExpires = decoded.exp ? decoded.exp * 1000 : undefined;
+
+    const session = {
+        user: {
+            ...user,
+            accessToken,
+            refreshToken,
+            accessTokenExpires,
+        },
+        error: null,
+    };
+
+    saveSession(session);
+    eventBus.emit(AppEvents.SessionUpdated, session);
+
+    return {
+        ok: true,
+        error: null,
+        status: status,
+        url: null,
+    };
+
+}

package/dist/adapters/auth/signInWithOtp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"signInWithOtp.d.ts","sourceRoot":"","sources":["../../../src/adapters/auth/signInWithOtp.ts"],"names":[],"mappings":"AAMA,KAAK,cAAc,GAAG;IACpB,EAAE,EAAE,OAAO,CAAC;IACZ,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;CACpB,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,wBAAsB,aAAa,CAAC,OAAO,EAAE,oBAAoB,GAAG,OAAO,CAAC,cAAc,CAAC,CAyD1F"}
+{"version":3,"file":"signInWithOtp.d.ts","sourceRoot":"","sources":["../../../src/adapters/auth/signInWithOtp.ts"],"names":[],"mappings":"AAIA,KAAK,cAAc,GAAG;IACpB,EAAE,EAAE,OAAO,CAAC;IACZ,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;CACpB,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,wBAAsB,aAAa,CAAC,OAAO,EAAE,oBAAoB,GAAG,OAAO,CAAC,cAAc,CAAC,CAuC1F"}

package/dist/adapters/auth/signInWithOtp.js

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -45,15 +34,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import { jwtDecode } from "jwt-decode";
 import { env } from "../env";
-import { saveSession } from "./storage";
-import { eventBus, AppEvents } from "../../helpers/eventBus";
 import { solidPost } from "../..//http/solidHttp";
+import { handleAuthSuccess } from "./helper";
 export function signInWithOtp(options) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
     return __awaiter(this, void 0, void 0, function () {
-        var type, identifier, otp, apiUrl, response, message, accessToken, refreshToken, user, decoded, accessTokenExpires, session, error_1, message;
+        var type, identifier, otp, apiUrl, response, message, accessToken, refreshToken, user, error_1, message;
         return __generator(this, function (_t) {
             switch (_t.label) {
                 case 0:
@@ -84,18 +71,7 @@ export function signInWithOtp(options) {
                     accessToken = (_g = (_f = response === null || response === void 0 ? void 0 : response.data) === null || _f === void 0 ? void 0 : _f.data) === null || _g === void 0 ? void 0 : _g.accessToken;
                     refreshToken = (_j = (_h = response === null || response === void 0 ? void 0 : response.data) === null || _h === void 0 ? void 0 : _h.data) === null || _j === void 0 ? void 0 : _j.refreshToken;
                     user = ((_l = (_k = response === null || response === void 0 ? void 0 : response.data) === null || _k === void 0 ? void 0 : _k.data) === null || _l === void 0 ? void 0 : _l.user) || {};
-                    if (!accessToken || !refreshToken) {
-                        return [2 /*return*/, { ok: false, error: "Missing tokens in response", status: response.status || 500, url: null }];
-                    }
-                    decoded = jwtDecode(accessToken);
-                    accessTokenExpires = decoded.exp ? decoded.exp * 1000 : undefined;
-                    session = {
-                        user: __assign(__assign({}, user), { accessToken: accessToken, refreshToken: refreshToken, accessTokenExpires: accessTokenExpires }),
-                        error: null,
-                    };
-                    saveSession(session);
-                    eventBus.emit(AppEvents.SessionUpdated, session);
-                    return [2 /*return*/, { ok: true, error: null, status: response.status || 200, url: null }];
+                    return [2 /*return*/, handleAuthSuccess(accessToken, refreshToken, user, response === null || response === void 0 ? void 0 : response.status)];
                 case 3:
                     error_1 = _t.sent();
                     message = ((_o = (_m = error_1 === null || error_1 === void 0 ? void 0 : error_1.response) === null || _m === void 0 ? void 0 : _m.data) === null || _o === void 0 ? void 0 : _o.message) || ((_r = (_q = (_p = error_1 === null || error_1 === void 0 ? void 0 : error_1.response) === null || _p === void 0 ? void 0 : _p.data) === null || _q === void 0 ? void 0 : _q.data) === null || _r === void 0 ? void 0 : _r.message) || (error_1 === null || error_1 === void 0 ? void 0 : error_1.message) || "Login failed";

package/dist/adapters/auth/signInWithOtp.js.map

@@ -1 +1 @@
-{"version":3,"file":"signInWithOtp.js","sourceRoot":"","sources":["../../../src/adapters/auth/signInWithOtp.ts"],"names":[],"mappings":"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","sourcesContent":["import { jwtDecode } from \"jwt-decode\";\nimport { env } from \"../env\";\nimport { saveSession } from \"./storage\";\nimport { eventBus, AppEvents } from \"../../helpers/eventBus\";\nimport { solidPost } from \"../..//http/solidHttp\";\n\ntype SignInResponse = {\n  ok: boolean;\n  error: string | null;\n  status: number;\n  url: string | null;\n};\n\ntype SignInWithOtpOptions = {\n  type: string;\n  identifier: string;\n  otp: string;\n};\n\nexport async function signInWithOtp(options: SignInWithOtpOptions): Promise<SignInResponse> {\n  const { type, identifier, otp } = options;\n  const apiUrl = env(\"API_URL\");\n\n  if (!apiUrl) {\n    return { ok: false, error: \"API_URL is not configured\", status: 500, url: null };\n  }\n\n  try {\n    const response = await solidPost(\n      `${apiUrl}/api/iam/otp/login/confirm`,\n      {\n        type,\n        identifier,\n        otp,\n      },\n      {\n        headers: {\n          accept: \"*/*\",\n          \"Content-Type\": \"application/json\",\n        },\n      }\n    );\n\n    if (response?.data?.statusCode && response?.data?.statusCode !== 200) {\n      const message = response?.data?.error || response?.data?.message || \"Invalid OTP\";\n      return { ok: false, error: message, status: response?.data?.statusCode || response.status || 400, url: null };\n    }\n\n    const accessToken = response?.data?.data?.accessToken;\n    const refreshToken = response?.data?.data?.refreshToken;\n    const user = response?.data?.data?.user || {};\n\n    if (!accessToken || !refreshToken) {\n      return { ok: false, error: \"Missing tokens in response\", status: response.status || 500, url: null };\n    }\n\n    const decoded = jwtDecode<{ exp?: number }>(accessToken);\n    const accessTokenExpires = decoded.exp ? decoded.exp * 1000 : undefined;\n\n    const session = {\n      user: {\n        ...user,\n        accessToken,\n        refreshToken,\n        accessTokenExpires,\n      },\n      error: null,\n    };\n    saveSession(session);\n    eventBus.emit(AppEvents.SessionUpdated, session);\n\n    return { ok: true, error: null, status: response.status || 200, url: null };\n  } catch (error: any) {\n    const message = error?.response?.data?.message || error?.response?.data?.data?.message || error?.message || \"Login failed\";\n    return { ok: false, error: message, status: error?.response?.status || 500, url: null };\n  }\n}\n"]}
+{"version":3,"file":"signInWithOtp.js","sourceRoot":"","sources":["../../../src/adapters/auth/signInWithOtp.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAe7C,MAAM,UAAgB,aAAa,CAAC,OAA6B;;;;;;;oBACvD,IAAI,GAAsB,OAAO,KAA7B,EAAE,UAAU,GAAU,OAAO,WAAjB,EAAE,GAAG,GAAK,OAAO,IAAZ,CAAa;oBACpC,MAAM,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC;oBAE9B,IAAI,CAAC,MAAM,EAAE;wBACX,sBAAO,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,2BAA2B,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,EAAC;qBAClF;;;;oBAGkB,qBAAM,SAAS,CAC9B,UAAG,MAAM,+BAA4B,EACrC;4BACE,IAAI,MAAA;4BACJ,UAAU,YAAA;4BACV,GAAG,KAAA;yBACJ,EACD;4BACE,OAAO,EAAE;gCACP,MAAM,EAAE,KAAK;gCACb,cAAc,EAAE,kBAAkB;6BACnC;yBACF,CACF,EAAA;;oBAbK,QAAQ,GAAG,SAahB;oBAED,IAAI,CAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,UAAU,KAAI,CAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,UAAU,MAAK,GAAG,EAAE;wBAC9D,OAAO,GAAG,CAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,KAAK,MAAI,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,OAAO,CAAA,IAAI,aAAa,CAAC;wBAClF,sBAAO,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,CAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,UAAU,KAAI,QAAQ,CAAC,MAAM,IAAI,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,EAAC;qBAC/G;oBAEK,WAAW,GAAG,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,IAAI,0CAAE,WAAW,CAAC;oBAChD,YAAY,GAAG,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,IAAI,0CAAE,YAAY,CAAC;oBAClD,IAAI,GAAG,CAAA,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,IAAI,0CAAE,IAAI,KAAI,EAAE,CAAC;oBAE9C,sBAAO,iBAAiB,CAAC,WAAW,EAAC,YAAY,EAAC,IAAI,EAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,CAAC,EAAA;;;oBAGlE,OAAO,GAAG,CAAA,MAAA,MAAA,OAAK,aAAL,OAAK,uBAAL,OAAK,CAAE,QAAQ,0CAAE,IAAI,0CAAE,OAAO,MAAI,MAAA,MAAA,MAAA,OAAK,aAAL,OAAK,uBAAL,OAAK,CAAE,QAAQ,0CAAE,IAAI,0CAAE,IAAI,0CAAE,OAAO,CAAA,KAAI,OAAK,aAAL,OAAK,uBAAL,OAAK,CAAE,OAAO,CAAA,IAAI,cAAc,CAAC;oBAC3H,sBAAO,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,CAAA,MAAA,OAAK,aAAL,OAAK,uBAAL,OAAK,CAAE,QAAQ,0CAAE,MAAM,KAAI,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,EAAC;;;;;CAE3F","sourcesContent":["import { env } from \"../env\";\nimport { solidPost } from \"../..//http/solidHttp\";\nimport { handleAuthSuccess } from \"./helper\"; \n\ntype SignInResponse = {\n  ok: boolean;\n  error: string | null;\n  status: number;\n  url: string | null;\n};\n\ntype SignInWithOtpOptions = {\n  type: string;\n  identifier: string;\n  otp: string;\n};\n\nexport async function signInWithOtp(options: SignInWithOtpOptions): Promise<SignInResponse> {\n  const { type, identifier, otp } = options;\n  const apiUrl = env(\"API_URL\");\n\n  if (!apiUrl) {\n    return { ok: false, error: \"API_URL is not configured\", status: 500, url: null };\n  }\n\n  try {\n    const response = await solidPost(\n      `${apiUrl}/api/iam/otp/login/confirm`,\n      {\n        type,\n        identifier,\n        otp,\n      },\n      {\n        headers: {\n          accept: \"*/*\",\n          \"Content-Type\": \"application/json\",\n        },\n      }\n    );\n\n    if (response?.data?.statusCode && response?.data?.statusCode !== 200) {\n      const message = response?.data?.error || response?.data?.message || \"Invalid OTP\";\n      return { ok: false, error: message, status: response?.data?.statusCode || response.status || 400, url: null };\n    }\n\n    const accessToken = response?.data?.data?.accessToken;\n    const refreshToken = response?.data?.data?.refreshToken;\n    const user = response?.data?.data?.user || {};\n    \n    return handleAuthSuccess(accessToken,refreshToken,user,response?.status)\n\n  } catch (error: any) {\n    const message = error?.response?.data?.message || error?.response?.data?.data?.message || error?.message || \"Login failed\";\n    return { ok: false, error: message, status: error?.response?.status || 500, url: null };\n  }\n}\n"]}

package/dist/adapters/auth/signInWithOtp.ts

@@ -1,8 +1,6 @@
-import { jwtDecode } from "jwt-decode";
 import { env } from "../env";
-import { saveSession } from "./storage";
-import { eventBus, AppEvents } from "../../helpers/eventBus";
 import { solidPost } from "../..//http/solidHttp";
+import { handleAuthSuccess } from "./helper"; 
 
 type SignInResponse = {
   ok: boolean;
@@ -49,27 +47,9 @@ export async function signInWithOtp(options: SignInWithOtpOptions): Promise<Sign
     const accessToken = response?.data?.data?.accessToken;
     const refreshToken = response?.data?.data?.refreshToken;
     const user = response?.data?.data?.user || {};
+    
+    return handleAuthSuccess(accessToken,refreshToken,user,response?.status)
 
-    if (!accessToken || !refreshToken) {
-      return { ok: false, error: "Missing tokens in response", status: response.status || 500, url: null };
-    }
-
-    const decoded = jwtDecode<{ exp?: number }>(accessToken);
-    const accessTokenExpires = decoded.exp ? decoded.exp * 1000 : undefined;
-
-    const session = {
-      user: {
-        ...user,
-        accessToken,
-        refreshToken,
-        accessTokenExpires,
-      },
-      error: null,
-    };
-    saveSession(session);
-    eventBus.emit(AppEvents.SessionUpdated, session);
-
-    return { ok: true, error: null, status: response.status || 200, url: null };
   } catch (error: any) {
     const message = error?.response?.data?.message || error?.response?.data?.data?.message || error?.message || "Login failed";
     return { ok: false, error: message, status: error?.response?.status || 500, url: null };

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

@@ -1 +1 @@
-{"version":3,"file":"AuthLayout.d.ts","sourceRoot":"","sources":["../../../src/components/auth/AuthLayout.tsx"],"names":[],"mappings":"AAkBA,eAAO,MAAM,UAAU;cAA8B,MAAM,SAAS;oDA+MnE,CAAA"}
+{"version":3,"file":"AuthLayout.d.ts","sourceRoot":"","sources":["../../../src/components/auth/AuthLayout.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,UAAU;cAA8B,MAAM,SAAS;oDAqNnE,CAAA"}

package/dist/components/auth/AuthLayout.js

@@ -2,23 +2,20 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Link from "../common/Link";
 import { usePathname } from "../../hooks/usePathname";
 import { useRouter } from "../../hooks/useRouter";
-import { Button } from "primereact/button";
-import { Dialog } from "primereact/dialog";
 import { useEffect, useState } from "react";
 import Image from "../common/Image";
 import SolidLogo from '../../resources/images/SolidXLogo.svg';
-import { Divider } from "primereact/divider";
-import AuthScreenRightBackgroundImage from '../../resources/images/auth/solid-left-layout-bg.png';
-import AuthScreenLeftBackgroundImage from '../../resources/images/auth/solid-right-layout-bg.png';
 import AuthScreenCenterBackgroundImage from '../../resources/images/auth/solid-login-light.png';
 import { useLazyGetAuthSettingsQuery } from "../../redux/api/solidSettingsApi";
 import { env } from "../../adapters/env";
+import { SolidButton, SolidDialog, SolidDivider } from "../shad-cn-ui";
+var SHADCN_PLACEHOLDER_IMAGE = "https://ui.shadcn.com/placeholder.svg";
 export var AuthLayout = function (_a) {
-    var _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, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21;
+    var _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, _6, _7;
     var children = _a.children;
-    var _22 = useLazyGetAuthSettingsQuery(), trigger = _22[0], solidSettingsData = _22[1].data;
-    var _23 = useState(null), allowRegistration = _23[0], setAllowRegistration = _23[1];
-    var _24 = useState(false), isRestricted = _24[0], setIsRestricted = _24[1];
+    var _8 = useLazyGetAuthSettingsQuery(), trigger = _8[0], solidSettingsData = _8[1].data;
+    var _9 = useState(null), allowRegistration = _9[0], setAllowRegistration = _9[1];
+    var _10 = useState(false), isRestricted = _10[0], setIsRestricted = _10[1];
     var pathname = usePathname();
     var router = useRouter();
     // const { changeTheme } = useContext(PrimeReactContext);
@@ -40,9 +37,10 @@ export var AuthLayout = function (_a) {
     //     }
     // }, [solidSettingsData]);
     useEffect(function () {
-        var _a;
-        // Fetch settings if not already available
         trigger("");
+    }, [trigger]);
+    useEffect(function () {
+        var _a;
         var allowPublicRegistration = (_a = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _a === void 0 ? void 0 : _a.allowPublicRegistration;
         if (allowPublicRegistration === false) {
             setAllowRegistration(false);
@@ -57,7 +55,7 @@ export var AuthLayout = function (_a) {
             setAllowRegistration(true);
             setIsRestricted(false);
         }
-    }, [solidSettingsData, pathname, trigger]);
+    }, [solidSettingsData, pathname]);
     if (allowRegistration === null && pathname === "/auth/register") {
         console.log("AuthLayout returning null because allowRegistration is null for register route");
         return null;
@@ -72,10 +70,10 @@ export var AuthLayout = function (_a) {
         var layout = (_a = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _a === void 0 ? void 0 : _a.authPagesLayout;
         var src = '';
         if (layout === 'left') {
-            src = ((_b = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _b === void 0 ? void 0 : _b.authScreenLeftBackgroundImage) || AuthScreenLeftBackgroundImage.src || AuthScreenLeftBackgroundImage;
+            src = ((_b = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _b === void 0 ? void 0 : _b.authScreenLeftBackgroundImage) || SHADCN_PLACEHOLDER_IMAGE;
         }
         else if (layout === 'right') {
-            src = ((_c = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _c === void 0 ? void 0 : _c.authScreenRightBackgroundImage) || AuthScreenRightBackgroundImage.src || AuthScreenRightBackgroundImage;
+            src = ((_c = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _c === void 0 ? void 0 : _c.authScreenRightBackgroundImage) || SHADCN_PLACEHOLDER_IMAGE;
         }
         else if (layout === 'center') {
             src = ((_d = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _d === void 0 ? void 0 : _d.authScreenCenterBackgroundImage) || AuthScreenCenterBackgroundImage.src || AuthScreenCenterBackgroundImage;
@@ -87,17 +85,34 @@ export var AuthLayout = function (_a) {
         }
         return src;
     };
-    return (_jsxs("div", { className: "solid-auth-theme-wrapper ".concat(((_b = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _b === void 0 ? void 0 : _b.authPagesLayout) || 'center'), style: ((_c = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _c === void 0 ? void 0 : _c.authPagesLayout) === 'center' ? { backgroundImage: "url(".concat(((_d = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _d === void 0 ? void 0 : _d.authScreenCenterBackgroundImage) || (AuthScreenCenterBackgroundImage === null || AuthScreenCenterBackgroundImage === void 0 ? void 0 : AuthScreenCenterBackgroundImage.src) || AuthScreenCenterBackgroundImage, ")") } : {}, children: [_jsxs("div", { className: "".concat(((_e = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _e === void 0 ? void 0 : _e.authPagesLayout) !== 'center' ? 'grid w-full h-full m-0' : ''), children: [((_f = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _f === void 0 ? void 0 : _f.authPagesLayout) === 'left' &&
-                        _jsx("div", { className: 'col-12 lg:col-7 xl:col-6  flex align-items-center justify-content-center solid-login-dark-bg', children: _jsxs("div", { className: "w-full", children: [((_g = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _g === void 0 ? void 0 : _g.appLogoPosition) === "in_form_view" &&
-                                        _jsx("div", { className: "flex justify-content-center", children: _jsx("div", { className: "solid-logo flex align-items-center ".concat((_h = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _h === void 0 ? void 0 : _h.appLogoPosition), children: _jsx(Image, { alt: "solid logo", src: ((_j = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _j === void 0 ? void 0 : _j.appLogo) || SolidLogo, className: "relative", fill: true }) }) }), authChildren] }) }), _jsxs("div", { className: "hidden lg:flex ".concat(((_k = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _k === void 0 ? void 0 : _k.authPagesLayout) !== 'center' ? 'col-5 xl:col-6 position-relative' : '', " \n                                ").concat(((_l = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _l === void 0 ? void 0 : _l.authPagesLayout) === 'left' ? 'solid-left-layout' : '', " \n                                ").concat(((_m = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _m === void 0 ? void 0 : _m.authPagesLayout) === 'right' ? 'solid-right-layout' : '').trim(), style: { backgroundImage: "url(".concat(solidSideBanner(), ")") }, children: [((_o = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _o === void 0 ? void 0 : _o.appLogoPosition) === "in_image_view" && ((_p = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _p === void 0 ? void 0 : _p.authPagesLayout) !== 'center' &&
-                                _jsx("div", { className: "solid-logo flex align-items-center gap-3 ".concat((_q = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _q === void 0 ? void 0 : _q.appLogoPosition), children: _jsx(Image, { alt: "solid logo", src: ((_r = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _r === void 0 ? void 0 : _r.appLogo) || SolidLogo, className: "relative", fill: true }) }), ((_s = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _s === void 0 ? void 0 : _s.showAuthContent) && ((_t = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _t === void 0 ? void 0 : _t.authPagesLayout) !== 'center' &&
-                                _jsx("div", { className: "w-full", style: { zIndex: 1 }, children: _jsx("div", { className: "grid", children: _jsxs("div", { className: "col-8 mx-auto", children: [((_u = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _u === void 0 ? void 0 : _u.appSubtitle) && _jsx("h1", { className: "solid-auth-image-subtitle m-0", children: (_v = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _v === void 0 ? void 0 : _v.appSubtitle }), ((_w = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _w === void 0 ? void 0 : _w.appTitle) && _jsx("h1", { className: "solid-auth-image-title mt-0", children: (_x = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _x === void 0 ? void 0 : _x.appTitle }), ((_y = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _y === void 0 ? void 0 : _y.appDescription) && _jsx("p", { className: "solid-auth-image-helper-text", children: (_z = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _z === void 0 ? void 0 : _z.appDescription })] }) }) })] }), ((_0 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _0 === void 0 ? void 0 : _0.authPagesLayout) === 'center' && _jsx("div", { className: "solid-center-layout", children: authChildren }), ((_1 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _1 === void 0 ? void 0 : _1.authPagesLayout) === 'right' &&
-                        _jsx("div", { className: 'col-12 lg:col-7 xl:col-6 flex align-items-center justify-content-center solid-login-dark-bg', children: _jsxs("div", { className: "w-full", children: [((_2 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _2 === void 0 ? void 0 : _2.appLogoPosition) === "in_form_view" &&
-                                        _jsx("div", { className: "flex justify-content-center", children: _jsx("div", { className: "solid-logo flex align-items-center gap-3 ".concat((_3 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _3 === void 0 ? void 0 : _3.appLogoPosition), children: _jsx(Image, { alt: "solid logo", src: ((_4 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _4 === void 0 ? void 0 : _4.appLogo) || SolidLogo, className: "relative", fill: true }) }) }), authChildren] }) })] }), _jsxs("div", { className: "absolute hidden md:flex ".concat(((_5 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _5 === void 0 ? void 0 : _5.authPagesLayout) === 'center' ? 'solid-auth-footer flex flex-column sm:flex-row align-items-center justify-content-between' : 'solid-auth-footer-2 grid'), children: [((_6 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _6 === void 0 ? void 0 : _6.authPagesLayout) !== 'left' &&
-                        _jsx("div", { className: ((_7 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _7 === void 0 ? void 0 : _7.authPagesLayout) !== 'center' ? 'col-6 lg:col-5  xl:col-6 flex justify-content-center' : '', children: ((_8 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _8 === void 0 ? void 0 : _8.showLegalLinks) === true &&
-                                _jsxs("p", { className: "solid-auth-input-label text-sm m-0 ".concat((_9 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _9 === void 0 ? void 0 : _9.authPagesLayout), children: ["Made with ", _jsxs("svg", { className: "mx-1", width: "12px", height: "12px", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("g", { id: "SVGRepo_bgCarrier", "stroke-width": "0" }), _jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }), _jsxs("g", { id: "SVGRepo_iconCarrier", children: [" ", _jsx("path", { d: "M1.24264 8.24264L8 15L14.7574 8.24264C15.553 7.44699 16 6.36786 16 5.24264V5.05234C16 2.8143 14.1857 1 11.9477 1C10.7166 1 9.55233 1.55959 8.78331 2.52086L8 3.5L7.21669 2.52086C6.44767 1.55959 5.28338 1 4.05234 1C1.8143 1 0 2.8143 0 5.05234V5.24264C0 6.36786 0.44699 7.44699 1.24264 8.24264Z", fill: "#ff0000" }), " "] })] }), " in Mumbai"] }) }), _jsxs("div", { className: ((_10 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _10 === void 0 ? void 0 : _10.authPagesLayout) !== 'center' ? 'col-6 flex justify-content-center' : '', children: [((_11 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _11 === void 0 ? void 0 : _11.showLegalLinks) === true && _jsxs("div", { className: "flex flex-column sm:flex-row align-items-center gap-1 sm:gap-5 solid-auth-subtitle mr-3 ".concat(((_12 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _12 === void 0 ? void 0 : _12.authPagesLayout) === 'left' ? 'left' : ''), children: [((_13 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _13 === void 0 ? void 0 : _13.appTnc) !== "" && _jsxs("p", { className: "m-0 ", children: [" ", _jsx(Link, { className: "text-sm no-underline font-normal", href: (_14 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _14 === void 0 ? void 0 : _14.appTnc, children: "Terms of Service" })] }), ((_15 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _15 === void 0 ? void 0 : _15.appPrivacyPolicy) !== "" && _jsxs("p", { className: "m-0 ", children: [" ", _jsx(Link, { className: "text-sm no-underline font-normal", href: (_16 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _16 === void 0 ? void 0 : _16.appPrivacyPolicy, children: "Privacy Policy." })] })] }), ((_17 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _17 === void 0 ? void 0 : _17.copyright) !== "" &&
-                                _jsx("div", { className: "mt-1", children: _jsx("p", { className: "m-0 text-sm font-normal", children: (_18 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _18 === void 0 ? void 0 : _18.copyright }) })] }), ((_19 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _19 === void 0 ? void 0 : _19.authPagesLayout) === 'left' &&
-                        _jsx("div", { className: ((_20 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _20 === void 0 ? void 0 : _20.authPagesLayout) !== 'center' ? 'col-6 lg:col-5 xl:col-6  flex justify-content-center' : '', children: ((_21 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _21 === void 0 ? void 0 : _21.showLegalLinks) === true &&
-                                _jsxs("p", { className: "solid-auth-input-label text-sm m-0 right", children: ["Made with ", _jsxs("svg", { className: "mx-1", width: "12px", height: "12px", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("g", { id: "SVGRepo_bgCarrier", "stroke-width": "0" }), _jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }), _jsxs("g", { id: "SVGRepo_iconCarrier", children: [" ", _jsx("path", { d: "M1.24264 8.24264L8 15L14.7574 8.24264C15.553 7.44699 16 6.36786 16 5.24264V5.05234C16 2.8143 14.1857 1 11.9477 1C10.7166 1 9.55233 1.55959 8.78331 2.52086L8 3.5L7.21669 2.52086C6.44767 1.55959 5.28338 1 4.05234 1C1.8143 1 0 2.8143 0 5.05234V5.24264C0 6.36786 0.44699 7.44699 1.24264 8.24264Z", fill: "#ff0000" }), " "] })] }), " in Mumbai"] }) })] }), _jsxs(Dialog, { visible: isRestricted, onHide: handleRegistration, header: "Access Restricted", headerClassName: "py-2", contentClassName: "px-0 pb-0", className: "solid-confirm-dialog ", footer: _jsx("div", { className: "flex align-items-center justify-content-start", children: _jsx(Button, { label: "Close", onClick: handleRegistration, size: "small" }) }), draggable: false, children: [_jsx(Divider, { className: "m-0" }), _jsx("div", { className: "p-4", children: _jsx("p", { children: "Sign-up is not available. Please contact the admin." }) })] })] }));
+    var normalizeAssetUrl = function (src) {
+        if (!src)
+            return "";
+        var isBlobOrAbsolute = src.startsWith("blob:") || src.startsWith("http");
+        if (isBlobOrAbsolute || src.startsWith("/"))
+            return src;
+        return "".concat(env("API_URL"), "/").concat(src);
+    };
+    var authLogoSrc = normalizeAssetUrl(((_b = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _b === void 0 ? void 0 : _b.appLogo) || "");
+    var appName = ((_c = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _c === void 0 ? void 0 : _c.appTitle) || "SolidX";
+    var renderBrand = function (align) {
+        if (align === void 0) { align = "start"; }
+        return (_jsx("a", { href: "#", className: "solid-auth-brand ".concat(align === "center" ? "is-center" : ""), "aria-label": appName, children: authLogoSrc ? (_jsx("span", { className: "solid-auth-brand-logo", children: _jsx("img", { src: authLogoSrc, alt: appName }) })) : (_jsxs("span", { className: "solid-auth-brand-icon", children: [_jsx("span", { className: "solid-auth-brand-fallback", children: appName.slice(0, 1).toUpperCase() }), _jsx("span", { className: "solid-auth-brand-text", children: appName })] })) }));
+    };
+    var authLayout = ((_d = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _d === void 0 ? void 0 : _d.authPagesLayout) || "center";
+    var authTheme = ((_e = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _e === void 0 ? void 0 : _e.authPagesTheme) === "dark" ? "dark" : "light";
+    var isCenter = authLayout === "center";
+    var isLeft = authLayout === "left";
+    var isRight = authLayout === "right";
+    var formPane = (_jsx("div", { className: "solid-auth-form-pane solid-login-dark-bg", children: _jsxs("div", { className: "solid-auth-form-pane-inner", children: [renderBrand("start"), authChildren] }) }));
+    var imagePane = (_jsxs("div", { className: "solid-auth-image-pane position-relative ".concat(isLeft ? "solid-left-layout pane-on-right" : "solid-right-layout pane-on-left").trim(), style: { backgroundImage: "url(".concat(solidSideBanner(), ")") }, children: [((_f = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _f === void 0 ? void 0 : _f.appLogoPosition) === "in_image_view" &&
+                _jsx("div", { className: "solid-logo flex align-items-center gap-3 ".concat((_g = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _g === void 0 ? void 0 : _g.appLogoPosition), children: _jsx(Image, { alt: "solid logo", src: ((_h = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _h === void 0 ? void 0 : _h.appLogo) || SolidLogo, className: "relative", fill: true }) }), ((_j = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _j === void 0 ? void 0 : _j.showAuthContent) &&
+                _jsx("div", { className: "w-full", style: { zIndex: 1 }, children: _jsx("div", { className: "grid", children: _jsxs("div", { className: "col-8 mx-auto", children: [((_k = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _k === void 0 ? void 0 : _k.appSubtitle) && _jsx("h1", { className: "solid-auth-image-subtitle m-0", children: (_l = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _l === void 0 ? void 0 : _l.appSubtitle }), ((_m = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _m === void 0 ? void 0 : _m.appTitle) && _jsx("h1", { className: "solid-auth-image-title mt-0", children: (_o = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _o === void 0 ? void 0 : _o.appTitle }), ((_p = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _p === void 0 ? void 0 : _p.appDescription) && _jsx("p", { className: "solid-auth-image-helper-text", children: (_q = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _q === void 0 ? void 0 : _q.appDescription })] }) }) })] }));
+    return (_jsxs("div", { className: "solid-auth-theme-wrapper ".concat(authLayout, " auth-theme-").concat(authTheme), "data-auth-theme": authTheme, children: [!isCenter && (_jsxs("div", { className: "solid-auth-split", children: [isLeft && formPane, imagePane, isRight && formPane] })), isCenter && _jsx("div", { className: "solid-center-layout", children: _jsxs("div", { className: "solid-auth-center-stack", children: [renderBrand("center"), authChildren] }) }), _jsxs("div", { className: "absolute hidden md:flex ".concat(((_r = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _r === void 0 ? void 0 : _r.authPagesLayout) === 'center' ? 'solid-auth-footer flex flex-column sm:flex-row align-items-center justify-content-between' : 'solid-auth-footer-2 grid'), children: [((_s = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _s === void 0 ? void 0 : _s.authPagesLayout) !== 'left' &&
+                        _jsx("div", { className: ((_t = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _t === void 0 ? void 0 : _t.authPagesLayout) !== 'center' ? 'col-6 lg:col-5  xl:col-6 flex justify-content-center' : '', children: ((_u = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _u === void 0 ? void 0 : _u.showLegalLinks) === true &&
+                                _jsxs("p", { className: "solid-auth-input-label text-sm m-0 ".concat((_v = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _v === void 0 ? void 0 : _v.authPagesLayout), children: ["Made with ", _jsxs("svg", { className: "mx-1", width: "12px", height: "12px", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("g", { id: "SVGRepo_bgCarrier", "stroke-width": "0" }), _jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }), _jsxs("g", { id: "SVGRepo_iconCarrier", children: [" ", _jsx("path", { d: "M1.24264 8.24264L8 15L14.7574 8.24264C15.553 7.44699 16 6.36786 16 5.24264V5.05234C16 2.8143 14.1857 1 11.9477 1C10.7166 1 9.55233 1.55959 8.78331 2.52086L8 3.5L7.21669 2.52086C6.44767 1.55959 5.28338 1 4.05234 1C1.8143 1 0 2.8143 0 5.05234V5.24264C0 6.36786 0.44699 7.44699 1.24264 8.24264Z", fill: "#ff0000" }), " "] })] }), " in Mumbai"] }) }), _jsxs("div", { className: ((_w = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _w === void 0 ? void 0 : _w.authPagesLayout) !== 'center' ? 'col-6 flex justify-content-center' : '', children: [((_x = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _x === void 0 ? void 0 : _x.showLegalLinks) === true && _jsxs("div", { className: "flex flex-column sm:flex-row align-items-center gap-1 sm:gap-5 solid-auth-subtitle mr-3 ".concat(((_y = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _y === void 0 ? void 0 : _y.authPagesLayout) === 'left' ? 'left' : ''), children: [((_z = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _z === void 0 ? void 0 : _z.appTnc) !== "" && _jsxs("p", { className: "m-0 ", children: [" ", _jsx(Link, { className: "text-sm no-underline font-normal", href: (_0 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _0 === void 0 ? void 0 : _0.appTnc, children: "Terms of Service" })] }), ((_1 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _1 === void 0 ? void 0 : _1.appPrivacyPolicy) !== "" && _jsxs("p", { className: "m-0 ", children: [" ", _jsx(Link, { className: "text-sm no-underline font-normal", href: (_2 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _2 === void 0 ? void 0 : _2.appPrivacyPolicy, children: "Privacy Policy." })] })] }), ((_3 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _3 === void 0 ? void 0 : _3.copyright) !== "" &&
+                                _jsx("div", { className: "mt-1", children: _jsx("p", { className: "m-0 text-sm font-normal", children: (_4 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _4 === void 0 ? void 0 : _4.copyright }) })] }), ((_5 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _5 === void 0 ? void 0 : _5.authPagesLayout) === 'left' &&
+                        _jsx("div", { className: ((_6 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _6 === void 0 ? void 0 : _6.authPagesLayout) !== 'center' ? 'col-6 lg:col-5 xl:col-6  flex justify-content-center' : '', children: ((_7 = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _7 === void 0 ? void 0 : _7.showLegalLinks) === true &&
+                                _jsxs("p", { className: "solid-auth-input-label text-sm m-0 right", children: ["Made with ", _jsxs("svg", { className: "mx-1", width: "12px", height: "12px", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("g", { id: "SVGRepo_bgCarrier", "stroke-width": "0" }), _jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }), _jsxs("g", { id: "SVGRepo_iconCarrier", children: [" ", _jsx("path", { d: "M1.24264 8.24264L8 15L14.7574 8.24264C15.553 7.44699 16 6.36786 16 5.24264V5.05234C16 2.8143 14.1857 1 11.9477 1C10.7166 1 9.55233 1.55959 8.78331 2.52086L8 3.5L7.21669 2.52086C6.44767 1.55959 5.28338 1 4.05234 1C1.8143 1 0 2.8143 0 5.05234V5.24264C0 6.36786 0.44699 7.44699 1.24264 8.24264Z", fill: "#ff0000" }), " "] })] }), " in Mumbai"] }) })] }), _jsxs(SolidDialog, { visible: isRestricted, onHide: handleRegistration, header: "Access Restricted", headerClassName: "py-2", contentClassName: "px-0 pb-0", className: "solid-confirm-dialog ", footer: _jsx("div", { className: "flex align-items-center justify-content-start", children: _jsx(SolidButton, { size: "sm", onClick: handleRegistration, children: "Close" }) }), children: [_jsx(SolidDivider, { className: "m-0" }), _jsx("div", { className: "p-4", children: _jsx("p", { children: "Sign-up is not available. Please contact the admin." }) })] })] }));
 };
 //# sourceMappingURL=AuthLayout.js.map