@dxos/shell 0.7.5-main.ff8607b → 0.7.5-staging.b81e783

package/dist/lib/node/react.cjs

@@ -1621,15 +1621,12 @@ var __dxlog_file6 = "/home/runner/work/dxos/dxos/packages/sdk/shell/src/panels/I
 var viewStyles = "pbs-1 pbe-3 pli-3";
 var getHueValue = (identity) => identity?.profile?.data?.hue || (0, import_util5.hexToHue)(identity?.identityKey.toHex() ?? "0");
 var getEmojiValue = (identity) => identity?.profile?.data?.emoji || (0, import_util5.hexToEmoji)(identity?.identityKey.toHex() ?? "0");
-var IdentityHeading = ({ titleId, title, identity, onDone, onUpdateProfile, connectionState, onChangeConnectionState }) => {
+var IdentityHeading = ({ titleId, title, identity, onDone, onUpdateProfile, connectionState, onChangeConnectionState, onManageCredentials }) => {
   const fallbackValue = (0, import_util5.keyToFallback)(identity.identityKey);
   const { t } = (0, import_react_ui15.useTranslation)("os");
   const [displayName, setDisplayName] = (0, import_react29.useState)(identity.profile?.displayName ?? "");
   const [emoji, setEmojiDirectly] = (0, import_react29.useState)(getEmojiValue(identity));
   const [hue, setHueDirectly] = (0, import_react29.useState)(getHueValue(identity));
-  const { textValue, setTextValue } = (0, import_react_ui15.useClipboard)();
-  const identityHex = identity.identityKey.toHex();
-  const publicKeyCopied = textValue === identityHex;
   const setEmoji = (nextEmoji) => {
     setEmojiDirectly(nextEmoji);
     void onUpdateProfile?.({
@@ -1690,28 +1687,32 @@ var IdentityHeading = ({ titleId, title, identity, onDone, onUpdateProfile, conn
     emoji,
     onChangeEmoji: setEmoji,
     classNames: "bs-[--rail-action]"
-  }), /* @__PURE__ */ import_react29.default.createElement(import_react_ui_pickers.HuePickerToolbarButton, {
-    hue,
-    onChangeHue: setHue,
+  }), /* @__PURE__ */ import_react29.default.createElement(import_react_ui_pickers.HuePicker, {
+    value: hue,
+    onChange: setHue,
     classNames: "bs-[--rail-action]"
-  }), /* @__PURE__ */ import_react29.default.createElement(import_react_ui15.Tooltip.Root, null, /* @__PURE__ */ import_react29.default.createElement(import_react_ui15.Tooltip.Trigger, {
+  }), /* @__PURE__ */ import_react29.default.createElement(import_react_ui15.Clipboard.IconButton, {
+    classNames: "bs-[--rail-action]",
+    "data-testid": "update-profile-form-copy-key",
+    label: t("copy self did label"),
+    value: identity.did
+  }), onManageCredentials && /* @__PURE__ */ import_react29.default.createElement(import_react_ui15.Tooltip.Root, null, /* @__PURE__ */ import_react29.default.createElement(import_react_ui15.Tooltip.Trigger, {
     asChild: true
   }, /* @__PURE__ */ import_react29.default.createElement(import_react_ui15.Toolbar.Button, {
     classNames: "bs-[--rail-action]",
-    "data-testid": "update-profile-form-copy-key",
-    onClick: () => setTextValue(identityHex)
+    onClick: onManageCredentials
   }, /* @__PURE__ */ import_react29.default.createElement("span", {
     className: "sr-only"
-  }, t(publicKeyCopied ? "copy success label" : "copy self public key label")), /* @__PURE__ */ import_react29.default.createElement(import_react28.Key, {
+  }, t("manage credentials label")), /* @__PURE__ */ import_react29.default.createElement(import_react28.IdentificationCard, {
     className: (0, import_react_ui_theme19.getSize)(5)
   }))), /* @__PURE__ */ import_react29.default.createElement(import_react_ui15.Tooltip.Portal, null, /* @__PURE__ */ import_react29.default.createElement(import_react_ui15.Tooltip.Content, {
     side: "bottom"
-  }, t(publicKeyCopied ? "copy success label" : "copy self public key label"), /* @__PURE__ */ import_react29.default.createElement(import_react_ui15.Tooltip.Arrow, null)))), /* @__PURE__ */ import_react29.default.createElement(import_react_ui15.Tooltip.Root, null, /* @__PURE__ */ import_react29.default.createElement(import_react_ui15.Tooltip.Trigger, {
+  }, t("manage credentials label"), /* @__PURE__ */ import_react29.default.createElement(import_react_ui15.Tooltip.Arrow, null)))), /* @__PURE__ */ import_react29.default.createElement(import_react_ui15.Tooltip.Root, null, /* @__PURE__ */ import_react29.default.createElement(import_react_ui15.Tooltip.Trigger, {
     asChild: true
   }, /* @__PURE__ */ import_react29.default.createElement(import_react_ui15.Toolbar.Button, {
     classNames: [
       "bs-[--rail-action]",
-      !isConnected && "text-error-500"
+      !isConnected && import_react_ui_theme19.errorText
     ],
     onClick: () => onChangeConnectionState?.(isConnected ? import_mesh2.ConnectionState.OFFLINE : import_mesh2.ConnectionState.ONLINE)
   }, /* @__PURE__ */ import_react29.default.createElement("span", {
@@ -1725,7 +1726,7 @@ var IdentityHeading = ({ titleId, title, identity, onDone, onUpdateProfile, conn
   }, t(isConnected ? "disconnect label" : "connect label"), /* @__PURE__ */ import_react29.default.createElement(import_react_ui15.Tooltip.Arrow, null)))))));
 };
 var IdentityPanelImpl = (props) => {
-  const { identity, titleId, activeView, onUpdateProfile, onResetStorage, onRecover, onJoinNewIdentity, IdentityActionChooser: IdentityActionChooserComponent = IdentityActionChooser, InvitationManager: InvitationManagerComponent = InvitationManager, connectionState, onChangeConnectionState, onDone, ...rest } = props;
+  const { identity, titleId, activeView, onUpdateProfile, onResetStorage, onRecover, onJoinNewIdentity, IdentityActionChooser: IdentityActionChooserComponent = IdentityActionChooser, InvitationManager: InvitationManagerComponent = InvitationManager, connectionState, onChangeConnectionState, onDone, onManageCredentials, ...rest } = props;
   const { t } = (0, import_react_ui15.useTranslation)("os");
   const title = (0, import_react29.useMemo)(() => {
     switch (activeView) {
@@ -1748,7 +1749,8 @@ var IdentityPanelImpl = (props) => {
     onDone,
     onUpdateProfile,
     connectionState,
-    onChangeConnectionState
+    onChangeConnectionState,
+    onManageCredentials
   }), /* @__PURE__ */ import_react29.default.createElement(Viewport.Root, {
     activeView
   }, /* @__PURE__ */ import_react29.default.createElement(Viewport.Views, null, /* @__PURE__ */ import_react29.default.createElement(Viewport.View, {
@@ -1814,7 +1816,7 @@ var IdentityPanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => co
   if (!identity) {
     import_log.log.error("IdentityPanel rendered with no active identity.", void 0, {
       F: __dxlog_file6,
-      L: 256,
+      L: 258,
       S: void 0,
       C: (f, a) => f(...a)
     });
@@ -1831,7 +1833,7 @@ var IdentityPanel = ({ titleId: propsTitleId, createInvitationUrl = (code) => co
     const subscription = identityService.subscribe((state) => {
       (0, import_log.log)("[state]", state, {
         F: __dxlog_file6,
-        L: 269,
+        L: 271,
         S: void 0,
         C: (f, a) => f(...a)
       });
@@ -2603,7 +2605,7 @@ var IdentityInput = (props) => {
   const handleConfirm = async (value) => {
     if (isRecover) {
       await client.halo.recoverIdentity({
-        seedphrase: value
+        recoveryCode: value
       }).then((identity) => {
         send?.({
           type: "selectIdentity",
@@ -3964,7 +3966,7 @@ var os = {
   "sidebar label": "DXOS sidebar",
   "copy invitation code label": "Copy URL",
   "copy success label": "Copied",
-  "copy self public key label": "Copy public key",
+  "copy self did label": "Copy DID",
   "open share panel label": "View QR code",
   "joining space heading": "Joining space",
   "join space heading": "Enter space invitation",
@@ -4072,6 +4074,7 @@ var os = {
   "select emoji label": "Avatar emoji",
   "select hue label": "Avatar background color",
   "resetting message": "One moment while the device is reset\u2026",
+  // TODO(burdon): Factor out.
   "red label": "Red",
   "orange label": "Orange",
   "amber label": "Amber",
@@ -4089,6 +4092,9 @@ var os = {
   "fuchsia label": "Fuchsia",
   "pink label": "Pink",
   "rose label": "Rose",
+  "select a hue label": "Select color",
+  "hue label": "Hue",
+  "icon label": "Icon",
   "current device tag label": "This device",
   "device name placeholder": "{{platform}} on {{os}}",
   "more options label": "More options",