{"version":3,"file":"static/js/479.ad1bbca5.chunk.js","mappings":"0PA4IA,MACA,EAAe,IAA0B,wD,qDC7HzC,MAmGA,EAnGwBA,KACtB,MAAM,SAAEC,IAAaC,EAAAA,EAAAA,YAAWC,EAAAA,KACzBC,EAASC,IAAcC,EAAAA,EAAAA,WAAS,IAChCC,EAAOC,IAAYF,EAAAA,EAAAA,UAAS,IAC7BG,GAAWC,EAAAA,EAAAA,MACXC,GAASC,EAAAA,EAAAA,OACEC,EAAAA,EAAAA,OAEjBC,EAAAA,EAAAA,YAAU,QAEP,IAEH,MAoDMC,EAAeX,EAAU,SAAW,SAE1C,OACEY,EAAAA,EAAAA,MAAAC,EAAAA,SAAA,CAAAC,SAAA,EACEC,EAAAA,EAAAA,KAAA,OAAKC,GAAG,UAAUC,UAAWN,EAAaG,UACxCC,EAAAA,EAAAA,KAAA,OAAKE,UAAU,yDAAwDH,UACrEC,EAAAA,EAAAA,KAACG,EAAAA,EAAc,CAACC,QAAQ,UAAUC,MAAM,YAG5CL,EAAAA,EAAAA,KAAA,OAAKE,UAAU,eAAcH,UAC3BC,EAAAA,EAAAA,KAAA,OAAKE,UAAU,eAAcH,UAC3BF,EAAAA,EAAAA,MAAA,OAAKK,UAAU,OAAMH,SAAA,EACnBC,EAAAA,EAAAA,KAAA,OAAKM,IAAI,MAAMC,IAAKC,EAAIN,UAAU,oBAClCF,EAAAA,EAAAA,KAAA,OAAKE,UAAU,qCAAoCH,UACjDF,EAAAA,EAAAA,MAAA,OAAKK,UAAU,YAAWH,SAAA,EACxBC,EAAAA,EAAAA,KAAA,MAAIE,UAAU,eAAcH,SAAC,iBAC7BC,EAAAA,EAAAA,KAAA,UACES,SAA8B,IAApB3B,EAAS4B,OACnBC,QAtEIC,UAUlB,GATAC,EAAEC,iBAEFC,aAAaC,WAAW,aACxBD,aAAaC,WAAW,eACxBD,aAAaC,WAAW,eACxBD,aAAaC,WAAW,iBACxBD,aAAaC,WAAW,oBACxBD,aAAaC,WAAW,aACxBD,aAAaC,WAAW,aACnBlC,EACH,OAEF,MAAMmC,EAASC,OAAO,SAChBC,QAAmBC,EAAAA,EAAAA,WACnBD,EAAWE,MAAM,CACrBC,UAAWV,UACT1B,GAAW,GACXqC,EAAAA,EAAQC,cAAcL,GAEtB,MAAMM,EAAe3C,EAAS4C,MAC3BC,GACCA,EAAIC,OAASC,EAAAA,KAGjB,IAAKJ,EACH,OAGF,MAAMK,QAAqBxC,EACzByC,EAAAA,EAAQC,UAAUC,oBAAoBC,SAAS,CAACP,IAAKF,EAAaE,IAAKnC,OAAQA,KAE7EsC,EAAaK,WACfC,QAAQC,IAAIP,GACZQ,SAASC,WAGTlD,EAAUyC,EAAa1C,MAAcA,OACrCF,GAAW,GACb,EAEFsD,QAAS5B,UACPvB,EAAS,qBAAuBoD,EAAIC,QAAQ,EAE9CC,iBAEM,sCAENC,cAAe3B,GACf,EAsBYf,UAAU,aAAYH,UAEtBC,EAAAA,EAAAA,KAAA,OAAKO,IAAKsC,EAAKvC,IAAI,oBAEpBlB,EAAMsB,OAAS,IACdV,EAAAA,EAAAA,KAAA,OAAKE,UAAU,qBAAoBH,SAAEX,kBAOhD,C","sources":["assets/img/dfn.svg","app/components/pages/Login.tsx"],"sourcesContent":["var _path, _path2, _path3, _g;\nconst _excluded = [\"title\", \"titleId\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }\nimport * as React from \"react\";\nfunction SvgDfn(_ref, svgRef) {\n let {\n title,\n titleId\n } = _ref,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n xmlnsXlink: \"http://www.w3.org/1999/xlink\",\n preserveAspectRatio: \"xMidYMid meet\",\n viewBox: \"-1 -1 107.42470599999999 54.6597\",\n width: 103.42,\n height: 50.66,\n className: \"inline h-8 w-8 ml-1\",\n \"data-v-45c16e28\": \"\",\n \"data-v-5f5943f4\": \"\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, /*#__PURE__*/React.createElement(\"defs\", {\n \"data-v-45c16e28\": \"\"\n }, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M59.62 9.14C56.48 11.99 53.72 15.07 51.71 17.53C51.71 17.53 54.95 21.18 58.49 25.09C60.41 22.72 63.17 19.51 66.36 16.61C72.26 11.2 76.1 10.11 78.33 10.11C86.64 10.11 93.37 16.92 93.37 25.35C93.37 33.7 86.64 40.51 78.33 40.6C77.94 40.6 77.46 40.55 76.89 40.42C79.29 41.52 81.92 42.31 84.37 42.31C99.58 42.31 102.55 32.03 102.72 31.28C103.16 29.39 103.42 27.42 103.42 25.4C103.38 11.38 92.15 0 78.33 0C72.56 0 66.27 3.08 59.62 9.14Z\",\n id: \"a2oTCciHwU\",\n \"data-v-45c16e28\": \"\"\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"gradientc2rIvyDhN\",\n gradientUnits: \"userSpaceOnUse\",\n x1: 65.17,\n y1: 3.67,\n x2: 99.9,\n y2: 39.44,\n \"data-v-45c16e28\": \"\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: \"21%\",\n \"data-v-45c16e28\": \"\",\n style: {\n stopColor: \"rgb(241, 90, 36)\",\n stopOpacity: 1\n }\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: \"68.41000000000001%\",\n \"data-v-45c16e28\": \"\",\n style: {\n stopColor: \"rgb(251, 176, 59)\",\n stopOpacity: 1\n }\n })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M43.8 41.52C46.95 38.66 49.7 35.59 51.71 33.13C51.71 33.13 48.48 29.48 44.94 25.57C43.01 27.94 40.26 31.15 37.07 34.05C31.17 39.41 27.28 40.55 25.09 40.55C16.79 40.55 10.05 33.74 10.05 25.31C10.05 16.96 16.79 10.15 25.09 10.06C25.48 10.06 25.97 10.11 26.53 10.24C24.13 9.14 21.51 8.35 19.06 8.35C3.85 8.35 0.87 18.63 0.7 19.38C0.26 21.27 0 23.24 0 25.26C0 39.28 11.23 50.66 25.09 50.66C30.86 50.66 37.16 47.58 43.8 41.52Z\",\n id: \"aFWcwFIax\",\n \"data-v-45c16e28\": \"\"\n })), /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"gradientaIMror5Zz\",\n gradientUnits: \"userSpaceOnUse\",\n x1: 38.22,\n y1: 46.97,\n x2: 3.5,\n y2: 11.2,\n \"data-v-45c16e28\": \"\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n offset: \"21%\",\n \"data-v-45c16e28\": \"\",\n style: {\n stopColor: \"rgb(237, 30, 121)\",\n stopOpacity: 1\n }\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: \"89.29%\",\n \"data-v-45c16e28\": \"\",\n style: {\n stopColor: \"rgb(82, 39, 133)\",\n stopOpacity: 1\n }\n })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19.1 8.57C5.24 8.23 1.16 18.1 0.81 19.37C3.47 8.3 13.37 0.04 25.14 0C34.73 0 44.43 9.21 51.59 17.53C51.6 17.51 51.61 17.5 51.62 17.49C51.62 17.49 54.86 21.13 58.4 25.04C58.4 25.04 62.42 29.7 66.71 33.79C68.37 35.37 76.45 41.74 84.23 41.96C98.49 42.36 102.42 31.94 102.64 31.15C100.02 42.27 90.09 50.57 78.29 50.62C68.69 50.62 58.99 41.4 51.8 33.08C51.78 33.1 51.77 33.11 51.76 33.13C51.76 33.13 48.52 29.48 44.98 25.57C44.98 25.57 40.96 20.91 36.68 16.83C35.01 15.25 26.88 8.79 19.1 8.57ZM0.81 19.37C0.8 19.4 0.79 19.43 0.79 19.46C0.79 19.44 0.8 19.41 0.81 19.37Z\",\n id: \"e1RZG6bOc\",\n \"data-v-45c16e28\": \"\"\n }))), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n \"data-v-45c16e28\": \"\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n \"data-v-45c16e28\": \"\"\n }, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#a2oTCciHwU\",\n opacity: 1,\n fill: \"url(#gradientc2rIvyDhN)\",\n \"data-v-45c16e28\": \"\"\n }), /*#__PURE__*/React.createElement(\"g\", {\n \"data-v-45c16e28\": \"\"\n }, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#a2oTCciHwU\",\n opacity: 1,\n fillOpacity: 0,\n stroke: \"#000000\",\n strokeWidth: 1,\n strokeOpacity: 0,\n \"data-v-45c16e28\": \"\"\n }))), /*#__PURE__*/React.createElement(\"g\", {\n \"data-v-45c16e28\": \"\"\n }, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#aFWcwFIax\",\n opacity: 1,\n fill: \"url(#gradientaIMror5Zz)\",\n \"data-v-45c16e28\": \"\"\n }), /*#__PURE__*/React.createElement(\"g\", {\n \"data-v-45c16e28\": \"\"\n }, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#aFWcwFIax\",\n opacity: 1,\n fillOpacity: 0,\n stroke: \"#000000\",\n strokeWidth: 1,\n strokeOpacity: 0,\n \"data-v-45c16e28\": \"\"\n }))), /*#__PURE__*/React.createElement(\"g\", {\n \"data-v-45c16e28\": \"\"\n }, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#e1RZG6bOc\",\n opacity: 1,\n fill: \"#29abe2\",\n fillOpacity: 1,\n \"data-v-45c16e28\": \"\"\n }), /*#__PURE__*/React.createElement(\"g\", {\n \"data-v-45c16e28\": \"\"\n }, /*#__PURE__*/React.createElement(\"use\", {\n xlinkHref: \"#e1RZG6bOc\",\n opacity: 1,\n fillOpacity: 0,\n stroke: \"#000000\",\n strokeWidth: 1,\n strokeOpacity: 0,\n \"data-v-45c16e28\": \"\"\n }))))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgDfn);\nexport default __webpack_public_path__ + \"static/media/dfn.44b3ce7eae151bac8f5737937bd7c8e7.svg\";\nexport { ForwardRef as ReactComponent };","import { useContext, useEffect, useState, createContext } from \"react\";\nimport { EnvironmentContext } from \"../../..\";\nimport { AuthContext, UserCanisterName } from \"../App\";\nimport { Backend, createAuthClient } from \"../../services/api/backend\";\nimport LoadingSpinner from \"../ui/spinner\";\nimport cp from \"../../../assets/img/card-primary.png\";\nimport dfn from \"../../../assets/img/dfn.svg\";\nimport { Navigate, useNavigate } from \"react-router-dom\";\nimport { userApi } from \"../../reducers/userSlice\";\nimport { useAppDispatch } from \"../../services/hooks\";\nimport {\n CanisterState,\n useMainCanistersQuery,\n} from \"../../reducers/canisterSlice\";\nimport { loadState } from \"../../reducers/schemaSlice\";\n\nconst Login: React.FC = () => {\n const { mainCids } = useContext(AuthContext);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(\"\");\n const dispatch = useAppDispatch();\n const schema = loadState();\n const navigate = useNavigate();\n\n useEffect(() => {\n // console.log(getAdminPermission(schema));\n }, []);\n\n const handleLogin = async (e: React.MouseEvent) => {\n e.preventDefault();\n\n localStorage.removeItem(\"princiapl\");\n localStorage.removeItem(\"permissions\");\n localStorage.removeItem(\"ic-identity\");\n localStorage.removeItem(\"ic-delegation\");\n localStorage.removeItem(\"identity-created\");\n localStorage.removeItem(\"canisters\");\n localStorage.removeItem(\"username\");\n if (!mainCids) {\n return;\n }\n const expiry = BigInt(7 * 24 * 60 * 60 * 1000 * 1000 * 1000);\n const authClient = await createAuthClient();\n await authClient.login({\n onSuccess: async () => {\n setLoading(true);\n Backend.setAuthClient(authClient);\n\n const playerHubCid = mainCids.find(\n (cid: CanisterState) =>\n cid.name === UserCanisterName\n );\n // console.log(playerHubCid);\n if (!playerHubCid) {\n return;\n }\n // console.log(playerHubCid.cid);\n const resultAction = await dispatch(\n userApi.endpoints.getPrincipalAndRole.initiate({cid: playerHubCid.cid, schema: schema})\n );\n if (resultAction.isSuccess) {\n console.log(resultAction);\n location.reload();\n\n } else {\n setError((resultAction.error as any).error);\n setLoading(false);\n }\n },\n onError: async (err: any) => {\n setError(\"Unexpected error: \" + err.message);\n },\n identityProvider:\n process.env.DFX_NETWORK === \"ic\"\n ? \"https://identity.ic0.app/#authorize\"\n : process.env.LOCAL_II_CANISTER,\n maxTimeToLive: expiry,\n });\n };\n\n const overlayClass = loading ? \"d-flex\" : \"d-none\";\n\n return (\n <>\n
\n
\n \n
\n
\n
\n
\n
\n \"...\"\n
\n
\n

Log in with

\n \n \"dfinity-login\"\n \n {error.length > 0 && (\n
{error}
\n )}\n
\n
\n
\n
\n
\n \n );\n};\n\nexport default Login;\n"],"names":["Login","mainCids","useContext","AuthContext","loading","setLoading","useState","error","setError","dispatch","useAppDispatch","schema","loadState","useNavigate","useEffect","overlayClass","_jsxs","_Fragment","children","_jsx","id","className","LoadingSpinner","altText","theme","alt","src","cp","disabled","length","onClick","async","e","preventDefault","localStorage","removeItem","expiry","BigInt","authClient","createAuthClient","login","onSuccess","Backend","setAuthClient","playerHubCid","find","cid","name","UserCanisterName","resultAction","userApi","endpoints","getPrincipalAndRole","initiate","isSuccess","console","log","location","reload","onError","err","message","identityProvider","maxTimeToLive","dfn"],"sourceRoot":""}