@dxos/shell 0.4.7-main.344d0d8 → 0.4.7-main.40a4553

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/shell",
-  "version": "0.4.7-main.344d0d8",
+  "version": "0.4.7-main.40a4553",
   "description": "DXOS’s OS experiences",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -41,19 +41,19 @@
     "react-qr-rounded": "^1.0.0",
     "url-join": "^5.0.0",
     "xstate": "^4.37.0",
-    "@dxos/async": "0.4.7-main.344d0d8",
-    "@dxos/client-services": "0.4.7-main.344d0d8",
-    "@dxos/client-protocol": "0.4.7-main.344d0d8",
-    "@dxos/display-name": "0.4.7-main.344d0d8",
-    "@dxos/debug": "0.4.7-main.344d0d8",
-    "@dxos/react-client": "0.4.7-main.344d0d8",
-    "@dxos/log": "0.4.7-main.344d0d8",
-    "@dxos/invariant": "0.4.7-main.344d0d8",
-    "@dxos/react-ui": "0.4.7-main.344d0d8",
-    "@dxos/react-ui-types": "0.4.7-main.344d0d8",
-    "@dxos/rpc-tunnel": "0.4.7-main.344d0d8",
-    "@dxos/util": "0.4.7-main.344d0d8",
-    "@dxos/react-ui-theme": "0.4.7-main.344d0d8"
+    "@dxos/async": "0.4.7-main.40a4553",
+    "@dxos/client-protocol": "0.4.7-main.40a4553",
+    "@dxos/client-services": "0.4.7-main.40a4553",
+    "@dxos/debug": "0.4.7-main.40a4553",
+    "@dxos/invariant": "0.4.7-main.40a4553",
+    "@dxos/display-name": "0.4.7-main.40a4553",
+    "@dxos/log": "0.4.7-main.40a4553",
+    "@dxos/react-client": "0.4.7-main.40a4553",
+    "@dxos/react-ui-theme": "0.4.7-main.40a4553",
+    "@dxos/rpc-tunnel": "0.4.7-main.40a4553",
+    "@dxos/react-ui": "0.4.7-main.40a4553",
+    "@dxos/react-ui-types": "0.4.7-main.40a4553",
+    "@dxos/util": "0.4.7-main.40a4553"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.0.5",
@@ -62,13 +62,13 @@
     "@vitejs/plugin-react": "^4.2.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "vite": "^5.1.3",
+    "vite": "^5.1.5",
     "vite-plugin-turbosnap": "^1.0.2",
-    "@dxos/config": "0.4.7-main.344d0d8",
-    "@dxos/react-async": "0.4.7-main.344d0d8",
-    "@dxos/random": "0.4.7-main.344d0d8",
-    "@dxos/react-ui-theme": "0.4.7-main.344d0d8",
-    "@dxos/storybook-utils": "0.4.7-main.344d0d8"
+    "@dxos/config": "0.4.7-main.40a4553",
+    "@dxos/random": "0.4.7-main.40a4553",
+    "@dxos/react-async": "0.4.7-main.40a4553",
+    "@dxos/storybook-utils": "0.4.7-main.40a4553",
+    "@dxos/react-ui-theme": "0.4.7-main.40a4553"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.0.5",

package/src/components/IdentityList/IdentityListItem.tsx

@@ -36,10 +36,10 @@ export const IdentityListItem = forwardRef<
       <Avatar.Root
         status={presence === SpaceMember.PresenceState.ONLINE ? 'active' : 'inactive'}
         labelId={labelId}
-        hue={identity.profile?.hue || fallbackValue.hue}
+        hue={identity.profile?.data?.hue || fallbackValue.hue}
       >
         <Avatar.Frame classNames='place-self-center'>
-          <Avatar.Fallback text={identity.profile?.emoji || fallbackValue.emoji} />
+          <Avatar.Fallback text={identity.profile?.data?.emoji || fallbackValue.emoji} />
         </Avatar.Frame>
         <Avatar.Label classNames='text-sm truncate pli-2'>{displayName}</Avatar.Label>
       </Avatar.Root>

package/src/panels/IdentityPanel/IdentityPanel.tsx

@@ -29,9 +29,9 @@ const IdentityHeading = ({ titleId, title, identity, onDone }: IdentityPanelHead
   const fallbackValue = keyToFallback(identity.identityKey);
   return (
     <Heading titleId={titleId} title={title} corner={<CloseButton onDone={onDone} />}>
-      <Avatar.Root size={12} variant='circle' status='active' hue={identity.profile?.hue || fallbackValue.hue}>
+      <Avatar.Root size={12} variant='circle' status='active' hue={identity.profile?.data?.hue || fallbackValue.hue}>
         <Avatar.Frame classNames='block mbs-4 mbe-2 mli-auto chromatic-ignore'>
-          <Avatar.Fallback text={identity.profile?.emoji || fallbackValue.emoji} />
+          <Avatar.Fallback text={identity.profile?.data?.emoji || fallbackValue.emoji} />
         </Avatar.Frame>
         <Avatar.Label classNames='block text-center font-light text-xl' data-testid='identityHeading.displayName'>
           {identity.profile?.displayName ?? generateName(identity.identityKey.toHex())}

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

@@ -37,9 +37,10 @@ export const ProfileForm = (props: ProfileFormProps) => {
   return <ProfileFormImpl {...props} onUpdateProfile={handleUpdateProfile} validationMessage={validationMessage} />;
 };
 
-const getHueValue = (identity?: Identity) => identity?.profile?.hue || hexToHue(identity?.identityKey.toHex() ?? '0');
+const getHueValue = (identity?: Identity) =>
+  identity?.profile?.data?.hue || hexToHue(identity?.identityKey.toHex() ?? '0');
 const getEmojiValue = (identity?: Identity) =>
-  identity?.profile?.emoji || hexToEmoji(identity?.identityKey.toHex() ?? '0');
+  identity?.profile?.data?.emoji || hexToEmoji(identity?.identityKey.toHex() ?? '0');
 
 // TODO(zhenyasav): impl shouldn't need send()
 const ProfileFormImpl = (props: ProfileFormImplProps) => {
@@ -105,7 +106,7 @@ const ProfileFormImpl = (props: ProfileFormImplProps) => {
         <Action
           variant='primary'
           disabled={disabled}
-          onClick={() => onUpdateProfile?.({ displayName, emoji, hue })}
+          onClick={() => onUpdateProfile?.({ displayName, data: { emoji, hue } })}
           data-testid='update-profile-form-continue'
         >
           {t('done label')}

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

@@ -43,9 +43,9 @@ export const IdentityAdded = (props: IdentityAddedProps) => {
     <>
       <StepHeading>{t('identity added label')}</StepHeading>
       <div role='none' className='grow flex flex-col items-center justify-center text-center gap-2'>
-        <Avatar.Root status='active' labelId={labelId} hue={addedIdentity?.profile?.hue || fallbackValue.hue}>
+        <Avatar.Root status='active' labelId={labelId} hue={addedIdentity?.profile?.data?.hue || fallbackValue.hue}>
           <Avatar.Frame>
-            <Avatar.Fallback text={addedIdentity?.profile?.emoji || fallbackValue.emoji} />
+            <Avatar.Fallback text={addedIdentity?.profile?.data?.emoji || fallbackValue.emoji} />
           </Avatar.Frame>
           <Avatar.Label classNames={mx('text-lg truncate', !addedIdentity?.profile?.displayName && 'font-mono')}>
             {displayName}