chore: vaults-related fixes

packages/models/src/Domain/Runtime/AsymmetricMessage/MessageTypes/AsymmetricMessageSharedVaultInvite.ts

@@ -1,5 +1,6 @@
 import { KeySystemRootKeyContentSpecialized } from '../../../Syncable/KeySystemRootKey/KeySystemRootKeyContent'
 import { ContactPublicKeySetJsonInterface } from '../../../Syncable/TrustedContact/PublicKeySet/ContactPublicKeySetJsonInterface'
+import { EmojiString, IconType } from '../../../Utilities/Icon/IconType'
 import { AsymmetricMessageDataCommon } from '../AsymmetricMessageDataCommon'
 import { AsymmetricMessagePayloadType } from '../AsymmetricMessagePayloadType'
 
@@ -17,6 +18,7 @@ export type AsymmetricMessageSharedVaultInvite = {
     metadata: {
       name: string
       description?: string
+      iconString: IconType | EmojiString
     }
   }
 }

packages/services/src/Domain/AsymmetricMessage/UseCase/ProcessAcceptedVaultInvite.ts

@@ -32,6 +32,7 @@ export class ProcessAcceptedVaultInvite {
       keyStorageMode: KeySystemRootKeyStorageMode.Synced,
       name: metadata.name,
       description: metadata.description,
+      iconString: metadata.iconString,
       sharing: {
         sharedVaultUuid: sharedVaultUuid,
         ownerUserUuid: ownerUuid,

packages/services/src/Domain/SharedVaults/UseCase/CreateSharedVault.ts

@@ -1,5 +1,7 @@
 import { GetVaultItems } from './../../Vault/UseCase/GetVaultItems'
 import {
+  EmojiString,
+  IconType,
   KeySystemRootKeyStorageMode,
   SharedVaultListingInterface,
   VaultListingInterface,
@@ -23,12 +25,14 @@ export class CreateSharedVault {
   async execute(dto: {
     vaultName: string
     vaultDescription?: string
+    vaultIcon: IconType | EmojiString
     userInputtedPassword: string | undefined
     storagePreference: KeySystemRootKeyStorageMode
   }): Promise<SharedVaultListingInterface | ClientDisplayableError> {
     const privateVault = await this._createVault.execute({
       vaultName: dto.vaultName,
       vaultDescription: dto.vaultDescription,
+      vaultIcon: dto.vaultIcon,
       userInputtedPassword: dto.userInputtedPassword,
       storagePreference: dto.storagePreference,
     })

packages/web/src/javascripts/Components/Preferences/Panes/Vaults/Contacts/EditContactModal.tsx

@@ -84,7 +84,6 @@ const EditContactModal: FunctionComponent<Props> = ({ onCloseDialog, fromInvite,
         <div className="flex w-full flex-col">
           <div className="mb-3">
             <DecoratedInput
-              className={{ container: 'mt-4' }}
               id="invite-name-input"
               value={name}
               placeholder="Contact Name"
@@ -93,15 +92,17 @@ const EditContactModal: FunctionComponent<Props> = ({ onCloseDialog, fromInvite,
               }}
             />
 
-            <DecoratedInput
+            {!editingContact?.isMe && (
-              className={{ container: 'mt-4' }}
+              <DecoratedInput
-              id="invite-email-input"
+                className={{ container: 'mt-4' }}
-              value={collaborationID}
+                id="invite-email-input"
-              placeholder="Contact CollaborationID"
+                value={collaborationID}
-              onChange={(value) => {
+                placeholder="Contact CollaborationID"
-                setCollaborationID(value)
+                onChange={(value) => {
-              }}
+                  setCollaborationID(value)
-            />
+                }}
+              />
+            )}
 
             {!editContactUuid && (
               <p className="mt-4">