@webiny/cognito 6.6.0-alpha.0 → 6.6.0-alpha.2

package/admin/presentation/Cognito/CognitoPresenter.js

@@ -4,10 +4,13 @@ import { confirmResetPassword, confirmSignIn, fetchAuthSession, resetPassword, s
 import { CognitoPresenter } from "./abstractions.js";
 import { LogInUseCase } from "@webiny/app-admin/features/security/LogIn/index.js";
 import { IdentityContext } from "@webiny/app-admin/features/security/IdentityContext/index.js";
+import { CognitoSignInConfig } from "./CognitoSignInConfig.js";
+const federatedDescription = "You will be taken to an external service to complete the sign-in process.";
 class CognitoPresenterImpl {
-    constructor(identity, logInUseCase){
+    constructor(identity, logInUseCase, signInConfig){
         this.identity = identity;
         this.logInUseCase = logInUseCase;
+        this.signInConfig = signInConfig;
         this.authState = "signIn";
         this.authData = null;
         this.message = null;
@@ -15,6 +18,12 @@ class CognitoPresenterImpl {
         this.isLoggingIn = false;
         this.formLoading = false;
         this.initialized = false;
+        this.signInTitle = "Sign in";
+        this.signInDescription = void 0;
+        this.allowCredentialsLogin = true;
+        this.federatedProviders = [];
+        this.totpSharedSecret = "";
+        this.totpQrCodeUri = "";
         makeAutoObservable(this);
     }
     get vm() {
@@ -26,7 +35,11 @@ class CognitoPresenterImpl {
             isAuthenticated: identity.isAuthenticated,
             signIn: {
                 isLoading: this.formLoading,
-                message: this.message
+                message: this.message,
+                title: this.signInTitle,
+                description: this.signInDescription,
+                allowCredentialsLogin: this.allowCredentialsLogin,
+                federatedProviders: this.federatedProviders
             },
             requestPasswordResetCode: {
                 isLoading: this.formLoading,
@@ -43,13 +56,50 @@ class CognitoPresenterImpl {
             requireNewPassword: {
                 isLoading: this.formLoading,
                 requiredAttributes: this.authData && this.authData.requiredAttributes || []
+            },
+            confirmTotpCode: {
+                isLoading: this.formLoading,
+                message: this.message
+            },
+            setupTotp: {
+                isLoading: this.formLoading,
+                sharedSecret: this.totpSharedSecret,
+                qrCodeUri: this.totpQrCodeUri,
+                message: this.message
             }
         };
     }
     async init(params) {
         if (this.initialized) return;
+        let oauthConfig;
+        if (this.signInConfig) {
+            const config = await this.signInConfig.getConfig();
+            runInAction(()=>{
+                this.signInTitle = config.title ?? "Sign in";
+                this.signInDescription = config.description;
+                if (!config.description && !config.allowCredentialsLogin) this.signInDescription = federatedDescription;
+                this.allowCredentialsLogin = config.allowCredentialsLogin;
+                this.federatedProviders = config.providers;
+            });
+            const domain = process.env.REACT_APP_USER_POOL_DOMAIN;
+            if (domain) oauthConfig = {
+                Cognito: {
+                    userPoolId: params.userPoolId,
+                    userPoolClientId: params.clientId,
+                    loginWith: {
+                        oauth: {
+                            domain,
+                            redirectSignIn: config.oauth.redirectSignIn,
+                            redirectSignOut: config.oauth.redirectSignOut,
+                            scopes: config.oauth.scopes,
+                            responseType: config.oauth.responseType
+                        }
+                    }
+                }
+            };
+        }
         Amplify.configure({
-            Auth: {
+            Auth: oauthConfig ?? {
                 Cognito: {
                     userPoolId: params.userPoolId,
                     userPoolClientId: params.clientId
@@ -81,7 +131,20 @@ class CognitoPresenterImpl {
                 };
                 this.formLoading = false;
             });
-            else {
+            else if ("CONFIRM_SIGN_IN_WITH_TOTP_CODE" === nextStep.signInStep) runInAction(()=>{
+                this.authState = "confirmTotpCode";
+                this.formLoading = false;
+            });
+            else if ("CONTINUE_SIGN_IN_WITH_TOTP_SETUP" === nextStep.signInStep) {
+                const totpSetup = nextStep.totpSetupDetails;
+                const uri = totpSetup.getSetupUri("Webiny").toString();
+                runInAction(()=>{
+                    this.totpSharedSecret = totpSetup.sharedSecret;
+                    this.totpQrCodeUri = uri;
+                    this.authState = "setupTotp";
+                    this.formLoading = false;
+                });
+            } else {
                 await this.handleSignedIn();
                 runInAction(()=>{
                     this.formLoading = false;
@@ -193,6 +256,54 @@ class CognitoPresenterImpl {
             });
         }
     }
+    async confirmTotpCode(code) {
+        runInAction(()=>{
+            this.formLoading = true;
+            this.message = null;
+        });
+        try {
+            await confirmSignIn({
+                challengeResponse: code
+            });
+            await this.handleSignedIn();
+        } catch (error) {
+            runInAction(()=>{
+                this.message = {
+                    title: "Verification Failed",
+                    text: error.message,
+                    type: "danger"
+                };
+            });
+        } finally{
+            runInAction(()=>{
+                this.formLoading = false;
+            });
+        }
+    }
+    async verifyTotpSetup(code) {
+        runInAction(()=>{
+            this.formLoading = true;
+            this.message = null;
+        });
+        try {
+            await confirmSignIn({
+                challengeResponse: code
+            });
+            await this.handleSignedIn();
+        } catch (error) {
+            runInAction(()=>{
+                this.message = {
+                    title: "Setup Failed",
+                    text: error.message,
+                    type: "danger"
+                };
+            });
+        } finally{
+            runInAction(()=>{
+                this.formLoading = false;
+            });
+        }
+    }
     showSignIn() {
         this.authState = "signIn";
         this.authData = null;
@@ -241,11 +352,6 @@ class CognitoPresenterImpl {
         }
     }
     async checkUrl() {
-        const query = new URLSearchParams(window.location.search);
-        const queryData = {};
-        query.forEach((value, key)=>queryData[key] = value);
-        const { state } = queryData;
-        if (state) return;
         return this.checkSession();
     }
     async checkSession() {
@@ -266,7 +372,13 @@ const CognitoPresenter_CognitoPresenter = CognitoPresenter.createImplementation(
     implementation: CognitoPresenterImpl,
     dependencies: [
         IdentityContext,
-        LogInUseCase
+        LogInUseCase,
+        [
+            CognitoSignInConfig,
+            {
+                optional: true
+            }
+        ]
     ]
 });
 export { CognitoPresenter_CognitoPresenter as CognitoPresenter };

package/admin/presentation/Cognito/CognitoPresenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin/presentation/Cognito/CognitoPresenter.js","sources":["../../../../src/admin/presentation/Cognito/CognitoPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport { Amplify } from \"aws-amplify\";\nimport {\n    signIn,\n    signOut,\n    confirmSignIn,\n    resetPassword,\n    confirmResetPassword,\n    fetchAuthSession\n} from \"aws-amplify/auth\";\nimport {\n    CognitoPresenter as CognitoPresenterAbstraction,\n    AuthState,\n    AuthData,\n    AuthMessage,\n    ICognitoInitParams\n} from \"./abstractions.js\";\nimport { LogInUseCase } from \"@webiny/app-admin/features/security/LogIn/index.js\";\nimport { IdentityContext } from \"@webiny/app-admin/features/security/IdentityContext/index.js\";\n\nclass CognitoPresenterImpl implements CognitoPresenterAbstraction.Interface {\n    private authState: AuthState = \"signIn\";\n    private authData: AuthData | null = null;\n    private message: AuthMessage | null = null;\n    private checkingSession = false;\n    private isLoggingIn = false;\n    private formLoading = false;\n    private initialized = false;\n\n    constructor(\n        private identity: IdentityContext.Interface,\n        private logInUseCase: LogInUseCase.Interface\n    ) {\n        makeAutoObservable(this);\n    }\n\n    get vm() {\n        const identity = this.identity.getIdentity();\n\n        return {\n            authState: this.authState,\n            checkingSession: this.checkingSession,\n            isLoggingIn: this.isLoggingIn,\n            isAuthenticated: identity.isAuthenticated,\n\n            // View-specific VMs\n            signIn: {\n                isLoading: this.formLoading,\n                message: this.message\n            },\n            requestPasswordResetCode: {\n                isLoading: this.formLoading,\n                message: this.message\n            },\n            passwordResetCodeSent: {\n                isLoading: this.formLoading,\n                message: this.message\n            },\n            setNewPassword: {\n                isLoading: this.formLoading,\n                message: this.message\n            },\n            requireNewPassword: {\n                isLoading: this.formLoading,\n                requiredAttributes: (this.authData && this.authData.requiredAttributes) || []\n            }\n        };\n    }\n\n    async init(params: ICognitoInitParams): Promise<void> {\n        if (this.initialized) {\n            return;\n        }\n\n        Amplify.configure({\n            Auth: {\n                Cognito: {\n                    userPoolId: params.userPoolId,\n                    userPoolClientId: params.clientId\n                }\n            }\n        });\n        this.initialized = true;\n\n        await this.checkUrl();\n    }\n\n    // Public API\n    async signIn(username: string, password: string): Promise<void> {\n        runInAction(() => {\n            this.formLoading = true;\n            this.message = null;\n        });\n\n        const usernameOrPassword = [\"UserNotFoundException\", \"NotAuthorizedException\"];\n\n        try {\n            const result = await signIn({ username, password });\n            const { nextStep } = result;\n\n            if (nextStep.signInStep === \"CONFIRM_SIGN_IN_WITH_NEW_PASSWORD_REQUIRED\") {\n                runInAction(() => {\n                    this.authState = \"requireNewPassword\";\n                    this.authData = {\n                        requiredAttributes: nextStep.missingAttributes || []\n                    };\n                    this.formLoading = false;\n                });\n            } else {\n                await this.handleSignedIn();\n                runInAction(() => {\n                    this.formLoading = false;\n                });\n            }\n        } catch (error) {\n            let message = error.message;\n\n            if (usernameOrPassword.includes(error.name)) {\n                message = \"Incorrect username or password.\";\n            }\n            runInAction(() => {\n                this.message = {\n                    title: \"Login Failed\",\n                    text: message,\n                    type: \"danger\"\n                };\n                this.formLoading = false;\n            });\n        }\n    }\n\n    async confirmNewPassword(password: string, requiredAttributes: any): Promise<void> {\n        runInAction(() => {\n            this.formLoading = true;\n            this.message = null;\n        });\n\n        try {\n            await confirmSignIn({\n                challengeResponse: password,\n                options: { userAttributes: requiredAttributes }\n            });\n            await this.handleSignedIn();\n        } catch (error) {\n            runInAction(() => {\n                this.message = {\n                    title: \"Error\",\n                    text: error.message,\n                    type: \"danger\"\n                };\n            });\n        } finally {\n            runInAction(() => {\n                this.formLoading = false;\n            });\n        }\n    }\n\n    async requestPasswordReset(username: string): Promise<void> {\n        runInAction(() => {\n            this.formLoading = true;\n            this.message = null;\n        });\n\n        try {\n            await resetPassword({ username });\n        } catch {\n            // We ignore errors and pretend that everything went fine.\n            // Showing an error would give a potential attacker information about which usernames exist (or not).\n            // This way it's more difficult to exploit the process.\n        } finally {\n            runInAction(() => {\n                this.authState = \"passwordResetCodeSent\";\n                this.authData = { username };\n                this.formLoading = false;\n            });\n        }\n    }\n\n    async resendPasswordResetCode(): Promise<void> {\n        const username = this.authData?.username;\n        if (this.authState !== \"passwordResetCodeSent\" || !username) {\n            return;\n        }\n\n        await this.requestPasswordReset(username!);\n        runInAction(() => {\n            this.message = {\n                title: \"Code Resent\",\n                text: \"Password reset code has been resent to your email address. Please check your inbox!\",\n                type: \"success\"\n            };\n        });\n    }\n\n    async confirmPasswordReset(code: string, password: string): Promise<void> {\n        const username = this.authData?.username;\n        if (!username) {\n            return;\n        }\n\n        runInAction(() => {\n            this.formLoading = true;\n            this.message = null;\n        });\n\n        try {\n            await confirmResetPassword({\n                username,\n                confirmationCode: code,\n                newPassword: password\n            });\n            runInAction(() => {\n                this.authState = \"signIn\";\n                this.message = {\n                    title: \"Password Reset\",\n                    text: \"You can now sign in with your new password\",\n                    type: \"success\"\n                };\n            });\n        } catch (error) {\n            runInAction(() => {\n                this.message = {\n                    title: \"Error\",\n                    text: error.message,\n                    type: \"danger\"\n                };\n            });\n        } finally {\n            runInAction(() => {\n                this.formLoading = false;\n            });\n        }\n    }\n\n    showSignIn(): void {\n        this.authState = \"signIn\";\n        this.authData = null;\n        this.message = null;\n    }\n\n    showRequestPasswordResetCode(): void {\n        this.authState = \"requestPasswordResetCode\";\n        this.message = null;\n    }\n\n    showSetNewPassword(): void {\n        this.authState = \"setNewPassword\";\n        this.message = null;\n    }\n\n    // Private/internal methods\n    private async handleSignedIn(): Promise<void> {\n        runInAction(() => {\n            this.isLoggingIn = true;\n        });\n\n        try {\n            await this.logInUseCase.execute({\n                idTokenProvider: async () => {\n                    const session = await fetchAuthSession();\n                    const idToken = session.tokens?.idToken;\n                    if (!idToken) {\n                        throw new Error(\"No ID token available.\");\n                    }\n                    return idToken.toString();\n                },\n                logoutCallback: () => {\n                    signOut();\n                    runInAction(() => {\n                        this.authState = \"signIn\";\n                        this.authData = null;\n                    });\n                }\n            });\n\n            runInAction(() => {\n                this.authState = \"signedIn\";\n            });\n        } catch (error) {\n            console.error(\"Error during sign in:\", error);\n            runInAction(() => {\n                this.authState = \"signIn\";\n            });\n        } finally {\n            runInAction(() => {\n                this.isLoggingIn = false;\n            });\n        }\n    }\n\n    private async checkUrl(): Promise<void> {\n        const query = new URLSearchParams(window.location.search);\n        const queryData: Record<string, string> = {};\n        query.forEach((value, key) => (queryData[key] = value));\n        const { state } = queryData;\n\n        if (state) {\n            // Handle state from URL if needed\n            return;\n        }\n\n        return this.checkSession();\n    }\n\n    private async checkSession(): Promise<void> {\n        runInAction(() => {\n            this.checkingSession = true;\n        });\n\n        try {\n            const session = await fetchAuthSession();\n            if (session.tokens) {\n                // We don't need to `await`, we simply start a separate \"branch\" of execution.\n                this.handleSignedIn();\n            }\n        } catch {\n            // Not authenticated, stay on signIn\n        } finally {\n            runInAction(() => {\n                this.checkingSession = false;\n            });\n        }\n    }\n}\n\nexport const CognitoPresenter = CognitoPresenterAbstraction.createImplementation({\n    implementation: CognitoPresenterImpl,\n    dependencies: [IdentityContext, LogInUseCase]\n});\n"],"names":["CognitoPresenterImpl","identity","logInUseCase","makeAutoObservable","params","Amplify","username","password","runInAction","usernameOrPassword","result","signIn","nextStep","error","message","requiredAttributes","confirmSignIn","resetPassword","code","confirmResetPassword","session","fetchAuthSession","idToken","Error","signOut","console","query","URLSearchParams","window","queryData","value","key","state","CognitoPresenter","CognitoPresenterAbstraction","IdentityContext","LogInUseCase"],"mappings":"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"}
+{"version":3,"file":"admin/presentation/Cognito/CognitoPresenter.js","sources":["../../../../src/admin/presentation/Cognito/CognitoPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport { Amplify } from \"aws-amplify\";\nimport {\n    signIn,\n    signOut,\n    confirmSignIn,\n    resetPassword,\n    confirmResetPassword,\n    fetchAuthSession\n} from \"aws-amplify/auth\";\nimport {\n    CognitoPresenter as CognitoPresenterAbstraction,\n    AuthState,\n    AuthData,\n    AuthMessage,\n    ICognitoInitParams\n} from \"./abstractions.js\";\nimport { LogInUseCase } from \"@webiny/app-admin/features/security/LogIn/index.js\";\nimport { IdentityContext } from \"@webiny/app-admin/features/security/IdentityContext/index.js\";\nimport { CognitoSignInConfig } from \"./CognitoSignInConfig.js\";\n\nconst federatedDescription =\n    \"You will be taken to an external service to complete the sign-in process.\";\n\nclass CognitoPresenterImpl implements CognitoPresenterAbstraction.Interface {\n    private authState: AuthState = \"signIn\";\n    private authData: AuthData | null = null;\n    private message: AuthMessage | null = null;\n    private checkingSession = false;\n    private isLoggingIn = false;\n    private formLoading = false;\n    private initialized = false;\n\n    private signInTitle = \"Sign in\";\n    private signInDescription: string | undefined = undefined;\n    private allowCredentialsLogin = true;\n    private federatedProviders: CognitoSignInConfig.FederatedProvider[] = [];\n\n    private totpSharedSecret = \"\";\n    private totpQrCodeUri = \"\";\n\n    constructor(\n        private identity: IdentityContext.Interface,\n        private logInUseCase: LogInUseCase.Interface,\n        private signInConfig: CognitoSignInConfig.Interface | undefined\n    ) {\n        makeAutoObservable(this);\n    }\n\n    get vm() {\n        const identity = this.identity.getIdentity();\n\n        return {\n            authState: this.authState,\n            checkingSession: this.checkingSession,\n            isLoggingIn: this.isLoggingIn,\n            isAuthenticated: identity.isAuthenticated,\n\n            // View-specific VMs\n            signIn: {\n                isLoading: this.formLoading,\n                message: this.message,\n                title: this.signInTitle,\n                description: this.signInDescription,\n                allowCredentialsLogin: this.allowCredentialsLogin,\n                federatedProviders: this.federatedProviders\n            },\n            requestPasswordResetCode: {\n                isLoading: this.formLoading,\n                message: this.message\n            },\n            passwordResetCodeSent: {\n                isLoading: this.formLoading,\n                message: this.message\n            },\n            setNewPassword: {\n                isLoading: this.formLoading,\n                message: this.message\n            },\n            requireNewPassword: {\n                isLoading: this.formLoading,\n                requiredAttributes: (this.authData && this.authData.requiredAttributes) || []\n            },\n            confirmTotpCode: {\n                isLoading: this.formLoading,\n                message: this.message\n            },\n            setupTotp: {\n                isLoading: this.formLoading,\n                sharedSecret: this.totpSharedSecret,\n                qrCodeUri: this.totpQrCodeUri,\n                message: this.message\n            }\n        };\n    }\n\n    async init(params: ICognitoInitParams): Promise<void> {\n        if (this.initialized) {\n            return;\n        }\n\n        let oauthConfig:\n            | { Cognito: { userPoolId: string; userPoolClientId: string; loginWith: any } }\n            | undefined;\n\n        if (this.signInConfig) {\n            const config = await this.signInConfig.getConfig();\n\n            runInAction(() => {\n                this.signInTitle = config.title ?? \"Sign in\";\n                this.signInDescription = config.description;\n\n                if (!config.description && !config.allowCredentialsLogin) {\n                    this.signInDescription = federatedDescription;\n                }\n\n                this.allowCredentialsLogin = config.allowCredentialsLogin;\n                this.federatedProviders = config.providers;\n            });\n\n            const domain = process.env.REACT_APP_USER_POOL_DOMAIN;\n            if (domain) {\n                oauthConfig = {\n                    Cognito: {\n                        userPoolId: params.userPoolId,\n                        userPoolClientId: params.clientId,\n                        loginWith: {\n                            oauth: {\n                                domain,\n                                redirectSignIn: config.oauth.redirectSignIn,\n                                redirectSignOut: config.oauth.redirectSignOut,\n                                scopes: config.oauth.scopes,\n                                responseType: config.oauth.responseType\n                            }\n                        }\n                    }\n                };\n            }\n        }\n\n        Amplify.configure({\n            Auth: oauthConfig ?? {\n                Cognito: {\n                    userPoolId: params.userPoolId,\n                    userPoolClientId: params.clientId\n                }\n            }\n        });\n        this.initialized = true;\n\n        await this.checkUrl();\n    }\n\n    // Public API\n    async signIn(username: string, password: string): Promise<void> {\n        runInAction(() => {\n            this.formLoading = true;\n            this.message = null;\n        });\n\n        const usernameOrPassword = [\"UserNotFoundException\", \"NotAuthorizedException\"];\n\n        try {\n            const result = await signIn({ username, password });\n            const { nextStep } = result;\n\n            if (nextStep.signInStep === \"CONFIRM_SIGN_IN_WITH_NEW_PASSWORD_REQUIRED\") {\n                runInAction(() => {\n                    this.authState = \"requireNewPassword\";\n                    this.authData = {\n                        requiredAttributes: nextStep.missingAttributes || []\n                    };\n                    this.formLoading = false;\n                });\n            } else if (nextStep.signInStep === \"CONFIRM_SIGN_IN_WITH_TOTP_CODE\") {\n                runInAction(() => {\n                    this.authState = \"confirmTotpCode\";\n                    this.formLoading = false;\n                });\n            } else if (nextStep.signInStep === \"CONTINUE_SIGN_IN_WITH_TOTP_SETUP\") {\n                const totpSetup = nextStep.totpSetupDetails;\n                const uri = totpSetup.getSetupUri(\"Webiny\").toString();\n                runInAction(() => {\n                    this.totpSharedSecret = totpSetup.sharedSecret;\n                    this.totpQrCodeUri = uri;\n                    this.authState = \"setupTotp\";\n                    this.formLoading = false;\n                });\n            } else {\n                await this.handleSignedIn();\n                runInAction(() => {\n                    this.formLoading = false;\n                });\n            }\n        } catch (error) {\n            let message = error.message;\n\n            if (usernameOrPassword.includes(error.name)) {\n                message = \"Incorrect username or password.\";\n            }\n            runInAction(() => {\n                this.message = {\n                    title: \"Login Failed\",\n                    text: message,\n                    type: \"danger\"\n                };\n                this.formLoading = false;\n            });\n        }\n    }\n\n    async confirmNewPassword(password: string, requiredAttributes: any): Promise<void> {\n        runInAction(() => {\n            this.formLoading = true;\n            this.message = null;\n        });\n\n        try {\n            await confirmSignIn({\n                challengeResponse: password,\n                options: { userAttributes: requiredAttributes }\n            });\n            await this.handleSignedIn();\n        } catch (error) {\n            runInAction(() => {\n                this.message = {\n                    title: \"Error\",\n                    text: error.message,\n                    type: \"danger\"\n                };\n            });\n        } finally {\n            runInAction(() => {\n                this.formLoading = false;\n            });\n        }\n    }\n\n    async requestPasswordReset(username: string): Promise<void> {\n        runInAction(() => {\n            this.formLoading = true;\n            this.message = null;\n        });\n\n        try {\n            await resetPassword({ username });\n        } catch {\n            // We ignore errors and pretend that everything went fine.\n            // Showing an error would give a potential attacker information about which usernames exist (or not).\n            // This way it's more difficult to exploit the process.\n        } finally {\n            runInAction(() => {\n                this.authState = \"passwordResetCodeSent\";\n                this.authData = { username };\n                this.formLoading = false;\n            });\n        }\n    }\n\n    async resendPasswordResetCode(): Promise<void> {\n        const username = this.authData?.username;\n        if (this.authState !== \"passwordResetCodeSent\" || !username) {\n            return;\n        }\n\n        await this.requestPasswordReset(username!);\n        runInAction(() => {\n            this.message = {\n                title: \"Code Resent\",\n                text: \"Password reset code has been resent to your email address. Please check your inbox!\",\n                type: \"success\"\n            };\n        });\n    }\n\n    async confirmPasswordReset(code: string, password: string): Promise<void> {\n        const username = this.authData?.username;\n        if (!username) {\n            return;\n        }\n\n        runInAction(() => {\n            this.formLoading = true;\n            this.message = null;\n        });\n\n        try {\n            await confirmResetPassword({\n                username,\n                confirmationCode: code,\n                newPassword: password\n            });\n            runInAction(() => {\n                this.authState = \"signIn\";\n                this.message = {\n                    title: \"Password Reset\",\n                    text: \"You can now sign in with your new password\",\n                    type: \"success\"\n                };\n            });\n        } catch (error) {\n            runInAction(() => {\n                this.message = {\n                    title: \"Error\",\n                    text: error.message,\n                    type: \"danger\"\n                };\n            });\n        } finally {\n            runInAction(() => {\n                this.formLoading = false;\n            });\n        }\n    }\n\n    async confirmTotpCode(code: string): Promise<void> {\n        runInAction(() => {\n            this.formLoading = true;\n            this.message = null;\n        });\n\n        try {\n            await confirmSignIn({ challengeResponse: code });\n            await this.handleSignedIn();\n        } catch (error) {\n            runInAction(() => {\n                this.message = {\n                    title: \"Verification Failed\",\n                    text: error.message,\n                    type: \"danger\"\n                };\n            });\n        } finally {\n            runInAction(() => {\n                this.formLoading = false;\n            });\n        }\n    }\n\n    async verifyTotpSetup(code: string): Promise<void> {\n        runInAction(() => {\n            this.formLoading = true;\n            this.message = null;\n        });\n\n        try {\n            await confirmSignIn({ challengeResponse: code });\n            await this.handleSignedIn();\n        } catch (error) {\n            runInAction(() => {\n                this.message = {\n                    title: \"Setup Failed\",\n                    text: error.message,\n                    type: \"danger\"\n                };\n            });\n        } finally {\n            runInAction(() => {\n                this.formLoading = false;\n            });\n        }\n    }\n\n    showSignIn(): void {\n        this.authState = \"signIn\";\n        this.authData = null;\n        this.message = null;\n    }\n\n    showRequestPasswordResetCode(): void {\n        this.authState = \"requestPasswordResetCode\";\n        this.message = null;\n    }\n\n    showSetNewPassword(): void {\n        this.authState = \"setNewPassword\";\n        this.message = null;\n    }\n\n    // Private/internal methods\n    private async handleSignedIn(): Promise<void> {\n        runInAction(() => {\n            this.isLoggingIn = true;\n        });\n\n        try {\n            await this.logInUseCase.execute({\n                idTokenProvider: async () => {\n                    const session = await fetchAuthSession();\n                    const idToken = session.tokens?.idToken;\n                    if (!idToken) {\n                        throw new Error(\"No ID token available.\");\n                    }\n                    return idToken.toString();\n                },\n                logoutCallback: () => {\n                    signOut();\n                    runInAction(() => {\n                        this.authState = \"signIn\";\n                        this.authData = null;\n                    });\n                }\n            });\n\n            runInAction(() => {\n                this.authState = \"signedIn\";\n            });\n        } catch (error) {\n            console.error(\"Error during sign in:\", error);\n            runInAction(() => {\n                this.authState = \"signIn\";\n            });\n        } finally {\n            runInAction(() => {\n                this.isLoggingIn = false;\n            });\n        }\n    }\n\n    private async checkUrl(): Promise<void> {\n        return this.checkSession();\n    }\n\n    private async checkSession(): Promise<void> {\n        runInAction(() => {\n            this.checkingSession = true;\n        });\n\n        try {\n            const session = await fetchAuthSession();\n            if (session.tokens) {\n                // We don't need to `await`, we simply start a separate \"branch\" of execution.\n                this.handleSignedIn();\n            }\n        } catch {\n            // Not authenticated, stay on signIn\n        } finally {\n            runInAction(() => {\n                this.checkingSession = false;\n            });\n        }\n    }\n}\n\nexport const CognitoPresenter = CognitoPresenterAbstraction.createImplementation({\n    implementation: CognitoPresenterImpl,\n    dependencies: [IdentityContext, LogInUseCase, [CognitoSignInConfig, { optional: true }]]\n});\n"],"names":["federatedDescription","CognitoPresenterImpl","identity","logInUseCase","signInConfig","undefined","makeAutoObservable","params","oauthConfig","config","runInAction","domain","process","Amplify","username","password","usernameOrPassword","result","signIn","nextStep","totpSetup","uri","error","message","requiredAttributes","confirmSignIn","resetPassword","code","confirmResetPassword","session","fetchAuthSession","idToken","Error","signOut","console","CognitoPresenter","CognitoPresenterAbstraction","IdentityContext","LogInUseCase","CognitoSignInConfig"],"mappings":"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"}

package/admin/presentation/Cognito/CognitoSignInConfig.d.ts

@@ -0,0 +1,31 @@
+import type React from "react";
+export interface SignInProps {
+    signIn: () => void;
+}
+export type IFederatedProvider = {
+    name: string;
+    label: string;
+} | {
+    name: string;
+    component: React.FC<SignInProps>;
+};
+export interface ICognitoSignInConfig {
+    getConfig(): Promise<{
+        oauth: {
+            scopes: string[];
+            redirectSignIn: string[];
+            redirectSignOut: string[];
+            responseType: "code" | "token";
+        };
+        allowCredentialsLogin: boolean;
+        providers: IFederatedProvider[];
+        title?: string;
+        description?: string;
+    }>;
+}
+export declare const CognitoSignInConfig: import("@webiny/di").Abstraction<ICognitoSignInConfig>;
+export declare namespace CognitoSignInConfig {
+    type Interface = ICognitoSignInConfig;
+    type Config = Awaited<ReturnType<ICognitoSignInConfig["getConfig"]>>;
+    type FederatedProvider = IFederatedProvider;
+}

package/admin/presentation/Cognito/CognitoSignInConfig.js

@@ -0,0 +1,5 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const CognitoSignInConfig = createAbstraction("CognitoSignInConfig");
+export { CognitoSignInConfig };
+
+//# sourceMappingURL=CognitoSignInConfig.js.map

package/admin/presentation/Cognito/CognitoSignInConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/Cognito/CognitoSignInConfig.js","sources":["../../../../src/admin/presentation/Cognito/CognitoSignInConfig.ts"],"sourcesContent":["import type React from \"react\";\nimport { createAbstraction } from \"@webiny/feature/admin\";\n\nexport interface SignInProps {\n    signIn: () => void;\n}\n\nexport type IFederatedProvider =\n    | { name: string; label: string }\n    | { name: string; component: React.FC<SignInProps> };\n\nexport interface ICognitoSignInConfig {\n    getConfig(): Promise<{\n        oauth: {\n            scopes: string[];\n            redirectSignIn: string[];\n            redirectSignOut: string[];\n            responseType: \"code\" | \"token\";\n        };\n        allowCredentialsLogin: boolean;\n        providers: IFederatedProvider[];\n        title?: string;\n        description?: string;\n    }>;\n}\n\nexport const CognitoSignInConfig = createAbstraction<ICognitoSignInConfig>(\"CognitoSignInConfig\");\n\nexport namespace CognitoSignInConfig {\n    export type Interface = ICognitoSignInConfig;\n    export type Config = Awaited<ReturnType<ICognitoSignInConfig[\"getConfig\"]>>;\n    export type FederatedProvider = IFederatedProvider;\n}\n"],"names":["CognitoSignInConfig","createAbstraction"],"mappings":";AA0BO,MAAMA,sBAAsBC,kBAAwC"}

package/admin/presentation/Cognito/abstractions.d.ts

@@ -1,4 +1,5 @@
-export type AuthState = "signIn" | "signedIn" | "signedOut" | "requestPasswordResetCode" | "passwordResetCodeSent" | "setNewPassword" | "requireNewPassword";
+import type { IFederatedProvider } from "./CognitoSignInConfig.js";
+export type AuthState = "signIn" | "signedIn" | "signedOut" | "requestPasswordResetCode" | "passwordResetCodeSent" | "setNewPassword" | "requireNewPassword" | "confirmTotpCode" | "setupTotp";
 export interface AuthDataVerified {
     email?: string;
     phone_number?: string;
@@ -27,6 +28,10 @@ export interface ICognitoInitParams {
 export interface SignInVM {
     isLoading: boolean;
     message: AuthMessage | null;
+    title: string;
+    description: string | undefined;
+    allowCredentialsLogin: boolean;
+    federatedProviders: IFederatedProvider[];
 }
 export interface RequireNewPasswordVM {
     isLoading: boolean;
@@ -44,6 +49,16 @@ export interface SetNewPasswordVM {
     isLoading: boolean;
     message: AuthMessage | null;
 }
+export interface ConfirmTotpCodeVM {
+    isLoading: boolean;
+    message: AuthMessage | null;
+}
+export interface SetupTotpVM {
+    isLoading: boolean;
+    sharedSecret: string;
+    qrCodeUri: string;
+    message: AuthMessage | null;
+}
 export interface ICognitoPresenter {
     vm: {
         authState: AuthState;
@@ -55,6 +70,8 @@ export interface ICognitoPresenter {
         requestPasswordResetCode: RequestPasswordResetCodeVM;
         passwordResetCodeSent: PasswordResetCodeSentVM;
         setNewPassword: SetNewPasswordVM;
+        confirmTotpCode: ConfirmTotpCodeVM;
+        setupTotp: SetupTotpVM;
     };
     init(params: ICognitoInitParams): Promise<void>;
     signIn(username: string, password: string): Promise<void>;
@@ -62,6 +79,8 @@ export interface ICognitoPresenter {
     requestPasswordReset(username: string): Promise<void>;
     resendPasswordResetCode(): Promise<void>;
     confirmPasswordReset(code: string, password: string): Promise<void>;
+    confirmTotpCode(code: string): Promise<void>;
+    verifyTotpSetup(code: string): Promise<void>;
     showSignIn(): void;
     showRequestPasswordResetCode(): void;
     showSetNewPassword(): void;

package/admin/presentation/Cognito/abstractions.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin/presentation/Cognito/abstractions.js","sources":["../../../../src/admin/presentation/Cognito/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\n\nexport type AuthState =\n    | \"signIn\"\n    | \"signedIn\"\n    | \"signedOut\"\n    | \"requestPasswordResetCode\"\n    | \"passwordResetCodeSent\"\n    | \"setNewPassword\"\n    | \"requireNewPassword\";\n\nexport interface AuthDataVerified {\n    email?: string;\n    phone_number?: string;\n}\n\nexport interface AuthDataUnverified {\n    email?: string;\n    phone_number?: string;\n}\n\nexport interface AuthData {\n    username?: string;\n    verified?: AuthDataVerified;\n    unverified?: AuthDataUnverified;\n    requiredAttributes?: string[];\n    [key: string]:\n        | string\n        | null\n        | boolean\n        | undefined\n        | string[]\n        | AuthDataVerified\n        | AuthDataUnverified;\n}\n\nexport interface AuthMessage {\n    title: string;\n    text: string;\n    type: \"success\" | \"info\" | \"warning\" | \"danger\";\n}\n\nexport interface ICognitoInitParams {\n    region: string;\n    userPoolId: string;\n    clientId: string;\n}\n\nexport interface SignInVM {\n    isLoading: boolean;\n    message: AuthMessage | null;\n}\n\nexport interface RequireNewPasswordVM {\n    isLoading: boolean;\n    requiredAttributes: string[];\n}\n\nexport interface RequestPasswordResetCodeVM {\n    isLoading: boolean;\n    message: AuthMessage | null;\n}\n\nexport interface PasswordResetCodeSentVM {\n    isLoading: boolean;\n    message: AuthMessage | null;\n}\n\nexport interface SetNewPasswordVM {\n    isLoading: boolean;\n    message: AuthMessage | null;\n}\n\nexport interface ICognitoPresenter {\n    vm: {\n        authState: AuthState;\n        checkingSession: boolean;\n        isLoggingIn: boolean;\n        isAuthenticated: boolean;\n        signIn: SignInVM;\n        requireNewPassword: RequireNewPasswordVM;\n        requestPasswordResetCode: RequestPasswordResetCodeVM;\n        passwordResetCodeSent: PasswordResetCodeSentVM;\n        setNewPassword: SetNewPasswordVM;\n    };\n\n    // Lifecycle\n    init(params: ICognitoInitParams): Promise<void>;\n\n    // Authentication actions\n    signIn(username: string, password: string): Promise<void>;\n    confirmNewPassword(password: string, requiredAttributes: any): Promise<void>;\n    requestPasswordReset(username: string): Promise<void>;\n    resendPasswordResetCode(): Promise<void>;\n    confirmPasswordReset(code: string, password: string): Promise<void>;\n\n    // Navigation actions\n    showSignIn(): void;\n    showRequestPasswordResetCode(): void;\n    showSetNewPassword(): void;\n}\n\nexport const CognitoPresenter = createAbstraction<ICognitoPresenter>(\"CognitoPresenter\");\n\nexport namespace CognitoPresenter {\n    export type Interface = ICognitoPresenter;\n}\n"],"names":["CognitoPresenter","createAbstraction"],"mappings":";AAsGO,MAAMA,mBAAmBC,kBAAqC"}
+{"version":3,"file":"admin/presentation/Cognito/abstractions.js","sources":["../../../../src/admin/presentation/Cognito/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { IFederatedProvider } from \"./CognitoSignInConfig.js\";\n\nexport type AuthState =\n    | \"signIn\"\n    | \"signedIn\"\n    | \"signedOut\"\n    | \"requestPasswordResetCode\"\n    | \"passwordResetCodeSent\"\n    | \"setNewPassword\"\n    | \"requireNewPassword\"\n    | \"confirmTotpCode\"\n    | \"setupTotp\";\n\nexport interface AuthDataVerified {\n    email?: string;\n    phone_number?: string;\n}\n\nexport interface AuthDataUnverified {\n    email?: string;\n    phone_number?: string;\n}\n\nexport interface AuthData {\n    username?: string;\n    verified?: AuthDataVerified;\n    unverified?: AuthDataUnverified;\n    requiredAttributes?: string[];\n    [key: string]:\n        | string\n        | null\n        | boolean\n        | undefined\n        | string[]\n        | AuthDataVerified\n        | AuthDataUnverified;\n}\n\nexport interface AuthMessage {\n    title: string;\n    text: string;\n    type: \"success\" | \"info\" | \"warning\" | \"danger\";\n}\n\nexport interface ICognitoInitParams {\n    region: string;\n    userPoolId: string;\n    clientId: string;\n}\n\nexport interface SignInVM {\n    isLoading: boolean;\n    message: AuthMessage | null;\n    title: string;\n    description: string | undefined;\n    allowCredentialsLogin: boolean;\n    federatedProviders: IFederatedProvider[];\n}\n\nexport interface RequireNewPasswordVM {\n    isLoading: boolean;\n    requiredAttributes: string[];\n}\n\nexport interface RequestPasswordResetCodeVM {\n    isLoading: boolean;\n    message: AuthMessage | null;\n}\n\nexport interface PasswordResetCodeSentVM {\n    isLoading: boolean;\n    message: AuthMessage | null;\n}\n\nexport interface SetNewPasswordVM {\n    isLoading: boolean;\n    message: AuthMessage | null;\n}\n\nexport interface ConfirmTotpCodeVM {\n    isLoading: boolean;\n    message: AuthMessage | null;\n}\n\nexport interface SetupTotpVM {\n    isLoading: boolean;\n    sharedSecret: string;\n    qrCodeUri: string;\n    message: AuthMessage | null;\n}\n\nexport interface ICognitoPresenter {\n    vm: {\n        authState: AuthState;\n        checkingSession: boolean;\n        isLoggingIn: boolean;\n        isAuthenticated: boolean;\n        signIn: SignInVM;\n        requireNewPassword: RequireNewPasswordVM;\n        requestPasswordResetCode: RequestPasswordResetCodeVM;\n        passwordResetCodeSent: PasswordResetCodeSentVM;\n        setNewPassword: SetNewPasswordVM;\n        confirmTotpCode: ConfirmTotpCodeVM;\n        setupTotp: SetupTotpVM;\n    };\n\n    // Lifecycle\n    init(params: ICognitoInitParams): Promise<void>;\n\n    // Authentication actions\n    signIn(username: string, password: string): Promise<void>;\n    confirmNewPassword(password: string, requiredAttributes: any): Promise<void>;\n    requestPasswordReset(username: string): Promise<void>;\n    resendPasswordResetCode(): Promise<void>;\n    confirmPasswordReset(code: string, password: string): Promise<void>;\n    confirmTotpCode(code: string): Promise<void>;\n    verifyTotpSetup(code: string): Promise<void>;\n\n    // Navigation actions\n    showSignIn(): void;\n    showRequestPasswordResetCode(): void;\n    showSetNewPassword(): void;\n}\n\nexport const CognitoPresenter = createAbstraction<ICognitoPresenter>(\"CognitoPresenter\");\n\nexport namespace CognitoPresenter {\n    export type Interface = ICognitoPresenter;\n}\n"],"names":["CognitoPresenter","createAbstraction"],"mappings":";AA6HO,MAAMA,mBAAmBC,kBAAqC"}

package/admin/presentation/Cognito/components/ConfirmTotpCode.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import type { ConfirmTotpCodeVM } from "../../../../admin/presentation/Cognito/abstractions.js";
+export interface ConfirmTotpCodeProps {
+    vm: ConfirmTotpCodeVM;
+    onSubmit: (code: string) => void;
+    onCancel: () => void;
+}
+export declare const ConfirmTotpCode: ((props: ConfirmTotpCodeProps) => React.JSX.Element) & {
+    original: (props: ConfirmTotpCodeProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: ConfirmTotpCodeProps) => React.JSX.Element) & {
+        original: (props: ConfirmTotpCodeProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: ConfirmTotpCodeProps) => React.JSX.Element) & {
+        original: (props: ConfirmTotpCodeProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/admin/presentation/Cognito/components/ConfirmTotpCode.js

@@ -0,0 +1,45 @@
+import react from "react";
+import { Alert, Button, Grid, Input } from "@webiny/admin-ui";
+import { makeDecoratable } from "@webiny/app-admin";
+import { Bind, Form } from "@webiny/form";
+import { validation } from "@webiny/validation";
+import { View } from "./View.js";
+import { FooterSignIn } from "./FooterSignIn.js";
+const ConfirmTotpCode = makeDecoratable("CognitoConfirmTotpCode", (props)=>{
+    const { vm, onSubmit, onCancel } = props;
+    return /*#__PURE__*/ react.createElement(View.Container, null, /*#__PURE__*/ react.createElement(Form, {
+        onSubmit: (data)=>onSubmit(data.code),
+        submitOnEnter: true
+    }, ({ submit })=>/*#__PURE__*/ react.createElement(View.Content, null, /*#__PURE__*/ react.createElement(View.Title, {
+            title: "Two-factor authentication",
+            description: "Enter the 6-digit code from your authenticator app."
+        }), vm.message && /*#__PURE__*/ react.createElement("div", {
+            className: "mb-lg"
+        }, /*#__PURE__*/ react.createElement(Alert, {
+            title: vm.message.title,
+            type: vm.message.type
+        }, vm.message.text)), /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "code",
+            validators: validation.create("required")
+        }, /*#__PURE__*/ react.createElement(Input, {
+            label: "Verification Code",
+            autoComplete: "one-time-code",
+            inputMode: "numeric"
+        }))), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement("div", {
+            className: "flex items-center justify-between"
+        }, /*#__PURE__*/ react.createElement(FooterSignIn, {
+            onSignIn: onCancel
+        }), /*#__PURE__*/ react.createElement(Button, {
+            text: "Verify",
+            onClick: submit,
+            containerClassName: "ml-auto",
+            disabled: vm.isLoading
+        })))))));
+});
+export { ConfirmTotpCode };
+
+//# sourceMappingURL=ConfirmTotpCode.js.map

package/admin/presentation/Cognito/components/ConfirmTotpCode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/Cognito/components/ConfirmTotpCode.js","sources":["../../../../../src/admin/presentation/Cognito/components/ConfirmTotpCode.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button, Grid, Input, Alert } from \"@webiny/admin-ui\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { Form, Bind } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { View } from \"./View.js\";\nimport type { ConfirmTotpCodeVM } from \"~/admin/presentation/Cognito/abstractions.js\";\nimport { FooterSignIn } from \"~/admin/presentation/Cognito/components/FooterSignIn.js\";\n\nexport interface ConfirmTotpCodeProps {\n    vm: ConfirmTotpCodeVM;\n    onSubmit: (code: string) => void;\n    onCancel: () => void;\n}\n\nexport const ConfirmTotpCode = makeDecoratable(\n    \"CognitoConfirmTotpCode\",\n    (props: ConfirmTotpCodeProps) => {\n        const { vm, onSubmit, onCancel } = props;\n\n        return (\n            <View.Container>\n                <Form<{ code: string }> onSubmit={data => onSubmit(data.code)} submitOnEnter>\n                    {({ submit }) => (\n                        <View.Content>\n                            <View.Title\n                                title={\"Two-factor authentication\"}\n                                description={\"Enter the 6-digit code from your authenticator app.\"}\n                            />\n\n                            {vm.message && (\n                                <div className={\"mb-lg\"}>\n                                    <Alert title={vm.message.title} type={vm.message.type}>\n                                        {vm.message.text}\n                                    </Alert>\n                                </div>\n                            )}\n\n                            <Grid>\n                                <Grid.Column span={12}>\n                                    <Bind name=\"code\" validators={validation.create(\"required\")}>\n                                        <Input\n                                            label={\"Verification Code\"}\n                                            autoComplete={\"one-time-code\"}\n                                            inputMode={\"numeric\"}\n                                        />\n                                    </Bind>\n                                </Grid.Column>\n                                <Grid.Column span={12}>\n                                    <div className={\"flex items-center justify-between\"}>\n                                        <FooterSignIn onSignIn={onCancel} />\n                                        <Button\n                                            text={\"Verify\"}\n                                            onClick={submit}\n                                            containerClassName={\"ml-auto\"}\n                                            disabled={vm.isLoading}\n                                        />\n                                    </div>\n                                </Grid.Column>\n                            </Grid>\n                        </View.Content>\n                    )}\n                </Form>\n            </View.Container>\n        );\n    }\n);\n"],"names":["ConfirmTotpCode","makeDecoratable","props","vm","onSubmit","onCancel","View","Form","data","submit","Alert","Grid","Bind","validation","Input","FooterSignIn","Button"],"mappings":";;;;;;;AAeO,MAAMA,kBAAkBC,gBAC3B,0BACA,CAACC;IACG,MAAM,EAAEC,EAAE,EAAEC,QAAQ,EAAEC,QAAQ,EAAE,GAAGH;IAEnC,OAAO,WAAP,GACI,oBAACI,KAAK,SAAS,sBACX,oBAACC,MAAIA;QAAmB,UAAUC,CAAAA,OAAQJ,SAASI,KAAK,IAAI;QAAG;OAC1D,CAAC,EAAEC,MAAM,EAAE,iBACR,oBAACH,KAAK,OAAO,sBACT,oBAACA,KAAK,KAAK;YACP,OAAO;YACP,aAAa;YAGhBH,GAAG,OAAO,IAAI,WAAJ,GACP,oBAAC;YAAI,WAAW;yBACZ,oBAACO,OAAKA;YAAC,OAAOP,GAAG,OAAO,CAAC,KAAK;YAAE,MAAMA,GAAG,OAAO,CAAC,IAAI;WAChDA,GAAG,OAAO,CAAC,IAAI,kBAK5B,oBAACQ,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;YAAC,MAAM;yBACf,oBAACC,MAAIA;YAAC,MAAK;YAAO,YAAYC,WAAW,MAAM,CAAC;yBAC5C,oBAACC,OAAKA;YACF,OAAO;YACP,cAAc;YACd,WAAW;4BAIvB,oBAACH,KAAK,MAAM;YAAC,MAAM;yBACf,oBAAC;YAAI,WAAW;yBACZ,oBAACI,cAAYA;YAAC,UAAUV;0BACxB,oBAACW,QAAMA;YACH,MAAM;YACN,SAASP;YACT,oBAAoB;YACpB,UAAUN,GAAG,SAAS;;AAU9D"}

package/admin/presentation/Cognito/components/Divider.d.ts

@@ -1,2 +1,20 @@
 import React from "react";
-export declare const Divider: () => React.JSX.Element;
+export declare const Divider: (() => React.JSX.Element) & {
+    original: () => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(() => React.JSX.Element) & {
+        original: () => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/admin/presentation/Cognito/components/Divider.js

@@ -1,6 +1,7 @@
 import react from "react";
 import { Separator, Text } from "@webiny/admin-ui";
-const Divider = ()=>/*#__PURE__*/ react.createElement("div", {
+import { makeDecoratable } from "@webiny/app-admin";
+const Divider = makeDecoratable("CognitoDivider", ()=>/*#__PURE__*/ react.createElement("div", {
         className: "relative my-lg"
     }, /*#__PURE__*/ react.createElement("div", {
         className: "absolute inset-0 flex items-center"
@@ -9,7 +10,7 @@ const Divider = ()=>/*#__PURE__*/ react.createElement("div", {
     }, /*#__PURE__*/ react.createElement(Text, {
         size: "sm",
         className: "text-neutral-strong px-sm bg-neutral-base uppercase"
-    }, "Or continue with")));
+    }, "Or continue with"))));
 export { Divider };
 
 //# sourceMappingURL=Divider.js.map

package/admin/presentation/Cognito/components/Divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin/presentation/Cognito/components/Divider.js","sources":["../../../../../src/admin/presentation/Cognito/components/Divider.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator, Text } from \"@webiny/admin-ui\";\n\nexport const Divider = () => {\n    return (\n        <div className={\"relative my-lg\"}>\n            <div className={\"absolute inset-0 flex items-center\"}>\n                <Separator />\n            </div>\n            <div className={\"relative flex justify-center\"}>\n                <Text size={\"sm\"} className={\"text-neutral-strong px-sm bg-neutral-base uppercase\"}>\n                    {\"Or continue with\"}\n                </Text>\n            </div>\n        </div>\n    );\n};\n"],"names":["Divider","Separator","Text"],"mappings":";;AAGO,MAAMA,UAAU,IACZ,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAACC,WAASA,QAAAA,WAAAA,GAEd,oBAAC;QAAI,WAAW;qBACZ,oBAACC,MAAIA;QAAC,MAAM;QAAM,WAAW;OACxB"}
+{"version":3,"file":"admin/presentation/Cognito/components/Divider.js","sources":["../../../../../src/admin/presentation/Cognito/components/Divider.tsx"],"sourcesContent":["import React from \"react\";\nimport { Separator, Text } from \"@webiny/admin-ui\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\n\nexport const Divider = makeDecoratable(\"CognitoDivider\", () => {\n    return (\n        <div className={\"relative my-lg\"}>\n            <div className={\"absolute inset-0 flex items-center\"}>\n                <Separator />\n            </div>\n            <div className={\"relative flex justify-center\"}>\n                <Text size={\"sm\"} className={\"text-neutral-strong px-sm bg-neutral-base uppercase\"}>\n                    {\"Or continue with\"}\n                </Text>\n            </div>\n        </div>\n    );\n});\n"],"names":["Divider","makeDecoratable","Separator","Text"],"mappings":";;;AAIO,MAAMA,UAAUC,gBAAgB,kBAAkB,IAC9C,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAACC,WAASA,QAAAA,WAAAA,GAEd,oBAAC;QAAI,WAAW;qBACZ,oBAACC,MAAIA;QAAC,MAAM;QAAM,WAAW;OACxB"}

package/admin/presentation/Cognito/components/FederatedLogin.d.ts

@@ -1,7 +1,24 @@
 import React from "react";
-import type { FederatedIdentityProvider } from "../../../../admin/federatedIdentityProviders.js";
-interface FederatedLoginProps {
-    providers: FederatedIdentityProvider[];
+import { CognitoSignInConfig } from "../../../../admin/index.js";
+export interface FederatedLoginProps {
+    providers: CognitoSignInConfig.FederatedProvider[];
 }
-export declare const FederatedLogin: ({ providers }: FederatedLoginProps) => React.JSX.Element;
-export {};
+export declare const FederatedLogin: (({ providers }: FederatedLoginProps) => React.JSX.Element) & {
+    original: ({ providers }: FederatedLoginProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ providers }: FederatedLoginProps) => React.JSX.Element) & {
+        original: ({ providers }: FederatedLoginProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ providers }: FederatedLoginProps) => React.JSX.Element) & {
+        original: ({ providers }: FederatedLoginProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/admin/presentation/Cognito/components/FederatedLogin.js

@@ -1,5 +1,7 @@
 import react from "react";
 import { signInWithRedirect } from "aws-amplify/auth";
+import { Button } from "@webiny/admin-ui";
+import { makeDecoratable } from "@webiny/app-admin";
 import { federatedIdentityProviders } from "../../../federatedIdentityProviders.js";
 import { FederatedProviders } from "./FederatedProviders.js";
 const builtInProviders = new Set([
@@ -8,8 +10,8 @@ const builtInProviders = new Set([
     "Facebook",
     "Google"
 ]);
-const FederatedLogin = ({ providers })=>/*#__PURE__*/ react.createElement(FederatedProviders.Container, null, providers.map(({ name, component: Component })=>{
-        const cognitoProviderName = federatedIdentityProviders[name] ?? name;
+const FederatedLogin = makeDecoratable("CognitoFederatedLogin", ({ providers })=>/*#__PURE__*/ react.createElement(FederatedProviders.Container, null, providers.map((provider)=>{
+        const cognitoProviderName = federatedIdentityProviders[provider.name] ?? provider.name;
         const isBuiltIn = builtInProviders.has(cognitoProviderName);
         const signIn = ()=>{
             isBuiltIn ? signInWithRedirect({
@@ -20,11 +22,22 @@ const FederatedLogin = ({ providers })=>/*#__PURE__*/ react.createElement(Federa
                 }
             });
         };
-        return /*#__PURE__*/ react.createElement(Component, {
-            key: name,
-            signIn: signIn
+        if ("component" in provider) {
+            const Component = provider.component;
+            return /*#__PURE__*/ react.createElement(Component, {
+                key: provider.name,
+                signIn: signIn
+            });
+        }
+        return /*#__PURE__*/ react.createElement(Button, {
+            key: provider.name,
+            text: provider.label,
+            onClick: signIn,
+            style: {
+                width: "100%"
+            }
         });
-    }));
+    })));
 export { FederatedLogin };
 
 //# sourceMappingURL=FederatedLogin.js.map

package/admin/presentation/Cognito/components/FederatedLogin.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin/presentation/Cognito/components/FederatedLogin.js","sources":["../../../../../src/admin/presentation/Cognito/components/FederatedLogin.tsx"],"sourcesContent":["import React from \"react\";\nimport { signInWithRedirect } from \"aws-amplify/auth\";\nimport type { FederatedIdentityProvider } from \"~/admin/federatedIdentityProviders.js\";\nimport { federatedIdentityProviders } from \"~/admin/federatedIdentityProviders.js\";\nimport { FederatedProviders } from \"./FederatedProviders.js\";\n\ntype AuthProvider = \"Amazon\" | \"Apple\" | \"Facebook\" | \"Google\";\n\nconst builtInProviders = new Set<string>([\"Amazon\", \"Apple\", \"Facebook\", \"Google\"]);\n\ninterface FederatedLoginProps {\n    providers: FederatedIdentityProvider[];\n}\n\nexport const FederatedLogin = ({ providers }: FederatedLoginProps) => {\n    return (\n        <FederatedProviders.Container>\n            {providers.map(({ name, component: Component }) => {\n                const cognitoProviderName = federatedIdentityProviders[name] ?? name;\n                const isBuiltIn = builtInProviders.has(cognitoProviderName);\n\n                const signIn = () => {\n                    if (isBuiltIn) {\n                        signInWithRedirect({\n                            provider: cognitoProviderName as AuthProvider\n                        });\n                    } else {\n                        signInWithRedirect({\n                            provider: { custom: cognitoProviderName }\n                        });\n                    }\n                };\n\n                return <Component key={name} signIn={signIn} />;\n            })}\n        </FederatedProviders.Container>\n    );\n};\n"],"names":["builtInProviders","Set","FederatedLogin","providers","FederatedProviders","name","Component","cognitoProviderName","federatedIdentityProviders","isBuiltIn","signIn","signInWithRedirect"],"mappings":";;;;AAQA,MAAMA,mBAAmB,IAAIC,IAAY;IAAC;IAAU;IAAS;IAAY;CAAS;AAM3E,MAAMC,iBAAiB,CAAC,EAAEC,SAAS,EAAuB,GACtD,WAAP,GACI,oBAACC,mBAAmB,SAAS,QACxBD,UAAU,GAAG,CAAC,CAAC,EAAEE,IAAI,EAAE,WAAWC,SAAS,EAAE;QAC1C,MAAMC,sBAAsBC,0BAA0B,CAACH,KAAK,IAAIA;QAChE,MAAMI,YAAYT,iBAAiB,GAAG,CAACO;QAEvC,MAAMG,SAAS;YACPD,YACAE,mBAAmB;gBACf,UAAUJ;YACd,KAEAI,mBAAmB;gBACf,UAAU;oBAAE,QAAQJ;gBAAoB;YAC5C;QAER;QAEA,OAAO,WAAP,GAAO,oBAACD,WAAAA;YAAU,KAAKD;YAAM,QAAQK;;IACzC"}
+{"version":3,"file":"admin/presentation/Cognito/components/FederatedLogin.js","sources":["../../../../../src/admin/presentation/Cognito/components/FederatedLogin.tsx"],"sourcesContent":["import React from \"react\";\nimport { signInWithRedirect } from \"aws-amplify/auth\";\nimport { Button } from \"@webiny/admin-ui\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { federatedIdentityProviders } from \"~/admin/federatedIdentityProviders.js\";\nimport { FederatedProviders } from \"./FederatedProviders.js\";\nimport { CognitoSignInConfig } from \"~/admin/index.js\";\n\ntype AuthProvider = \"Amazon\" | \"Apple\" | \"Facebook\" | \"Google\";\n\nconst builtInProviders = new Set<string>([\"Amazon\", \"Apple\", \"Facebook\", \"Google\"]);\n\nexport interface FederatedLoginProps {\n    providers: CognitoSignInConfig.FederatedProvider[];\n}\n\nexport const FederatedLogin = makeDecoratable(\n    \"CognitoFederatedLogin\",\n    ({ providers }: FederatedLoginProps) => {\n        return (\n            <FederatedProviders.Container>\n                {providers.map(provider => {\n                    const cognitoProviderName =\n                        federatedIdentityProviders[provider.name] ?? provider.name;\n                    const isBuiltIn = builtInProviders.has(cognitoProviderName);\n\n                    const signIn = () => {\n                        if (isBuiltIn) {\n                            signInWithRedirect({\n                                provider: cognitoProviderName as AuthProvider\n                            });\n                        } else {\n                            signInWithRedirect({\n                                provider: { custom: cognitoProviderName }\n                            });\n                        }\n                    };\n\n                    if (\"component\" in provider) {\n                        const Component = provider.component;\n                        return <Component key={provider.name} signIn={signIn} />;\n                    }\n\n                    return (\n                        <Button\n                            key={provider.name}\n                            text={provider.label}\n                            onClick={signIn}\n                            style={{ width: \"100%\" }}\n                        />\n                    );\n                })}\n            </FederatedProviders.Container>\n        );\n    }\n);\n"],"names":["builtInProviders","Set","FederatedLogin","makeDecoratable","providers","FederatedProviders","provider","cognitoProviderName","federatedIdentityProviders","isBuiltIn","signIn","signInWithRedirect","Component","Button"],"mappings":";;;;;;AAUA,MAAMA,mBAAmB,IAAIC,IAAY;IAAC;IAAU;IAAS;IAAY;CAAS;AAM3E,MAAMC,iBAAiBC,gBAC1B,yBACA,CAAC,EAAEC,SAAS,EAAuB,GACxB,WAAP,GACI,oBAACC,mBAAmB,SAAS,QACxBD,UAAU,GAAG,CAACE,CAAAA;QACX,MAAMC,sBACFC,0BAA0B,CAACF,SAAS,IAAI,CAAC,IAAIA,SAAS,IAAI;QAC9D,MAAMG,YAAYT,iBAAiB,GAAG,CAACO;QAEvC,MAAMG,SAAS;YACPD,YACAE,mBAAmB;gBACf,UAAUJ;YACd,KAEAI,mBAAmB;gBACf,UAAU;oBAAE,QAAQJ;gBAAoB;YAC5C;QAER;QAEA,IAAI,eAAeD,UAAU;YACzB,MAAMM,YAAYN,SAAS,SAAS;YACpC,OAAO,WAAP,GAAO,oBAACM,WAAAA;gBAAU,KAAKN,SAAS,IAAI;gBAAE,QAAQI;;QAClD;QAEA,OAAO,WAAP,GACI,oBAACG,QAAMA;YACH,KAAKP,SAAS,IAAI;YAClB,MAAMA,SAAS,KAAK;YACpB,SAASI;YACT,OAAO;gBAAE,OAAO;YAAO;;IAGnC"}