1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
|
import { useEffect, useState } from 'react';
import { useDispatch, useSelector } from 'react-redux';
import { useEffectAsync } from '../../reactHelper';
import { sessionActions } from '../../store';
export const nativeEnvironment = window.appInterface || (window.webkit && window.webkit.messageHandlers.appInterface);
export const nativePostMessage = (message) => {
if (window.webkit && window.webkit.messageHandlers.appInterface) {
window.webkit.messageHandlers.appInterface.postMessage(message);
}
if (window.appInterface) {
window.appInterface.postMessage(message);
}
};
export const handleLoginTokenListeners = new Set();
window.handleLoginToken = (token) => {
handleLoginTokenListeners.forEach((listener) => listener(token));
};
const updateNotificationTokenListeners = new Set();
window.updateNotificationToken = (token) => {
updateNotificationTokenListeners.forEach((listener) => listener(token));
};
const NativeInterface = () => {
const dispatch = useDispatch();
const user = useSelector((state) => state.session.user);
const [notificationToken, setNotificationToken] = useState(null);
useEffect(() => {
const listener = (token) => setNotificationToken(token);
updateNotificationTokenListeners.add(listener);
return () => updateNotificationTokenListeners.delete(listener);
}, [setNotificationToken]);
useEffectAsync(async () => {
if (user && notificationToken) {
window.localStorage.setItem('notificationToken', notificationToken);
setNotificationToken(null);
const tokens = user.attributes.notificationTokens?.split(',') || [];
if (!tokens.includes(notificationToken)) {
const updatedUser = {
...user,
attributes: {
...user.attributes,
notificationTokens: [...tokens.slice(-2), notificationToken].join(','),
},
};
const response = await fetch(`/api/users/${user.id}`, {
method: 'PUT',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(updatedUser),
});
if (response.ok) {
dispatch(sessionActions.updateUser(await response.json()));
} else {
throw Error(await response.text());
}
}
}
}, [user, notificationToken, setNotificationToken]);
return null;
};
export default NativeInterface;
|
