@cirrobio/react-auth 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +44 -0
- package/dist/index.esm.js +358 -0
- package/dist/index.esm.js.map +1 -0
- package/dist/index.js +384 -0
- package/dist/index.js.map +1 -0
- package/dist/types/amplify/amplify-auth-provider.d.ts +18 -0
- package/dist/types/amplify/auth-listener.d.ts +4 -0
- package/dist/types/amplify/configure-amplify.d.ts +2 -0
- package/dist/types/amplify/magic-link.d.ts +5 -0
- package/dist/types/auth-context/authentication-context-provider.d.ts +12 -0
- package/dist/types/auth-context/authentication-context.d.ts +10 -0
- package/dist/types/auth-context/useAuthenticator.d.ts +10 -0
- package/dist/types/components/LoginModal.d.ts +7 -0
- package/dist/types/components/LoginOptions.d.ts +10 -0
- package/dist/types/components/LoginWrapper.d.ts +10 -0
- package/dist/types/index.d.ts +8 -0
- package/dist/types/models/auth-status.d.ts +1 -0
- package/dist/types/static/static-token-provider.d.ts +16 -0
- package/package.json +42 -0
package/README.md
ADDED
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
# @cirrobio/react-auth
|
|
2
|
+
[](https://www.npmjs.com/package/@cirrobio/react-auth)
|
|
3
|
+
|
|
4
|
+
React-based authentication components and context providers for Cirro-based applications.
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
## Exports
|
|
8
|
+
|
|
9
|
+
### Providers
|
|
10
|
+
|
|
11
|
+
- `AuthenticationContextProvider`
|
|
12
|
+
|
|
13
|
+
Provides authentication state and user info to the React component tree.
|
|
14
|
+
|
|
15
|
+
### Hooks
|
|
16
|
+
|
|
17
|
+
- `useAuthenticator`
|
|
18
|
+
|
|
19
|
+
Custom React hook to access authentication state, user info, and sign-out functionality.
|
|
20
|
+
|
|
21
|
+
### Components
|
|
22
|
+
|
|
23
|
+
- `LoginModal`
|
|
24
|
+
|
|
25
|
+
Modal dialog for user login (wraps the `LoginOptions` component).
|
|
26
|
+
|
|
27
|
+
- `LoginOptions`
|
|
28
|
+
|
|
29
|
+
UI for selecting login methods.
|
|
30
|
+
|
|
31
|
+
- `LoginWrapper`
|
|
32
|
+
|
|
33
|
+
Wrapper component to check authentication state and render children accordingly.
|
|
34
|
+
If not authenticated, it displays the `LoginModal`.
|
|
35
|
+
|
|
36
|
+
## Auth Providers
|
|
37
|
+
|
|
38
|
+
- `AmplifyAuthProvider`
|
|
39
|
+
|
|
40
|
+
Handles user authentication using the AWS Amplify library.
|
|
41
|
+
|
|
42
|
+
- `StaticInteractiveAuthTokenProvider`
|
|
43
|
+
|
|
44
|
+
Static token-based authentication provider for testing or service accounts.
|
|
@@ -0,0 +1,358 @@
|
|
|
1
|
+
import { Amplify } from 'aws-amplify';
|
|
2
|
+
import { fetchAuthSession } from '@aws-amplify/auth';
|
|
3
|
+
import { signIn, confirmSignIn, signInWithRedirect, signOut } from 'aws-amplify/auth';
|
|
4
|
+
import { Hub } from 'aws-amplify/utils';
|
|
5
|
+
import { CurrentUser, handlePromiseError, StaticTokenAuthProvider } from '@cirrobio/sdk';
|
|
6
|
+
import { Stack, Button, Divider, TextField, Dialog, Typography, IconButton, Alert } from '@mui/material';
|
|
7
|
+
import * as React from 'react';
|
|
8
|
+
import React__default, { useState, useMemo, Children, useCallback, useEffect, createContext, useContext } from 'react';
|
|
9
|
+
import { LoadingButton } from '@mui/lab';
|
|
10
|
+
import { useAppConfig } from '@cirrobio/react-core';
|
|
11
|
+
import { CloseOutlined } from '@mui/icons-material';
|
|
12
|
+
|
|
13
|
+
function configureAmplify(config, clientIdOverride) {
|
|
14
|
+
Amplify.configure({
|
|
15
|
+
Auth: {
|
|
16
|
+
Cognito: {
|
|
17
|
+
userPoolId: config.auth.userPoolId,
|
|
18
|
+
userPoolClientId: clientIdOverride ?? config.auth.uiAppId,
|
|
19
|
+
loginWith: {
|
|
20
|
+
oauth: {
|
|
21
|
+
domain: config.auth.endpoint,
|
|
22
|
+
scopes: [
|
|
23
|
+
'phone',
|
|
24
|
+
'email',
|
|
25
|
+
'profile',
|
|
26
|
+
'openid',
|
|
27
|
+
'aws.cognito.signin.user.admin'
|
|
28
|
+
],
|
|
29
|
+
redirectSignIn: [window.location.origin],
|
|
30
|
+
redirectSignOut: [window.location.origin],
|
|
31
|
+
responseType: 'code',
|
|
32
|
+
},
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
},
|
|
36
|
+
API: {
|
|
37
|
+
GraphQL: {
|
|
38
|
+
endpoint: config.liveEndpoint,
|
|
39
|
+
region: config.region,
|
|
40
|
+
defaultAuthMode: 'userPool',
|
|
41
|
+
},
|
|
42
|
+
},
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
const COGNITO_PROVIDER_ID = 'COGNITO';
|
|
47
|
+
const LOGIN_SENT_SUCCESS_MSG = 'Check your email for the login link. If you don’t have an account, the link won’t be sent.';
|
|
48
|
+
async function requestSignInLink({ username, redirectUri }) {
|
|
49
|
+
const redirectUriToUse = redirectUri || window.location.origin + "/magic-link";
|
|
50
|
+
try {
|
|
51
|
+
const { nextStep } = await signIn({
|
|
52
|
+
username,
|
|
53
|
+
password: null,
|
|
54
|
+
options: {
|
|
55
|
+
authFlowType: "CUSTOM_WITHOUT_SRP",
|
|
56
|
+
},
|
|
57
|
+
});
|
|
58
|
+
if (nextStep.signInStep !== 'CONFIRM_SIGN_IN_WITH_CUSTOM_CHALLENGE') {
|
|
59
|
+
return;
|
|
60
|
+
}
|
|
61
|
+
const clientMetadata = {
|
|
62
|
+
signInMethod: "MAGIC_LINK",
|
|
63
|
+
redirectUri: redirectUriToUse,
|
|
64
|
+
hasMagicLink: "no",
|
|
65
|
+
};
|
|
66
|
+
await confirmSignIn({
|
|
67
|
+
challengeResponse: "cirro-is-awesome",
|
|
68
|
+
options: {
|
|
69
|
+
clientMetadata,
|
|
70
|
+
},
|
|
71
|
+
});
|
|
72
|
+
}
|
|
73
|
+
catch (e) {
|
|
74
|
+
// Cleanup the error message
|
|
75
|
+
const errorMessage = e.toString();
|
|
76
|
+
if (errorMessage.includes('UserLambdaValidationException')) {
|
|
77
|
+
throw Error(errorMessage.split('failed with error')[1]);
|
|
78
|
+
}
|
|
79
|
+
else if (errorMessage.includes('Incorrect username or password')) {
|
|
80
|
+
throw Error('Incorrect username or password.');
|
|
81
|
+
}
|
|
82
|
+
throw Error(errorMessage);
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
async function redeemSignInLink({ username, challenge }) {
|
|
86
|
+
await signIn({
|
|
87
|
+
username: username,
|
|
88
|
+
password: null,
|
|
89
|
+
options: {
|
|
90
|
+
authFlowType: "CUSTOM_WITHOUT_SRP",
|
|
91
|
+
},
|
|
92
|
+
});
|
|
93
|
+
const clientMetadata = {
|
|
94
|
+
signInMethod: "MAGIC_LINK",
|
|
95
|
+
hasMagicLink: "yes",
|
|
96
|
+
};
|
|
97
|
+
await confirmSignIn({
|
|
98
|
+
challengeResponse: challenge,
|
|
99
|
+
options: {
|
|
100
|
+
clientMetadata,
|
|
101
|
+
},
|
|
102
|
+
});
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
const amplifyAuthEventHandler = ({ payload }, options) => {
|
|
106
|
+
const { event } = payload;
|
|
107
|
+
const { onSignIn, onSignOut } = options ?? {};
|
|
108
|
+
switch (event) {
|
|
109
|
+
case 'signedIn': {
|
|
110
|
+
console.log('user has signed in successfully');
|
|
111
|
+
onSignIn();
|
|
112
|
+
break;
|
|
113
|
+
}
|
|
114
|
+
case 'signedOut':
|
|
115
|
+
case 'tokenRefresh_failure': {
|
|
116
|
+
onSignOut();
|
|
117
|
+
break;
|
|
118
|
+
}
|
|
119
|
+
default: {
|
|
120
|
+
console.info(event);
|
|
121
|
+
break;
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
};
|
|
125
|
+
|
|
126
|
+
class AmplifyAuthProvider {
|
|
127
|
+
constructor(clientId) {
|
|
128
|
+
this.clientId = clientId;
|
|
129
|
+
}
|
|
130
|
+
getLoginProviders() {
|
|
131
|
+
return this.loginProviders;
|
|
132
|
+
}
|
|
133
|
+
configure(config) {
|
|
134
|
+
configureAmplify(config, this.clientId);
|
|
135
|
+
this.loginProviders = config.tenantInfo.loginProviders;
|
|
136
|
+
console.log('AmplifyAuthProvider loaded with config');
|
|
137
|
+
}
|
|
138
|
+
async getAccessToken() {
|
|
139
|
+
const session = await fetchAuthSession();
|
|
140
|
+
return session.tokens.accessToken.toString();
|
|
141
|
+
}
|
|
142
|
+
async getCurrentUser() {
|
|
143
|
+
const session = await fetchAuthSession();
|
|
144
|
+
const idToken = session.tokens.idToken.payload;
|
|
145
|
+
return CurrentUser.fromCognitoUser(idToken);
|
|
146
|
+
}
|
|
147
|
+
async forceRefresh() {
|
|
148
|
+
await fetchAuthSession({ forceRefresh: true });
|
|
149
|
+
}
|
|
150
|
+
async loginSSO(loginProvider) {
|
|
151
|
+
await signInWithRedirect({ provider: { custom: loginProvider } });
|
|
152
|
+
}
|
|
153
|
+
async loginEmail(request) {
|
|
154
|
+
await requestSignInLink(request);
|
|
155
|
+
}
|
|
156
|
+
async finishLoginEmail(request) {
|
|
157
|
+
await redeemSignInLink(request);
|
|
158
|
+
}
|
|
159
|
+
async signOut() {
|
|
160
|
+
await signOut();
|
|
161
|
+
}
|
|
162
|
+
registerAuthEventHandler(options) {
|
|
163
|
+
return Hub.listen('auth', (data) => amplifyAuthEventHandler(data, options), 'authentication-provider');
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
function LoginOptions({ loginProviders, onSelect, busy, success }) {
|
|
168
|
+
const [email, setEmail] = useState('');
|
|
169
|
+
const ssoProviders = useMemo(() => loginProviders.filter(p => p.id !== COGNITO_PROVIDER_ID), [loginProviders]);
|
|
170
|
+
const cognitoEnabled = useMemo(() => loginProviders.some(p => p.id === COGNITO_PROVIDER_ID), [loginProviders]);
|
|
171
|
+
return (React__default.createElement(Stack, { alignItems: "center", gap: 3, direction: "column", sx: { pt: 2 } },
|
|
172
|
+
Children.toArray(ssoProviders.map(provider => {
|
|
173
|
+
return (React__default.createElement(Button, { sx: { p: 2, width: '100%' }, variant: "contained", color: "secondary", fullWidth: true, startIcon: React__default.createElement("img", { style: { maxHeight: '17px' }, alt: provider.name, src: provider.logoUrl }), onClick: () => onSelect(provider.id) }, provider.name));
|
|
174
|
+
})),
|
|
175
|
+
cognitoEnabled && (React__default.createElement("form", { style: { width: '100%' } },
|
|
176
|
+
React__default.createElement(Stack, { alignItems: "center", gap: 3, direction: "column" },
|
|
177
|
+
ssoProviders.length > 0 && (React__default.createElement(Divider, { textAlign: "center", color: "secondary", flexItem: true }, "OR")),
|
|
178
|
+
React__default.createElement(TextField, { label: "Email", size: "medium", value: email, variant: "outlined", autoComplete: "off", type: "email", fullWidth: true, required: true, onChange: (e) => setEmail(e.target.value) }),
|
|
179
|
+
React__default.createElement(LoadingButton, { type: "submit", sx: { p: 2, width: '100%' }, loading: busy, disabled: !email?.trim() || success, variant: "contained", color: "secondary", fullWidth: true, onClick: () => onSelect(COGNITO_PROVIDER_ID, email) }, "Sign in with email"))))));
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
function getLoginMessage(loginProviders) {
|
|
183
|
+
const loginMessage = 'Sign in using one of the options below.';
|
|
184
|
+
const cognitoEnabled = loginProviders.some(p => p.id === COGNITO_PROVIDER_ID);
|
|
185
|
+
const onlyCognito = loginProviders.length === 1 && cognitoEnabled;
|
|
186
|
+
// Only email sign in is enabled.
|
|
187
|
+
if (onlyCognito) {
|
|
188
|
+
return `Sign in with your email below.`;
|
|
189
|
+
}
|
|
190
|
+
// Both SSO and email sign in is enabled
|
|
191
|
+
if (!onlyCognito && cognitoEnabled) {
|
|
192
|
+
return `${loginMessage} If your sign in method isn't listed, please enter your email.`;
|
|
193
|
+
}
|
|
194
|
+
// Only SSO sign in is enabled
|
|
195
|
+
return loginMessage;
|
|
196
|
+
}
|
|
197
|
+
function LoginModal({ onClose, open }) {
|
|
198
|
+
const { authProvider } = useAppConfig();
|
|
199
|
+
const loginProviders = authProvider.getLoginProviders();
|
|
200
|
+
const loginDescription = useMemo(() => getLoginMessage(loginProviders), [loginProviders]);
|
|
201
|
+
const [error, setError] = useState('');
|
|
202
|
+
const [message, setMessage] = useState('');
|
|
203
|
+
const [busy, setBusy] = useState(false);
|
|
204
|
+
const handleLogin = useCallback(async (providerId, email) => {
|
|
205
|
+
setError('');
|
|
206
|
+
setMessage('');
|
|
207
|
+
setBusy(true);
|
|
208
|
+
if (providerId === COGNITO_PROVIDER_ID) {
|
|
209
|
+
try {
|
|
210
|
+
await authProvider.loginEmail({ username: email });
|
|
211
|
+
setBusy(false);
|
|
212
|
+
setMessage(LOGIN_SENT_SUCCESS_MSG);
|
|
213
|
+
}
|
|
214
|
+
catch (e) {
|
|
215
|
+
setError(e instanceof Error ? e.message : 'An error occurred');
|
|
216
|
+
setBusy(false);
|
|
217
|
+
}
|
|
218
|
+
}
|
|
219
|
+
else {
|
|
220
|
+
authProvider.loginSSO(providerId).catch(handlePromiseError);
|
|
221
|
+
if (onClose)
|
|
222
|
+
onClose();
|
|
223
|
+
}
|
|
224
|
+
}, [onClose]);
|
|
225
|
+
useEffect(() => {
|
|
226
|
+
// Log in automatically if there is only one provider (and it's not Cognito)
|
|
227
|
+
const firstProviderId = loginProviders.at(0)?.id;
|
|
228
|
+
if (loginProviders.length === 1 && firstProviderId !== COGNITO_PROVIDER_ID) {
|
|
229
|
+
void handleLogin(firstProviderId);
|
|
230
|
+
}
|
|
231
|
+
}, [loginProviders, handleLogin]);
|
|
232
|
+
return (React__default.createElement(Dialog, { open: open, onClose: onClose, PaperProps: { sx: { p: 3, background: "#FFF", width: '480px' } }, "aria-label": "login dialog" },
|
|
233
|
+
React__default.createElement(Stack, { alignItems: "left", justifyContent: "space-between", gap: 1, direction: { xs: 'row' } },
|
|
234
|
+
React__default.createElement(Stack, { direction: "column" },
|
|
235
|
+
React__default.createElement(Typography, { id: "dialog-title", variant: "h4", color: "secondary" }, "Login"),
|
|
236
|
+
React__default.createElement(Typography, { variant: "body2" }, loginDescription)),
|
|
237
|
+
!!onClose &&
|
|
238
|
+
React__default.createElement(Stack, { alignItems: "right", direction: "row", gap: 0 },
|
|
239
|
+
React__default.createElement(IconButton, { "aria-label": "Close", onClick: () => onClose(), size: "small", color: "secondary", sx: { transform: 'translate(10px, 0px)' } },
|
|
240
|
+
React__default.createElement(CloseOutlined, { sx: { fontSize: '22px' } })))),
|
|
241
|
+
React__default.createElement(Stack, { sx: { pt: 0 } },
|
|
242
|
+
React__default.createElement(LoginOptions, { loginProviders: loginProviders, onSelect: handleLogin, busy: busy, success: !!message }),
|
|
243
|
+
error && (React__default.createElement(Alert, { severity: "error", sx: { mt: 4 } }, error)),
|
|
244
|
+
message && (React__default.createElement(Alert, { severity: "success", sx: { mt: 4 } }, message)))));
|
|
245
|
+
}
|
|
246
|
+
|
|
247
|
+
const AuthenticatorContext = createContext(null);
|
|
248
|
+
|
|
249
|
+
/**
|
|
250
|
+
* Custom hook to access authentication context
|
|
251
|
+
*/
|
|
252
|
+
function useAuthenticator() {
|
|
253
|
+
const context = useContext(AuthenticatorContext);
|
|
254
|
+
const { authProvider } = useAppConfig();
|
|
255
|
+
const signOut = useCallback(() => {
|
|
256
|
+
sessionStorage.clear();
|
|
257
|
+
authProvider.signOut().then(() => {
|
|
258
|
+
// Location reload clears any in-memory state
|
|
259
|
+
// Amplify does a hard reload automatically, but only if you are signing in from oauth / SSO
|
|
260
|
+
location.reload();
|
|
261
|
+
});
|
|
262
|
+
}, [authProvider]);
|
|
263
|
+
return {
|
|
264
|
+
...context,
|
|
265
|
+
isLoggedIn: context?.authStatus === 'authenticated',
|
|
266
|
+
signOut,
|
|
267
|
+
};
|
|
268
|
+
}
|
|
269
|
+
|
|
270
|
+
/**
|
|
271
|
+
* LoginWrapper component is used to conditionally render children based on the authentication status
|
|
272
|
+
* or display a login modal if the user is unauthenticated.
|
|
273
|
+
*/
|
|
274
|
+
function LoginWrapper({ children }) {
|
|
275
|
+
const { authStatus } = useAuthenticator();
|
|
276
|
+
if (!authStatus || authStatus === 'configuring') {
|
|
277
|
+
return null;
|
|
278
|
+
}
|
|
279
|
+
if (authStatus === 'unauthenticated') {
|
|
280
|
+
return React__default.createElement(LoginModal, { onClose: null, open: true });
|
|
281
|
+
}
|
|
282
|
+
return children;
|
|
283
|
+
}
|
|
284
|
+
|
|
285
|
+
/**
|
|
286
|
+
* Manages the authentication state of the application.
|
|
287
|
+
* @param children - The child components to render within the provider.
|
|
288
|
+
* @param fetchUserInfo - If true, fetches detailed user information after authentication.
|
|
289
|
+
*/
|
|
290
|
+
function AuthenticationContextProvider({ children, fetchUserInfo }) {
|
|
291
|
+
const [authStatus, setAuthStatus] = useState('configuring');
|
|
292
|
+
const [authInfo, setAuthInfo] = useState(null);
|
|
293
|
+
const [userInfo, setUserInfo] = useState(null);
|
|
294
|
+
const { dataService, authProvider } = useAppConfig();
|
|
295
|
+
const refresh = useCallback(() => {
|
|
296
|
+
authProvider.getCurrentUser()
|
|
297
|
+
.then((currentUser) => {
|
|
298
|
+
setAuthStatus('authenticated');
|
|
299
|
+
setAuthInfo(currentUser);
|
|
300
|
+
if (fetchUserInfo) {
|
|
301
|
+
dataService.users.getUser({ username: currentUser.username })
|
|
302
|
+
.then((data) => setUserInfo(data))
|
|
303
|
+
.catch((error) => {
|
|
304
|
+
console.error('Failed to fetch user info:', error);
|
|
305
|
+
setUserInfo(null);
|
|
306
|
+
});
|
|
307
|
+
}
|
|
308
|
+
})
|
|
309
|
+
.catch(() => {
|
|
310
|
+
setAuthStatus('unauthenticated');
|
|
311
|
+
});
|
|
312
|
+
}, []);
|
|
313
|
+
const value = useMemo(() => ({ authStatus, authInfo, refresh, userInfo }), [authStatus, authInfo, userInfo, refresh]);
|
|
314
|
+
// Refresh auth state on page load
|
|
315
|
+
useEffect(() => {
|
|
316
|
+
refresh();
|
|
317
|
+
}, [refresh]);
|
|
318
|
+
// Refresh auth state in response to auth events
|
|
319
|
+
useEffect(() => {
|
|
320
|
+
const options = { onSignIn: refresh, onSignOut: refresh };
|
|
321
|
+
return authProvider.registerAuthEventHandler(options);
|
|
322
|
+
}, [refresh]);
|
|
323
|
+
return (React.createElement(AuthenticatorContext.Provider, { value: value }, children));
|
|
324
|
+
}
|
|
325
|
+
|
|
326
|
+
/**
|
|
327
|
+
* StaticInteractiveAuthTokenProvider is a simple implementation of the InteractiveAuthenticationProvider
|
|
328
|
+
* that uses a static token for authentication. This is useful for testing or when you have a known token.
|
|
329
|
+
*/
|
|
330
|
+
class StaticInteractiveAuthTokenProvider extends StaticTokenAuthProvider {
|
|
331
|
+
constructor(token) {
|
|
332
|
+
super(token);
|
|
333
|
+
}
|
|
334
|
+
async getAccessToken() {
|
|
335
|
+
return this.token;
|
|
336
|
+
}
|
|
337
|
+
loginSSO() {
|
|
338
|
+
return Promise.resolve();
|
|
339
|
+
}
|
|
340
|
+
loginEmail(_) {
|
|
341
|
+
return Promise.resolve();
|
|
342
|
+
}
|
|
343
|
+
finishLoginEmail(_) {
|
|
344
|
+
return Promise.resolve();
|
|
345
|
+
}
|
|
346
|
+
signOut() {
|
|
347
|
+
return Promise.resolve();
|
|
348
|
+
}
|
|
349
|
+
getLoginProviders() {
|
|
350
|
+
return [];
|
|
351
|
+
}
|
|
352
|
+
registerAuthEventHandler(_) {
|
|
353
|
+
// No-op for static token provider
|
|
354
|
+
}
|
|
355
|
+
}
|
|
356
|
+
|
|
357
|
+
export { AmplifyAuthProvider, AuthenticationContextProvider, LoginModal, LoginOptions, LoginWrapper, StaticInteractiveAuthTokenProvider, useAuthenticator };
|
|
358
|
+
//# sourceMappingURL=index.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.esm.js","sources":["../src/amplify/configure-amplify.ts","../src/amplify/magic-link.ts","../src/amplify/auth-listener.ts","../src/amplify/amplify-auth-provider.tsx","../src/components/LoginOptions.tsx","../src/components/LoginModal.tsx","../src/auth-context/authentication-context.tsx","../src/auth-context/useAuthenticator.tsx","../src/components/LoginWrapper.tsx","../src/auth-context/authentication-context-provider.tsx","../src/static/static-token-provider.ts"],"sourcesContent":["import { Amplify } from \"aws-amplify\";\nimport { AppConfig } from \"@cirrobio/react-core\";\n\nexport function configureAmplify(config: AppConfig, clientIdOverride?: string): void {\n Amplify.configure({\n Auth: {\n Cognito: {\n userPoolId: config.auth.userPoolId,\n userPoolClientId: clientIdOverride ?? config.auth.uiAppId,\n loginWith: {\n oauth: {\n domain: config.auth.endpoint,\n scopes: [\n 'phone',\n 'email',\n 'profile',\n 'openid',\n 'aws.cognito.signin.user.admin'\n ],\n redirectSignIn: [window.location.origin],\n redirectSignOut: [window.location.origin],\n responseType: 'code',\n },\n },\n },\n },\n API: {\n GraphQL: {\n endpoint: config.liveEndpoint,\n region: config.region,\n defaultAuthMode: 'userPool',\n },\n },\n });\n}\n","import { confirmSignIn, signIn } from 'aws-amplify/auth';\nimport { IRedeemSignInLink, ISignInLinkRequest } from \"@cirrobio/react-core\";\n\nexport const COGNITO_PROVIDER_ID = 'COGNITO';\nexport const LOGIN_SENT_SUCCESS_MSG = 'Check your email for the login link. If you don’t have an account, the link won’t be sent.';\n\nexport async function requestSignInLink({ username, redirectUri }: ISignInLinkRequest): Promise<void> {\n const redirectUriToUse = redirectUri || window.location.origin + \"/magic-link\";\n try {\n const { nextStep } = await signIn({\n username,\n password: null,\n options: {\n authFlowType: \"CUSTOM_WITHOUT_SRP\",\n },\n });\n if (nextStep.signInStep !== 'CONFIRM_SIGN_IN_WITH_CUSTOM_CHALLENGE') {\n return;\n }\n\n const clientMetadata = {\n signInMethod: \"MAGIC_LINK\",\n redirectUri: redirectUriToUse,\n hasMagicLink: \"no\",\n }\n await confirmSignIn({\n challengeResponse: \"cirro-is-awesome\",\n options: {\n clientMetadata,\n },\n });\n } catch (e) {\n // Cleanup the error message\n const errorMessage = e.toString();\n if (errorMessage.includes('UserLambdaValidationException')) {\n throw Error(errorMessage.split('failed with error')[1]);\n } else if (errorMessage.includes('Incorrect username or password')) {\n throw Error('Incorrect username or password.');\n }\n throw Error(errorMessage);\n }\n}\n\nexport async function redeemSignInLink({ username, challenge }: IRedeemSignInLink): Promise<void> {\n await signIn({\n username: username,\n password: null,\n options: {\n authFlowType: \"CUSTOM_WITHOUT_SRP\",\n },\n });\n const clientMetadata = {\n signInMethod: \"MAGIC_LINK\",\n hasMagicLink: \"yes\",\n }\n await confirmSignIn({\n challengeResponse: challenge,\n options: {\n clientMetadata,\n },\n });\n}\n","import { AuthHubEventData } from \"@aws-amplify/core/src/Hub/types/AuthTypes\";\nimport { AuthEventHandlerOptions } from \"@cirrobio/react-core\";\n\nexport const amplifyAuthEventHandler = ({ payload }, options: AuthEventHandlerOptions): void => {\n const { event }: AuthHubEventData = payload;\n const { onSignIn, onSignOut } = options ?? {};\n switch (event) {\n case 'signedIn': {\n console.log('user has signed in successfully');\n onSignIn();\n break;\n }\n case 'signedOut':\n case 'tokenRefresh_failure': {\n onSignOut();\n break;\n }\n default: {\n console.info(event);\n break;\n }\n }\n};\n","import { LoginProvider } from \"@cirrobio/api-client\";\nimport { configureAmplify } from \"./configure-amplify\";\nimport { fetchAuthSession } from \"@aws-amplify/auth\";\nimport {\n AppConfig,\n InteractiveAuthenticationProvider,\n IRedeemSignInLink,\n ISignInLinkRequest,\n AuthEventHandlerOptions\n} from \"@cirrobio/react-core\";\nimport { signInWithRedirect } from \"aws-amplify/auth\";\nimport { redeemSignInLink, requestSignInLink } from \"./magic-link\";\nimport { Hub } from \"aws-amplify/utils\";\nimport { amplifyAuthEventHandler } from \"./auth-listener\";\nimport { CurrentUser } from \"@cirrobio/sdk\";\nimport { signOut as amplifySignOut } from 'aws-amplify/auth';\n\nexport class AmplifyAuthProvider implements InteractiveAuthenticationProvider {\n private loginProviders: LoginProvider[];\n\n constructor(\n readonly clientId?: string\n ) {\n }\n\n public getLoginProviders() {\n return this.loginProviders;\n }\n\n public configure(config: AppConfig): void {\n configureAmplify(config, this.clientId);\n this.loginProviders = config.tenantInfo.loginProviders;\n console.log('AmplifyAuthProvider loaded with config');\n }\n\n public async getAccessToken(): Promise<string> {\n const session = await fetchAuthSession();\n return session.tokens.accessToken.toString();\n }\n\n public async getCurrentUser(): Promise<CurrentUser> {\n const session = await fetchAuthSession();\n const idToken = session.tokens.idToken.payload;\n return CurrentUser.fromCognitoUser(idToken);\n }\n\n public async forceRefresh(): Promise<void> {\n await fetchAuthSession({ forceRefresh: true });\n }\n\n public async loginSSO(loginProvider: string): Promise<void> {\n await signInWithRedirect({ provider: { custom: loginProvider } })\n }\n\n public async loginEmail(request: ISignInLinkRequest): Promise<void> {\n await requestSignInLink(request);\n }\n\n public async finishLoginEmail(request: IRedeemSignInLink): Promise<void> {\n await redeemSignInLink(request);\n }\n\n public async signOut(): Promise<void> {\n await amplifySignOut();\n }\n\n public registerAuthEventHandler(options: AuthEventHandlerOptions): () => void {\n return Hub.listen('auth', (data) => amplifyAuthEventHandler(data, options), 'authentication-provider');\n }\n}\n","import React, { Children, ReactElement, useMemo, useState } from 'react';\nimport { Button, Divider, Stack, TextField } from '@mui/material';\nimport { LoginProvider } from '@cirrobio/api-client';\nimport { LoadingButton } from '@mui/lab';\nimport { COGNITO_PROVIDER_ID } from \"../amplify/magic-link\";\n\ninterface IProps {\n loginProviders: LoginProvider[];\n onSelect: (providerId: string, email?: string) => void;\n busy: boolean;\n success: boolean;\n}\n\n\nexport function LoginOptions({ loginProviders, onSelect, busy, success }: Readonly<IProps>): ReactElement {\n const [email, setEmail] = useState('');\n\n const ssoProviders = useMemo(() =>\n loginProviders.filter(p => p.id !== COGNITO_PROVIDER_ID), [loginProviders]);\n const cognitoEnabled = useMemo(() =>\n loginProviders.some(p => p.id === COGNITO_PROVIDER_ID), [loginProviders]);\n\n return (\n <Stack alignItems=\"center\" gap={3} direction=\"column\" sx={{ pt: 2 }}>\n {Children.toArray(ssoProviders.map(provider => {\n return (<Button\n sx={{ p: 2, width: '100%' }}\n variant=\"contained\"\n color=\"secondary\"\n fullWidth={true}\n startIcon={<img style={{ maxHeight: '17px' }} alt={provider.name} src={provider.logoUrl} />}\n onClick={() => onSelect(provider.id)}\n >{provider.name}</Button>)\n }))}\n {cognitoEnabled && (\n <form style={{ width: '100%' }}>\n <Stack alignItems=\"center\" gap={3} direction=\"column\">\n {ssoProviders.length > 0 && (<Divider textAlign=\"center\" color=\"secondary\" flexItem>OR</Divider>)}\n <TextField\n label=\"Email\"\n size=\"medium\"\n value={email}\n variant=\"outlined\"\n autoComplete=\"off\"\n type=\"email\"\n fullWidth={true}\n required\n onChange={(e) => setEmail(e.target.value)}\n />\n <LoadingButton\n type=\"submit\"\n sx={{ p: 2, width: '100%' }}\n loading={busy}\n disabled={!email?.trim() || success}\n variant=\"contained\"\n color=\"secondary\"\n fullWidth={true}\n onClick={() => onSelect(COGNITO_PROVIDER_ID, email)}\n >\n Sign in with email\n </LoadingButton>\n </Stack>\n </form>\n )}\n </Stack>\n )\n}\n","import { Alert, Dialog, IconButton, Stack, Typography } from '@mui/material';\nimport React, { ReactElement, useCallback, useEffect, useMemo, useState } from 'react';\nimport { LoginOptions } from './LoginOptions';\nimport { LoginProvider } from '@cirrobio/api-client';\nimport { handlePromiseError } from \"@cirrobio/sdk\";\nimport { useAppConfig } from \"@cirrobio/react-core\";\nimport { CloseOutlined } from '@mui/icons-material';\nimport { COGNITO_PROVIDER_ID, LOGIN_SENT_SUCCESS_MSG } from \"../amplify/magic-link\";\n\ninterface IProps {\n onClose: () => void;\n open: boolean;\n}\n\nfunction getLoginMessage(loginProviders: LoginProvider[]): string {\n const loginMessage = 'Sign in using one of the options below.';\n const cognitoEnabled = loginProviders.some(p => p.id === COGNITO_PROVIDER_ID);\n const onlyCognito = loginProviders.length === 1 && cognitoEnabled;\n // Only email sign in is enabled.\n if (onlyCognito) {\n return `Sign in with your email below.`;\n }\n // Both SSO and email sign in is enabled\n if (!onlyCognito && cognitoEnabled) {\n return `${loginMessage} If your sign in method isn't listed, please enter your email.`;\n }\n // Only SSO sign in is enabled\n return loginMessage;\n}\n\nexport function LoginModal({ onClose, open }: Readonly<IProps>): ReactElement {\n const { authProvider } = useAppConfig();\n const loginProviders = authProvider.getLoginProviders();\n const loginDescription = useMemo(() => getLoginMessage(loginProviders), [loginProviders]);\n\n const [error, setError] = useState('');\n const [message, setMessage] = useState('');\n const [busy, setBusy] = useState(false);\n\n const handleLogin = useCallback(async (providerId: string, email?: string): Promise<void> => {\n setError('');\n setMessage('');\n setBusy(true);\n if (providerId === COGNITO_PROVIDER_ID) {\n try {\n await authProvider.loginEmail({ username: email });\n setBusy(false);\n setMessage(LOGIN_SENT_SUCCESS_MSG);\n } catch (e) {\n setError(e instanceof Error ? e.message : 'An error occurred');\n setBusy(false);\n }\n } else {\n authProvider.loginSSO(providerId).catch(handlePromiseError);\n if (onClose) onClose();\n }\n }, [onClose]);\n\n useEffect(() => {\n // Log in automatically if there is only one provider (and it's not Cognito)\n const firstProviderId = loginProviders.at(0)?.id;\n if (loginProviders.length === 1 && firstProviderId !== COGNITO_PROVIDER_ID) {\n void handleLogin(firstProviderId);\n }\n }, [loginProviders, handleLogin]);\n\n return (\n <Dialog\n open={open}\n onClose={onClose}\n PaperProps={{ sx: { p: 3, background: \"#FFF\", width: '480px' } }}\n \n aria-label=\"login dialog\"\n >\n <Stack alignItems=\"left\" justifyContent=\"space-between\" gap={1} direction={{ xs: 'row' }}>\n <Stack direction=\"column\">\n <Typography id=\"dialog-title\" variant=\"h4\" color=\"secondary\">\n Login\n </Typography>\n <Typography variant=\"body2\">\n {loginDescription}\n </Typography>\n </Stack>\n {!!onClose &&\n <Stack alignItems=\"right\" direction=\"row\" gap={0}>\n <IconButton\n aria-label=\"Close\"\n onClick={() => onClose()}\n size=\"small\"\n color=\"secondary\"\n sx={{ transform: 'translate(10px, 0px)' }}>\n <CloseOutlined sx={{ fontSize: '22px' }} />\n </IconButton>\n </Stack>\n }\n </Stack>\n <Stack sx={{ pt: 0 }}>\n <LoginOptions loginProviders={loginProviders} onSelect={handleLogin} busy={busy} success={!!message} />\n {error && (\n <Alert severity=\"error\" sx={{ mt: 4 }}>{error}</Alert>\n )}\n {message && (\n <Alert severity=\"success\" sx={{ mt: 4 }}>{message}</Alert>\n )}\n </Stack>\n </Dialog>\n );\n}\n\n","import { createContext } from 'react';\nimport { AuthStatus } from \"../models/auth-status\";\nimport { UserDetail } from \"@cirrobio/api-client\";\nimport { CurrentUser } from \"@cirrobio/sdk\";\n\n\n\nexport type AuthenticatorContextType = {\n authStatus: AuthStatus;\n authInfo: CurrentUser | null;\n userInfo: UserDetail;\n refresh: () => void;\n}\n\nexport const AuthenticatorContext = createContext<AuthenticatorContextType>(null);\n","import { useCallback, useContext } from 'react';\nimport { AuthenticatorContext, AuthenticatorContextType } from './authentication-context';\nimport { useAppConfig } from \"@cirrobio/react-core\";\n\ntype UseAuthenticator = AuthenticatorContextType & {\n isLoggedIn: boolean;\n signOut: () => void;\n};\n\n/**\n * Custom hook to access authentication context\n */\nexport function useAuthenticator(): UseAuthenticator {\n const context = useContext(AuthenticatorContext);\n const { authProvider } = useAppConfig();\n\n const signOut = useCallback(() => {\n sessionStorage.clear();\n authProvider.signOut().then(() => {\n // Location reload clears any in-memory state\n // Amplify does a hard reload automatically, but only if you are signing in from oauth / SSO\n location.reload();\n });\n }, [authProvider]);\n\n return {\n ...context,\n isLoggedIn: context?.authStatus === 'authenticated',\n signOut,\n }\n}\n","import React from \"react\";\nimport { useAuthenticator } from \"../auth-context/useAuthenticator\";\nimport { LoginModal } from \"./LoginModal\";\n\ninterface IProps {\n children?: React.ReactNode;\n}\n\n/**\n * LoginWrapper component is used to conditionally render children based on the authentication status\n * or display a login modal if the user is unauthenticated.\n */\nexport function LoginWrapper({ children }: IProps) {\n const { authStatus } = useAuthenticator();\n\n if (!authStatus || authStatus === 'configuring') {\n return null;\n }\n\n if (authStatus === 'unauthenticated') {\n return <LoginModal onClose={null} open={true} />\n }\n\n return children;\n}\n","import * as React from \"react\";\nimport { ReactElement, useCallback, useEffect, useMemo, useState } from \"react\";\nimport { AuthenticatorContext, AuthenticatorContextType } from './authentication-context';\nimport { AuthStatus } from \"../models/auth-status\";\nimport { UserDetail } from \"@cirrobio/api-client\";\nimport { useAppConfig } from \"@cirrobio/react-core\";\nimport { CurrentUser } from \"@cirrobio/sdk\";\n\nexport type AuthenticationProviderProps = {\n children: React.ReactNode;\n fetchUserInfo?: boolean;\n}\n\n/**\n * Manages the authentication state of the application.\n * @param children - The child components to render within the provider.\n * @param fetchUserInfo - If true, fetches detailed user information after authentication.\n */\nexport function AuthenticationContextProvider({ children, fetchUserInfo }: AuthenticationProviderProps): ReactElement {\n const [authStatus, setAuthStatus] = useState<AuthStatus>('configuring');\n const [authInfo, setAuthInfo] = useState<CurrentUser>(null);\n const [userInfo, setUserInfo] = useState<UserDetail>(null);\n const { dataService, authProvider } = useAppConfig();\n\n const refresh = useCallback((): void => {\n authProvider.getCurrentUser()\n .then((currentUser) => {\n setAuthStatus('authenticated');\n setAuthInfo(currentUser);\n if (fetchUserInfo) {\n dataService.users.getUser({ username: currentUser.username })\n .then((data) => setUserInfo(data))\n .catch((error) => {\n console.error('Failed to fetch user info:', error);\n setUserInfo(null);\n });\n }\n })\n .catch(() => {\n setAuthStatus('unauthenticated');\n });\n }, []);\n\n const value: AuthenticatorContextType = useMemo(\n () => ({ authStatus, authInfo, refresh, userInfo }),\n [authStatus, authInfo, userInfo, refresh]\n );\n\n // Refresh auth state on page load\n useEffect(() => {\n refresh();\n }, [refresh]);\n\n // Refresh auth state in response to auth events\n useEffect(() => {\n const options = { onSignIn: refresh, onSignOut: refresh };\n return authProvider.registerAuthEventHandler(options);\n }, [refresh]);\n\n return (\n <AuthenticatorContext.Provider value={value}>\n {children}\n </AuthenticatorContext.Provider>\n );\n}\n","import { StaticTokenAuthProvider } from \"@cirrobio/sdk\";\nimport { InteractiveAuthenticationProvider } from \"@cirrobio/react-core\";\n\n\n/**\n * StaticInteractiveAuthTokenProvider is a simple implementation of the InteractiveAuthenticationProvider\n * that uses a static token for authentication. This is useful for testing or when you have a known token.\n */\nexport class StaticInteractiveAuthTokenProvider\n extends StaticTokenAuthProvider\n implements InteractiveAuthenticationProvider {\n\n constructor(token: string) {\n super(token);\n }\n\n async getAccessToken(): Promise<string> {\n return this.token;\n }\n\n loginSSO(): Promise<void> {\n return Promise.resolve();\n }\n\n loginEmail(_): Promise<void> {\n return Promise.resolve();\n }\n\n finishLoginEmail(_): Promise<void> {\n return Promise.resolve();\n }\n\n signOut(): Promise<void> {\n return Promise.resolve();\n }\n\n getLoginProviders() {\n return [];\n }\n\n registerAuthEventHandler(_): void {\n // No-op for static token provider\n }\n}\n"],"names":["amplifySignOut","React"],"mappings":"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"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,384 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var awsAmplify = require('aws-amplify');
|
|
4
|
+
var auth$1 = require('@aws-amplify/auth');
|
|
5
|
+
var auth = require('aws-amplify/auth');
|
|
6
|
+
var utils = require('aws-amplify/utils');
|
|
7
|
+
var sdk = require('@cirrobio/sdk');
|
|
8
|
+
var material = require('@mui/material');
|
|
9
|
+
var React = require('react');
|
|
10
|
+
var lab = require('@mui/lab');
|
|
11
|
+
var reactCore = require('@cirrobio/react-core');
|
|
12
|
+
var iconsMaterial = require('@mui/icons-material');
|
|
13
|
+
|
|
14
|
+
function _interopNamespaceDefault(e) {
|
|
15
|
+
var n = Object.create(null);
|
|
16
|
+
if (e) {
|
|
17
|
+
Object.keys(e).forEach(function (k) {
|
|
18
|
+
if (k !== 'default') {
|
|
19
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
20
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
21
|
+
enumerable: true,
|
|
22
|
+
get: function () { return e[k]; }
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
n.default = e;
|
|
28
|
+
return Object.freeze(n);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
|
|
32
|
+
|
|
33
|
+
function configureAmplify(config, clientIdOverride) {
|
|
34
|
+
awsAmplify.Amplify.configure({
|
|
35
|
+
Auth: {
|
|
36
|
+
Cognito: {
|
|
37
|
+
userPoolId: config.auth.userPoolId,
|
|
38
|
+
userPoolClientId: clientIdOverride ?? config.auth.uiAppId,
|
|
39
|
+
loginWith: {
|
|
40
|
+
oauth: {
|
|
41
|
+
domain: config.auth.endpoint,
|
|
42
|
+
scopes: [
|
|
43
|
+
'phone',
|
|
44
|
+
'email',
|
|
45
|
+
'profile',
|
|
46
|
+
'openid',
|
|
47
|
+
'aws.cognito.signin.user.admin'
|
|
48
|
+
],
|
|
49
|
+
redirectSignIn: [window.location.origin],
|
|
50
|
+
redirectSignOut: [window.location.origin],
|
|
51
|
+
responseType: 'code',
|
|
52
|
+
},
|
|
53
|
+
},
|
|
54
|
+
},
|
|
55
|
+
},
|
|
56
|
+
API: {
|
|
57
|
+
GraphQL: {
|
|
58
|
+
endpoint: config.liveEndpoint,
|
|
59
|
+
region: config.region,
|
|
60
|
+
defaultAuthMode: 'userPool',
|
|
61
|
+
},
|
|
62
|
+
},
|
|
63
|
+
});
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
const COGNITO_PROVIDER_ID = 'COGNITO';
|
|
67
|
+
const LOGIN_SENT_SUCCESS_MSG = 'Check your email for the login link. If you don’t have an account, the link won’t be sent.';
|
|
68
|
+
async function requestSignInLink({ username, redirectUri }) {
|
|
69
|
+
const redirectUriToUse = redirectUri || window.location.origin + "/magic-link";
|
|
70
|
+
try {
|
|
71
|
+
const { nextStep } = await auth.signIn({
|
|
72
|
+
username,
|
|
73
|
+
password: null,
|
|
74
|
+
options: {
|
|
75
|
+
authFlowType: "CUSTOM_WITHOUT_SRP",
|
|
76
|
+
},
|
|
77
|
+
});
|
|
78
|
+
if (nextStep.signInStep !== 'CONFIRM_SIGN_IN_WITH_CUSTOM_CHALLENGE') {
|
|
79
|
+
return;
|
|
80
|
+
}
|
|
81
|
+
const clientMetadata = {
|
|
82
|
+
signInMethod: "MAGIC_LINK",
|
|
83
|
+
redirectUri: redirectUriToUse,
|
|
84
|
+
hasMagicLink: "no",
|
|
85
|
+
};
|
|
86
|
+
await auth.confirmSignIn({
|
|
87
|
+
challengeResponse: "cirro-is-awesome",
|
|
88
|
+
options: {
|
|
89
|
+
clientMetadata,
|
|
90
|
+
},
|
|
91
|
+
});
|
|
92
|
+
}
|
|
93
|
+
catch (e) {
|
|
94
|
+
// Cleanup the error message
|
|
95
|
+
const errorMessage = e.toString();
|
|
96
|
+
if (errorMessage.includes('UserLambdaValidationException')) {
|
|
97
|
+
throw Error(errorMessage.split('failed with error')[1]);
|
|
98
|
+
}
|
|
99
|
+
else if (errorMessage.includes('Incorrect username or password')) {
|
|
100
|
+
throw Error('Incorrect username or password.');
|
|
101
|
+
}
|
|
102
|
+
throw Error(errorMessage);
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
async function redeemSignInLink({ username, challenge }) {
|
|
106
|
+
await auth.signIn({
|
|
107
|
+
username: username,
|
|
108
|
+
password: null,
|
|
109
|
+
options: {
|
|
110
|
+
authFlowType: "CUSTOM_WITHOUT_SRP",
|
|
111
|
+
},
|
|
112
|
+
});
|
|
113
|
+
const clientMetadata = {
|
|
114
|
+
signInMethod: "MAGIC_LINK",
|
|
115
|
+
hasMagicLink: "yes",
|
|
116
|
+
};
|
|
117
|
+
await auth.confirmSignIn({
|
|
118
|
+
challengeResponse: challenge,
|
|
119
|
+
options: {
|
|
120
|
+
clientMetadata,
|
|
121
|
+
},
|
|
122
|
+
});
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
const amplifyAuthEventHandler = ({ payload }, options) => {
|
|
126
|
+
const { event } = payload;
|
|
127
|
+
const { onSignIn, onSignOut } = options ?? {};
|
|
128
|
+
switch (event) {
|
|
129
|
+
case 'signedIn': {
|
|
130
|
+
console.log('user has signed in successfully');
|
|
131
|
+
onSignIn();
|
|
132
|
+
break;
|
|
133
|
+
}
|
|
134
|
+
case 'signedOut':
|
|
135
|
+
case 'tokenRefresh_failure': {
|
|
136
|
+
onSignOut();
|
|
137
|
+
break;
|
|
138
|
+
}
|
|
139
|
+
default: {
|
|
140
|
+
console.info(event);
|
|
141
|
+
break;
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
};
|
|
145
|
+
|
|
146
|
+
class AmplifyAuthProvider {
|
|
147
|
+
constructor(clientId) {
|
|
148
|
+
this.clientId = clientId;
|
|
149
|
+
}
|
|
150
|
+
getLoginProviders() {
|
|
151
|
+
return this.loginProviders;
|
|
152
|
+
}
|
|
153
|
+
configure(config) {
|
|
154
|
+
configureAmplify(config, this.clientId);
|
|
155
|
+
this.loginProviders = config.tenantInfo.loginProviders;
|
|
156
|
+
console.log('AmplifyAuthProvider loaded with config');
|
|
157
|
+
}
|
|
158
|
+
async getAccessToken() {
|
|
159
|
+
const session = await auth$1.fetchAuthSession();
|
|
160
|
+
return session.tokens.accessToken.toString();
|
|
161
|
+
}
|
|
162
|
+
async getCurrentUser() {
|
|
163
|
+
const session = await auth$1.fetchAuthSession();
|
|
164
|
+
const idToken = session.tokens.idToken.payload;
|
|
165
|
+
return sdk.CurrentUser.fromCognitoUser(idToken);
|
|
166
|
+
}
|
|
167
|
+
async forceRefresh() {
|
|
168
|
+
await auth$1.fetchAuthSession({ forceRefresh: true });
|
|
169
|
+
}
|
|
170
|
+
async loginSSO(loginProvider) {
|
|
171
|
+
await auth.signInWithRedirect({ provider: { custom: loginProvider } });
|
|
172
|
+
}
|
|
173
|
+
async loginEmail(request) {
|
|
174
|
+
await requestSignInLink(request);
|
|
175
|
+
}
|
|
176
|
+
async finishLoginEmail(request) {
|
|
177
|
+
await redeemSignInLink(request);
|
|
178
|
+
}
|
|
179
|
+
async signOut() {
|
|
180
|
+
await auth.signOut();
|
|
181
|
+
}
|
|
182
|
+
registerAuthEventHandler(options) {
|
|
183
|
+
return utils.Hub.listen('auth', (data) => amplifyAuthEventHandler(data, options), 'authentication-provider');
|
|
184
|
+
}
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
function LoginOptions({ loginProviders, onSelect, busy, success }) {
|
|
188
|
+
const [email, setEmail] = React.useState('');
|
|
189
|
+
const ssoProviders = React.useMemo(() => loginProviders.filter(p => p.id !== COGNITO_PROVIDER_ID), [loginProviders]);
|
|
190
|
+
const cognitoEnabled = React.useMemo(() => loginProviders.some(p => p.id === COGNITO_PROVIDER_ID), [loginProviders]);
|
|
191
|
+
return (React.createElement(material.Stack, { alignItems: "center", gap: 3, direction: "column", sx: { pt: 2 } },
|
|
192
|
+
React.Children.toArray(ssoProviders.map(provider => {
|
|
193
|
+
return (React.createElement(material.Button, { sx: { p: 2, width: '100%' }, variant: "contained", color: "secondary", fullWidth: true, startIcon: React.createElement("img", { style: { maxHeight: '17px' }, alt: provider.name, src: provider.logoUrl }), onClick: () => onSelect(provider.id) }, provider.name));
|
|
194
|
+
})),
|
|
195
|
+
cognitoEnabled && (React.createElement("form", { style: { width: '100%' } },
|
|
196
|
+
React.createElement(material.Stack, { alignItems: "center", gap: 3, direction: "column" },
|
|
197
|
+
ssoProviders.length > 0 && (React.createElement(material.Divider, { textAlign: "center", color: "secondary", flexItem: true }, "OR")),
|
|
198
|
+
React.createElement(material.TextField, { label: "Email", size: "medium", value: email, variant: "outlined", autoComplete: "off", type: "email", fullWidth: true, required: true, onChange: (e) => setEmail(e.target.value) }),
|
|
199
|
+
React.createElement(lab.LoadingButton, { type: "submit", sx: { p: 2, width: '100%' }, loading: busy, disabled: !email?.trim() || success, variant: "contained", color: "secondary", fullWidth: true, onClick: () => onSelect(COGNITO_PROVIDER_ID, email) }, "Sign in with email"))))));
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
function getLoginMessage(loginProviders) {
|
|
203
|
+
const loginMessage = 'Sign in using one of the options below.';
|
|
204
|
+
const cognitoEnabled = loginProviders.some(p => p.id === COGNITO_PROVIDER_ID);
|
|
205
|
+
const onlyCognito = loginProviders.length === 1 && cognitoEnabled;
|
|
206
|
+
// Only email sign in is enabled.
|
|
207
|
+
if (onlyCognito) {
|
|
208
|
+
return `Sign in with your email below.`;
|
|
209
|
+
}
|
|
210
|
+
// Both SSO and email sign in is enabled
|
|
211
|
+
if (!onlyCognito && cognitoEnabled) {
|
|
212
|
+
return `${loginMessage} If your sign in method isn't listed, please enter your email.`;
|
|
213
|
+
}
|
|
214
|
+
// Only SSO sign in is enabled
|
|
215
|
+
return loginMessage;
|
|
216
|
+
}
|
|
217
|
+
function LoginModal({ onClose, open }) {
|
|
218
|
+
const { authProvider } = reactCore.useAppConfig();
|
|
219
|
+
const loginProviders = authProvider.getLoginProviders();
|
|
220
|
+
const loginDescription = React.useMemo(() => getLoginMessage(loginProviders), [loginProviders]);
|
|
221
|
+
const [error, setError] = React.useState('');
|
|
222
|
+
const [message, setMessage] = React.useState('');
|
|
223
|
+
const [busy, setBusy] = React.useState(false);
|
|
224
|
+
const handleLogin = React.useCallback(async (providerId, email) => {
|
|
225
|
+
setError('');
|
|
226
|
+
setMessage('');
|
|
227
|
+
setBusy(true);
|
|
228
|
+
if (providerId === COGNITO_PROVIDER_ID) {
|
|
229
|
+
try {
|
|
230
|
+
await authProvider.loginEmail({ username: email });
|
|
231
|
+
setBusy(false);
|
|
232
|
+
setMessage(LOGIN_SENT_SUCCESS_MSG);
|
|
233
|
+
}
|
|
234
|
+
catch (e) {
|
|
235
|
+
setError(e instanceof Error ? e.message : 'An error occurred');
|
|
236
|
+
setBusy(false);
|
|
237
|
+
}
|
|
238
|
+
}
|
|
239
|
+
else {
|
|
240
|
+
authProvider.loginSSO(providerId).catch(sdk.handlePromiseError);
|
|
241
|
+
if (onClose)
|
|
242
|
+
onClose();
|
|
243
|
+
}
|
|
244
|
+
}, [onClose]);
|
|
245
|
+
React.useEffect(() => {
|
|
246
|
+
// Log in automatically if there is only one provider (and it's not Cognito)
|
|
247
|
+
const firstProviderId = loginProviders.at(0)?.id;
|
|
248
|
+
if (loginProviders.length === 1 && firstProviderId !== COGNITO_PROVIDER_ID) {
|
|
249
|
+
void handleLogin(firstProviderId);
|
|
250
|
+
}
|
|
251
|
+
}, [loginProviders, handleLogin]);
|
|
252
|
+
return (React.createElement(material.Dialog, { open: open, onClose: onClose, PaperProps: { sx: { p: 3, background: "#FFF", width: '480px' } }, "aria-label": "login dialog" },
|
|
253
|
+
React.createElement(material.Stack, { alignItems: "left", justifyContent: "space-between", gap: 1, direction: { xs: 'row' } },
|
|
254
|
+
React.createElement(material.Stack, { direction: "column" },
|
|
255
|
+
React.createElement(material.Typography, { id: "dialog-title", variant: "h4", color: "secondary" }, "Login"),
|
|
256
|
+
React.createElement(material.Typography, { variant: "body2" }, loginDescription)),
|
|
257
|
+
!!onClose &&
|
|
258
|
+
React.createElement(material.Stack, { alignItems: "right", direction: "row", gap: 0 },
|
|
259
|
+
React.createElement(material.IconButton, { "aria-label": "Close", onClick: () => onClose(), size: "small", color: "secondary", sx: { transform: 'translate(10px, 0px)' } },
|
|
260
|
+
React.createElement(iconsMaterial.CloseOutlined, { sx: { fontSize: '22px' } })))),
|
|
261
|
+
React.createElement(material.Stack, { sx: { pt: 0 } },
|
|
262
|
+
React.createElement(LoginOptions, { loginProviders: loginProviders, onSelect: handleLogin, busy: busy, success: !!message }),
|
|
263
|
+
error && (React.createElement(material.Alert, { severity: "error", sx: { mt: 4 } }, error)),
|
|
264
|
+
message && (React.createElement(material.Alert, { severity: "success", sx: { mt: 4 } }, message)))));
|
|
265
|
+
}
|
|
266
|
+
|
|
267
|
+
const AuthenticatorContext = React.createContext(null);
|
|
268
|
+
|
|
269
|
+
/**
|
|
270
|
+
* Custom hook to access authentication context
|
|
271
|
+
*/
|
|
272
|
+
function useAuthenticator() {
|
|
273
|
+
const context = React.useContext(AuthenticatorContext);
|
|
274
|
+
const { authProvider } = reactCore.useAppConfig();
|
|
275
|
+
const signOut = React.useCallback(() => {
|
|
276
|
+
sessionStorage.clear();
|
|
277
|
+
authProvider.signOut().then(() => {
|
|
278
|
+
// Location reload clears any in-memory state
|
|
279
|
+
// Amplify does a hard reload automatically, but only if you are signing in from oauth / SSO
|
|
280
|
+
location.reload();
|
|
281
|
+
});
|
|
282
|
+
}, [authProvider]);
|
|
283
|
+
return {
|
|
284
|
+
...context,
|
|
285
|
+
isLoggedIn: context?.authStatus === 'authenticated',
|
|
286
|
+
signOut,
|
|
287
|
+
};
|
|
288
|
+
}
|
|
289
|
+
|
|
290
|
+
/**
|
|
291
|
+
* LoginWrapper component is used to conditionally render children based on the authentication status
|
|
292
|
+
* or display a login modal if the user is unauthenticated.
|
|
293
|
+
*/
|
|
294
|
+
function LoginWrapper({ children }) {
|
|
295
|
+
const { authStatus } = useAuthenticator();
|
|
296
|
+
if (!authStatus || authStatus === 'configuring') {
|
|
297
|
+
return null;
|
|
298
|
+
}
|
|
299
|
+
if (authStatus === 'unauthenticated') {
|
|
300
|
+
return React.createElement(LoginModal, { onClose: null, open: true });
|
|
301
|
+
}
|
|
302
|
+
return children;
|
|
303
|
+
}
|
|
304
|
+
|
|
305
|
+
/**
|
|
306
|
+
* Manages the authentication state of the application.
|
|
307
|
+
* @param children - The child components to render within the provider.
|
|
308
|
+
* @param fetchUserInfo - If true, fetches detailed user information after authentication.
|
|
309
|
+
*/
|
|
310
|
+
function AuthenticationContextProvider({ children, fetchUserInfo }) {
|
|
311
|
+
const [authStatus, setAuthStatus] = React.useState('configuring');
|
|
312
|
+
const [authInfo, setAuthInfo] = React.useState(null);
|
|
313
|
+
const [userInfo, setUserInfo] = React.useState(null);
|
|
314
|
+
const { dataService, authProvider } = reactCore.useAppConfig();
|
|
315
|
+
const refresh = React.useCallback(() => {
|
|
316
|
+
authProvider.getCurrentUser()
|
|
317
|
+
.then((currentUser) => {
|
|
318
|
+
setAuthStatus('authenticated');
|
|
319
|
+
setAuthInfo(currentUser);
|
|
320
|
+
if (fetchUserInfo) {
|
|
321
|
+
dataService.users.getUser({ username: currentUser.username })
|
|
322
|
+
.then((data) => setUserInfo(data))
|
|
323
|
+
.catch((error) => {
|
|
324
|
+
console.error('Failed to fetch user info:', error);
|
|
325
|
+
setUserInfo(null);
|
|
326
|
+
});
|
|
327
|
+
}
|
|
328
|
+
})
|
|
329
|
+
.catch(() => {
|
|
330
|
+
setAuthStatus('unauthenticated');
|
|
331
|
+
});
|
|
332
|
+
}, []);
|
|
333
|
+
const value = React.useMemo(() => ({ authStatus, authInfo, refresh, userInfo }), [authStatus, authInfo, userInfo, refresh]);
|
|
334
|
+
// Refresh auth state on page load
|
|
335
|
+
React.useEffect(() => {
|
|
336
|
+
refresh();
|
|
337
|
+
}, [refresh]);
|
|
338
|
+
// Refresh auth state in response to auth events
|
|
339
|
+
React.useEffect(() => {
|
|
340
|
+
const options = { onSignIn: refresh, onSignOut: refresh };
|
|
341
|
+
return authProvider.registerAuthEventHandler(options);
|
|
342
|
+
}, [refresh]);
|
|
343
|
+
return (React__namespace.createElement(AuthenticatorContext.Provider, { value: value }, children));
|
|
344
|
+
}
|
|
345
|
+
|
|
346
|
+
/**
|
|
347
|
+
* StaticInteractiveAuthTokenProvider is a simple implementation of the InteractiveAuthenticationProvider
|
|
348
|
+
* that uses a static token for authentication. This is useful for testing or when you have a known token.
|
|
349
|
+
*/
|
|
350
|
+
class StaticInteractiveAuthTokenProvider extends sdk.StaticTokenAuthProvider {
|
|
351
|
+
constructor(token) {
|
|
352
|
+
super(token);
|
|
353
|
+
}
|
|
354
|
+
async getAccessToken() {
|
|
355
|
+
return this.token;
|
|
356
|
+
}
|
|
357
|
+
loginSSO() {
|
|
358
|
+
return Promise.resolve();
|
|
359
|
+
}
|
|
360
|
+
loginEmail(_) {
|
|
361
|
+
return Promise.resolve();
|
|
362
|
+
}
|
|
363
|
+
finishLoginEmail(_) {
|
|
364
|
+
return Promise.resolve();
|
|
365
|
+
}
|
|
366
|
+
signOut() {
|
|
367
|
+
return Promise.resolve();
|
|
368
|
+
}
|
|
369
|
+
getLoginProviders() {
|
|
370
|
+
return [];
|
|
371
|
+
}
|
|
372
|
+
registerAuthEventHandler(_) {
|
|
373
|
+
// No-op for static token provider
|
|
374
|
+
}
|
|
375
|
+
}
|
|
376
|
+
|
|
377
|
+
exports.AmplifyAuthProvider = AmplifyAuthProvider;
|
|
378
|
+
exports.AuthenticationContextProvider = AuthenticationContextProvider;
|
|
379
|
+
exports.LoginModal = LoginModal;
|
|
380
|
+
exports.LoginOptions = LoginOptions;
|
|
381
|
+
exports.LoginWrapper = LoginWrapper;
|
|
382
|
+
exports.StaticInteractiveAuthTokenProvider = StaticInteractiveAuthTokenProvider;
|
|
383
|
+
exports.useAuthenticator = useAuthenticator;
|
|
384
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/amplify/configure-amplify.ts","../src/amplify/magic-link.ts","../src/amplify/auth-listener.ts","../src/amplify/amplify-auth-provider.tsx","../src/components/LoginOptions.tsx","../src/components/LoginModal.tsx","../src/auth-context/authentication-context.tsx","../src/auth-context/useAuthenticator.tsx","../src/components/LoginWrapper.tsx","../src/auth-context/authentication-context-provider.tsx","../src/static/static-token-provider.ts"],"sourcesContent":["import { Amplify } from \"aws-amplify\";\nimport { AppConfig } from \"@cirrobio/react-core\";\n\nexport function configureAmplify(config: AppConfig, clientIdOverride?: string): void {\n Amplify.configure({\n Auth: {\n Cognito: {\n userPoolId: config.auth.userPoolId,\n userPoolClientId: clientIdOverride ?? config.auth.uiAppId,\n loginWith: {\n oauth: {\n domain: config.auth.endpoint,\n scopes: [\n 'phone',\n 'email',\n 'profile',\n 'openid',\n 'aws.cognito.signin.user.admin'\n ],\n redirectSignIn: [window.location.origin],\n redirectSignOut: [window.location.origin],\n responseType: 'code',\n },\n },\n },\n },\n API: {\n GraphQL: {\n endpoint: config.liveEndpoint,\n region: config.region,\n defaultAuthMode: 'userPool',\n },\n },\n });\n}\n","import { confirmSignIn, signIn } from 'aws-amplify/auth';\nimport { IRedeemSignInLink, ISignInLinkRequest } from \"@cirrobio/react-core\";\n\nexport const COGNITO_PROVIDER_ID = 'COGNITO';\nexport const LOGIN_SENT_SUCCESS_MSG = 'Check your email for the login link. If you don’t have an account, the link won’t be sent.';\n\nexport async function requestSignInLink({ username, redirectUri }: ISignInLinkRequest): Promise<void> {\n const redirectUriToUse = redirectUri || window.location.origin + \"/magic-link\";\n try {\n const { nextStep } = await signIn({\n username,\n password: null,\n options: {\n authFlowType: \"CUSTOM_WITHOUT_SRP\",\n },\n });\n if (nextStep.signInStep !== 'CONFIRM_SIGN_IN_WITH_CUSTOM_CHALLENGE') {\n return;\n }\n\n const clientMetadata = {\n signInMethod: \"MAGIC_LINK\",\n redirectUri: redirectUriToUse,\n hasMagicLink: \"no\",\n }\n await confirmSignIn({\n challengeResponse: \"cirro-is-awesome\",\n options: {\n clientMetadata,\n },\n });\n } catch (e) {\n // Cleanup the error message\n const errorMessage = e.toString();\n if (errorMessage.includes('UserLambdaValidationException')) {\n throw Error(errorMessage.split('failed with error')[1]);\n } else if (errorMessage.includes('Incorrect username or password')) {\n throw Error('Incorrect username or password.');\n }\n throw Error(errorMessage);\n }\n}\n\nexport async function redeemSignInLink({ username, challenge }: IRedeemSignInLink): Promise<void> {\n await signIn({\n username: username,\n password: null,\n options: {\n authFlowType: \"CUSTOM_WITHOUT_SRP\",\n },\n });\n const clientMetadata = {\n signInMethod: \"MAGIC_LINK\",\n hasMagicLink: \"yes\",\n }\n await confirmSignIn({\n challengeResponse: challenge,\n options: {\n clientMetadata,\n },\n });\n}\n","import { AuthHubEventData } from \"@aws-amplify/core/src/Hub/types/AuthTypes\";\nimport { AuthEventHandlerOptions } from \"@cirrobio/react-core\";\n\nexport const amplifyAuthEventHandler = ({ payload }, options: AuthEventHandlerOptions): void => {\n const { event }: AuthHubEventData = payload;\n const { onSignIn, onSignOut } = options ?? {};\n switch (event) {\n case 'signedIn': {\n console.log('user has signed in successfully');\n onSignIn();\n break;\n }\n case 'signedOut':\n case 'tokenRefresh_failure': {\n onSignOut();\n break;\n }\n default: {\n console.info(event);\n break;\n }\n }\n};\n","import { LoginProvider } from \"@cirrobio/api-client\";\nimport { configureAmplify } from \"./configure-amplify\";\nimport { fetchAuthSession } from \"@aws-amplify/auth\";\nimport {\n AppConfig,\n InteractiveAuthenticationProvider,\n IRedeemSignInLink,\n ISignInLinkRequest,\n AuthEventHandlerOptions\n} from \"@cirrobio/react-core\";\nimport { signInWithRedirect } from \"aws-amplify/auth\";\nimport { redeemSignInLink, requestSignInLink } from \"./magic-link\";\nimport { Hub } from \"aws-amplify/utils\";\nimport { amplifyAuthEventHandler } from \"./auth-listener\";\nimport { CurrentUser } from \"@cirrobio/sdk\";\nimport { signOut as amplifySignOut } from 'aws-amplify/auth';\n\nexport class AmplifyAuthProvider implements InteractiveAuthenticationProvider {\n private loginProviders: LoginProvider[];\n\n constructor(\n readonly clientId?: string\n ) {\n }\n\n public getLoginProviders() {\n return this.loginProviders;\n }\n\n public configure(config: AppConfig): void {\n configureAmplify(config, this.clientId);\n this.loginProviders = config.tenantInfo.loginProviders;\n console.log('AmplifyAuthProvider loaded with config');\n }\n\n public async getAccessToken(): Promise<string> {\n const session = await fetchAuthSession();\n return session.tokens.accessToken.toString();\n }\n\n public async getCurrentUser(): Promise<CurrentUser> {\n const session = await fetchAuthSession();\n const idToken = session.tokens.idToken.payload;\n return CurrentUser.fromCognitoUser(idToken);\n }\n\n public async forceRefresh(): Promise<void> {\n await fetchAuthSession({ forceRefresh: true });\n }\n\n public async loginSSO(loginProvider: string): Promise<void> {\n await signInWithRedirect({ provider: { custom: loginProvider } })\n }\n\n public async loginEmail(request: ISignInLinkRequest): Promise<void> {\n await requestSignInLink(request);\n }\n\n public async finishLoginEmail(request: IRedeemSignInLink): Promise<void> {\n await redeemSignInLink(request);\n }\n\n public async signOut(): Promise<void> {\n await amplifySignOut();\n }\n\n public registerAuthEventHandler(options: AuthEventHandlerOptions): () => void {\n return Hub.listen('auth', (data) => amplifyAuthEventHandler(data, options), 'authentication-provider');\n }\n}\n","import React, { Children, ReactElement, useMemo, useState } from 'react';\nimport { Button, Divider, Stack, TextField } from '@mui/material';\nimport { LoginProvider } from '@cirrobio/api-client';\nimport { LoadingButton } from '@mui/lab';\nimport { COGNITO_PROVIDER_ID } from \"../amplify/magic-link\";\n\ninterface IProps {\n loginProviders: LoginProvider[];\n onSelect: (providerId: string, email?: string) => void;\n busy: boolean;\n success: boolean;\n}\n\n\nexport function LoginOptions({ loginProviders, onSelect, busy, success }: Readonly<IProps>): ReactElement {\n const [email, setEmail] = useState('');\n\n const ssoProviders = useMemo(() =>\n loginProviders.filter(p => p.id !== COGNITO_PROVIDER_ID), [loginProviders]);\n const cognitoEnabled = useMemo(() =>\n loginProviders.some(p => p.id === COGNITO_PROVIDER_ID), [loginProviders]);\n\n return (\n <Stack alignItems=\"center\" gap={3} direction=\"column\" sx={{ pt: 2 }}>\n {Children.toArray(ssoProviders.map(provider => {\n return (<Button\n sx={{ p: 2, width: '100%' }}\n variant=\"contained\"\n color=\"secondary\"\n fullWidth={true}\n startIcon={<img style={{ maxHeight: '17px' }} alt={provider.name} src={provider.logoUrl} />}\n onClick={() => onSelect(provider.id)}\n >{provider.name}</Button>)\n }))}\n {cognitoEnabled && (\n <form style={{ width: '100%' }}>\n <Stack alignItems=\"center\" gap={3} direction=\"column\">\n {ssoProviders.length > 0 && (<Divider textAlign=\"center\" color=\"secondary\" flexItem>OR</Divider>)}\n <TextField\n label=\"Email\"\n size=\"medium\"\n value={email}\n variant=\"outlined\"\n autoComplete=\"off\"\n type=\"email\"\n fullWidth={true}\n required\n onChange={(e) => setEmail(e.target.value)}\n />\n <LoadingButton\n type=\"submit\"\n sx={{ p: 2, width: '100%' }}\n loading={busy}\n disabled={!email?.trim() || success}\n variant=\"contained\"\n color=\"secondary\"\n fullWidth={true}\n onClick={() => onSelect(COGNITO_PROVIDER_ID, email)}\n >\n Sign in with email\n </LoadingButton>\n </Stack>\n </form>\n )}\n </Stack>\n )\n}\n","import { Alert, Dialog, IconButton, Stack, Typography } from '@mui/material';\nimport React, { ReactElement, useCallback, useEffect, useMemo, useState } from 'react';\nimport { LoginOptions } from './LoginOptions';\nimport { LoginProvider } from '@cirrobio/api-client';\nimport { handlePromiseError } from \"@cirrobio/sdk\";\nimport { useAppConfig } from \"@cirrobio/react-core\";\nimport { CloseOutlined } from '@mui/icons-material';\nimport { COGNITO_PROVIDER_ID, LOGIN_SENT_SUCCESS_MSG } from \"../amplify/magic-link\";\n\ninterface IProps {\n onClose: () => void;\n open: boolean;\n}\n\nfunction getLoginMessage(loginProviders: LoginProvider[]): string {\n const loginMessage = 'Sign in using one of the options below.';\n const cognitoEnabled = loginProviders.some(p => p.id === COGNITO_PROVIDER_ID);\n const onlyCognito = loginProviders.length === 1 && cognitoEnabled;\n // Only email sign in is enabled.\n if (onlyCognito) {\n return `Sign in with your email below.`;\n }\n // Both SSO and email sign in is enabled\n if (!onlyCognito && cognitoEnabled) {\n return `${loginMessage} If your sign in method isn't listed, please enter your email.`;\n }\n // Only SSO sign in is enabled\n return loginMessage;\n}\n\nexport function LoginModal({ onClose, open }: Readonly<IProps>): ReactElement {\n const { authProvider } = useAppConfig();\n const loginProviders = authProvider.getLoginProviders();\n const loginDescription = useMemo(() => getLoginMessage(loginProviders), [loginProviders]);\n\n const [error, setError] = useState('');\n const [message, setMessage] = useState('');\n const [busy, setBusy] = useState(false);\n\n const handleLogin = useCallback(async (providerId: string, email?: string): Promise<void> => {\n setError('');\n setMessage('');\n setBusy(true);\n if (providerId === COGNITO_PROVIDER_ID) {\n try {\n await authProvider.loginEmail({ username: email });\n setBusy(false);\n setMessage(LOGIN_SENT_SUCCESS_MSG);\n } catch (e) {\n setError(e instanceof Error ? e.message : 'An error occurred');\n setBusy(false);\n }\n } else {\n authProvider.loginSSO(providerId).catch(handlePromiseError);\n if (onClose) onClose();\n }\n }, [onClose]);\n\n useEffect(() => {\n // Log in automatically if there is only one provider (and it's not Cognito)\n const firstProviderId = loginProviders.at(0)?.id;\n if (loginProviders.length === 1 && firstProviderId !== COGNITO_PROVIDER_ID) {\n void handleLogin(firstProviderId);\n }\n }, [loginProviders, handleLogin]);\n\n return (\n <Dialog\n open={open}\n onClose={onClose}\n PaperProps={{ sx: { p: 3, background: \"#FFF\", width: '480px' } }}\n \n aria-label=\"login dialog\"\n >\n <Stack alignItems=\"left\" justifyContent=\"space-between\" gap={1} direction={{ xs: 'row' }}>\n <Stack direction=\"column\">\n <Typography id=\"dialog-title\" variant=\"h4\" color=\"secondary\">\n Login\n </Typography>\n <Typography variant=\"body2\">\n {loginDescription}\n </Typography>\n </Stack>\n {!!onClose &&\n <Stack alignItems=\"right\" direction=\"row\" gap={0}>\n <IconButton\n aria-label=\"Close\"\n onClick={() => onClose()}\n size=\"small\"\n color=\"secondary\"\n sx={{ transform: 'translate(10px, 0px)' }}>\n <CloseOutlined sx={{ fontSize: '22px' }} />\n </IconButton>\n </Stack>\n }\n </Stack>\n <Stack sx={{ pt: 0 }}>\n <LoginOptions loginProviders={loginProviders} onSelect={handleLogin} busy={busy} success={!!message} />\n {error && (\n <Alert severity=\"error\" sx={{ mt: 4 }}>{error}</Alert>\n )}\n {message && (\n <Alert severity=\"success\" sx={{ mt: 4 }}>{message}</Alert>\n )}\n </Stack>\n </Dialog>\n );\n}\n\n","import { createContext } from 'react';\nimport { AuthStatus } from \"../models/auth-status\";\nimport { UserDetail } from \"@cirrobio/api-client\";\nimport { CurrentUser } from \"@cirrobio/sdk\";\n\n\n\nexport type AuthenticatorContextType = {\n authStatus: AuthStatus;\n authInfo: CurrentUser | null;\n userInfo: UserDetail;\n refresh: () => void;\n}\n\nexport const AuthenticatorContext = createContext<AuthenticatorContextType>(null);\n","import { useCallback, useContext } from 'react';\nimport { AuthenticatorContext, AuthenticatorContextType } from './authentication-context';\nimport { useAppConfig } from \"@cirrobio/react-core\";\n\ntype UseAuthenticator = AuthenticatorContextType & {\n isLoggedIn: boolean;\n signOut: () => void;\n};\n\n/**\n * Custom hook to access authentication context\n */\nexport function useAuthenticator(): UseAuthenticator {\n const context = useContext(AuthenticatorContext);\n const { authProvider } = useAppConfig();\n\n const signOut = useCallback(() => {\n sessionStorage.clear();\n authProvider.signOut().then(() => {\n // Location reload clears any in-memory state\n // Amplify does a hard reload automatically, but only if you are signing in from oauth / SSO\n location.reload();\n });\n }, [authProvider]);\n\n return {\n ...context,\n isLoggedIn: context?.authStatus === 'authenticated',\n signOut,\n }\n}\n","import React from \"react\";\nimport { useAuthenticator } from \"../auth-context/useAuthenticator\";\nimport { LoginModal } from \"./LoginModal\";\n\ninterface IProps {\n children?: React.ReactNode;\n}\n\n/**\n * LoginWrapper component is used to conditionally render children based on the authentication status\n * or display a login modal if the user is unauthenticated.\n */\nexport function LoginWrapper({ children }: IProps) {\n const { authStatus } = useAuthenticator();\n\n if (!authStatus || authStatus === 'configuring') {\n return null;\n }\n\n if (authStatus === 'unauthenticated') {\n return <LoginModal onClose={null} open={true} />\n }\n\n return children;\n}\n","import * as React from \"react\";\nimport { ReactElement, useCallback, useEffect, useMemo, useState } from \"react\";\nimport { AuthenticatorContext, AuthenticatorContextType } from './authentication-context';\nimport { AuthStatus } from \"../models/auth-status\";\nimport { UserDetail } from \"@cirrobio/api-client\";\nimport { useAppConfig } from \"@cirrobio/react-core\";\nimport { CurrentUser } from \"@cirrobio/sdk\";\n\nexport type AuthenticationProviderProps = {\n children: React.ReactNode;\n fetchUserInfo?: boolean;\n}\n\n/**\n * Manages the authentication state of the application.\n * @param children - The child components to render within the provider.\n * @param fetchUserInfo - If true, fetches detailed user information after authentication.\n */\nexport function AuthenticationContextProvider({ children, fetchUserInfo }: AuthenticationProviderProps): ReactElement {\n const [authStatus, setAuthStatus] = useState<AuthStatus>('configuring');\n const [authInfo, setAuthInfo] = useState<CurrentUser>(null);\n const [userInfo, setUserInfo] = useState<UserDetail>(null);\n const { dataService, authProvider } = useAppConfig();\n\n const refresh = useCallback((): void => {\n authProvider.getCurrentUser()\n .then((currentUser) => {\n setAuthStatus('authenticated');\n setAuthInfo(currentUser);\n if (fetchUserInfo) {\n dataService.users.getUser({ username: currentUser.username })\n .then((data) => setUserInfo(data))\n .catch((error) => {\n console.error('Failed to fetch user info:', error);\n setUserInfo(null);\n });\n }\n })\n .catch(() => {\n setAuthStatus('unauthenticated');\n });\n }, []);\n\n const value: AuthenticatorContextType = useMemo(\n () => ({ authStatus, authInfo, refresh, userInfo }),\n [authStatus, authInfo, userInfo, refresh]\n );\n\n // Refresh auth state on page load\n useEffect(() => {\n refresh();\n }, [refresh]);\n\n // Refresh auth state in response to auth events\n useEffect(() => {\n const options = { onSignIn: refresh, onSignOut: refresh };\n return authProvider.registerAuthEventHandler(options);\n }, [refresh]);\n\n return (\n <AuthenticatorContext.Provider value={value}>\n {children}\n </AuthenticatorContext.Provider>\n );\n}\n","import { StaticTokenAuthProvider } from \"@cirrobio/sdk\";\nimport { InteractiveAuthenticationProvider } from \"@cirrobio/react-core\";\n\n\n/**\n * StaticInteractiveAuthTokenProvider is a simple implementation of the InteractiveAuthenticationProvider\n * that uses a static token for authentication. This is useful for testing or when you have a known token.\n */\nexport class StaticInteractiveAuthTokenProvider\n extends StaticTokenAuthProvider\n implements InteractiveAuthenticationProvider {\n\n constructor(token: string) {\n super(token);\n }\n\n async getAccessToken(): Promise<string> {\n return this.token;\n }\n\n loginSSO(): Promise<void> {\n return Promise.resolve();\n }\n\n loginEmail(_): Promise<void> {\n return Promise.resolve();\n }\n\n finishLoginEmail(_): Promise<void> {\n return Promise.resolve();\n }\n\n signOut(): Promise<void> {\n return Promise.resolve();\n }\n\n getLoginProviders() {\n return [];\n }\n\n registerAuthEventHandler(_): void {\n // No-op for static token provider\n }\n}\n"],"names":["Amplify","signIn","confirmSignIn","fetchAuthSession","CurrentUser","signInWithRedirect","amplifySignOut","Hub","useState","useMemo","Stack","Children","Button","Divider","TextField","LoadingButton","useAppConfig","useCallback","handlePromiseError","useEffect","Dialog","Typography","IconButton","CloseOutlined","Alert","createContext","useContext","React","StaticTokenAuthProvider"],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { LoginProvider } from "@cirrobio/api-client";
|
|
2
|
+
import { AppConfig, InteractiveAuthenticationProvider, IRedeemSignInLink, ISignInLinkRequest, AuthEventHandlerOptions } from "@cirrobio/react-core";
|
|
3
|
+
import { CurrentUser } from "@cirrobio/sdk";
|
|
4
|
+
export declare class AmplifyAuthProvider implements InteractiveAuthenticationProvider {
|
|
5
|
+
readonly clientId?: string;
|
|
6
|
+
private loginProviders;
|
|
7
|
+
constructor(clientId?: string);
|
|
8
|
+
getLoginProviders(): LoginProvider[];
|
|
9
|
+
configure(config: AppConfig): void;
|
|
10
|
+
getAccessToken(): Promise<string>;
|
|
11
|
+
getCurrentUser(): Promise<CurrentUser>;
|
|
12
|
+
forceRefresh(): Promise<void>;
|
|
13
|
+
loginSSO(loginProvider: string): Promise<void>;
|
|
14
|
+
loginEmail(request: ISignInLinkRequest): Promise<void>;
|
|
15
|
+
finishLoginEmail(request: IRedeemSignInLink): Promise<void>;
|
|
16
|
+
signOut(): Promise<void>;
|
|
17
|
+
registerAuthEventHandler(options: AuthEventHandlerOptions): () => void;
|
|
18
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { IRedeemSignInLink, ISignInLinkRequest } from "@cirrobio/react-core";
|
|
2
|
+
export declare const COGNITO_PROVIDER_ID = "COGNITO";
|
|
3
|
+
export declare const LOGIN_SENT_SUCCESS_MSG = "Check your email for the login link. If you don\u2019t have an account, the link won\u2019t be sent.";
|
|
4
|
+
export declare function requestSignInLink({ username, redirectUri }: ISignInLinkRequest): Promise<void>;
|
|
5
|
+
export declare function redeemSignInLink({ username, challenge }: IRedeemSignInLink): Promise<void>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { ReactElement } from "react";
|
|
3
|
+
export type AuthenticationProviderProps = {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
fetchUserInfo?: boolean;
|
|
6
|
+
};
|
|
7
|
+
/**
|
|
8
|
+
* Manages the authentication state of the application.
|
|
9
|
+
* @param children - The child components to render within the provider.
|
|
10
|
+
* @param fetchUserInfo - If true, fetches detailed user information after authentication.
|
|
11
|
+
*/
|
|
12
|
+
export declare function AuthenticationContextProvider({ children, fetchUserInfo }: AuthenticationProviderProps): ReactElement;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { AuthStatus } from "../models/auth-status";
|
|
2
|
+
import { UserDetail } from "@cirrobio/api-client";
|
|
3
|
+
import { CurrentUser } from "@cirrobio/sdk";
|
|
4
|
+
export type AuthenticatorContextType = {
|
|
5
|
+
authStatus: AuthStatus;
|
|
6
|
+
authInfo: CurrentUser | null;
|
|
7
|
+
userInfo: UserDetail;
|
|
8
|
+
refresh: () => void;
|
|
9
|
+
};
|
|
10
|
+
export declare const AuthenticatorContext: import("react").Context<AuthenticatorContextType>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { AuthenticatorContextType } from './authentication-context';
|
|
2
|
+
type UseAuthenticator = AuthenticatorContextType & {
|
|
3
|
+
isLoggedIn: boolean;
|
|
4
|
+
signOut: () => void;
|
|
5
|
+
};
|
|
6
|
+
/**
|
|
7
|
+
* Custom hook to access authentication context
|
|
8
|
+
*/
|
|
9
|
+
export declare function useAuthenticator(): UseAuthenticator;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { LoginProvider } from '@cirrobio/api-client';
|
|
3
|
+
interface IProps {
|
|
4
|
+
loginProviders: LoginProvider[];
|
|
5
|
+
onSelect: (providerId: string, email?: string) => void;
|
|
6
|
+
busy: boolean;
|
|
7
|
+
success: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare function LoginOptions({ loginProviders, onSelect, busy, success }: Readonly<IProps>): ReactElement;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface IProps {
|
|
3
|
+
children?: React.ReactNode;
|
|
4
|
+
}
|
|
5
|
+
/**
|
|
6
|
+
* LoginWrapper component is used to conditionally render children based on the authentication status
|
|
7
|
+
* or display a login modal if the user is unauthenticated.
|
|
8
|
+
*/
|
|
9
|
+
export declare function LoginWrapper({ children }: IProps): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode>;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export { AmplifyAuthProvider } from './amplify/amplify-auth-provider';
|
|
2
|
+
export type { AuthStatus } from './models/auth-status';
|
|
3
|
+
export { LoginModal } from './components/LoginModal';
|
|
4
|
+
export { LoginOptions } from './components/LoginOptions';
|
|
5
|
+
export { LoginWrapper } from './components/LoginWrapper';
|
|
6
|
+
export { AuthenticationContextProvider } from './auth-context/authentication-context-provider';
|
|
7
|
+
export { useAuthenticator } from './auth-context/useAuthenticator';
|
|
8
|
+
export { StaticInteractiveAuthTokenProvider } from './static/static-token-provider';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type AuthStatus = 'configuring' | 'authenticated' | 'unauthenticated';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { StaticTokenAuthProvider } from "@cirrobio/sdk";
|
|
2
|
+
import { InteractiveAuthenticationProvider } from "@cirrobio/react-core";
|
|
3
|
+
/**
|
|
4
|
+
* StaticInteractiveAuthTokenProvider is a simple implementation of the InteractiveAuthenticationProvider
|
|
5
|
+
* that uses a static token for authentication. This is useful for testing or when you have a known token.
|
|
6
|
+
*/
|
|
7
|
+
export declare class StaticInteractiveAuthTokenProvider extends StaticTokenAuthProvider implements InteractiveAuthenticationProvider {
|
|
8
|
+
constructor(token: string);
|
|
9
|
+
getAccessToken(): Promise<string>;
|
|
10
|
+
loginSSO(): Promise<void>;
|
|
11
|
+
loginEmail(_: any): Promise<void>;
|
|
12
|
+
finishLoginEmail(_: any): Promise<void>;
|
|
13
|
+
signOut(): Promise<void>;
|
|
14
|
+
getLoginProviders(): any[];
|
|
15
|
+
registerAuthEventHandler(_: any): void;
|
|
16
|
+
}
|
package/package.json
ADDED
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@cirrobio/react-auth",
|
|
3
|
+
"version": "0.0.1",
|
|
4
|
+
"description": "Provides authentication configuration and components for React applications using Cirro.",
|
|
5
|
+
"author": "CirroBio",
|
|
6
|
+
"repository": {
|
|
7
|
+
"type": "git",
|
|
8
|
+
"url": "https://github.com/CirroBio/Cirro-client-ts.git",
|
|
9
|
+
"directory": "packages/react-auth"
|
|
10
|
+
},
|
|
11
|
+
"license": "MIT",
|
|
12
|
+
"homepage": "https://cirro.bio",
|
|
13
|
+
"main": "dist/index.js",
|
|
14
|
+
"module": "dist/index.esm.js",
|
|
15
|
+
"types": "dist/types/index.d.ts",
|
|
16
|
+
"files": [
|
|
17
|
+
"dist"
|
|
18
|
+
],
|
|
19
|
+
"scripts": {
|
|
20
|
+
"build": "npx rollup --config",
|
|
21
|
+
"build:clean": "rm -rf dist && npm run build",
|
|
22
|
+
"type-check": "tsc --noEmit",
|
|
23
|
+
"prepare": "npm run build",
|
|
24
|
+
"test": "jest --coverage --silent --passWithNoTests"
|
|
25
|
+
},
|
|
26
|
+
"dependencies": {
|
|
27
|
+
"@cirrobio/api-client": "^0.9.0",
|
|
28
|
+
"@cirrobio/react-core": "^0.0.1",
|
|
29
|
+
"@cirrobio/sdk": "^0.9.0",
|
|
30
|
+
"@mui/icons-material": "^5.17.1",
|
|
31
|
+
"@mui/lab": "^5.0.0-alpha.176",
|
|
32
|
+
"@mui/material": "^5.15.10",
|
|
33
|
+
"aws-amplify": "^6.15.0"
|
|
34
|
+
},
|
|
35
|
+
"peerDependencies": {
|
|
36
|
+
"@emotion/react": "^11.11.3",
|
|
37
|
+
"@emotion/styled": "^11.11.0",
|
|
38
|
+
"@mui/material": "^5.15.10",
|
|
39
|
+
"react": "^16.14 || ^17 || ^18 || ^19",
|
|
40
|
+
"react-dom": "^16.14 || ^17 || ^18 || ^19"
|
|
41
|
+
}
|
|
42
|
+
}
|