refactor(experience): cache user input identifier for a better sign-in experience

[xiaoyijun]

Summary

This PR introduces a significant refactoring of the user input identifier caching mechanism to enhance the sign-in experience. The main changes include:

• Implementation of a new UserInteractionContext to manage and persist user input identifiers across different pages and flows.
• Introduction of session storage for caching identifier input values, improving user experience when navigating between pages.
• Refactoring of various components and hooks to utilize the new context and storage mechanism, including:
  • ForgotPassword flow
  • SignIn flow
  • Registration flow
  • Password reset flow
• Removal of state passing through react-router, replacing it with the new context-based approach.
• Updates to relevant test cases to accommodate the new caching mechanism.

These changes aim to provide a more seamless and consistent experience for users across different authentication flows, reducing the need for re-entering information and improving overall usability.

The refactoring touches multiple files across the experience package, primarily focusing on state management and data persistence between different steps of the authentication process.

Testing

Test locally and all IT passed.

Checklist

• .changeset
• unit tests
• integration tests
• necessary TSDoc comments

[github-actions]

COMPARE TO master

Total Size Diff 📈 +8.35 KB

Diff by File

Name	Diff
packages/experience/src/Providers/UserInteractionContextProvider/UserInteractionContext.tsx	📈 +1.61 KB
packages/experience/src/Providers/UserInteractionContextProvider/index.tsx	📈 +1.46 KB
packages/experience/src/components/InputFields/SmartInputField/use-smart-input-field.ts	📈 +233 Bytes
packages/experience/src/containers/ForgotPasswordLink/index.tsx	📈 +474 Bytes
packages/experience/src/containers/VerificationCode/PasswordSignInLink.tsx	📈 +220 Bytes
packages/experience/src/containers/VerificationCode/index.tsx	📈 +36 Bytes
packages/experience/src/hooks/use-check-single-sign-on.ts	0 Bytes
packages/experience/src/hooks/use-global-redirect-to.ts	📈 +510 Bytes
packages/experience/src/hooks/use-send-verification-code.ts	📈 +37 Bytes
packages/experience/src/hooks/use-session-storages.ts	📈 +303 Bytes
packages/experience/src/pages/Continue/SetEmailOrPhone/index.tsx	📈 +273 Bytes
packages/experience/src/pages/Continue/SetUsername/index.tsx	📈 +274 Bytes
packages/experience/src/pages/ForgotPassword/ForgotPasswordForm/index.test.tsx	📈 +148 Bytes
packages/experience/src/pages/ForgotPassword/ForgotPasswordForm/index.tsx	📈 +379 Bytes
packages/experience/src/pages/ForgotPassword/index.test.tsx	📈 +541 Bytes
packages/experience/src/pages/ForgotPassword/index.tsx	📈 +4 Bytes
packages/experience/src/pages/Register/IdentifierRegisterForm/index.test.tsx	📈 +580 Bytes
packages/experience/src/pages/Register/IdentifierRegisterForm/index.tsx	📈 +403 Bytes
packages/experience/src/pages/ResetPassword/index.tsx	📈 +363 Bytes
packages/experience/src/pages/SignIn/IdentifierSignInForm/index.test.tsx	📈 +722 Bytes
packages/experience/src/pages/SignIn/IdentifierSignInForm/index.tsx	📈 +402 Bytes
packages/experience/src/pages/SignIn/IdentifierSignInForm/use-on-submit.ts	📈 +139 Bytes
packages/experience/src/pages/SignIn/PasswordSignInForm/index.tsx	📈 +272 Bytes
packages/experience/src/pages/SignInPassword/PasswordForm/index.test.tsx	📈 +42 Bytes
packages/experience/src/pages/SignInPassword/PasswordForm/index.tsx	📈 +266 Bytes
packages/experience/src/pages/SignInPassword/index.test.tsx	📈 +320 Bytes
packages/experience/src/pages/SignInPassword/index.tsx	📈 +26 Bytes
packages/experience/src/pages/VerificationCode/index.test.tsx	📈 +516 Bytes
packages/experience/src/pages/VerificationCode/index.tsx	📈 +29 Bytes
packages/experience/src/types/guard.ts	📈 +69 Bytes

[wangsijie]

CI failed

[simeng-li]

overall LGTM