@mesob/auth-react 0.3.5 → 0.4.1

package/dist/pages/profile/security.js

@@ -0,0 +1,44 @@
+"use client";
+import {
+  Security
+} from "../../chunk-OYHH7HQG.js";
+import "../../chunk-5F5FZMHE.js";
+import "../../chunk-ZG6WFZHX.js";
+import "../../chunk-C26NPUPI.js";
+import "../../chunk-MS2JUZ3N.js";
+import "../../chunk-MELNS4QH.js";
+import "../../chunk-EQ4346FE.js";
+import "../../chunk-KWG4DSB5.js";
+import "../../chunk-OQGJX37L.js";
+import "../../chunk-FFR5UHTS.js";
+import "../../chunk-GP7GIUI3.js";
+import "../../chunk-V2W3WPCZ.js";
+import "../../chunk-QNCE2B5O.js";
+import "../../chunk-72YRO3A7.js";
+
+// src/pages/profile/security.tsx
+import {
+  PageBody,
+  PageContainer,
+  PageTitle,
+  useBreadcrumbs
+} from "@mesob/ui/components";
+import { IconShieldLock } from "@tabler/icons-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ProfileSecurityPage() {
+  useBreadcrumbs({
+    items: [
+      { label: "Home", href: "/dashboard" },
+      { label: "Profile", href: "/profile/security" },
+      { label: "Security" }
+    ]
+  });
+  return /* @__PURE__ */ jsxs(PageContainer, { className: "flex flex-1 flex-col overflow-auto p-4 pt-0 lg:p-6 lg:pt-0", children: [
+    /* @__PURE__ */ jsx(PageTitle, { icon: /* @__PURE__ */ jsx(IconShieldLock, { className: "size-5" }), children: "Security" }),
+    /* @__PURE__ */ jsx(PageBody, { className: "px-0 pb-6", children: /* @__PURE__ */ jsx(Security, {}) })
+  ] });
+}
+export {
+  ProfileSecurityPage as default
+};
+//# sourceMappingURL=security.js.map

package/dist/pages/profile/security.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/pages/profile/security.tsx"],"sourcesContent":["'use client';\n\nimport {\n  PageBody,\n  PageContainer,\n  PageTitle,\n  useBreadcrumbs,\n} from '@mesob/ui/components';\nimport { IconShieldLock } from '@tabler/icons-react';\nimport { Security } from '../../components/profile/security';\n\nexport default function ProfileSecurityPage() {\n  useBreadcrumbs({\n    items: [\n      { label: 'Home', href: '/dashboard' },\n      { label: 'Profile', href: '/profile/security' },\n      { label: 'Security' },\n    ],\n  });\n\n  return (\n    <PageContainer className=\"flex flex-1 flex-col overflow-auto p-4 pt-0 lg:p-6 lg:pt-0\">\n      <PageTitle icon={<IconShieldLock className=\"size-5\" />}>\n        Security\n      </PageTitle>\n      <PageBody className=\"px-0 pb-6\">\n        <Security />\n      </PageBody>\n    </PageContainer>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAa3B,SACmB,KADnB;AAVW,SAAR,sBAAuC;AAC5C,iBAAe;AAAA,IACb,OAAO;AAAA,MACL,EAAE,OAAO,QAAQ,MAAM,aAAa;AAAA,MACpC,EAAE,OAAO,WAAW,MAAM,oBAAoB;AAAA,MAC9C,EAAE,OAAO,WAAW;AAAA,IACtB;AAAA,EACF,CAAC;AAED,SACE,qBAAC,iBAAc,WAAU,8DACvB;AAAA,wBAAC,aAAU,MAAM,oBAAC,kBAAe,WAAU,UAAS,GAAI,sBAExD;AAAA,IACA,oBAAC,YAAS,WAAU,aAClB,8BAAC,YAAS,GACZ;AAAA,KACF;AAEJ;","names":[]}

package/dist/provider.d.ts

@@ -0,0 +1,53 @@
+import type { ReactNode } from 'react';
+import { type AuthClientConfig, type AuthResponse, type Session, type User } from './types';
+type OpenApiHooks = any;
+/**
+ * @deprecated Cookie is httpOnly and cannot be read client-side.
+ * Use `useSession().isAuthenticated` instead.
+ * This function always returns false on client.
+ */
+export declare function hasAuthCookie(_cookieName: string): boolean;
+export type AuthStatus = 'loading' | 'authenticated' | 'unauthenticated';
+type AuthState = {
+    user: User | null;
+    session: Session | null;
+    status: AuthStatus;
+    error: Error | null;
+};
+type SessionContextValue = AuthState & {
+    isLoading: boolean;
+    isAuthenticated: boolean;
+    refresh: () => Promise<void>;
+    signOut: () => Promise<void>;
+};
+type ApiContextValue = {
+    hooks: OpenApiHooks;
+    setAuth: (auth: AuthResponse) => void;
+    clearAuth: () => void;
+    refresh: () => Promise<void>;
+};
+type ConfigContextValue = {
+    config: AuthClientConfig;
+    cookieName: string;
+    t: (key: string, params?: Record<string, string | number>) => string;
+};
+/**
+ * Get session state including user, session, and auth status.
+ * - `status`: 'loading' | 'authenticated' | 'unauthenticated'
+ * - `isLoading`: true while fetching session
+ * - `isAuthenticated`: true if user and session exist
+ */
+export declare function useSession(): SessionContextValue;
+export declare function useApi(): ApiContextValue;
+export declare function useConfig(): ConfigContextValue;
+/**
+ * @deprecated Cookie is httpOnly, can't be checked client-side.
+ * Use `useSession().isAuthenticated` instead.
+ */
+export declare function useHasAuthCookie(): boolean;
+type MesobAuthProviderProps = {
+    config: AuthClientConfig;
+    children: ReactNode;
+};
+export declare function MesobAuthProvider({ config, children, }: MesobAuthProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types.d.ts

@@ -0,0 +1,96 @@
+import type { PermissionTree } from '@mesob/common';
+export type UIConfig = {
+    logo: React.ReactNode;
+    name: React.ReactNode;
+    logoImage?: string;
+};
+export type FeaturesConfig = {
+    enableSignup?: boolean;
+    enablePasswordReset?: boolean;
+    enableEmailSignup?: boolean;
+    enablePhoneSignup?: boolean;
+    enableSocialSignup?: boolean;
+    socialProviders?: string[];
+};
+export type TenantConfig = {
+    enabled: boolean;
+    tenantId: string;
+};
+export type NavigationConfig = {
+    locale?: string;
+    defaultRedirectUrl?: string;
+    onNavigate?: (path: string) => void;
+    linkComponent?: React.ComponentType<React.ComponentProps<'a'> & {
+        href: string;
+    }>;
+    links?: {
+        signIn?: string;
+        signUp?: string;
+        forgotPassword?: string;
+        setPassword?: string;
+    };
+};
+export type AuthClientConfig = {
+    baseURL: string;
+    ui: UIConfig;
+    features?: FeaturesConfig;
+    tenant?: TenantConfig;
+    permissions?: PermissionTree;
+    navigation?: NavigationConfig;
+    messages?: Record<string, unknown>;
+    cookiePrefix?: string;
+    phoneRegex?: RegExp | string;
+};
+type DefaultAuthClientConfig = {
+    readonly features: {
+        readonly enableSignup: true;
+        readonly enablePasswordReset: true;
+        readonly enableEmailSignup: true;
+        readonly enablePhoneSignup: true;
+        readonly enableSocialSignup: false;
+        readonly socialProviders: [];
+    };
+    readonly navigation: {
+        readonly locale: 'en';
+    };
+    readonly cookiePrefix: 'msb';
+    readonly phoneRegex: RegExp;
+};
+export declare const defaultAuthClientConfig: DefaultAuthClientConfig;
+export type User = {
+    id: string;
+    tenantId: string;
+    fullName: string;
+    email: string | null;
+    phone: string | null;
+    handle?: string;
+    image: string | null;
+    emailVerified: boolean;
+    phoneVerified: boolean;
+    lastSignInAt?: string | null;
+    /** Role IDs */
+    roles?: string[] | null;
+    roleCodes?: string[] | null;
+    permissions?: string[] | null;
+};
+export type Session = {
+    id?: string;
+    expiresAt: string;
+    createdAt?: string;
+    userAgent?: string | null;
+    ip?: string | null;
+};
+export type AuthResponse = {
+    user: User;
+    session: Session;
+    sessionToken?: string;
+    sessionExpiresAt?: string;
+};
+export type AuthErrorCode = 'USER_NOT_FOUND' | 'INVALID_PASSWORD' | 'USER_EXISTS' | 'VERIFICATION_EXPIRED' | 'VERIFICATION_MISMATCH' | 'VERIFICATION_NOT_FOUND' | 'TOO_MANY_ATTEMPTS' | 'REQUIRES_VERIFICATION' | 'UNAUTHORIZED' | 'ACCESS_DENIED' | 'HAS_NO_PASSWORD' | 'PASSWORD_ALREADY_SET';
+export type AuthError = {
+    message: string;
+    code?: AuthErrorCode;
+    status?: number;
+    details?: Record<string, unknown>;
+};
+export {};

package/dist/utils/cookie.d.ts

@@ -0,0 +1,2 @@
+import type { AuthClientConfig } from '../types';
+export declare const getSessionCookieName: (config: AuthClientConfig) => string;

package/dist/utils/custom-fetch.d.ts

@@ -0,0 +1,2 @@
+import type { AuthClientConfig } from '../types';
+export declare const createCustomFetch: (_config: AuthClientConfig) => (input: RequestInfo | URL, init?: RequestInit) => Promise<Response>;

package/dist/utils/handle-error.d.ts

@@ -0,0 +1,7 @@
+export type AuthErrorContent = {
+    title: string;
+    description: string;
+};
+type TranslatorFunction = (key: string, params?: Record<string, string | number>) => string;
+export declare const handleError: (err: unknown, setError: (error: AuthErrorContent | null) => void, t: TranslatorFunction) => void;
+export {};

package/dist/utils/normalize-phone.d.ts

@@ -0,0 +1 @@
+export declare function normalizePhone(phone: string): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mesob/auth-react",
-  "version": "0.3.5",
+  "version": "0.4.1",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -13,6 +13,102 @@
     "./components/*": {
       "types": "./dist/components/*.d.ts",
       "default": "./dist/components/*.js"
+    },
+    "./pages/auth/layout": {
+      "types": "./dist/pages/auth/layout.d.ts",
+      "default": "./dist/pages/auth/layout.js"
+    },
+    "./pages/auth/sign-in": {
+      "types": "./dist/pages/auth/sign-in.d.ts",
+      "default": "./dist/pages/auth/sign-in.js"
+    },
+    "./pages/auth/sign-up": {
+      "types": "./dist/pages/auth/sign-up.d.ts",
+      "default": "./dist/pages/auth/sign-up.js"
+    },
+    "./pages/auth/forgot-password": {
+      "types": "./dist/pages/auth/forgot-password.d.ts",
+      "default": "./dist/pages/auth/forgot-password.js"
+    },
+    "./pages/auth/reset-password": {
+      "types": "./dist/pages/auth/reset-password.d.ts",
+      "default": "./dist/pages/auth/reset-password.js"
+    },
+    "./pages/auth/verify-email": {
+      "types": "./dist/pages/auth/verify-email.d.ts",
+      "default": "./dist/pages/auth/verify-email.js"
+    },
+    "./pages/auth/set-password": {
+      "types": "./dist/pages/auth/set-password.d.ts",
+      "default": "./dist/pages/auth/set-password.js"
+    },
+    "./pages/auth/verify-phone": {
+      "types": "./dist/pages/auth/verify-phone.d.ts",
+      "default": "./dist/pages/auth/verify-phone.js"
+    },
+    "./pages/profile/layout": {
+      "types": "./dist/pages/profile/layout.d.ts",
+      "default": "./dist/pages/profile/layout.js"
+    },
+    "./pages/profile/account": {
+      "types": "./dist/pages/profile/account.d.ts",
+      "default": "./dist/pages/profile/account.js"
+    },
+    "./pages/profile/security": {
+      "types": "./dist/pages/profile/security.d.ts",
+      "default": "./dist/pages/profile/security.js"
+    },
+    "./pages/iam/users": {
+      "types": "./dist/pages/iam/users.d.ts",
+      "default": "./dist/pages/iam/users.js"
+    },
+    "./pages/iam/user-detail-layout": {
+      "types": "./dist/pages/iam/user-detail-layout.d.ts",
+      "default": "./dist/pages/iam/user-detail-layout.js"
+    },
+    "./pages/iam/user-detail": {
+      "types": "./dist/pages/iam/user-detail.d.ts",
+      "default": "./dist/pages/iam/user-detail.js"
+    },
+    "./pages/iam/user-activity": {
+      "types": "./dist/pages/iam/user-activity.d.ts",
+      "default": "./dist/pages/iam/user-activity.js"
+    },
+    "./pages/iam/roles": {
+      "types": "./dist/pages/iam/roles.d.ts",
+      "default": "./dist/pages/iam/roles.js"
+    },
+    "./pages/iam/role-detail-layout": {
+      "types": "./dist/pages/iam/role-detail-layout.d.ts",
+      "default": "./dist/pages/iam/role-detail-layout.js"
+    },
+    "./pages/iam/role-detail": {
+      "types": "./dist/pages/iam/role-detail.d.ts",
+      "default": "./dist/pages/iam/role-detail.js"
+    },
+    "./pages/iam/role-users": {
+      "types": "./dist/pages/iam/role-users.d.ts",
+      "default": "./dist/pages/iam/role-users.js"
+    },
+    "./pages/iam/role-permissions": {
+      "types": "./dist/pages/iam/role-permissions.d.ts",
+      "default": "./dist/pages/iam/role-permissions.js"
+    },
+    "./pages/iam/tenants": {
+      "types": "./dist/pages/iam/tenants.d.ts",
+      "default": "./dist/pages/iam/tenants.js"
+    },
+    "./pages/iam/tenant-detail": {
+      "types": "./dist/pages/iam/tenant-detail.d.ts",
+      "default": "./dist/pages/iam/tenant-detail.js"
+    },
+    "./pages/iam/sessions": {
+      "types": "./dist/pages/iam/sessions.d.ts",
+      "default": "./dist/pages/iam/sessions.js"
+    },
+    "./pages/iam/permissions": {
+      "types": "./dist/pages/iam/permissions.d.ts",
+      "default": "./dist/pages/iam/permissions.js"
     }
   },
   "files": [
@@ -20,24 +116,27 @@
   ],
   "dependencies": {
     "@hookform/resolvers": "^5.2.2",
+    "@mesob/common": "^0.4.1",
+    "@mesob/ui": "^0.4.1",
     "@tabler/icons-react": "^3.35.0",
     "deepmerge-ts": "^7.1.5",
     "openapi-fetch": "^0.15.0",
     "openapi-react-query": "^0.5.1",
     "react-hook-form": "^7.66.1",
     "sonner": "^2.0.7",
-    "zod": "^4.1.12",
-    "@mesob/ui": "0.3.5"
+    "zod": "^4.1.12"
   },
   "devDependencies": {
     "@types/react": "^19",
     "@types/react-dom": "^19",
+    "next": "^16.1.1",
     "openapi-typescript": "^7.0.0",
     "tsup": "^8.5.0",
     "typescript": "^5.7.2"
   },
   "peerDependencies": {
     "@tanstack/react-query": "^5.0.0",
+    "next": "^16.0.0",
     "next-intl": "^4.0.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0"
@@ -46,7 +145,7 @@
     "access": "public"
   },
   "scripts": {
-    "build": "tsup",
+    "build": "tsup && pnpm exec tsc --noEmit false --emitDeclarationOnly --declaration --declarationMap false --outDir dist-types && cp -R dist-types/auth-react/src/. dist/ && rm -rf dist-types",
     "dev": "tsup --watch",
     "generate:client": "node scripts/generate-client.mjs",
     "lint": "biome check --write .",

package/dist/types-vcfvnAzQ.d.ts

@@ -1,69 +0,0 @@
-type UIConfig = {
-    logo: React.ReactNode;
-    name: React.ReactNode;
-    logoImage?: string;
-};
-type FeaturesConfig = {
-    enableSignup?: boolean;
-    enablePasswordReset?: boolean;
-    enableEmailSignup?: boolean;
-    enablePhoneSignup?: boolean;
-    enableSocialSignup?: boolean;
-    socialProviders?: string[];
-};
-type TenantConfig = {
-    enabled: boolean;
-    tenantId: string;
-};
-type NavigationConfig = {
-    locale?: string;
-    defaultRedirectUrl?: string;
-    onNavigate?: (path: string) => void;
-    linkComponent?: React.ComponentType<React.ComponentProps<'a'> & {
-        href: string;
-    }>;
-    links?: {
-        signIn?: string;
-        signUp?: string;
-        forgotPassword?: string;
-    };
-};
-type AuthClientConfig = {
-    baseURL: string;
-    ui: UIConfig;
-    features?: FeaturesConfig;
-    tenant?: TenantConfig;
-    navigation?: NavigationConfig;
-    messages?: Record<string, unknown>;
-    cookiePrefix?: string;
-    phoneRegex?: RegExp | string;
-};
-type User = {
-    id: string;
-    tenantId: string;
-    fullName: string;
-    email: string | null;
-    phone: string | null;
-    handle: string;
-    image: string | null;
-    emailVerified: boolean;
-    phoneVerified: boolean;
-    lastSignInAt: string | null;
-    /** Role IDs */
-    roles?: string[] | null;
-};
-type Session = {
-    id: string;
-    expiresAt: string;
-    createdAt?: string;
-    userAgent: string | null;
-    ip: string | null;
-};
-type AuthResponse = {
-    user: User;
-    session: Session;
-    sessionToken: string;
-    sessionExpiresAt: string;
-};
-
-export type { AuthClientConfig as A, Session as S, User as U, AuthResponse as a };

package/dist/verification-form-ipSRTtQB.d.ts

@@ -1,22 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-type AuthErrorContent = {
-    title: string;
-    description: string;
-};
-type TranslatorFunction = (key: string, params?: Record<string, string | number>) => string;
-declare const handleError: (err: unknown, setError: (error: AuthErrorContent | null) => void, t: TranslatorFunction) => void;
-
-type VerificationFormValues = {
-    code: string;
-};
-type VerificationFormProps = {
-    verificationId: string;
-    onSubmit: (values: VerificationFormValues) => Promise<void> | void;
-    onResend: () => Promise<void> | void;
-    isLoading?: boolean;
-    error?: AuthErrorContent | string | null;
-};
-declare const VerificationForm: ({ onSubmit, onResend, isLoading, }: VerificationFormProps) => react_jsx_runtime.JSX.Element;
-
-export { type AuthErrorContent as A, VerificationForm as V, handleError as h };