@joelbarron/react-web-dev-kit 0.1.0

package/README.md

@@ -0,0 +1,236 @@
+# @joelbarron/react-web-dev-kit
+
+Core reusable para apps web React.
+
+Incluye:
+- `auth` (`createAuthClient` para `jb-drf-auth`)
+- `config` (`createJBWebConfig`, overrides por stage/env)
+- `forms` (`JBTextField`, `JBSelectField`, `JBCheckboxField`, `JBSwitchField`, `JBRadioGroupField`, `JBDatePickerField`, `JBTimePickerField`)
+- `grid` (`JBGrid`, `JBGridHeader`, providers)
+- `hooks` y `utils`
+
+## Documentacion por secciones
+
+- [Indice docs](./docs/README.md)
+- [Auth](./docs/auth.md)
+- [Config](./docs/config.md)
+- [Forms](./docs/forms.md)
+- [Grid](./docs/grid.md)
+- [Query](./docs/query.md)
+- [Hooks](./docs/hooks.md)
+- [Utils](./docs/utils.md)
+
+## Instalacion
+
+```bash
+npm i @joelbarron/react-web-dev-kit
+```
+
+## Auth
+
+```ts
+import { createAuthClient } from '@joelbarron/react-web-dev-kit';
+
+export const authClient = createAuthClient({
+  apiBaseUrl: import.meta.env.VITE_API_URL,
+  onUnauthorized: () => {
+    // ejemplo: limpiar estado y redirigir
+  }
+});
+
+await authClient.loginBasic({
+  login: 'demo@mail.com',
+  password: 'secret',
+  client: 'web'
+});
+
+const me = await authClient.getMe();
+```
+
+### Auth Provider + Hook
+
+```tsx
+import { JBAuthProvider, useJBAuth, createAuthClient } from '@joelbarron/react-web-dev-kit/auth';
+
+const authClient = createAuthClient({
+  apiBaseUrl: import.meta.env.VITE_API_URL
+});
+
+function Root() {
+  return (
+    <JBAuthProvider authClient={authClient}>
+      <App />
+    </JBAuthProvider>
+  );
+}
+```
+
+### Auth Routes Factory
+
+```tsx
+import { createAuthRoutes } from '@joelbarron/react-web-dev-kit/auth';
+
+const authRoutes = createAuthRoutes({
+  pages: {
+    signIn: SignInPage,
+    signUp: SignUpPage,
+    forgotPassword: ForgotPasswordPage,
+    resetPassword: ResetPasswordPage,
+    signOut: SignOutPage
+  },
+  pageComponent: ({ children }) => <AuthLayout>{children}</AuthLayout>,
+  routeMeta: {
+    signIn: { auth: ['guest'] },
+    signUp: { auth: ['guest'] }
+  }
+});
+```
+
+### Auth Query Hooks (TanStack Query)
+
+```ts
+import { createAuthClient, createAuthQueryHooks } from '@joelbarron/react-web-dev-kit/auth';
+
+const authClient = createAuthClient({
+  apiBaseUrl: import.meta.env.VITE_API_URL
+});
+
+export const authQueryHooks = createAuthQueryHooks(authClient);
+```
+
+## Query Client
+
+```ts
+import { createReactWebQueryClient } from '@joelbarron/react-web-dev-kit/query';
+
+const queryClient = createReactWebQueryClient({
+  onUnauthorized: () => {
+    window.location.href = '/sign-in';
+  }
+});
+```
+
+### Auth Forms Base
+
+Tambien incluye formularios base para auth:
+- `AuthPasswordSignInForm`
+- `AuthForgotPasswordForm`
+- `AuthResetPasswordForm`
+
+```tsx
+import { AuthPasswordSignInForm } from '@joelbarron/react-web-dev-kit/auth';
+```
+
+## Config Global (overrideable)
+
+```ts
+import { createJBWebConfigFromEnv, getApiBaseUrl } from '@joelbarron/react-web-dev-kit/config';
+
+const appConfig = createJBWebConfigFromEnv(
+  {
+    stage: 'qa',
+    api: {
+      version: 'v1',
+      host: {
+        production: 'https://api.example.com',
+        qa: 'https://api-qa.example.com',
+        development: 'http://127.0.0.1:8000',
+        local: 'http://localhost:8000'
+      }
+    }
+  },
+  import.meta.env as Record<string, string | undefined>
+);
+
+const apiBaseUrl = getApiBaseUrl(appConfig);
+```
+
+## Forms (React Hook Form + MUI)
+
+```tsx
+import { Controller, useForm } from 'react-hook-form';
+import { JBDatePickerField, JBSelectField, JBTextField } from '@joelbarron/react-web-dev-kit';
+
+type FormValues = {
+  name: string;
+  status: string;
+  birthday: Date | null;
+};
+
+const options = [
+  { label: 'Active', value: 'ACTIVE' },
+  { label: 'Inactive', value: 'INACTIVE' }
+];
+
+function ExampleForm() {
+  const { control } = useForm<FormValues>({
+    defaultValues: { name: '', status: '', birthday: null }
+  });
+
+  return (
+    <>
+      <JBTextField
+        control={control}
+        name="name"
+        label="Name"
+        fullWidth
+      />
+      <JBSelectField
+        control={control}
+        name="status"
+        label="Status"
+        options={options}
+        fullWidth
+      />
+      <JBDatePickerField
+        control={control}
+        name="birthday"
+        label="Birthday"
+      />
+    </>
+  );
+}
+```
+
+## Grid
+
+```tsx
+import { JBGrid, JBGridHeader, JBGridConfig } from '@joelbarron/react-web-dev-kit';
+import { useState } from 'react';
+
+const gridConfig: JBGridConfig = {
+  columns: [
+    { name: 'id', title: 'ID' },
+    { name: 'name', title: 'Name' }
+  ],
+  columnsWidths: [
+    { columnName: 'id', width: 120 },
+    { columnName: 'name', width: 320 }
+  ],
+  defaults: {
+    pageSize: 10,
+    allowSelection: true
+  }
+};
+
+function ExampleGrid({ service }: { service: { list: Function } }) {
+  const [searchText, setSearchText] = useState('');
+
+  return (
+    <>
+      <JBGridHeader
+        title="Users"
+        searchText={searchText}
+        onSearchTextChange={setSearchText}
+      />
+      <JBGrid
+        gridConfig={gridConfig}
+        service={service as any}
+        searchText={searchText}
+        onSearchTextChange={setSearchText}
+        onRowSelected={(row) => console.log(row)}
+      />
+    </>
+  );
+}
+```

package/dist/auth/client.d.ts

@@ -0,0 +1,44 @@
+import { AxiosInstance } from 'axios';
+import { JBAppConfig } from '../config';
+import { AccountUpdatePayload, AccountConfirmationPayload, AccountConfirmationResendPayload, ApiDetailResponse, CreateAdminUserPayload, CreateProfilePayload, CreateAuthenticatedAxiosOptions, DeleteAccountPayload, JbDrfAuthConfig, JbDrfAuthEndpoints, JbDrfWebAuthResponse, LinkSocialPayload, LoginBasicPayload, LoginSocialPayload, PasswordChangePayload, PasswordResetConfirmPayload, PasswordResetRequestPayload, ProfilePicturePayload, ProfilesResponse, RegisterPayload, RefreshPayload, RequestOtpPayload, SwitchProfilePayload, TokenPair, TokenStorage, UnlinkSocialPayload, UpdateProfilePayload, VerifyOtpPayload } from './types';
+export declare const createAuthEndpoints: (basePath?: string) => JbDrfAuthEndpoints;
+export declare const defaultAuthEndpoints: JbDrfAuthEndpoints;
+export type AuthClient = {
+    endpoints: JbDrfAuthEndpoints;
+    tokenStorage: TokenStorage;
+    getAccessToken: () => string | null;
+    setAccessToken: (token: string) => void;
+    clearSession: () => void;
+    createPublicAxios: () => AxiosInstance;
+    createAuthenticatedAxios: (options?: CreateAuthenticatedAxiosOptions) => AxiosInstance;
+    createAuthenticatedAxiosWithRefresh: (options?: CreateAuthenticatedAxiosOptions) => AxiosInstance;
+    loginBasic: (payload: LoginBasicPayload) => Promise<JbDrfWebAuthResponse>;
+    loginSocial: (payload: LoginSocialPayload) => Promise<JbDrfWebAuthResponse>;
+    linkSocial: (payload: LinkSocialPayload) => Promise<Record<string, unknown>>;
+    unlinkSocial: (payload: UnlinkSocialPayload) => Promise<Record<string, unknown>>;
+    requestOtp: (payload: RequestOtpPayload) => Promise<Record<string, unknown>>;
+    verifyOtp: (payload: VerifyOtpPayload) => Promise<JbDrfWebAuthResponse>;
+    register: (payload: RegisterPayload) => Promise<ApiDetailResponse>;
+    confirmAccountEmail: (payload: AccountConfirmationPayload) => Promise<ApiDetailResponse>;
+    resendAccountConfirmation: (payload: AccountConfirmationResendPayload) => Promise<ApiDetailResponse>;
+    getMe: () => Promise<JbDrfWebAuthResponse>;
+    updateProfilePicture: (payload: ProfilePicturePayload) => Promise<Record<string, unknown>>;
+    updateAccount: (payload: AccountUpdatePayload, method?: 'PATCH' | 'PUT') => Promise<Record<string, unknown>>;
+    deleteAccount: (payload: DeleteAccountPayload) => Promise<unknown>;
+    getProfiles: () => Promise<ProfilesResponse>;
+    getProfileById: (profileId: number | string) => Promise<Record<string, unknown>>;
+    createProfile: (payload: CreateProfilePayload) => Promise<Record<string, unknown>>;
+    updateProfile: (profileId: number | string, payload: UpdateProfilePayload) => Promise<Record<string, unknown>>;
+    deleteProfile: (profileId: number | string) => Promise<Record<string, unknown>>;
+    requestPasswordReset: (payload: PasswordResetRequestPayload) => Promise<Record<string, unknown>>;
+    confirmPasswordReset: (payload: PasswordResetConfirmPayload) => Promise<Record<string, unknown>>;
+    changePassword: (payload: PasswordChangePayload) => Promise<Record<string, unknown>>;
+    refreshToken: (payload?: RefreshPayload) => Promise<TokenPair>;
+    switchProfile: (payload: SwitchProfilePayload) => Promise<JbDrfWebAuthResponse>;
+    createSuperuser: (payload: CreateAdminUserPayload, bootstrapToken?: string) => Promise<Record<string, unknown>>;
+    createStaffUser: (payload: CreateAdminUserPayload, bootstrapToken?: string) => Promise<Record<string, unknown>>;
+    logout: () => void;
+};
+export declare const createAuthClient: (config: JbDrfAuthConfig) => AuthClient;
+export declare const createAuthClientFromJBWebConfig: (appConfig: JBAppConfig, overrides?: Omit<JbDrfAuthConfig, "apiBaseUrl" | "apiBasePath">) => AuthClient;
+//# sourceMappingURL=client.d.ts.map

package/dist/auth/client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/auth/client.ts"],"names":[],"mappings":"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"}

package/dist/auth/client.js

@@ -0,0 +1,354 @@
+import axios from 'axios';
+import { getApiBaseUrl, getAuthBasePath } from '../config';
+import { createLocalStorageTokenStorage } from './storage';
+const normalizeAuthBasePath = (basePath) => {
+    const normalized = (basePath ?? '/authentication').trim();
+    if (!normalized) {
+        return '/authentication';
+    }
+    const withLeadingSlash = normalized.startsWith('/') ? normalized : `/${normalized}`;
+    return withLeadingSlash.replace(/\/+$/, '');
+};
+export const createAuthEndpoints = (basePath) => {
+    const root = normalizeAuthBasePath(basePath);
+    return {
+        loginBasic: `${root}/login/basic/`,
+        loginSocial: `${root}/login/social/`,
+        loginSocialLink: `${root}/login/social/link/`,
+        loginSocialUnlink: `${root}/login/social/unlink/`,
+        loginOtpVerify: `${root}/otp/verify/`,
+        otpRequest: `${root}/otp/request/`,
+        register: `${root}/register/`,
+        accountConfirmation: `${root}/registration/account-confirmation-email/`,
+        accountConfirmationResend: `${root}/registration/account-confirmation-email/resend/`,
+        me: `${root}/me/?client=web`,
+        profilePicture: `${root}/profile/picture/`,
+        refresh: `${root}/token/refresh/`,
+        switchProfile: `${root}/profile/switch/`,
+        profiles: `${root}/profiles/`,
+        accountUpdate: `${root}/account/update/`,
+        accountDelete: `${root}/account/delete/`,
+        passwordResetRequest: `${root}/password-reset/request/`,
+        passwordResetConfirm: `${root}/password-reset/confirm/`,
+        passwordResetChange: `${root}/password-reset/change/`,
+        adminCreateSuperuser: `${root}/admin/create-superuser/`,
+        adminCreateStaff: `${root}/admin/create-staff/`
+    };
+};
+export const defaultAuthEndpoints = createAuthEndpoints('/authentication');
+const getRefreshTokenFromResponse = (response) => ({
+    accessToken: response.data.accessToken ?? response.data.access ?? '',
+    refreshToken: response.data.refreshToken ?? response.data.refresh ?? ''
+});
+const normalizeBaseUrl = (apiBaseUrl) => apiBaseUrl.replace(/\/+$/, '');
+const normalizeDetailResponse = (data) => ({
+    ...data,
+    emailSent: data.emailSent ?? data.email_sent
+});
+const withClientPayload = (payload, defaultClient) => {
+    const client = payload.client ?? defaultClient;
+    if (client === 'web') {
+        const { device: _device, ...rest } = payload;
+        return { ...rest, client };
+    }
+    return { ...payload, client };
+};
+export const createAuthClient = (config) => {
+    const endpoints = {
+        ...createAuthEndpoints(config.apiBasePath),
+        ...(config.endpoints ?? {})
+    };
+    const tokenStorageKey = config.tokenStorageKey ?? 'jwt_access_token';
+    const refreshTokenStorageKey = config.refreshTokenStorageKey ?? 'jwt_refresh_token';
+    const tokenStorage = config.tokenStorage ?? createLocalStorageTokenStorage(tokenStorageKey);
+    const baseUrl = normalizeBaseUrl(config.apiBaseUrl);
+    const defaultClient = config.defaultClient ?? 'web';
+    const withBaseUrl = (path) => `${baseUrl}${path.startsWith('/') ? path : `/${path}`}`;
+    const getAccessToken = () => tokenStorage.getAccessToken();
+    const setAccessToken = (token) => tokenStorage.setAccessToken(token);
+    const clearSession = () => tokenStorage.removeAccessToken();
+    let refreshPromise = null;
+    const saveRefreshToken = (token) => {
+        if (!token) {
+            return;
+        }
+        if (typeof window === 'undefined' || !window.localStorage) {
+            return;
+        }
+        window.localStorage.setItem(refreshTokenStorageKey, token);
+    };
+    const getStoredRefreshToken = () => {
+        if (typeof window === 'undefined' || !window.localStorage) {
+            return null;
+        }
+        return window.localStorage.getItem(refreshTokenStorageKey);
+    };
+    const clearStoredRefreshToken = () => {
+        if (typeof window === 'undefined' || !window.localStorage) {
+            return;
+        }
+        window.localStorage.removeItem(refreshTokenStorageKey);
+    };
+    const createPublicAxios = () => axios.create({
+        baseURL: baseUrl
+    });
+    const createAuthenticatedAxios = (options) => {
+        const instance = axios.create({
+            baseURL: baseUrl,
+            ...(options?.requestConfig ?? {})
+        });
+        instance.interceptors.request.use((requestConfig) => {
+            const token = getAccessToken();
+            if (token) {
+                requestConfig.headers = requestConfig.headers ?? {};
+                requestConfig.headers.Authorization = `Bearer ${token}`;
+            }
+            return requestConfig;
+        });
+        instance.interceptors.response.use((response) => response, (error) => {
+            if (axios.isAxiosError(error) &&
+                error.response?.status === 401 &&
+                typeof config.onUnauthorized === 'function') {
+                config.onUnauthorized();
+            }
+            return Promise.reject(error);
+        });
+        return instance;
+    };
+    const createAuthenticatedAxiosWithRefresh = (options) => {
+        const instance = createAuthenticatedAxios(options);
+        instance.interceptors.response.use((response) => response, async (error) => {
+            if (!axios.isAxiosError(error)) {
+                return Promise.reject(error);
+            }
+            const originalRequest = error.config;
+            if (error.response?.status !== 401 || !originalRequest || originalRequest._retry) {
+                return Promise.reject(error);
+            }
+            originalRequest._retry = true;
+            try {
+                if (!refreshPromise) {
+                    refreshPromise = (async () => {
+                        const refreshTokenFromStorage = getStoredRefreshToken();
+                        if (!refreshTokenFromStorage) {
+                            return null;
+                        }
+                        const nextTokens = await refreshToken({ refreshToken: refreshTokenFromStorage });
+                        saveRefreshToken(nextTokens.refreshToken);
+                        return nextTokens.accessToken || null;
+                    })().finally(() => {
+                        refreshPromise = null;
+                    });
+                }
+                const nextAccessToken = await refreshPromise;
+                if (!nextAccessToken) {
+                    return Promise.reject(error);
+                }
+                setAccessToken(nextAccessToken);
+                originalRequest.headers = originalRequest.headers ?? {};
+                originalRequest.headers.Authorization = `Bearer ${nextAccessToken}`;
+                return instance(originalRequest);
+            }
+            catch (refreshError) {
+                if (typeof config.onUnauthorized === 'function') {
+                    config.onUnauthorized();
+                }
+                return Promise.reject(refreshError);
+            }
+        });
+        return instance;
+    };
+    const loginBasic = async (payload) => {
+        const response = await createPublicAxios().post(withBaseUrl(endpoints.loginBasic), {
+            ...withClientPayload(payload, defaultClient)
+        });
+        const accessToken = response.data.tokens?.accessToken;
+        const refreshTokenValue = response.data.tokens?.refreshToken;
+        if (accessToken) {
+            setAccessToken(accessToken);
+        }
+        saveRefreshToken(refreshTokenValue);
+        return response.data;
+    };
+    const loginSocial = async (payload) => {
+        const response = await createPublicAxios().post(withBaseUrl(endpoints.loginSocial), withClientPayload(payload, defaultClient));
+        const accessToken = response.data.tokens?.accessToken;
+        const refreshTokenValue = response.data.tokens?.refreshToken;
+        if (accessToken) {
+            setAccessToken(accessToken);
+        }
+        saveRefreshToken(refreshTokenValue);
+        return response.data;
+    };
+    const linkSocial = async (payload) => {
+        const response = await createAuthenticatedAxiosWithRefresh().post(withBaseUrl(endpoints.loginSocialLink), payload);
+        return response.data;
+    };
+    const unlinkSocial = async (payload) => {
+        const response = await createAuthenticatedAxiosWithRefresh().post(withBaseUrl(endpoints.loginSocialUnlink), payload);
+        return response.data;
+    };
+    const requestOtp = async (payload) => {
+        const response = await createPublicAxios().post(withBaseUrl(endpoints.otpRequest), payload);
+        return response.data;
+    };
+    const verifyOtp = async (payload) => {
+        const response = await createPublicAxios().post(withBaseUrl(endpoints.loginOtpVerify), withClientPayload(payload, defaultClient));
+        const accessToken = response.data.tokens?.accessToken;
+        const refreshTokenValue = response.data.tokens?.refreshToken;
+        if (accessToken) {
+            setAccessToken(accessToken);
+        }
+        saveRefreshToken(refreshTokenValue);
+        return response.data;
+    };
+    const register = async (payload) => {
+        const response = await createPublicAxios().post(withBaseUrl(endpoints.register), payload);
+        return normalizeDetailResponse(response.data);
+    };
+    const confirmAccountEmail = async (payload) => {
+        const response = await createPublicAxios().post(withBaseUrl(endpoints.accountConfirmation), payload);
+        return normalizeDetailResponse(response.data);
+    };
+    const resendAccountConfirmation = async (payload) => {
+        const response = await createPublicAxios().post(withBaseUrl(endpoints.accountConfirmationResend), payload);
+        return normalizeDetailResponse(response.data);
+    };
+    const getMe = async () => {
+        const response = await createAuthenticatedAxiosWithRefresh().get(withBaseUrl(endpoints.me));
+        return response.data;
+    };
+    const updateProfilePicture = async (payload) => {
+        const response = await createAuthenticatedAxiosWithRefresh().patch(withBaseUrl(endpoints.profilePicture), payload);
+        return response.data;
+    };
+    const updateAccount = async (payload, method = 'PATCH') => {
+        const instance = createAuthenticatedAxiosWithRefresh();
+        const response = method === 'PUT'
+            ? await instance.put(withBaseUrl(endpoints.accountUpdate), payload)
+            : await instance.patch(withBaseUrl(endpoints.accountUpdate), payload);
+        return response.data;
+    };
+    const deleteAccount = async (payload) => {
+        const response = await createAuthenticatedAxiosWithRefresh().delete(withBaseUrl(endpoints.accountDelete), {
+            data: payload
+        });
+        return response.data;
+    };
+    const getProfiles = async () => {
+        const response = await createAuthenticatedAxiosWithRefresh().get(withBaseUrl(endpoints.profiles));
+        return response.data;
+    };
+    const getProfileById = async (profileId) => {
+        const response = await createAuthenticatedAxiosWithRefresh().get(withBaseUrl(`${endpoints.profiles}${profileId}/`));
+        return response.data;
+    };
+    const createProfile = async (payload) => {
+        const response = await createAuthenticatedAxiosWithRefresh().post(withBaseUrl(endpoints.profiles), payload);
+        return response.data;
+    };
+    const updateProfile = async (profileId, payload) => {
+        const response = await createAuthenticatedAxiosWithRefresh().patch(withBaseUrl(`${endpoints.profiles}${profileId}/`), payload);
+        return response.data;
+    };
+    const deleteProfile = async (profileId) => {
+        const response = await createAuthenticatedAxiosWithRefresh().delete(withBaseUrl(`${endpoints.profiles}${profileId}/`));
+        return response.data;
+    };
+    const requestPasswordReset = async (payload) => {
+        const response = await createPublicAxios().post(withBaseUrl(endpoints.passwordResetRequest), payload);
+        return normalizeDetailResponse(response.data);
+    };
+    const confirmPasswordReset = async (payload) => {
+        const response = await createPublicAxios().post(withBaseUrl(endpoints.passwordResetConfirm), payload);
+        return response.data;
+    };
+    const changePassword = async (payload) => {
+        const response = await createAuthenticatedAxiosWithRefresh().post(withBaseUrl(endpoints.passwordResetChange), payload);
+        return response.data;
+    };
+    const refreshToken = async (payload) => {
+        const response = await createPublicAxios().post(withBaseUrl(endpoints.refresh), {
+            refresh: payload?.refreshToken
+        });
+        const nextTokens = getRefreshTokenFromResponse(response);
+        if (nextTokens.accessToken) {
+            setAccessToken(nextTokens.accessToken);
+        }
+        saveRefreshToken(nextTokens.refreshToken);
+        return nextTokens;
+    };
+    const switchProfile = async (payload) => {
+        const response = await createAuthenticatedAxios().post(withBaseUrl(endpoints.switchProfile), withClientPayload(payload, defaultClient));
+        const accessToken = response.data.tokens?.accessToken;
+        const refreshTokenValue = response.data.tokens?.refreshToken;
+        if (accessToken) {
+            setAccessToken(accessToken);
+        }
+        saveRefreshToken(refreshTokenValue);
+        return response.data;
+    };
+    const logout = () => {
+        clearSession();
+        clearStoredRefreshToken();
+    };
+    const createAdminUser = async (endpoint, payload, bootstrapToken) => {
+        const headers = bootstrapToken
+            ? {
+                'X-Admin-Bootstrap-Token': bootstrapToken
+            }
+            : undefined;
+        const requestClient = bootstrapToken ? createPublicAxios() : createAuthenticatedAxiosWithRefresh();
+        const response = await requestClient.post(withBaseUrl(endpoint), payload, { headers });
+        return response.data;
+    };
+    const createSuperuser = async (payload, bootstrapToken) => {
+        return createAdminUser(endpoints.adminCreateSuperuser, payload, bootstrapToken);
+    };
+    const createStaffUser = async (payload, bootstrapToken) => {
+        return createAdminUser(endpoints.adminCreateStaff, payload, bootstrapToken);
+    };
+    return {
+        endpoints,
+        tokenStorage,
+        getAccessToken,
+        setAccessToken,
+        clearSession,
+        createPublicAxios,
+        createAuthenticatedAxios,
+        createAuthenticatedAxiosWithRefresh,
+        loginBasic,
+        loginSocial,
+        linkSocial,
+        unlinkSocial,
+        requestOtp,
+        verifyOtp,
+        register,
+        confirmAccountEmail,
+        resendAccountConfirmation,
+        getMe,
+        updateProfilePicture,
+        updateAccount,
+        deleteAccount,
+        getProfiles,
+        getProfileById,
+        createProfile,
+        updateProfile,
+        deleteProfile,
+        requestPasswordReset,
+        confirmPasswordReset,
+        changePassword,
+        refreshToken,
+        switchProfile,
+        createSuperuser,
+        createStaffUser,
+        logout
+    };
+};
+export const createAuthClientFromJBWebConfig = (appConfig, overrides) => {
+    return createAuthClient({
+        apiBaseUrl: getApiBaseUrl(appConfig),
+        apiBasePath: getAuthBasePath(appConfig),
+        ...(overrides ?? {})
+    });
+};

package/dist/auth/constants/countryCallingCodes.d.ts

@@ -0,0 +1,9 @@
+import { SelectOption } from '../../forms';
+export type CountryCallingCodeOption = SelectOption<string> & {
+    iso2: string;
+    countryName: string;
+    dialCode: string;
+};
+export declare const COUNTRY_CALLING_CODE_OPTIONS: CountryCallingCodeOption[];
+export declare const DEFAULT_OTP_COUNTRY_CODE = "+52";
+//# sourceMappingURL=countryCallingCodes.d.ts.map

package/dist/auth/constants/countryCallingCodes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"countryCallingCodes.d.ts","sourceRoot":"","sources":["../../../src/auth/constants/countryCallingCodes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,MAAM,wBAAwB,GAAG,YAAY,CAAC,MAAM,CAAC,GAAG;IAC5D,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,wBAAwB,EA+MlE,CAAC;AAEF,eAAO,MAAM,wBAAwB,QAAQ,CAAC"}