@dxos/shell 0.4.10-main.d560ca0 → 0.4.10-main.f68a1ca

package/src/panels/JoinPanel/joinMachine.ts

@@ -19,7 +19,7 @@ import { type Client, AlreadyJoinedError } from '@dxos/react-client';
 import { type Identity } from '@dxos/react-client/halo';
 import { type AuthenticatingInvitationObservable, Invitation, InvitationEncoder } from '@dxos/react-client/invitations';
 
-import { type JoinPanelMode } from './JoinPanelProps';
+import { type JoinPanelInitialDisposition, type JoinPanelMode } from './JoinPanelProps';
 import { type FailReason } from '../../types';
 
 type InvitationKindContext = Partial<{
@@ -33,6 +33,7 @@ type InvitationKindContext = Partial<{
 
 type JoinMachineContext = {
   mode: JoinPanelMode;
+  initialDisposition: JoinPanelInitialDisposition;
   identity: Identity | null;
   halo: InvitationKindContext;
   space: InvitationKindContext;
@@ -74,7 +75,8 @@ type EmptyInvitationEvent = {
     | 'authenticateHaloVerificationCode'
     | 'authenticateSpaceVerificationCode'
     | 'resetHaloInvitation'
-    | 'resetSpaceInvitation';
+    | 'resetSpaceInvitation'
+    | 'deselectInvitation';
 };
 
 type InvitationEvent = FailInvitationEvent | SetInvitationCodeEvent | SetInvitationEvent | EmptyInvitationEvent;
@@ -294,6 +296,7 @@ const joinMachine = createMachine<JoinMachineContext, JoinEvent>(
     id: 'join',
     predictableActionArguments: true,
     context: {
+      initialDisposition: 'default',
       mode: 'default',
       identity: null,
       halo: {},
@@ -304,6 +307,11 @@ const joinMachine = createMachine<JoinMachineContext, JoinEvent>(
       unknown: {
         always: [
           { cond: 'existingIdentity', target: 'resettingIdentity', actions: 'log' },
+          {
+            cond: 'initiallyAcceptingHaloInvitation',
+            target: '#join.choosingIdentity.acceptingHaloInvitation',
+            actions: 'log',
+          },
           { cond: 'noSelectedIdentity', target: 'choosingIdentity', actions: 'log' },
           { target: 'acceptingSpaceInvitation', actions: 'log' },
         ],
@@ -352,6 +360,8 @@ const joinMachine = createMachine<JoinMachineContext, JoinEvent>(
     guards: {
       existingIdentity: ({ identity, mode }, _event) => mode === 'halo-only' && !!identity,
       noSelectedIdentity: ({ identity }, _event) => !identity,
+      initiallyAcceptingHaloInvitation: ({ identity, initialDisposition }, _event) =>
+        !identity && initialDisposition === 'accept-halo-invitation',
       hasHaloUnredeemedCode: ({ halo }, _event) => !!halo.unredeemedCode,
       noSpaceInvitation: ({ space }, _event) => !space.invitation && !space.unredeemedCode,
     },

package/src/panels/JoinPanel/steps/index.ts

@@ -9,4 +9,3 @@ export * from './InvitationAccepted';
 export * from './InvitationInput';
 export * from './InvitationRescuer';
 export * from './InvitationAuthenticator';
-export * from './ResetIdentity';

package/src/panels/StatusPanel/StatusPanel.tsx

@@ -0,0 +1,19 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import React from 'react';
+
+import { Status, useTranslation } from '@dxos/react-ui';
+
+export const StatusPanel = ({ titleId }: { titleId?: string }) => {
+  const { t } = useTranslation('os');
+  return (
+    <div className='grid place-items-center p-2 gap-2'>
+      <p id={titleId} className='font-medium text-center'>
+        {t('resetting message')}
+      </p>
+      <Status indeterminate>{t('resetting message')}</Status>
+    </div>
+  );
+};

package/src/panels/StatusPanel/index.ts

@@ -0,0 +1,5 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+export * from './StatusPanel';

package/src/panels/index.ts

@@ -5,3 +5,4 @@
 export * from './IdentityPanel';
 export * from './JoinPanel';
 export * from './SpacePanel';
+export * from './StatusPanel';

package/src/steps/ConfirmReset.tsx

@@ -0,0 +1,111 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import { Warning } from '@phosphor-icons/react';
+import React, { useState } from 'react';
+
+import { log } from '@dxos/log';
+import { Message, useTranslation } from '@dxos/react-ui';
+import { getSize, mx } from '@dxos/react-ui-theme';
+
+import { type StepProps } from './StepProps';
+import { Action, Actions, StepHeading, Input } from '../components';
+
+type ConfirmResetOptions = Partial<{
+  onCancel: () => void;
+  onConfirm: () => Promise<void>;
+  mode: 'join new identity' | 'reset storage';
+}>;
+
+export type ConfirmResetProps = StepProps & ConfirmResetOptions;
+
+export type ConfirmResetImplProps = ConfirmResetOptions & {
+  disabled?: boolean;
+  pending?: boolean;
+  validationMessage?: string;
+};
+
+export const ConfirmReset = ({ active, onCancel, onConfirm, mode }: ConfirmResetProps) => {
+  const { t } = useTranslation('os');
+  const [validationMessage, setValidationMessage] = useState('');
+  const [pending, setPending] = useState(false);
+  const processReset = async () => {
+    setPending(true);
+    return onConfirm?.().then(
+      () => setPending(false),
+      (error) => {
+        log.catch(error);
+        setValidationMessage(t('failed to reset identity message'));
+        setPending(false);
+      },
+    );
+  };
+  return (
+    <ConfirmResetImpl
+      disabled={!active}
+      pending={pending}
+      validationMessage={validationMessage}
+      onConfirm={processReset}
+      onCancel={onCancel}
+      mode={mode}
+    />
+  );
+};
+
+export const ConfirmResetImpl = ({
+  disabled,
+  pending,
+  validationMessage,
+  onConfirm,
+  onCancel,
+  mode,
+}: ConfirmResetImplProps) => {
+  const { t } = useTranslation('os');
+  const confirmationValue = t('confirmation value');
+  const [inputValue, setInputValue] = useState('');
+  return (
+    <>
+      <div role='none' className='grow flex flex-col gap-2 justify-center'>
+        <Message.Root valence='error'>
+          <Message.Title>
+            <Warning className={mx(getSize(6), 'inline mie-2')} />
+            {t('sign out chooser title')}
+          </Message.Title>
+          <Message.Body>{t('sign out chooser message')}</Message.Body>
+        </Message.Root>
+        <Input
+          {...{ validationMessage }}
+          label={
+            <StepHeading className='text-start mlb-2'>
+              {t(mode === 'join new identity' ? 'join new identity input label' : 'reset storage input label', {
+                confirmationValue,
+              })}
+            </StepHeading>
+          }
+          disabled={disabled}
+          data-testid='reset-identity-input'
+          placeholder={confirmationValue}
+          onChange={({ target: { value } }) => setInputValue(value)}
+        />
+      </div>
+      <Actions>
+        {onCancel && (
+          <Action disabled={disabled} onClick={onCancel} data-testid='reset-identity-input-cancel'>
+            {t('cancel label')}
+          </Action>
+        )}
+        {onConfirm && (
+          <Action
+            variant='destructive'
+            disabled={disabled || pending || inputValue !== confirmationValue}
+            onClick={onConfirm}
+            data-testid='reset-identity-input-confirm'
+          >
+            {pending ? t('reset in progress label') : t('reset device label')}
+          </Action>
+        )}
+      </Actions>
+    </>
+  );
+};

package/src/steps/StepProps.ts

@@ -6,8 +6,9 @@ import { type cloneElement } from 'react';
 import { type Event, type SingleOrArray } from 'xstate';
 
 type StepDeselectInvitationEvent = { type: 'deselectInvitation' };
+type StepResetIdentityEvent = { type: 'resetIdentity' };
 
-export type StepEvent = StepDeselectInvitationEvent;
+export type StepEvent = StepDeselectInvitationEvent | StepResetIdentityEvent;
 
 export type StepProps = {
   active?: boolean;

package/src/steps/index.ts

@@ -4,3 +4,4 @@
 
 export * from './InvitationManager';
 export * from './StepProps';
+export * from './ConfirmReset';

package/src/translations/locales/en-US.ts

@@ -73,7 +73,8 @@ export const os = {
   'choose add device label': 'Add device',
   'choose devices label': 'Manage devices',
   'choose profile label': 'Edit profile',
-  'choose sign out label': 'Sign out',
+  'choose sign out label': 'Reset storage',
+  'choose join new identity label': 'Join existing device',
   'empty space members message': 'There is nobody in this space yet.',
   'back to all invitations label': 'Back to all invitations',
   'invitation heading': 'Invitation',
@@ -97,19 +98,22 @@ export const os = {
   'invite options label': 'Change the active invite option.',
   'reset in progress label': 'Resetting...',
   'confirm label': 'Confirm',
-  'reset identity input label':
+  'reset storage input label':
     'This will clear this device and all associated data. Type {{confirmationValue}} and confirm to continue.',
+  'join new identity input label':
+    'In order to join an existing device, storage on this device must be cleared first. Type {{confirmationValue}} to continue.',
   'failed to reset identity message': 'Failed to reset identity.',
   'confirmation value': 'CONFIRM',
-  'sign out chooser title': 'DANGER ZONE',
-  'sign out chooser message': 'Proceeding with either action below will erase all data on this device.',
+  'sign out chooser title': 'Danger zone',
+  'sign out chooser message': 'Proceeding with the action below will erase all data on this device.',
   'join new identity label': 'Join a new identity',
-  'reset device label': 'Reset device',
+  'reset device label': 'Reset storage',
   'reset device confirm message': 'Are you sure you want to reset your device? All data will be lost.',
   'emoji and color label': 'Emoji and color',
   'clear label': 'Use default',
   'select emoji label': 'Choose an emoji to use in your avatar',
   'select hue label': 'Choose a hue to use in your avatar',
+  'resetting message': 'One moment while things are reset…',
   'red label': 'Red',
   'orange label': 'Orange',
   'amber label': 'Amber',

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

@@ -1,16 +0,0 @@
-import { type Event, type SingleOrArray } from 'xstate';
-import { type IdentityPanelStepProps } from '../IdentityPanelProps';
-import { type IdentityEvent } from '../identityMachine';
-export interface SignOutChooserProps extends Omit<IdentityPanelStepProps, 'send'> {
-    send?: (event: SingleOrArray<Event<IdentityEvent>>) => void;
-    onResetDevice?: () => Promise<void>;
-    onJoinNewIdentity?: () => void;
-}
-export declare const SignOutChooser: (props: SignOutChooserProps) => JSX.Element;
-export type SignOutChooserImplProps = {
-    disabled?: boolean;
-    onResetDevice?: () => void;
-    onJoinNewIdentity?: () => void;
-    onBack?: () => void;
-};
-//# sourceMappingURL=SignOutChooser.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SignOutChooser.d.ts","sourceRoot":"","sources":["../../../../../../src/panels/IdentityPanel/steps/SignOutChooser.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,KAAK,EAAE,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAMxD,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,sBAAsB,EAAE,MAAM,CAAC;IAC/E,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,KAAK,IAAI,CAAC;IAC5D,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,cAAc,UAAW,mBAAmB,gBAexD,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC"}

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

@@ -1,40 +0,0 @@
-"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.SignOutChooser = void 0;
-const react_1 = require("@phosphor-icons/react");
-const react_2 = __importDefault(require("react"));
-const react_ui_1 = require("@dxos/react-ui");
-const react_ui_theme_1 = require("@dxos/react-ui-theme");
-const components_1 = require("../../../components");
-const SignOutChooser = (props) => {
-    const { t } = (0, react_ui_1.useTranslation)('os');
-    const onResetDevice = () => {
-        var _a;
-        if (window.confirm(t('reset device confirm message'))) {
-            void ((_a = props.onResetDevice) === null || _a === void 0 ? void 0 : _a.call(props));
-        }
-    };
-    return (react_2.default.createElement(SignOutChooserImpl, { disabled: !props.active, onBack: () => { var _a; return (_a = props.send) === null || _a === void 0 ? void 0 : _a.call(props, { type: 'unchooseAction' }); }, onResetDevice: onResetDevice, onJoinNewIdentity: props.onJoinNewIdentity }));
-};
-exports.SignOutChooser = SignOutChooser;
-const SignOutChooserImpl = ({ disabled, onResetDevice, onJoinNewIdentity, onBack }) => {
-    const { t } = (0, react_ui_1.useTranslation)('os');
-    return (react_2.default.createElement(react_2.default.Fragment, null,
-        react_2.default.createElement("div", { role: 'none', className: 'grow flex flex-col justify-center' },
-            react_2.default.createElement(react_ui_1.Message.Root, { valence: 'error' },
-                react_2.default.createElement(react_ui_1.Message.Title, null,
-                    react_2.default.createElement(react_1.Warning, { className: (0, react_ui_theme_1.mx)((0, react_ui_theme_1.getSize)(6), 'inline mie-2') }),
-                    t('sign out chooser title')),
-                react_2.default.createElement(react_ui_1.Message.Body, null, t('sign out chooser message')))),
-        react_2.default.createElement(components_1.Actions, null,
-            react_2.default.createElement(components_1.Action, { disabled: disabled, onClick: onBack }, t('back label')),
-            react_2.default.createElement(components_1.Action, { variant: 'primary', "data-testid": 'sign-out.join-new-identity', classNames: '!bg-error-500 hover:!bg-error-550', disabled: disabled, onClick: onJoinNewIdentity }, t('join new identity label')),
-            react_2.default.createElement(components_1.Action, { variant: 'primary', "data-testid": 'sign-out.reset-device', classNames: '!bg-error-500 hover:!bg-error-550', disabled: disabled, onClick: onResetDevice }, t('reset device label')))));
-};
-//# sourceMappingURL=SignOutChooser.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SignOutChooser.js","sourceRoot":"","sources":["../../../../../../src/panels/IdentityPanel/steps/SignOutChooser.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,iDAAgD;AAChD,kDAA0B;AAG1B,6CAAyD;AACzD,yDAAmD;AAEnD,oDAAsD;AAU/C,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;IAC3D,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,yBAAc,EAAC,IAAI,CAAC,CAAC;IACnC,MAAM,aAAa,GAAG,GAAG,EAAE;;QACzB,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,EAAE;YACrD,KAAK,CAAA,MAAA,KAAK,CAAC,aAAa,qDAAI,CAAA,CAAC;SAC9B;IACH,CAAC,CAAC;IACF,OAAO,CACL,8BAAC,kBAAkB,IACjB,QAAQ,EAAE,CAAC,KAAK,CAAC,MAAM,EACvB,MAAM,EAAE,GAAG,EAAE,WAAC,OAAA,MAAA,KAAK,CAAC,IAAI,sDAAG,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,CAAA,EAAA,EACtD,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,GAC1C,CACH,CAAC;AACJ,CAAC,CAAC;AAfW,QAAA,cAAc,kBAezB;AASF,MAAM,kBAAkB,GAAG,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,EAA2B,EAAE,EAAE;IAC7G,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,yBAAc,EAAC,IAAI,CAAC,CAAC;IACnC,OAAO,CACL;QACE,uCAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,mCAAmC;YAC5D,8BAAC,kBAAO,CAAC,IAAI,IAAC,OAAO,EAAC,OAAO;gBAC3B,8BAAC,kBAAO,CAAC,KAAK;oBACZ,8BAAC,eAAO,IAAC,SAAS,EAAE,IAAA,mBAAE,EAAC,IAAA,wBAAO,EAAC,CAAC,CAAC,EAAE,cAAc,CAAC,GAAI;oBACrD,CAAC,CAAC,wBAAwB,CAAC,CACd;gBAChB,8BAAC,kBAAO,CAAC,IAAI,QAAE,CAAC,CAAC,0BAA0B,CAAC,CAAgB,CAC/C,CACX;QACN,8BAAC,oBAAO;YACN,8BAAC,mBAAM,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,IACxC,CAAC,CAAC,YAAY,CAAC,CACT;YACT,8BAAC,mBAAM,IACL,OAAO,EAAC,SAAS,iBACL,4BAA4B,EACxC,UAAU,EAAC,mCAAmC,EAC9C,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,iBAAiB,IAEzB,CAAC,CAAC,yBAAyB,CAAC,CACtB;YACT,8BAAC,mBAAM,IACL,OAAO,EAAC,SAAS,iBACL,uBAAuB,EACnC,UAAU,EAAC,mCAAmC,EAC9C,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,aAAa,IAErB,CAAC,CAAC,oBAAoB,CAAC,CACjB,CACD,CACT,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/dist/types/src/panels/JoinPanel/steps/ResetIdentity.d.ts

@@ -1,13 +0,0 @@
-import { type JoinStepProps } from '../JoinPanelProps';
-export type ResetIdentityProps = JoinStepProps & {
-    method: 'reset identity';
-};
-export type ResetIdentityImplProps = {
-    disabled?: boolean;
-    pending?: boolean;
-    validationMessage?: string;
-    onConfirm?: () => void;
-};
-export declare const ResetIdentity: ({ send, active }: ResetIdentityProps) => JSX.Element;
-export declare const ResetIdentityImpl: ({ disabled, pending, validationMessage, onConfirm }: ResetIdentityImplProps) => JSX.Element;
-//# sourceMappingURL=ResetIdentity.d.ts.map

package/dist/types/src/panels/JoinPanel/steps/ResetIdentity.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResetIdentity.d.ts","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/steps/ResetIdentity.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,MAAM,MAAM,kBAAkB,GAAG,aAAa,GAAG;IAC/C,MAAM,EAAE,gBAAgB,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,aAAa,qBAAsB,kBAAkB,gBAwBjE,CAAC;AAEF,eAAO,MAAM,iBAAiB,wDAAyD,sBAAsB,gBA6B5G,CAAC"}

package/dist/types/src/panels/JoinPanel/steps/ResetIdentity.js

@@ -1,66 +0,0 @@
-"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.ResetIdentityImpl = exports.ResetIdentity = void 0;
-const react_1 = __importStar(require("react"));
-const log_1 = require("@dxos/log");
-const react_client_1 = require("@dxos/react-client");
-const react_ui_1 = require("@dxos/react-ui");
-const components_1 = require("../../../components");
-const ResetIdentity = ({ send, active }) => {
-    const client = (0, react_client_1.useClient)();
-    const { t } = (0, react_ui_1.useTranslation)('os');
-    const [validationMessage, setValidationMessage] = (0, react_1.useState)('');
-    const [pending, setPending] = (0, react_1.useState)(false);
-    const resetIdentity = () => {
-        setPending(true);
-        void client.reset().then(() => send === null || send === void 0 ? void 0 : send({ type: 'resetIdentity' }), (error) => {
-            log_1.log.catch(error);
-            setValidationMessage(t('failed to reset identity message'));
-            setPending(false);
-        });
-    };
-    return (react_1.default.createElement(exports.ResetIdentityImpl, { disabled: !active, pending: pending, validationMessage: validationMessage, onConfirm: () => resetIdentity() }));
-};
-exports.ResetIdentity = ResetIdentity;
-const ResetIdentityImpl = ({ disabled, pending, validationMessage, onConfirm }) => {
-    const { t } = (0, react_ui_1.useTranslation)('os');
-    const confirmationValue = t('confirmation value');
-    const [inputValue, setInputValue] = (0, react_1.useState)('');
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { role: 'none', className: 'grow flex flex-col justify-center' },
-            react_1.default.createElement(components_1.Input, { validationMessage, label: react_1.default.createElement(components_1.StepHeading, null, t('reset identity input label', { confirmationValue })), disabled: disabled, "data-testid": 'reset-identity-input', placeholder: confirmationValue, onChange: ({ target: { value } }) => setInputValue(value) })),
-        react_1.default.createElement(components_1.Actions, null,
-            react_1.default.createElement(components_1.Action
-            // TODO(wittjosiah): Probably make this red?
-            , { 
-                // TODO(wittjosiah): Probably make this red?
-                variant: 'primary', disabled: disabled || pending || inputValue !== confirmationValue, onClick: () => onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(), "data-testid": 'reset-identity-input-confirm' }, pending ? t('reset in progress label') : t('confirm label')))));
-};
-exports.ResetIdentityImpl = ResetIdentityImpl;
-//# sourceMappingURL=ResetIdentity.js.map

package/dist/types/src/panels/JoinPanel/steps/ResetIdentity.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResetIdentity.js","sourceRoot":"","sources":["../../../../../../src/panels/JoinPanel/steps/ResetIdentity.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,+CAAwC;AAExC,mCAAgC;AAChC,qDAA+C;AAC/C,6CAAgD;AAEhD,oDAA0E;AAcnE,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAsB,EAAE,EAAE;IACpE,MAAM,MAAM,GAAG,IAAA,wBAAS,GAAE,CAAC;IAC3B,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,yBAAc,EAAC,IAAI,CAAC,CAAC;IACnC,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAC/D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,KAAK,MAAM,CAAC,KAAK,EAAE,CAAC,IAAI,CACtB,GAAG,EAAE,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,EACvC,CAAC,KAAK,EAAE,EAAE;YACR,SAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACjB,oBAAoB,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC;YAC5D,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC,CACF,CAAC;IACJ,CAAC,CAAC;IACF,OAAO,CACL,8BAAC,yBAAiB,IAChB,QAAQ,EAAE,CAAC,MAAM,EACjB,OAAO,EAAE,OAAO,EAChB,iBAAiB,EAAE,iBAAiB,EACpC,SAAS,EAAE,GAAG,EAAE,CAAC,aAAa,EAAE,GAChC,CACH,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,aAAa,iBAwBxB;AAEK,MAAM,iBAAiB,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAA0B,EAAE,EAAE;IAC/G,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,yBAAc,EAAC,IAAI,CAAC,CAAC;IACnC,MAAM,iBAAiB,GAAG,CAAC,CAAC,oBAAoB,CAAC,CAAC;IAClD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACjD,OAAO,CACL;QACE,uCAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,mCAAmC;YAC5D,8BAAC,kBAAK,IACE,iBAAiB,EACvB,KAAK,EAAE,8BAAC,wBAAW,QAAE,CAAC,CAAC,4BAA4B,EAAE,EAAE,iBAAiB,EAAE,CAAC,CAAe,EAC1F,QAAQ,EAAE,QAAQ,iBACN,sBAAsB,EAClC,WAAW,EAAE,iBAAiB,EAC9B,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,GACzD,CACE;QACN,8BAAC,oBAAO;YACN,8BAAC,mBAAM;YACL,4CAA4C;;gBAA5C,4CAA4C;gBAC5C,OAAO,EAAC,SAAS,EACjB,QAAQ,EAAE,QAAQ,IAAI,OAAO,IAAI,UAAU,KAAK,iBAAiB,EACjE,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,EAAI,iBAChB,8BAA8B,IAEzC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CACrD,CACD,CACT,CACJ,CAAC;AACJ,CAAC,CAAC;AA7BW,QAAA,iBAAiB,qBA6B5B"}

package/src/panels/IdentityPanel/steps/SignOutChooser.tsx

@@ -1,84 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { Warning } from '@phosphor-icons/react';
-import React from 'react';
-import { type Event, type SingleOrArray } from 'xstate';
-
-import { Message, useTranslation } from '@dxos/react-ui';
-import { getSize, mx } from '@dxos/react-ui-theme';
-
-import { Action, Actions } from '../../../components';
-import { type IdentityPanelStepProps } from '../IdentityPanelProps';
-import { type IdentityEvent } from '../identityMachine';
-
-export interface SignOutChooserProps extends Omit<IdentityPanelStepProps, 'send'> {
-  send?: (event: SingleOrArray<Event<IdentityEvent>>) => void;
-  onResetDevice?: () => Promise<void>;
-  onJoinNewIdentity?: () => void;
-}
-
-export const SignOutChooser = (props: SignOutChooserProps) => {
-  const { t } = useTranslation('os');
-  const onResetDevice = () => {
-    if (window.confirm(t('reset device confirm message'))) {
-      void props.onResetDevice?.();
-    }
-  };
-  return (
-    <SignOutChooserImpl
-      disabled={!props.active}
-      onBack={() => props.send?.({ type: 'unchooseAction' })}
-      onResetDevice={onResetDevice}
-      onJoinNewIdentity={props.onJoinNewIdentity}
-    />
-  );
-};
-
-export type SignOutChooserImplProps = {
-  disabled?: boolean;
-  onResetDevice?: () => void;
-  onJoinNewIdentity?: () => void;
-  onBack?: () => void;
-};
-
-const SignOutChooserImpl = ({ disabled, onResetDevice, onJoinNewIdentity, onBack }: SignOutChooserImplProps) => {
-  const { t } = useTranslation('os');
-  return (
-    <>
-      <div role='none' className='grow flex flex-col justify-center'>
-        <Message.Root valence='error'>
-          <Message.Title>
-            <Warning className={mx(getSize(6), 'inline mie-2')} />
-            {t('sign out chooser title')}
-          </Message.Title>
-          <Message.Body>{t('sign out chooser message')}</Message.Body>
-        </Message.Root>
-      </div>
-      <Actions>
-        <Action disabled={disabled} onClick={onBack}>
-          {t('back label')}
-        </Action>
-        <Action
-          variant='primary'
-          data-testid='sign-out.join-new-identity'
-          classNames='!bg-error-500 hover:!bg-error-550'
-          disabled={disabled}
-          onClick={onJoinNewIdentity}
-        >
-          {t('join new identity label')}
-        </Action>
-        <Action
-          variant='primary'
-          data-testid='sign-out.reset-device'
-          classNames='!bg-error-500 hover:!bg-error-550'
-          disabled={disabled}
-          onClick={onResetDevice}
-        >
-          {t('reset device label')}
-        </Action>
-      </Actions>
-    </>
-  );
-};

package/src/panels/JoinPanel/steps/ResetIdentity.tsx

@@ -1,80 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React, { useState } from 'react';
-
-import { log } from '@dxos/log';
-import { useClient } from '@dxos/react-client';
-import { useTranslation } from '@dxos/react-ui';
-
-import { Action, Actions, StepHeading, Input } from '../../../components';
-import { type JoinStepProps } from '../JoinPanelProps';
-
-export type ResetIdentityProps = JoinStepProps & {
-  method: 'reset identity';
-};
-
-export type ResetIdentityImplProps = {
-  disabled?: boolean;
-  pending?: boolean;
-  validationMessage?: string;
-  onConfirm?: () => void;
-};
-
-export const ResetIdentity = ({ send, active }: ResetIdentityProps) => {
-  const client = useClient();
-  const { t } = useTranslation('os');
-  const [validationMessage, setValidationMessage] = useState('');
-  const [pending, setPending] = useState(false);
-  const resetIdentity = () => {
-    setPending(true);
-    void client.reset().then(
-      () => send?.({ type: 'resetIdentity' }),
-      (error) => {
-        log.catch(error);
-        setValidationMessage(t('failed to reset identity message'));
-        setPending(false);
-      },
-    );
-  };
-  return (
-    <ResetIdentityImpl
-      disabled={!active}
-      pending={pending}
-      validationMessage={validationMessage}
-      onConfirm={() => resetIdentity()}
-    />
-  );
-};
-
-export const ResetIdentityImpl = ({ disabled, pending, validationMessage, onConfirm }: ResetIdentityImplProps) => {
-  const { t } = useTranslation('os');
-  const confirmationValue = t('confirmation value');
-  const [inputValue, setInputValue] = useState('');
-  return (
-    <>
-      <div role='none' className='grow flex flex-col justify-center'>
-        <Input
-          {...{ validationMessage }}
-          label={<StepHeading>{t('reset identity input label', { confirmationValue })}</StepHeading>}
-          disabled={disabled}
-          data-testid='reset-identity-input'
-          placeholder={confirmationValue}
-          onChange={({ target: { value } }) => setInputValue(value)}
-        />
-      </div>
-      <Actions>
-        <Action
-          // TODO(wittjosiah): Probably make this red?
-          variant='primary'
-          disabled={disabled || pending || inputValue !== confirmationValue}
-          onClick={() => onConfirm?.()}
-          data-testid='reset-identity-input-confirm'
-        >
-          {pending ? t('reset in progress label') : t('confirm label')}
-        </Action>
-      </Actions>
-    </>
-  );
-};