@dxos/react-ui 0.1.24-next.6b1f434 → 0.1.25-next.3c6b542

package/dist/lib/browser/index.mjs

@@ -780,7 +780,7 @@ var IdentityPanel = ({ identity, onClickManageProfile }) => {
 };
 
 // packages/apps/patterns/react-ui/src/panels/JoinPanel/JoinPanel.tsx
-import React27, { useEffect, useReducer as useReducer2 } from "react";
+import React27, { useEffect, useReducer as useReducer2, useState as useState6 } from "react";
 import { InvitationEncoder as InvitationEncoder2 } from "@dxos/client";
 import { log } from "@dxos/log";
 import { useClient as useClient6, useIdentity as useIdentity2 } from "@dxos/react-client";
@@ -1762,6 +1762,7 @@ var JoinPanel = ({ mode, initialInvitationCode, titleId: propsTitleId, exitActio
   const internalTitleId = useId4("joinPanel__title");
   const titleId = propsTitleId != null ? propsTitleId : internalTitleId;
   const identity = useIdentity2();
+  const [prevIdentity, setPrevIdentity] = useState6(identity);
   const availableIdentities = identity ? [
     identity
   ] : [];
@@ -1869,6 +1870,13 @@ var JoinPanel = ({ mode, initialInvitationCode, titleId: propsTitleId, exitActio
     spaceViewState: "invitation input",
     haloViewState: "invitation input"
   });
+  if (identity !== prevIdentity) {
+    setPrevIdentity(identity);
+    identity && !prevIdentity && dispatch({
+      type: "added identity",
+      identity
+    });
+  }
   useEffect(() => {
     if (unredeemedHaloInvitationCode) {
       dispatch({
@@ -1885,7 +1893,7 @@ var JoinPanel = ({ mode, initialInvitationCode, titleId: propsTitleId, exitActio
       attrValue
     }, {
       file: "JoinPanel.tsx",
-      line: 158,
+      line: 163,
       scope: void 0,
       callSite: (f, a) => f(...a)
     });
@@ -2290,7 +2298,7 @@ var JoinDialog = ({ slots, ...joinPanelProps }) => {
 };
 
 // packages/apps/patterns/react-ui/src/composites/Shell/Shell.tsx
-import React33, { useEffect as useEffect2, useState as useState6 } from "react";
+import React33, { useEffect as useEffect2, useState as useState7 } from "react";
 import { ShellDisplay, ShellLayout } from "@dxos/protocols/proto/dxos/iframe";
 import { useClient as useClient8, useSpace as useSpace3, useSpaces as useSpaces2 } from "@dxos/react-client";
 
@@ -2386,13 +2394,13 @@ var SpaceDialog = ({ slots, ...spacePanelProps }) => {
 
 // packages/apps/patterns/react-ui/src/composites/Shell/Shell.tsx
 var Shell = ({ runtime, origin }) => {
-  const client = useClient8();
-  const spaces = useSpaces2();
-  const [{ layout, invitationCode, spaceKey }, setLayout] = useState6({
+  const [{ layout, invitationCode, spaceKey }, setLayout] = useState7({
     layout: runtime.layout,
     invitationCode: runtime.invitationCode,
     spaceKey: runtime.spaceKey
   });
+  const client = useClient8();
+  const spaces = useSpaces2();
   const space = useSpace3(spaceKey);
   useEffect2(() => {
     return runtime.layoutUpdate.on((request) => setLayout(request));