feat: support signInOptions from SignInButton component

Author: brionmario

packages/nextjs/src/client/components/actions/SignInButton/SignInButton.tsx

@@ -27,7 +27,12 @@ import {useRouter} from 'next/navigation';
 /**
  * Props interface of {@link SignInButton}
  */
-export type SignInButtonProps = BaseSignInButtonProps;
+export type SignInButtonProps = BaseSignInButtonProps & {
+  /**
+   * Additional parameters to pass to the `authorize` request.
+   */
+  signInOptions?: Record<string, any>;
+}
 
 /**
  * SignInButton component that uses server actions for authentication in Next.js.
@@ -55,7 +60,7 @@ export type SignInButtonProps = BaseSignInButtonProps;
  */
 const SignInButton = forwardRef<HTMLButtonElement, SignInButtonProps>(
   (
-    {className, style, children, preferences, onClick, ...rest}: SignInButtonProps,
+    {className, style, children, preferences, onClick, signInOptions = {}, ...rest}: SignInButtonProps,
     ref: Ref<HTMLButtonElement>,
   ): ReactElement => {
     const {signIn, signInUrl} = useAsgardeo();
@@ -72,7 +77,7 @@ const SignInButton = forwardRef<HTMLButtonElement, SignInButtonProps>(
         if (signInUrl) {
           router.push(signInUrl);
         } else {
-          await signIn();
+          await signIn(signInOptions);
         }
 
         if (onClick) {

packages/react/src/components/actions/SignInButton/SignInButton.tsx

@@ -25,7 +25,12 @@ import useTranslation from '../../../hooks/useTranslation';
 /**
  * Props interface of {@link SignInButton}
  */
-export type SignInButtonProps = BaseSignInButtonProps;
+export type SignInButtonProps = BaseSignInButtonProps & {
+  /**
+   * Additional parameters to pass to the `authorize` request.
+   */
+  signInOptions?: Record<string, any>;
+};
 
 /**
  * SignInButton component that supports both render props and traditional props patterns.
@@ -70,7 +75,7 @@ export type SignInButtonProps = BaseSignInButtonProps;
 const SignInButton: ForwardRefExoticComponent<SignInButtonProps & RefAttributes<HTMLButtonElement>> = forwardRef<
   HTMLButtonElement,
   SignInButtonProps
->(({children, onClick, preferences, ...rest}: SignInButtonProps, ref: Ref<HTMLButtonElement>): ReactElement => {
+>(({children, onClick, preferences, signInOptions = {}, ...rest}: SignInButtonProps, ref: Ref<HTMLButtonElement>): ReactElement => {
   const {signIn, signInUrl} = useAsgardeo();
   const {t} = useTranslation(preferences?.i18n);
 
@@ -86,7 +91,7 @@ const SignInButton: ForwardRefExoticComponent<SignInButtonProps & RefAttributes<
 
         window.dispatchEvent(new PopStateEvent('popstate', {state: null}));
       } else {
-        await signIn();
+        await signIn(signInOptions);
       }
 
       if (onClick) {