@dxos/shell 0.4.10-main.fa5a270 → 0.4.10-main.fd8ea31

package/src/panels/JoinPanel/JoinPanel.tsx

@@ -19,9 +19,9 @@ import {
   InvitationRescuer,
   InvitationInput,
   InvitationAccepted,
-  ResetIdentity,
 } from './steps';
 import { Viewport } from '../../components';
+import { ConfirmReset } from '../../steps';
 import { stepStyles } from '../../styles';
 
 export const JoinPanelImpl = (props: JoinPanelImplProps) => {
@@ -44,8 +44,10 @@ export const JoinPanelImpl = (props: JoinPanelImplProps) => {
     onSpaceInvitationCancel,
     onHaloInvitationAuthenticate,
     onSpaceInvitationAuthenticate,
+    onCancelResetStorage,
+    onConfirmResetStorage,
     IdentityInput: IdentityInputComponent = IdentityInput,
-    ResetIdentity: ResetIdentityComponent = ResetIdentity,
+    ConfirmReset: ConfirmResetComponent = ConfirmReset,
   } = props;
   return (
     <DensityProvider density='fine'>
@@ -55,11 +57,12 @@ export const JoinPanelImpl = (props: JoinPanelImplProps) => {
           <Viewport.View classNames={stepStyles} id='addition method chooser'>
             <AdditionMethodChooser send={send} active={activeView === 'addition method chooser'} />
           </Viewport.View>
-          <Viewport.View classNames={stepStyles} id='reset identity confirmation'>
-            <ResetIdentityComponent
+          <Viewport.View classNames={stepStyles} id='reset storage confirmation'>
+            <ConfirmResetComponent
               send={send}
-              method='reset identity'
               active={activeView === 'reset identity confirmation'}
+              onCancel={onCancelResetStorage}
+              onConfirm={onConfirmResetStorage}
             />
           </Viewport.View>
           <Viewport.View classNames={stepStyles} id='create identity input'>
@@ -172,11 +175,13 @@ export const JoinPanelImpl = (props: JoinPanelImplProps) => {
 export const JoinPanel = ({
   titleId: propsTitleId,
   mode = 'default',
+  initialDisposition = 'default',
   initialInvitationCode,
   exitActionParent,
   onExit,
   doneActionParent,
   onDone: propsOnDone,
+  onCancelResetStorage,
 }: JoinPanelProps) => {
   const client = useClient();
   const identity = useIdentity();
@@ -186,6 +191,7 @@ export const JoinPanel = ({
   const [joinState, joinSend, joinService] = useJoinMachine(client, {
     context: {
       mode,
+      initialDisposition,
       identity,
       ...(initialInvitationCode && {
         [mode === 'halo-only' ? 'halo' : 'space']: { unredeemedCode: initialInvitationCode },
@@ -379,6 +385,14 @@ export const JoinPanel = ({
     });
   }, [joinState, propsOnDone]);
 
+  const onConfirmResetStorage = useCallback(
+    () =>
+      client.reset().then(() => {
+        joinSend({ type: 'resetIdentity' });
+      }),
+    [client, joinSend],
+  );
+
   return (
     <JoinPanelImpl
       {...{
@@ -409,6 +423,8 @@ export const JoinPanel = ({
           joinSend({ type: 'authenticateSpaceVerificationCode' });
           return joinState.context.space.invitationObservable?.authenticate(authCode);
         },
+        onConfirmResetStorage,
+        onCancelResetStorage,
       }}
     />
   );

package/src/panels/JoinPanel/JoinPanelProps.ts

@@ -8,12 +8,14 @@ import type { Identity } from '@dxos/react-client/halo';
 import type { Invitation, AuthenticatingInvitationObservable, InvitationResult } from '@dxos/react-client/invitations';
 
 import { type JoinSend } from './joinMachine';
-import { type ResetIdentityProps, type IdentityInputProps } from './steps';
-import { type StepProps } from '../../steps';
+import { type IdentityInputProps } from './steps';
+import { type ConfirmResetProps, type StepProps } from '../../steps';
 import { type FailReason } from '../../types';
 
 export type JoinPanelMode = 'default' | 'halo-only';
 
+export type JoinPanelInitialDisposition = 'default' | 'accept-halo-invitation';
+
 export type JoinStepProps = Omit<StepProps, 'send' | 'onDone'> & {
   send: JoinSend;
   onDone?: (result: InvitationResult | null) => void;
@@ -21,6 +23,7 @@ export type JoinStepProps = Omit<StepProps, 'send' | 'onDone'> & {
 
 export interface JoinPanelProps {
   mode?: JoinPanelMode;
+  initialDisposition?: JoinPanelInitialDisposition;
   initialInvitationCode?: string;
   titleId?: string;
   exitActionParent?: Parameters<typeof cloneElement>[0];
@@ -28,6 +31,7 @@ export interface JoinPanelProps {
   onExit?: () => void;
   onDone?: (result: InvitationResult | null) => void;
   parseInvitationCodeInput?: (invitationCodeInput: string) => string;
+  onCancelResetStorage?: () => void;
 }
 
 export type JoinPanelImplProps = Pick<
@@ -61,8 +65,10 @@ export type JoinPanelImplProps = Pick<
   onSpaceInvitationCancel?: () => Promise<void> | undefined;
   onHaloInvitationAuthenticate?: (authCode: string) => Promise<void> | undefined;
   onSpaceInvitationAuthenticate?: (authCode: string) => Promise<void> | undefined;
+  onConfirmResetStorage?: () => Promise<void>;
+  onCancelResetStorage?: () => void;
   IdentityInput?: React.FC<IdentityInputProps>;
-  ResetIdentity?: React.FC<ResetIdentityProps>;
+  ConfirmReset?: React.FC<ConfirmResetProps>;
 };
 
 export interface IdentityAction {

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/SpacePanel/steps/SpaceManager.tsx

@@ -59,6 +59,7 @@ export const SpaceManager = (props: SpaceManagerProps) => {
         const invitation = space.share?.({
           type: Invitation.Type.INTERACTIVE,
           authMethod: Invitation.AuthMethod.SHARED_SECRET,
+          multiUse: false,
           target,
         });
         if (invitation && config.values.runtime?.app?.env?.DX_ENVIRONMENT !== 'production') {
@@ -72,8 +73,9 @@ export const SpaceManager = (props: SpaceManagerProps) => {
       icon: UsersThree,
       onClick: useCallback(() => {
         const invitation = space.share?.({
-          type: Invitation.Type.MULTIUSE,
+          type: Invitation.Type.INTERACTIVE,
           authMethod: Invitation.AuthMethod.NONE,
+          multiUse: true,
           target,
         });
         if (invitation && config.values.runtime?.app?.env?.DX_ENVIRONMENT !== 'production') {

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/playwright/invitations.spec.ts

@@ -15,7 +15,9 @@ test.describe('Invitations', () => {
   let manager: InvitationsManager;
 
   // TODO(wittjosiah): Storybook takes a bit to be ready for testing against.
-  test.beforeAll(async ({ browser }) => {
+  test.beforeAll(async ({ browser, browserName }) => {
+    // TODO(wittjosiah): Storybook is broken in Safari/Webkit.
+    test.skip(browserName === 'webkit');
     test.setTimeout(60_000);
     manager = new InvitationsManager(browser);
     await manager.init();

package/src/steps/ConfirmReset.tsx

@@ -0,0 +1,112 @@
+//
+// 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('');
+  const testIdAffix = mode === 'join new identity' ? 'join-new-identity' : 'reset-storage';
+  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={`${testIdAffix}.reset-identity-input`}
+          placeholder={confirmationValue}
+          onChange={({ target: { value } }) => setInputValue(value)}
+        />
+      </div>
+      <Actions>
+        {onCancel && (
+          <Action disabled={disabled} onClick={onCancel} data-testid={`${testIdAffix}.reset-identity-cancel`}>
+            {t('cancel label')}
+          </Action>
+        )}
+        {onConfirm && (
+          <Action
+            variant='destructive'
+            disabled={disabled || pending || inputValue !== confirmationValue}
+            onClick={onConfirm}
+            data-testid={`${testIdAffix}.reset-identity-confirm`}
+          >
+            {pending ? t('reset in progress label') : t('reset device label')}
+          </Action>
+        )}
+      </Actions>
+    </>
+  );
+};

package/src/steps/InvitationManager.tsx

@@ -6,7 +6,7 @@ import { Check, X } from '@phosphor-icons/react';
 import React, { useMemo } from 'react';
 import { QR } from 'react-qr-rounded';
 
-import { type InvitationStatus, Invitation } from '@dxos/react-client/invitations';
+import { type InvitationStatus } from '@dxos/react-client/invitations';
 import { useId, useTranslation } from '@dxos/react-ui';
 import { descriptionText, getSize, mx } from '@dxos/react-ui-theme';
 import { hexToEmoji } from '@dxos/util';
@@ -43,13 +43,13 @@ export const InvitationManager = ({
   active,
   send,
   status,
-  type,
+  multiUse,
   authCode,
   id = '0',
 }: InvitationManagerProps) => {
   const { t } = useTranslation('os');
   const qrLabel = useId('invitation-manager__qr-code');
-  const statusValue = type === Invitation.Type.MULTIUSE ? 0 : invitationStatusValue.get(status!) ?? 0;
+  const statusValue = multiUse ? 0 : invitationStatusValue.get(status!) ?? 0;
   const showAuthCode = statusValue === 3;
   const emoji = hexToEmoji(id);
   const activeView = useMemo(() => {
@@ -69,7 +69,7 @@ export const InvitationManager = ({
         <Viewport.Views>
           <InvitationManagerView id='showing qr' emoji={emoji}>
             <p className='text-sm mlb-1 font-normal text-center'>
-              {t(type === Invitation.Type.MULTIUSE ? 'invite many qr label' : 'invite one qr label')}
+              {t(multiUse ? 'invite many qr label' : 'invite one qr label')}
             </p>
             <div role='none' className={mx(descriptionText, 'is-full max-is-[14rem] relative')}>
               <QR

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/stories/Invitations.e2e-stories.tsx

@@ -10,7 +10,7 @@ import React, { useMemo, useState } from 'react';
 import { log } from '@dxos/log';
 import { faker } from '@dxos/random';
 import { useClient } from '@dxos/react-client';
-import { type Space, type SpaceMember, SpaceProxy, useSpaces } from '@dxos/react-client/echo';
+import { type Space, type SpaceMember, useSpaces } from '@dxos/react-client/echo';
 import { useIdentity } from '@dxos/react-client/halo';
 import { Invitation, InvitationEncoder } from '@dxos/react-client/invitations';
 import { ConnectionState, useNetworkStatus } from '@dxos/react-client/mesh';
@@ -36,7 +36,7 @@ const Panel = ({ id, panel, setPanel }: { id: number; panel?: PanelType; setPane
   const spaces = useSpaces();
 
   useMemo(() => {
-    if (panel instanceof SpaceProxy) {
+    if (panel && typeof panel !== 'string') {
       (window as any)[`peer${id}CreateSpaceInvitation`] = (options?: Partial<Invitation>) => {
         const invitation = panel.share(options);
 
@@ -50,7 +50,7 @@ const Panel = ({ id, panel, setPanel }: { id: number; panel?: PanelType; setPane
     }
   }, [panel]);
 
-  if (panel instanceof SpaceProxy) {
+  if (panel && typeof panel !== 'string') {
     return <SpacePanel space={panel} createInvitationUrl={createInvitationUrl} />;
   }
 
@@ -216,6 +216,9 @@ const Invitations = (args: { id: number; count: number }) => {
   );
 };
 
+// TODO(wittjosiah): This story fails to start in Safari/Webkit.
+//   The issue appears to be related to dynamic imports during client initialization.
+//   This does not seem to be a problem in other browsers nor in Safari in the app.
 export const Default = {
   render: (args: { id: number }) => (
     <ClipboardProvider>

package/src/testing/shell-manager.ts

@@ -65,17 +65,17 @@ export class ShellManager extends ScopedShellManager {
     };
 
     this.page.on('dialog', handleDialog);
-    await this.shell.getByTestId('devices-panel.sign-out').click();
-    await this.shell.getByTestId('sign-out.reset-device').click();
-    this.page.off('dialog', handleDialog);
+    await this.shell.getByTestId('device-list-item-current.options').click();
+    await this.shell.getByTestId('device-list-item-current.reset').click();
+    await this.shell.getByTestId('reset-storage.reset-identity-input').fill('CONFIRM');
+    await this.shell.getByTestId('reset-storage.reset-identity-confirm').click();
   }
 
   async joinNewIdentity(invitationCode: string) {
-    await this.shell.getByTestId('devices-panel.sign-out').click();
-    await this.shell.getByTestId('sign-out.join-new-identity').click();
-    await this.shell.getByTestId('reset-identity-input').fill('CONFIRM');
-    await this.shell.getByTestId('reset-identity-input-confirm').click();
-    await this.shell.getByTestId('identity-chooser.join-identity').click();
+    await this.shell.getByTestId('device-list-item-current.options').click();
+    await this.shell.getByTestId('device-list-item-current.join-existing').click();
+    await this.shell.getByTestId('join-new-identity.reset-identity-input').fill('CONFIRM');
+    await this.shell.getByTestId('join-new-identity.reset-identity-confirm').click();
     await this.inputInvitation('device', invitationCode, this.shell);
   }
 
@@ -117,7 +117,8 @@ export class ShellManager extends ScopedShellManager {
 
   private async _onConsoleMessage(message: ConsoleMessage) {
     try {
-      const json = JSON.parse(message.text());
+      const text = message.text();
+      const json = JSON.parse(text.slice(text.indexOf('{')));
       if (json.invitationCode) {
         this._invitationCode.wake(json.invitationCode);
       }

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

@@ -45,8 +45,6 @@ export const os = {
   'connected status label': 'Enter confirmation PIN',
   'authenticating status label': 'Enter confirmation PIN',
   'success status label': 'Success',
-  'connect label': 'Connect',
-  'reconnect label': 'Reconnect',
   'cancel label': 'Cancel',
   'done label': 'Done',
   'reset label': 'Start over',
@@ -73,7 +71,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 +96,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',
@@ -127,4 +129,17 @@ export const os = {
   'fuchsia label': 'Fuchsia',
   'pink label': 'Pink',
   'rose label': 'Rose',
+  'current device tag label': 'This device',
+  'device name placeholder': '{{platform}} on {{os}}',
+  'more options label': 'More options',
+  'disconnect label': 'Currently online. Click to go offline.',
+  'connect label': 'Currently offline. Click to go online.',
+  'edit device label': 'Edit device name & avatar',
+  'agent heading': 'Agent',
+  'agent message title': 'About creating an agent',
+  'agent message body':
+    'Creating an agent helps keep your devices and peers in-sync. An agent is like any other device, but since it’s always online your changes will sync even when all your physical devices are asleep.',
+  'create agent label': 'Start an agent',
+  'destroy agent label': 'Shut down agent',
+  'agent device label': 'Your agent',
 };

package/src/types/index.ts

@@ -4,3 +4,5 @@
 
 export * from './FailReason';
 export * from './IInvitation';
+
+// This comment is here to bust NX cache. Remove it after the code changes.

package/dist/types/src/components/IdentityList/DeviceList.d.ts

@@ -1,7 +0,0 @@
-import { type Device } from '@dxos/react-client/halo';
-export interface DeviceListProps {
-    devices: Device[];
-    onSelect?: (device: Device) => void;
-}
-export declare const DeviceList: ({ devices, onSelect }: DeviceListProps) => JSX.Element;
-//# sourceMappingURL=DeviceList.d.ts.map

package/dist/types/src/components/IdentityList/DeviceList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DeviceList.d.ts","sourceRoot":"","sources":["../../../../../src/components/IdentityList/DeviceList.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,MAAM,EAAc,MAAM,yBAAyB,CAAC;AAMlE,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,UAAU,0BAA2B,eAAe,gBA8BhE,CAAC"}

package/dist/types/src/components/IdentityList/DeviceList.js

@@ -1,34 +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.DeviceList = void 0;
-const react_1 = __importDefault(require("react"));
-const display_name_1 = require("@dxos/display-name");
-const halo_1 = require("@dxos/react-client/halo");
-const react_ui_1 = require("@dxos/react-ui");
-const react_ui_theme_1 = require("@dxos/react-ui-theme");
-const IdentityListItem_1 = require("./IdentityListItem");
-const DeviceList = ({ devices, onSelect }) => {
-    const { t } = (0, react_ui_1.useTranslation)('os');
-    return devices.length > 0 ? (react_1.default.createElement(react_ui_1.List, { classNames: 'flex flex-col gap-2' }, devices.map((device) => {
-        var _a, _b;
-        // TODO(wittjosiah): Render this better. Consider communicating these as apps rather than devices.
-        const deviceType = ((_a = device.profile) === null || _a === void 0 ? void 0 : _a.type) || halo_1.DeviceType.UNKNOWN;
-        const displayName = ((_b = device.profile) === null || _b === void 0 ? void 0 : _b.label)
-            ? `${device.profile.label} (${halo_1.DeviceType[deviceType]})`
-            : (0, display_name_1.generateName)(device.deviceKey.toHex());
-        const identity = {
-            identityKey: device.deviceKey,
-            profile: { displayName },
-        };
-        return (react_1.default.createElement(IdentityListItem_1.IdentityListItem, { key: device.deviceKey.toHex(), identity: identity, presence: device.presence, onClick: onSelect && (() => onSelect(device)) }));
-    }))) : (react_1.default.createElement("div", { role: 'none', className: 'grow flex items-center p-2' },
-        react_1.default.createElement("p", { className: (0, react_ui_theme_1.mx)(react_ui_theme_1.descriptionText, 'text-center is-full') }, t('empty device list message'))));
-};
-exports.DeviceList = DeviceList;
-//# sourceMappingURL=DeviceList.js.map

package/dist/types/src/components/IdentityList/DeviceList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DeviceList.js","sourceRoot":"","sources":["../../../../../src/components/IdentityList/DeviceList.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,kDAA0B;AAE1B,qDAAkD;AAClD,kDAAkE;AAClE,6CAAsD;AACtD,yDAA2D;AAE3D,yDAAsD;AAO/C,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAmB,EAAE,EAAE;IACnE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,yBAAc,EAAC,IAAI,CAAC,CAAC;IACnC,OAAO,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC1B,8BAAC,eAAI,IAAC,UAAU,EAAC,qBAAqB,IACnC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;;QACtB,kGAAkG;QAClG,MAAM,UAAU,GAAG,CAAA,MAAA,MAAM,CAAC,OAAO,0CAAE,IAAI,KAAI,iBAAU,CAAC,OAAO,CAAC;QAC9D,MAAM,WAAW,GAAG,CAAA,MAAA,MAAM,CAAC,OAAO,0CAAE,KAAK;YACvC,CAAC,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,KAAK,iBAAU,CAAC,UAAU,CAAC,GAAG;YACvD,CAAC,CAAC,IAAA,2BAAY,EAAC,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC;QAE3C,MAAM,QAAQ,GAAG;YACf,WAAW,EAAE,MAAM,CAAC,SAAS;YAC7B,OAAO,EAAE,EAAE,WAAW,EAAE;SACzB,CAAC;QACF,OAAO,CACL,8BAAC,mCAAgB,IACf,GAAG,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,EAC7B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,OAAO,EAAE,QAAQ,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,GAC7C,CACH,CAAC;IACJ,CAAC,CAAC,CACG,CACR,CAAC,CAAC,CAAC,CACF,uCAAK,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,4BAA4B;QACrD,qCAAG,SAAS,EAAE,IAAA,mBAAE,EAAC,gCAAe,EAAE,qBAAqB,CAAC,IAAG,CAAC,CAAC,2BAA2B,CAAC,CAAK,CAC1F,CACP,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,UAAU,cA8BrB"}

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

@@ -1,3 +0,0 @@
-import { type AgentFormProps, type IdentityPanelStepProps } from '../IdentityPanelProps';
-export declare const AgentForm: (props: IdentityPanelStepProps & AgentFormProps) => JSX.Element;
-//# sourceMappingURL=AgentForm.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AgentForm.d.ts","sourceRoot":"","sources":["../../../../../../src/panels/IdentityPanel/steps/AgentForm.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAEzF,eAAO,MAAM,SAAS,UAAW,sBAAsB,GAAG,cAAc,gBAiDvE,CAAC"}