@dxos/shell 0.4.10-main.c42bfdb → 0.4.10-main.c61b011

package/dist/lib/browser/react.mjs

@@ -712,13 +712,13 @@ var AvatarStackEffect = ({ animation, status, reverseEffects }) => {
 };
 var InvitationListItemImpl = ({ invitation, invitationStatus: propsInvitationStatus, send, onClickRemove, createInvitationUrl, reverseEffects, ...props }) => {
   const { t } = useTranslation8("os");
-  const { cancel, status: invitationStatus, invitationCode, authCode, type } = propsInvitationStatus;
+  const { cancel, status: invitationStatus, invitationCode, authCode, multiUse } = propsInvitationStatus;
   const isCancellable = !([
     Invitation.State.ERROR,
     Invitation.State.TIMEOUT,
     Invitation.State.CANCELLED
   ].indexOf(invitationStatus) >= 0);
-  const showShare = type === Invitation.Type.MULTIUSE || [
+  const showShare = multiUse || [
     Invitation.State.INIT,
     Invitation.State.CONNECTING,
     Invitation.State.CONNECTED
@@ -762,7 +762,7 @@ var InvitationListItemImpl = ({ invitation, invitationStatus: propsInvitationSta
     ]
   }, /* @__PURE__ */ React12.createElement(ListItem3.Heading, {
     classNames: "sr-only"
-  }, t(type === Invitation.Type.MULTIUSE ? "invite many list item label" : "invite one list item label")), type === Invitation.Type.MULTIUSE && /* @__PURE__ */ React12.createElement(AvatarStackEffect, {
+  }, t(multiUse ? "invite many list item label" : "invite one list item label")), multiUse && /* @__PURE__ */ React12.createElement(AvatarStackEffect, {
     status: avatarStatus,
     animation: avatarAnimation,
     reverseEffects
@@ -783,7 +783,7 @@ var InvitationListItemImpl = ({ invitation, invitationStatus: propsInvitationSta
   })))), /* @__PURE__ */ React12.createElement(Tooltip5.Portal, null, /* @__PURE__ */ React12.createElement(Tooltip5.Content, {
     side: "left",
     classNames: "z-[70]"
-  }, t(type === Invitation.Type.MULTIUSE ? "invite many qr label" : "invite one qr label"), /* @__PURE__ */ React12.createElement(Tooltip5.Arrow, null)))), showShare && invitationUrl ? /* @__PURE__ */ React12.createElement(Tooltip5.Root, null, /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(Tooltip5.Trigger, {
+  }, t(multiUse ? "invite many qr label" : "invite one qr label"), /* @__PURE__ */ React12.createElement(Tooltip5.Arrow, null)))), showShare && invitationUrl ? /* @__PURE__ */ React12.createElement(Tooltip5.Root, null, /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(Tooltip5.Trigger, {
     asChild: true
   }, /* @__PURE__ */ React12.createElement(Button7, {
     variant: "ghost",
@@ -1425,8 +1425,9 @@ var useAgentHandlers = ({ client, invitations, identity }) => {
   const onAgentCreate = async () => {
     invitations.forEach((invitation2) => invitation2.cancel());
     const invitation = client.halo.share({
-      type: Invitation3.Type.MULTIUSE,
-      authMethod: Invitation3.AuthMethod.NONE
+      type: Invitation3.Type.INTERACTIVE,
+      authMethod: Invitation3.AuthMethod.NONE,
+      multiUse: true
     });
     invitation.subscribe(handleAgentCreate);
   };
@@ -1434,7 +1435,7 @@ var useAgentHandlers = ({ client, invitations, identity }) => {
     const identity2 = client.halo.identity.get();
     invariant(identity2, "Identity not found", {
       F: __dxlog_file3,
-      L: 77,
+      L: 81,
       S: void 0,
       A: [
         "identity",
@@ -1463,7 +1464,6 @@ var useAgentHandlers = ({ client, invitations, identity }) => {
 import { Check as Check4, X as X3 } from "@phosphor-icons/react";
 import React27, { useMemo as useMemo2 } from "react";
 import { QR } from "react-qr-rounded";
-import { Invitation as Invitation5 } from "@dxos/react-client/invitations";
 import { useId as useId5, useTranslation as useTranslation12 } from "@dxos/react-ui";
 import { descriptionText as descriptionText8, getSize as getSize11, mx as mx20 } from "@dxos/react-ui-theme";
 import { hexToEmoji as hexToEmoji3 } from "@dxos/util";
@@ -1516,10 +1516,10 @@ var InvitationManagerView = ({ children, ...props }) => {
     classNames: "grow flex flex-col justify-around items-center"
   }, children);
 };
-var InvitationManager = ({ invitationUrl, active, send, status, type, authCode, id = "0" }) => {
+var InvitationManager = ({ invitationUrl, active, send, status, multiUse, authCode, id = "0" }) => {
   const { t } = useTranslation12("os");
   const qrLabel = useId5("invitation-manager__qr-code");
-  const statusValue = type === Invitation5.Type.MULTIUSE ? 0 : invitationStatusValue.get(status) ?? 0;
+  const statusValue = multiUse ? 0 : invitationStatusValue.get(status) ?? 0;
   const showAuthCode = statusValue === 3;
   const emoji = hexToEmoji3(id);
   const activeView = useMemo2(() => {
@@ -1543,7 +1543,7 @@ var InvitationManager = ({ invitationUrl, active, send, status, type, authCode,
     emoji
   }, /* @__PURE__ */ React27.createElement("p", {
     className: "text-sm mlb-1 font-normal text-center"
-  }, t(type === Invitation5.Type.MULTIUSE ? "invite many qr label" : "invite one qr label")), /* @__PURE__ */ React27.createElement("div", {
+  }, t(multiUse ? "invite many qr label" : "invite one qr label")), /* @__PURE__ */ React27.createElement("div", {
     role: "none",
     className: mx20(descriptionText8, "is-full max-is-[14rem] relative")
   }, /* @__PURE__ */ React27.createElement(QR, {
@@ -1663,8 +1663,8 @@ var IdentityHeading = ({ titleId, title, identity, onDone, onUpdateProfile, conn
   const fallbackValue = keyToFallback3(identity.identityKey);
   const { t } = useTranslation14("os");
   const [displayName, setDisplayName] = useState8(identity.profile?.displayName ?? "");
-  const [emoji, setEmoji] = useState8(getEmojiValue(identity));
-  const [hue, setHue] = useState8(getHueValue(identity));
+  const [emoji, setEmojiDirectly] = useState8(getEmojiValue(identity));
+  const [hue, setHueDirectly] = useState8(getHueValue(identity));
   const { textValue, setTextValue } = useClipboardContext();
   const identityHex = identity.identityKey.toHex();
   const copied = textValue === identityHex;
@@ -1686,12 +1686,14 @@ var IdentityHeading = ({ titleId, title, identity, onDone, onUpdateProfile, conn
     };
     return onUpdateProfile?.(nextProfile);
   };
-  useEffect3(() => {
+  const setEmoji = (nextEmoji) => {
+    setEmojiDirectly(nextEmoji);
     void handleUpdateProfile();
-  }, [
-    emoji,
-    hue
-  ]);
+  };
+  const setHue = (nextHue) => {
+    setHueDirectly(nextHue);
+    void handleUpdateProfile();
+  };
   const isConnected = connectionState === ConnectionState.ONLINE;
   return /* @__PURE__ */ React29.createElement(Heading, {
     titleId,
@@ -1843,7 +1845,7 @@ var IdentityPanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => co
   if (!identity) {
     log6.error("IdentityPanel rendered with no active identity.", void 0, {
       F: __dxlog_file5,
-      L: 234,
+      L: 240,
       S: void 0,
       C: (f, a) => f(...a)
     });
@@ -1860,7 +1862,7 @@ var IdentityPanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => co
     const subscription = identityService.subscribe((state) => {
       log6("[state]", state, {
         F: __dxlog_file5,
-        L: 247,
+        L: 253,
         S: void 0,
         C: (f, a) => f(...a)
       });
@@ -1956,7 +1958,7 @@ import { useCallback as useCallback6 } from "react";
 import { assign as assign2, createMachine as createMachine2 } from "xstate";
 import { log as log7 } from "@dxos/log";
 import { AlreadyJoinedError } from "@dxos/react-client";
-import { Invitation as Invitation6, InvitationEncoder as InvitationEncoder3 } from "@dxos/react-client/invitations";
+import { Invitation as Invitation5, InvitationEncoder as InvitationEncoder3 } from "@dxos/react-client/invitations";
 var __dxlog_file6 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/JoinPanel/joinMachine.ts";
 var getInvitationSubscribable = (Kind, invitation) => {
   log7("[subscribing to invitation]", invitation, {
@@ -1968,7 +1970,7 @@ var getInvitationSubscribable = (Kind, invitation) => {
   return {
     subscribe: (next, onError, complete) => invitation.subscribe((invitation2) => {
       switch (invitation2.state) {
-        case Invitation6.State.CONNECTING: {
+        case Invitation5.State.CONNECTING: {
           log7("[invitation connecting]", {
             Kind,
             invitation: invitation2
@@ -1983,7 +1985,7 @@ var getInvitationSubscribable = (Kind, invitation) => {
             invitation: invitation2
           });
         }
-        case Invitation6.State.CONNECTED: {
+        case Invitation5.State.CONNECTED: {
           log7("[invitation connected]", {
             Kind,
             invitation: invitation2
@@ -1998,7 +2000,7 @@ var getInvitationSubscribable = (Kind, invitation) => {
             invitation: invitation2
           });
         }
-        case Invitation6.State.READY_FOR_AUTHENTICATION: {
+        case Invitation5.State.READY_FOR_AUTHENTICATION: {
           log7("[invitation ready for authentication]", {
             Kind,
             invitation: invitation2
@@ -2013,7 +2015,7 @@ var getInvitationSubscribable = (Kind, invitation) => {
             invitation: invitation2
           });
         }
-        case Invitation6.State.AUTHENTICATING: {
+        case Invitation5.State.AUTHENTICATING: {
           log7("[invitation authenticating]", {
             Kind,
             invitation: invitation2
@@ -2028,7 +2030,7 @@ var getInvitationSubscribable = (Kind, invitation) => {
             invitation: invitation2
           });
         }
-        case Invitation6.State.SUCCESS: {
+        case Invitation5.State.SUCCESS: {
           log7("[invitation success]", {
             Kind,
             invitation: invitation2
@@ -2044,7 +2046,7 @@ var getInvitationSubscribable = (Kind, invitation) => {
           });
           return complete?.();
         }
-        case Invitation6.State.CANCELLED: {
+        case Invitation5.State.CANCELLED: {
           log7.warn("[invitation cancelled]", {
             Kind
           }, {
@@ -2058,7 +2060,7 @@ var getInvitationSubscribable = (Kind, invitation) => {
             reason: "cancelled"
           });
         }
-        case Invitation6.State.TIMEOUT: {
+        case Invitation5.State.TIMEOUT: {
           log7.error("[invitation timeout]", {
             Kind
           }, {
@@ -2157,7 +2159,7 @@ var acceptingInvitationTemplate = (Kind, successTarget) => {
               {
                 cond: (context) => {
                   const invitation = context[Kind.toLowerCase()].invitation;
-                  return !invitation || invitation?.state === Invitation6.State.CONNECTING;
+                  return !invitation || invitation?.state === Invitation5.State.CONNECTING;
                 },
                 target: `connecting${Kind}Invitation`,
                 actions: "log"
@@ -2936,7 +2938,7 @@ var InvitationAuthenticator = ({ failed, Kind, active, pending, invitationId, on
 var stepStyles = "pbs-1 pbe-3 pli-3";
 
 // packages/sdk/shell/src/styles/invitationStatusStyles.ts
-import { Invitation as Invitation7 } from "@dxos/react-client/invitations";
+import { Invitation as Invitation6 } from "@dxos/react-client/invitations";
 var inactiveBgColor = "bg-neutral-100 dark:bg-neutral-600";
 var activeBgColor = "bg-primary-500 dark:bg-primary-400";
 var successBgColor = "bg-success-500 dark:bg-success-400";
@@ -2952,9 +2954,9 @@ var activeStrokeColor = "stroke-primary-400 dark:stroke-primary-150";
 var successStrokeColor = "stroke-success-300 dark:stroke-primary-400";
 var errorStrokeColor = "stroke-error-300 dark:stroke-error-500";
 var cancelledStrokeColor = "stroke-warning-300 dark:stroke-warning-500";
-var resolvedStrokeColor = (status) => status === Invitation7.State.ERROR ? errorStrokeColor : status === Invitation7.State.CANCELLED || status === Invitation7.State.TIMEOUT ? cancelledStrokeColor : successStrokeColor;
-var resolvedBgColor = (status) => status === Invitation7.State.ERROR ? errorBgColor : status === Invitation7.State.CANCELLED || status === Invitation7.State.TIMEOUT ? cancelledBgColor : successBgColor;
-var resolvedTextColor = (status) => status === Invitation7.State.ERROR ? errorTextColor : status === Invitation7.State.CANCELLED || status === Invitation7.State.TIMEOUT ? cancelledTextColor : successTextColor;
+var resolvedStrokeColor = (status) => status === Invitation6.State.ERROR ? errorStrokeColor : status === Invitation6.State.CANCELLED || status === Invitation6.State.TIMEOUT ? cancelledStrokeColor : successStrokeColor;
+var resolvedBgColor = (status) => status === Invitation6.State.ERROR ? errorBgColor : status === Invitation6.State.CANCELLED || status === Invitation6.State.TIMEOUT ? cancelledBgColor : successBgColor;
+var resolvedTextColor = (status) => status === Invitation6.State.ERROR ? errorTextColor : status === Invitation6.State.CANCELLED || status === Invitation6.State.TIMEOUT ? cancelledTextColor : successTextColor;
 
 // packages/sdk/shell/src/panels/JoinPanel/JoinPanel.tsx
 var __dxlog_file9 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/JoinPanel/JoinPanel.tsx";
@@ -3454,7 +3456,7 @@ import React39, { useCallback as useCallback8, useState as useState12 } from "re
 import { log as log12 } from "@dxos/log";
 import { useConfig } from "@dxos/react-client";
 import { useSpaceInvitations as useSpaceInvitations2 } from "@dxos/react-client/echo";
-import { Invitation as Invitation8, InvitationEncoder as InvitationEncoder4 } from "@dxos/react-client/invitations";
+import { Invitation as Invitation7, InvitationEncoder as InvitationEncoder4 } from "@dxos/react-client/invitations";
 import { ScrollArea, useTranslation as useTranslation23 } from "@dxos/react-ui";
 import { descriptionText as descriptionText11, mx as mx24 } from "@dxos/react-ui-theme";
 var __dxlog_file11 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/SpacePanel/steps/SpaceManager.tsx";
@@ -3466,7 +3468,7 @@ var SpaceManager = (props) => {
   const invitations = useSpaceInvitations2(space?.key);
   const onInvitationEvent = useCallback8((invitation) => {
     const invitationCode = InvitationEncoder4.encode(invitation);
-    if (invitation.state === Invitation8.State.CONNECTING) {
+    if (invitation.state === Invitation7.State.CONNECTING) {
       log12.info(JSON.stringify({
         invitationCode,
         authCode: invitation.authCode
@@ -3485,8 +3487,9 @@ var SpaceManager = (props) => {
       icon: UserPlus,
       onClick: useCallback8(() => {
         const invitation = space.share?.({
-          type: Invitation8.Type.INTERACTIVE,
-          authMethod: Invitation8.AuthMethod.SHARED_SECRET,
+          type: Invitation7.Type.INTERACTIVE,
+          authMethod: Invitation7.AuthMethod.SHARED_SECRET,
+          multiUse: false,
           target
         });
         if (invitation && config.values.runtime?.app?.env?.DX_ENVIRONMENT !== "production") {
@@ -3502,8 +3505,9 @@ var SpaceManager = (props) => {
       icon: UsersThree,
       onClick: useCallback8(() => {
         const invitation = space.share?.({
-          type: Invitation8.Type.MULTIUSE,
-          authMethod: Invitation8.AuthMethod.NONE,
+          type: Invitation7.Type.INTERACTIVE,
+          authMethod: Invitation7.AuthMethod.NONE,
+          multiUse: true,
           target
         });
         if (invitation && config.values.runtime?.app?.env?.DX_ENVIRONMENT !== "production") {
@@ -3539,7 +3543,7 @@ var SpaceManagerImpl = (props) => {
     localStorage.setItem(activeActionKey, nextAction);
   };
   const visibleInvitations = showInactiveInvitations ? invitations : invitations?.filter((invitation) => ![
-    Invitation8.State.CANCELLED
+    Invitation7.State.CANCELLED
   ].includes(invitation.get().state));
   return /* @__PURE__ */ React39.createElement(React39.Fragment, null, /* @__PURE__ */ React39.createElement(ScrollArea.Root, {
     classNames: "grow shrink basis-28 -mli-2"