@dxos/shell 0.4.10-main.eedd150 → 0.4.10-main.f15a546
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/dist/bundle/index-AqScakhe.mjs +110 -0
- package/dist/bundle/index-AqScakhe.mjs.map +1 -0
- package/dist/bundle/index-ClYj8no6.mjs +96625 -0
- package/dist/bundle/index-ClYj8no6.mjs.map +1 -0
- package/dist/bundle/shell.mjs +9 -81813
- package/dist/bundle/shell.mjs.map +1 -1
- package/dist/bundle/shell.umd.js +152 -89
- package/dist/bundle/shell.umd.js.map +1 -1
- package/dist/bundle/style.css +1 -1
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/react.mjs +864 -821
- package/dist/lib/browser/react.mjs.map +4 -4
- package/dist/lib/browser/testing/index.mjs +7 -4
- package/dist/lib/browser/testing/index.mjs.map +3 -3
- package/dist/types/src/components/AgentConfig.d.ts +3 -0
- package/dist/types/src/components/AgentConfig.d.ts.map +1 -0
- package/dist/types/src/components/AgentConfig.js +37 -0
- package/dist/types/src/components/AgentConfig.js.map +1 -0
- package/dist/types/src/components/DeviceList/DeviceList.d.ts +3 -0
- package/dist/types/src/components/DeviceList/DeviceList.d.ts.map +1 -0
- package/dist/types/src/components/DeviceList/DeviceList.js +29 -0
- package/dist/types/src/components/DeviceList/DeviceList.js.map +1 -0
- package/dist/types/src/components/DeviceList/DeviceListItem.d.ts +6 -0
- package/dist/types/src/components/DeviceList/DeviceListItem.d.ts.map +1 -0
- package/dist/types/src/components/DeviceList/DeviceListItem.js +72 -0
- package/dist/types/src/components/DeviceList/DeviceListItem.js.map +1 -0
- package/dist/types/src/components/DeviceList/DeviceListProps.d.ts +27 -0
- package/dist/types/src/components/DeviceList/DeviceListProps.d.ts.map +1 -0
- package/dist/types/src/components/DeviceList/DeviceListProps.js +6 -0
- package/dist/types/src/components/DeviceList/DeviceListProps.js.map +1 -0
- package/dist/types/src/components/DeviceList/index.d.ts +3 -0
- package/dist/types/src/components/DeviceList/index.d.ts.map +1 -0
- package/dist/types/src/components/DeviceList/index.js +22 -0
- package/dist/types/src/components/DeviceList/index.js.map +1 -0
- package/dist/types/src/components/EmojiPicker.d.ts +10 -4
- package/dist/types/src/components/EmojiPicker.d.ts.map +1 -1
- package/dist/types/src/components/EmojiPicker.js +57 -3
- package/dist/types/src/components/EmojiPicker.js.map +1 -1
- package/dist/types/src/components/HuePicker.d.ts +10 -4
- package/dist/types/src/components/HuePicker.d.ts.map +1 -1
- package/dist/types/src/components/HuePicker.js +75 -6
- package/dist/types/src/components/HuePicker.js.map +1 -1
- package/dist/types/src/components/IdentityList/index.d.ts +0 -1
- package/dist/types/src/components/IdentityList/index.d.ts.map +1 -1
- package/dist/types/src/components/IdentityList/index.js +0 -1
- package/dist/types/src/components/IdentityList/index.js.map +1 -1
- package/dist/types/src/components/InvitationList/InvitationListItem.js +5 -5
- package/dist/types/src/components/InvitationList/InvitationListItem.js.map +1 -1
- package/dist/types/src/components/Panel/Action.d.ts +2 -2
- package/dist/types/src/components/Viewport/Viewport.d.ts +1 -1
- package/dist/types/src/components/index.d.ts +2 -0
- package/dist/types/src/components/index.d.ts.map +1 -1
- package/dist/types/src/components/index.js +2 -0
- package/dist/types/src/components/index.js.map +1 -1
- package/dist/types/src/composites/Shell/Shell.d.ts.map +1 -1
- package/dist/types/src/composites/Shell/Shell.js +1 -5
- package/dist/types/src/composites/Shell/Shell.js.map +1 -1
- package/dist/types/src/panels/IdentityPanel/IdentityPanel.d.ts.map +1 -1
- package/dist/types/src/panels/IdentityPanel/IdentityPanel.js +85 -40
- package/dist/types/src/panels/IdentityPanel/IdentityPanel.js.map +1 -1
- package/dist/types/src/panels/IdentityPanel/IdentityPanel.stories.d.ts +0 -3
- package/dist/types/src/panels/IdentityPanel/IdentityPanel.stories.d.ts.map +1 -1
- package/dist/types/src/panels/IdentityPanel/IdentityPanel.stories.js +1 -43
- package/dist/types/src/panels/IdentityPanel/IdentityPanel.stories.js.map +1 -1
- package/dist/types/src/panels/IdentityPanel/IdentityPanelProps.d.ts +8 -11
- package/dist/types/src/panels/IdentityPanel/IdentityPanelProps.d.ts.map +1 -1
- package/dist/types/src/panels/IdentityPanel/identityMachine.d.ts +1 -1
- package/dist/types/src/panels/IdentityPanel/identityMachine.d.ts.map +1 -1
- package/dist/types/src/panels/IdentityPanel/identityMachine.js +0 -24
- package/dist/types/src/panels/IdentityPanel/identityMachine.js.map +1 -1
- package/dist/types/src/panels/IdentityPanel/steps/IdentityActionChooser.d.ts +4 -4
- package/dist/types/src/panels/IdentityPanel/steps/IdentityActionChooser.d.ts.map +1 -1
- package/dist/types/src/panels/IdentityPanel/steps/IdentityActionChooser.js +9 -43
- package/dist/types/src/panels/IdentityPanel/steps/IdentityActionChooser.js.map +1 -1
- package/dist/types/src/panels/IdentityPanel/steps/ProfileForm.d.ts +1 -1
- package/dist/types/src/panels/IdentityPanel/steps/ProfileForm.d.ts.map +1 -1
- package/dist/types/src/panels/IdentityPanel/steps/ProfileForm.js +2 -2
- package/dist/types/src/panels/IdentityPanel/steps/ProfileForm.js.map +1 -1
- package/dist/types/src/panels/IdentityPanel/steps/index.d.ts +0 -2
- package/dist/types/src/panels/IdentityPanel/steps/index.d.ts.map +1 -1
- package/dist/types/src/panels/IdentityPanel/steps/index.js +0 -2
- package/dist/types/src/panels/IdentityPanel/steps/index.js.map +1 -1
- package/dist/types/src/panels/IdentityPanel/useAgentHandlers.d.ts.map +1 -1
- package/dist/types/src/panels/IdentityPanel/useAgentHandlers.js +5 -1
- package/dist/types/src/panels/IdentityPanel/useAgentHandlers.js.map +1 -1
- package/dist/types/src/panels/SpacePanel/steps/SpaceManager.d.ts.map +1 -1
- package/dist/types/src/panels/SpacePanel/steps/SpaceManager.js +3 -1
- package/dist/types/src/panels/SpacePanel/steps/SpaceManager.js.map +1 -1
- package/dist/types/src/playwright/invitations.spec.js +3 -1
- package/dist/types/src/playwright/invitations.spec.js.map +1 -1
- package/dist/types/src/steps/InvitationManager.d.ts +1 -1
- package/dist/types/src/steps/InvitationManager.d.ts.map +1 -1
- package/dist/types/src/steps/InvitationManager.js +3 -4
- package/dist/types/src/steps/InvitationManager.js.map +1 -1
- package/dist/types/src/stories/Invitations.e2e-stories.d.ts.map +1 -1
- package/dist/types/src/stories/Invitations.e2e-stories.js +5 -2
- package/dist/types/src/stories/Invitations.e2e-stories.js.map +1 -1
- package/dist/types/src/testing/shell-manager.d.ts.map +1 -1
- package/dist/types/src/testing/shell-manager.js +7 -4
- package/dist/types/src/testing/shell-manager.js.map +1 -1
- package/dist/types/src/translations/locales/en-US.d.ts +12 -2
- package/dist/types/src/translations/locales/en-US.d.ts.map +1 -1
- package/dist/types/src/translations/locales/en-US.js +12 -2
- package/dist/types/src/translations/locales/en-US.js.map +1 -1
- package/package.json +22 -21
- package/src/components/AgentConfig.tsx +66 -0
- package/src/components/DeviceList/DeviceList.tsx +54 -0
- package/src/components/DeviceList/DeviceListItem.tsx +120 -0
- package/src/components/DeviceList/DeviceListProps.ts +33 -0
- package/src/components/DeviceList/index.ts +6 -0
- package/src/components/EmojiPicker.tsx +102 -5
- package/src/components/HuePicker.tsx +100 -6
- package/src/components/IdentityList/index.ts +0 -1
- package/src/components/InvitationList/InvitationListItem.tsx +5 -5
- package/src/components/index.ts +2 -0
- package/src/composites/Shell/Shell.tsx +1 -7
- package/src/panels/IdentityPanel/IdentityPanel.stories.tsx +0 -63
- package/src/panels/IdentityPanel/IdentityPanel.tsx +129 -34
- package/src/panels/IdentityPanel/IdentityPanelProps.ts +10 -14
- package/src/panels/IdentityPanel/identityMachine.ts +1 -31
- package/src/panels/IdentityPanel/steps/IdentityActionChooser.tsx +23 -76
- package/src/panels/IdentityPanel/steps/ProfileForm.tsx +12 -4
- package/src/panels/IdentityPanel/steps/index.ts +0 -2
- package/src/panels/IdentityPanel/useAgentHandlers.ts +5 -1
- package/src/panels/SpacePanel/steps/SpaceManager.tsx +3 -1
- package/src/playwright/invitations.spec.ts +3 -1
- package/src/steps/InvitationManager.tsx +4 -4
- package/src/stories/Invitations.e2e-stories.tsx +6 -3
- package/src/testing/shell-manager.ts +7 -4
- package/src/translations/locales/en-US.ts +13 -2
- package/dist/types/src/components/IdentityList/DeviceList.d.ts +0 -7
- package/dist/types/src/components/IdentityList/DeviceList.d.ts.map +0 -1
- package/dist/types/src/components/IdentityList/DeviceList.js +0 -34
- package/dist/types/src/components/IdentityList/DeviceList.js.map +0 -1
- package/dist/types/src/panels/IdentityPanel/steps/AgentForm.d.ts +0 -3
- package/dist/types/src/panels/IdentityPanel/steps/AgentForm.d.ts.map +0 -1
- package/dist/types/src/panels/IdentityPanel/steps/AgentForm.js +0 -26
- package/dist/types/src/panels/IdentityPanel/steps/AgentForm.js.map +0 -1
- package/dist/types/src/panels/IdentityPanel/steps/DeviceManager.d.ts +0 -10
- package/dist/types/src/panels/IdentityPanel/steps/DeviceManager.d.ts.map +0 -1
- package/dist/types/src/panels/IdentityPanel/steps/DeviceManager.js +0 -23
- package/dist/types/src/panels/IdentityPanel/steps/DeviceManager.js.map +0 -1
- package/src/components/IdentityList/DeviceList.tsx +0 -49
- package/src/panels/IdentityPanel/steps/AgentForm.tsx +0 -61
- package/src/panels/IdentityPanel/steps/DeviceManager.tsx +0 -41
|
@@ -27,13 +27,16 @@ exports.IdentityPanel = exports.IdentityPanelImpl = void 0;
|
|
|
27
27
|
//
|
|
28
28
|
// Copyright 2023 DXOS.org
|
|
29
29
|
//
|
|
30
|
-
const react_1 =
|
|
30
|
+
const react_1 = require("@phosphor-icons/react");
|
|
31
|
+
const react_2 = __importStar(require("react"));
|
|
31
32
|
const display_name_1 = require("@dxos/display-name");
|
|
32
33
|
const log_1 = require("@dxos/log");
|
|
33
34
|
const react_client_1 = require("@dxos/react-client");
|
|
34
35
|
const halo_1 = require("@dxos/react-client/halo");
|
|
35
36
|
const invitations_1 = require("@dxos/react-client/invitations");
|
|
37
|
+
const mesh_1 = require("@dxos/react-client/mesh");
|
|
36
38
|
const react_ui_1 = require("@dxos/react-ui");
|
|
39
|
+
const react_ui_theme_1 = require("@dxos/react-ui-theme");
|
|
37
40
|
const util_1 = require("@dxos/util");
|
|
38
41
|
const identityMachine_1 = require("./identityMachine");
|
|
39
42
|
const steps_1 = require("./steps");
|
|
@@ -41,22 +44,72 @@ const useAgentHandlers_1 = require("./useAgentHandlers");
|
|
|
41
44
|
const components_1 = require("../../components");
|
|
42
45
|
const steps_2 = require("../../steps");
|
|
43
46
|
const viewStyles = 'pbs-1 pbe-3 pli-3';
|
|
44
|
-
|
|
45
|
-
|
|
47
|
+
// TODO(thure): Factor out?
|
|
48
|
+
const getHueValue = (identity) => { var _a, _b, _c; return ((_b = (_a = identity === null || identity === void 0 ? void 0 : identity.profile) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.hue) || (0, util_1.hexToHue)((_c = identity === null || identity === void 0 ? void 0 : identity.identityKey.toHex()) !== null && _c !== void 0 ? _c : '0'); };
|
|
49
|
+
const getEmojiValue = (identity) => { var _a, _b, _c; return ((_b = (_a = identity === null || identity === void 0 ? void 0 : identity.profile) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.emoji) || (0, util_1.hexToEmoji)((_c = identity === null || identity === void 0 ? void 0 : identity.identityKey.toHex()) !== null && _c !== void 0 ? _c : '0'); };
|
|
50
|
+
const IdentityHeading = ({ titleId, title, identity, onDone, onUpdateProfile, connectionState, onChangeConnectionState, }) => {
|
|
51
|
+
var _a, _b, _c, _d;
|
|
46
52
|
const fallbackValue = (0, util_1.keyToFallback)(identity.identityKey);
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
53
|
+
const { t } = (0, react_ui_1.useTranslation)('os');
|
|
54
|
+
const [displayName, setDisplayName] = (0, react_2.useState)((_b = (_a = identity.profile) === null || _a === void 0 ? void 0 : _a.displayName) !== null && _b !== void 0 ? _b : '');
|
|
55
|
+
const [emoji, setEmojiDirectly] = (0, react_2.useState)(getEmojiValue(identity));
|
|
56
|
+
const [hue, setHueDirectly] = (0, react_2.useState)(getHueValue(identity));
|
|
57
|
+
const { textValue, setTextValue } = (0, components_1.useClipboardContext)();
|
|
58
|
+
const identityHex = identity.identityKey.toHex();
|
|
59
|
+
const copied = textValue === identityHex;
|
|
60
|
+
const handleUpdateProfile = async () => {
|
|
61
|
+
const nextProfile = {
|
|
62
|
+
...(displayName && { displayName }),
|
|
63
|
+
...((emoji || hue) && { data: { ...(emoji && { emoji }), ...(hue && { hue }) } }),
|
|
64
|
+
};
|
|
65
|
+
return onUpdateProfile === null || onUpdateProfile === void 0 ? void 0 : onUpdateProfile(nextProfile);
|
|
66
|
+
};
|
|
67
|
+
const setEmoji = (nextEmoji) => {
|
|
68
|
+
setEmojiDirectly(nextEmoji);
|
|
69
|
+
void handleUpdateProfile();
|
|
70
|
+
};
|
|
71
|
+
const setHue = (nextHue) => {
|
|
72
|
+
setHueDirectly(nextHue);
|
|
73
|
+
void handleUpdateProfile();
|
|
74
|
+
};
|
|
75
|
+
const isConnected = connectionState === mesh_1.ConnectionState.ONLINE;
|
|
76
|
+
return (react_2.default.createElement(components_1.Heading, { titleId: titleId, title: title, corner: react_2.default.createElement(components_1.CloseButton, { onDone: onDone }) },
|
|
77
|
+
react_2.default.createElement(react_ui_1.Avatar.Root, { size: 16, variant: 'circle', status: isConnected ? 'active' : 'error', hue: hue || fallbackValue.hue },
|
|
78
|
+
react_2.default.createElement(react_ui_1.Toolbar.Root, { classNames: 'grid grid-cols-[1fr_var(--rail-action)_min-content_var(--rail-action)_1fr] items-center gap-2' },
|
|
79
|
+
react_2.default.createElement(react_ui_1.Tooltip.Root, null,
|
|
80
|
+
react_2.default.createElement(react_ui_1.Tooltip.Trigger, { asChild: true },
|
|
81
|
+
react_2.default.createElement(react_ui_1.Toolbar.Button, { classNames: 'bs-[--rail-action] is-[--rail-action] justify-self-end', onClick: () => onChangeConnectionState === null || onChangeConnectionState === void 0 ? void 0 : onChangeConnectionState(isConnected ? mesh_1.ConnectionState.OFFLINE : mesh_1.ConnectionState.ONLINE) },
|
|
82
|
+
react_2.default.createElement("span", { className: 'sr-only' }, t(isConnected ? 'disconnect label' : 'connect label')),
|
|
83
|
+
isConnected ? react_2.default.createElement(react_1.PlugsConnected, { className: (0, react_ui_theme_1.getSize)(5) }) : react_2.default.createElement(react_1.Plugs, { className: (0, react_ui_theme_1.getSize)(5) }))),
|
|
84
|
+
react_2.default.createElement(react_ui_1.Tooltip.Portal, null,
|
|
85
|
+
react_2.default.createElement(react_ui_1.Tooltip.Content, { side: 'bottom', classNames: 'z-50' },
|
|
86
|
+
t(isConnected ? 'disconnect label' : 'connect label'),
|
|
87
|
+
react_2.default.createElement(react_ui_1.Tooltip.Arrow, null)))),
|
|
88
|
+
react_2.default.createElement(components_1.EmojiPickerToolbarButton, { emoji: emoji, onChangeEmoji: setEmoji, classNames: 'bs-[--rail-action]' }),
|
|
89
|
+
react_2.default.createElement(react_ui_1.Avatar.Frame, { classNames: 'relative z-[2] -mli-4 chromatic-ignore' },
|
|
90
|
+
react_2.default.createElement(react_ui_1.Avatar.Fallback, { text: emoji || fallbackValue.emoji })),
|
|
91
|
+
react_2.default.createElement(components_1.HuePickerToolbarButton, { hue: hue, onChangeHue: setHue, classNames: 'bs-[--rail-action]' }),
|
|
92
|
+
react_2.default.createElement(react_ui_1.Tooltip.Root, null,
|
|
93
|
+
react_2.default.createElement(react_ui_1.Tooltip.Trigger, { asChild: true },
|
|
94
|
+
react_2.default.createElement(react_ui_1.Toolbar.Button, { classNames: 'bs-[--rail-action] justify-self-start', "data-testid": 'update-profile-form-copy-key', onClick: () => setTextValue(identityHex) },
|
|
95
|
+
react_2.default.createElement("span", { className: 'sr-only' }, t(copied ? 'copy success label' : 'copy self public key label')),
|
|
96
|
+
react_2.default.createElement(react_1.CopySimple, { className: (0, react_ui_theme_1.getSize)(5) }))),
|
|
97
|
+
react_2.default.createElement(react_ui_1.Tooltip.Portal, null,
|
|
98
|
+
react_2.default.createElement(react_ui_1.Tooltip.Content, { side: 'bottom', classNames: 'z-50' },
|
|
99
|
+
t(copied ? 'copy success label' : 'copy self public key label'),
|
|
100
|
+
react_2.default.createElement(react_ui_1.Tooltip.Arrow, null))))),
|
|
101
|
+
react_2.default.createElement(react_ui_1.Avatar.Label, { classNames: 'sr-only', "data-testid": 'identityHeading.displayName' }, (_d = (_c = identity.profile) === null || _c === void 0 ? void 0 : _c.displayName) !== null && _d !== void 0 ? _d : (0, display_name_1.generateName)(identity.identityKey.toHex())),
|
|
102
|
+
react_2.default.createElement(react_ui_1.Input.Root, null,
|
|
103
|
+
react_2.default.createElement(react_ui_1.Input.Label, { srOnly: true }, t('display name input label')),
|
|
104
|
+
react_2.default.createElement(react_ui_1.Input.TextInput, { variant: 'subdued', "data-testid": 'display-name-input', placeholder: t('display name input placeholder'), classNames: 'mbs-2 text-center font-light text-xl', value: displayName, onChange: ({ target: { value } }) => {
|
|
105
|
+
setDisplayName(value);
|
|
106
|
+
}, onBlur: handleUpdateProfile })))));
|
|
52
107
|
};
|
|
53
108
|
const IdentityPanelImpl = (props) => {
|
|
54
|
-
const { identity, titleId, activeView, onUpdateProfile, onResetStorage, onJoinNewIdentity, IdentityActionChooser: IdentityActionChooserComponent = steps_1.IdentityActionChooser, InvitationManager: InvitationManagerComponent = steps_2.InvitationManager, onDone, ...rest } = props;
|
|
109
|
+
const { identity, titleId, activeView, onUpdateProfile, onResetStorage, onJoinNewIdentity, IdentityActionChooser: IdentityActionChooserComponent = steps_1.IdentityActionChooser, InvitationManager: InvitationManagerComponent = steps_2.InvitationManager, connectionState, onChangeConnectionState, onDone, ...rest } = props;
|
|
55
110
|
const { t } = (0, react_ui_1.useTranslation)('os');
|
|
56
|
-
const title = (0,
|
|
111
|
+
const title = (0, react_2.useMemo)(() => {
|
|
57
112
|
switch (activeView) {
|
|
58
|
-
case 'agent manager':
|
|
59
|
-
return 'Manage Agent';
|
|
60
113
|
case 'device invitation manager':
|
|
61
114
|
return t('choose add device label');
|
|
62
115
|
default:
|
|
@@ -64,29 +117,23 @@ const IdentityPanelImpl = (props) => {
|
|
|
64
117
|
}
|
|
65
118
|
}, [activeView, t]);
|
|
66
119
|
const onCancelReset = () => { var _a; return (_a = rest.send) === null || _a === void 0 ? void 0 : _a.call(rest, 'unchooseAction'); };
|
|
67
|
-
return (
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
react_1.default.createElement(components_1.Viewport.View, { classNames: viewStyles, id: 'agent manager' },
|
|
80
|
-
react_1.default.createElement(steps_1.AgentForm, { send: rest.send, active: activeView === 'agent manager', ...rest })),
|
|
81
|
-
react_1.default.createElement(components_1.Viewport.View, { classNames: viewStyles, id: 'confirm join new identity' },
|
|
82
|
-
react_1.default.createElement(steps_2.ConfirmReset, { active: activeView === 'confirm join new identity', ...rest, mode: 'join new identity', onConfirm: onJoinNewIdentity, onCancel: onCancelReset })),
|
|
83
|
-
react_1.default.createElement(components_1.Viewport.View, { classNames: viewStyles, id: 'confirm reset storage' },
|
|
84
|
-
react_1.default.createElement(steps_2.ConfirmReset, { active: activeView === 'confirm reset storage', ...rest, mode: 'reset storage', onConfirm: onResetStorage, onCancel: onCancelReset }))))));
|
|
120
|
+
return (react_2.default.createElement(react_ui_1.DensityProvider, { density: 'fine' },
|
|
121
|
+
react_2.default.createElement(IdentityHeading, { identity, titleId, title, onDone, onUpdateProfile, connectionState, onChangeConnectionState }),
|
|
122
|
+
react_2.default.createElement(components_1.Viewport.Root, { activeView: activeView },
|
|
123
|
+
react_2.default.createElement(components_1.Viewport.Views, null,
|
|
124
|
+
react_2.default.createElement(components_1.Viewport.View, { id: 'identity action chooser', classNames: viewStyles },
|
|
125
|
+
react_2.default.createElement(IdentityActionChooserComponent, { active: activeView === 'identity action chooser', ...rest })),
|
|
126
|
+
react_2.default.createElement(components_1.Viewport.View, { id: 'device invitation manager', classNames: viewStyles },
|
|
127
|
+
react_2.default.createElement(InvitationManagerComponent, { active: activeView === 'device invitation manager', ...rest, invitationUrl: rest.createInvitationUrl(rest.invitationCode) })),
|
|
128
|
+
react_2.default.createElement(components_1.Viewport.View, { classNames: viewStyles, id: 'confirm join new identity' },
|
|
129
|
+
react_2.default.createElement(steps_2.ConfirmReset, { active: activeView === 'confirm join new identity', ...rest, mode: 'join new identity', onConfirm: onJoinNewIdentity, onCancel: onCancelReset })),
|
|
130
|
+
react_2.default.createElement(components_1.Viewport.View, { classNames: viewStyles, id: 'confirm reset storage' },
|
|
131
|
+
react_2.default.createElement(steps_2.ConfirmReset, { active: activeView === 'confirm reset storage', ...rest, mode: 'reset storage', onConfirm: onResetStorage, onCancel: onCancelReset }))))));
|
|
85
132
|
};
|
|
86
133
|
exports.IdentityPanelImpl = IdentityPanelImpl;
|
|
87
134
|
const IdentityPanelWithInvitationImpl = ({ invitation, ...props }) => {
|
|
88
135
|
const invitationStatus = (0, invitations_1.useInvitationStatus)(invitation);
|
|
89
|
-
return
|
|
136
|
+
return react_2.default.createElement(exports.IdentityPanelImpl, { ...props, ...invitationStatus });
|
|
90
137
|
};
|
|
91
138
|
const IdentityPanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => code, initialDisposition = 'default', ...props }) => {
|
|
92
139
|
const titleId = (0, react_ui_1.useId)('identityPanel__heading', propsTitleId);
|
|
@@ -102,28 +149,24 @@ const IdentityPanel = ({ titleId: propsTitleId, createInvitationUrl = (code) =>
|
|
|
102
149
|
const [identityState, identitySend, identityService] = (0, identityMachine_1.useIdentityMachine)(client, {
|
|
103
150
|
context: { initialDisposition },
|
|
104
151
|
});
|
|
105
|
-
(0,
|
|
152
|
+
const { swarm: connectionState } = (0, mesh_1.useNetworkStatus)();
|
|
153
|
+
const handleChangeConnectionState = async (nextState) => client === null || client === void 0 ? void 0 : client.mesh.updateConfig(nextState);
|
|
154
|
+
(0, react_2.useEffect)(() => {
|
|
106
155
|
const subscription = identityService.subscribe((state) => {
|
|
107
156
|
(0, log_1.log)('[state]', state);
|
|
108
157
|
});
|
|
109
158
|
return subscription.unsubscribe;
|
|
110
159
|
}, [identityService]);
|
|
111
|
-
const activeView = (0,
|
|
160
|
+
const activeView = (0, react_2.useMemo)(() => {
|
|
112
161
|
switch (true) {
|
|
113
162
|
case identityState.matches('choosingAction'):
|
|
114
163
|
return 'identity action chooser';
|
|
115
164
|
case identityState.matches('managingDeviceInvitation'):
|
|
116
165
|
return 'device invitation manager';
|
|
117
|
-
case identityState.matches('managingDevices'):
|
|
118
|
-
return 'device manager';
|
|
119
|
-
case [{ managingProfile: 'idle' }, { managingProfile: 'pending' }].some(identityState.matches):
|
|
120
|
-
return 'update profile form';
|
|
121
166
|
case identityState.matches('confirmingResetStorage'):
|
|
122
167
|
return 'confirm reset storage';
|
|
123
168
|
case identityState.matches('confirmingJoinNewIdentity'):
|
|
124
169
|
return 'confirm join new identity';
|
|
125
|
-
case [{ managingAgent: 'idle' }, { managingAgent: 'pending' }].some(identityState.matches):
|
|
126
|
-
return 'agent manager';
|
|
127
170
|
default:
|
|
128
171
|
return 'identity action chooser';
|
|
129
172
|
}
|
|
@@ -141,9 +184,11 @@ const IdentityPanel = ({ titleId: propsTitleId, createInvitationUrl = (code) =>
|
|
|
141
184
|
titleId,
|
|
142
185
|
createInvitationUrl,
|
|
143
186
|
onUpdateProfile,
|
|
187
|
+
connectionState,
|
|
188
|
+
onChangeConnectionState: handleChangeConnectionState,
|
|
144
189
|
...agentProps,
|
|
145
190
|
};
|
|
146
|
-
return identityState.context.invitation ? (
|
|
191
|
+
return identityState.context.invitation ? (react_2.default.createElement(IdentityPanelWithInvitationImpl, { ...implProps, invitation: identityState.context.invitation })) : (react_2.default.createElement(exports.IdentityPanelImpl, { ...implProps }));
|
|
147
192
|
};
|
|
148
193
|
exports.IdentityPanel = IdentityPanel;
|
|
149
194
|
//# sourceMappingURL=IdentityPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IdentityPanel.js","sourceRoot":"","sources":["../../../../../src/panels/IdentityPanel/IdentityPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;AACF,+
|
|
1
|
+
{"version":3,"file":"IdentityPanel.js","sourceRoot":"","sources":["../../../../../src/panels/IdentityPanel/IdentityPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,9 +13,6 @@ declare const _default: {
|
|
|
13
13
|
};
|
|
14
14
|
export default _default;
|
|
15
15
|
export declare const IdentityActionChooser: () => JSX.Element;
|
|
16
|
-
export declare const UpdateProfileForm: () => JSX.Element;
|
|
17
|
-
export declare const DeviceManager: () => JSX.Element;
|
|
18
|
-
export declare const DeviceManagerEmpty: () => JSX.Element;
|
|
19
16
|
export declare const DeviceInvitationManager: () => JSX.Element;
|
|
20
17
|
export declare const DeviceInvitationManagerConnecting: () => JSX.Element;
|
|
21
18
|
export declare const DeviceInvitationManagerConnected: () => JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IdentityPanel.stories.d.ts","sourceRoot":"","sources":["../../../../../src/panels/IdentityPanel/IdentityPanel.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"IdentityPanel.stories.d.ts","sourceRoot":"","sources":["../../../../../src/panels/IdentityPanel/IdentityPanel.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;;;;;;;;;;;;;AAgCpB,wBAIE;AAEF,eAAO,MAAM,qBAAqB,mBAUjC,CAAC;AAaF,eAAO,MAAM,uBAAuB,mBAC0C,CAAC;AAE/E,eAAO,MAAM,iCAAiC,mBAI1C,CAAC;AAEL,eAAO,MAAM,gCAAgC,mBAIzC,CAAC;AAEL,eAAO,MAAM,4BAA4B,mBAKrC,CAAC;AAEL,eAAO,MAAM,qCAAqC,mBAI9C,CAAC;AAEL,eAAO,MAAM,8BAA8B,mBAC6B,CAAC;AAEzE,eAAO,MAAM,4BAA4B,mBAA6E,CAAC;AAEvH,eAAO,MAAM,8BAA8B,mBAC6B,CAAC;AAEzE,eAAO,MAAM,gCAAgC,mBAGzC,CAAC"}
|
|
@@ -6,12 +6,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
6
6
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
7
7
|
};
|
|
8
8
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
9
|
-
exports.DeviceInvitationManagerCancelled = exports.DeviceInvitationManagerTimeout = exports.DeviceInvitationManagerError = exports.DeviceInvitationManagerSuccess = exports.DeviceInvitationManagerAuthenticating = exports.DeviceInvitationManagerReady = exports.DeviceInvitationManagerConnected = exports.DeviceInvitationManagerConnecting = exports.DeviceInvitationManager = exports.
|
|
9
|
+
exports.DeviceInvitationManagerCancelled = exports.DeviceInvitationManagerTimeout = exports.DeviceInvitationManagerError = exports.DeviceInvitationManagerSuccess = exports.DeviceInvitationManagerAuthenticating = exports.DeviceInvitationManagerReady = exports.DeviceInvitationManagerConnected = exports.DeviceInvitationManagerConnecting = exports.DeviceInvitationManager = exports.IdentityActionChooser = void 0;
|
|
10
10
|
require("@dxosTheme");
|
|
11
11
|
const react_1 = __importDefault(require("react"));
|
|
12
12
|
const random_1 = require("@dxos/random");
|
|
13
13
|
const react_client_1 = require("@dxos/react-client");
|
|
14
|
-
const halo_1 = require("@dxos/react-client/halo");
|
|
15
14
|
const invitations_1 = require("@dxos/react-client/invitations");
|
|
16
15
|
const storybook_utils_1 = require("@dxos/storybook-utils");
|
|
17
16
|
const IdentityPanel_1 = require("./IdentityPanel");
|
|
@@ -43,39 +42,6 @@ const IdentityActionChooser = () => {
|
|
|
43
42
|
react_1.default.createElement(IdentityPanel_1.IdentityPanelImpl, { ...noOpProps, activeView: 'identity action chooser', IdentityActionChooser: steps_1.IdentityActionChooserImpl })));
|
|
44
43
|
};
|
|
45
44
|
exports.IdentityActionChooser = IdentityActionChooser;
|
|
46
|
-
const UpdateProfileForm = () => {
|
|
47
|
-
return (react_1.default.createElement(StorybookDialog_1.StorybookDialog, { inOverlayLayout: true },
|
|
48
|
-
react_1.default.createElement(IdentityPanel_1.IdentityPanelImpl, { ...noOpProps, activeView: 'update profile form', IdentityActionChooser: steps_1.IdentityActionChooserImpl })));
|
|
49
|
-
};
|
|
50
|
-
exports.UpdateProfileForm = UpdateProfileForm;
|
|
51
|
-
const DeviceManager = () => {
|
|
52
|
-
return (react_1.default.createElement(StorybookDialog_1.StorybookDialog, { inOverlayLayout: true },
|
|
53
|
-
react_1.default.createElement(IdentityPanel_1.IdentityPanelImpl, { ...noOpProps,
|
|
54
|
-
// TODO(nf): update
|
|
55
|
-
devices: [
|
|
56
|
-
{
|
|
57
|
-
deviceKey: react_client_1.PublicKey.random(),
|
|
58
|
-
kind: halo_1.DeviceKind.CURRENT,
|
|
59
|
-
presence: halo_1.Device.PresenceState.ONLINE,
|
|
60
|
-
},
|
|
61
|
-
{
|
|
62
|
-
deviceKey: react_client_1.PublicKey.random(),
|
|
63
|
-
kind: halo_1.DeviceKind.TRUSTED,
|
|
64
|
-
presence: halo_1.Device.PresenceState.ONLINE,
|
|
65
|
-
},
|
|
66
|
-
{
|
|
67
|
-
deviceKey: react_client_1.PublicKey.random(),
|
|
68
|
-
kind: halo_1.DeviceKind.TRUSTED,
|
|
69
|
-
presence: halo_1.Device.PresenceState.OFFLINE,
|
|
70
|
-
},
|
|
71
|
-
], activeView: 'device manager', IdentityActionChooser: steps_1.IdentityActionChooserImpl })));
|
|
72
|
-
};
|
|
73
|
-
exports.DeviceManager = DeviceManager;
|
|
74
|
-
const DeviceManagerEmpty = () => {
|
|
75
|
-
return (react_1.default.createElement(StorybookDialog_1.StorybookDialog, { inOverlayLayout: true },
|
|
76
|
-
react_1.default.createElement(IdentityPanel_1.IdentityPanelImpl, { ...noOpProps, activeView: 'device manager', IdentityActionChooser: steps_1.IdentityActionChooserImpl })));
|
|
77
|
-
};
|
|
78
|
-
exports.DeviceManagerEmpty = DeviceManagerEmpty;
|
|
79
45
|
const DeviceInvitationManagerWithState = (extraProps) => (react_1.default.createElement(StorybookDialog_1.StorybookDialog, { inOverlayLayout: true },
|
|
80
46
|
react_1.default.createElement(IdentityPanel_1.IdentityPanelImpl, { ...noOpProps, activeView: 'device invitation manager', IdentityActionChooser: steps_1.IdentityActionChooserImpl, InvitationManager: (props) => react_1.default.createElement(steps_2.InvitationManager, { ...props, ...extraProps }) })));
|
|
81
47
|
const DeviceInvitationManager = () => DeviceInvitationManagerWithState({ status: invitations_1.Invitation.State.INIT, id: '0' });
|
|
@@ -111,12 +77,4 @@ const DeviceInvitationManagerCancelled = () => DeviceInvitationManagerWithState(
|
|
|
111
77
|
status: invitations_1.Invitation.State.CANCELLED,
|
|
112
78
|
});
|
|
113
79
|
exports.DeviceInvitationManagerCancelled = DeviceInvitationManagerCancelled;
|
|
114
|
-
// export const IdentityActionChooser = {
|
|
115
|
-
// decorators: [ClientDecorator()],
|
|
116
|
-
// args: { activeView: 'identity action chooser' },
|
|
117
|
-
// };
|
|
118
|
-
// export const DeviceManager = {
|
|
119
|
-
// decorators: [ClientDecorator()],
|
|
120
|
-
// args: { activeView: 'device manager' },
|
|
121
|
-
// };
|
|
122
80
|
//# sourceMappingURL=IdentityPanel.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IdentityPanel.stories.js","sourceRoot":"","sources":["../../../../../src/panels/IdentityPanel/IdentityPanel.stories.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,sBAAoB;AAEpB,kDAA0B;AAE1B,yCAAqC;AACrC,qDAA+C;AAC/C,
|
|
1
|
+
{"version":3,"file":"IdentityPanel.stories.js","sourceRoot":"","sources":["../../../../../src/panels/IdentityPanel/IdentityPanel.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,23 +2,19 @@ import type { cloneElement } from 'react';
|
|
|
2
2
|
import type { Event, SingleOrArray } from 'xstate';
|
|
3
3
|
import type { Device, Identity } from '@dxos/react-client/halo';
|
|
4
4
|
import type { InvitationStatus } from '@dxos/react-client/invitations';
|
|
5
|
+
import type { ConnectionState } from '@dxos/react-client/mesh';
|
|
5
6
|
import type { IdentityEvent } from './identityMachine';
|
|
7
|
+
import { type AgentFormProps } from '../../components';
|
|
6
8
|
import type { InvitationManagerProps } from '../../steps';
|
|
7
|
-
export type IdentityPanelInitialDisposition = 'default' | 'manage-device-invitation'
|
|
8
|
-
export type AgentFormProps = {
|
|
9
|
-
onAgentCreate?: () => Promise<void>;
|
|
10
|
-
onAgentDestroy?: () => Promise<void>;
|
|
11
|
-
agentStatus?: string;
|
|
12
|
-
agentActive?: boolean;
|
|
13
|
-
agentProviderDisabled?: boolean;
|
|
14
|
-
validationMessage?: string;
|
|
15
|
-
};
|
|
9
|
+
export type IdentityPanelInitialDisposition = 'default' | 'manage-device-invitation';
|
|
16
10
|
export type IdentityPanelImplProps = {
|
|
17
11
|
titleId: string;
|
|
18
|
-
activeView: 'device
|
|
12
|
+
activeView: 'device invitation manager' | 'identity action chooser' | 'confirm join new identity' | 'confirm reset storage';
|
|
19
13
|
initialDisposition?: IdentityPanelInitialDisposition;
|
|
20
14
|
identity: Identity;
|
|
21
15
|
devices: Device[];
|
|
16
|
+
connectionState?: ConnectionState;
|
|
17
|
+
onChangeConnectionState?: (nextState: ConnectionState) => Promise<void>;
|
|
22
18
|
onUpdateProfile?: (profile: NonNullable<Identity['profile']>) => Promise<void>;
|
|
23
19
|
onResetStorage?: () => Promise<void>;
|
|
24
20
|
onJoinNewIdentity?: () => Promise<void>;
|
|
@@ -31,11 +27,12 @@ export type IdentityPanelImplProps = {
|
|
|
31
27
|
InvitationManager?: React.FC<InvitationManagerProps>;
|
|
32
28
|
} & Partial<InvitationStatus> & Partial<AgentFormProps>;
|
|
33
29
|
export type IdentityPanelProps = Partial<Omit<IdentityPanelImplProps, 'send' | 'activeView' | 'identity'>>;
|
|
34
|
-
export type IdentityPanelHeadingProps = Pick<IdentityPanelImplProps, 'titleId' | 'identity' | 'onDone'> & {
|
|
30
|
+
export type IdentityPanelHeadingProps = Pick<IdentityPanelImplProps, 'titleId' | 'identity' | 'onDone' | 'onUpdateProfile' | 'connectionState' | 'onChangeConnectionState'> & {
|
|
35
31
|
title: string;
|
|
36
32
|
};
|
|
37
33
|
export type IdentityPanelStepProps = Pick<IdentityPanelImplProps, 'send' | 'onDone' | 'doneActionParent'> & {
|
|
38
34
|
active?: boolean;
|
|
39
35
|
agentHostingEnabled?: boolean;
|
|
36
|
+
devices: Device[];
|
|
40
37
|
};
|
|
41
38
|
//# sourceMappingURL=IdentityPanelProps.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IdentityPanelProps.d.ts","sourceRoot":"","sources":["../../../../../src/panels/IdentityPanel/IdentityPanelProps.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEnD,OAAO,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;
|
|
1
|
+
{"version":3,"file":"IdentityPanelProps.d.ts","sourceRoot":"","sources":["../../../../../src/panels/IdentityPanel/IdentityPanelProps.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEnD,OAAO,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAE1D,MAAM,MAAM,+BAA+B,GAAG,SAAS,GAAG,0BAA0B,CAAC;AAErF,MAAM,MAAM,sBAAsB,GAAG;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EACN,2BAA2B,GAC3B,yBAAyB,GACzB,2BAA2B,GAC3B,uBAAuB,CAAC;IAC5B,kBAAkB,CAAC,EAAE,+BAA+B,CAAC;IACrD,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,uBAAuB,CAAC,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxE,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/E,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC,mBAAmB,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,MAAM,CAAC;IACxD,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,KAAK,IAAI,CAAC;IAC5D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB,CAAC,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;IACtD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qBAAqB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC;IACzD,iBAAiB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC;CACtD,GAAG,OAAO,CAAC,gBAAgB,CAAC,GAC3B,OAAO,CAAC,cAAc,CAAC,CAAC;AAE1B,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC,IAAI,CAAC,sBAAsB,EAAE,MAAM,GAAG,YAAY,GAAG,UAAU,CAAC,CAAC,CAAC;AAE3G,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAC1C,sBAAsB,EACtB,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,iBAAiB,GAAG,iBAAiB,GAAG,yBAAyB,CACtG,GAAG;IACF,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,sBAAsB,EAAE,MAAM,GAAG,QAAQ,GAAG,kBAAkB,CAAC,GAAG;IAC1G,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB,CAAC"}
|
|
@@ -12,7 +12,7 @@ type IdentityMachineContext = {
|
|
|
12
12
|
identitySubscribable: Subscribable<SetIdentityEvent> | null;
|
|
13
13
|
};
|
|
14
14
|
type IdentityChooseActionEvent = {
|
|
15
|
-
type: '
|
|
15
|
+
type: 'chooseResetStorage' | 'chooseJoinNewIdentity' | 'unchooseAction';
|
|
16
16
|
};
|
|
17
17
|
type IdentitySelectDeviceInvitationEvent = {
|
|
18
18
|
type: 'selectInvitation';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"identityMachine.d.ts","sourceRoot":"","sources":["../../../../../src/panels/IdentityPanel/identityMachine.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAyB,KAAK,eAAe,EAAE,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,QAAQ,CAAC;AAGxG,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,KAAK,+BAA+B,EAAE,MAAM,gCAAgC,CAAC;AAEtF,OAAO,EAAE,KAAK,+BAA+B,EAAE,MAAM,sBAAsB,CAAC;AAC5E,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,KAAK,sBAAsB,GAAG;IAC5B,kBAAkB,CAAC,EAAE,+BAA+B,CAAC;IACrD,UAAU,CAAC,EAAE,+BAA+B,CAAC;IAC7C,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC1B,oBAAoB,EAAE,YAAY,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;CAC7D,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,IAAI,
|
|
1
|
+
{"version":3,"file":"identityMachine.d.ts","sourceRoot":"","sources":["../../../../../src/panels/IdentityPanel/identityMachine.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAyB,KAAK,eAAe,EAAE,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,QAAQ,CAAC;AAGxG,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,KAAK,+BAA+B,EAAE,MAAM,gCAAgC,CAAC;AAEtF,OAAO,EAAE,KAAK,+BAA+B,EAAE,MAAM,sBAAsB,CAAC;AAC5E,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,KAAK,sBAAsB,GAAG;IAC5B,kBAAkB,CAAC,EAAE,+BAA+B,CAAC;IACrD,UAAU,CAAC,EAAE,+BAA+B,CAAC;IAC7C,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC1B,oBAAoB,EAAE,YAAY,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;CAC7D,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,IAAI,EAAE,oBAAoB,GAAG,uBAAuB,GAAG,gBAAgB,CAAC;CACzE,CAAC;AAEF,KAAK,mCAAmC,GAAG;IACzC,IAAI,EAAE,kBAAkB,CAAC;IACzB,UAAU,EAAE,+BAA+B,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,aAAa,CAAC;IACpB,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,eAAe,CAAC;CACvB,CAAC;AAEF,KAAK,aAAa,GACd,gBAAgB,GAChB,kBAAkB,GAClB,mCAAmC,GACnC,yBAAyB,GACzB,SAAS,CAAC;AAEd,QAAA,MAAM,eAAe;;;wNAuDpB,CAAC;AAEF,KAAK,eAAe,GAAG,OAAO,eAAe,CAAC;AAE9C,KAAK,aAAa,GAAG,SAAS,CAAC,eAAe,CAAC,CAAC;AAChD,KAAK,YAAY,GAAG,eAAe,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D,QAAA,MAAM,kBAAkB,WAAY,MAAM,YAAY,WAAW,kBAAkB,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;;;;;;;;;yJAYtG,CAAC;AAEF,YAAY,EACV,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,yBAAyB,EACzB,aAAa,EACb,YAAY,GACb,CAAC;AACF,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -22,31 +22,11 @@ const identityMachine = (0, xstate_1.createMachine)({
|
|
|
22
22
|
unknown: {
|
|
23
23
|
always: [
|
|
24
24
|
{ cond: 'initiallyManagingDeviceInvitation', target: 'managingDeviceInvitation', actions: 'log' },
|
|
25
|
-
{ cond: 'initiallyManagingProfile', target: 'managingProfile', actions: 'log' },
|
|
26
25
|
{ target: 'choosingAction', actions: 'log' },
|
|
27
26
|
],
|
|
28
27
|
},
|
|
29
28
|
choosingAction: {},
|
|
30
29
|
managingDeviceInvitation: {},
|
|
31
|
-
managingAgent: {
|
|
32
|
-
initial: 'idle',
|
|
33
|
-
states: {
|
|
34
|
-
idle: {},
|
|
35
|
-
pending: {},
|
|
36
|
-
},
|
|
37
|
-
},
|
|
38
|
-
managingDevices: {},
|
|
39
|
-
managingProfile: {
|
|
40
|
-
initial: 'idle',
|
|
41
|
-
states: {
|
|
42
|
-
idle: {},
|
|
43
|
-
pending: {},
|
|
44
|
-
},
|
|
45
|
-
on: {
|
|
46
|
-
setIdentity: { target: 'choosingAction', actions: ['setIdentity', 'log'] },
|
|
47
|
-
updateProfile: { target: '.pending', actions: 'log' },
|
|
48
|
-
},
|
|
49
|
-
},
|
|
50
30
|
confirmingResetStorage: {},
|
|
51
31
|
confirmingJoinNewIdentity: {},
|
|
52
32
|
},
|
|
@@ -54,16 +34,12 @@ const identityMachine = (0, xstate_1.createMachine)({
|
|
|
54
34
|
unchooseAction: { target: '.choosingAction', actions: ['unsetInvitation', 'log'] },
|
|
55
35
|
deselectInvitation: { target: '.choosingAction', actions: ['unsetInvitation', 'log'] },
|
|
56
36
|
selectInvitation: { target: '.managingDeviceInvitation', actions: ['setInvitation', 'log'] },
|
|
57
|
-
chooseDevices: { target: '.managingDevices', actions: 'log' },
|
|
58
|
-
chooseProfile: { target: '.managingProfile', actions: 'log' },
|
|
59
37
|
chooseJoinNewIdentity: { target: '.confirmingJoinNewIdentity', actions: 'log' },
|
|
60
38
|
chooseResetStorage: { target: '.confirmingResetStorage', actions: 'log' },
|
|
61
|
-
chooseAgent: { target: '.managingAgent', actions: 'log' },
|
|
62
39
|
},
|
|
63
40
|
}, {
|
|
64
41
|
guards: {
|
|
65
42
|
initiallyManagingDeviceInvitation: ({ initialDisposition }, _event) => initialDisposition === 'manage-device-invitation',
|
|
66
|
-
initiallyManagingProfile: ({ initialDisposition }, _event) => initialDisposition === 'manage-profile',
|
|
67
43
|
},
|
|
68
44
|
actions: {
|
|
69
45
|
setIdentity: (0, xstate_1.assign)({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"identityMachine.js","sourceRoot":"","sources":["../../../../../src/panels/IdentityPanel/identityMachine.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;AAEF,yCAA2C;AAC3C,mCAAwG;AAExG,mCAAgC;
|
|
1
|
+
{"version":3,"file":"identityMachine.js","sourceRoot":"","sources":["../../../../../src/panels/IdentityPanel/identityMachine.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { type AgentFormProps } from '../../../components';
|
|
2
2
|
import { type IdentityPanelStepProps } from '../IdentityPanelProps';
|
|
3
3
|
export type IdentityActionChooserProps = IdentityPanelStepProps;
|
|
4
4
|
export declare const IdentityActionChooser: (props: IdentityPanelStepProps) => JSX.Element;
|
|
5
|
-
export type IdentityActionChooserImplProps = IdentityActionChooserProps & {
|
|
6
|
-
onCreateInvitationClick?: (
|
|
5
|
+
export type IdentityActionChooserImplProps = IdentityActionChooserProps & Partial<AgentFormProps> & {
|
|
6
|
+
onCreateInvitationClick?: () => void;
|
|
7
7
|
};
|
|
8
|
-
export declare const IdentityActionChooserImpl: ({ onCreateInvitationClick,
|
|
8
|
+
export declare const IdentityActionChooserImpl: ({ send, onCreateInvitationClick, devices, onAgentDestroy, onAgentCreate, agentStatus, agentActive, agentHostingEnabled, }: IdentityActionChooserImplProps) => JSX.Element;
|
|
9
9
|
//# sourceMappingURL=IdentityActionChooser.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IdentityActionChooser.d.ts","sourceRoot":"","sources":["../../../../../../src/panels/IdentityPanel/steps/IdentityActionChooser.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"IdentityActionChooser.d.ts","sourceRoot":"","sources":["../../../../../../src/panels/IdentityPanel/steps/IdentityActionChooser.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAe,KAAK,cAAc,EAAc,MAAM,qBAAqB,CAAC;AACnF,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAEpE,MAAM,MAAM,0BAA0B,GAAG,sBAAsB,CAAC;AAEhE,eAAO,MAAM,qBAAqB,UAAW,sBAAsB,gBA4BlE,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG,0BAA0B,GACrE,OAAO,CAAC,cAAc,CAAC,GAAG;IACxB,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;CACtC,CAAC;AAEJ,eAAO,MAAM,yBAAyB,8HASnC,8BAA8B,gBAYhC,CAAC"}
|
|
@@ -27,74 +27,40 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
27
27
|
};
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
29
|
exports.IdentityActionChooserImpl = exports.IdentityActionChooser = void 0;
|
|
30
|
-
const react_1 = require("
|
|
31
|
-
const react_2 = __importStar(require("react"));
|
|
30
|
+
const react_1 = __importStar(require("react"));
|
|
32
31
|
const log_1 = require("@dxos/log");
|
|
33
32
|
const react_client_1 = require("@dxos/react-client");
|
|
34
33
|
const halo_1 = require("@dxos/react-client/halo");
|
|
35
34
|
const invitations_1 = require("@dxos/react-client/invitations");
|
|
36
|
-
const react_ui_1 = require("@dxos/react-ui");
|
|
37
|
-
const react_ui_theme_1 = require("@dxos/react-ui-theme");
|
|
38
35
|
const components_1 = require("../../../components");
|
|
39
36
|
const IdentityActionChooser = (props) => {
|
|
40
37
|
const { send } = props;
|
|
41
38
|
const client = (0, react_client_1.useClient)();
|
|
42
39
|
const invitations = (0, halo_1.useHaloInvitations)();
|
|
43
40
|
const agentHostingProviderClient = (0, react_client_1.useAgentHostingProviderClient)(client.config);
|
|
44
|
-
const onInvitationEvent = (0,
|
|
41
|
+
const onInvitationEvent = (0, react_1.useCallback)((invitation) => {
|
|
45
42
|
const invitationCode = invitations_1.InvitationEncoder.encode(invitation);
|
|
46
43
|
if (invitation.state === invitations_1.Invitation.State.CONNECTING) {
|
|
47
44
|
log_1.log.info(JSON.stringify({ invitationCode, authCode: invitation.authCode }));
|
|
48
45
|
}
|
|
49
46
|
}, []);
|
|
50
|
-
const createInvitation = (
|
|
51
|
-
const testing = e.altKey && e.shiftKey;
|
|
47
|
+
const createInvitation = () => {
|
|
52
48
|
invitations.forEach((invitation) => invitation.cancel());
|
|
53
49
|
// TODO(nf): allow user to make invitations non-persistent?
|
|
54
|
-
const invitation = client.halo.share(
|
|
50
|
+
const invitation = client.halo.share();
|
|
55
51
|
// TODO(wittjosiah): Don't depend on NODE_ENV.
|
|
56
52
|
if (process.env.NODE_ENV !== 'production') {
|
|
57
53
|
invitation.subscribe(onInvitationEvent);
|
|
58
54
|
}
|
|
59
55
|
send === null || send === void 0 ? void 0 : send({ type: 'selectInvitation', invitation });
|
|
60
56
|
};
|
|
61
|
-
return (
|
|
57
|
+
return (react_1.default.createElement(exports.IdentityActionChooserImpl, { ...props, onCreateInvitationClick: createInvitation, agentHostingEnabled: !!agentHostingProviderClient }));
|
|
62
58
|
};
|
|
63
59
|
exports.IdentityActionChooser = IdentityActionChooser;
|
|
64
|
-
const IdentityActionChooserImpl = ({ onCreateInvitationClick,
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
// <Check weight='light' className={getSize(6)} />
|
|
69
|
-
// </PanelAction>
|
|
70
|
-
// );
|
|
71
|
-
return (react_2.default.createElement("div", { role: 'none', className: 'grow flex flex-col gap-1' },
|
|
72
|
-
react_2.default.createElement(react_ui_1.DensityProvider, { density: 'coarse' },
|
|
73
|
-
react_2.default.createElement("div", { className: 'grow justify-center flex flex-col gap-1' },
|
|
74
|
-
react_2.default.createElement(components_1.Action, { "data-testid": 'manage-profile', onClick: () => send === null || send === void 0 ? void 0 : send({ type: 'chooseProfile' }), classNames: 'plb-4' },
|
|
75
|
-
react_2.default.createElement(react_1.UserGear, { className: (0, react_ui_theme_1.getSize)(6) }),
|
|
76
|
-
react_2.default.createElement("span", { className: 'grow mli-3' }, t('choose profile label')),
|
|
77
|
-
react_2.default.createElement(react_1.CaretRight, { weight: 'bold', className: (0, react_ui_theme_1.getSize)(4) })),
|
|
78
|
-
agentHostingEnabled && (react_2.default.createElement(components_1.Action, { "data-testid": 'manage-agent', onClick: () => send === null || send === void 0 ? void 0 : send({ type: 'chooseAgent' }), classNames: 'plb-4' },
|
|
79
|
-
react_2.default.createElement(react_1.HardDrive, { className: (0, react_ui_theme_1.getSize)(6) }),
|
|
80
|
-
react_2.default.createElement("span", { className: 'grow mli-3' }, "Manage Agent"),
|
|
81
|
-
react_2.default.createElement(react_1.CaretRight, { weight: 'bold', className: (0, react_ui_theme_1.getSize)(4) }))),
|
|
82
|
-
react_2.default.createElement(components_1.Action, { disabled: !active, "data-testid": 'devices-panel.create-invitation', onClick: onCreateInvitationClick, classNames: 'plb-4' },
|
|
83
|
-
react_2.default.createElement(react_1.Plus, { className: (0, react_ui_theme_1.getSize)(6) }),
|
|
84
|
-
react_2.default.createElement("span", { className: 'grow mli-3' }, t('choose add device label')),
|
|
85
|
-
react_2.default.createElement(react_1.CaretRight, { weight: 'bold', className: (0, react_ui_theme_1.getSize)(4) })),
|
|
86
|
-
react_2.default.createElement(components_1.Action, { "data-testid": 'devices-panel.join-new-identity', onClick: () => send === null || send === void 0 ? void 0 : send({ type: 'chooseJoinNewIdentity' }), classNames: 'plb-4' },
|
|
87
|
-
react_2.default.createElement(react_1.Intersect, { className: (0, react_ui_theme_1.getSize)(6) }),
|
|
88
|
-
react_2.default.createElement("span", { className: 'grow mli-3' }, t('choose join new identity label')),
|
|
89
|
-
react_2.default.createElement(react_1.CaretRight, { weight: 'bold', className: (0, react_ui_theme_1.getSize)(4) })),
|
|
90
|
-
react_2.default.createElement(components_1.Action, { "data-testid": 'manage-devices', onClick: () => send === null || send === void 0 ? void 0 : send({ type: 'chooseDevices' }), classNames: 'plb-4' },
|
|
91
|
-
react_2.default.createElement(react_1.Devices, { className: (0, react_ui_theme_1.getSize)(6) }),
|
|
92
|
-
react_2.default.createElement("span", { className: 'grow mli-3' }, t('choose devices label')),
|
|
93
|
-
react_2.default.createElement(react_1.CaretRight, { weight: 'bold', className: (0, react_ui_theme_1.getSize)(4) })),
|
|
94
|
-
react_2.default.createElement(components_1.Action, { "data-testid": 'devices-panel.sign-out', onClick: () => send === null || send === void 0 ? void 0 : send({ type: 'chooseResetStorage' }), classNames: 'plb-4' },
|
|
95
|
-
react_2.default.createElement(react_1.Power, { className: (0, react_ui_theme_1.getSize)(6) }),
|
|
96
|
-
react_2.default.createElement("span", { className: 'grow mli-3' }, t('choose sign out label')),
|
|
97
|
-
react_2.default.createElement(react_1.CaretRight, { weight: 'bold', className: (0, react_ui_theme_1.getSize)(4) }))))));
|
|
60
|
+
const IdentityActionChooserImpl = ({ send, onCreateInvitationClick, devices, onAgentDestroy, onAgentCreate, agentStatus, agentActive, agentHostingEnabled, }) => {
|
|
61
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
62
|
+
react_1.default.createElement(components_1.DeviceList, { devices: devices, onClickAdd: onCreateInvitationClick, onClickJoinExisting: () => send === null || send === void 0 ? void 0 : send({ type: 'chooseJoinNewIdentity' }), onClickReset: () => send === null || send === void 0 ? void 0 : send({ type: 'chooseResetStorage' }) }),
|
|
63
|
+
agentHostingEnabled && react_1.default.createElement(components_1.AgentConfig, { agentActive, agentStatus, onAgentDestroy, onAgentCreate })));
|
|
98
64
|
};
|
|
99
65
|
exports.IdentityActionChooserImpl = IdentityActionChooserImpl;
|
|
100
66
|
//# sourceMappingURL=IdentityActionChooser.js.map
|