33 | tokens: Tokens
34 | accessTokenExpiresAtSeconds: null
35 | }
36 |
37 | export type WithAuthInfoProps = WithLoggedInAuthInfoProps | WithNotLoggedInAuthInfoProps
38 |
39 | export interface WithAuthInfoArgs {
40 | displayWhileLoading?: React.ReactElement
41 | }
42 |
43 | export function withAuthInfo(
44 | Component: React.ComponentType
,
45 | args?: WithAuthInfoArgs
46 | ): React.ComponentType> {
47 | const displayName = `withAuthInfo(${Component.displayName || Component.name || "Component"})`
48 |
49 | const WithAuthInfoWrapper = (props: Subtract) => {
50 | const context = useContext(AuthContext)
51 | if (context === undefined) {
52 | throw new Error("withAuthInfo must be used within an AuthProvider or RequiredAuthProvider")
53 | }
54 |
55 | const { loading, authInfo, defaultDisplayWhileLoading, refreshAuthInfo, tokens } = context
56 |
57 | function displayLoading() {
58 | if (args?.displayWhileLoading) {
59 | return args.displayWhileLoading
60 | } else if (defaultDisplayWhileLoading) {
61 | return defaultDisplayWhileLoading
62 | }
63 | return
64 | }
65 |
66 | if (loading) {
67 | return displayLoading()
68 | } else if (authInfo) {
69 | const loggedInProps: P = {
70 | ...(props as P),
71 | accessToken: authInfo.accessToken,
72 | getAccessToken: tokens.getAccessToken,
73 | isLoggedIn: !!authInfo.accessToken,
74 | orgHelper: authInfo.orgHelper,
75 | accessHelper: authInfo.accessHelper,
76 | user: authInfo.user,
77 | userClass: authInfo.userClass,
78 | isImpersonating: !!authInfo.impersonatorUserId,
79 | impersonatorUserId: authInfo.impersonatorUserId,
80 | refreshAuthInfo,
81 | tokens,
82 | accessTokenExpiresAtSeconds: authInfo.expiresAtSeconds,
83 | }
84 | return
85 | } else {
86 | const notLoggedInProps: P = {
87 | ...(props as P),
88 | accessToken: null,
89 | getAccessToken: () => undefined,
90 | isLoggedIn: false,
91 | user: null,
92 | userClass: null,
93 | orgHelper: null,
94 | accessHelper: null,
95 | isImpersonating: false,
96 | impersonatorUserId: null,
97 | refreshAuthInfo,
98 | tokens,
99 | accessTokenExpiresAtSeconds: null,
100 | }
101 | return
102 | }
103 | }
104 | WithAuthInfoWrapper.displayName = displayName
105 | WithAuthInfoWrapper.WrappedComponent = Component
106 |
107 | return hoistNonReactStatics(WithAuthInfoWrapper, Component)
108 | }
109 |
--------------------------------------------------------------------------------
/src/withRequiredAuthInfo.tsx:
--------------------------------------------------------------------------------
1 | import hoistNonReactStatics from "hoist-non-react-statics"
2 | import React, { useContext } from "react"
3 | import { Subtract } from "utility-types"
4 | import { AuthContext } from "./AuthContext"
5 | import { RedirectToLogin } from "./hooks/useRedirectFunctions"
6 | import { WithLoggedInAuthInfoProps } from "./withAuthInfo"
7 |
8 | export interface WithRequiredAuthInfoArgs {
9 | displayWhileLoading?: React.ReactElement
10 | displayIfLoggedOut?: React.ReactElement
11 | }
12 |
13 | export function withRequiredAuthInfo(
14 | Component: React.ComponentType
,
15 | args?: WithRequiredAuthInfoArgs
16 | ): React.ComponentType> {
17 | const displayName = `withRequiredAuthInfo(${Component.displayName || Component.name || "Component"})`
18 |
19 | const WithRequiredAuthInfoWrapper = (props: Subtract) => {
20 | const context = useContext(AuthContext)
21 | if (context === undefined) {
22 | throw new Error("withRequiredAuthInfo must be used within an AuthProvider or RequiredAuthProvider")
23 | }
24 |
25 | const { loading, authInfo, defaultDisplayIfLoggedOut, defaultDisplayWhileLoading, refreshAuthInfo, tokens } =
26 | context
27 |
28 | function displayLoading() {
29 | if (args?.displayWhileLoading) {
30 | return args.displayWhileLoading
31 | } else if (defaultDisplayWhileLoading) {
32 | return defaultDisplayWhileLoading
33 | }
34 | return
35 | }
36 |
37 | function displayLoggedOut() {
38 | if (args?.displayIfLoggedOut) {
39 | return args.displayIfLoggedOut
40 | } else if (defaultDisplayIfLoggedOut) {
41 | return defaultDisplayIfLoggedOut
42 | }
43 | return
44 | }
45 |
46 | if (loading) {
47 | return displayLoading()
48 | } else if (authInfo) {
49 | const loggedInProps: P = {
50 | ...(props as P),
51 | accessToken: authInfo.accessToken,
52 | getAccessToken: tokens.getAccessToken,
53 | isLoggedIn: !!authInfo.accessToken,
54 | orgHelper: authInfo.orgHelper,
55 | accessHelper: authInfo.accessHelper,
56 | user: authInfo.user,
57 | userClass: authInfo.userClass,
58 | isImpersonating: !!authInfo.impersonatorUserId,
59 | impersonatorUserId: authInfo.impersonatorUserId,
60 | refreshAuthInfo,
61 | tokens,
62 | accessTokenExpiresAtSeconds: authInfo.expiresAtSeconds,
63 | }
64 | return
65 | } else {
66 | return displayLoggedOut()
67 | }
68 | }
69 | WithRequiredAuthInfoWrapper.displayName = displayName
70 | WithRequiredAuthInfoWrapper.WrappedComponent = Component
71 |
72 | return hoistNonReactStatics(WithRequiredAuthInfoWrapper, Component)
73 | }
74 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "es5", /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */
4 | "module": "commonjs", /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */
5 | "moduleResolution": "node",
6 | "jsx": "react",
7 | "declaration": true, /* Generates corresponding '.d.ts' file. */
8 | "outDir": "dist/types", /* Redirect output structure to the directory. */
9 | "removeComments": true, /* Do not emit comments to output. */
10 | "strict": true, /* Enable all strict type-checking options. */
11 | "noUnusedLocals": true, /* Report errors on unused locals. */
12 | "noUnusedParameters": true, /* Report errors on unused parameters. */
13 | "noImplicitReturns": true, /* Report error when not all code paths in function return a value. */
14 | "noFallthroughCasesInSwitch": true, /* Report errors for fallthrough cases in switch statement. */
15 | "noUncheckedIndexedAccess": true, /* Include 'undefined' in index signature results */
16 | "noPropertyAccessFromIndexSignature": true, /* Require undeclared properties from index signatures to use element accesses. */
17 | "allowSyntheticDefaultImports": true, /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */
18 | "esModuleInterop": true, /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */
19 | "skipLibCheck": true, /* Skip type checking of declaration files. */
20 | "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */
21 | },
22 | "include": [
23 | "src/**/*"
24 | ],
25 | "exclude": [
26 | "node_modules",
27 | "dist",
28 | "src/**/*.test.*"
29 | ]
30 | }
31 |
--------------------------------------------------------------------------------
4 |
5 |