@zango-core/appbuilder 1.0.0-rc.1

package/dist/types/App.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { AuthConfig } from './types';
+interface AppProps {
+    customPages?: Record<string, React.ComponentType<Record<string, unknown>>>;
+    config?: Record<string, unknown>;
+    layoutConfig?: Record<string, unknown>;
+    topbarConfig?: Record<string, unknown>;
+    navbarConfig?: Record<string, unknown>;
+    customComponents?: Record<string, unknown>;
+    authConfig?: AuthConfig;
+    appInitializerEndpoint?: string;
+}
+export declare const App: React.FC<AppProps>;
+export {};

package/dist/types/__tests__/mocks/data/appInitData.d.ts

@@ -0,0 +1,197 @@
+export declare const mockRoutes: ({
+    path: string;
+    page_type: string;
+    component: string;
+    entity: null;
+    extra_params: {
+        api_endpoint?: undefined;
+    };
+} | {
+    path: string;
+    page_type: string;
+    entity: string;
+    extra_params: {
+        api_endpoint: string;
+    };
+    component?: undefined;
+} | {
+    path: string;
+    page_type: string;
+    entity: string;
+    extra_params: {
+        api_endpoint?: undefined;
+    };
+    component?: undefined;
+})[];
+export declare const mockMenu: {
+    id: string;
+    name: string;
+    uri: string;
+    icon: string;
+    children: never[];
+}[];
+export declare const mockTheme: {
+    colors: {
+        primary: string;
+        success: string;
+        warning: string;
+        error: string;
+        gray: string;
+    };
+    typography: {
+        fontFamily: string;
+        fontSize: string;
+    };
+};
+export declare const mockProfileInfo: {
+    id: number;
+    email: string;
+    name: string;
+    first_name: string;
+    last_name: string;
+    avatar: null;
+    role: string;
+};
+export declare const mockSessionSecurity: {
+    enabled: boolean;
+    ping_url: string;
+    warn_after: number;
+    expire_after: number;
+};
+export declare const mockAppInitAuthenticated: {
+    success: boolean;
+    response: {
+        app_name: string;
+        is_user_anonymous: boolean;
+        routes: ({
+            path: string;
+            page_type: string;
+            component: string;
+            entity: null;
+            extra_params: {
+                api_endpoint?: undefined;
+            };
+        } | {
+            path: string;
+            page_type: string;
+            entity: string;
+            extra_params: {
+                api_endpoint: string;
+            };
+            component?: undefined;
+        } | {
+            path: string;
+            page_type: string;
+            entity: string;
+            extra_params: {
+                api_endpoint?: undefined;
+            };
+            component?: undefined;
+        })[];
+        menu: {
+            id: string;
+            name: string;
+            uri: string;
+            icon: string;
+            children: never[];
+        }[];
+        profile_info: {
+            id: number;
+            email: string;
+            name: string;
+            first_name: string;
+            last_name: string;
+            avatar: null;
+            role: string;
+        };
+        app_logo: string;
+        metadata: {
+            version: string;
+        };
+        theme: {
+            colors: {
+                primary: string;
+                success: string;
+                warning: string;
+                error: string;
+                gray: string;
+            };
+            typography: {
+                fontFamily: string;
+                fontSize: string;
+            };
+        };
+        session_security: {
+            enabled: boolean;
+            ping_url: string;
+            warn_after: number;
+            expire_after: number;
+        };
+    };
+};
+export declare const mockAppInitAnonymous: {
+    success: boolean;
+    response: {
+        app_name: string;
+        is_user_anonymous: boolean;
+        routes: never[];
+        menu: never[];
+        profile_info: null;
+        app_logo: string;
+        metadata: {};
+        theme: {
+            colors: {
+                primary: string;
+                success: string;
+                warning: string;
+                error: string;
+                gray: string;
+            };
+            typography: {
+                fontFamily: string;
+                fontSize: string;
+            };
+        };
+        session_security: null;
+    };
+};
+export declare const mockAppInitNoMenu: {
+    success: boolean;
+    response: {
+        app_name: string;
+        is_user_anonymous: boolean;
+        routes: never[];
+        menu: never[];
+        profile_info: {
+            id: number;
+            email: string;
+            name: string;
+            first_name: string;
+            last_name: string;
+            avatar: null;
+            role: string;
+        };
+        app_logo: string;
+        metadata: {};
+        theme: {
+            colors: {
+                primary: string;
+                success: string;
+                warning: string;
+                error: string;
+                gray: string;
+            };
+            typography: {
+                fontFamily: string;
+                fontSize: string;
+            };
+        };
+        session_security: null;
+    };
+};
+export declare const mockAppInitError: {
+    success: boolean;
+    response: {
+        message: string;
+    };
+};

package/dist/types/__tests__/mocks/data/authConfigData.d.ts

@@ -0,0 +1,356 @@
+export declare const mockAuthConfig: {
+    login_methods: {
+        password: {
+            enabled: boolean;
+            allowed_usernames: string[];
+        };
+        otp: {
+            enabled: boolean;
+            allowed_usernames: string[];
+        };
+    };
+    forgot_password: {
+        enabled: boolean;
+    };
+    remember_me: {
+        enabled: boolean;
+        default: boolean;
+    };
+    password_policy: {
+        min_length: number;
+        max_length: number;
+        require_numbers: boolean;
+        require_lowercase: boolean;
+        require_uppercase: boolean;
+        require_special_chars: boolean;
+    };
+    two_factor: {
+        enabled: boolean;
+        methods: string[];
+    };
+    sso_providers: never[];
+    oidc_providers: never[];
+    theme: {
+        primary_color: string;
+        background: {
+            color: string;
+        };
+        logo: {
+            url: string;
+        };
+        card: {
+            background_color: string;
+            border_radius: string;
+        };
+    };
+};
+export declare const mockAuthConfigPasswordOnly: {
+    login_methods: {
+        password: {
+            enabled: boolean;
+            allowed_usernames: string[];
+        };
+        otp: {
+            enabled: boolean;
+        };
+    };
+    forgot_password: {
+        enabled: boolean;
+    };
+    remember_me: {
+        enabled: boolean;
+        default: boolean;
+    };
+    password_policy: {
+        min_length: number;
+        max_length: number;
+        require_numbers: boolean;
+        require_lowercase: boolean;
+        require_uppercase: boolean;
+        require_special_chars: boolean;
+    };
+    two_factor: {
+        enabled: boolean;
+        methods: string[];
+    };
+    sso_providers: never[];
+    oidc_providers: never[];
+    theme: {
+        primary_color: string;
+        background: {
+            color: string;
+        };
+        logo: {
+            url: string;
+        };
+        card: {
+            background_color: string;
+            border_radius: string;
+        };
+    };
+};
+export declare const mockAuthConfigOTPOnly: {
+    login_methods: {
+        password: {
+            enabled: boolean;
+        };
+        otp: {
+            enabled: boolean;
+            allowed_usernames: string[];
+        };
+    };
+    forgot_password: {
+        enabled: boolean;
+    };
+    remember_me: {
+        enabled: boolean;
+        default: boolean;
+    };
+    password_policy: {
+        min_length: number;
+        max_length: number;
+        require_numbers: boolean;
+        require_lowercase: boolean;
+        require_uppercase: boolean;
+        require_special_chars: boolean;
+    };
+    two_factor: {
+        enabled: boolean;
+        methods: string[];
+    };
+    sso_providers: never[];
+    oidc_providers: never[];
+    theme: {
+        primary_color: string;
+        background: {
+            color: string;
+        };
+        logo: {
+            url: string;
+        };
+        card: {
+            background_color: string;
+            border_radius: string;
+        };
+    };
+};
+export declare const mockAuthConfigWithSSO: {
+    sso_providers: {
+        id: string;
+        name: string;
+        type: string;
+        icon: string;
+    }[];
+    login_methods: {
+        password: {
+            enabled: boolean;
+            allowed_usernames: string[];
+        };
+        otp: {
+            enabled: boolean;
+            allowed_usernames: string[];
+        };
+    };
+    forgot_password: {
+        enabled: boolean;
+    };
+    remember_me: {
+        enabled: boolean;
+        default: boolean;
+    };
+    password_policy: {
+        min_length: number;
+        max_length: number;
+        require_numbers: boolean;
+        require_lowercase: boolean;
+        require_uppercase: boolean;
+        require_special_chars: boolean;
+    };
+    two_factor: {
+        enabled: boolean;
+        methods: string[];
+    };
+    oidc_providers: never[];
+    theme: {
+        primary_color: string;
+        background: {
+            color: string;
+        };
+        logo: {
+            url: string;
+        };
+        card: {
+            background_color: string;
+            border_radius: string;
+        };
+    };
+};
+export declare const mockAuthConfigWithOIDC: {
+    oidc_providers: {
+        id: string;
+        name: string;
+        authorization_endpoint: string;
+        client_id: string;
+        icon: string;
+    }[];
+    login_methods: {
+        password: {
+            enabled: boolean;
+            allowed_usernames: string[];
+        };
+        otp: {
+            enabled: boolean;
+            allowed_usernames: string[];
+        };
+    };
+    forgot_password: {
+        enabled: boolean;
+    };
+    remember_me: {
+        enabled: boolean;
+        default: boolean;
+    };
+    password_policy: {
+        min_length: number;
+        max_length: number;
+        require_numbers: boolean;
+        require_lowercase: boolean;
+        require_uppercase: boolean;
+        require_special_chars: boolean;
+    };
+    two_factor: {
+        enabled: boolean;
+        methods: string[];
+    };
+    sso_providers: never[];
+    theme: {
+        primary_color: string;
+        background: {
+            color: string;
+        };
+        logo: {
+            url: string;
+        };
+        card: {
+            background_color: string;
+            border_radius: string;
+        };
+    };
+};
+export declare const mockLoginSuccess: {
+    success: boolean;
+    response: {
+        status: number;
+        data: {
+            user: {
+                id: number;
+                email: string;
+                name: string;
+            };
+        };
+        meta: {
+            is_authenticated: boolean;
+        };
+    };
+};
+export declare const mockLoginWithRoleSelection: {
+    success: boolean;
+    response: {
+        status: number;
+        data: {
+            next_step: {
+                id: string;
+                is_pending: boolean;
+                metadata: {
+                    roles: {
+                        id: string;
+                        name: string;
+                        is_default: boolean;
+                    }[];
+                };
+            };
+        };
+    };
+};
+export declare const mockLoginWith2FA: {
+    success: boolean;
+    response: {
+        status: number;
+        data: {
+            next_step: {
+                id: string;
+                is_pending: boolean;
+                metadata: {
+                    methods: string[];
+                    masked_email: string;
+                    masked_phone: string;
+                };
+            };
+        };
+    };
+};
+export declare const mockLoginWithPasswordReset: {
+    success: boolean;
+    response: {
+        status: number;
+        data: {
+            next_step: {
+                id: string;
+                is_pending: boolean;
+                metadata: {
+                    reason: string;
+                    password_policy: {
+                        min_length: number;
+                        max_length: number;
+                        require_numbers: boolean;
+                        require_lowercase: boolean;
+                        require_uppercase: boolean;
+                        require_special_chars: boolean;
+                    };
+                };
+            };
+        };
+    };
+};
+export declare const mockLoginWithPasswordExpiry: {
+    success: boolean;
+    response: {
+        status: number;
+        data: {
+            next_step: {
+                id: string;
+                is_pending: boolean;
+                metadata: {
+                    reason: string;
+                    password_policy: {
+                        min_length: number;
+                        max_length: number;
+                        require_numbers: boolean;
+                        require_lowercase: boolean;
+                        require_uppercase: boolean;
+                        require_special_chars: boolean;
+                    };
+                };
+            };
+        };
+    };
+};
+export declare const mockLoginError: {
+    success: boolean;
+    response: {
+        status: number;
+        errors: {
+            message: string;
+        }[];
+    };
+};
+export declare const mockAccountLocked: {
+    success: boolean;
+    response: {
+        status: number;
+        data: {
+            error_code: string;
+            message: string;
+        };
+    };
+};

package/dist/types/__tests__/mocks/externalPackages.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Mocks for external peer dependencies that aren't available in CI.
+ * These packages (@zango-core/crud, @zango-core/components, @zango-core/training)
+ * are peer dependencies and may not be installed during test runs.
+ */
+export declare const CrudHandler: () => null;
+export declare const Button: () => null;
+export declare const Card: () => null;
+export declare const Spin: () => null;
+export declare const Alert: () => null;
+export declare const Input: () => null;
+export declare const PasswordInput: () => null;
+export declare const Checkbox: () => null;
+export declare const Select: () => null;
+export declare const Space: () => null;
+export declare const Tag: () => null;
+export declare const Badge: () => null;
+export declare const Tabs: () => null;
+export declare const Divider: () => null;
+export declare const Drawer: () => null;
+export declare const Progress: () => null;
+export declare const Result: () => null;
+export declare const Segmented: () => null;
+export declare const Form: () => null;
+export declare const FormItem: () => null;
+export declare const Layout: () => null;
+export declare const Toaster: () => null;
+export declare const Dialog: () => null;
+export declare const DialogFooter: () => null;
+export declare const Typography: {
+    Text: () => null;
+    Title: () => null;
+    Paragraph: () => null;
+};
+export declare const toast: {
+    success: () => void;
+    error: () => void;
+    info: () => void;
+    warning: () => void;
+};
+declare const _default: {};
+export default _default;

package/dist/types/__tests__/mocks/handlers/appInit.handlers.d.ts

@@ -0,0 +1,3 @@
+export declare const appInitHandlers: import('msw').HttpHandler[];
+export declare const useAnonymousAppInit: () => import('msw').HttpHandler;
+export declare const useCustomAppInit: (response: unknown) => import('msw').HttpHandler;

package/dist/types/__tests__/mocks/handlers/auth.handlers.d.ts

@@ -0,0 +1 @@
+export declare const authHandlers: import('msw').HttpHandler[];

package/dist/types/__tests__/mocks/handlers/index.d.ts

@@ -0,0 +1,5 @@
+export declare const handlers: import('msw').HttpHandler[];
+export { appInitHandlers, useAnonymousAppInit, useCustomAppInit } from './appInit.handlers';
+export { authHandlers } from './auth.handlers';
+export { profileHandlers } from './profile.handlers';
+export { sessionHandlers, useExpiredSession } from './session.handlers';

package/dist/types/__tests__/mocks/handlers/profile.handlers.d.ts

@@ -0,0 +1,15 @@
+declare const mockUserProfile: {
+    id: number;
+    email: string;
+    name: string;
+    first_name: string;
+    last_name: string;
+    phone: string;
+    avatar: null;
+    role: string;
+    is_active: boolean;
+    created_at: string;
+    updated_at: string;
+};
+export declare const profileHandlers: import('msw').HttpHandler[];
+export { mockUserProfile };

package/dist/types/__tests__/mocks/handlers/session.handlers.d.ts

@@ -0,0 +1,2 @@
+export declare const sessionHandlers: import('msw').HttpHandler[];
+export declare const useExpiredSession: () => import('msw').HttpHandler;

package/dist/types/__tests__/setup/setupMSW.d.ts

@@ -0,0 +1 @@
+export declare const server: import('msw/node').SetupServer;

package/dist/types/__tests__/setup/setupTests.d.ts

@@ -0,0 +1,34 @@
+import { vi } from 'vitest';
+declare const locationMock: {
+    href: string;
+    pathname: string;
+    search: string;
+    hash: string;
+    origin: string;
+    host: string;
+    hostname: string;
+    port: string;
+    protocol: string;
+    assign: import('vitest').Mock<import('@vitest/spy').Procedure>;
+    replace: import('vitest').Mock<import('@vitest/spy').Procedure>;
+    reload: import('vitest').Mock<import('@vitest/spy').Procedure>;
+};
+interface StorageMock {
+    store: Record<string, string>;
+    getItem: ReturnType<typeof vi.fn>;
+    setItem: ReturnType<typeof vi.fn>;
+    removeItem: ReturnType<typeof vi.fn>;
+    clear: ReturnType<typeof vi.fn>;
+    length: number;
+    key: ReturnType<typeof vi.fn>;
+}
+export declare const localStorageMock: StorageMock;
+export declare const sessionStorageMock: StorageMock;
+export declare const setCookie: (name: string, value: string) => void;
+export declare const getCookie: (name: string) => string | undefined;
+export declare const deleteCookie: (name: string) => void;
+export declare const clearAllCookies: () => void;
+export declare const getAllCookies: () => Record<string, string>;
+export declare const setMockLocation: (location: Partial<typeof locationMock>) => void;
+export declare const resetMockLocation: () => void;
+export {};