@dxos/shell 0.3.11-main.008b7c6

package/dist/types/src/index.js

@@ -0,0 +1,10 @@
+"use strict";
+//
+// Copyright 2023 DXOS.org
+//
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.runShell = void 0;
+require("@dxosTheme");
+var composites_1 = require("./composites");
+Object.defineProperty(exports, "runShell", { enumerable: true, get: function () { return composites_1.runShell; } });
+//# sourceMappingURL=index.js.map

package/dist/types/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;AAEF,sBAAoB;AAEpB,2CAAwC;AAA/B,sGAAA,QAAQ,OAAA"}

package/dist/types/src/panels/IdentityPanel/IdentityPanel.d.ts

@@ -0,0 +1,4 @@
+import { type IdentityPanelImplProps, type IdentityPanelProps } from './IdentityPanelProps';
+export declare const IdentityPanelImpl: (props: IdentityPanelImplProps) => JSX.Element;
+export declare const IdentityPanel: ({ titleId: propsTitleId, createInvitationUrl, ...props }: IdentityPanelProps) => JSX.Element | null;
+//# sourceMappingURL=IdentityPanel.d.ts.map

package/dist/types/src/panels/IdentityPanel/IdentityPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdentityPanel.d.ts","sourceRoot":"","sources":["../../../../../src/panels/IdentityPanel/IdentityPanel.tsx"],"names":[],"mappings":"AAaA,OAAO,EAEL,KAAK,sBAAsB,EAC3B,KAAK,kBAAkB,EACxB,MAAM,sBAAsB,CAAC;AAwB9B,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,gBAiD9D,CAAC;AAUF,eAAO,MAAM,aAAa,6DAIvB,kBAAkB,uBAqDpB,CAAC"}

package/dist/types/src/panels/IdentityPanel/IdentityPanel.js

@@ -0,0 +1,124 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IdentityPanel = exports.IdentityPanelImpl = void 0;
+//
+// Copyright 2023 DXOS.org
+//
+const react_1 = __importStar(require("react"));
+const display_name_1 = require("@dxos/display-name");
+const log_1 = require("@dxos/log");
+const react_client_1 = require("@dxos/react-client");
+const halo_1 = require("@dxos/react-client/halo");
+const invitations_1 = require("@dxos/react-client/invitations");
+const react_ui_1 = require("@dxos/react-ui");
+const identityMachine_1 = require("./identityMachine");
+const steps_1 = require("./steps");
+const components_1 = require("../../components");
+const steps_2 = require("../../steps");
+const viewStyles = 'pbs-1 pbe-3 pli-3';
+const IdentityHeading = ({ titleId, title, identity, onDone }) => {
+    var _a, _b;
+    const fallbackHref = (0, react_ui_1.useJdenticonHref)(identity.identityKey.toHex(), 12);
+    return (react_1.default.createElement(components_1.Heading, { titleId: titleId, title: title, corner: react_1.default.createElement(components_1.CloseButton, { onDone: onDone }) },
+        react_1.default.createElement(react_ui_1.Avatar.Root, { size: 12, variant: 'circle', status: 'active' },
+            react_1.default.createElement(react_ui_1.Avatar.Frame, { classNames: 'block mbs-4 mbe-2 mli-auto chromatic-ignore' },
+                react_1.default.createElement(react_ui_1.Avatar.Fallback, { href: fallbackHref })),
+            react_1.default.createElement(react_ui_1.Avatar.Label, { classNames: 'block text-center font-light text-xl' }, (_b = (_a = identity.profile) === null || _a === void 0 ? void 0 : _a.displayName) !== null && _b !== void 0 ? _b : (0, display_name_1.generateName)(identity.identityKey.toHex())))));
+};
+const IdentityPanelImpl = (props) => {
+    const { identity, titleId, activeView, onUpdateProfile, IdentityActionChooser: IdentityActionChooserComponent = steps_1.IdentityActionChooser, InvitationManager: InvitationManagerComponent = steps_2.InvitationManager, onDone, ...rest } = props;
+    const { t } = (0, react_ui_1.useTranslation)('os');
+    const title = (0, react_1.useMemo)(() => {
+        switch (activeView) {
+            case 'device manager':
+            case 'device invitation manager':
+                return t('choose devices label');
+            default:
+                return t('identity heading');
+        }
+    }, [activeView, t]);
+    return (react_1.default.createElement(react_ui_1.DensityProvider, { density: 'fine' },
+        react_1.default.createElement(IdentityHeading, { identity, titleId, title, onDone }),
+        react_1.default.createElement(components_1.Viewport.Root, { activeView: activeView },
+            react_1.default.createElement(components_1.Viewport.Views, null,
+                react_1.default.createElement(components_1.Viewport.View, { id: 'identity action chooser', classNames: viewStyles },
+                    react_1.default.createElement(IdentityActionChooserComponent, { active: activeView === 'identity action chooser', ...rest })),
+                react_1.default.createElement(components_1.Viewport.View, { id: 'device invitation manager', classNames: viewStyles },
+                    react_1.default.createElement(InvitationManagerComponent, { active: activeView === 'device invitation manager', ...rest, invitationUrl: rest.createInvitationUrl(rest.invitationCode) })),
+                react_1.default.createElement(components_1.Viewport.View, { classNames: viewStyles, id: 'update profile form' },
+                    react_1.default.createElement(steps_1.ProfileForm, { send: rest.send, active: activeView === 'update profile form', profile: identity.profile, onUpdateProfile: onUpdateProfile }))))));
+};
+exports.IdentityPanelImpl = IdentityPanelImpl;
+const IdentityPanelWithInvitationImpl = ({ invitation, ...props }) => {
+    const invitationStatus = (0, invitations_1.useInvitationStatus)(invitation);
+    return react_1.default.createElement(exports.IdentityPanelImpl, { ...props, ...invitationStatus });
+};
+const IdentityPanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => code, ...props }) => {
+    const titleId = (0, react_ui_1.useId)('identityPanel__heading', propsTitleId);
+    const client = (0, react_client_1.useClient)();
+    const identity = (0, halo_1.useIdentity)();
+    if (!identity) {
+        console.error('IdentityPanel rendered with no active identity.');
+        return null;
+    }
+    const [identityState, identitySend, identityService] = (0, identityMachine_1.useIdentityMachine)(client);
+    (0, react_1.useEffect)(() => {
+        const subscription = identityService.subscribe((state) => {
+            (0, log_1.log)('[state]', state);
+        });
+        return subscription.unsubscribe;
+    }, [identityService]);
+    const activeView = (0, react_1.useMemo)(() => {
+        switch (true) {
+            case identityState.matches('choosingAction'):
+                return 'identity action chooser';
+            case identityState.matches('managingDeviceInvitation'):
+                return 'device invitation manager';
+            case [{ managingProfile: 'idle' }, { managingProfile: 'pending' }].some(identityState.matches):
+                return 'update profile form';
+            // case identityState.matches('signingOut'):
+            //   return 'identity exit';
+            default:
+                return 'identity action chooser';
+        }
+    }, [identityState]);
+    const onUpdateProfile = async (profile) => {
+        identitySend({ type: 'updateProfile' });
+        await client.halo.updateProfile(profile);
+    };
+    const implProps = {
+        ...props,
+        identity,
+        activeView,
+        send: identitySend,
+        titleId,
+        createInvitationUrl,
+        onUpdateProfile,
+    };
+    return identityState.context.invitation ? (react_1.default.createElement(IdentityPanelWithInvitationImpl, { ...implProps, invitation: identityState.context.invitation })) : (react_1.default.createElement(exports.IdentityPanelImpl, { ...implProps }));
+};
+exports.IdentityPanel = IdentityPanel;
+//# sourceMappingURL=IdentityPanel.js.map

package/dist/types/src/panels/IdentityPanel/IdentityPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdentityPanel.js","sourceRoot":"","sources":["../../../../../src/panels/IdentityPanel/IdentityPanel.tsx"],"names":[],"mappings":"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"}

package/dist/types/src/panels/IdentityPanel/IdentityPanel.stories.d.ts

@@ -0,0 +1,22 @@
+import '@dxosTheme';
+declare const _default: {
+    title: string;
+    decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        chromatic: {
+            disableSnapshot: boolean;
+        };
+    };
+};
+export default _default;
+export declare const IdentityActionChooser: () => JSX.Element;
+export declare const DeviceInvitationManager: () => JSX.Element;
+export declare const DeviceInvitationManagerConnecting: () => JSX.Element;
+export declare const DeviceInvitationManagerConnected: () => JSX.Element;
+export declare const DeviceInvitationManagerReady: () => JSX.Element;
+export declare const DeviceInvitationManagerAuthenticating: () => JSX.Element;
+export declare const DeviceInvitationManagerSuccess: () => JSX.Element;
+export declare const DeviceInvitationManagerError: () => JSX.Element;
+export declare const DeviceInvitationManagerTimeout: () => JSX.Element;
+export declare const DeviceInvitationManagerCancelled: () => JSX.Element;
+//# sourceMappingURL=IdentityPanel.stories.d.ts.map

package/dist/types/src/panels/IdentityPanel/IdentityPanel.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdentityPanel.stories.d.ts","sourceRoot":"","sources":["../../../../../src/panels/IdentityPanel/IdentityPanel.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;;;;;;;;;;AA8BpB,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"}

package/dist/types/src/panels/IdentityPanel/IdentityPanel.stories.js

@@ -0,0 +1,86 @@
+"use strict";
+//
+// Copyright 2023 DXOS.org
+//
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DeviceInvitationManagerCancelled = exports.DeviceInvitationManagerTimeout = exports.DeviceInvitationManagerError = exports.DeviceInvitationManagerSuccess = exports.DeviceInvitationManagerAuthenticating = exports.DeviceInvitationManagerReady = exports.DeviceInvitationManagerConnected = exports.DeviceInvitationManagerConnecting = exports.DeviceInvitationManager = exports.IdentityActionChooser = void 0;
+require("@dxosTheme");
+const faker_1 = require("@faker-js/faker");
+const react_1 = __importDefault(require("react"));
+const react_client_1 = require("@dxos/react-client");
+const invitations_1 = require("@dxos/react-client/invitations");
+const storybook_utils_1 = require("@dxos/storybook-utils");
+const IdentityPanel_1 = require("./IdentityPanel");
+const steps_1 = require("./steps");
+const StorybookDialog_1 = require("../../components/StorybookDialog");
+const steps_2 = require("../../steps");
+faker_1.faker.seed(1234);
+const noOpProps = {
+    titleId: 'storybookIdentityPanel',
+    send: () => { },
+    activeView: 'identity action chooser',
+    createInvitationUrl: (code) => code,
+    identity: {
+        identityKey: react_client_1.PublicKey.random(),
+        profile: {
+            displayName: faker_1.faker.person.firstName(),
+        },
+    },
+};
+exports.default = {
+    title: 'Panels/Identity',
+    decorators: [storybook_utils_1.withTheme],
+    parameters: { chromatic: { disableSnapshot: false } },
+};
+const IdentityActionChooser = () => {
+    return (react_1.default.createElement(StorybookDialog_1.StorybookDialog, { inOverlayLayout: true },
+        react_1.default.createElement(IdentityPanel_1.IdentityPanelImpl, { ...noOpProps, activeView: 'identity action chooser', IdentityActionChooser: steps_1.IdentityActionChooserImpl })));
+};
+exports.IdentityActionChooser = IdentityActionChooser;
+const DeviceInvitationManagerWithState = (extraProps) => (react_1.default.createElement(StorybookDialog_1.StorybookDialog, { inOverlayLayout: true },
+    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 }) })));
+const DeviceInvitationManager = () => DeviceInvitationManagerWithState({ status: invitations_1.Invitation.State.INIT, id: '0' });
+exports.DeviceInvitationManager = DeviceInvitationManager;
+const DeviceInvitationManagerConnecting = () => DeviceInvitationManagerWithState({
+    status: invitations_1.Invitation.State.CONNECTING,
+    id: '1',
+});
+exports.DeviceInvitationManagerConnecting = DeviceInvitationManagerConnecting;
+const DeviceInvitationManagerConnected = () => DeviceInvitationManagerWithState({
+    status: invitations_1.Invitation.State.CONNECTED,
+    id: '2',
+});
+exports.DeviceInvitationManagerConnected = DeviceInvitationManagerConnected;
+const DeviceInvitationManagerReady = () => DeviceInvitationManagerWithState({
+    status: invitations_1.Invitation.State.READY_FOR_AUTHENTICATION,
+    authCode: '123123',
+    id: '3',
+});
+exports.DeviceInvitationManagerReady = DeviceInvitationManagerReady;
+const DeviceInvitationManagerAuthenticating = () => DeviceInvitationManagerWithState({
+    status: invitations_1.Invitation.State.AUTHENTICATING,
+    id: '4',
+});
+exports.DeviceInvitationManagerAuthenticating = DeviceInvitationManagerAuthenticating;
+const DeviceInvitationManagerSuccess = () => DeviceInvitationManagerWithState({ status: invitations_1.Invitation.State.SUCCESS });
+exports.DeviceInvitationManagerSuccess = DeviceInvitationManagerSuccess;
+const DeviceInvitationManagerError = () => DeviceInvitationManagerWithState({ status: invitations_1.Invitation.State.ERROR });
+exports.DeviceInvitationManagerError = DeviceInvitationManagerError;
+const DeviceInvitationManagerTimeout = () => DeviceInvitationManagerWithState({ status: invitations_1.Invitation.State.TIMEOUT });
+exports.DeviceInvitationManagerTimeout = DeviceInvitationManagerTimeout;
+const DeviceInvitationManagerCancelled = () => DeviceInvitationManagerWithState({
+    status: invitations_1.Invitation.State.CANCELLED,
+});
+exports.DeviceInvitationManagerCancelled = DeviceInvitationManagerCancelled;
+// export const IdentityActionChooser = {
+//   decorators: [ClientDecorator()],
+//   args: { activeView: 'identity action chooser' },
+// };
+// export const DeviceManager = {
+//   decorators: [ClientDecorator()],
+//   args: { activeView: 'device manager' },
+// };
+//# sourceMappingURL=IdentityPanel.stories.js.map

package/dist/types/src/panels/IdentityPanel/IdentityPanel.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdentityPanel.stories.js","sourceRoot":"","sources":["../../../../../src/panels/IdentityPanel/IdentityPanel.stories.tsx"],"names":[],"mappings":"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"}

package/dist/types/src/panels/IdentityPanel/IdentityPanelProps.d.ts

@@ -0,0 +1,27 @@
+import { type cloneElement } from 'react';
+import { type Event, type SingleOrArray } from 'xstate';
+import type { Identity } from '@dxos/react-client/halo';
+import { type InvitationStatus } from '@dxos/react-client/invitations';
+import { type IdentityEvent } from './identityMachine';
+import { type InvitationManagerProps } from '../../steps';
+export type IdentityPanelImplProps = {
+    titleId: string;
+    activeView: 'device manager' | 'update profile form' | 'device invitation manager' | 'identity action chooser';
+    identity: Identity;
+    onUpdateProfile?: (profile: NonNullable<Identity['profile']>) => Promise<void>;
+    createInvitationUrl: (invitationCode: string) => string;
+    send?: (event: SingleOrArray<Event<IdentityEvent>>) => void;
+    onDone?: () => void;
+    doneActionParent?: Parameters<typeof cloneElement>[0];
+    invitationUrl?: string;
+    IdentityActionChooser?: React.FC<IdentityPanelStepProps>;
+    InvitationManager?: React.FC<InvitationManagerProps>;
+} & Partial<InvitationStatus>;
+export type IdentityPanelProps = Partial<Omit<IdentityPanelImplProps, 'send' | 'activeView' | 'identity'>>;
+export type IdentityPanelHeadingProps = Pick<IdentityPanelImplProps, 'titleId' | 'identity' | 'onDone'> & {
+    title: string;
+};
+export type IdentityPanelStepProps = Pick<IdentityPanelImplProps, 'send' | 'onDone' | 'doneActionParent'> & {
+    active?: boolean;
+};
+//# sourceMappingURL=IdentityPanelProps.d.ts.map

package/dist/types/src/panels/IdentityPanel/IdentityPanelProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdentityPanelProps.d.ts","sourceRoot":"","sources":["../../../../../src/panels/IdentityPanel/IdentityPanelProps.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,KAAK,KAAK,EAAE,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAExD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAE1D,MAAM,MAAM,sBAAsB,GAAG;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,gBAAgB,GAAG,qBAAqB,GAAG,2BAA2B,GAAG,yBAAyB,CAAC;IAC/G,QAAQ,EAAE,QAAQ,CAAC;IACnB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/E,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,CAAC;AAE9B,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC,IAAI,CAAC,sBAAsB,EAAE,MAAM,GAAG,YAAY,GAAG,UAAU,CAAC,CAAC,CAAC;AAE3G,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAAC,sBAAsB,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC,GAAG;IACxG,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;CAClB,CAAC"}

package/dist/types/src/panels/IdentityPanel/IdentityPanelProps.js

@@ -0,0 +1,6 @@
+"use strict";
+//
+// Copyright 2023 DXOS.org
+//
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=IdentityPanelProps.js.map

package/dist/types/src/panels/IdentityPanel/IdentityPanelProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdentityPanelProps.js","sourceRoot":"","sources":["../../../../../src/panels/IdentityPanel/IdentityPanelProps.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE"}

package/dist/types/src/panels/IdentityPanel/identityMachine.d.ts

@@ -0,0 +1,46 @@
+import { useMachine } from '@xstate/react';
+import { type InterpreterFrom, type StateFrom, type Subscribable } from 'xstate';
+import { type Client } from '@dxos/react-client';
+import { type Identity } from '@dxos/react-client/halo';
+import { type CancellableInvitationObservable } from '@dxos/react-client/invitations';
+import { type StepEvent } from '../../steps';
+type IdentityMachineContext = {
+    invitation?: CancellableInvitationObservable;
+    identity: Identity | null;
+    identitySubscribable: Subscribable<SetIdentityEvent> | null;
+};
+type IdentityChooseActionEvent = {
+    type: 'chooseDevices' | 'chooseProfile' | /* 'chooseSignOut' | */ 'unchooseAction';
+};
+type IdentitySelectDeviceInvitationEvent = {
+    type: 'selectInvitation';
+    invitation: CancellableInvitationObservable;
+};
+export type SetIdentityEvent = {
+    type: 'setIdentity';
+    identity: Identity | null;
+};
+export type UpdateProfileEvent = {
+    type: 'updateProfile';
+};
+type IdentityEvent = SetIdentityEvent | UpdateProfileEvent | IdentitySelectDeviceInvitationEvent | IdentityChooseActionEvent | StepEvent;
+declare const identityMachine: import("xstate").StateMachine<IdentityMachineContext, any, IdentityEvent, {
+    value: any;
+    context: IdentityMachineContext;
+}, import("xstate").BaseActionObject, import("xstate").ServiceMap, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, IdentityEvent, import("xstate").BaseActionObject, import("xstate").ServiceMap>>;
+type IdentityMachine = typeof identityMachine;
+type IdentityState = StateFrom<IdentityMachine>;
+type IdentitySend = InterpreterFrom<IdentityMachine>['send'];
+declare const useIdentityMachine: (client: Client, options?: Parameters<typeof useMachine<IdentityMachine>>[1]) => [import("xstate").State<IdentityMachineContext, IdentityEvent, any, {
+    value: any;
+    context: IdentityMachineContext;
+}, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, IdentityEvent, import("xstate").BaseActionObject, import("xstate").ServiceMap>>, (event: import("xstate").SCXML.Event<IdentityEvent> | import("xstate").SingleOrArray<import("xstate").Event<IdentityEvent>>, payload?: import("xstate").EventData | undefined) => import("xstate").State<IdentityMachineContext, IdentityEvent, any, {
+    value: any;
+    context: IdentityMachineContext;
+}, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, IdentityEvent, import("xstate").BaseActionObject, import("xstate").ServiceMap>>, import("xstate").Interpreter<IdentityMachineContext, any, IdentityEvent, {
+    value: any;
+    context: IdentityMachineContext;
+}, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, IdentityEvent, import("xstate").BaseActionObject, import("xstate").ServiceMap>>];
+export type { IdentityMachine, IdentityEvent, IdentityMachineContext, IdentityChooseActionEvent, IdentityState, IdentitySend, };
+export { identityMachine, useIdentityMachine };
+//# sourceMappingURL=identityMachine.d.ts.map

package/dist/types/src/panels/IdentityPanel/identityMachine.d.ts.map

@@ -0,0 +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,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,KAAK,sBAAsB,GAAG;IAC5B,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,eAAe,GAAG,eAAe,GAAG,uBAAuB,CAAC,gBAAgB,CAAC;CACpF,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;;;wNAwDpB,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"}

package/dist/types/src/panels/IdentityPanel/identityMachine.js

@@ -0,0 +1,79 @@
+"use strict";
+//
+// Copyright 2023 DXOS.org
+//
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIdentityMachine = exports.identityMachine = void 0;
+const react_1 = require("@xstate/react");
+const xstate_1 = require("xstate");
+const log_1 = require("@dxos/log");
+const identityMachine = (0, xstate_1.createMachine)({
+    id: 'identity',
+    predictableActionArguments: true,
+    context: {
+        identity: null,
+        identitySubscribable: null,
+    },
+    initial: 'choosingAction',
+    invoke: {
+        src: (context) => context.identitySubscribable,
+    },
+    states: {
+        choosingAction: {},
+        managingDeviceInvitation: {},
+        managingProfile: {
+            initial: 'idle',
+            states: {
+                idle: {},
+                pending: {},
+            },
+            on: {
+                setIdentity: { target: 'choosingAction', actions: ['setIdentity', 'log'] },
+                updateProfile: { target: '.pending', actions: 'log' },
+            },
+        },
+        // signingOut: {},
+    },
+    on: {
+        unchooseAction: { target: '.choosingAction', actions: ['unsetInvitation', 'log'] },
+        chooseDevices: { target: '.managingDeviceInvitation', actions: ['unsetInvitation', 'log'] },
+        deselectInvitation: { target: '.choosingAction', actions: ['unsetInvitation', 'log'] },
+        selectInvitation: { target: '.managingDeviceInvitation', actions: ['setInvitation', 'log'] },
+        chooseProfile: { target: '.managingProfile', actions: 'log' },
+        // chooseSignOut: { target: '.signingOut', actions: 'log' },
+    },
+}, {
+    actions: {
+        setIdentity: (0, xstate_1.assign)({
+            identity: (context, event) => { var _a; return (_a = event === null || event === void 0 ? void 0 : event.identity) !== null && _a !== void 0 ? _a : null; },
+        }),
+        setInvitation: (0, xstate_1.assign)({
+            invitation: (context, event) => { var _a; return (_a = event === null || event === void 0 ? void 0 : event.invitation) !== null && _a !== void 0 ? _a : null; },
+        }),
+        unsetInvitation: (0, xstate_1.assign)({
+            invitation: () => undefined,
+        }),
+        log: (context, event) => {
+            (0, log_1.log)('[transition]', {
+                event,
+                context,
+            });
+        },
+    },
+});
+exports.identityMachine = identityMachine;
+const useIdentityMachine = (client, options) => {
+    return (0, react_1.useMachine)(identityMachine, {
+        ...options,
+        context: {
+            ...options === null || options === void 0 ? void 0 : options.context,
+            identity: client.halo.identity.get(),
+            identitySubscribable: client.halo.identity.map((identity) => ({
+                type: 'setIdentity',
+                identity,
+            })),
+        },
+    });
+};
+exports.useIdentityMachine = useIdentityMachine;
+//# sourceMappingURL=identityMachine.js.map

package/dist/types/src/panels/IdentityPanel/identityMachine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"identityMachine.js","sourceRoot":"","sources":["../../../../../src/panels/IdentityPanel/identityMachine.ts"],"names":[],"mappings":"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"}

package/dist/types/src/panels/IdentityPanel/index.d.ts

@@ -0,0 +1,3 @@
+export * from './IdentityPanel';
+export * from './IdentityPanelProps';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/panels/IdentityPanel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/panels/IdentityPanel/index.ts"],"names":[],"mappings":"AAIA,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC"}

package/dist/types/src/panels/IdentityPanel/index.js

@@ -0,0 +1,22 @@
+"use strict";
+//
+// Copyright 2023 DXOS.org
+//
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./IdentityPanel"), exports);
+__exportStar(require("./IdentityPanelProps"), exports);
+//# sourceMappingURL=index.js.map

package/dist/types/src/panels/IdentityPanel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/panels/IdentityPanel/index.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;AAEF,kDAAgC;AAChC,uDAAqC"}

package/dist/types/src/panels/IdentityPanel/steps/IdentityActionChooser.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type IdentityPanelStepProps } from '../IdentityPanelProps';
+export type IdentityActionChooserProps = IdentityPanelStepProps;
+export declare const IdentityActionChooser: (props: IdentityPanelStepProps) => JSX.Element;
+export type IdentityActionChooserImplProps = IdentityActionChooserProps & {
+    onCreateInvitationClick?: (e: React.MouseEvent) => void;
+};
+export declare const IdentityActionChooserImpl: ({ onCreateInvitationClick, active, send, onDone, doneActionParent, }: IdentityActionChooserImplProps) => JSX.Element;
+//# sourceMappingURL=IdentityActionChooser.d.ts.map

package/dist/types/src/panels/IdentityPanel/steps/IdentityActionChooser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdentityActionChooser.d.ts","sourceRoot":"","sources":["../../../../../../src/panels/IdentityPanel/steps/IdentityActionChooser.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAS3C,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAEpE,MAAM,MAAM,0BAA0B,GAAG,sBAAsB,CAAC;AAEhE,eAAO,MAAM,qBAAqB,UAAW,sBAAsB,gBAuBlE,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG,0BAA0B,GAAG;IACxE,uBAAuB,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACzD,CAAC;AAEF,eAAO,MAAM,yBAAyB,yEAMnC,8BAA8B,gBA0ChC,CAAC"}

package/dist/types/src/panels/IdentityPanel/steps/IdentityActionChooser.js

@@ -0,0 +1,85 @@
+"use strict";
+//
+// Copyright 2023 DXOS.org
+//
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IdentityActionChooserImpl = exports.IdentityActionChooser = void 0;
+const react_1 = require("@phosphor-icons/react");
+const react_2 = __importStar(require("react"));
+const react_client_1 = require("@dxos/react-client");
+const halo_1 = require("@dxos/react-client/halo");
+const invitations_1 = require("@dxos/react-client/invitations");
+const react_ui_1 = require("@dxos/react-ui");
+const react_ui_theme_1 = require("@dxos/react-ui-theme");
+const components_1 = require("../../../components");
+const IdentityActionChooser = (props) => {
+    const { send } = props;
+    const client = (0, react_client_1.useClient)();
+    const invitations = (0, halo_1.useHaloInvitations)();
+    const onInvitationEvent = (0, react_2.useCallback)((invitation) => {
+        const invitationCode = invitations_1.InvitationEncoder.encode(invitation);
+        if (invitation.state === invitations_1.Invitation.State.CONNECTING) {
+            console.log(JSON.stringify({ invitationCode, authCode: invitation.authCode }));
+        }
+    }, []);
+    const createInvitation = (e) => {
+        const testing = e.altKey && e.shiftKey;
+        invitations.forEach((invitation) => invitation.cancel());
+        const invitation = client.halo.share(testing ? { type: invitations_1.Invitation.Type.MULTIUSE, authMethod: invitations_1.Invitation.AuthMethod.NONE } : undefined);
+        // TODO(wittjosiah): Don't depend on NODE_ENV.
+        if (process.env.NODE_ENV !== 'production') {
+            invitation.subscribe(onInvitationEvent);
+        }
+        send === null || send === void 0 ? void 0 : send({ type: 'selectInvitation', invitation });
+    };
+    return react_2.default.createElement(exports.IdentityActionChooserImpl, { ...props, onCreateInvitationClick: (e) => createInvitation(e) });
+};
+exports.IdentityActionChooser = IdentityActionChooser;
+const IdentityActionChooserImpl = ({ onCreateInvitationClick, active, send, onDone, doneActionParent, }) => {
+    const { t } = (0, react_ui_1.useTranslation)('os');
+    // const doneAction = (
+    //   <PanelAction aria-label={t('done label')} onClick={onDone} disabled={!active} data-testid='identity-panel-done'>
+    //     <Check weight='light' className={getSize(6)} />
+    //   </PanelAction>
+    // );
+    return (react_2.default.createElement("div", { role: 'none', className: 'grow flex flex-col gap-1' },
+        react_2.default.createElement(react_ui_1.DensityProvider, { density: 'coarse' },
+            react_2.default.createElement("div", { className: 'grow justify-center flex flex-col gap-1' },
+                react_2.default.createElement(components_1.Action, { disabled: !active, "data-testid": 'devices-panel.create-invitation', onClick: onCreateInvitationClick, classNames: 'plb-4' },
+                    react_2.default.createElement(react_1.Plus, { className: (0, react_ui_theme_1.getSize)(6) }),
+                    react_2.default.createElement("span", { className: 'grow mli-3' }, t('choose devices label')),
+                    react_2.default.createElement(react_1.CaretRight, { weight: 'bold', className: (0, react_ui_theme_1.getSize)(4) })),
+                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' },
+                    react_2.default.createElement(react_1.UserGear, { className: (0, react_ui_theme_1.getSize)(6) }),
+                    react_2.default.createElement("span", { className: 'grow mli-3' }, t('choose profile label')),
+                    react_2.default.createElement(react_1.CaretRight, { weight: 'bold', className: (0, react_ui_theme_1.getSize)(4) })),
+                react_2.default.createElement(components_1.Action, { disabled: true, "data-testid": 'sign-out', onClick: () => { } /* send({ type: 'chooseSignOut' }) */, classNames: 'plb-4' },
+                    react_2.default.createElement(react_1.Power, { className: (0, react_ui_theme_1.getSize)(6) }),
+                    react_2.default.createElement("span", { className: 'grow mli-3' }, t('choose sign out label')),
+                    react_2.default.createElement(react_1.CaretRight, { weight: 'bold', className: (0, react_ui_theme_1.getSize)(4) }))))));
+};
+exports.IdentityActionChooserImpl = IdentityActionChooserImpl;
+//# sourceMappingURL=IdentityActionChooser.js.map

package/dist/types/src/panels/IdentityPanel/steps/IdentityActionChooser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdentityActionChooser.js","sourceRoot":"","sources":["../../../../../../src/panels/IdentityPanel/steps/IdentityActionChooser.tsx"],"names":[],"mappings":"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"}