@dxos/shell 0.5.2-main.2408cc7 → 0.5.2-main.41b4fdd

package/dist/types/src/translations/locales/en-US.d.ts

@@ -79,6 +79,7 @@ export declare const os: {
     'space member list heading': string;
     'space panel heading': string;
     'auth code message': string;
+    'auth other device emoji message': string;
     'display name input label': string;
     'display name input placeholder': string;
     'invite one label': string;

package/dist/types/src/translations/locales/en-US.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en-US.d.ts","sourceRoot":"","sources":["../../../../../src/translations/locales/en-US.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8Id,CAAC"}
+{"version":3,"file":"en-US.d.ts","sourceRoot":"","sources":["../../../../../src/translations/locales/en-US.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+Id,CAAC"}

package/dist/types/src/translations/locales/en-US.js

@@ -85,6 +85,7 @@ exports.os = {
     'space member list heading': 'Members',
     'space panel heading': 'Space membership',
     'auth code message': 'Enter the following auth code on the joining device.',
+    'auth other device emoji message': 'Be sure the other device shows the following symbol:',
     'display name input label': 'Display name',
     'display name input placeholder': 'Enter a display name',
     'invite one label': 'Single-use invitation',

package/dist/types/src/translations/locales/en-US.js.map

@@ -1 +1 @@
-{"version":3,"file":"en-US.js","sourceRoot":"","sources":["../../../../../src/translations/locales/en-US.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"en-US.js","sourceRoot":"","sources":["../../../../../src/translations/locales/en-US.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/shell",
-  "version": "0.5.2-main.2408cc7",
+  "version": "0.5.2-main.41b4fdd",
   "description": "DXOS’s OS experiences",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -42,18 +42,18 @@
     "react-qr-rounded": "^1.0.0",
     "url-join": "^5.0.0",
     "xstate": "^4.37.0",
-    "@dxos/async": "0.5.2-main.2408cc7",
-    "@dxos/client-services": "0.5.2-main.2408cc7",
-    "@dxos/client-protocol": "0.5.2-main.2408cc7",
-    "@dxos/debug": "0.5.2-main.2408cc7",
-    "@dxos/display-name": "0.5.2-main.2408cc7",
-    "@dxos/invariant": "0.5.2-main.2408cc7",
-    "@dxos/react-ui": "0.5.2-main.2408cc7",
-    "@dxos/react-ui-theme": "0.5.2-main.2408cc7",
-    "@dxos/log": "0.5.2-main.2408cc7",
-    "@dxos/react-ui-types": "0.5.2-main.2408cc7",
-    "@dxos/rpc-tunnel": "0.5.2-main.2408cc7",
-    "@dxos/util": "0.5.2-main.2408cc7"
+    "@dxos/client-services": "0.5.2-main.41b4fdd",
+    "@dxos/async": "0.5.2-main.41b4fdd",
+    "@dxos/client-protocol": "0.5.2-main.41b4fdd",
+    "@dxos/debug": "0.5.2-main.41b4fdd",
+    "@dxos/display-name": "0.5.2-main.41b4fdd",
+    "@dxos/invariant": "0.5.2-main.41b4fdd",
+    "@dxos/log": "0.5.2-main.41b4fdd",
+    "@dxos/react-ui": "0.5.2-main.41b4fdd",
+    "@dxos/react-ui-theme": "0.5.2-main.41b4fdd",
+    "@dxos/rpc-tunnel": "0.5.2-main.41b4fdd",
+    "@dxos/util": "0.5.2-main.41b4fdd",
+    "@dxos/react-ui-types": "0.5.2-main.41b4fdd"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.1.5",
@@ -64,19 +64,19 @@
     "react-dom": "^18.2.0",
     "vite": "^5.2.9",
     "vite-plugin-turbosnap": "^1.0.2",
-    "@dxos/config": "0.5.2-main.2408cc7",
-    "@dxos/protocols": "0.5.2-main.2408cc7",
-    "@dxos/react-async": "0.5.2-main.2408cc7",
-    "@dxos/react-client": "0.5.2-main.2408cc7",
-    "@dxos/random": "0.5.2-main.2408cc7",
-    "@dxos/react-ui-theme": "0.5.2-main.2408cc7",
-    "@dxos/storybook-utils": "0.5.2-main.2408cc7"
+    "@dxos/config": "0.5.2-main.41b4fdd",
+    "@dxos/protocols": "0.5.2-main.41b4fdd",
+    "@dxos/random": "0.5.2-main.41b4fdd",
+    "@dxos/react-async": "0.5.2-main.41b4fdd",
+    "@dxos/react-ui-theme": "0.5.2-main.41b4fdd",
+    "@dxos/react-client": "0.5.2-main.41b4fdd",
+    "@dxos/storybook-utils": "0.5.2-main.41b4fdd"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.0.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "@dxos/react-client": "0.5.2-main.2408cc7"
+    "@dxos/react-client": "0.5.2-main.41b4fdd"
   },
   "publishConfig": {
     "access": "public"

package/src/panels/JoinPanel/JoinPanel.stories.tsx

@@ -24,7 +24,7 @@ const noOpProps: JoinPanelImplProps = {
 
 const JoinDialog = (args: Partial<JoinPanelImplProps>) => (
   <StorybookDialog inOverlayLayout>
-    <JoinPanelImpl {...noOpProps} {...args} />
+    <JoinPanelImpl {...noOpProps} {...args} IdentityInput={IdentityInputImpl} ConfirmReset={ConfirmResetImpl} />
   </StorybookDialog>
 );
 
@@ -33,60 +33,32 @@ export default {
   component: JoinDialog,
   decorators: [withTheme],
   parameters: { chromatic: { disableSnapshot: false } },
-  args: {
-    IdentityInput: IdentityInputImpl,
-    ResetIdentity: ConfirmResetImpl,
-  },
 };
 
-export const AdditionMethodChooser = {
-  args: { mode: 'halo-only', activeView: 'addition method chooser' },
-};
+export const AdditionMethodChooser = () => <JoinDialog mode='halo-only' activeView='addition method chooser' />;
 
-export const ResetIdentity = {
-  args: { mode: 'halo-only', activeView: 'reset identity confirmation' },
-};
+export const ResetIdentityConfirmation = () => <JoinDialog mode='halo-only' activeView='reset identity confirmation' />;
 
-export const CreateIdentityInput = {
-  args: { mode: 'halo-only', activeView: 'create identity input' },
-};
+export const CreateIdentityInput = () => <JoinDialog mode='halo-only' activeView='create identity input' />;
 
-export const RecoverIdentityInput = {
-  args: { mode: 'halo-only', activeView: 'recover identity input' },
-};
+export const RecoverIdentityInput = () => <JoinDialog mode='halo-only' activeView='recover identity input' />;
 
-export const HaloInvitationInput = {
-  args: { mode: 'halo-only', activeView: 'halo invitation input' },
-};
+export const HaloInvitationInput = () => <JoinDialog mode='halo-only' activeView='halo invitation input' />;
 
-export const HaloInvitationRescuer = {
-  args: { mode: 'halo-only', activeView: 'halo invitation rescuer' },
-};
+export const HaloInvitationRescuer = () => <JoinDialog mode='halo-only' activeView='halo invitation rescuer' />;
 
-export const HaloInvitationAuthenticator = {
-  args: { mode: 'halo-only', activeView: 'halo invitation authenticator' },
-};
+export const HaloInvitationAuthenticator = () => (
+  <JoinDialog mode='halo-only' activeView='halo invitation authenticator' />
+);
 
-export const HaloInvitationAccepted = {
-  args: { mode: 'halo-only', activeView: 'halo invitation accepted' },
-};
+export const HaloInvitationAccepted = () => <JoinDialog mode='halo-only' activeView='halo invitation accepted' />;
 
-export const IdentityAdded = {
-  args: { mode: 'halo-only', activeView: 'identity added' },
-};
+export const IdentityAdded = () => <JoinDialog mode='halo-only' activeView='identity added' />;
 
-export const SpaceInvitationInput = {
-  args: { activeView: 'space invitation input' },
-};
+export const SpaceInvitationInput = () => <JoinDialog activeView='space invitation input' />;
 
-export const SpaceInvitationRescuer = {
-  args: { activeView: 'space invitation rescuer' },
-};
+export const SpaceInvitationRescuer = () => <JoinDialog activeView='space invitation rescuer' />;
 
-export const SpaceInvitationAuthenticator = {
-  args: { activeView: 'space invitation authenticator' },
-};
+export const SpaceInvitationAuthenticator = () => <JoinDialog activeView='space invitation authenticator' />;
 
-export const SpaceInvitationAccepted = {
-  args: { activeView: 'space invitation accepted' },
-};
+export const SpaceInvitationAccepted = () => <JoinDialog activeView='space invitation accepted' />;

package/src/panels/JoinPanel/JoinPanel.tsx

@@ -32,6 +32,7 @@ export const JoinPanelImpl = (props: JoinPanelImplProps) => {
     failed,
     mode,
     unredeemedCodes,
+    invitationIds,
     invitationStates,
     succeededKeys,
     failReasons,
@@ -102,6 +103,7 @@ export const JoinPanelImpl = (props: JoinPanelImplProps) => {
             <InvitationAuthenticator
               send={send}
               Kind='Halo'
+              invitationId={invitationIds?.Halo}
               active={activeView === 'halo invitation authenticator'}
               onInvitationCancel={onHaloInvitationCancel}
               onInvitationAuthenticate={onHaloInvitationAuthenticate}
@@ -149,6 +151,7 @@ export const JoinPanelImpl = (props: JoinPanelImplProps) => {
             <InvitationAuthenticator
               send={send}
               Kind='Space'
+              invitationId={invitationIds?.Space}
               active={activeView === 'space invitation authenticator'}
               onInvitationCancel={onSpaceInvitationCancel}
               onInvitationAuthenticate={onSpaceInvitationAuthenticate}
@@ -359,6 +362,14 @@ export const JoinPanel = ({
     [joinState],
   );
 
+  const invitationIds = useMemo(
+    () => ({
+      Halo: joinState.context.halo.invitationObservable?.get().invitationId,
+      Space: joinState.context.space.invitationObservable?.get().invitationId,
+    }),
+    [joinState],
+  );
+
   const failReasons = useMemo(
     () => ({
       Halo: joinState.context.halo.failReason,
@@ -404,6 +415,7 @@ export const JoinPanel = ({
         failReasons,
         pending: ['connecting', 'authenticating'].some((str) => joinState?.configuration[0].id.includes(str)),
         unredeemedCodes,
+        invitationIds,
         invitationStates,
         succeededKeys,
         identity,

package/src/panels/JoinPanel/JoinPanelProps.ts

@@ -47,6 +47,10 @@ export type JoinPanelImplProps = Pick<
     Halo: string;
     Space: string;
   }>;
+  invitationIds?: Partial<{
+    Halo: string;
+    Space: string;
+  }>;
   invitationStates?: Partial<{
     Halo: Invitation.State;
     Space: Invitation.State;

package/src/panels/JoinPanel/joinMachine.ts

@@ -429,7 +429,7 @@ type JoinState = StateFrom<JoinMachine>;
 type JoinSendVoid = (...params: Parameters<InterpreterFrom<JoinMachine>['send']>) => void;
 type JoinSend = InterpreterFrom<JoinMachine>['send'] | JoinSendVoid;
 
-const defaultCodeFromUrl = (invitationType: 'halo' | 'space', text: string) => {
+export const defaultCodeFromUrl = (invitationType: 'halo' | 'space', text: string) => {
   try {
     const searchParams = new URLSearchParams(text.substring(text.lastIndexOf('?')));
     return (

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

@@ -7,7 +7,7 @@ import React, { type ChangeEvent, useState } from 'react';
 import { Input, useTranslation } from '@dxos/react-ui';
 import { hexToEmoji } from '@dxos/util';
 
-import { Actions, Action, Emoji, StepHeading } from '../../../components';
+import { Actions, Action, Emoji, StepHeading, Label } from '../../../components';
 import { type JoinStepProps } from '../JoinPanelProps';
 
 const pinLength = 6;
@@ -44,8 +44,7 @@ export const InvitationAuthenticator = ({
 
   return (
     <>
-      <div role='none' className='grow flex flex-col justify-center'>
-        {invitationId && <Emoji text={hexToEmoji(invitationId)} />}
+      <div role='none' className='grow flex flex-col justify-center gap-4'>
         <Input.Root
           {...(failed && {
             validationValence: 'error',
@@ -74,6 +73,15 @@ export const InvitationAuthenticator = ({
             </Input.DescriptionAndValidation>
           )}
         </Input.Root>
+
+        {invitationId && (
+          <>
+            <Label>{t('auth other device emoji message')}</Label>
+            <div className='flex justify-center'>
+              <Emoji text={hexToEmoji(invitationId)} />
+            </div>
+          </>
+        )}
       </div>
       <Actions>
         <Action

package/src/panels/Panels.stories.tsx

@@ -10,6 +10,7 @@ import { withTheme } from '@dxos/storybook-utils';
 
 import * as IdentityPanels from './IdentityPanel/IdentityPanel.stories';
 import * as SpacePanels from './SpacePanel/SpacePanel.stories';
+import { osTranslations } from '../translations';
 
 const getComponentNames = (module: any): string[] =>
   module?.__namedExportsOrder ??
@@ -55,5 +56,5 @@ export default {
   title: 'react-shell/All',
   decorators: [withTheme],
   component: StoryRow,
-  parameters: { chromatic: { disableSnapshot: false } },
+  parameters: { chromatic: { disableSnapshot: false }, translations: [osTranslations] },
 };

package/src/steps/InvitationManager.tsx

@@ -98,7 +98,7 @@ export const InvitationManager = ({
           <InvitationManagerView id='showing auth code'>
             <Label>{t('auth code message')}</Label>
             <AuthCode code={authCode} large classNames='text-black dark:text-white' />
-            <Label>Be sure the other device is showing this symbol:</Label>
+            <Label>{t('auth other device emoji message')}</Label>
             {emoji && <Emoji text={emoji} />}
           </InvitationManagerView>
           <InvitationManagerView id='showing final'>

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

@@ -83,6 +83,7 @@ export const os = {
   'space member list heading': 'Members',
   'space panel heading': 'Space membership',
   'auth code message': 'Enter the following auth code on the joining device.',
+  'auth other device emoji message': 'Be sure the other device shows the following symbol:',
   'display name input label': 'Display name',
   'display name input placeholder': 'Enter a display name',
   'invite one label': 'Single-use invitation',