{"version":3,"file":"static/js/3700.57f6e595.chunk.js","mappings":"+SAOMA,EAAYC,EAAAA,MAAW,kBAAM,kEAAN,IAE7BC,EAAAA,GAAAA,UAAkBC,EAAAA,GAmHlB,UAjHqB,SAACC,GAIpBH,EAAAA,WAAgB,WACd,OAAOI,EAAAA,EAAAA,KAAoB,SAACC,EAAeC,GAGtC,GACN,GAAE,IAEH,IAAMC,EAAa,CACfC,OADe,WAEb,IAAQC,GAAWC,EAAAA,EAAAA,KAAXD,OAER,OACE,SAAC,IAAD,CAAME,UAAU,SAASC,QAASH,EAAOI,MAAMC,MAA/C,UACE,SAAC,IAAD,CACEC,IAAI,YACJC,IAAI,sEAIX,EAEDC,OAde,WAeb,IAAQR,GAAWC,EAAAA,EAAAA,KAAXD,OAER,OACE,SAAC,IAAD,CAAME,UAAU,SAASC,QAASH,EAAOI,MAAMC,MAA/C,UACE,SAAC,IAAD,CAAMI,MAAK,UAAKT,EAAOU,OAAOC,QAAQ,KAAtC,8CAKL,EAEDC,OAAQ,CACNb,OADM,WAEJ,IAAQC,GAAWC,EAAAA,EAAAA,KAAXD,OAER,OACE,SAAC,IAAD,CACEa,QAAS,OACTV,QAAO,UAAKH,EAAOI,MAAMU,GAAlB,gBAA4Bd,EAAOI,MAAMU,IAChDC,MAAO,EAHT,oCAQH,EACDP,OAdM,WAeJ,IAAQQ,GAAoBC,EAAAA,EAAAA,MAApBD,gBAER,OACE,SAAC,IAAD,CAAMd,UAAU,SAAhB,UACE,SAAC,IAAD,CACEgB,WAAW,SACXC,QAASH,EACTI,KAAK,QACLC,UAAU,OAJZ,6BAUL,GAEHC,OAAQ,CACNvB,OADM,WAEJ,IAAQC,GAAWC,EAAAA,EAAAA,KAAXD,OAER,OACE,SAAC,IAAD,CACEa,QAAS,OACTV,QAAO,UAAKH,EAAOI,MAAMU,GAAlB,gBAA4Bd,EAAOI,MAAMU,IAChDC,MAAO,EAHT,iCAQH,EACDP,OAdM,WAeJ,IAAQe,GAAaN,EAAAA,EAAAA,MAAbM,SAER,OACE,SAAC,IAAD,CAAMrB,UAAU,SAAhB,UACE,SAAC,IAAD,CACEgB,WAAW,SACXC,QAASI,EACTH,KAAK,QACLC,UAAU,OAJZ,8BAUL,IAKP,OACE,gBAAKG,UAAU,GAAf,UACE,SAAC,IAAD,CAAeC,cAAc,EAAO3B,WAAYA,EAAhD,SACG,cAAG4B,QAAH,IAAYC,EAAZ,EAAYA,KAAZ,OACC,SAACrC,GAAD,QAAWqC,KAAMA,GAAUjC,GAD5B,KAMR,C","sources":["AuthStateApp.js"],"sourcesContent":["import React from 'react';\nimport { Amplify } from 'aws-amplify';\nimport { Authenticator, useTheme, Heading, useAuthenticator, View, Text, Image, Button} from '@aws-amplify/ui-react';\nimport { onAuthUIStateChange} from '@aws-amplify/ui-components';\nimport awsconfig from './aws-exports';\nimport '@aws-amplify/ui-react/styles.css';\n\nconst TheLayout = React.lazy(() => import('./containers/TheLayout'));\n\nAmplify.configure(awsconfig);\n\nconst AuthStateApp = (props) => {\n  // const [authState, setAuthState] = React.useState();\n  // const [user, setUser] = React.useState();\n\n  React.useEffect(() => {\n    return onAuthUIStateChange((nextAuthState, authData) => {\n            // setAuthState(nextAuthState);\n            // setUser(authData);\n        });\n  }, []);\n\n  const components = {\n      Header() {\n        const { tokens } = useTheme();\n    \n        return (\n          <View textAlign=\"center\" padding={tokens.space.large}>\n            <Image\n              alt=\"Magic Lab\"\n              src=\"https://maglab.com.tr/wp-content/uploads/2020/08/maglab_logo.png\"\n            />\n          </View>\n        );\n      },\n    \n      Footer() {\n        const { tokens } = useTheme();\n    \n        return (\n          <View textAlign=\"center\" padding={tokens.space.large}>\n            <Text color={`${tokens.colors.neutral['80']}`}>\n              &copy; MAGICLAB GAME TECHNOLOGIES\n            </Text>\n          </View>\n        );\n      },\n    \n      SignIn: {\n        Header() {\n          const { tokens } = useTheme();\n    \n          return (\n            <Heading\n              display={\"none\"}\n              padding={`${tokens.space.xl} 0 0 ${tokens.space.xl}`}\n              level={3}\n            >\n              Sign in to your account\n            </Heading>\n          );\n        },\n        Footer() {\n          const { toResetPassword } = useAuthenticator();\n    \n          return (\n            <View textAlign=\"center\">\n              <Button\n                fontWeight=\"normal\"\n                onClick={toResetPassword}\n                size=\"small\"\n                variation=\"link\"\n              >\n                Reset Password\n              </Button>\n            </View>\n          );\n        },\n      },\n      SignUp: {\n        Header() {\n          const { tokens } = useTheme();\n    \n          return (\n            <Heading\n              display={\"none\"}\n              padding={`${tokens.space.xl} 0 0 ${tokens.space.xl}`}\n              level={3}\n            >\n              Create a new account\n            </Heading>\n          );\n        },\n        Footer() {\n          const { toSignIn } = useAuthenticator();\n    \n          return (\n            <View textAlign=\"center\">\n              <Button\n                fontWeight=\"normal\"\n                onClick={toSignIn}\n                size=\"small\"\n                variation=\"link\"\n              >\n                Back to Sign In\n              </Button>\n            </View>\n          );\n        },\n      },\n    };\n\n    \n  return (\n    <div className=\"\">\n      <Authenticator signInConfig={false} components={components}>\n        {({ signOut, user }) => (\n          <TheLayout user={user} {...props}/>\n        )}\n      </Authenticator>\n    </div>\n  );\n}\n\nexport default AuthStateApp;"],"names":["TheLayout","React","Amplify","awsconfig","props","onAuthUIStateChange","nextAuthState","authData","components","Header","tokens","useTheme","textAlign","padding","space","large","alt","src","Footer","color","colors","neutral","SignIn","display","xl","level","toResetPassword","useAuthenticator","fontWeight","onClick","size","variation","SignUp","toSignIn","className","signInConfig","signOut","user"],"sourceRoot":""}