@joelbarron/react-web-dev-kit 0.1.9 → 0.1.10

package/dist/auth/social/providerAuth.js

@@ -0,0 +1,207 @@
+const scriptLoaders = new Map();
+const loadScript = (src) => {
+    const existing = scriptLoaders.get(src);
+    if (existing) {
+        return existing;
+    }
+    const loader = new Promise((resolve, reject) => {
+        if (typeof window === 'undefined' || typeof document === 'undefined') {
+            reject(new Error('Social auth is only available in browser environments.'));
+            return;
+        }
+        const script = document.createElement('script');
+        script.src = src;
+        script.async = true;
+        script.defer = true;
+        script.onload = () => resolve();
+        script.onerror = () => reject(new Error(`Failed to load script: ${src}`));
+        document.head.appendChild(script);
+    });
+    scriptLoaders.set(src, loader);
+    return loader;
+};
+const ensureGoogleSdk = async () => {
+    await loadScript('https://accounts.google.com/gsi/client');
+    if (!window.google?.accounts?.id?.initialize) {
+        throw new Error('Google SDK is not available.');
+    }
+};
+const ensureAppleSdk = async () => {
+    await loadScript('https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js');
+    if (!window.AppleID?.auth) {
+        throw new Error('Apple SDK is not available.');
+    }
+};
+const ensureFacebookSdk = async (clientId) => {
+    await loadScript('https://connect.facebook.net/en_US/sdk.js');
+    if (!window.FB?.init) {
+        throw new Error('Facebook SDK is not available.');
+    }
+    window.FB.init({
+        appId: clientId,
+        cookie: true,
+        xfbml: false,
+        version: 'v20.0'
+    });
+};
+const isLikelyMobileBrowser = () => {
+    if (typeof navigator === 'undefined' || typeof window === 'undefined') {
+        return false;
+    }
+    const userAgent = navigator.userAgent || '';
+    const hasTouch = (navigator.maxTouchPoints ?? 0) > 0;
+    const hasCoarsePointer = typeof window.matchMedia === 'function'
+        ? window.matchMedia('(pointer: coarse)').matches
+        : false;
+    const smallViewport = typeof window.innerWidth === 'number' ? window.innerWidth <= 1024 : false;
+    const isMobileUserAgent = /Android|iPhone|iPad|iPod|IEMobile|Opera Mini|Mobile/i.test(userAgent);
+    const isIpadOsDesktopMode = /Macintosh/i.test(userAgent) && hasTouch;
+    return isMobileUserAgent || isIpadOsDesktopMode || ((hasTouch || hasCoarsePointer) && smallViewport);
+};
+const logSocialDebug = (enabled, message, payload) => {
+    if (!enabled) {
+        return;
+    }
+    if (typeof payload === 'undefined') {
+        console.info(`[jb-auth][social] ${message}`);
+        return;
+    }
+    console.info(`[jb-auth][social] ${message}`, payload);
+};
+const authenticateWithGoogle = async (config) => {
+    logSocialDebug(config.debug, 'google provider auth start', {
+        clientId: config.clientId
+    });
+    await ensureGoogleSdk();
+    const response = await new Promise((resolve, reject) => {
+        let settled = false;
+        const timeoutId = window.setTimeout(() => {
+            if (settled) {
+                return;
+            }
+            settled = true;
+            reject(new Error('Google authentication timeout.'));
+        }, 30000);
+        window.google.accounts.id.initialize({
+            client_id: config.clientId,
+            callback: (credentialResponse) => {
+                if (settled) {
+                    return;
+                }
+                settled = true;
+                window.clearTimeout(timeoutId);
+                resolve(credentialResponse);
+            }
+        });
+        window.google.accounts.id.cancel();
+        window.google.accounts.id.prompt((notification) => {
+            if (settled) {
+                return;
+            }
+            const isNotDisplayed = notification?.isNotDisplayed?.() ?? false;
+            const isSkipped = notification?.isSkippedMoment?.() ?? false;
+            const isDismissed = notification?.isDismissedMoment?.() ?? false;
+            if (!isNotDisplayed && !isSkipped && !isDismissed) {
+                return;
+            }
+            settled = true;
+            window.clearTimeout(timeoutId);
+            const reason = notification?.getNotDisplayedReason?.() ||
+                notification?.getSkippedReason?.() ||
+                notification?.getDismissedReason?.() ||
+                'Google sign-in cancelled';
+            reject(new Error(`Google authentication was not completed: ${reason}`));
+        });
+    });
+    if (!response.credential) {
+        throw new Error('Google authentication failed.');
+    }
+    return {
+        provider: 'google',
+        idToken: response.credential,
+        clientId: config.clientId
+    };
+};
+const authenticateWithApple = async (config) => {
+    logSocialDebug(config.debug, 'apple provider auth start', {
+        clientId: config.clientId,
+        redirectUri: config.redirectUri,
+        usePopup: config.usePopup,
+        responseMode: config.responseMode,
+        responseType: config.responseType
+    });
+    await ensureAppleSdk();
+    const usePopup = config.usePopup ?? true;
+    const resolvedScope = config.scope ?? config.scopes?.join(' ') ?? 'name email';
+    const resolvedRedirectUri = config.redirectUri || window.location.origin;
+    const resolvedResponseMode = config.responseMode ?? (usePopup ? 'web_message' : 'form_post');
+    const resolvedResponseType = config.responseType ?? (usePopup ? 'code id_token' : 'code');
+    window.AppleID.auth.init({
+        clientId: config.clientId,
+        scope: resolvedScope,
+        redirectURI: resolvedRedirectUri,
+        usePopup,
+        responseMode: resolvedResponseMode,
+        responseType: resolvedResponseType,
+        state: config.state,
+        nonce: config.nonce
+    });
+    const response = await window.AppleID.auth.signIn();
+    const authorizationCode = response.authorization?.code ??
+        response.authorization?.grant_code ??
+        response.authorization?.grantCode ??
+        response.authorization?.authorizationCode;
+    const idToken = response.authorization?.id_token ?? response.authorization?.idToken;
+    if (!authorizationCode && !idToken) {
+        throw new Error('Apple authentication failed.');
+    }
+    return {
+        provider: 'apple',
+        authorizationCode,
+        idToken,
+        redirectUri: resolvedRedirectUri,
+        clientId: config.clientId
+    };
+};
+const authenticateWithFacebook = async (config) => {
+    const mobileBrowser = isLikelyMobileBrowser();
+    const shouldUsePopup = config.usePopup ?? !mobileBrowser;
+    const resolvedDisplay = shouldUsePopup
+        ? 'popup'
+        : mobileBrowser
+            ? 'touch'
+            : 'page';
+    logSocialDebug(config.debug, 'facebook provider auth start', {
+        clientId: config.clientId,
+        display: resolvedDisplay,
+        usePopup: shouldUsePopup
+    });
+    await ensureFacebookSdk(config.clientId);
+    const response = await new Promise((resolve) => {
+        window.FB.login(resolve, {
+            scope: config.scope ?? 'email,public_profile',
+            display: resolvedDisplay
+        });
+    });
+    const accessToken = response.authResponse?.accessToken;
+    if (!accessToken) {
+        throw new Error('Facebook authentication failed.');
+    }
+    return {
+        provider: 'facebook',
+        accessToken,
+        clientId: config.clientId
+    };
+};
+export const authenticateWithSocialProvider = async (provider, config) => {
+    if (!config.clientId?.trim()) {
+        throw new Error(`Missing social clientId for provider "${provider}".`);
+    }
+    if (provider === 'google') {
+        return authenticateWithGoogle(config);
+    }
+    if (provider === 'facebook') {
+        return authenticateWithFacebook(config);
+    }
+    return authenticateWithApple(config);
+};

package/dist/auth/storage.d.ts

@@ -0,0 +1,3 @@
+import { TokenStorage } from './types';
+export declare const createLocalStorageTokenStorage: (tokenStorageKey: string) => TokenStorage;
+//# sourceMappingURL=storage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"storage.d.ts","sourceRoot":"","sources":["../../src/auth/storage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,8BAA8B,GAAI,iBAAiB,MAAM,KAAG,YAiBxE,CAAC"}

package/dist/auth/storage.js

@@ -0,0 +1,20 @@
+export const createLocalStorageTokenStorage = (tokenStorageKey) => {
+    const hasWindow = typeof window !== 'undefined' && !!window.localStorage;
+    return {
+        getAccessToken: () => {
+            if (!hasWindow)
+                return null;
+            return window.localStorage.getItem(tokenStorageKey);
+        },
+        setAccessToken: (token) => {
+            if (!hasWindow)
+                return;
+            window.localStorage.setItem(tokenStorageKey, token);
+        },
+        removeAccessToken: () => {
+            if (!hasWindow)
+                return;
+            window.localStorage.removeItem(tokenStorageKey);
+        }
+    };
+};

package/dist/auth/types.d.ts

@@ -0,0 +1,238 @@
+import { AxiosRequestConfig } from 'axios';
+import { Gender } from './constants';
+export type TokenPair = {
+    accessToken: string;
+    refreshToken: string;
+};
+export type TokenStorage = {
+    getAccessToken: () => string | null;
+    setAccessToken: (token: string) => void;
+    removeAccessToken: () => void;
+};
+export type JbDrfAuthEndpoints = {
+    loginBasic: string;
+    loginSocial: string;
+    loginSocialPrecheck: string;
+    loginSocialLink: string;
+    loginSocialUnlink: string;
+    loginMagicLinkConsume: string;
+    loginOtpVerify: string;
+    otpRequest: string;
+    register: string;
+    accountConfirmation: string;
+    accountConfirmationResend: string;
+    me: string;
+    profilePicture: string;
+    refresh: string;
+    switchProfile: string;
+    profiles: string;
+    accountUpdate: string;
+    accountDelete: string;
+    passwordResetRequest: string;
+    passwordResetConfirm: string;
+    passwordResetChange: string;
+    adminCreateSuperuser: string;
+    adminCreateStaff: string;
+};
+export type JbDrfAuthConfig = {
+    apiBaseUrl: string;
+    apiBasePath?: string;
+    endpoints?: Partial<JbDrfAuthEndpoints>;
+    tokenStorageKey?: string;
+    refreshTokenStorageKey?: string;
+    tokenStorage?: TokenStorage;
+    defaultClient?: 'web' | 'mobile';
+    onUnauthorized?: () => void;
+};
+export type LoginBasicPayload = {
+    login: string;
+    password: string;
+    client?: 'web' | 'mobile';
+    device?: {
+        platform?: string;
+        name?: string;
+        token?: string;
+        notificationToken?: string;
+    };
+};
+export type SocialProvider = 'google' | 'facebook' | 'apple';
+export type SocialDevicePayload = {
+    platform?: string;
+    name?: string;
+    token?: string;
+    notificationToken?: string;
+};
+export type LoginSocialPayload = {
+    provider: SocialProvider;
+    idToken?: string;
+    accessToken?: string;
+    authorizationCode?: string;
+    redirectUri?: string;
+    codeVerifier?: string;
+    clientId?: string;
+    role?: string;
+    client?: 'web' | 'mobile';
+    termsAndConditionsAccepted?: boolean;
+    device?: SocialDevicePayload;
+};
+export type LoginSocialPrecheckResponse = {
+    provider?: SocialProvider;
+    email?: string;
+    emailVerified?: boolean;
+    email_verified?: boolean;
+    socialAccountExists?: boolean;
+    social_account_exists?: boolean;
+    linkedExistingUser?: boolean;
+    linked_existing_user?: boolean;
+    userExists?: boolean;
+    user_exists?: boolean;
+    wouldCreateUser?: boolean;
+    would_create_user?: boolean;
+    canLogin?: boolean;
+    can_login?: boolean;
+    [key: string]: unknown;
+};
+export type LinkSocialPayload = {
+    provider: SocialProvider;
+    idToken?: string;
+    accessToken?: string;
+    authorizationCode?: string;
+    redirectUri?: string;
+    codeVerifier?: string;
+    clientId?: string;
+};
+export type UnlinkSocialPayload = {
+    provider: SocialProvider;
+};
+export type SwitchProfilePayload = {
+    profile: number;
+    client?: 'web' | 'mobile';
+    device?: {
+        platform?: string;
+        name?: string;
+        token?: string;
+        notificationToken?: string;
+    };
+};
+export type ProfilePicturePayload = {
+    profile?: number;
+    picture: string;
+};
+export type RefreshPayload = {
+    refreshToken?: string;
+};
+export type OtpChannel = 'sms' | 'email';
+export type RequestOtpPayload = {
+    channel: OtpChannel;
+    email?: string;
+    phone?: string;
+};
+export type VerifyOtpPayload = {
+    channel: OtpChannel;
+    code: string;
+    client?: 'web' | 'mobile';
+    role?: string;
+    email?: string;
+    phone?: string;
+    device?: {
+        platform?: string;
+        name?: string;
+        token?: string;
+        notificationToken?: string;
+    };
+};
+export type MagicLinkConsumePayload = {
+    token: string;
+    role?: string;
+    client?: 'web' | 'mobile';
+    device?: {
+        platform?: string;
+        name?: string;
+        token?: string;
+        notificationToken?: string;
+    };
+};
+export type RegisterPayload = {
+    email: string;
+    phone?: string | null;
+    username?: string | null;
+    password: string;
+    passwordConfirm?: string;
+    firstName?: string;
+    lastName1?: string;
+    lastName2?: string;
+    birthday?: string;
+    gender?: Gender;
+    role?: string;
+    termsAndConditionsAccepted?: boolean;
+};
+export type PasswordResetRequestPayload = {
+    email: string;
+};
+export type PasswordResetConfirmPayload = {
+    uid: string;
+    token: string;
+    newPassword: string;
+    newPasswordConfirm: string;
+};
+export type PasswordChangePayload = {
+    oldPassword: string;
+    newPassword: string;
+    newPasswordConfirm: string;
+};
+export type AccountUpdatePayload = {
+    email?: string;
+    username?: string;
+    phone?: string;
+    termsAndConditions?: boolean;
+    language?: string;
+    timezone?: string;
+    [key: string]: unknown;
+};
+export type DeleteAccountPayload = {
+    confirmation: boolean;
+};
+export type CreateProfilePayload = Record<string, unknown>;
+export type UpdateProfilePayload = Record<string, unknown>;
+export type CreateAdminUserPayload = {
+    email: string;
+    password: string;
+};
+export type AccountConfirmationPayload = {
+    uid: string;
+    token: string;
+};
+export type AccountConfirmationResendPayload = {
+    email: string;
+};
+export type JbDrfWebAuthUser = {
+    data: {
+        displayName: string;
+        photoUrl: string;
+        email: string;
+        username: string;
+        birthday: string | null;
+        shortcuts: string[];
+    };
+    loginRedirectUrl: string;
+    role: string[];
+    status: string;
+};
+export type JbDrfWebAuthResponse = {
+    user: JbDrfWebAuthUser;
+    activeProfile: Record<string, unknown>;
+    termsAndConditions?: string | null;
+    tokens?: TokenPair;
+};
+export type ApiDetailResponse = {
+    detail?: string;
+    emailSent?: boolean;
+    [key: string]: unknown;
+};
+export type ProfilesResponse = {
+    results?: Record<string, unknown>[];
+} | Record<string, unknown>[];
+export type CreateAuthenticatedAxiosOptions = {
+    requestConfig?: AxiosRequestConfig;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/auth/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,MAAM,SAAS,GAAG;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,cAAc,EAAE,MAAM,MAAM,GAAG,IAAI,CAAC;IACpC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,iBAAiB,EAAE,MAAM,IAAI,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,yBAAyB,EAAE,MAAM,CAAC;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B,MAAM,CAAC,EAAE;QACP,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,iBAAiB,CAAC,EAAE,MAAM,CAAC;KAC5B,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;AAE7D,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,cAAc,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,MAAM,CAAC,EAAE,mBAAmB,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACxC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,cAAc,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,cAAc,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B,MAAM,CAAC,EAAE;QACP,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,iBAAiB,CAAC,EAAE,MAAM,CAAC;KAC5B,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,OAAO,CAAC;AAEzC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,UAAU,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,UAAU,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE;QACP,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,iBAAiB,CAAC,EAAE,MAAM,CAAC;KAC5B,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B,MAAM,CAAC,EAAE;QACP,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,iBAAiB,CAAC,EAAE,MAAM,CAAC;KAC5B,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACxC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACxC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,YAAY,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAC3D,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE3D,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG;IAC7C,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE;QACJ,WAAW,EAAE,MAAM,CAAC;QACpB,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;QACxB,SAAS,EAAE,MAAM,EAAE,CAAC;KACrB,CAAC;IACF,gBAAgB,EAAE,MAAM,CAAC;IACzB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,gBAAgB,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;CACrC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;AAE9B,MAAM,MAAM,+BAA+B,GAAG;IAC5C,aAAa,CAAC,EAAE,kBAAkB,CAAC;CACpC,CAAC"}

package/dist/auth/types.js

@@ -0,0 +1 @@
+export {};

package/dist/auth/ui/AuthPageTitle.d.ts

@@ -0,0 +1,7 @@
+type AuthPageTitleProps = {
+    title: string;
+    logoSrc?: string;
+};
+export declare function AuthPageTitle(props: AuthPageTitleProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AuthPageTitle.d.ts.map

package/dist/auth/ui/AuthPageTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthPageTitle.d.ts","sourceRoot":"","sources":["../../../src/auth/ui/AuthPageTitle.tsx"],"names":[],"mappings":"AAGA,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAiBtD"}

package/dist/auth/ui/AuthPageTitle.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+export function AuthPageTitle(props) {
+    const { title, logoSrc = '/assets/images/logo/logo.svg' } = props;
+    return (_jsxs(Box, { sx: { width: '100%', display: 'flex', flexDirection: 'column', alignItems: 'center' }, children: [_jsx("img", { style: { width: 48 }, src: logoSrc, alt: "logo" }), _jsx(Typography, { sx: { mt: 4, textAlign: 'center', fontSize: 36, lineHeight: 1.25, fontWeight: 800, letterSpacing: '-0.02em' }, children: title })] }));
+}

package/dist/auth/ui/AuthPagesMessageSection.d.ts

@@ -0,0 +1,3 @@
+import { AuthMessageSectionProps } from './types';
+export declare function AuthPagesMessageSection(props: AuthMessageSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AuthPagesMessageSection.d.ts.map

package/dist/auth/ui/AuthPagesMessageSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthPagesMessageSection.d.ts","sourceRoot":"","sources":["../../../src/auth/ui/AuthPagesMessageSection.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAalD,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,uBAAuB,2CAoHrE"}

package/dist/auth/ui/AuthPagesMessageSection.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Avatar from '@mui/material/Avatar';
+import AvatarGroup from '@mui/material/AvatarGroup';
+import Box from '@mui/material/Box';
+const defaultTitleLines = ['Bienvenido a', 'nuestra comunidad'];
+const defaultDescription = 'Fuse ayuda a desarrolladores a construir paneles organizados, bien estructurados y con módulos visuales de alta calidad. Únete y empieza a construir tu aplicación hoy.';
+const defaultFooterText = 'Más de 17k personas ya se unieron, ahora te toca a ti.';
+const defaultAvatarUrls = [
+    '/assets/images/avatars/female-18.jpg',
+    '/assets/images/avatars/female-11.jpg',
+    '/assets/images/avatars/male-09.jpg',
+    '/assets/images/avatars/male-16.jpg'
+];
+export function AuthPagesMessageSection(props) {
+    const { titleLines = defaultTitleLines, description = defaultDescription, footerText = defaultFooterText, avatarUrls = defaultAvatarUrls } = props;
+    return (_jsxs(Box, { sx: {
+            position: 'relative',
+            display: { xs: 'none', md: 'flex' },
+            height: '100%',
+            flex: '1 1 auto',
+            alignItems: 'center',
+            justifyContent: 'center',
+            overflow: 'hidden',
+            p: 6,
+            px: { lg: 10 },
+            backgroundColor: 'primary.dark',
+            color: 'primary.contrastText'
+        }, children: [_jsx("svg", { style: { pointerEvents: 'none', position: 'absolute', inset: 0 }, viewBox: "0 0 960 540", width: "100%", height: "100%", preserveAspectRatio: "xMidYMax slice", xmlns: "http://www.w3.org/2000/svg", children: _jsxs(Box, { component: "g", sx: { opacity: 0.05 }, fill: "none", stroke: "currentColor", strokeWidth: "100", children: [_jsx("circle", { r: "234", cx: "196", cy: "23" }), _jsx("circle", { r: "234", cx: "790", cy: "491" })] }) }), _jsxs(Box, { component: "svg", sx: {
+                    position: 'absolute',
+                    top: -64,
+                    right: -64,
+                    opacity: 0.2,
+                    color: 'primary.light'
+                }, viewBox: "0 0 220 192", width: "220px", height: "192px", fill: "none", children: [_jsx("defs", { children: _jsx("pattern", { id: "jb-auth-message-pattern", x: "0", y: "0", width: "20", height: "20", patternUnits: "userSpaceOnUse", children: _jsx("rect", { x: "0", y: "0", width: "4", height: "4", fill: "currentColor" }) }) }), _jsx("rect", { width: "220", height: "192", fill: "url(#jb-auth-message-pattern)" })] }), _jsxs(Box, { sx: { position: 'relative', zIndex: 10, width: '100%', maxWidth: 896 }, children: [_jsx(Box, { sx: { fontSize: 64, lineHeight: 1, fontWeight: 700, color: 'grey.100' }, children: titleLines.map((line) => (_jsx(Box, { children: line }, line))) }), _jsx(Box, { sx: { mt: 3, fontSize: 18, lineHeight: 1.5, letterSpacing: '-0.01em', color: 'grey.400' }, children: description }), _jsxs(Box, { sx: { mt: 4, display: 'flex', alignItems: 'center' }, children: [_jsx(AvatarGroup, { sx: {
+                                    '& .MuiAvatar-root': {
+                                        borderColor: 'primary.main'
+                                    }
+                                }, children: avatarUrls.map((avatarUrl) => (_jsx(Avatar, { src: avatarUrl }, avatarUrl))) }), _jsx(Box, { sx: { ml: 2, fontWeight: 500, letterSpacing: '-0.01em', color: 'grey.400' }, children: footerText })] })] })] }));
+}

package/dist/auth/ui/AuthPrimaryButton.d.ts

@@ -0,0 +1,9 @@
+import { ButtonProps } from '@mui/material/Button';
+import { ReactNode } from 'react';
+type AuthPrimaryButtonProps = Omit<ButtonProps, 'variant' | 'color'> & {
+    loading?: boolean;
+    loadingLabel?: ReactNode;
+};
+export declare function AuthPrimaryButton(props: AuthPrimaryButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AuthPrimaryButton.d.ts.map

package/dist/auth/ui/AuthPrimaryButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthPrimaryButton.d.ts","sourceRoot":"","sources":["../../../src/auth/ui/AuthPrimaryButton.tsx"],"names":[],"mappings":"AAAA,OAAe,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,KAAK,sBAAsB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,OAAO,CAAC,GAAG;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAiC9D"}

package/dist/auth/ui/AuthPrimaryButton.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Button from '@mui/material/Button';
+import CircularProgress from '@mui/material/CircularProgress';
+export function AuthPrimaryButton(props) {
+    const { loading = false, loadingLabel, children, disabled, sx, startIcon, ...rest } = props;
+    return (_jsx(Button, { ...rest, variant: "contained", color: "primary", disabled: Boolean(disabled) || loading, startIcon: loading ? (_jsx(CircularProgress, { size: 16, color: "inherit" })) : startIcon, sx: {
+            width: '100%',
+            minHeight: 38,
+            '&.Mui-disabled': {
+                opacity: 1,
+                color: 'common.white',
+                backgroundColor: 'primary.main'
+            },
+            '&.Mui-disabled.MuiButton-contained': {
+                opacity: 0.6
+            },
+            ...(sx ?? {})
+        }, children: loading ? loadingLabel ?? children : children }));
+}

package/dist/auth/ui/AuthRoleSelectionDialog.d.ts

@@ -0,0 +1,14 @@
+import { SelectOption } from '../../forms';
+export type AuthRoleSelectionDialogProps = {
+    open: boolean;
+    options: SelectOption<string>[];
+    initialRole?: string;
+    title?: string;
+    description?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    onCancel: () => void;
+    onConfirm: (role: string) => void;
+};
+export declare function AuthRoleSelectionDialog(props: AuthRoleSelectionDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AuthRoleSelectionDialog.d.ts.map

package/dist/auth/ui/AuthRoleSelectionDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthRoleSelectionDialog.d.ts","sourceRoot":"","sources":["../../../src/auth/ui/AuthRoleSelectionDialog.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAqB,YAAY,EAAE,MAAM,aAAa,CAAC;AAQ9D,MAAM,MAAM,4BAA4B,GAAG;IACzC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAMF,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,2CAuE1E"}

package/dist/auth/ui/AuthRoleSelectionDialog.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { zodResolver } from '@hookform/resolvers/zod';
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogContentText from '@mui/material/DialogContentText';
+import DialogTitle from '@mui/material/DialogTitle';
+import { useEffect } from 'react';
+import { useForm } from 'react-hook-form';
+import { z } from 'zod';
+import { JBRadioGroupField } from '../../forms';
+import { AuthPrimaryButton } from './AuthPrimaryButton';
+import { AuthSecondaryButton } from './AuthSecondaryButton';
+const roleSelectionSchema = z.object({
+    role: z.string().nonempty('Selecciona un rol para continuar.')
+});
+export function AuthRoleSelectionDialog(props) {
+    const { open, options, initialRole, title = 'Selecciona tu rol', description = 'Elige el tipo de perfil con el que deseas continuar.', confirmLabel = 'Continuar', cancelLabel = 'Cancelar', onCancel, onConfirm } = props;
+    const fallbackRole = initialRole ?? options[0]?.value ?? '';
+    const { control, handleSubmit, reset, formState } = useForm({
+        mode: 'onSubmit',
+        resolver: zodResolver(roleSelectionSchema),
+        defaultValues: {
+            role: fallbackRole
+        }
+    });
+    const { isSubmitting } = formState;
+    useEffect(() => {
+        if (!open) {
+            return;
+        }
+        reset({
+            role: initialRole ?? options[0]?.value ?? ''
+        });
+    }, [open, initialRole, options, reset]);
+    return (_jsxs(Dialog, { open: open, onClose: onCancel, fullWidth: true, maxWidth: 'xs', children: [_jsx(DialogTitle, { children: title }), _jsxs(DialogContent, { children: [_jsx(DialogContentText, { sx: { mb: 2 }, children: description }), _jsx(JBRadioGroupField, { control: control, name: 'role', options: options, formControlProps: { fullWidth: true } })] }), _jsxs(DialogActions, { children: [_jsx(AuthSecondaryButton, { sx: { mt: 0 }, type: 'button', onClick: onCancel, disabled: isSubmitting, children: cancelLabel }), _jsx(AuthPrimaryButton, { sx: { mt: 0 }, type: 'button', onClick: () => {
+                            void handleSubmit((values) => onConfirm(values.role))();
+                        }, loading: isSubmitting, loadingLabel: 'Guardando...', children: confirmLabel })] })] }));
+}