{"version":3,"sources":["components/access-control.js","components/auth0-provider-with-history.js","components/private-route.js","layouts/public-layout.js","views/public/home.js","App.js","index.js"],"names":["enableRipple","LoginButton","props","loginWithRedirect","useAuth0","cssClass","onClick","LogoutButton","logout","returnTo","window","location","origin","AccessControl","user","isAuthenticated","isLoading","name","id","text","leadingIconCss","Auth0ProviderWithHistory","children","history","useHistory","domain","clientId","redirectUri","onRedirectCallback","appState","push","PrivateRoute","route","to","PublicLayout","className","content0","content1","content2","Home","style","maxWidth","margin","display","flexDirection","justifyContent","width","src","alt","height","expanded","header","content","visible","PrivateLayout","lazy","About","SignUp","AdminHome","AdminTopic","AdminProfile","App","fallback","exact","path","component","ReactDOM","render","document","getElementById"],"mappings":"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","file":"static/js/main.7b974714.chunk.js","sourcesContent":["import React from \"react\";\r\n\r\nimport {\r\n  ButtonComponent,\r\n  ChipListComponent,\r\n  ChipsDirective,\r\n  ChipDirective,\r\n} from \"@syncfusion/ej2-react-buttons\";\r\nimport { enableRipple } from \"@syncfusion/ej2-base\";\r\n\r\n\r\nimport \"./access-control.css\"\r\nimport { useAuth0 } from \"@auth0/auth0-react\";\r\n\r\n\r\nenableRipple(true);\r\n\r\nconst LoginButton = (props) => {\r\n  const { loginWithRedirect } = useAuth0();\r\n  return (\r\n    <ButtonComponent cssClass=\"e-outline\" onClick={() => loginWithRedirect()}>\r\n      Login\r\n    </ButtonComponent>\r\n  );\r\n};\r\n\r\nconst LogoutButton = (props) => {\r\n  const { logout } = useAuth0();\r\n  return (\r\n    <button onClick={() => logout({ returnTo: window.location.origin })}>\r\n      Logout\r\n    </button>\r\n  );\r\n};\r\n\r\nconst AccessControl = (props) => {\r\n  const { user, isAuthenticated, isLoading } = useAuth0();\r\n\r\n  if (isLoading) {\r\n    return <div>Loading ...</div>;\r\n  }\r\n\r\n  if (isAuthenticated) {\r\n    return (\r\n      <>\r\n        <div>\r\n          {user.name} <LogoutButton />\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <LoginButton />\r\n      <ChipListComponent id=\"chip-avatar\">\r\n            <ChipsDirective>\r\n                <ChipDirective text=\"Andrew\" leadingIconCss='andrew'></ChipDirective>\r\n                <ChipDirective text=\"Janet\" leadingIconCss='janet'></ChipDirective>\r\n                <ChipDirective text=\"Laura\" leadingIconCss='laura'></ChipDirective>\r\n                <ChipDirective text=\"Margaret\" leadingIconCss='margaret'></ChipDirective>\r\n            </ChipsDirective>\r\n        </ChipListComponent>\r\n    </>\r\n  );\r\n};\r\n\r\nexport { LoginButton, LogoutButton, AccessControl as default };\r\n","import React from \"react\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { Auth0Provider } from \"@auth0/auth0-react\";\r\n\r\nconst Auth0ProviderWithHistory = ({ children }) => {\r\n  const history = useHistory();\r\n\r\n  const onRedirectCallback = (appState) => {\r\n    history.push(\"/admin\");\r\n  };\r\n\r\n  return (\r\n    <Auth0Provider\r\n      domain=\"dev--xuftk9s.eu.auth0.com\"\r\n      clientId=\"BCSrQrR3X5wavEAMfshDvqSh2rMhggym\"\r\n      redirectUri={window.location.origin}\r\n      onRedirectCallback={onRedirectCallback}\r\n    >\r\n      {children}\r\n    </Auth0Provider>\r\n  );\r\n};\r\n\r\nexport default Auth0ProviderWithHistory;\r\n","import React from \"react\";\r\n\r\nimport { Redirect, Route } from \"react-router\";\r\n//import { useAuth } from \"./auth-provider\";\r\nimport { useAuth0 } from \"@auth0/auth0-react\";\r\n\r\n\r\nconst PrivateRoute = ({children, ...route}) => {\r\n  const { isAuthenticated, isLoading } = useAuth0();\r\n\r\n  if (isLoading) {\r\n    return <div>Waiting ...</div>;\r\n  }\r\n\r\n  if (!isAuthenticated) {\r\n    return <Redirect to=\"/\"/>;\r\n  }\r\n\r\n  return <Route {...route} children={children}/>;\r\n};\r\nexport default PrivateRoute;\r\n\r\n\r\n\r\n","import React from \"react\";\r\nimport { NavLink } from \"react-router-dom\";\r\nimport { useAuth0 } from \"@auth0/auth0-react\";\r\nimport AccessControl from \"../components/access-control\";\r\n\r\nconst PublicLayout = ({ children }) => {\r\n  const { isAuthenticated } = useAuth0();\r\n  return (\r\n    <section className=\"layout\">\r\n      <p>PublicLayout</p>\r\n      <div>\r\n        <NavLink to=\"/\">Home</NavLink>\r\n        <NavLink to=\"/about\">About</NavLink>\r\n        <NavLink to=\"/signup\">SignUp</NavLink>\r\n        {isAuthenticated && (<NavLink to=\"/admin\">Admin</NavLink>)}\r\n      </div>\r\n\r\n      <AccessControl />\r\n\r\n      <aside className=\"sidebar\" />\r\n      <section>\r\n        <header />\r\n        <main>{children}</main>\r\n        <footer />\r\n      </section>\r\n    </section>\r\n  );\r\n};\r\nexport default PublicLayout;\r\n","import React from \"react\";\r\nimport {\r\n  AccordionComponent,\r\n  AccordionItemDirective,\r\n  AccordionItemsDirective,\r\n} from \"@syncfusion/ej2-react-navigations\";\r\n\r\nimport \"./home.css\";\r\n\r\nconst content0 = () => (\r\n  <div>\r\n    <strong>Microsoft ASP.NET</strong> is a set of technologies in the Microsoft .NET Framework\r\n    for building Web applications and XML Web services.\r\n  </div>\r\n);\r\n\r\nfunction content1() {\r\n  return (\r\n    <div>\r\n      The Model-View-Controller (MVC) architectural pattern separates an\r\n      application into three main components: the model, the view, and the\r\n      controller.\r\n    </div>\r\n  );\r\n}\r\nfunction content2() {\r\n  return (\r\n    <div>\r\n      JavaScript (JS) is an interpreted computer programming language.It was\r\n      originally implemented as part of web browsers so that client-side scripts\r\n      could interact with the user, control the browser, communicate\r\n      asynchronously, and alter the document content that was displayed.\r\n    </div>\r\n  );\r\n}\r\n\r\nconst Home = () => (\r\n  <>\r\n    <p>Home</p>\r\n\r\n    <div style={{ maxWidth: 300 }}>\r\n      <div className=\"e-card\">\r\n        {/* header */}\r\n        <div className=\"e-card-header\">\r\n          {/* image + caption (title, subtitle) */}\r\n          <div className=\"e-card-header-image football\" />\r\n          <div className=\"e-card-header-caption\">\r\n            <div className=\"e-card-header-title\">Pietro Tricarico</div>\r\n            <div className=\"e-card-sub-title\">Founder and CEO</div>\r\n          </div>\r\n        </div>\r\n        {/* content */}\r\n        <div className=\"e-card-content\">\r\n          Pietro received a BA in psychology from the University of Washington.\r\n          She has also completed a course in business French. She reads and\r\n          writes French.\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div\r\n      style={{\r\n        margin: `50px`,\r\n        display: `flex`,\r\n        flexDirection: `row`,\r\n        justifyContent: `center`,\r\n      }}\r\n    >\r\n      <div className=\"e-card e-card-horizontal\" style={{ width: `400px` }}>\r\n        <img src=\"./Code.png\" alt=\"Sample\" style={{ height: `180px` }} />\r\n        <div className=\"e-card-stacked\">\r\n          <div className=\"e-card-header\">\r\n            <div className=\"e-card-header-caption\">\r\n              <div className=\"e-card-header-title\">Philips Trimmer</div>\r\n            </div>\r\n          </div>\r\n          <div className=\"e-card-content\">\r\n            Powered by the innovative DuraPower Technology which optimizes power\r\n            consumption, Philips trimmers are designed to last longer than 4\r\n            ordinary trimmers.\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <AccordionComponent>\r\n      <AccordionItemsDirective>\r\n        <AccordionItemDirective\r\n          expanded=\"true\"\r\n          header=\"ASP.NET\"\r\n          content={content0}\r\n        />\r\n        <AccordionItemDirective\r\n          header=\"ASP.NET MVC\"\r\n          content={content1}\r\n          visible={true}\r\n        />\r\n        <AccordionItemDirective header=\"JavaScript\" content={content2} />\r\n      </AccordionItemsDirective>\r\n    </AccordionComponent>\r\n  </>\r\n);\r\n\r\nexport default Home;\r\n","import React, { Suspense, lazy } from \"react\";\nimport { BrowserRouter as Router, Switch, Route } from \"react-router-dom\";\nimport { Redirect } from \"react-router\";\nimport \"./App.css\";\n\nimport \"../node_modules/@syncfusion/ej2-base/styles/material.css\";\nimport \"../node_modules/@syncfusion/ej2-react-buttons/styles/material.css\";\nimport '../node_modules/@syncfusion/ej2-layouts/styles/material.css';\nimport '../node_modules/@syncfusion/ej2-react-popups/styles/material.css';\nimport '../node_modules/@syncfusion/ej2-react-navigations/styles/material.css';\n\nimport '../node_modules/@syncfusion/ej2-base/styles/material.css';\nimport '../node_modules/@syncfusion/ej2-buttons/styles/material.css';\nimport '../node_modules/@syncfusion/ej2-inputs/styles/material.css';\nimport '../node_modules/@syncfusion/ej2-popups/styles/material.css';\nimport '../node_modules/@syncfusion/ej2-lists/styles/material.css';\nimport '../node_modules/@syncfusion/ej2-navigations/styles/material.css';\nimport '../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css';\nimport '../node_modules/@syncfusion/ej2-dropdowns/styles/material.css';\nimport \"../node_modules/@syncfusion/ej2-react-documenteditor/styles/material.css\";\n\n\n\n\nimport Auth0ProviderWithHistory from \"./components/auth0-provider-with-history\";\n\nimport PrivateRoute from \"./components/private-route\";\n\n// Default layout and page\nimport PublicLayout from \"./layouts/public-layout\";\nimport Home from \"./views/public/home\";\n\n// Layouts & Pages (lazy loading)\nconst PrivateLayout = lazy(() => import(\"./layouts/private-layout\"));\n\nconst About = lazy(() => import(\"./views/public/about\"));\nconst SignUp = lazy(() => import(\"./views/public/signup\"));\nconst AdminHome = lazy(() => import(\"./views/admin/admin-home\"));\nconst AdminTopic = lazy(() => import(\"./views/admin/admin-topic\"));\nconst AdminProfile = lazy(() => import(\"./views/admin/admin-profile\"));\n\nconst App = () => (\n  <Router>\n    {/* auth0 authentication */}\n    <Auth0ProviderWithHistory>\n      {/* lazy loading */}\n      <Suspense fallback={<div>Loading...</div>}>\n        <Switch>\n          {/* public */}\n          <Route exact path={[\"/\", \"/about\", \"/signup\"]}>\n            <PublicLayout>\n              <Switch>\n                <Route component={Home} exact path=\"/\"></Route>\n                <Route component={About} path=\"/about\"></Route>\n                <Route component={SignUp} path=\"/signup\"></Route>\n              </Switch>\n            </PublicLayout>\n          </Route>\n\n          {/* private 'admin' area */}\n          <PrivateRoute path={[\"/admin\"]}>\n            <PrivateLayout>\n              <Switch>\n                <Route component={AdminHome} exact path=\"/admin\"></Route>\n                <Route component={AdminTopic} path=\"/admin/topics/:id\"></Route>\n                <Route component={AdminProfile} path=\"/admin/profile\"></Route>\n                {/* automatic redirect for '/admin' not found url */}\n                <Route>\n                  <Redirect to=\"/admin\" />\n                </Route>\n              </Switch>\n            </PrivateLayout>\n          </PrivateRoute>\n\n          {/* 404 -> redirect to home */}\n          <Route>\n            <Redirect to=\"/\" />\n          </Route>\n        </Switch>\n      </Suspense>\n    </Auth0ProviderWithHistory>\n  </Router>\n);\n\nexport default App;\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport \"./index.css\";\nimport App from \"./App\";\n\nReactDOM.render(<App />, document.getElementById(\"root\"));\n\n"],"sourceRoot":""}