@ttoss/react-auth 1.2.5 → 1.2.7

package/dist/esm/index.js

@@ -14,24 +14,33 @@ var AuthContext = React.createContext({
   tokens: null
 });
 var AuthProvider = ({ children }) => {
-  const [user, setUser] = React.useState(null);
-  const [tokens, setTokens] = React.useState(null);
+  const [{ user, tokens, isAuthenticated }, setAuthState] = React.useState({
+    user: null,
+    tokens: null,
+    isAuthenticated: void 0
+  });
   React.useEffect(() => {
     const updateUser = () => {
       Auth.currentAuthenticatedUser().then(({ attributes, signInUserSession }) => {
-        setUser({
-          id: attributes.sub,
-          email: attributes.email,
-          emailVerified: attributes["email_verified"]
-        });
-        setTokens({
-          idToken: signInUserSession.idToken.jwtToken,
-          accessToken: signInUserSession.accessToken.jwtToken,
-          refreshToken: signInUserSession.refreshToken.token
+        setAuthState({
+          user: {
+            id: attributes.sub,
+            email: attributes.email,
+            emailVerified: attributes["email_verified"]
+          },
+          tokens: {
+            idToken: signInUserSession.idToken.jwtToken,
+            accessToken: signInUserSession.accessToken.jwtToken,
+            refreshToken: signInUserSession.refreshToken.token
+          },
+          isAuthenticated: true
         });
       }).catch(() => {
-        setUser(null);
-        setTokens(null);
+        setAuthState({
+          user: null,
+          tokens: null,
+          isAuthenticated: false
+        });
       });
     };
     const updateUserListener = Hub.listen("auth", updateUser);
@@ -40,13 +49,14 @@ var AuthProvider = ({ children }) => {
       updateUserListener();
     };
   }, []);
-  const isAuthenticated = !!user;
+  if (isAuthenticated === void 0) {
+    return null;
+  }
   return /* @__PURE__ */ jsx(AuthContext.Provider, { value: { signOut, isAuthenticated, user, tokens }, children });
 };
 var useAuth = () => {
   return React.useContext(AuthContext);
 };
-var AuthProvider_default = AuthProvider;
 
 // src/Auth.tsx
 import * as React3 from "react";
@@ -199,6 +209,140 @@ import { Form as Form2, FormFieldInput as FormFieldInput2, useForm as useForm2,
 
 // ../cloud-auth/dist/esm/index.js
 var PASSWORD_MINIMUM_LENGTH = 8;
+var CognitoUserPoolLogicalId = "CognitoUserPool";
+var CognitoUserPoolClientLogicalId = "CognitoUserPoolClient";
+var CognitoIdentityPoolLogicalId = "CognitoIdentityPool";
+var createAuthTemplate = ({
+  autoVerifiedAttributes = ["email"],
+  identityPool = true,
+  roles,
+  schema
+} = {}) => {
+  const AutoVerifiedAttributes = Array.isArray(autoVerifiedAttributes) && autoVerifiedAttributes.length > 0 ? autoVerifiedAttributes : void 0;
+  const template = {
+    AWSTemplateFormatVersion: "2010-09-09",
+    Resources: {
+      [CognitoUserPoolLogicalId]: {
+        Type: "AWS::Cognito::UserPool",
+        Properties: {
+          AutoVerifiedAttributes,
+          Policies: {
+            PasswordPolicy: {
+              MinimumLength: PASSWORD_MINIMUM_LENGTH,
+              RequireLowercase: false,
+              RequireNumbers: false,
+              RequireSymbols: false,
+              RequireUppercase: false,
+              TemporaryPasswordValidityDays: 30
+            }
+          },
+          Schema: schema,
+          UsernameAttributes: ["email"],
+          UsernameConfiguration: {
+            CaseSensitive: false
+          },
+          UserPoolName: {
+            Ref: "AWS::StackName"
+          }
+        }
+      },
+      [CognitoUserPoolClientLogicalId]: {
+        Type: "AWS::Cognito::UserPoolClient",
+        Properties: {
+          SupportedIdentityProviders: ["COGNITO"],
+          UserPoolId: {
+            Ref: "CognitoUserPool"
+          }
+        }
+      }
+    },
+    Outputs: {
+      Region: {
+        Description: "You use this value on Amplify Auth `region`.",
+        Value: {
+          Ref: "AWS::Region"
+        },
+        Export: {
+          Name: {
+            "Fn::Join": [":", [{ Ref: "AWS::StackName" }, "Region"]]
+          }
+        }
+      },
+      UserPoolId: {
+        Description: "You use this value on Amplify Auth `userPoolId`.",
+        Value: {
+          Ref: CognitoUserPoolLogicalId
+        },
+        Export: {
+          Name: {
+            "Fn::Join": [":", [{ Ref: "AWS::StackName" }, "UserPoolId"]]
+          }
+        }
+      },
+      AppClientId: {
+        Description: "You use this value on Amplify Auth `userPoolWebClientId`.",
+        Value: {
+          Ref: CognitoUserPoolClientLogicalId
+        },
+        Export: {
+          Name: {
+            "Fn::Join": [":", [{ Ref: "AWS::StackName" }, "AppClientId"]]
+          }
+        }
+      }
+    }
+  };
+  if (identityPool) {
+    template.Resources[CognitoIdentityPoolLogicalId] = {
+      Type: "AWS::Cognito::IdentityPool",
+      Properties: {
+        AllowUnauthenticatedIdentities: true,
+        CognitoIdentityProviders: [
+          {
+            ClientId: {
+              Ref: CognitoUserPoolClientLogicalId
+            },
+            ProviderName: {
+              "Fn::GetAtt": [CognitoUserPoolLogicalId, "ProviderName"]
+            }
+          }
+        ]
+      }
+    };
+    if (roles) {
+      template.Resources.CognitoIdentityPoolRoleAttachment = {
+        Type: "AWS::Cognito::IdentityPoolRoleAttachment",
+        Properties: {
+          IdentityPoolId: {
+            Ref: CognitoIdentityPoolLogicalId
+          },
+          Roles: roles
+        }
+      };
+    }
+    if (!template.Outputs) {
+      template.Outputs = {};
+    }
+    template.Outputs.IdentityPoolId = {
+      Description: "You use this value on Amplify Auth `identityPoolId`.",
+      Value: {
+        Ref: CognitoIdentityPoolLogicalId
+      },
+      Export: {
+        Name: {
+          "Fn::Join": [
+            ":",
+            [{ Ref: "AWS::StackName" }, "CognitoIdentityPoolId"]
+          ]
+        }
+      }
+    };
+  }
+  return template;
+};
+createAuthTemplate.CognitoUserPoolLogicalId = CognitoUserPoolLogicalId;
+createAuthTemplate.CognitoUserPoolClientLogicalId = CognitoUserPoolClientLogicalId;
+createAuthTemplate.CognitoIdentityPoolLogicalId = CognitoIdentityPoolLogicalId;
 
 // src/AuthSignIn.tsx
 import { useI18n as useI18n2 } from "@ttoss/react-i18n";
@@ -524,6 +668,6 @@ var Auth2 = ({ logo, fullScreen = true }) => {
 };
 export {
   Auth2 as Auth,
-  AuthProvider_default as AuthProvider,
+  AuthProvider,
   useAuth
 };

package/dist/index.d.ts

@@ -12,7 +12,7 @@ type Tokens = {
 } | null;
 declare const AuthProvider: ({ children }: {
     children: React.ReactNode;
-}) => JSX.Element;
+}) => JSX.Element | null;
 declare const useAuth: () => {
     signOut: () => Promise<any>;
     isAuthenticated: boolean;

package/dist/index.js

@@ -28,7 +28,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   Auth: () => Auth2,
-  AuthProvider: () => AuthProvider_default,
+  AuthProvider: () => AuthProvider,
   useAuth: () => useAuth
 });
 module.exports = __toCommonJS(src_exports);
@@ -47,24 +47,33 @@ var AuthContext = React.createContext({
   tokens: null
 });
 var AuthProvider = ({ children }) => {
-  const [user, setUser] = React.useState(null);
-  const [tokens, setTokens] = React.useState(null);
+  const [{ user, tokens, isAuthenticated }, setAuthState] = React.useState({
+    user: null,
+    tokens: null,
+    isAuthenticated: void 0
+  });
   React.useEffect(() => {
     const updateUser = () => {
       import_aws_amplify.Auth.currentAuthenticatedUser().then(({ attributes, signInUserSession }) => {
-        setUser({
-          id: attributes.sub,
-          email: attributes.email,
-          emailVerified: attributes["email_verified"]
-        });
-        setTokens({
-          idToken: signInUserSession.idToken.jwtToken,
-          accessToken: signInUserSession.accessToken.jwtToken,
-          refreshToken: signInUserSession.refreshToken.token
+        setAuthState({
+          user: {
+            id: attributes.sub,
+            email: attributes.email,
+            emailVerified: attributes["email_verified"]
+          },
+          tokens: {
+            idToken: signInUserSession.idToken.jwtToken,
+            accessToken: signInUserSession.accessToken.jwtToken,
+            refreshToken: signInUserSession.refreshToken.token
+          },
+          isAuthenticated: true
         });
       }).catch(() => {
-        setUser(null);
-        setTokens(null);
+        setAuthState({
+          user: null,
+          tokens: null,
+          isAuthenticated: false
+        });
       });
     };
     const updateUserListener = import_aws_amplify.Hub.listen("auth", updateUser);
@@ -73,13 +82,14 @@ var AuthProvider = ({ children }) => {
       updateUserListener();
     };
   }, []);
-  const isAuthenticated = !!user;
+  if (isAuthenticated === void 0) {
+    return null;
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AuthContext.Provider, { value: { signOut, isAuthenticated, user, tokens }, children });
 };
 var useAuth = () => {
   return React.useContext(AuthContext);
 };
-var AuthProvider_default = AuthProvider;
 
 // src/Auth.tsx
 var React3 = __toESM(require("react"));
@@ -232,6 +242,140 @@ var import_forms2 = require("@ttoss/forms");
 
 // ../cloud-auth/dist/esm/index.js
 var PASSWORD_MINIMUM_LENGTH = 8;
+var CognitoUserPoolLogicalId = "CognitoUserPool";
+var CognitoUserPoolClientLogicalId = "CognitoUserPoolClient";
+var CognitoIdentityPoolLogicalId = "CognitoIdentityPool";
+var createAuthTemplate = ({
+  autoVerifiedAttributes = ["email"],
+  identityPool = true,
+  roles,
+  schema
+} = {}) => {
+  const AutoVerifiedAttributes = Array.isArray(autoVerifiedAttributes) && autoVerifiedAttributes.length > 0 ? autoVerifiedAttributes : void 0;
+  const template = {
+    AWSTemplateFormatVersion: "2010-09-09",
+    Resources: {
+      [CognitoUserPoolLogicalId]: {
+        Type: "AWS::Cognito::UserPool",
+        Properties: {
+          AutoVerifiedAttributes,
+          Policies: {
+            PasswordPolicy: {
+              MinimumLength: PASSWORD_MINIMUM_LENGTH,
+              RequireLowercase: false,
+              RequireNumbers: false,
+              RequireSymbols: false,
+              RequireUppercase: false,
+              TemporaryPasswordValidityDays: 30
+            }
+          },
+          Schema: schema,
+          UsernameAttributes: ["email"],
+          UsernameConfiguration: {
+            CaseSensitive: false
+          },
+          UserPoolName: {
+            Ref: "AWS::StackName"
+          }
+        }
+      },
+      [CognitoUserPoolClientLogicalId]: {
+        Type: "AWS::Cognito::UserPoolClient",
+        Properties: {
+          SupportedIdentityProviders: ["COGNITO"],
+          UserPoolId: {
+            Ref: "CognitoUserPool"
+          }
+        }
+      }
+    },
+    Outputs: {
+      Region: {
+        Description: "You use this value on Amplify Auth `region`.",
+        Value: {
+          Ref: "AWS::Region"
+        },
+        Export: {
+          Name: {
+            "Fn::Join": [":", [{ Ref: "AWS::StackName" }, "Region"]]
+          }
+        }
+      },
+      UserPoolId: {
+        Description: "You use this value on Amplify Auth `userPoolId`.",
+        Value: {
+          Ref: CognitoUserPoolLogicalId
+        },
+        Export: {
+          Name: {
+            "Fn::Join": [":", [{ Ref: "AWS::StackName" }, "UserPoolId"]]
+          }
+        }
+      },
+      AppClientId: {
+        Description: "You use this value on Amplify Auth `userPoolWebClientId`.",
+        Value: {
+          Ref: CognitoUserPoolClientLogicalId
+        },
+        Export: {
+          Name: {
+            "Fn::Join": [":", [{ Ref: "AWS::StackName" }, "AppClientId"]]
+          }
+        }
+      }
+    }
+  };
+  if (identityPool) {
+    template.Resources[CognitoIdentityPoolLogicalId] = {
+      Type: "AWS::Cognito::IdentityPool",
+      Properties: {
+        AllowUnauthenticatedIdentities: true,
+        CognitoIdentityProviders: [
+          {
+            ClientId: {
+              Ref: CognitoUserPoolClientLogicalId
+            },
+            ProviderName: {
+              "Fn::GetAtt": [CognitoUserPoolLogicalId, "ProviderName"]
+            }
+          }
+        ]
+      }
+    };
+    if (roles) {
+      template.Resources.CognitoIdentityPoolRoleAttachment = {
+        Type: "AWS::Cognito::IdentityPoolRoleAttachment",
+        Properties: {
+          IdentityPoolId: {
+            Ref: CognitoIdentityPoolLogicalId
+          },
+          Roles: roles
+        }
+      };
+    }
+    if (!template.Outputs) {
+      template.Outputs = {};
+    }
+    template.Outputs.IdentityPoolId = {
+      Description: "You use this value on Amplify Auth `identityPoolId`.",
+      Value: {
+        Ref: CognitoIdentityPoolLogicalId
+      },
+      Export: {
+        Name: {
+          "Fn::Join": [
+            ":",
+            [{ Ref: "AWS::StackName" }, "CognitoIdentityPoolId"]
+          ]
+        }
+      }
+    };
+  }
+  return template;
+};
+createAuthTemplate.CognitoUserPoolLogicalId = CognitoUserPoolLogicalId;
+createAuthTemplate.CognitoUserPoolClientLogicalId = CognitoUserPoolClientLogicalId;
+createAuthTemplate.CognitoIdentityPoolLogicalId = CognitoIdentityPoolLogicalId;
 
 // src/AuthSignIn.tsx
 var import_react_i18n2 = require("@ttoss/react-i18n");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/react-auth",
-  "version": "1.2.5",
+  "version": "1.2.7",
   "description": "ttoss authentication module for React apps.",
   "license": "UNLICENSED",
   "author": "ttoss",
@@ -22,7 +22,7 @@
   "sideEffects": false,
   "typings": "./dist/index.d.ts",
   "dependencies": {
-    "@ttoss/forms": "^0.12.1",
+    "@ttoss/forms": "^0.13.0",
     "@xstate/react": "^3.0.1",
     "xstate": "^4.35.0"
   },
@@ -34,13 +34,13 @@
     "react": ">=16.8.0"
   },
   "devDependencies": {
-    "@ttoss/cloud-auth": "^0.3.1",
-    "@ttoss/config": "^1.26.0",
-    "@ttoss/i18n-cli": "^0.3.0",
-    "@ttoss/react-i18n": "^1.18.3",
-    "@ttoss/react-notifications": "^1.19.4",
-    "@ttoss/test-utils": "^1.20.0",
-    "@ttoss/ui": "^1.28.0",
+    "@ttoss/cloud-auth": "^0.4.0",
+    "@ttoss/config": "^1.27.0",
+    "@ttoss/i18n-cli": "^0.3.1",
+    "@ttoss/react-i18n": "^1.18.4",
+    "@ttoss/react-notifications": "^1.19.5",
+    "@ttoss/test-utils": "^1.20.1",
+    "@ttoss/ui": "^1.29.0",
     "aws-amplify": "^5.0.7"
   },
   "keywords": [
@@ -50,5 +50,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "56960002b641a5b5c875d2f35a0171ed2f88d40e"
+  "gitHead": "0067587c116050873db5c57eb124fe38ec0bc9d2"
 }

package/src/AuthProvider.tsx

@@ -29,30 +29,41 @@ const AuthContext = React.createContext<{
   tokens: null,
 });
 
-const AuthProvider = ({ children }: { children: React.ReactNode }) => {
-  const [user, setUser] = React.useState<User>(null);
-
-  const [tokens, setTokens] = React.useState<Tokens>(null);
+export const AuthProvider = ({ children }: { children: React.ReactNode }) => {
+  const [{ user, tokens, isAuthenticated }, setAuthState] = React.useState<{
+    user: User;
+    tokens: Tokens;
+    isAuthenticated: boolean | undefined;
+  }>({
+    user: null,
+    tokens: null,
+    isAuthenticated: undefined,
+  });
 
   React.useEffect(() => {
     const updateUser = () => {
       Auth.currentAuthenticatedUser()
         .then(({ attributes, signInUserSession }) => {
-          setUser({
-            id: attributes.sub,
-            email: attributes.email,
-            emailVerified: attributes['email_verified'],
-          });
-
-          setTokens({
-            idToken: signInUserSession.idToken.jwtToken,
-            accessToken: signInUserSession.accessToken.jwtToken,
-            refreshToken: signInUserSession.refreshToken.token,
+          setAuthState({
+            user: {
+              id: attributes.sub,
+              email: attributes.email,
+              emailVerified: attributes['email_verified'],
+            },
+            tokens: {
+              idToken: signInUserSession.idToken.jwtToken,
+              accessToken: signInUserSession.accessToken.jwtToken,
+              refreshToken: signInUserSession.refreshToken.token,
+            },
+            isAuthenticated: true,
           });
         })
         .catch(() => {
-          setUser(null);
-          setTokens(null);
+          setAuthState({
+            user: null,
+            tokens: null,
+            isAuthenticated: false,
+          });
         });
     };
 
@@ -68,7 +79,9 @@ const AuthProvider = ({ children }: { children: React.ReactNode }) => {
     };
   }, []);
 
-  const isAuthenticated = !!user;
+  if (isAuthenticated === undefined) {
+    return null;
+  }
 
   return (
     <AuthContext.Provider value={{ signOut, isAuthenticated, user, tokens }}>
@@ -80,5 +93,3 @@ const AuthProvider = ({ children }: { children: React.ReactNode }) => {
 export const useAuth = () => {
   return React.useContext(AuthContext);
 };
-
-export default AuthProvider;

package/src/index.ts

@@ -1,3 +1,3 @@
-export { default as AuthProvider, useAuth } from './AuthProvider';
+export { AuthProvider, useAuth } from './AuthProvider';
 export { Auth } from './Auth';
 export * from './types';