@webiny/app-admin-cognito 5.43.2 → 6.0.0-alpha.0

package/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_auth","_reactHooks","_apolloLinkContext","_plugins","_ApolloLinkPlugin","_Authenticator","_appSecurity","_config","_SignIn","_RequireNewPassword","_ForgotPassword","_SetNewPassword","_SignedIn","_LoggingIn","_FederatedProviders","_View","_excluded","_excluded2","Components","exports","View","FederatedProviders","SignIn","createApolloLinkPlugin","ApolloLinkPlugin","setContext","_","_ref","headers","user","Auth","currentSession","idToken","getIdToken","Authorization","_objectSpread2","default","concat","getJwtToken","validatePermissions","permissions","appPermissions","filter","p","name","length","Error","defaultOptions","region","appConfig","getKey","process","env","REACT_APP_USER_POOL_REGION","userPoolId","REACT_APP_USER_POOL_ID","userPoolWebClientId","REACT_APP_USER_POOL_WEB_CLIENT_ID","createAuthentication","_ref2","_ref2$allowSignInWith","allowSignInWithCredentials","getIdentityData","onError","config","_objectWithoutProperties2","Object","keys","forEach","key","undefined","configure","Authentication","props","children","_useState","useState","_useState2","_slicedToArray2","loadingIdentity","setLoadingIdentity","_useSecurity","useSecurity","setIdentity","setIdTokenProvider","client","useApolloClient","onToken","useCallback","token","payload","logout","_await$getIdentityDat","id","displayName","type","data","err","console","log","error","useEffect","plugins","register","createElement","Authenticator","LoggingIn","federatedProviders","RequireNewPassword","ForgotPassword","SetNewPassword","SignedIn"],"sources":["index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { Auth } from \"@aws-amplify/auth\";\nimport { AuthOptions } from \"@aws-amplify/auth/lib-esm/types\";\nimport ApolloClient from \"apollo-client\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { setContext } from \"apollo-link-context\";\nimport { plugins } from \"@webiny/plugins\";\nimport { ApolloLinkPlugin } from \"@webiny/app/plugins/ApolloLinkPlugin\";\nimport { SecurityPermission } from \"@webiny/app-security/types\";\nimport { CognitoIdToken } from \"@webiny/app-cognito-authenticator/types\";\nimport { Authenticator } from \"@webiny/app-cognito-authenticator/Authenticator\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport { config as appConfig } from \"@webiny/app/config\";\nimport { SignIn } from \"~/views/SignIn\";\nimport { RequireNewPassword } from \"~/views/RequireNewPassword\";\nimport { ForgotPassword } from \"~/views/ForgotPassword\";\nimport { SetNewPassword } from \"~/views/SetNewPassword\";\nimport { SignedIn } from \"~/views/SignedIn\";\nimport { LoggingIn } from \"~/views/LoggingIn\";\nimport { FederatedIdentityProvider } from \"~/federatedIdentityProviders\";\nimport { FederatedProviders } from \"~/components/FederatedProviders\";\nimport { View } from \"~/components/View\";\n\nexport const Components = {\n    View,\n    FederatedProviders,\n    SignIn\n};\n\nconst createApolloLinkPlugin = (): ApolloLinkPlugin => {\n    return new ApolloLinkPlugin(() => {\n        return setContext(async (_, { headers }) => {\n            const user = await Auth.currentSession();\n            const idToken = user.getIdToken();\n\n            if (!idToken) {\n                return { headers };\n            }\n\n            // If \"Authorization\" header is already set, don't overwrite it.\n            if (headers && headers.Authorization) {\n                return { headers };\n            }\n\n            return {\n                headers: {\n                    ...headers,\n                    Authorization: `Bearer ${idToken.getJwtToken()}`\n                }\n            };\n        });\n    });\n};\n\nconst validatePermissions = (permissions: SecurityPermission[]) => {\n    const appPermissions = permissions.filter(p => p.name !== \"aacl\");\n    if (appPermissions.length === 0) {\n        throw new Error(\"You have no permissions on this tenant!\");\n    }\n};\n\nconst defaultOptions = {\n    region: appConfig.getKey(\"USER_POOL_REGION\", process.env.REACT_APP_USER_POOL_REGION),\n    userPoolId: appConfig.getKey(\"USER_POOL_ID\", process.env.REACT_APP_USER_POOL_ID),\n    userPoolWebClientId: appConfig.getKey(\n        \"USER_POOL_WEB_CLIENT_ID\",\n        process.env.REACT_APP_USER_POOL_WEB_CLIENT_ID\n    )\n};\n\nexport interface AuthenticationProps {\n    children: React.ReactNode;\n}\n\nexport interface AuthenticationFactoryConfig extends AuthOptions {\n    allowSignInWithCredentials?: boolean;\n    federatedProviders?: FederatedIdentityProvider[];\n    onError?: (error: Error) => void;\n    getIdentityData: (params: {\n        client: ApolloClient<any>;\n        payload: { [key: string]: any };\n    }) => Promise<{ [key: string]: any }>;\n}\n\ninterface AuthenticationFactory {\n    (params: AuthenticationFactoryConfig): React.ComponentType<AuthenticationProps>;\n}\n\nexport const createAuthentication: AuthenticationFactory = ({\n    allowSignInWithCredentials = true,\n    getIdentityData,\n    onError,\n    ...config\n}) => {\n    /**\n     * TODO @ts-refactor\n     */\n    // @ts-expect-error\n    Object.keys(config).forEach(key => config[key] === undefined && delete config[key]);\n    Auth.configure({ ...defaultOptions, ...config });\n\n    const Authentication = (props: AuthenticationProps) => {\n        const { children } = props;\n        const [loadingIdentity, setLoadingIdentity] = useState(false);\n        const { setIdentity, setIdTokenProvider } = useSecurity();\n        const client = useApolloClient();\n\n        const onToken = useCallback(async (token: CognitoIdToken) => {\n            const { payload, logout } = token;\n\n            setLoadingIdentity(true);\n\n            try {\n                const { id, displayName, type, permissions, ...data } = await getIdentityData({\n                    client,\n                    payload\n                });\n\n                setIdentity({\n                    id,\n                    displayName,\n                    type,\n                    permissions,\n                    ...data,\n                    logout:\n                        logout ||\n                        (() => {\n                            return void 0;\n                        })\n                });\n\n                validatePermissions(permissions);\n            } catch (err) {\n                console.log(\"ERROR\", err);\n                if (typeof onError === \"function\") {\n                    onError(err);\n                } else {\n                    console.error(err);\n                }\n            } finally {\n                setLoadingIdentity(false);\n            }\n        }, []);\n\n        useEffect(() => {\n            /**\n             * We need to give the security layer a way to fetch the `idToken`, so other network clients can use\n             * it when sending requests to external services (APIs, websockets,...).\n             */\n            setIdTokenProvider(async () => {\n                const user = await Auth.currentSession();\n                const idToken = user.getIdToken();\n\n                return idToken ? idToken.getJwtToken() : undefined;\n            });\n\n            plugins.register(createApolloLinkPlugin());\n        }, []);\n\n        return (\n            <Authenticator onToken={onToken}>\n                {loadingIdentity ? (\n                    <LoggingIn />\n                ) : (\n                    <SignIn\n                        federatedProviders={config.federatedProviders}\n                        allowSignInWithCredentials={allowSignInWithCredentials}\n                    />\n                )}\n                <RequireNewPassword />\n                <ForgotPassword />\n                <SetNewPassword />\n                <SignedIn>{children}</SignedIn>\n            </Authenticator>\n        );\n    };\n\n    return Authentication;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useEffect","useState","Auth","useApolloClient","setContext","plugins","ApolloLinkPlugin","Authenticator","useSecurity","config","appConfig","SignIn","RequireNewPassword","ForgotPassword","SetNewPassword","SignedIn","LoggingIn","FederatedProviders","View","Components","createApolloLinkPlugin","_","headers","user","currentSession","idToken","getIdToken","Authorization","getJwtToken","validatePermissions","permissions","appPermissions","filter","p","name","length","Error","defaultOptions","region","getKey","process","env","REACT_APP_USER_POOL_REGION","userPoolId","REACT_APP_USER_POOL_ID","userPoolWebClientId","REACT_APP_USER_POOL_WEB_CLIENT_ID","createAuthentication","allowSignInWithCredentials","getIdentityData","onError","Object","keys","forEach","key","undefined","configure","Authentication","props","children","loadingIdentity","setLoadingIdentity","setIdentity","setIdTokenProvider","client","onToken","token","payload","logout","id","displayName","type","data","err","console","log","error","register","createElement","federatedProviders"],"sources":["index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { Auth } from \"@aws-amplify/auth\";\nimport { AuthOptions } from \"@aws-amplify/auth/lib-esm/types\";\nimport ApolloClient from \"apollo-client\";\nimport { useApolloClient } from \"@apollo/react-hooks\";\nimport { setContext } from \"apollo-link-context\";\nimport { plugins } from \"@webiny/plugins\";\nimport { ApolloLinkPlugin } from \"@webiny/app/plugins/ApolloLinkPlugin\";\nimport { SecurityPermission } from \"@webiny/app-security/types\";\nimport { CognitoIdToken } from \"@webiny/app-cognito-authenticator/types\";\nimport { Authenticator } from \"@webiny/app-cognito-authenticator/Authenticator\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport { config as appConfig } from \"@webiny/app/config\";\nimport { SignIn } from \"~/views/SignIn\";\nimport { RequireNewPassword } from \"~/views/RequireNewPassword\";\nimport { ForgotPassword } from \"~/views/ForgotPassword\";\nimport { SetNewPassword } from \"~/views/SetNewPassword\";\nimport { SignedIn } from \"~/views/SignedIn\";\nimport { LoggingIn } from \"~/views/LoggingIn\";\nimport { FederatedIdentityProvider } from \"~/federatedIdentityProviders\";\nimport { FederatedProviders } from \"~/components/FederatedProviders\";\nimport { View } from \"~/components/View\";\n\nexport const Components = {\n    View,\n    FederatedProviders,\n    SignIn\n};\n\nconst createApolloLinkPlugin = (): ApolloLinkPlugin => {\n    return new ApolloLinkPlugin(() => {\n        return setContext(async (_, { headers }) => {\n            const user = await Auth.currentSession();\n            const idToken = user.getIdToken();\n\n            if (!idToken) {\n                return { headers };\n            }\n\n            // If \"Authorization\" header is already set, don't overwrite it.\n            if (headers && headers.Authorization) {\n                return { headers };\n            }\n\n            return {\n                headers: {\n                    ...headers,\n                    Authorization: `Bearer ${idToken.getJwtToken()}`\n                }\n            };\n        });\n    });\n};\n\nconst validatePermissions = (permissions: SecurityPermission[]) => {\n    const appPermissions = permissions.filter(p => p.name !== \"aacl\");\n    if (appPermissions.length === 0) {\n        throw new Error(\"You have no permissions on this tenant!\");\n    }\n};\n\nconst defaultOptions = {\n    region: appConfig.getKey(\"USER_POOL_REGION\", process.env.REACT_APP_USER_POOL_REGION),\n    userPoolId: appConfig.getKey(\"USER_POOL_ID\", process.env.REACT_APP_USER_POOL_ID),\n    userPoolWebClientId: appConfig.getKey(\n        \"USER_POOL_WEB_CLIENT_ID\",\n        process.env.REACT_APP_USER_POOL_WEB_CLIENT_ID\n    )\n};\n\nexport interface AuthenticationProps {\n    children: React.ReactNode;\n}\n\nexport interface AuthenticationFactoryConfig extends AuthOptions {\n    allowSignInWithCredentials?: boolean;\n    federatedProviders?: FederatedIdentityProvider[];\n    onError?: (error: Error) => void;\n    getIdentityData: (params: {\n        client: ApolloClient<any>;\n        payload: { [key: string]: any };\n    }) => Promise<{ [key: string]: any }>;\n}\n\ninterface AuthenticationFactory {\n    (params: AuthenticationFactoryConfig): React.ComponentType<AuthenticationProps>;\n}\n\nexport const createAuthentication: AuthenticationFactory = ({\n    allowSignInWithCredentials = true,\n    getIdentityData,\n    onError,\n    ...config\n}) => {\n    /**\n     * TODO @ts-refactor\n     */\n    // @ts-expect-error\n    Object.keys(config).forEach(key => config[key] === undefined && delete config[key]);\n    Auth.configure({ ...defaultOptions, ...config });\n\n    const Authentication = (props: AuthenticationProps) => {\n        const { children } = props;\n        const [loadingIdentity, setLoadingIdentity] = useState(false);\n        const { setIdentity, setIdTokenProvider } = useSecurity();\n        const client = useApolloClient();\n\n        const onToken = useCallback(async (token: CognitoIdToken) => {\n            const { payload, logout } = token;\n\n            setLoadingIdentity(true);\n\n            try {\n                const { id, displayName, type, permissions, ...data } = await getIdentityData({\n                    client,\n                    payload\n                });\n\n                setIdentity({\n                    id,\n                    displayName,\n                    type,\n                    permissions,\n                    ...data,\n                    logout:\n                        logout ||\n                        (() => {\n                            return void 0;\n                        })\n                });\n\n                validatePermissions(permissions);\n            } catch (err) {\n                console.log(\"ERROR\", err);\n                if (typeof onError === \"function\") {\n                    onError(err);\n                } else {\n                    console.error(err);\n                }\n            } finally {\n                setLoadingIdentity(false);\n            }\n        }, []);\n\n        useEffect(() => {\n            /**\n             * We need to give the security layer a way to fetch the `idToken`, so other network clients can use\n             * it when sending requests to external services (APIs, websockets,...).\n             */\n            setIdTokenProvider(async () => {\n                const user = await Auth.currentSession();\n                const idToken = user.getIdToken();\n\n                return idToken ? idToken.getJwtToken() : undefined;\n            });\n\n            plugins.register(createApolloLinkPlugin());\n        }, []);\n\n        return (\n            <Authenticator onToken={onToken}>\n                {loadingIdentity ? (\n                    <LoggingIn />\n                ) : (\n                    <SignIn\n                        federatedProviders={config.federatedProviders}\n                        allowSignInWithCredentials={allowSignInWithCredentials}\n                    />\n                )}\n                <RequireNewPassword />\n                <ForgotPassword />\n                <SetNewPassword />\n                <SignedIn>{children}</SignedIn>\n            </Authenticator>\n        );\n    };\n\n    return Authentication;\n};\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-admin-cognito",
-	"version": "5.43.2",
+	"version": "6.0.0-alpha.0",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -14,24 +14,22 @@
 	"dependencies": {
 		"@apollo/react-hooks": "3.1.5",
 		"@aws-amplify/auth": "5.6.15",
-		"@emotion/styled": "11.10.6",
-		"@webiny/app": "5.43.2",
-		"@webiny/app-admin": "5.43.2",
-		"@webiny/app-cognito-authenticator": "5.43.2",
-		"@webiny/app-security": "5.43.2",
-		"@webiny/form": "5.43.2",
-		"@webiny/plugins": "5.43.2",
-		"@webiny/react-composition": "5.43.2",
-		"@webiny/ui": "5.43.2",
-		"@webiny/validation": "5.43.2",
+		"@webiny/admin-ui": "6.0.0-alpha.0",
+		"@webiny/app": "6.0.0-alpha.0",
+		"@webiny/app-admin": "6.0.0-alpha.0",
+		"@webiny/app-cognito-authenticator": "6.0.0-alpha.0",
+		"@webiny/app-security": "6.0.0-alpha.0",
+		"@webiny/form": "6.0.0-alpha.0",
+		"@webiny/plugins": "6.0.0-alpha.0",
+		"@webiny/react-composition": "6.0.0-alpha.0",
+		"@webiny/validation": "6.0.0-alpha.0",
 		"apollo-client": "2.6.10",
 		"apollo-link-context": "1.0.20",
-		"emotion": "10.0.27",
 		"react": "18.2.0",
 		"react-dom": "18.2.0"
 	},
 	"devDependencies": {
-		"@webiny/project-utils": "5.43.2",
+		"@webiny/project-utils": "6.0.0-alpha.0",
 		"rimraf": "6.0.1",
 		"typescript": "5.3.3"
 	},
@@ -53,5 +51,5 @@
 			]
 		}
 	},
-	"gitHead": "ec6176f001f6350221d992981e110a0351addbaf"
+	"gitHead": "a5b28fed7a242d8f56712197a8ea83aa6d2ed101"
 }

package/types.js

@@ -1,3 +1,3 @@
-"use strict";
+
 
 //# sourceMappingURL=types.js.map

package/views/FederatedLogin.js

@@ -1,33 +1,28 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FederatedLogin = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _auth = require("@aws-amplify/auth");
-var _federatedIdentityProviders = require("../federatedIdentityProviders");
-var _FederatedProviders = require("../components/FederatedProviders");
-var FederatedLogin = exports.FederatedLogin = function FederatedLogin(_ref) {
-  var providers = _ref.providers;
-  return /*#__PURE__*/_react.default.createElement(_FederatedProviders.FederatedProviders.Container, null, providers.map(function (_ref2) {
-    var name = _ref2.name,
-      Component = _ref2.component;
-    var cognitoProviderName = _federatedIdentityProviders.federatedIdentityProviders[name] ?? name;
-    var isCustomProvider = !(name in _federatedIdentityProviders.federatedIdentityProviders);
-    var signIn = function signIn() {
+import React from "react";
+import { Auth } from "@aws-amplify/auth";
+import { federatedIdentityProviders } from "../federatedIdentityProviders";
+import { FederatedProviders } from "../components/FederatedProviders";
+export const FederatedLogin = ({
+  providers
+}) => {
+  return /*#__PURE__*/React.createElement(FederatedProviders.Container, null, providers.map(({
+    name,
+    component: Component
+  }) => {
+    const cognitoProviderName = federatedIdentityProviders[name] ?? name;
+    const isCustomProvider = !(name in federatedIdentityProviders);
+    const signIn = () => {
       if (isCustomProvider) {
-        _auth.Auth.federatedSignIn({
+        Auth.federatedSignIn({
           customProvider: cognitoProviderName
         });
       } else {
-        _auth.Auth.federatedSignIn({
+        Auth.federatedSignIn({
           provider: cognitoProviderName
         });
       }
     };
-    return /*#__PURE__*/_react.default.createElement(Component, {
+    return /*#__PURE__*/React.createElement(Component, {
       key: name,
       signIn: signIn
     });

package/views/FederatedLogin.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_auth","_federatedIdentityProviders","_FederatedProviders","FederatedLogin","exports","_ref","providers","default","createElement","FederatedProviders","Container","map","_ref2","name","Component","component","cognitoProviderName","federatedIdentityProviders","isCustomProvider","signIn","Auth","federatedSignIn","customProvider","provider","key"],"sources":["FederatedLogin.tsx"],"sourcesContent":["import React from \"react\";\nimport { Auth } from \"@aws-amplify/auth\";\nimport { CognitoHostedUIIdentityProvider } from \"@aws-amplify/auth/lib-esm/types/Auth\";\nimport {\n    federatedIdentityProviders,\n    FederatedIdentityProvider\n} from \"~/federatedIdentityProviders\";\nimport { FederatedProviders } from \"~/components/FederatedProviders\";\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 isCustomProvider = !(name in federatedIdentityProviders);\n\n                const signIn = () => {\n                    if (isCustomProvider) {\n                        Auth.federatedSignIn({\n                            customProvider: cognitoProviderName\n                        });\n                    } else {\n                        Auth.federatedSignIn({\n                            provider: cognitoProviderName as CognitoHostedUIIdentityProvider\n                        });\n                    }\n                };\n\n                return <Component key={name} signIn={signIn} />;\n            })}\n        </FederatedProviders.Container>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,2BAAA,GAAAF,OAAA;AAIA,IAAAG,mBAAA,GAAAH,OAAA;AAMO,IAAMI,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA,CAAAE,IAAA,EAA2C;EAAA,IAArCC,SAAS,GAAAD,IAAA,CAATC,SAAS;EACtC,oBACIT,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACN,mBAAA,CAAAO,kBAAkB,CAACC,SAAS,QACxBJ,SAAS,CAACK,GAAG,CAAC,UAAAC,KAAA,EAAoC;IAAA,IAAjCC,IAAI,GAAAD,KAAA,CAAJC,IAAI;MAAaC,SAAS,GAAAF,KAAA,CAApBG,SAAS;IAC7B,IAAMC,mBAAmB,GAAGC,sDAA0B,CAACJ,IAAI,CAAC,IAAIA,IAAI;IACpE,IAAMK,gBAAgB,GAAG,EAAEL,IAAI,IAAII,sDAA0B,CAAC;IAE9D,IAAME,MAAM,GAAG,SAATA,MAAMA,CAAA,EAAS;MACjB,IAAID,gBAAgB,EAAE;QAClBE,UAAI,CAACC,eAAe,CAAC;UACjBC,cAAc,EAAEN;QACpB,CAAC,CAAC;MACN,CAAC,MAAM;QACHI,UAAI,CAACC,eAAe,CAAC;UACjBE,QAAQ,EAAEP;QACd,CAAC,CAAC;MACN;IACJ,CAAC;IAED,oBAAOnB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACM,SAAS;MAACU,GAAG,EAAEX,IAAK;MAACM,MAAM,EAAEA;IAAO,CAAE,CAAC;EACnD,CAAC,CACyB,CAAC;AAEvC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Auth","federatedIdentityProviders","FederatedProviders","FederatedLogin","providers","createElement","Container","map","name","component","Component","cognitoProviderName","isCustomProvider","signIn","federatedSignIn","customProvider","provider","key"],"sources":["FederatedLogin.tsx"],"sourcesContent":["import React from \"react\";\nimport { Auth } from \"@aws-amplify/auth\";\nimport { CognitoHostedUIIdentityProvider } from \"@aws-amplify/auth/lib-esm/types/Auth\";\nimport {\n    federatedIdentityProviders,\n    FederatedIdentityProvider\n} from \"~/federatedIdentityProviders\";\nimport { FederatedProviders } from \"~/components/FederatedProviders\";\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 isCustomProvider = !(name in federatedIdentityProviders);\n\n                const signIn = () => {\n                    if (isCustomProvider) {\n                        Auth.federatedSignIn({\n                            customProvider: cognitoProviderName\n                        });\n                    } else {\n                        Auth.federatedSignIn({\n                            provider: cognitoProviderName as CognitoHostedUIIdentityProvider\n                        });\n                    }\n                };\n\n                return <Component key={name} signIn={signIn} />;\n            })}\n        </FederatedProviders.Container>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,mBAAmB;AAExC,SACIC,0BAA0B;AAG9B,SAASC,kBAAkB;AAM3B,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAA+B,CAAC,KAAK;EAClE,oBACIL,KAAA,CAAAM,aAAA,CAACH,kBAAkB,CAACI,SAAS,QACxBF,SAAS,CAACG,GAAG,CAAC,CAAC;IAAEC,IAAI;IAAEC,SAAS,EAAEC;EAAU,CAAC,KAAK;IAC/C,MAAMC,mBAAmB,GAAGV,0BAA0B,CAACO,IAAI,CAAC,IAAIA,IAAI;IACpE,MAAMI,gBAAgB,GAAG,EAAEJ,IAAI,IAAIP,0BAA0B,CAAC;IAE9D,MAAMY,MAAM,GAAGA,CAAA,KAAM;MACjB,IAAID,gBAAgB,EAAE;QAClBZ,IAAI,CAACc,eAAe,CAAC;UACjBC,cAAc,EAAEJ;QACpB,CAAC,CAAC;MACN,CAAC,MAAM;QACHX,IAAI,CAACc,eAAe,CAAC;UACjBE,QAAQ,EAAEL;QACd,CAAC,CAAC;MACN;IACJ,CAAC;IAED,oBAAOZ,KAAA,CAAAM,aAAA,CAACK,SAAS;MAACO,GAAG,EAAET,IAAK;MAACK,MAAM,EAAEA;IAAO,CAAE,CAAC;EACnD,CAAC,CACyB,CAAC;AAEvC,CAAC","ignoreList":[]}

package/views/ForgotPassword.js

@@ -1,108 +1,104 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ForgotPassword = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _form = require("@webiny/form");
-var _validation = require("@webiny/validation");
-var _Button = require("@webiny/ui/Button");
-var _Input = require("@webiny/ui/Input");
-var _Grid = require("@webiny/ui/Grid");
-var _Typography = require("@webiny/ui/Typography");
-var _Alert = require("@webiny/ui/Alert");
-var _Progress = require("@webiny/ui/Progress");
-var _useAuthenticator2 = require("@webiny/app-cognito-authenticator/hooks/useAuthenticator");
-var _useForgotPassword2 = require("@webiny/app-cognito-authenticator/hooks/useForgotPassword");
-var _View = require("../components/View");
-var _StyledComponents = require("../components/StyledComponents");
-var ForgotPassword = exports.ForgotPassword = function ForgotPassword() {
-  var _useAuthenticator = (0, _useAuthenticator2.useAuthenticator)(),
-    authData = _useAuthenticator.authData,
-    changeState = _useAuthenticator.changeState;
-  var _useForgotPassword = (0, _useForgotPassword2.useForgotPassword)(),
-    loading = _useForgotPassword.loading,
-    codeSent = _useForgotPassword.codeSent,
-    shouldRender = _useForgotPassword.shouldRender,
-    setPassword = _useForgotPassword.setPassword,
-    requestCode = _useForgotPassword.requestCode,
-    error = _useForgotPassword.error;
+import * as React from "react";
+import { Alert, Button, Grid, Input, Label, Link, OverlayLoader, Text } from "@webiny/admin-ui";
+import { Form } from "@webiny/form";
+import { validation } from "@webiny/validation";
+import { useAuthenticator } from "@webiny/app-cognito-authenticator/hooks/useAuthenticator";
+import { useForgotPassword } from "@webiny/app-cognito-authenticator/hooks/useForgotPassword";
+import { View } from "../components/View";
+export const ForgotPassword = () => {
+  const {
+    authData,
+    changeState
+  } = useAuthenticator();
+  const {
+    loading,
+    codeSent,
+    shouldRender,
+    setPassword,
+    requestCode,
+    error
+  } = useForgotPassword();
   if (!shouldRender) {
     return null;
   }
-  var _ref = authData || {},
-    _ref$username = _ref.username,
-    username = _ref$username === void 0 ? "" : _ref$username;
-  return /*#__PURE__*/React.createElement(_View.View.Container, null, /*#__PURE__*/React.createElement(_form.Form, {
+  const {
+    username = ""
+  } = authData || {};
+  return /*#__PURE__*/React.createElement(View.Container, null, /*#__PURE__*/React.createElement(Form, {
     data: {
-      username: username
+      username
+    },
+    onSubmit: ({
+      username
+    }) => codeSent ? setPassword({
+      username
+    }) : requestCode({
+      username
+    }),
+    submitOnEnter: true
+  }, ({
+    Bind,
+    submit,
+    data
+  }) => /*#__PURE__*/React.createElement(View.Content, null, loading && /*#__PURE__*/React.createElement(OverlayLoader, null), /*#__PURE__*/React.createElement(View.Title, {
+    title: "Password recovery",
+    description: "Request a password reset code."
+  }), error && /*#__PURE__*/React.createElement("div", {
+    className: "wby-mb-lg"
+  }, /*#__PURE__*/React.createElement(Alert, {
+    title: "Something went wrong",
+    type: "danger"
+  }, error)), !codeSent ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "username",
+    validators: validation.create("required"),
+    beforeChange: (val, cb) => cb(val.toLowerCase())
+  }, /*#__PURE__*/React.createElement(Input, {
+    label: /*#__PURE__*/React.createElement(Label, {
+      text: "Email",
+      hint: "A reset code will be sent to your email."
+    }),
+    size: "lg"
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-flex-row-reverse wby-items-center wby-justify-between"
+  }, /*#__PURE__*/React.createElement(Button, {
+    text: "Send me the code",
+    onClick: ev => {
+      submit(ev);
     },
-    onSubmit: function onSubmit(_ref2) {
-      var username = _ref2.username;
-      return codeSent ? setPassword({
-        username: username
-      }) : requestCode({
-        username: username
+    "data-testid": "send-code",
+    size: "lg"
+  }), /*#__PURE__*/React.createElement(Text, {
+    as: "div",
+    size: "sm"
+  }, "Want to sign in?\xA0", /*#__PURE__*/React.createElement(Link, {
+    to: "#",
+    onClick: () => changeState("signIn")
+  }, "Sign in"), "."))))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Text, null, "We have sent you a code to reset your password!", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), "Click the \"Resend code\" button below to resend the code in case you haven't received it the first time.")), /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-flex-row-reverse wby-justify-start wby-gap-md"
+  }, /*#__PURE__*/React.createElement(Button, {
+    text: "I got the code!",
+    onClick: ev => {
+      submit(ev);
+    },
+    size: "lg"
+  }), /*#__PURE__*/React.createElement(Button, {
+    variant: "secondary",
+    text: "Resend code",
+    onClick: () => {
+      requestCode({
+        username: data.username
       });
     },
-    submitOnEnter: true
-  }, function (_ref3) {
-    var Bind = _ref3.Bind,
-      submit = _ref3.submit,
-      data = _ref3.data;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_View.View.Content, null, loading && /*#__PURE__*/React.createElement(_Progress.CircularProgress, null), /*#__PURE__*/React.createElement(_View.View.Title, {
-      title: "Password Recovery",
-      description: "request a password reset code"
-    }), error && /*#__PURE__*/React.createElement(_Grid.Grid, null, /*#__PURE__*/React.createElement(_Grid.Cell, {
-      span: 12
-    }, /*#__PURE__*/React.createElement(_Alert.Alert, {
-      title: "Something went wrong",
-      type: "danger"
-    }, error))), !codeSent ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Grid.Grid, null, /*#__PURE__*/React.createElement(_Grid.Cell, {
-      span: 12
-    }, /*#__PURE__*/React.createElement(Bind, {
-      name: "username",
-      validators: _validation.validation.create("required"),
-      beforeChange: function beforeChange(val, cb) {
-        return cb(val.toLowerCase());
-      }
-    }, /*#__PURE__*/React.createElement(_Input.Input, {
-      label: "Email",
-      description: "A reset code will be sent to your email."
-    })))), /*#__PURE__*/React.createElement(_Grid.Grid, null, /*#__PURE__*/React.createElement(_Grid.Cell, {
-      span: 12,
-      className: _StyledComponents.alignRight
-    }, /*#__PURE__*/React.createElement(_Button.ButtonPrimary, {
-      onClick: function onClick(ev) {
-        submit(ev);
-      },
-      "data-testid": "send-code"
-    }, "Send me the code")))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Grid.Grid, null, /*#__PURE__*/React.createElement(_Grid.Cell, {
-      span: 12
-    }, /*#__PURE__*/React.createElement(_Typography.Typography, {
-      use: "body1"
-    }, "We have sent you a code to reset your password!", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), "Click the \"Resend code\" button below to resend the code in case you haven't received it the first time."))), /*#__PURE__*/React.createElement(_Grid.Grid, null, /*#__PURE__*/React.createElement(_Grid.Cell, {
-      span: 12,
-      className: _StyledComponents.alignRight
-    }, /*#__PURE__*/React.createElement(_Button.ButtonDefault, {
-      onClick: function onClick() {
-        requestCode({
-          username: data.username
-        });
-      }
-    }, "Resend code"), /*#__PURE__*/React.createElement(_Button.ButtonPrimary, {
-      onClick: function onClick(ev) {
-        submit(ev);
-      }
-    }, "I got the code!"))))), /*#__PURE__*/React.createElement(_View.View.Footer, null, "Want to sign in?\xA0", /*#__PURE__*/React.createElement("a", {
-      href: "#",
-      onClick: function onClick() {
-        return changeState("signIn");
-      }
-    }, "Sign in")));
-  }));
+    size: "lg"
+  }))))))));
 };
 
 //# sourceMappingURL=ForgotPassword.js.map

package/views/ForgotPassword.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_form","_validation","_Button","_Input","_Grid","_Typography","_Alert","_Progress","_useAuthenticator2","_useForgotPassword2","_View","_StyledComponents","ForgotPassword","exports","_useAuthenticator","useAuthenticator","authData","changeState","_useForgotPassword","useForgotPassword","loading","codeSent","shouldRender","setPassword","requestCode","error","_ref","_ref$username","username","createElement","View","Container","Form","data","onSubmit","_ref2","submitOnEnter","_ref3","Bind","submit","Fragment","Content","CircularProgress","Title","title","description","Grid","Cell","span","Alert","type","name","validators","validation","create","beforeChange","val","cb","toLowerCase","Input","label","className","alignRight","ButtonPrimary","onClick","ev","Typography","use","ButtonDefault","Footer","href"],"sources":["ForgotPassword.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Form } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { ButtonPrimary, ButtonDefault } from \"@webiny/ui/Button\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Alert } from \"@webiny/ui/Alert\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { useAuthenticator } from \"@webiny/app-cognito-authenticator/hooks/useAuthenticator\";\nimport { useForgotPassword } from \"@webiny/app-cognito-authenticator/hooks/useForgotPassword\";\nimport { View } from \"~/components/View\";\nimport { alignRight } from \"~/components/StyledComponents\";\n\nexport const ForgotPassword = () => {\n    const { authData, changeState } = useAuthenticator();\n    const { loading, codeSent, shouldRender, setPassword, requestCode, error } =\n        useForgotPassword();\n\n    if (!shouldRender) {\n        return null;\n    }\n\n    const { username = \"\" } = authData || {};\n\n    return (\n        <View.Container>\n            <Form\n                data={{ username }}\n                onSubmit={({ username }) =>\n                    codeSent ? setPassword({ username }) : requestCode({ username })\n                }\n                submitOnEnter\n            >\n                {({ Bind, submit, data }) => (\n                    <>\n                        <View.Content>\n                            {loading && <CircularProgress />}\n                            <View.Title\n                                title={\"Password Recovery\"}\n                                description={\"request a password reset code\"}\n                            />\n                            {error && (\n                                <Grid>\n                                    <Cell span={12}>\n                                        <Alert title={\"Something went wrong\"} type={\"danger\"}>\n                                            {error}\n                                        </Alert>\n                                    </Cell>\n                                </Grid>\n                            )}\n\n                            {!codeSent ? (\n                                <>\n                                    <Grid>\n                                        <Cell span={12}>\n                                            <Bind\n                                                name=\"username\"\n                                                validators={validation.create(\"required\")}\n                                                beforeChange={(\n                                                    val: string,\n                                                    cb: (value: string) => void\n                                                ) => cb(val.toLowerCase())}\n                                            >\n                                                <Input\n                                                    label={\"Email\"}\n                                                    description={\n                                                        \"A reset code will be sent to your email.\"\n                                                    }\n                                                />\n                                            </Bind>\n                                        </Cell>\n                                    </Grid>\n\n                                    <Grid>\n                                        <Cell span={12} className={alignRight}>\n                                            <ButtonPrimary\n                                                onClick={ev => {\n                                                    submit(ev);\n                                                }}\n                                                data-testid=\"send-code\"\n                                            >\n                                                {\"Send me the code\"}\n                                            </ButtonPrimary>\n                                        </Cell>\n                                    </Grid>\n                                </>\n                            ) : (\n                                <>\n                                    <Grid>\n                                        <Cell span={12}>\n                                            <Typography use=\"body1\">\n                                                We have sent you a code to reset your password!\n                                                <br />\n                                                <br />\n                                                Click the &quot;Resend code&quot; button below to\n                                                resend the code in case you haven&apos;t received it\n                                                the first time.\n                                            </Typography>\n                                        </Cell>\n                                    </Grid>\n                                    <Grid>\n                                        <Cell span={12} className={alignRight}>\n                                            <ButtonDefault\n                                                onClick={() => {\n                                                    requestCode({ username: data.username });\n                                                }}\n                                            >\n                                                {\"Resend code\"}\n                                            </ButtonDefault>\n                                            <ButtonPrimary\n                                                onClick={ev => {\n                                                    submit(ev);\n                                                }}\n                                            >\n                                                I got the code!\n                                            </ButtonPrimary>\n                                        </Cell>\n                                    </Grid>\n                                </>\n                            )}\n                        </View.Content>\n                        <View.Footer>\n                            Want to sign in?&nbsp;\n                            <a href={\"#\"} onClick={() => changeState(\"signIn\")}>\n                                Sign in\n                            </a>\n                        </View.Footer>\n                    </>\n                )}\n            </Form>\n        </View.Container>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Alert","Button","Grid","Input","Label","Link","OverlayLoader","Text","Form","validation","useAuthenticator","useForgotPassword","View","ForgotPassword","authData","changeState","loading","codeSent","shouldRender","setPassword","requestCode","error","username","createElement","Container","data","onSubmit","submitOnEnter","Bind","submit","Content","Title","title","description","className","type","Fragment","Column","span","name","validators","create","beforeChange","val","cb","toLowerCase","label","text","hint","size","onClick","ev","as","to","variant"],"sources":["ForgotPassword.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Alert, Button, Grid, Input, Label, Link, OverlayLoader, Text } from \"@webiny/admin-ui\";\nimport { Form } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { useAuthenticator } from \"@webiny/app-cognito-authenticator/hooks/useAuthenticator\";\nimport { useForgotPassword } from \"@webiny/app-cognito-authenticator/hooks/useForgotPassword\";\nimport { View } from \"~/components/View\";\n\nexport const ForgotPassword = () => {\n    const { authData, changeState } = useAuthenticator();\n    const { loading, codeSent, shouldRender, setPassword, requestCode, error } =\n        useForgotPassword();\n\n    if (!shouldRender) {\n        return null;\n    }\n\n    const { username = \"\" } = authData || {};\n\n    return (\n        <View.Container>\n            <Form\n                data={{ username }}\n                onSubmit={({ username }) =>\n                    codeSent ? setPassword({ username }) : requestCode({ username })\n                }\n                submitOnEnter\n            >\n                {({ Bind, submit, data }) => (\n                    <View.Content>\n                        {loading && <OverlayLoader />}\n                        <View.Title\n                            title={\"Password recovery\"}\n                            description={\"Request a password reset code.\"}\n                        />\n                        {error && (\n                            <div className={\"wby-mb-lg\"}>\n                                <Alert title={\"Something went wrong\"} type={\"danger\"}>\n                                    {error}\n                                </Alert>\n                            </div>\n                        )}\n\n                        {!codeSent ? (\n                            <>\n                                <Grid>\n                                    <Grid.Column span={12}>\n                                        <Bind\n                                            name=\"username\"\n                                            validators={validation.create(\"required\")}\n                                            beforeChange={(\n                                                val: string,\n                                                cb: (value: string) => void\n                                            ) => cb(val.toLowerCase())}\n                                        >\n                                            <Input\n                                                label={\n                                                    <Label\n                                                        text={\"Email\"}\n                                                        hint={\n                                                            \"A reset code will be sent to your email.\"\n                                                        }\n                                                    />\n                                                }\n                                                size={\"lg\"}\n                                            />\n                                        </Bind>\n                                    </Grid.Column>\n                                    <Grid.Column span={12}>\n                                        <div\n                                            className={\n                                                \"wby-flex wby-flex-row-reverse wby-items-center wby-justify-between\"\n                                            }\n                                        >\n                                            <Button\n                                                text={\"Send me the code\"}\n                                                onClick={ev => {\n                                                    submit(ev);\n                                                }}\n                                                data-testid=\"send-code\"\n                                                size=\"lg\"\n                                            />\n                                            <Text as={\"div\"} size={\"sm\"}>\n                                                Want to sign in?&nbsp;\n                                                <Link\n                                                    to={\"#\"}\n                                                    onClick={() => changeState(\"signIn\")}\n                                                >\n                                                    Sign in\n                                                </Link>\n                                                .\n                                            </Text>\n                                        </div>\n                                    </Grid.Column>\n                                </Grid>\n                            </>\n                        ) : (\n                            <>\n                                <Grid>\n                                    <Grid.Column span={12}>\n                                        <Text>\n                                            We have sent you a code to reset your password!\n                                            <br />\n                                            <br />\n                                            Click the &quot;Resend code&quot; button below to resend\n                                            the code in case you haven&apos;t received it the first\n                                            time.\n                                        </Text>\n                                    </Grid.Column>\n                                    <Grid.Column span={12}>\n                                        <div\n                                            className={\n                                                \"wby-flex wby-flex-row-reverse wby-justify-start wby-gap-md\"\n                                            }\n                                        >\n                                            <Button\n                                                text={\"I got the code!\"}\n                                                onClick={ev => {\n                                                    submit(ev);\n                                                }}\n                                                size=\"lg\"\n                                            />\n                                            <Button\n                                                variant={\"secondary\"}\n                                                text={\"Resend code\"}\n                                                onClick={() => {\n                                                    requestCode({ username: data.username });\n                                                }}\n                                                size=\"lg\"\n                                            />\n                                        </div>\n                                    </Grid.Column>\n                                </Grid>\n                            </>\n                        )}\n                    </View.Content>\n                )}\n            </Form>\n        </View.Container>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/views/LoggingIn.js

@@ -1,15 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LoggingIn = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Progress = require("@webiny/ui/Progress");
-var LoggingIn = exports.LoggingIn = function LoggingIn() {
-  return /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
-    label: "Loading identity..."
+import React from "react";
+import { OverlayLoader } from "@webiny/admin-ui";
+export const LoggingIn = () => {
+  return /*#__PURE__*/React.createElement(OverlayLoader, {
+    text: "Loading identity..."
   });
 };
 

package/views/LoggingIn.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Progress","LoggingIn","exports","default","createElement","CircularProgress","label"],"sources":["LoggingIn.tsx"],"sourcesContent":["import React from \"react\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\n\nexport const LoggingIn = () => {\n    return <CircularProgress label={\"Loading identity...\"} />;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAEO,IAAME,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAA,EAAS;EAC3B,oBAAOJ,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAACJ,SAAA,CAAAK,gBAAgB;IAACC,KAAK,EAAE;EAAsB,CAAE,CAAC;AAC7D,CAAC","ignoreList":[]}
+{"version":3,"names":["React","OverlayLoader","LoggingIn","createElement","text"],"sources":["LoggingIn.tsx"],"sourcesContent":["import React from \"react\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\n\nexport const LoggingIn = () => {\n    return <OverlayLoader text={\"Loading identity...\"} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAQ,kBAAkB;AAEhD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC3B,oBAAOF,KAAA,CAAAG,aAAA,CAACF,aAAa;IAACG,IAAI,EAAE;EAAsB,CAAE,CAAC;AACzD,CAAC","ignoreList":[]}