@dxos/react-ui 0.1.34 → 0.1.36-next.ef27157

package/dist/lib/browser/index.mjs

@@ -1,8 +1,6 @@
-var __defProp = Object.defineProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
+import {
+  __export
+} from "./chunk-5VRACIDE.mjs";
 
 // packages/apps/patterns/react-ui/src/components/Clipboard/CopyButton.tsx
 import { Check, Copy } from "@phosphor-icons/react";
@@ -197,12 +195,16 @@ var invitationStatusValue = /* @__PURE__ */ new Map([
     2
   ],
   [
-    Invitation.State.AUTHENTICATING,
+    Invitation.State.READY_FOR_AUTHENTICATION,
     3
   ],
   [
-    Invitation.State.SUCCESS,
+    Invitation.State.AUTHENTICATING,
     4
+  ],
+  [
+    Invitation.State.SUCCESS,
+    5
   ]
 ]);
 
@@ -364,12 +366,12 @@ function _extends4() {
   return _extends4.apply(this, arguments);
 }
 var InvitationListItem = ({ invitation, value, onClickRemove, createInvitationUrl }) => {
-  var _a, _b;
+  var _a;
   const { t } = useTranslation3("os");
   const qrLabel = useId("qrLabel");
-  const { cancel, status, haltedAt, invitationCode, authenticationCode } = useInvitationStatus(invitation);
+  const { cancel, status, haltedAt, invitationCode, authCode } = useInvitationStatus(invitation);
   const statusValue = (_a = invitationStatusValue.get(status)) != null ? _a : 0;
-  const isCancellable = statusValue < 4 && statusValue >= 0;
+  const isCancellable = statusValue < 5 && statusValue >= 0;
   const showShare = statusValue < 3 && statusValue >= 0;
   const showAuthCode = statusValue === 3;
   const handleClickRemove = useCallback2(() => onClickRemove(invitation), [
@@ -385,7 +387,7 @@ var InvitationListItem = ({ invitation, value, onClickRemove, createInvitationUr
     status,
     haltedAt,
     size: 8,
-    invitationId: (_b = invitation == null ? void 0 : invitation.invitation) == null ? void 0 : _b.invitationId
+    invitationId: invitation == null ? void 0 : invitation.get().invitationId
   })), showShare && invitationUrl ? /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement(AccordionPrimitive.Trigger, {
     asChild: true
   }, /* @__PURE__ */ React9.createElement(Button2, {
@@ -398,7 +400,7 @@ var InvitationListItem = ({ invitation, value, onClickRemove, createInvitationUr
     value: invitationUrl
   })) : showAuthCode ? /* @__PURE__ */ React9.createElement("p", {
     className: "grow text-xl text-center text-success-500 dark:text-success-300 font-mono"
-  }, authenticationCode) : /* @__PURE__ */ React9.createElement("span", {
+  }, authCode) : /* @__PURE__ */ React9.createElement("span", {
     role: "none",
     className: "grow"
   }), isCancellable ? /* @__PURE__ */ React9.createElement(Button2, {
@@ -465,9 +467,8 @@ var InvitationList = ({ invitations, ...invitationProps }) => {
     className: "flex flex-col gap-1"
   }, /* @__PURE__ */ React10.createElement(DensityProvider, {
     density: "fine"
-  }, /* @__PURE__ */ React10.createElement(ClipboardProvider, null, invitations.map((invitation, index) => {
-    var _a, _b;
-    const value = (_b = (_a = invitation.invitation) == null ? void 0 : _a.invitationId) != null ? _b : `inv_${index}`;
+  }, /* @__PURE__ */ React10.createElement(ClipboardProvider, null, invitations.map((invitation) => {
+    const value = invitation.get().invitationId;
     return /* @__PURE__ */ React10.createElement(InvitationListItem, _extends5({
       key: value,
       value,
@@ -496,8 +497,9 @@ function _extends6() {
 var InvitationListContainer = ({ spaceKey, createInvitationUrl }) => {
   const space = useSpace(spaceKey);
   const invitations = useSpaceInvitations(spaceKey);
-  const onClickRemove = useCallback3(({ invitation }) => {
-    (invitation == null ? void 0 : invitation.invitationId) && (space == null ? void 0 : space.removeInvitation(invitation.invitationId));
+  const onClickRemove = useCallback3((invitation) => {
+    const invitationId = invitation.get().invitationId;
+    invitationId && (space == null ? void 0 : space.removeInvitation(invitationId));
   }, [
     space
   ]);
@@ -823,7 +825,7 @@ var DeviceListView = ({ createInvitationUrl, titleId, onDone, doneActionParent }
     className: mx13(defaultSurface, "rounded-be-md p-2")
   }, /* @__PURE__ */ React18.createElement(InvitationList, {
     invitations,
-    onClickRemove: ({ invitation }) => invitation && client.halo.removeInvitation(invitation.invitationId),
+    onClickRemove: (invitation) => invitation.get() && client.halo.removeInvitation(invitation.get().invitationId),
     createInvitationUrl
   }), /* @__PURE__ */ React18.createElement(Button3, {
     className: "is-full flex gap-2 mbs-2",
@@ -957,219 +959,245 @@ import { useCallback as useCallback5 } from "react";
 import { assign, createMachine } from "xstate";
 import { Invitation as Invitation4, InvitationEncoder } from "@dxos/client";
 import { log } from "@dxos/log";
-var getInvitationSubscribable = (Domain, invitation) => {
+var getInvitationSubscribable = (Kind, invitation) => {
   log("[subscribing to invitation]", invitation, {
     file: "joinMachine.ts",
-    line: 75,
+    line: 77,
     scope: void 0,
     callSite: (f, a) => f(...a)
   });
   return {
-    subscribe: (next, onError, complete) => {
-      const unsubscribe = invitation.subscribe({
-        onAuthenticating: (invitation2) => {
-          log("[invitation authenticating]", {
-            Domain,
+    subscribe: (next, onError, complete) => invitation.subscribe((invitation2) => {
+      switch (invitation2.state) {
+        case Invitation4.State.CONNECTING: {
+          log("[invitation connecting]", {
+            Kind,
             invitation: invitation2
           }, {
             file: "joinMachine.ts",
-            line: 84,
+            line: 88,
             scope: void 0,
             callSite: (f, a) => f(...a)
           });
           return next({
-            type: `authenticate${Domain}Invitation`,
+            type: `connecting${Kind}Invitation`,
             invitation: invitation2
           });
-        },
-        onCancelled: () => {
-          log.warn("[invitation cancelled]", {
-            Domain
+        }
+        case Invitation4.State.CONNECTED: {
+          log("[invitation connected]", {
+            Kind,
+            invitation: invitation2
           }, {
             file: "joinMachine.ts",
-            line: 88,
+            line: 93,
             scope: void 0,
             callSite: (f, a) => f(...a)
           });
           return next({
-            type: `fail${Domain}Invitation`,
-            reason: "cancelled"
+            type: `connected${Kind}Invitation`,
+            invitation: invitation2
           });
-        },
-        onTimeout: () => {
-          log.error("[invitation timeout]", {
-            Domain
+        }
+        case Invitation4.State.READY_FOR_AUTHENTICATION: {
+          log("[invitation ready for authentication]", {
+            Kind,
+            invitation: invitation2
           }, {
             file: "joinMachine.ts",
-            line: 92,
+            line: 98,
             scope: void 0,
             callSite: (f, a) => f(...a)
           });
           return next({
-            type: `fail${Domain}Invitation`,
-            reason: "timeout"
+            type: `readyForAuthentication${Kind}Invitation`,
+            invitation: invitation2
           });
-        },
-        onConnecting: (invitation2) => {
-          log("[invitation connecting]", {
-            Domain,
+        }
+        case Invitation4.State.AUTHENTICATING: {
+          log("[invitation authenticating]", {
+            Kind,
             invitation: invitation2
           }, {
             file: "joinMachine.ts",
-            line: 96,
+            line: 103,
             scope: void 0,
             callSite: (f, a) => f(...a)
           });
           return next({
-            type: `connect${Domain}Invitation`,
+            type: `authenticating${Kind}Invitation`,
             invitation: invitation2
           });
-        },
-        onConnected: (invitation2) => {
-          log("[invitation connected]", {
-            Domain,
+        }
+        case Invitation4.State.SUCCESS: {
+          log("[invitation success]", {
+            Kind,
             invitation: invitation2
           }, {
             file: "joinMachine.ts",
-            line: 100,
+            line: 108,
             scope: void 0,
             callSite: (f, a) => f(...a)
           });
-          return next({
-            type: `connectionSuccess${Domain}Invitation`,
+          next({
+            type: `success${Kind}Invitation`,
             invitation: invitation2
           });
-        },
-        onSuccess: () => {
-          log("[invitation success]", {
-            Domain
+          return complete == null ? void 0 : complete();
+        }
+        case Invitation4.State.CANCELLED: {
+          log.warn("[invitation cancelled]", {
+            Kind
           }, {
             file: "joinMachine.ts",
-            line: 104,
+            line: 114,
             scope: void 0,
             callSite: (f, a) => f(...a)
           });
-          next({
-            type: `succeed${Domain}Invitation`
+          return next({
+            type: `fail${Kind}Invitation`,
+            reason: "cancelled"
           });
-          return complete == null ? void 0 : complete();
-        },
-        onError: (error) => {
-          log.error("[invitation errored]", {
-            Domain,
-            error
+        }
+        case Invitation4.State.TIMEOUT: {
+          log.error("[invitation timeout]", {
+            Kind
           }, {
             file: "joinMachine.ts",
-            line: 109,
+            line: 119,
             scope: void 0,
             callSite: (f, a) => f(...a)
           });
-          next({
-            type: `fail${Domain}Invitation`,
-            reason: "error"
+          return next({
+            type: `fail${Kind}Invitation`,
+            reason: "timeout"
           });
-          return onError == null ? void 0 : onError(error);
         }
+      }
+    }, (error) => {
+      log.error("[invitation errored]", {
+        Kind,
+        error
+      }, {
+        file: "joinMachine.ts",
+        line: 125,
+        scope: void 0,
+        callSite: (f, a) => f(...a)
       });
-      return {
-        unsubscribe
-      };
-    }
+      next({
+        type: `fail${Kind}Invitation`,
+        reason: "error"
+      });
+      return onError == null ? void 0 : onError(error);
+    })
   };
 };
-var acceptingInvitationTemplate = (Domain, successTarget) => {
+var acceptingInvitationTemplate = (Kind, successTarget) => {
   const config = {
-    initial: `unknown${Domain}`,
+    initial: `unknown${Kind}`,
     states: {
-      [`unknown${Domain}`]: {
+      [`unknown${Kind}`]: {
         always: [
           {
-            cond: ({ mode }) => mode === "halo-only" && Domain === "Space",
+            cond: ({ mode }) => mode === "halo-only" && Kind === "Space",
             target: "#join.finishingJoiningHalo"
           },
           {
-            // cond: `no${Domain}Invitation`,
-            target: `inputting${Domain}InvitationCode`,
+            // cond: `no${Kind}Invitation`,
+            target: `inputting${Kind}InvitationCode`,
             actions: "log"
           }
         ]
       },
-      [`inputting${Domain}InvitationCode`]: {},
-      [`acceptingRedeemed${Domain}Invitation`]: {
+      [`inputting${Kind}InvitationCode`]: {},
+      [`acceptingRedeemed${Kind}Invitation`]: {
         invoke: {
-          src: (context) => context[Domain.toLowerCase()].invitationSubscribable
+          src: (context) => context[Kind.toLowerCase()].invitationSubscribable
         },
-        initial: `unknown${Domain}Invitation`,
+        initial: `unknown${Kind}Invitation`,
         states: {
-          [`unknown${Domain}Invitation`]: {
+          [`unknown${Kind}Invitation`]: {
             always: [
               {
                 cond: (context) => {
-                  const invitation = context[Domain.toLowerCase()].invitation;
+                  const invitation = context[Kind.toLowerCase()].invitation;
                   return !invitation || (invitation == null ? void 0 : invitation.state) === Invitation4.State.CONNECTING;
                 },
-                target: `connecting${Domain}Invitation`,
+                target: `connecting${Kind}Invitation`,
                 actions: "log"
               },
               {
-                target: `inputting${Domain}VerificationCode`,
+                target: `inputting${Kind}VerificationCode`,
                 actions: "log"
               }
             ]
           },
-          [`connecting${Domain}Invitation`]: {},
-          [`inputting${Domain}VerificationCode`]: {
+          [`connecting${Kind}Invitation`]: {},
+          [`inputting${Kind}VerificationCode`]: {},
+          [`authenticating${Kind}VerificationCode`]: {
             on: {
-              [`authenticate${Domain}VerificationCode`]: {
-                target: `authenticating${Domain}VerificationCode`,
-                actions: "log"
+              [`readyForAuthentication${Kind}Invitation`]: {
+                target: `authenticationFailing${Kind}VerificationCode`,
+                actions: [
+                  "setInvitation",
+                  "log"
+                ]
               }
             }
           },
-          [`authenticating${Domain}VerificationCode`]: {
-            on: {
-              [`authenticate${Domain}Invitation`]: {
-                target: `authenticationFailing${Domain}VerificationCode`,
-                actions: "log"
-              }
-            }
-          },
-          [`authenticationFailing${Domain}VerificationCode`]: {},
-          [`failing${Domain}Invitation`]: {},
-          [`success${Domain}Invitation`]: {}
+          [`authenticationFailing${Kind}VerificationCode`]: {},
+          [`failing${Kind}Invitation`]: {},
+          [`success${Kind}Invitation`]: {}
         },
         on: {
-          [`reset${Domain}Invitation`]: {
-            target: `#join${Domain === "Halo" ? ".choosingIdentity" : ""}.accepting${Domain}Invitation.unknown${Domain}`,
+          [`reset${Kind}Invitation`]: {
+            target: `#join${Kind === "Halo" ? ".choosingIdentity" : ""}.accepting${Kind}Invitation.unknown${Kind}`,
             actions: [
               "resetInvitation",
               "log"
             ]
           },
-          [`connect${Domain}Invitation`]: {
-            target: `.connecting${Domain}Invitation`,
+          [`connecting${Kind}Invitation`]: {
+            target: `.connecting${Kind}Invitation`,
             actions: [
               "setInvitation",
               "log"
             ]
           },
-          [`connectionSuccess${Domain}Invitation`]: {
-            target: `.inputting${Domain}VerificationCode`,
+          [`connected${Kind}Invitation`]: {
+            target: `.connecting${Kind}Invitation`,
             actions: [
               "setInvitation",
               "log"
             ]
           },
-          [`succeed${Domain}Invitation`]: {
+          [`readyForAuthentication${Kind}Invitation`]: {
+            target: `.inputting${Kind}VerificationCode`,
+            actions: [
+              "setInvitation",
+              "log"
+            ]
+          },
+          [`authenticating${Kind}Invitation`]: {
+            target: `.authenticating${Kind}VerificationCode`,
+            actions: [
+              "setInvitation",
+              "log"
+            ]
+          },
+          [`success${Kind}Invitation`]: {
             target: successTarget,
-            actions: "log"
+            actions: [
+              "setInvitation",
+              "log"
+            ]
           },
-          [`fail${Domain}Invitation`]: {
-            target: `.failing${Domain}Invitation`,
+          [`fail${Kind}Invitation`]: {
+            target: `.failing${Kind}Invitation`,
             actions: [
               assign({
-                [Domain.toLowerCase()]: (context, event) => ({
-                  ...context[Domain.toLowerCase()],
+                [Kind.toLowerCase()]: (context, event) => ({
+                  ...context[Kind.toLowerCase()],
                   failReason: event.reason
                 })
               }),
@@ -1180,16 +1208,16 @@ var acceptingInvitationTemplate = (Domain, successTarget) => {
       }
     },
     on: {
-      [`set${Domain}InvitationCode`]: {
-        target: `.acceptingRedeemed${Domain}Invitation`,
+      [`set${Kind}InvitationCode`]: {
+        target: `.acceptingRedeemed${Kind}Invitation`,
         actions: [
           assign({
-            [Domain.toLowerCase()]: (context, event) => ({
-              ...context[Domain.toLowerCase()],
+            [Kind.toLowerCase()]: (context, event) => ({
+              ...context[Kind.toLowerCase()],
               unredeemedCode: event.code
             })
           }),
-          `redeem${Domain}InvitationCode`,
+          `redeem${Kind}InvitationCode`,
           "log"
         ]
       }
@@ -1312,7 +1340,7 @@ var joinMachine = createMachine({
         spaceInvitation: context.space.invitation
       }, {
         file: "joinMachine.ts",
-        line: 341,
+        line: 351,
         scope: void 0,
         callSite: (f, a) => f(...a)
       });
@@ -1327,7 +1355,7 @@ var defaultCodeFromUrl = (invitationType, text) => {
   } catch (err) {
     log.catch(err, {}, {
       file: "joinMachine.ts",
-      line: 367,
+      line: 377,
       scope: void 0,
       callSite: (f, a) => f(...a)
     });
@@ -1682,7 +1710,7 @@ function _extends19() {
   };
   return _extends19.apply(this, arguments);
 }
-var PureInvitationAcceptedContent = ({ onDone, result, Domain, doneActionParent, active }) => {
+var PureInvitationAcceptedContent = ({ onDone, result, Kind, doneActionParent, active }) => {
   const disabled = !active;
   const { t } = useTranslation13("os");
   const doneButton = /* @__PURE__ */ React25.createElement(Button8, _extends19({}, onDone && {
@@ -1690,8 +1718,8 @@ var PureInvitationAcceptedContent = ({ onDone, result, Domain, doneActionParent,
   }, {
     disabled,
     className: "flex items-center gap-2 pli-2",
-    "data-autofocus": `success${Domain}Invitation finishingJoining${Domain}`,
-    "data-testid": `${Domain.toLowerCase()}-invitation-accepted-done`
+    "data-autofocus": `success${Kind}Invitation finishingJoining${Kind}`,
+    "data-testid": `${Kind.toLowerCase()}-invitation-accepted-done`
   }), /* @__PURE__ */ React25.createElement(CaretLeft3, {
     weight: "bold",
     className: mx18(getSize11(2), "invisible")
@@ -1715,8 +1743,8 @@ var InvitationAcceptedContent = (props) => {
 };
 var InvitationAccepted = (props) => {
   var _a;
-  const { Domain, doneActionParent: _doneActionParent, onDone: _onDone, ...viewStateProps } = props;
-  const activeInvitation = (_a = viewStateProps.joinState) == null ? void 0 : _a.context[Domain.toLowerCase()].invitationObservable;
+  const { Kind, doneActionParent: _doneActionParent, onDone: _onDone, ...viewStateProps } = props;
+  const activeInvitation = (_a = viewStateProps.joinState) == null ? void 0 : _a.context[Kind.toLowerCase()].invitationObservable;
   return /* @__PURE__ */ React25.createElement(ViewState, _extends19({}, viewStateProps), !activeInvitation ? /* @__PURE__ */ React25.createElement(PureInvitationAcceptedContent, _extends19({}, props, {
     result: null
   })) : /* @__PURE__ */ React25.createElement(InvitationAcceptedContent, _extends19({}, props, {
@@ -1742,11 +1770,11 @@ function _extends20() {
   };
   return _extends20.apply(this, arguments);
 }
-var InvitationInput = ({ Domain, ...viewStateProps }) => {
+var InvitationInput = ({ Kind, ...viewStateProps }) => {
   const disabled = !viewStateProps.active;
   const { joinSend, joinState } = viewStateProps;
   const { t } = useTranslation14("os");
-  const contextUnredeemedCode = joinState == null ? void 0 : joinState.context[Domain.toLowerCase()].unredeemedCode;
+  const contextUnredeemedCode = joinState == null ? void 0 : joinState.context[Kind.toLowerCase()].unredeemedCode;
   const [inputValue, setInputValue] = useState4(contextUnredeemedCode != null ? contextUnredeemedCode : "");
   useEffect(() => {
     contextUnredeemedCode && setInputValue(contextUnredeemedCode != null ? contextUnredeemedCode : "");
@@ -1754,7 +1782,7 @@ var InvitationInput = ({ Domain, ...viewStateProps }) => {
     contextUnredeemedCode
   ]);
   const handleNext = () => joinSend({
-    type: `set${Domain}InvitationCode`,
+    type: `set${Kind}InvitationCode`,
     code: inputValue
   });
   return /* @__PURE__ */ React26.createElement(ViewState, _extends20({}, viewStateProps), /* @__PURE__ */ React26.createElement(Input2, {
@@ -1767,8 +1795,8 @@ var InvitationInput = ({ Domain, ...viewStateProps }) => {
         className: "m-0"
       },
       input: {
-        "data-autofocus": `inputting${Domain}InvitationCode`,
-        "data-testid": `${Domain.toLowerCase()}-invitation-input`,
+        "data-autofocus": `inputting${Kind}InvitationCode`,
+        "data-testid": `${Kind.toLowerCase()}-invitation-input`,
         onKeyUp: ({ key }) => key === "Enter" && handleNext()
       }
     }
@@ -1781,7 +1809,7 @@ var InvitationInput = ({ Domain, ...viewStateProps }) => {
     disabled,
     className: "grow flex items-center gap-2 pli-2 order-2",
     onClick: handleNext,
-    "data-testid": `${Domain.toLowerCase()}-invitation-input-continue`
+    "data-testid": `${Kind.toLowerCase()}-invitation-input-continue`
   }, /* @__PURE__ */ React26.createElement(CaretLeft4, {
     weight: "bold",
     className: mx19(getSize12(2), "invisible")
@@ -1791,12 +1819,12 @@ var InvitationInput = ({ Domain, ...viewStateProps }) => {
     weight: "bold",
     className: getSize12(4)
   })), /* @__PURE__ */ React26.createElement(Button9, {
-    disabled: Domain === "Space",
+    disabled: disabled || Kind === "Space",
     onClick: () => joinSend({
       type: "deselectAuthMethod"
     }),
     className: "flex items-center gap-2 pis-2 pie-4",
-    "data-testid": `${Domain.toLowerCase()}-invitation-input-back`
+    "data-testid": `${Kind.toLowerCase()}-invitation-input-back`
   }, /* @__PURE__ */ React26.createElement(CaretLeft4, {
     weight: "bold",
     className: getSize12(4)
@@ -1822,9 +1850,9 @@ function _extends21() {
   };
   return _extends21.apply(this, arguments);
 }
-var InvitationActions = ({ invitationState, disabled, joinSend, joinState, Domain }) => {
+var InvitationActions = ({ invitationState, disabled, joinSend, joinState, Kind }) => {
   const { t } = useTranslation15("os");
-  const invitationType = Domain.toLowerCase();
+  const invitationType = Kind.toLowerCase();
   switch (invitationState) {
     case Invitation6.State.CONNECTING:
       return /* @__PURE__ */ React27.createElement(React27.Fragment, null, /* @__PURE__ */ React27.createElement(ViewStateHeading, {
@@ -1871,7 +1899,7 @@ var InvitationActions = ({ invitationState, disabled, joinSend, joinState, Domai
         disabled,
         className: "flex items-center gap-2 pli-2",
         onClick: () => joinSend({
-          type: `reset${Domain}Invitation`
+          type: `reset${Kind}Invitation`
         }),
         "data-testid": "invitation-rescuer-reset"
       }, /* @__PURE__ */ React27.createElement(CaretLeft5, {
@@ -1884,11 +1912,11 @@ var InvitationActions = ({ invitationState, disabled, joinSend, joinState, Domai
       })));
   }
 };
-var InvitationRescuer = ({ Domain, ...viewStateProps }) => {
+var InvitationRescuer = ({ Kind, ...viewStateProps }) => {
   var _a;
   const disabled = !viewStateProps.active;
   const { joinSend, joinState } = viewStateProps;
-  const invitationState = (_a = joinState == null ? void 0 : joinState.context[Domain.toLowerCase()].invitation) == null ? void 0 : _a.state;
+  const invitationState = (_a = joinState == null ? void 0 : joinState.context[Kind.toLowerCase()].invitation) == null ? void 0 : _a.state;
   const { t } = useTranslation15("os");
   return /* @__PURE__ */ React27.createElement(ViewState, _extends21({}, viewStateProps), typeof invitationState === "undefined" ? /* @__PURE__ */ React27.createElement(React27.Fragment, null, /* @__PURE__ */ React27.createElement("div", {
     role: "none",
@@ -1896,10 +1924,10 @@ var InvitationRescuer = ({ Domain, ...viewStateProps }) => {
   }), /* @__PURE__ */ React27.createElement(Button10, {
     disabled,
     className: "flex items-center gap-2 pli-2",
-    "data-autofocus": `inputting${Domain}InvitationCode`,
+    "data-autofocus": `inputting${Kind}InvitationCode`,
     "data-testid": "invitation-rescuer-blank-reset",
     onClick: () => joinSend({
-      type: `reset${Domain}Invitation`
+      type: `reset${Kind}Invitation`
     })
   }, /* @__PURE__ */ React27.createElement(CaretLeft5, {
     weight: "bold",
@@ -1913,7 +1941,7 @@ var InvitationRescuer = ({ Domain, ...viewStateProps }) => {
     disabled,
     joinSend,
     joinState,
-    Domain
+    Kind
   })));
 };
 
@@ -1937,9 +1965,9 @@ function _extends22() {
   return _extends22.apply(this, arguments);
 }
 var pinLength = 6;
-var PureInvitationAuthenticatorContent = ({ disabled, failed, joinSend, joinState, Domain, onChange, onAuthenticate }) => {
+var PureInvitationAuthenticatorContent = ({ disabled, failed, joinSend, joinState, Kind, onChange, onAuthenticate }) => {
   const { t } = useTranslation16("os");
-  const invitationType = Domain.toLowerCase();
+  const invitationType = Kind.toLowerCase();
   return /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement(Input3, _extends22({
     label: /* @__PURE__ */ React28.createElement(ViewStateHeading, null, t("auth code input label")),
     size: "pin",
@@ -1958,7 +1986,7 @@ var PureInvitationAuthenticatorContent = ({ disabled, failed, joinSend, joinStat
         inputMode: "numeric",
         autoComplete: "off",
         pattern: "\\d*",
-        "data-autofocus": `connecting${Domain}Invitation inputting${Domain}VerificationCode authenticationFailing${Domain}VerificationCode authenticating${Domain}VerificationCode`,
+        "data-autofocus": `connecting${Kind}Invitation inputting${Kind}VerificationCode authenticationFailing${Kind}VerificationCode authenticating${Kind}VerificationCode`,
         "data-prevent-ios-autofocus": true,
         "data-testid": `${invitationType}-auth-code-input`,
         "data-1p-ignore": true
@@ -1999,13 +2027,13 @@ var PureInvitationAuthenticatorContent = ({ disabled, failed, joinSend, joinStat
     className: getSize14(4)
   }), /* @__PURE__ */ React28.createElement("span", null, t("cancel label")))));
 };
-var InvitationAuthenticatorContent = ({ joinSend, joinState, disabled, invitation, Domain, failed }) => {
-  const invitationType = Domain.toLowerCase();
+var InvitationAuthenticatorContent = ({ joinSend, joinState, disabled, invitation, Kind, failed }) => {
+  const invitationType = Kind.toLowerCase();
   const [pinValue, setPinValue] = useState5("");
   const { authenticate } = useInvitationStatus4(invitation);
   const onAuthenticate = useCallback6(() => {
     joinSend({
-      type: `authenticate${Domain}VerificationCode`
+      type: `authenticate${Kind}VerificationCode`
     });
     void authenticate(pinValue);
   }, [
@@ -2028,24 +2056,24 @@ var InvitationAuthenticatorContent = ({ joinSend, joinState, disabled, invitatio
     failed,
     joinSend,
     joinState,
-    Domain,
+    Kind,
     onChange,
     onAuthenticate
   }));
 };
-var InvitationAuthenticator = ({ failed, Domain, ...viewStateProps }) => {
+var InvitationAuthenticator = ({ failed, Kind, ...viewStateProps }) => {
   const { joinSend, joinState } = viewStateProps;
   const disabled = !viewStateProps.active || [
     "connecting",
     "authenticating"
   ].some((str) => joinState == null ? void 0 : joinState.configuration[0].id.includes(str));
-  const activeInvitation = joinState == null ? void 0 : joinState.context[Domain.toLowerCase()].invitationObservable;
+  const activeInvitation = joinState == null ? void 0 : joinState.context[Kind.toLowerCase()].invitationObservable;
   return /* @__PURE__ */ React28.createElement(ViewState, _extends22({}, viewStateProps), !activeInvitation ? /* @__PURE__ */ React28.createElement(PureInvitationAuthenticatorContent, _extends22({}, {
     disabled,
     failed,
     joinSend,
     joinState,
-    Domain,
+    Kind,
     onChange: () => {
     },
     onAuthenticate: () => {
@@ -2056,7 +2084,7 @@ var InvitationAuthenticator = ({ failed, Domain, ...viewStateProps }) => {
     invitation: activeInvitation,
     joinSend,
     joinState,
-    Domain
+    Kind
   })));
 };
 
@@ -2160,7 +2188,7 @@ var JoinPanel = ({ mode = "default", initialInvitationCode, exitActionParent, on
         acceptingHaloInvitation: "inputtingHaloInvitationCode"
       }
     }),
-    Domain: "Halo"
+    Kind: "Halo"
   })), /* @__PURE__ */ React29.createElement(InvitationRescuer, _extends23({}, {
     joinState,
     joinSend,
@@ -2180,7 +2208,7 @@ var JoinPanel = ({ mode = "default", initialInvitationCode, exitActionParent, on
         }
       }
     ].some(joinState.matches),
-    Domain: "Halo"
+    Kind: "Halo"
   })), /* @__PURE__ */ React29.createElement(InvitationAuthenticator, _extends23({}, {
     joinState,
     joinSend,
@@ -2207,7 +2235,7 @@ var JoinPanel = ({ mode = "default", initialInvitationCode, exitActionParent, on
         }
       }
     ].some(joinState.matches),
-    Domain: "Halo",
+    Kind: "Halo",
     ...joinState.matches({
       acceptingHaloInvitation: {
         acceptingRedeemedHaloInvitation: "authenticationFailingHaloVerificationCode"
@@ -2228,7 +2256,7 @@ var JoinPanel = ({ mode = "default", initialInvitationCode, exitActionParent, on
       },
       "finishingJoiningHalo"
     ].some(joinState.matches),
-    Domain: "Halo",
+    Kind: "Halo",
     doneActionParent,
     onDone
   })), /* @__PURE__ */ React29.createElement(IdentityAdded, _extends23({}, {
@@ -2246,7 +2274,7 @@ var JoinPanel = ({ mode = "default", initialInvitationCode, exitActionParent, on
     active: joinState.matches({
       acceptingSpaceInvitation: "inputtingSpaceInvitationCode"
     }),
-    Domain: "Space"
+    Kind: "Space"
   })), /* @__PURE__ */ React29.createElement(InvitationRescuer, _extends23({}, {
     joinState,
     joinSend,
@@ -2262,7 +2290,7 @@ var JoinPanel = ({ mode = "default", initialInvitationCode, exitActionParent, on
         }
       }
     ].some(joinState.matches),
-    Domain: "Space"
+    Kind: "Space"
   })), /* @__PURE__ */ React29.createElement(InvitationAuthenticator, _extends23({}, {
     joinState,
     joinSend,
@@ -2283,7 +2311,7 @@ var JoinPanel = ({ mode = "default", initialInvitationCode, exitActionParent, on
         }
       }
     ].some(joinState.matches),
-    Domain: "Space",
+    Kind: "Space",
     ...joinState.matches({
       acceptingSpaceInvitation: {
         acceptingRedeemedSpaceInvitation: "authenticationFailingSpaceVerificationCode"
@@ -2295,7 +2323,7 @@ var JoinPanel = ({ mode = "default", initialInvitationCode, exitActionParent, on
     joinState,
     joinSend,
     active: joinState.matches("finishingJoiningSpace"),
-    Domain: "Space",
+    Kind: "Space",
     doneActionParent,
     onDone
   })))));
@@ -2303,7 +2331,8 @@ var JoinPanel = ({ mode = "default", initialInvitationCode, exitActionParent, on
 
 // packages/apps/patterns/react-ui/src/panels/SpacePanel/SpacePanel.tsx
 import { UserPlus as UserPlus2 } from "@phosphor-icons/react";
-import React30, { useReducer as useReducer2 } from "react";
+import React30, { useCallback as useCallback7, useReducer as useReducer2 } from "react";
+import { InvitationEncoder as InvitationEncoder2 } from "@dxos/client";
 import { useSpaceInvitations as useSpaceInvitations2, observer } from "@dxos/react-client";
 import { Button as Button12, DensityProvider as DensityProvider5, getSize as getSize15, mx as mx22, useTranslation as useTranslation17 } from "@dxos/react-components";
 function _extends24() {
@@ -2324,9 +2353,21 @@ var CurrentSpaceView = observer(({ space, createInvitationUrl, titleId }) => {
   const { t } = useTranslation17("os");
   const invitations = useSpaceInvitations2(space == null ? void 0 : space.key);
   const name = space == null ? void 0 : space.properties.name;
+  console.log("[space panel]", "development");
   if (!space) {
     return null;
   }
+  const onInvitationEvent = useCallback7((invitation) => {
+    const invitationCode = InvitationEncoder2.encode(invitation);
+    console.log(JSON.stringify({
+      invitationCode
+    }));
+    if (invitation.authCode) {
+      console.log(JSON.stringify({
+        authCode: invitation.authCode
+      }));
+    }
+  }, []);
   return /* @__PURE__ */ React30.createElement("div", {
     role: "none",
     className: "flex flex-col"
@@ -2341,11 +2382,16 @@ var CurrentSpaceView = observer(({ space, createInvitationUrl, titleId }) => {
     className: mx22(defaultSurface, "rounded-be-md p-2")
   }, /* @__PURE__ */ React30.createElement(InvitationList, {
     invitations,
-    onClickRemove: ({ invitation }) => invitation && (space == null ? void 0 : space.removeInvitation(invitation.invitationId)),
+    onClickRemove: (invitation) => invitation.get() && (space == null ? void 0 : space.removeInvitation(invitation.get().invitationId)),
     createInvitationUrl
   }), /* @__PURE__ */ React30.createElement(Button12, {
     className: "is-full flex gap-2 mbs-2",
-    onClick: () => space == null ? void 0 : space.createInvitation(),
+    onClick: () => {
+      const invitation = space == null ? void 0 : space.createInvitation();
+      if (true) {
+        invitation.subscribe(onInvitationEvent);
+      }
+    },
     "data-testid": "spaces-panel.create-invitation"
   }, /* @__PURE__ */ React30.createElement("span", null, t("create space invitation label")), /* @__PURE__ */ React30.createElement(UserPlus2, {
     className: getSize15(4),
@@ -2646,7 +2692,7 @@ var Shell = ({ runtime, origin }) => {
 };
 
 // packages/apps/patterns/react-ui/src/composites/Shell/ShellContext.tsx
-import React36, { createContext as createContext3, useCallback as useCallback7, useContext as useContext3, useEffect as useEffect4, useMemo as useMemo3, useState as useState7 } from "react";
+import React36, { createContext as createContext3, useCallback as useCallback8, useContext as useContext3, useEffect as useEffect4, useMemo as useMemo3, useState as useState7 } from "react";
 import { IFrameClientServicesProxy, ShellDisplay as ShellDisplay2, ShellLayout as ShellLayout2 } from "@dxos/client";
 import { MemoryShellRuntime } from "@dxos/client-services";
 import { useClient as useClient7, useIdentity as useIdentity3 } from "@dxos/react-client";
@@ -2689,7 +2735,7 @@ var ShellProvider = ({ space, haloInvitationCode, spaceInvitationCode, onJoinedS
   const identity = useIdentity3();
   const [display, setDisplay] = useState7(!identity || spaceInvitationCode || haloInvitationCode ? ShellDisplay2.FULLSCREEN : ShellDisplay2.NONE);
   const shellRuntime = useMemo3(() => {
-    if (client.config.get("runtime.app.env.DX_VAULT") === "true") {
+    if (client.config.get("runtime.app.env.DX_VAULT") !== "false") {
       return;
     }
     if (spaceInvitationCode) {
@@ -2698,9 +2744,14 @@ var ShellProvider = ({ space, haloInvitationCode, spaceInvitationCode, onJoinedS
         invitationCode: spaceInvitationCode
       });
     }
+    if (haloInvitationCode) {
+      return new MemoryShellRuntime({
+        layout: ShellLayout2.INITIALIZE_IDENTITY,
+        invitationCode: haloInvitationCode
+      });
+    }
     return new MemoryShellRuntime({
-      layout: identity ? ShellLayout2.DEFAULT : ShellLayout2.INITIALIZE_IDENTITY,
-      invitationCode: haloInvitationCode != null ? haloInvitationCode : void 0
+      layout: ShellLayout2.DEFAULT
     });
   }, [
     client,
@@ -2708,7 +2759,7 @@ var ShellProvider = ({ space, haloInvitationCode, spaceInvitationCode, onJoinedS
     spaceInvitationCode,
     haloInvitationCode
   ]);
-  const handleKeyDown = useCallback7((event) => {
+  const handleKeyDown = useCallback8((event) => {
     if (!space || !shellRuntime) {
       return;
     }
@@ -2757,7 +2808,7 @@ var ShellProvider = ({ space, haloInvitationCode, spaceInvitationCode, onJoinedS
       runtime: shellRuntime,
       setDisplay
     }
-  }, identity ? children : void 0));
+  }, children));
 };
 
 // packages/apps/patterns/react-ui/src/translations/locales/en-US.ts