@auth0/auth0-acul-react 1.0.0-alpha.4 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -10
- package/dist/export/hooks.d.ts +1 -1
- package/dist/hooks/common/change-language.d.ts +92 -0
- package/dist/hooks/common/change-language.js +2 -0
- package/dist/hooks/common/change-language.js.map +1 -0
- package/dist/hooks/index.d.ts +1 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/screens/accept-invitation.d.ts +1 -1
- package/dist/screens/accept-invitation.js +1 -1
- package/dist/screens/accept-invitation.js.map +1 -1
- package/dist/screens/consent.d.ts +1 -1
- package/dist/screens/consent.js +1 -1
- package/dist/screens/consent.js.map +1 -1
- package/dist/screens/customized-consent.d.ts +1 -1
- package/dist/screens/customized-consent.js +1 -1
- package/dist/screens/customized-consent.js.map +1 -1
- package/dist/screens/device-code-activation-allowed.d.ts +1 -1
- package/dist/screens/device-code-activation-allowed.js +1 -1
- package/dist/screens/device-code-activation-allowed.js.map +1 -1
- package/dist/screens/device-code-activation-denied.d.ts +1 -1
- package/dist/screens/device-code-activation-denied.js +1 -1
- package/dist/screens/device-code-activation-denied.js.map +1 -1
- package/dist/screens/device-code-activation.d.ts +1 -1
- package/dist/screens/device-code-activation.js +1 -1
- package/dist/screens/device-code-activation.js.map +1 -1
- package/dist/screens/device-code-confirmation.d.ts +1 -1
- package/dist/screens/device-code-confirmation.js +1 -1
- package/dist/screens/device-code-confirmation.js.map +1 -1
- package/dist/screens/email-identifier-challenge.d.ts +1 -1
- package/dist/screens/email-identifier-challenge.js +1 -1
- package/dist/screens/email-identifier-challenge.js.map +1 -1
- package/dist/screens/email-otp-challenge.d.ts +1 -1
- package/dist/screens/email-otp-challenge.js +1 -1
- package/dist/screens/email-otp-challenge.js.map +1 -1
- package/dist/screens/email-verification-result.d.ts +1 -1
- package/dist/screens/email-verification-result.js +1 -1
- package/dist/screens/email-verification-result.js.map +1 -1
- package/dist/screens/interstitial-captcha.d.ts +1 -1
- package/dist/screens/interstitial-captcha.js +1 -1
- package/dist/screens/interstitial-captcha.js.map +1 -1
- package/dist/screens/login-email-verification.d.ts +1 -1
- package/dist/screens/login-email-verification.js +1 -1
- package/dist/screens/login-email-verification.js.map +1 -1
- package/dist/screens/login-id.d.ts +1 -1
- package/dist/screens/login-id.js +1 -1
- package/dist/screens/login-id.js.map +1 -1
- package/dist/screens/login-password.d.ts +1 -1
- package/dist/screens/login-password.js +1 -1
- package/dist/screens/login-password.js.map +1 -1
- package/dist/screens/login-passwordless-email-code.d.ts +3 -2
- package/dist/screens/login-passwordless-email-code.js +1 -1
- package/dist/screens/login-passwordless-email-code.js.map +1 -1
- package/dist/screens/login-passwordless-sms-otp.d.ts +3 -2
- package/dist/screens/login-passwordless-sms-otp.js +1 -1
- package/dist/screens/login-passwordless-sms-otp.js.map +1 -1
- package/dist/screens/login.d.ts +1 -1
- package/dist/screens/login.js +1 -1
- package/dist/screens/login.js.map +1 -1
- package/dist/screens/logout-aborted.d.ts +1 -1
- package/dist/screens/logout-aborted.js +1 -1
- package/dist/screens/logout-aborted.js.map +1 -1
- package/dist/screens/logout-complete.d.ts +1 -1
- package/dist/screens/logout-complete.js +1 -1
- package/dist/screens/logout-complete.js.map +1 -1
- package/dist/screens/logout.d.ts +1 -1
- package/dist/screens/logout.js +1 -1
- package/dist/screens/logout.js.map +1 -1
- package/dist/screens/mfa-begin-enroll-options.d.ts +1 -1
- package/dist/screens/mfa-begin-enroll-options.js +1 -1
- package/dist/screens/mfa-begin-enroll-options.js.map +1 -1
- package/dist/screens/mfa-country-codes.d.ts +1 -1
- package/dist/screens/mfa-country-codes.js +1 -1
- package/dist/screens/mfa-country-codes.js.map +1 -1
- package/dist/screens/mfa-detect-browser-capabilities.d.ts +1 -1
- package/dist/screens/mfa-detect-browser-capabilities.js +1 -1
- package/dist/screens/mfa-detect-browser-capabilities.js.map +1 -1
- package/dist/screens/mfa-email-challenge.d.ts +1 -1
- package/dist/screens/mfa-email-challenge.js +1 -1
- package/dist/screens/mfa-email-challenge.js.map +1 -1
- package/dist/screens/mfa-email-list.d.ts +1 -1
- package/dist/screens/mfa-email-list.js +1 -1
- package/dist/screens/mfa-email-list.js.map +1 -1
- package/dist/screens/mfa-enroll-result.d.ts +1 -1
- package/dist/screens/mfa-enroll-result.js +1 -1
- package/dist/screens/mfa-enroll-result.js.map +1 -1
- package/dist/screens/mfa-login-options.d.ts +1 -1
- package/dist/screens/mfa-login-options.js +1 -1
- package/dist/screens/mfa-login-options.js.map +1 -1
- package/dist/screens/mfa-otp-challenge.d.ts +1 -1
- package/dist/screens/mfa-otp-challenge.js +1 -1
- package/dist/screens/mfa-otp-challenge.js.map +1 -1
- package/dist/screens/mfa-otp-enrollment-code.d.ts +3 -2
- package/dist/screens/mfa-otp-enrollment-code.js +1 -1
- package/dist/screens/mfa-otp-enrollment-code.js.map +1 -1
- package/dist/screens/mfa-otp-enrollment-qr.d.ts +1 -1
- package/dist/screens/mfa-otp-enrollment-qr.js +1 -1
- package/dist/screens/mfa-otp-enrollment-qr.js.map +1 -1
- package/dist/screens/mfa-phone-challenge.d.ts +1 -1
- package/dist/screens/mfa-phone-challenge.js +1 -1
- package/dist/screens/mfa-phone-challenge.js.map +1 -1
- package/dist/screens/mfa-phone-enrollment.d.ts +1 -1
- package/dist/screens/mfa-phone-enrollment.js +1 -1
- package/dist/screens/mfa-phone-enrollment.js.map +1 -1
- package/dist/screens/mfa-push-challenge-push.d.ts +1 -1
- package/dist/screens/mfa-push-challenge-push.js +1 -1
- package/dist/screens/mfa-push-challenge-push.js.map +1 -1
- package/dist/screens/mfa-push-enrollment-qr.d.ts +1 -1
- package/dist/screens/mfa-push-enrollment-qr.js +1 -1
- package/dist/screens/mfa-push-enrollment-qr.js.map +1 -1
- package/dist/screens/mfa-push-list.d.ts +1 -1
- package/dist/screens/mfa-push-list.js +1 -1
- package/dist/screens/mfa-push-list.js.map +1 -1
- package/dist/screens/mfa-push-welcome.d.ts +1 -1
- package/dist/screens/mfa-push-welcome.js +1 -1
- package/dist/screens/mfa-push-welcome.js.map +1 -1
- package/dist/screens/mfa-recovery-code-challenge-new-code.d.ts +1 -1
- package/dist/screens/mfa-recovery-code-challenge-new-code.js +1 -1
- package/dist/screens/mfa-recovery-code-challenge-new-code.js.map +1 -1
- package/dist/screens/mfa-recovery-code-challenge.d.ts +1 -1
- package/dist/screens/mfa-recovery-code-challenge.js +1 -1
- package/dist/screens/mfa-recovery-code-challenge.js.map +1 -1
- package/dist/screens/mfa-recovery-code-enrollment.d.ts +1 -1
- package/dist/screens/mfa-recovery-code-enrollment.js +1 -1
- package/dist/screens/mfa-recovery-code-enrollment.js.map +1 -1
- package/dist/screens/mfa-sms-challenge.d.ts +1 -1
- package/dist/screens/mfa-sms-challenge.js +1 -1
- package/dist/screens/mfa-sms-challenge.js.map +1 -1
- package/dist/screens/mfa-sms-enrollment.d.ts +1 -1
- package/dist/screens/mfa-sms-enrollment.js +1 -1
- package/dist/screens/mfa-sms-enrollment.js.map +1 -1
- package/dist/screens/mfa-sms-list.d.ts +1 -1
- package/dist/screens/mfa-sms-list.js +1 -1
- package/dist/screens/mfa-sms-list.js.map +1 -1
- package/dist/screens/mfa-voice-challenge.d.ts +1 -1
- package/dist/screens/mfa-voice-challenge.js +1 -1
- package/dist/screens/mfa-voice-challenge.js.map +1 -1
- package/dist/screens/mfa-voice-enrollment.d.ts +1 -1
- package/dist/screens/mfa-voice-enrollment.js +1 -1
- package/dist/screens/mfa-voice-enrollment.js.map +1 -1
- package/dist/screens/mfa-webauthn-change-key-nickname.d.ts +1 -1
- package/dist/screens/mfa-webauthn-change-key-nickname.js +1 -1
- package/dist/screens/mfa-webauthn-change-key-nickname.js.map +1 -1
- package/dist/screens/mfa-webauthn-enrollment-success.d.ts +1 -1
- package/dist/screens/mfa-webauthn-enrollment-success.js +1 -1
- package/dist/screens/mfa-webauthn-enrollment-success.js.map +1 -1
- package/dist/screens/mfa-webauthn-error.d.ts +1 -1
- package/dist/screens/mfa-webauthn-error.js +1 -1
- package/dist/screens/mfa-webauthn-error.js.map +1 -1
- package/dist/screens/mfa-webauthn-not-available-error.d.ts +1 -1
- package/dist/screens/mfa-webauthn-not-available-error.js +1 -1
- package/dist/screens/mfa-webauthn-not-available-error.js.map +1 -1
- package/dist/screens/mfa-webauthn-platform-challenge.d.ts +1 -1
- package/dist/screens/mfa-webauthn-platform-challenge.js +1 -1
- package/dist/screens/mfa-webauthn-platform-challenge.js.map +1 -1
- package/dist/screens/mfa-webauthn-platform-enrollment.d.ts +1 -1
- package/dist/screens/mfa-webauthn-platform-enrollment.js +1 -1
- package/dist/screens/mfa-webauthn-platform-enrollment.js.map +1 -1
- package/dist/screens/mfa-webauthn-roaming-challenge.d.ts +1 -1
- package/dist/screens/mfa-webauthn-roaming-challenge.js +1 -1
- package/dist/screens/mfa-webauthn-roaming-challenge.js.map +1 -1
- package/dist/screens/mfa-webauthn-roaming-enrollment.d.ts +1 -1
- package/dist/screens/mfa-webauthn-roaming-enrollment.js +1 -1
- package/dist/screens/mfa-webauthn-roaming-enrollment.js.map +1 -1
- package/dist/screens/organization-picker.d.ts +1 -1
- package/dist/screens/organization-picker.js +1 -1
- package/dist/screens/organization-picker.js.map +1 -1
- package/dist/screens/organization-selection.d.ts +1 -1
- package/dist/screens/organization-selection.js +1 -1
- package/dist/screens/organization-selection.js.map +1 -1
- package/dist/screens/passkey-enrollment-local.d.ts +1 -1
- package/dist/screens/passkey-enrollment-local.js +1 -1
- package/dist/screens/passkey-enrollment-local.js.map +1 -1
- package/dist/screens/passkey-enrollment.d.ts +1 -1
- package/dist/screens/passkey-enrollment.js +1 -1
- package/dist/screens/passkey-enrollment.js.map +1 -1
- package/dist/screens/phone-identifier-challenge.d.ts +1 -1
- package/dist/screens/phone-identifier-challenge.js +1 -1
- package/dist/screens/phone-identifier-challenge.js.map +1 -1
- package/dist/screens/phone-identifier-enrollment.d.ts +1 -1
- package/dist/screens/phone-identifier-enrollment.js +1 -1
- package/dist/screens/phone-identifier-enrollment.js.map +1 -1
- package/dist/screens/redeem-ticket.d.ts +1 -1
- package/dist/screens/redeem-ticket.js +1 -1
- package/dist/screens/redeem-ticket.js.map +1 -1
- package/dist/screens/reset-password-email.d.ts +1 -1
- package/dist/screens/reset-password-email.js +1 -1
- package/dist/screens/reset-password-email.js.map +1 -1
- package/dist/screens/reset-password-error.d.ts +1 -1
- package/dist/screens/reset-password-error.js +1 -1
- package/dist/screens/reset-password-error.js.map +1 -1
- package/dist/screens/reset-password-mfa-email-challenge.d.ts +1 -1
- package/dist/screens/reset-password-mfa-email-challenge.js +1 -1
- package/dist/screens/reset-password-mfa-email-challenge.js.map +1 -1
- package/dist/screens/reset-password-mfa-otp-challenge.d.ts +1 -1
- package/dist/screens/reset-password-mfa-otp-challenge.js +1 -1
- package/dist/screens/reset-password-mfa-otp-challenge.js.map +1 -1
- package/dist/screens/reset-password-mfa-phone-challenge.d.ts +1 -1
- package/dist/screens/reset-password-mfa-phone-challenge.js +1 -1
- package/dist/screens/reset-password-mfa-phone-challenge.js.map +1 -1
- package/dist/screens/reset-password-mfa-push-challenge-push.d.ts +1 -1
- package/dist/screens/reset-password-mfa-push-challenge-push.js +1 -1
- package/dist/screens/reset-password-mfa-push-challenge-push.js.map +1 -1
- package/dist/screens/reset-password-mfa-recovery-code-challenge.d.ts +1 -1
- package/dist/screens/reset-password-mfa-recovery-code-challenge.js +1 -1
- package/dist/screens/reset-password-mfa-recovery-code-challenge.js.map +1 -1
- package/dist/screens/reset-password-mfa-sms-challenge.d.ts +1 -1
- package/dist/screens/reset-password-mfa-sms-challenge.js +1 -1
- package/dist/screens/reset-password-mfa-sms-challenge.js.map +1 -1
- package/dist/screens/reset-password-mfa-voice-challenge.d.ts +1 -1
- package/dist/screens/reset-password-mfa-voice-challenge.js +1 -1
- package/dist/screens/reset-password-mfa-voice-challenge.js.map +1 -1
- package/dist/screens/reset-password-mfa-webauthn-platform-challenge.d.ts +1 -1
- package/dist/screens/reset-password-mfa-webauthn-platform-challenge.js +1 -1
- package/dist/screens/reset-password-mfa-webauthn-platform-challenge.js.map +1 -1
- package/dist/screens/reset-password-mfa-webauthn-roaming-challenge.d.ts +1 -1
- package/dist/screens/reset-password-mfa-webauthn-roaming-challenge.js +1 -1
- package/dist/screens/reset-password-mfa-webauthn-roaming-challenge.js.map +1 -1
- package/dist/screens/reset-password-request.d.ts +1 -1
- package/dist/screens/reset-password-request.js +1 -1
- package/dist/screens/reset-password-request.js.map +1 -1
- package/dist/screens/reset-password-success.d.ts +1 -1
- package/dist/screens/reset-password-success.js +1 -1
- package/dist/screens/reset-password-success.js.map +1 -1
- package/dist/screens/reset-password.d.ts +1 -1
- package/dist/screens/reset-password.js +1 -1
- package/dist/screens/reset-password.js.map +1 -1
- package/dist/screens/signup-id.d.ts +1 -1
- package/dist/screens/signup-id.js +1 -1
- package/dist/screens/signup-id.js.map +1 -1
- package/dist/screens/signup-password.d.ts +1 -1
- package/dist/screens/signup-password.js +1 -1
- package/dist/screens/signup-password.js.map +1 -1
- package/dist/screens/signup.d.ts +1 -1
- package/dist/screens/signup.js +1 -1
- package/dist/screens/signup.js.map +1 -1
- package/dist/telemetry.js +1 -1
- package/package.json +2 -2
- package/dist/export/getting-started.d.ts +0 -282
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"reset-password.js","sources":["../../src/screens/reset-password.tsx"],"sourcesContent":["import ResetPassword from '@auth0/auth0-acul-js/reset-password';\nimport { useMemo } from 'react';\n\nimport { ContextHooks } from '../hooks';\nimport { errorManager } from '../hooks';\nimport { registerScreen } from '../state/instance-store';\n\nimport type {\n ResetPasswordMembers,\n ResetPasswordOptions,\n} from '@auth0/auth0-acul-js/reset-password';\n\n// Register the singleton instance of ResetPassword\nconst instance = registerScreen<ResetPasswordMembers>(ResetPassword)!;\n\n// Error wrapper\nconst { withError } = errorManager;\n\n// Context hooks\nconst factory = new ContextHooks<ResetPasswordMembers>(instance);\nexport const {\n useUser,\n useTenant,\n useBranding,\n useClient,\n useOrganization,\n usePrompt,\n useScreen,\n useTransaction,\n useUntrustedData,\n} = factory;\n\n// Submit functions\nexport const resetPassword = (payload: ResetPasswordOptions) =>\n withError(instance.resetPassword(payload));\n\n// Utility Hooks\nexport { usePasswordValidation } from '../hooks/utility/validate-password';\n\n// Common hooks\nexport { useCurrentScreen, useErrors, useAuth0Themes } from '../hooks';\n\n// Main instance hook. Returns singleton instance of ResetPassword\nexport const useResetPassword = (): ResetPasswordMembers => useMemo(() => instance, []);\n"],"names":["instance","registerScreen","ResetPassword","withError","errorManager","factory","ContextHooks","useUser","useTenant","useBranding","useClient","useOrganization","usePrompt","useScreen","useTransaction","useUntrustedData","resetPassword","payload","useResetPassword","useMemo"],"mappings":"
|
|
1
|
+
{"version":3,"file":"reset-password.js","sources":["../../src/screens/reset-password.tsx"],"sourcesContent":["import ResetPassword from '@auth0/auth0-acul-js/reset-password';\nimport { useMemo } from 'react';\n\nimport { ContextHooks } from '../hooks';\nimport { errorManager } from '../hooks';\nimport { registerScreen } from '../state/instance-store';\n\nimport type {\n ResetPasswordMembers,\n ResetPasswordOptions,\n} from '@auth0/auth0-acul-js/reset-password';\n\n// Register the singleton instance of ResetPassword\nconst instance = registerScreen<ResetPasswordMembers>(ResetPassword)!;\n\n// Error wrapper\nconst { withError } = errorManager;\n\n// Context hooks\nconst factory = new ContextHooks<ResetPasswordMembers>(instance);\nexport const {\n useUser,\n useTenant,\n useBranding,\n useClient,\n useOrganization,\n usePrompt,\n useScreen,\n useTransaction,\n useUntrustedData,\n} = factory;\n\n// Submit functions\nexport const resetPassword = (payload: ResetPasswordOptions) =>\n withError(instance.resetPassword(payload));\n\n// Utility Hooks\nexport { usePasswordValidation } from '../hooks/utility/validate-password';\n\n// Common hooks\nexport { useCurrentScreen, useErrors, useAuth0Themes, useChangeLanguage } from '../hooks';\n\n// Main instance hook. Returns singleton instance of ResetPassword\nexport const useResetPassword = (): ResetPasswordMembers => useMemo(() => instance, []);\n"],"names":["instance","registerScreen","ResetPassword","withError","errorManager","factory","ContextHooks","useUser","useTenant","useBranding","useClient","useOrganization","usePrompt","useScreen","useTransaction","useUntrustedData","resetPassword","payload","useResetPassword","useMemo"],"mappings":"yjBAaA,MAAMA,EAAWC,EAAqCC,IAGhDC,UAAEA,GAAcC,EAGhBC,EAAU,IAAIC,EAAmCN,IAC1CO,QACXA,EAAOC,UACPA,EAASC,YACTA,EAAWC,UACXA,EAASC,gBACTA,EAAeC,UACfA,EAASC,UACTA,EAASC,eACTA,EAAcC,iBACdA,GACEV,EAGSW,EAAiBC,GAC5Bd,EAAUH,EAASgB,cAAcC,IAStBC,EAAmB,IAA4BC,EAAQ,IAAMnB,EAAU"}
|
|
@@ -5,5 +5,5 @@ export declare const federatedSignup: (payload: FederatedSignupOptions) => void
|
|
|
5
5
|
export declare const pickCountryCode: (payload?: CustomOptions) => void | Promise<void>;
|
|
6
6
|
export { useSignupIdentifiers } from '../hooks/utility/signup-identifiers';
|
|
7
7
|
export { useUsernameValidation } from '../hooks/utility/validate-username';
|
|
8
|
-
export { useCurrentScreen, useErrors, useAuth0Themes } from '../hooks';
|
|
8
|
+
export { useCurrentScreen, useErrors, useAuth0Themes, useChangeLanguage } from '../hooks';
|
|
9
9
|
export declare const useSignupId: () => SignupIdMembers;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"@auth0/auth0-acul-js/signup-id";import{useMemo as o}from"react";export{useAuth0Themes}from"../hooks/common/auth0-themes.js";export{useCurrentScreen}from"../hooks/common/current-screen.js";import{errorManager as r}from"../hooks/common/errors.js";export{useErrors}from"../hooks/common/errors.js";import{ContextHooks as s}from"../hooks/context/index.js";import{registerScreen as t}from"../state/instance-store.js";export{useSignupIdentifiers}from"../hooks/utility/signup-identifiers.js";export{useUsernameValidation}from"../hooks/utility/validate-username.js";const n=t(e),{withError:
|
|
1
|
+
import e from"@auth0/auth0-acul-js/signup-id";import{useMemo as o}from"react";export{useAuth0Themes}from"../hooks/common/auth0-themes.js";export{useChangeLanguage}from"../hooks/common/change-language.js";export{useCurrentScreen}from"../hooks/common/current-screen.js";import{errorManager as r}from"../hooks/common/errors.js";export{useErrors}from"../hooks/common/errors.js";import{ContextHooks as s}from"../hooks/context/index.js";import{registerScreen as t}from"../state/instance-store.js";export{useSignupIdentifiers}from"../hooks/utility/signup-identifiers.js";export{useUsernameValidation}from"../hooks/utility/validate-username.js";const n=t(e),{withError:u}=r,i=new s(n),{useUser:m,useTenant:a,useBranding:p,useClient:c,useOrganization:h,usePrompt:f,useScreen:g,useTransaction:d,useUntrustedData:j}=i,k=e=>u(n.signup(e)),x=e=>u(n.federatedSignup(e)),l=e=>u(n.pickCountryCode(e)),C=()=>o(()=>n,[]);export{x as federatedSignup,l as pickCountryCode,k as signup,p as useBranding,c as useClient,h as useOrganization,f as usePrompt,g as useScreen,C as useSignupId,a as useTenant,d as useTransaction,j as useUntrustedData,m as useUser};
|
|
2
2
|
//# sourceMappingURL=signup-id.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"signup-id.js","sources":["../../src/screens/signup-id.tsx"],"sourcesContent":["import SignupId from '@auth0/auth0-acul-js/signup-id';\nimport { useMemo } from 'react';\n\nimport { ContextHooks } from '../hooks';\nimport { errorManager } from '../hooks';\nimport { registerScreen } from '../state/instance-store';\n\nimport type {\n SignupIdMembers,\n SignupOptions,\n FederatedSignupOptions,\n CustomOptions,\n} from '@auth0/auth0-acul-js/signup-id';\n\n// Register the singleton instance of SignupId\nconst instance = registerScreen<SignupIdMembers>(SignupId)!;\n\n// Error wrapper\nconst { withError } = errorManager;\n\n// Context hooks\nconst factory = new ContextHooks<SignupIdMembers>(instance);\nexport const {\n useUser,\n useTenant,\n useBranding,\n useClient,\n useOrganization,\n usePrompt,\n useScreen,\n useTransaction,\n useUntrustedData,\n} = factory;\n\n// Submit functions\nexport const signup = (payload: SignupOptions) => withError(instance.signup(payload));\nexport const federatedSignup = (payload: FederatedSignupOptions) =>\n withError(instance.federatedSignup(payload));\nexport const pickCountryCode = (payload?: CustomOptions) =>\n withError(instance.pickCountryCode(payload));\n\n// Utility Hooks\nexport { useSignupIdentifiers } from '../hooks/utility/signup-identifiers';\n\n// Utility Hooks\nexport { useUsernameValidation } from '../hooks/utility/validate-username';\n\n// Common hooks\nexport { useCurrentScreen, useErrors, useAuth0Themes } from '../hooks';\n\n// Main instance hook. Returns singleton instance of SignupId\nexport const useSignupId = (): SignupIdMembers => useMemo(() => instance, []);\n"],"names":["instance","registerScreen","SignupId","withError","errorManager","factory","ContextHooks","useUser","useTenant","useBranding","useClient","useOrganization","usePrompt","useScreen","useTransaction","useUntrustedData","signup","payload","federatedSignup","pickCountryCode","useSignupId","useMemo"],"mappings":"
|
|
1
|
+
{"version":3,"file":"signup-id.js","sources":["../../src/screens/signup-id.tsx"],"sourcesContent":["import SignupId from '@auth0/auth0-acul-js/signup-id';\nimport { useMemo } from 'react';\n\nimport { ContextHooks } from '../hooks';\nimport { errorManager } from '../hooks';\nimport { registerScreen } from '../state/instance-store';\n\nimport type {\n SignupIdMembers,\n SignupOptions,\n FederatedSignupOptions,\n CustomOptions,\n} from '@auth0/auth0-acul-js/signup-id';\n\n// Register the singleton instance of SignupId\nconst instance = registerScreen<SignupIdMembers>(SignupId)!;\n\n// Error wrapper\nconst { withError } = errorManager;\n\n// Context hooks\nconst factory = new ContextHooks<SignupIdMembers>(instance);\nexport const {\n useUser,\n useTenant,\n useBranding,\n useClient,\n useOrganization,\n usePrompt,\n useScreen,\n useTransaction,\n useUntrustedData,\n} = factory;\n\n// Submit functions\nexport const signup = (payload: SignupOptions) => withError(instance.signup(payload));\nexport const federatedSignup = (payload: FederatedSignupOptions) =>\n withError(instance.federatedSignup(payload));\nexport const pickCountryCode = (payload?: CustomOptions) =>\n withError(instance.pickCountryCode(payload));\n\n// Utility Hooks\nexport { useSignupIdentifiers } from '../hooks/utility/signup-identifiers';\n\n// Utility Hooks\nexport { useUsernameValidation } from '../hooks/utility/validate-username';\n\n// Common hooks\nexport { useCurrentScreen, useErrors, useAuth0Themes, useChangeLanguage } from '../hooks';\n\n// Main instance hook. Returns singleton instance of SignupId\nexport const useSignupId = (): SignupIdMembers => useMemo(() => instance, []);\n"],"names":["instance","registerScreen","SignupId","withError","errorManager","factory","ContextHooks","useUser","useTenant","useBranding","useClient","useOrganization","usePrompt","useScreen","useTransaction","useUntrustedData","signup","payload","federatedSignup","pickCountryCode","useSignupId","useMemo"],"mappings":"6nBAeA,MAAMA,EAAWC,EAAgCC,IAG3CC,UAAEA,GAAcC,EAGhBC,EAAU,IAAIC,EAA8BN,IACrCO,QACXA,EAAOC,UACPA,EAASC,YACTA,EAAWC,UACXA,EAASC,gBACTA,EAAeC,UACfA,EAASC,UACTA,EAASC,eACTA,EAAcC,iBACdA,GACEV,EAGSW,EAAUC,GAA2Bd,EAAUH,EAASgB,OAAOC,IAC/DC,EAAmBD,GAC9Bd,EAAUH,EAASkB,gBAAgBD,IACxBE,EAAmBF,GAC9Bd,EAAUH,EAASmB,gBAAgBF,IAYxBG,EAAc,IAAuBC,EAAQ,IAAMrB,EAAU"}
|
|
@@ -4,5 +4,5 @@ export declare const signup: (payload: SignupPasswordOptions) => void | Promise<
|
|
|
4
4
|
export declare const federatedSignup: (payload: FederatedSignupOptions) => void | Promise<void>;
|
|
5
5
|
export declare const switchConnection: (payload: SwitchConnectionOptions) => void | Promise<void>;
|
|
6
6
|
export { usePasswordValidation } from '../hooks/utility/validate-password';
|
|
7
|
-
export { useCurrentScreen, useErrors, useAuth0Themes } from '../hooks';
|
|
7
|
+
export { useCurrentScreen, useErrors, useAuth0Themes, useChangeLanguage } from '../hooks';
|
|
8
8
|
export declare const useSignupPassword: () => SignupPasswordMembers;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import o from"@auth0/auth0-acul-js/signup-password";import{useMemo as
|
|
1
|
+
import o from"@auth0/auth0-acul-js/signup-password";import{useMemo as e}from"react";export{useAuth0Themes}from"../hooks/common/auth0-themes.js";export{useChangeLanguage}from"../hooks/common/change-language.js";export{useCurrentScreen}from"../hooks/common/current-screen.js";import{errorManager as r}from"../hooks/common/errors.js";export{useErrors}from"../hooks/common/errors.js";import{ContextHooks as s}from"../hooks/context/index.js";import{registerScreen as t}from"../state/instance-store.js";export{usePasswordValidation}from"../hooks/utility/validate-password.js";const n=t(o),{withError:a}=r,m=new s(n),{useUser:u,useTenant:i,useBranding:c,useClient:h,useOrganization:p,usePrompt:f,useScreen:g,useTransaction:d,useUntrustedData:j}=m,x=o=>a(n.signup(o)),k=o=>a(n.federatedSignup(o)),l=o=>a(n.switchConnection(o)),w=()=>e(()=>n,[]);export{k as federatedSignup,x as signup,l as switchConnection,c as useBranding,h as useClient,p as useOrganization,f as usePrompt,g as useScreen,w as useSignupPassword,i as useTenant,d as useTransaction,j as useUntrustedData,u as useUser};
|
|
2
2
|
//# sourceMappingURL=signup-password.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"signup-password.js","sources":["../../src/screens/signup-password.tsx"],"sourcesContent":["import SignupPassword from '@auth0/auth0-acul-js/signup-password';\nimport { useMemo } from 'react';\n\nimport { ContextHooks } from '../hooks';\nimport { errorManager } from '../hooks';\nimport { registerScreen } from '../state/instance-store';\n\nimport type {\n SignupPasswordMembers,\n SignupPasswordOptions,\n FederatedSignupOptions,\n SwitchConnectionOptions,\n} from '@auth0/auth0-acul-js/signup-password';\n\n// Register the singleton instance of SignupPassword\nconst instance = registerScreen<SignupPasswordMembers>(SignupPassword)!;\n\n// Error wrapper\nconst { withError } = errorManager;\n\n// Context hooks\nconst factory = new ContextHooks<SignupPasswordMembers>(instance);\nexport const {\n useUser,\n useTenant,\n useBranding,\n useClient,\n useOrganization,\n usePrompt,\n useScreen,\n useTransaction,\n useUntrustedData,\n} = factory;\n\n// Submit functions\nexport const signup = (payload: SignupPasswordOptions) => withError(instance.signup(payload));\nexport const federatedSignup = (payload: FederatedSignupOptions) =>\n withError(instance.federatedSignup(payload));\nexport const switchConnection = (payload: SwitchConnectionOptions) =>\n withError(instance.switchConnection(payload));\n\n// Utility Hooks\nexport { usePasswordValidation } from '../hooks/utility/validate-password';\n\n// Common hooks\nexport { useCurrentScreen, useErrors, useAuth0Themes } from '../hooks';\n\n// Main instance hook. Returns singleton instance of SignupPassword\nexport const useSignupPassword = (): SignupPasswordMembers => useMemo(() => instance, []);\n"],"names":["instance","registerScreen","SignupPassword","withError","errorManager","factory","ContextHooks","useUser","useTenant","useBranding","useClient","useOrganization","usePrompt","useScreen","useTransaction","useUntrustedData","signup","payload","federatedSignup","switchConnection","useSignupPassword","useMemo"],"mappings":"
|
|
1
|
+
{"version":3,"file":"signup-password.js","sources":["../../src/screens/signup-password.tsx"],"sourcesContent":["import SignupPassword from '@auth0/auth0-acul-js/signup-password';\nimport { useMemo } from 'react';\n\nimport { ContextHooks } from '../hooks';\nimport { errorManager } from '../hooks';\nimport { registerScreen } from '../state/instance-store';\n\nimport type {\n SignupPasswordMembers,\n SignupPasswordOptions,\n FederatedSignupOptions,\n SwitchConnectionOptions,\n} from '@auth0/auth0-acul-js/signup-password';\n\n// Register the singleton instance of SignupPassword\nconst instance = registerScreen<SignupPasswordMembers>(SignupPassword)!;\n\n// Error wrapper\nconst { withError } = errorManager;\n\n// Context hooks\nconst factory = new ContextHooks<SignupPasswordMembers>(instance);\nexport const {\n useUser,\n useTenant,\n useBranding,\n useClient,\n useOrganization,\n usePrompt,\n useScreen,\n useTransaction,\n useUntrustedData,\n} = factory;\n\n// Submit functions\nexport const signup = (payload: SignupPasswordOptions) => withError(instance.signup(payload));\nexport const federatedSignup = (payload: FederatedSignupOptions) =>\n withError(instance.federatedSignup(payload));\nexport const switchConnection = (payload: SwitchConnectionOptions) =>\n withError(instance.switchConnection(payload));\n\n// Utility Hooks\nexport { usePasswordValidation } from '../hooks/utility/validate-password';\n\n// Common hooks\nexport { useCurrentScreen, useErrors, useAuth0Themes, useChangeLanguage } from '../hooks';\n\n// Main instance hook. Returns singleton instance of SignupPassword\nexport const useSignupPassword = (): SignupPasswordMembers => useMemo(() => instance, []);\n"],"names":["instance","registerScreen","SignupPassword","withError","errorManager","factory","ContextHooks","useUser","useTenant","useBranding","useClient","useOrganization","usePrompt","useScreen","useTransaction","useUntrustedData","signup","payload","federatedSignup","switchConnection","useSignupPassword","useMemo"],"mappings":"0jBAeA,MAAMA,EAAWC,EAAsCC,IAGjDC,UAAEA,GAAcC,EAGhBC,EAAU,IAAIC,EAAoCN,IAC3CO,QACXA,EAAOC,UACPA,EAASC,YACTA,EAAWC,UACXA,EAASC,gBACTA,EAAeC,UACfA,EAASC,UACTA,EAASC,eACTA,EAAcC,iBACdA,GACEV,EAGSW,EAAUC,GAAmCd,EAAUH,EAASgB,OAAOC,IACvEC,EAAmBD,GAC9Bd,EAAUH,EAASkB,gBAAgBD,IACxBE,EAAoBF,GAC/Bd,EAAUH,EAASmB,iBAAiBF,IASzBG,EAAoB,IAA6BC,EAAQ,IAAMrB,EAAU"}
|
package/dist/screens/signup.d.ts
CHANGED
|
@@ -6,5 +6,5 @@ export declare const pickCountryCode: (payload?: CustomOptions) => void | Promis
|
|
|
6
6
|
export { usePasswordValidation } from '../hooks/utility/validate-password';
|
|
7
7
|
export { useSignupIdentifiers } from '../hooks/utility/signup-identifiers';
|
|
8
8
|
export { useUsernameValidation } from '../hooks/utility/validate-username';
|
|
9
|
-
export { useCurrentScreen, useErrors, useAuth0Themes } from '../hooks';
|
|
9
|
+
export { useCurrentScreen, useErrors, useAuth0Themes, useChangeLanguage } from '../hooks';
|
|
10
10
|
export declare const useSignup: () => SignupMembers;
|
package/dist/screens/signup.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import o from"@auth0/auth0-acul-js/signup";import{useMemo as e}from"react";export{useAuth0Themes}from"../hooks/common/auth0-themes.js";export{useCurrentScreen}from"../hooks/common/current-screen.js";import{errorManager as r}from"../hooks/common/errors.js";export{useErrors}from"../hooks/common/errors.js";import{ContextHooks as s}from"../hooks/context/index.js";import{registerScreen as t}from"../state/instance-store.js";export{useSignupIdentifiers}from"../hooks/utility/signup-identifiers.js";export{usePasswordValidation}from"../hooks/utility/validate-password.js";export{useUsernameValidation}from"../hooks/utility/validate-username.js";const n=t(o),{withError:i}=r,u=new s(n),{useUser:
|
|
1
|
+
import o from"@auth0/auth0-acul-js/signup";import{useMemo as e}from"react";export{useAuth0Themes}from"../hooks/common/auth0-themes.js";export{useChangeLanguage}from"../hooks/common/change-language.js";export{useCurrentScreen}from"../hooks/common/current-screen.js";import{errorManager as r}from"../hooks/common/errors.js";export{useErrors}from"../hooks/common/errors.js";import{ContextHooks as s}from"../hooks/context/index.js";import{registerScreen as t}from"../state/instance-store.js";export{useSignupIdentifiers}from"../hooks/utility/signup-identifiers.js";export{usePasswordValidation}from"../hooks/utility/validate-password.js";export{useUsernameValidation}from"../hooks/utility/validate-username.js";const n=t(o),{withError:i}=r,u=new s(n),{useUser:a,useTenant:m,useBranding:p,useClient:h,useOrganization:c,usePrompt:f,useScreen:d,useTransaction:g,useUntrustedData:j}=u,k=o=>i(n.signup(o)),l=o=>i(n.federatedSignup(o)),x=o=>i(n.pickCountryCode(o)),C=()=>e(()=>n,[]);export{l as federatedSignup,x as pickCountryCode,k as signup,p as useBranding,h as useClient,c as useOrganization,f as usePrompt,d as useScreen,C as useSignup,m as useTenant,g as useTransaction,j as useUntrustedData,a as useUser};
|
|
2
2
|
//# sourceMappingURL=signup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"signup.js","sources":["../../src/screens/signup.tsx"],"sourcesContent":["import Signup from '@auth0/auth0-acul-js/signup';\nimport { useMemo } from 'react';\n\nimport { ContextHooks } from '../hooks';\nimport { errorManager } from '../hooks';\nimport { registerScreen } from '../state/instance-store';\n\nimport type {\n SignupMembers,\n SignupOptions,\n FederatedSignupOptions,\n CustomOptions,\n} from '@auth0/auth0-acul-js/signup';\n\n// Register the singleton instance of Signup\nconst instance = registerScreen<SignupMembers>(Signup)!;\n\n// Error wrapper\nconst { withError } = errorManager;\n\n// Context hooks\nconst factory = new ContextHooks<SignupMembers>(instance);\nexport const {\n useUser,\n useTenant,\n useBranding,\n useClient,\n useOrganization,\n usePrompt,\n useScreen,\n useTransaction,\n useUntrustedData,\n} = factory;\n\n// Submit functions\nexport const signup = (payload: SignupOptions) => withError(instance.signup(payload));\nexport const federatedSignup = (payload: FederatedSignupOptions) =>\n withError(instance.federatedSignup(payload));\nexport const pickCountryCode = (payload?: CustomOptions) =>\n withError(instance.pickCountryCode(payload));\n\n// Utility Hooks\nexport { usePasswordValidation } from '../hooks/utility/validate-password';\n\n// Utility Hooks\nexport { useSignupIdentifiers } from '../hooks/utility/signup-identifiers';\n\n// Utility Hooks\nexport { useUsernameValidation } from '../hooks/utility/validate-username';\n\n// Common hooks\nexport { useCurrentScreen, useErrors, useAuth0Themes } from '../hooks';\n\n// Main instance hook. Returns singleton instance of Signup\nexport const useSignup = (): SignupMembers => useMemo(() => instance, []);\n"],"names":["instance","registerScreen","Signup","withError","errorManager","factory","ContextHooks","useUser","useTenant","useBranding","useClient","useOrganization","usePrompt","useScreen","useTransaction","useUntrustedData","signup","payload","federatedSignup","pickCountryCode","useSignup","useMemo"],"mappings":"
|
|
1
|
+
{"version":3,"file":"signup.js","sources":["../../src/screens/signup.tsx"],"sourcesContent":["import Signup from '@auth0/auth0-acul-js/signup';\nimport { useMemo } from 'react';\n\nimport { ContextHooks } from '../hooks';\nimport { errorManager } from '../hooks';\nimport { registerScreen } from '../state/instance-store';\n\nimport type {\n SignupMembers,\n SignupOptions,\n FederatedSignupOptions,\n CustomOptions,\n} from '@auth0/auth0-acul-js/signup';\n\n// Register the singleton instance of Signup\nconst instance = registerScreen<SignupMembers>(Signup)!;\n\n// Error wrapper\nconst { withError } = errorManager;\n\n// Context hooks\nconst factory = new ContextHooks<SignupMembers>(instance);\nexport const {\n useUser,\n useTenant,\n useBranding,\n useClient,\n useOrganization,\n usePrompt,\n useScreen,\n useTransaction,\n useUntrustedData,\n} = factory;\n\n// Submit functions\nexport const signup = (payload: SignupOptions) => withError(instance.signup(payload));\nexport const federatedSignup = (payload: FederatedSignupOptions) =>\n withError(instance.federatedSignup(payload));\nexport const pickCountryCode = (payload?: CustomOptions) =>\n withError(instance.pickCountryCode(payload));\n\n// Utility Hooks\nexport { usePasswordValidation } from '../hooks/utility/validate-password';\n\n// Utility Hooks\nexport { useSignupIdentifiers } from '../hooks/utility/signup-identifiers';\n\n// Utility Hooks\nexport { useUsernameValidation } from '../hooks/utility/validate-username';\n\n// Common hooks\nexport { useCurrentScreen, useErrors, useAuth0Themes, useChangeLanguage } from '../hooks';\n\n// Main instance hook. Returns singleton instance of Signup\nexport const useSignup = (): SignupMembers => useMemo(() => instance, []);\n"],"names":["instance","registerScreen","Signup","withError","errorManager","factory","ContextHooks","useUser","useTenant","useBranding","useClient","useOrganization","usePrompt","useScreen","useTransaction","useUntrustedData","signup","payload","federatedSignup","pickCountryCode","useSignup","useMemo"],"mappings":"msBAeA,MAAMA,EAAWC,EAA8BC,IAGzCC,UAAEA,GAAcC,EAGhBC,EAAU,IAAIC,EAA4BN,IACnCO,QACXA,EAAOC,UACPA,EAASC,YACTA,EAAWC,UACXA,EAASC,gBACTA,EAAeC,UACfA,EAASC,UACTA,EAASC,eACTA,EAAcC,iBACdA,GACEV,EAGSW,EAAUC,GAA2Bd,EAAUH,EAASgB,OAAOC,IAC/DC,EAAmBD,GAC9Bd,EAAUH,EAASkB,gBAAgBD,IACxBE,EAAmBF,GAC9Bd,EAAUH,EAASmB,gBAAgBF,IAexBG,EAAY,IAAqBC,EAAQ,IAAMrB,EAAU"}
|
package/dist/telemetry.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
globalThis.__ACUL_SDK_NAME__="@auth0/auth0-acul-react",globalThis.__ACUL_SDK_VERSION__="1.
|
|
1
|
+
globalThis.__ACUL_SDK_NAME__="@auth0/auth0-acul-react",globalThis.__ACUL_SDK_VERSION__="1.1.0";
|
|
2
2
|
//# sourceMappingURL=telemetry.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@auth0/auth0-acul-react",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.1.0",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"ts-node": "^10.9.2"
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
|
-
"@auth0/auth0-acul-js": "1.
|
|
53
|
+
"@auth0/auth0-acul-js": "1.1.0"
|
|
54
54
|
},
|
|
55
55
|
"files": [
|
|
56
56
|
"dist",
|
|
@@ -1,282 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @module Getting Started
|
|
3
|
-
* @description This module provides an overview of how to get started with the Auth0 ACUL React SDK.
|
|
4
|
-
*
|
|
5
|
-
* # Auth0 ACUL React SDK
|
|
6
|
-
*
|
|
7
|
-
* 
|
|
8
|
-
*
|
|
9
|
-
* [](https://www.npmjs.com/package/@auth0/auth0-acul-react)
|
|
10
|
-
* [](https://www.npmjs.com/package/@auth0/auth0-acul-react)
|
|
11
|
-
* [](https://opensource.org/licenses/MIT)
|
|
12
|
-
*
|
|
13
|
-
* 📚 [Documentation](#documentation) - 🚀 [Getting Started](#getting-started) - 💻 [API Reference](#api-reference) - 💬 [Feedback](#feedback)
|
|
14
|
-
*
|
|
15
|
-
* The **Auth0 ACUL React SDK** provides React hooks for Advanced Customization of Universal Login.
|
|
16
|
-
*
|
|
17
|
-
* It simplifies integrating authentication screens (login, signup, passwordless, MFA, etc.) into your React applications with hooks-based architecture and TypeScript support.
|
|
18
|
-
*
|
|
19
|
-
* ## Features
|
|
20
|
-
*
|
|
21
|
-
* - **React Hooks**: Custom hooks for all authentication screens
|
|
22
|
-
* - **TypeScript Support**: Full TypeScript definitions and IntelliSense
|
|
23
|
-
* - **Context Management**: Automatic screen context and state management
|
|
24
|
-
* - **Error Handling**: Built-in error boundaries and handling
|
|
25
|
-
* - **Polling Hooks**: MFA push notification polling with React state
|
|
26
|
-
*
|
|
27
|
-
* ## Installation
|
|
28
|
-
*
|
|
29
|
-
* You can install the React SDK via [npm](https://npmjs.org):
|
|
30
|
-
*
|
|
31
|
-
* ```bash
|
|
32
|
-
* npm install @auth0/auth0-acul-react
|
|
33
|
-
* ```
|
|
34
|
-
*
|
|
35
|
-
* Or using yarn:
|
|
36
|
-
* ```bash
|
|
37
|
-
* yarn add @auth0/auth0-acul-react
|
|
38
|
-
* ```
|
|
39
|
-
*
|
|
40
|
-
* ## Quick Start
|
|
41
|
-
*
|
|
42
|
-
* ### Basic Login-Id Screen with React Hooks
|
|
43
|
-
*
|
|
44
|
-
* ```tsx
|
|
45
|
-
* import React from 'react';
|
|
46
|
-
* import {
|
|
47
|
-
* useUser,
|
|
48
|
-
* useTenant,
|
|
49
|
-
* useScreen,
|
|
50
|
-
* loginMethod,
|
|
51
|
-
* continueWithFederatedLogin
|
|
52
|
-
* } from '@auth0/auth0-acul-react/login-id';
|
|
53
|
-
*
|
|
54
|
-
* function LoginIdScreen() {
|
|
55
|
-
* const user = useUser();
|
|
56
|
-
* const tenant = useTenant();
|
|
57
|
-
* const screen = useScreen();
|
|
58
|
-
*
|
|
59
|
-
* const handleLogin = async (username: string) => {
|
|
60
|
-
* try {
|
|
61
|
-
* await loginMethod({ username });
|
|
62
|
-
* } catch (error) {
|
|
63
|
-
* console.error('Login failed:', error);
|
|
64
|
-
* }
|
|
65
|
-
* };
|
|
66
|
-
*
|
|
67
|
-
* const handleSocialLogin = async (connection: string) => {
|
|
68
|
-
* try {
|
|
69
|
-
* await continueWithFederatedLogin({ connection });
|
|
70
|
-
* } catch (error) {
|
|
71
|
-
* console.error('Social login failed:', error);
|
|
72
|
-
* }
|
|
73
|
-
* };
|
|
74
|
-
*
|
|
75
|
-
* return (
|
|
76
|
-
* <div>
|
|
77
|
-
* <h1>Welcome to {tenant.display_name}</h1>
|
|
78
|
-
* <form onSubmit={(e) => {
|
|
79
|
-
* e.preventDefault();
|
|
80
|
-
* const formData = new FormData(e.target);
|
|
81
|
-
* handleLogin(formData.get('username'));
|
|
82
|
-
* }}>
|
|
83
|
-
* <input name="username" placeholder="Email or Username" required />
|
|
84
|
-
* <button type="submit">Continue</button>
|
|
85
|
-
* </form>
|
|
86
|
-
*
|
|
87
|
-
* {screen.alternate_connections?.map((conn) => (
|
|
88
|
-
* <button
|
|
89
|
-
* key={conn.name}
|
|
90
|
-
* onClick={() => handleSocialLogin(conn.name)}
|
|
91
|
-
* >
|
|
92
|
-
* Continue with {conn.display_name}
|
|
93
|
-
* </button>
|
|
94
|
-
* ))}
|
|
95
|
-
* </div>
|
|
96
|
-
* );
|
|
97
|
-
* }
|
|
98
|
-
* ```
|
|
99
|
-
*
|
|
100
|
-
* ### MFA Push Challenge with Polling
|
|
101
|
-
*
|
|
102
|
-
* ```tsx
|
|
103
|
-
* import React, { useEffect, useState } from 'react';
|
|
104
|
-
* import {
|
|
105
|
-
* useScreen,
|
|
106
|
-
* useTransaction,
|
|
107
|
-
* useMfaPolling,
|
|
108
|
-
* continueMethod,
|
|
109
|
-
* resendPushNotification
|
|
110
|
-
* } from '@auth0/auth0-acul-react/mfa-push-challenge-push';
|
|
111
|
-
*
|
|
112
|
-
* function MfaPushScreen() {
|
|
113
|
-
* const screen = useScreen();
|
|
114
|
-
* const transaction = useTransaction();
|
|
115
|
-
* const [status, setStatus] = useState('waiting');
|
|
116
|
-
*
|
|
117
|
-
* const { isRunning, startPolling, stopPolling } = useMfaPolling({
|
|
118
|
-
* intervalMs: 5000,
|
|
119
|
-
* onComplete: async () => {
|
|
120
|
-
* setStatus('approved');
|
|
121
|
-
* await continueMethod();
|
|
122
|
-
* },
|
|
123
|
-
* onError: (error) => {
|
|
124
|
-
* console.error('Polling failed:', error);
|
|
125
|
-
* setStatus('error');
|
|
126
|
-
* }
|
|
127
|
-
* });
|
|
128
|
-
*
|
|
129
|
-
* useEffect(() => {
|
|
130
|
-
* // Auto-start polling when component mounts
|
|
131
|
-
* startPolling();
|
|
132
|
-
* return () => stopPolling();
|
|
133
|
-
* }, []);
|
|
134
|
-
*
|
|
135
|
-
* const handleResend = async () => {
|
|
136
|
-
* try {
|
|
137
|
-
* await resendPushNotification();
|
|
138
|
-
* setStatus('resent');
|
|
139
|
-
* startPolling(); // Restart polling after resend
|
|
140
|
-
* } catch (error) {
|
|
141
|
-
* console.error('Resend failed:', error);
|
|
142
|
-
* }
|
|
143
|
-
* };
|
|
144
|
-
*
|
|
145
|
-
* return (
|
|
146
|
-
* <div>
|
|
147
|
-
* <h2>Push Notification Sent</h2>
|
|
148
|
-
* <p>Please approve the notification on your device</p>
|
|
149
|
-
*
|
|
150
|
-
* {status === 'waiting' && isRunning && (
|
|
151
|
-
* <p>Waiting for approval...</p>
|
|
152
|
-
* )}
|
|
153
|
-
*
|
|
154
|
-
* {status === 'approved' || status === 'denied' && (
|
|
155
|
-
* <p>Approved! Redirecting...</p>
|
|
156
|
-
* )}
|
|
157
|
-
*
|
|
158
|
-
* {status === 'error' && (
|
|
159
|
-
* <p>Something went wrong. Please try again.</p>
|
|
160
|
-
* )}
|
|
161
|
-
*
|
|
162
|
-
* <button onClick={handleResend} disabled={isRunning}>
|
|
163
|
-
* Resend Push Notification
|
|
164
|
-
* </button>
|
|
165
|
-
*
|
|
166
|
-
* <button onClick={stopPolling} disabled={!isRunning}>
|
|
167
|
-
* Cancel
|
|
168
|
-
* </button>
|
|
169
|
-
* </div>
|
|
170
|
-
* );
|
|
171
|
-
* }
|
|
172
|
-
* ```
|
|
173
|
-
*
|
|
174
|
-
* ## Available Hooks
|
|
175
|
-
*
|
|
176
|
-
* ### Context Hooks (Available in all screens)
|
|
177
|
-
* - `useUser()` - Current user information
|
|
178
|
-
* - `useTenant()` - Tenant configuration
|
|
179
|
-
* - `useClient()` - Application client information
|
|
180
|
-
* - `useScreen()` - Current screen data and configuration
|
|
181
|
-
* - `useTransaction()` - Transaction state and methods
|
|
182
|
-
* - `useBranding()` - Tenant branding and theme
|
|
183
|
-
* - `useOrganization()` - Organization context (if applicable)
|
|
184
|
-
* - `usePrompt()` - Current authentication prompt
|
|
185
|
-
* - `useUntrustedData()` - Untrusted data from the authentication flow
|
|
186
|
-
*
|
|
187
|
-
* ### Utility Hooks
|
|
188
|
-
* Specialized hooks for form validation, polling, and identifier management:
|
|
189
|
-
*
|
|
190
|
-
* #### Identifier Management
|
|
191
|
-
* - `useLoginIdentifiers()` - Get available login identifier types (email, phone, username)
|
|
192
|
-
* - `useSignupIdentifiers()` - Get available signup identifier types, each with its `required` status
|
|
193
|
-
*
|
|
194
|
-
* #### Form Validation
|
|
195
|
-
* - `usePasswordValidation(password, rules)` - Real-time password strength validation
|
|
196
|
-
* - `useUsernameValidation(username)` - Username format and availability validation
|
|
197
|
-
*
|
|
198
|
-
* #### MFA & Polling
|
|
199
|
-
* - `useMfaPolling(options)` - Manage MFA push notification polling lifecycle
|
|
200
|
-
* - `useResend(options)` - Handle resend operations with cooldown timers
|
|
201
|
-
*
|
|
202
|
-
* ### Common Hooks
|
|
203
|
-
* General-purpose hooks available across all screens:
|
|
204
|
-
*
|
|
205
|
-
* #### Screen Management
|
|
206
|
-
* - `useCurrentScreen()` - Get complete current screen context data
|
|
207
|
-
* - `useAuth0Themes()` - Access tenant branding and theme configuration
|
|
208
|
-
*
|
|
209
|
-
* #### Error Handling
|
|
210
|
-
* - `useErrors(options)` - Comprehensive error management with categorization
|
|
211
|
-
* - Filter by error type: `'validation'`, `'auth0'`, `'configuration'`
|
|
212
|
-
* - Filter by field name for form-specific errors
|
|
213
|
-
* - Dismiss individual or all errors
|
|
214
|
-
*
|
|
215
|
-
* ### Screen-Specific Action Methods
|
|
216
|
-
* Each screen module exports methods for screen actions:
|
|
217
|
-
*
|
|
218
|
-
* ```tsx
|
|
219
|
-
* // Login ID Screen
|
|
220
|
-
* import {
|
|
221
|
-
* loginMethod,
|
|
222
|
-
* continueWithFederatedLogin
|
|
223
|
-
* } from '@auth0/auth0-acul-react/login-id';
|
|
224
|
-
*
|
|
225
|
-
* // Password Screen
|
|
226
|
-
* import {
|
|
227
|
-
* loginMethod,
|
|
228
|
-
* forgotPasswordMethod
|
|
229
|
-
* } from '@auth0/auth0-acul-react/login-password';
|
|
230
|
-
*
|
|
231
|
-
* // MFA Push Challenge
|
|
232
|
-
* import {
|
|
233
|
-
* continueMethod,
|
|
234
|
-
* resendPushNotification,
|
|
235
|
-
* useMfaPolling
|
|
236
|
-
* } from '@auth0/auth0-acul-react/mfa-push-challenge-push';
|
|
237
|
-
* ```
|
|
238
|
-
*
|
|
239
|
-
* ## Best Practices
|
|
240
|
-
*
|
|
241
|
-
* - Use **screen-specific modules**
|
|
242
|
-
* - Handle errors using `useErrors()`
|
|
243
|
-
* - Use context hooks (like `useTenant`, `useScreen`) for dynamic branding, layout, or behavior
|
|
244
|
-
*
|
|
245
|
-
*
|
|
246
|
-
*
|
|
247
|
-
* ## Examples and Resources
|
|
248
|
-
*
|
|
249
|
-
* - [React Examples](https://github.com/auth0/universal-login/tree/master/packages/auth0-acul-react/examples) - Complete React component examples
|
|
250
|
-
* - [React Boilerplate](https://github.com/auth0/auth0-acul-react-boilerplate) - Full React application template
|
|
251
|
-
*
|
|
252
|
-
* ## Feedback and Support
|
|
253
|
-
*
|
|
254
|
-
* ### Contributing
|
|
255
|
-
*
|
|
256
|
-
* We appreciate feedback and contribution to this repo! Before you get started, please see the following:
|
|
257
|
-
*
|
|
258
|
-
* - [Auth0's general contribution guidelines](https://github.com/auth0/open-source-template/blob/master/GENERAL-CONTRIBUTING.md)
|
|
259
|
-
* - [Auth0's code of conduct guidelines](https://github.com/auth0/open-source-template/blob/master/CODE-OF-CONDUCT.md)
|
|
260
|
-
*
|
|
261
|
-
* ### Raise an Issue
|
|
262
|
-
*
|
|
263
|
-
* To provide feedback or report a bug, please [raise an issue on our issue tracker](https://github.com/auth0/universal-login/issues).
|
|
264
|
-
*
|
|
265
|
-
* ### Vulnerability Reporting
|
|
266
|
-
*
|
|
267
|
-
* Please do not report security vulnerabilities on the public GitHub issue tracker. The [Responsible Disclosure Program](https://auth0.com/responsible-disclosure-policy) details the procedure for disclosing security issues.
|
|
268
|
-
*
|
|
269
|
-
* ---
|
|
270
|
-
*
|
|
271
|
-
* **Early Access Notice:** This SDK and its associated product are made available only in Early Access ("EA") format and are governed by the Free Trial terms of the [Okta Master Subscription Agreement](https://www.okta.com/agreements/#mastersubscriptionagreement).
|
|
272
|
-
*
|
|
273
|
-
* <p align="center">
|
|
274
|
-
* <picture>
|
|
275
|
-
* <source media="(prefers-color-scheme: light)" srcset="https://cdn.auth0.com/website/sdks/logos/auth0_light_mode.png" width="150">
|
|
276
|
-
* <source media="(prefers-color-scheme: dark)" srcset="https://cdn.auth0.com/website/sdks/logos/auth0_dark_mode.png" width="150">
|
|
277
|
-
* <img alt="Auth0 Logo" src="https://cdn.auth0.com/website/sdks/logos/auth0_light_mode.png" width="150">
|
|
278
|
-
* </picture>
|
|
279
|
-
*</p>
|
|
280
|
-
*
|
|
281
|
-
* This project is licensed under the MIT license. See the [LICENSE](https://github.com/auth0/universal-login/blob/master/LICENSE) file for more info.
|
|
282
|
-
*/
|