From 0bca7e6faa3f4a1857b29028f6cabec5526320f6 Mon Sep 17 00:00:00 2001
From: Jannik Stehle <jannik.stehle@gmail.com>
Date: Wed, 17 Jan 2024 09:09:11 +0100
Subject: [PATCH] refactor: move shares from vuex store to pinia

---
 .../Modals/SetLinkPasswordModal.vue           |   8 +-
 .../InviteCollaboratorForm.vue                |  96 +++--
 .../SideBar/Shares/Collaborators/ListItem.vue |  39 +-
 .../components/SideBar/Shares/FileLinks.vue   |  31 +-
 .../components/SideBar/Shares/FileShares.vue  |  30 +-
 .../components/SideBar/Shares/SharesPanel.vue |   9 +-
 .../web-app-files/src/composables/index.ts    |   1 -
 .../src/composables/shares/index.ts           |   1 -
 .../src/composables/shares/useShares.ts       |  12 -
 packages/web-app-files/src/store/actions.ts   | 275 +-------------
 packages/web-app-files/src/store/getters.ts   |  17 -
 packages/web-app-files/src/store/mutations.ts |  31 --
 packages/web-app-files/src/store/state.ts     |   7 -
 .../Modals/SetLinkPasswordModal.spec.ts       |   8 +-
 .../Shares/Collaborators/ListItem.spec.ts     |  29 +-
 .../SideBar/Shares/FileLinks.spec.ts          |  28 +-
 .../SideBar/Shares/FileShares.spec.ts         |   5 +-
 .../SideBar/Shares/SharesPanel.spec.ts        |   6 +-
 .../tests/unit/store/actions.spec.ts          | 198 +---------
 .../tests/unit/store/mutations.spec.ts        |  46 ---
 .../src/components/SideBar/FileSideBar.vue    |  17 +-
 .../SideBar/Spaces/Details/SpaceDetails.vue   |  12 +-
 .../helpers/useFileActionsDeleteResources.ts  |   7 +-
 .../src/composables/links/useCreateLink.ts    |   9 +-
 .../src/composables/piniaStores/index.ts      |   1 +
 .../composables/piniaStores/shares/index.ts   |   2 +
 .../composables/piniaStores/shares/shares.ts  | 352 ++++++++++++++++++
 .../composables/piniaStores/shares/types.ts   |  69 ++++
 .../Spaces/Details/SpaceDetails.spec.ts       |   5 +-
 .../composables/piniaStores/shares.spec.ts    | 218 +++++++++++
 .../web-runtime/src/container/bootstrap.ts    |   5 +-
 packages/web-test-helpers/src/mocks/pinia.ts  |   3 +
 .../src/mocks/store/filesModuleMockOptions.ts |  11 +-
 33 files changed, 872 insertions(+), 716 deletions(-)
 delete mode 100644 packages/web-app-files/src/composables/shares/index.ts
 delete mode 100644 packages/web-app-files/src/composables/shares/useShares.ts
 create mode 100644 packages/web-pkg/src/composables/piniaStores/shares/index.ts
 create mode 100644 packages/web-pkg/src/composables/piniaStores/shares/shares.ts
 create mode 100644 packages/web-pkg/src/composables/piniaStores/shares/types.ts
 create mode 100644 packages/web-pkg/tests/unit/composables/piniaStores/shares.spec.ts

diff --git a/packages/web-app-files/src/components/Modals/SetLinkPasswordModal.vue b/packages/web-app-files/src/components/Modals/SetLinkPasswordModal.vue
index 746b3da2a49..0f757f6c071 100644
--- a/packages/web-app-files/src/components/Modals/SetLinkPasswordModal.vue
+++ b/packages/web-app-files/src/components/Modals/SetLinkPasswordModal.vue
@@ -24,7 +24,7 @@ import {
   useClientService,
   useMessages,
   usePasswordPolicyService,
-  useStore
+  useSharesStore
 } from '@ownclouders/web-pkg'
 import { Share } from '@ownclouders/web-client/src/helpers'
 
@@ -36,11 +36,11 @@ export default defineComponent({
   },
   emits: ['confirm', 'update:confirmDisabled'],
   setup(props, { expose }) {
-    const store = useStore()
     const { showMessage, showErrorMessage } = useMessages()
     const clientService = useClientService()
     const passwordPolicyService = usePasswordPolicyService()
     const { $gettext } = useGettext()
+    const { updateLink } = useSharesStore()
 
     const password = ref('')
     const errorMessage = ref<string>()
@@ -52,9 +52,9 @@ export default defineComponent({
 
     const onConfirm = async () => {
       try {
-        await store.dispatch('Files/updateLink', {
+        await updateLink({
           id: props.link.id,
-          client: clientService.owncloudSdk,
+          clientService: clientService,
           params: { ...props.link, password: unref(password) }
         })
         showMessage({ title: $gettext('Link was updated successfully') })
diff --git a/packages/web-app-files/src/components/SideBar/Shares/Collaborators/InviteCollaborator/InviteCollaboratorForm.vue b/packages/web-app-files/src/components/SideBar/Shares/Collaborators/InviteCollaborator/InviteCollaboratorForm.vue
index 7e707347ee0..2b7efd71412 100644
--- a/packages/web-app-files/src/components/SideBar/Shares/Collaborators/InviteCollaborator/InviteCollaboratorForm.vue
+++ b/packages/web-app-files/src/components/SideBar/Shares/Collaborators/InviteCollaborator/InviteCollaboratorForm.vue
@@ -132,9 +132,6 @@
 import { debounce } from 'lodash-es'
 import PQueue from 'p-queue'
 import { storeToRefs } from 'pinia'
-
-import { mapActions } from 'vuex'
-
 import AutocompleteItem from './AutocompleteItem.vue'
 import RoleDropdown from '../RoleDropdown.vue'
 import RecipientContainer from './RecipientContainer.vue'
@@ -153,12 +150,13 @@ import {
   useUserStore,
   useMessages,
   useSpacesStore,
-  useConfigStore
+  useConfigStore,
+  useSharesStore,
+  useStore
 } from '@ownclouders/web-pkg'
 
 import { computed, defineComponent, inject, ref, unref, watch, onMounted } from 'vue'
 import { Resource } from '@ownclouders/web-client'
-import { useShares } from 'web-app-files/src/composables'
 import {
   displayPositionedDropdown,
   formatDateFromDateTime,
@@ -194,6 +192,7 @@ export default defineComponent({
   },
 
   setup() {
+    const store = useStore()
     const userStore = useUserStore()
     const clientService = useClientService()
     const spacesStore = useSpacesStore()
@@ -207,6 +206,10 @@ export default defineComponent({
     const configStore = useConfigStore()
     const { options: configOptions } = storeToRefs(configStore)
 
+    const sharesStore = useSharesStore()
+    const { addShare } = sharesStore
+    const { outgoingCollaborators } = storeToRefs(sharesStore)
+
     const saving = ref(false)
     const savingDelayed = ref(false)
     const notifyEnabled = ref(false)
@@ -262,6 +265,7 @@ export default defineComponent({
     })
 
     return {
+      store,
       resource: inject<Resource>('resource'),
       hasResharing: capabilityRefs.sharingResharing,
       resharingDefault: capabilityRefs.sharingResharingDefault,
@@ -276,7 +280,8 @@ export default defineComponent({
       clientService,
       saving,
       savingDelayed,
-      ...useShares(),
+      outgoingCollaborators,
+      addShare,
       showContextMenuOnBtnClick,
       contextMenuButtonRef,
       notifyEnabled,
@@ -355,8 +360,6 @@ export default defineComponent({
   },
 
   methods: {
-    ...mapActions('Files', ['addShare']),
-
     async fetchRecipients(query) {
       try {
         const recipients = await this.$client.shares.getRecipients(
@@ -494,43 +497,56 @@ export default defineComponent({
       const saveQueue = new PQueue({
         concurrency: this.createSharesConcurrentRequests
       })
+
+      const bitmask = this.selectedRole.hasCustomPermissions
+        ? SharePermissions.permissionsToBitmask(this.customPermissions)
+        : SharePermissions.permissionsToBitmask(
+            this.selectedRole.permissions(
+              (this.hasResharing && this.resharingDefault) || this.resourceIsSpace
+            )
+          )
+
+      let path = this.resource.path
+      // sharing a share root from the share jail -> use resource name as path
+      if (this.hasShareJail && path === '/') {
+        path = `/${this.resource.name}`
+      }
+
       const savePromises = []
       this.selectedCollaborators.forEach((collaborator) => {
         savePromises.push(
           saveQueue.add(async () => {
-            const bitmask = this.selectedRole.hasCustomPermissions
-              ? SharePermissions.permissionsToBitmask(this.customPermissions)
-              : SharePermissions.permissionsToBitmask(
-                  this.selectedRole.permissions(
-                    (this.hasResharing && this.resharingDefault) || this.resourceIsSpace
-                  )
-                )
-
-            let path = this.resource.path
-            // sharing a share root from the share jail -> use resource name as path
-            if (this.hasShareJail && path === '/') {
-              path = `/${this.resource.name}`
-            }
-
-            const addMethod = this.resourceIsSpace ? this.addSpaceMember : this.addShare
-
             try {
-              await addMethod({
-                client: this.$client,
-                resource: this.resource,
-                graphClient: this.clientService.graphAuthenticated,
-                path,
-                shareWith: collaborator.value.shareWith,
-                displayName: collaborator.label,
-                shareType: collaborator.value.shareType,
-                shareWithUser: collaborator.value.shareWithUser,
-                shareWithProvider: collaborator.value.shareWithProvider,
-                permissions: bitmask,
-                role: this.selectedRole,
-                expirationDate: this.expirationDate,
-                storageId: this.resource.fileId || this.resource.id,
-                notify: this.notifyEnabled
-              })
+              if (this.resourceIsSpace) {
+                await this.addSpaceMember({
+                  client: this.$client,
+                  graphClient: this.clientService.graphAuthenticated,
+                  path,
+                  shareWith: collaborator.value.shareWith,
+                  displayName: collaborator.label,
+                  shareType: collaborator.value.shareType,
+                  permissions: bitmask,
+                  role: this.selectedRole,
+                  expirationDate: this.expirationDate,
+                  storageId: this.resource.fileId || this.resource.id
+                })
+              } else {
+                await this.addShare({
+                  clientService: this.$clientService,
+                  vuexStore: this.store,
+                  resource: this.resource,
+                  path,
+                  shareWith: collaborator.value.shareWith,
+                  shareType: collaborator.value.shareType,
+                  shareWithUser: collaborator.value.shareWithUser,
+                  shareWithProvider: collaborator.value.shareWithProvider,
+                  permissions: bitmask,
+                  role: this.selectedRole,
+                  expirationDate: this.expirationDate,
+                  storageId: this.resource.fileId || this.resource.id,
+                  notify: this.notifyEnabled
+                })
+              }
             } catch (e) {
               console.error(e)
               errors.push({
diff --git a/packages/web-app-files/src/components/SideBar/Shares/Collaborators/ListItem.vue b/packages/web-app-files/src/components/SideBar/Shares/Collaborators/ListItem.vue
index e58584a6846..cb7e461e9de 100644
--- a/packages/web-app-files/src/components/SideBar/Shares/Collaborators/ListItem.vue
+++ b/packages/web-app-files/src/components/SideBar/Shares/Collaborators/ListItem.vue
@@ -129,7 +129,6 @@
 
 <script lang="ts">
 import { storeToRefs } from 'pinia'
-import { mapActions } from 'vuex'
 import { DateTime } from 'luxon'
 
 import EditDropdown from './EditDropdown.vue'
@@ -141,7 +140,8 @@ import {
   useModals,
   useSpacesStore,
   useUserStore,
-  useCapabilityStore
+  useCapabilityStore,
+  useSharesStore
 } from '@ownclouders/web-pkg'
 import { Resource, extractDomSelector } from '@ownclouders/web-client/src/helpers/resource'
 import { computed, defineComponent, inject, PropType, Ref } from 'vue'
@@ -195,6 +195,8 @@ export default defineComponent({
     const { dispatchModal } = useModals()
     const { changeSpaceMember } = useSpacesStore()
 
+    const { updateShare } = useSharesStore()
+
     const { user } = storeToRefs(userStore)
 
     const sharedParentDir = computed(() => {
@@ -238,6 +240,7 @@ export default defineComponent({
     return {
       resource: inject<Ref<Resource>>('resource'),
       changeSpaceMember,
+      updateShare,
       user,
       hasResharing: capabilityRefs.sharingResharing,
       resharingDefault: capabilityRefs.sharingResharingDefault,
@@ -422,8 +425,6 @@ export default defineComponent({
     }
   },
   methods: {
-    ...mapActions('Files', ['changeShare']),
-
     removeShare() {
       this.$emit('onDelete', this.share)
     },
@@ -470,18 +471,28 @@ export default defineComponent({
               (this.hasResharing && this.resharingDefault) || this.isAnySpaceShareType
             )
           )
-      const changeMethod = this.isAnySpaceShareType ? this.changeSpaceMember : this.changeShare
 
       try {
-        changeMethod({
-          client: this.$client,
-          graphClient: this.clientService.graphAuthenticated,
-          resource: this.resource,
-          share: this.share,
-          permissions: bitmask,
-          expirationDate: expirationDate || '',
-          role
-        })
+        if (this.isAnySpaceShareType) {
+          this.changeSpaceMember({
+            client: this.$client,
+            graphClient: this.clientService.graphAuthenticated,
+            share: this.share,
+            permissions: bitmask,
+            expirationDate: expirationDate || '',
+            role
+          })
+        } else {
+          this.updateShare({
+            clientService: this.$clientService,
+            resource: this.resource,
+            share: this.share,
+            permissions: bitmask,
+            expirationDate: expirationDate || '',
+            role
+          })
+        }
+
         this.showMessage({ title: this.$gettext('Share successfully changed') })
       } catch (e) {
         console.error(e)
diff --git a/packages/web-app-files/src/components/SideBar/Shares/FileLinks.vue b/packages/web-app-files/src/components/SideBar/Shares/FileLinks.vue
index c6fbeddf024..915003b802d 100644
--- a/packages/web-app-files/src/components/SideBar/Shares/FileLinks.vue
+++ b/packages/web-app-files/src/components/SideBar/Shares/FileLinks.vue
@@ -112,7 +112,7 @@
 <script lang="ts">
 import { computed, defineComponent, inject, ref, Ref, unref } from 'vue'
 import { DateTime } from 'luxon'
-import { mapActions, mapMutations } from 'vuex'
+import { mapMutations } from 'vuex'
 import {
   useStore,
   useAbility,
@@ -148,8 +148,7 @@ import {
   isProjectSpaceResource,
   isShareSpaceResource
 } from '@ownclouders/web-client/src/helpers'
-import { isLocationSharesActive } from '@ownclouders/web-pkg'
-import { useShares } from 'web-app-files/src/composables'
+import { isLocationSharesActive, useSharesStore } from '@ownclouders/web-pkg'
 import { useGettext } from 'vue3-gettext'
 import { storeToRefs } from 'pinia'
 
@@ -174,6 +173,10 @@ export default defineComponent({
     const { defaultLinkPermissions } = useDefaultLinkPermissions()
     const { dispatchModal } = useModals()
 
+    const sharesStore = useSharesStore()
+    const { updateLink, deleteLink, shares } = sharesStore
+    const { outgoingLinks } = storeToRefs(sharesStore)
+
     const configStore = useConfigStore()
     const { options: configOptions } = storeToRefs(configStore)
 
@@ -191,7 +194,6 @@ export default defineComponent({
     const initialLinkListCollapsed = !configStore.options.sidebar.shares.showAllOnLoad
     const linkListCollapsed = ref(initialLinkListCollapsed)
     const indirectLinkListCollapsed = ref(initialLinkListCollapsed)
-    const { outgoingLinks } = useShares()
     const directLinks = computed(() =>
       unref(outgoingLinks)
         .filter((l) => !l.indirect && !l.quicklink)
@@ -249,9 +251,9 @@ export default defineComponent({
 
     const updatePublicLink = async ({ params }) => {
       try {
-        await store.dispatch('Files/updateLink', {
+        await updateLink({
           id: params.id,
-          client: clientService.owncloudSdk,
+          clientService: clientService,
           params
         })
         showMessage({ title: $gettext('Link was updated successfully') })
@@ -272,6 +274,7 @@ export default defineComponent({
     }
 
     return {
+      store,
       ability,
       space,
       resource,
@@ -287,6 +290,7 @@ export default defineComponent({
       outgoingLinks,
       directLinks,
       indirectLinks,
+      deleteLink,
       canCreatePublicLinks,
       canDeleteReadOnlyPublicLinkPassword,
       configStore,
@@ -379,7 +383,6 @@ export default defineComponent({
     }
   },
   methods: {
-    ...mapActions('Files', ['addLink', 'updateLink', 'removeLink']),
     ...mapMutations('Files', ['REMOVE_FILES']),
 
     toggleLinkListCollapsed() {
@@ -504,15 +507,15 @@ export default defineComponent({
         ),
         confirmText: this.$gettext('Delete'),
         onConfirm: () =>
-          this.deleteLink({
-            client: this.$client,
+          this.removeLink({
+            clientService: this.$clientService,
             share: link,
             resource: this.resource
           })
       })
     },
 
-    async deleteLink({ client, share, resource }) {
+    async removeLink({ clientService, share, resource }) {
       let path = resource.path
       // sharing a share root from the share jail -> use resource name as path
       if (this.hasShareJail && path === '/') {
@@ -523,7 +526,13 @@ export default defineComponent({
       const loadIndicators = this.outgoingLinks.filter((l) => !l.indirect).length === 1
 
       try {
-        await this.removeLink({ client, share, path, loadIndicators })
+        await this.deleteLink({
+          clientService,
+          share,
+          path,
+          loadIndicators,
+          vuexStore: this.store
+        })
         this.showMessage({
           title: this.$gettext('Link was deleted successfully')
         })
diff --git a/packages/web-app-files/src/components/SideBar/Shares/FileShares.vue b/packages/web-app-files/src/components/SideBar/Shares/FileShares.vue
index 937922b3e73..75986336199 100644
--- a/packages/web-app-files/src/components/SideBar/Shares/FileShares.vue
+++ b/packages/web-app-files/src/components/SideBar/Shares/FileShares.vue
@@ -87,7 +87,7 @@
 
 <script lang="ts">
 import { storeToRefs } from 'pinia'
-import { mapActions, mapMutations } from 'vuex'
+import { mapMutations } from 'vuex'
 import {
   useAbility,
   useStore,
@@ -97,7 +97,8 @@ import {
   useMessages,
   useSpacesStore,
   useCapabilityStore,
-  useConfigStore
+  useConfigStore,
+  useSharesStore
 } from '@ownclouders/web-pkg'
 import { isLocationSharesActive } from '@ownclouders/web-pkg'
 import { textUtils } from '../../../helpers/textUtils'
@@ -117,7 +118,6 @@ import {
 } from '@ownclouders/web-client/src/helpers'
 import { getSharedAncestorRoute } from '@ownclouders/web-pkg'
 import { AncestorMetaData } from '@ownclouders/web-pkg'
-import { useShares } from 'web-app-files/src/composables'
 
 export default defineComponent({
   name: 'FileShares',
@@ -139,6 +139,10 @@ export default defineComponent({
     const configStore = useConfigStore()
     const { options: configOptions } = storeToRefs(configStore)
 
+    const sharesStore = useSharesStore()
+    const { addShare, deleteShare } = sharesStore
+    const { outgoingCollaborators } = storeToRefs(sharesStore)
+
     const { user } = storeToRefs(userStore)
 
     const resource = inject<Ref<Resource>>('resource')
@@ -171,7 +175,10 @@ export default defineComponent({
     })
 
     return {
-      ...useShares(),
+      store,
+      addShare,
+      deleteShare,
+      outgoingCollaborators,
       user,
       ability,
       resource,
@@ -302,10 +309,9 @@ export default defineComponent({
     }
   },
   methods: {
-    ...mapActions('Files', ['deleteShare', 'addShare']),
     ...mapMutations('Files', ['REMOVE_FILES']),
 
-    getDeniedShare(collaborator: Share): Share {
+    getDeniedShare(collaborator: Share) {
       return this.collaborators.find(
         (c) =>
           c.permissions === peopleRoleDenyFolder.bitmask(false) &&
@@ -324,7 +330,7 @@ export default defineComponent({
       )
     },
 
-    getDeniedSpaceMember(collaborator: Share): Share {
+    getDeniedSpaceMember(collaborator: Share) {
       let shareType = null
 
       if (collaborator.shareType === ShareTypes.spaceUser.value) {
@@ -392,10 +398,10 @@ export default defineComponent({
       if (value === true) {
         try {
           await this.addShare({
-            client: this.$client,
+            clientService: this.$clientService,
+            vuexStore: this.store,
             resource: this.resource,
             shareWith: share.collaborator.name,
-            displayName: share.collaborator.displayName,
             shareType: share.shareType,
             role: peopleRoleDenyFolder,
             path: this.resource.path,
@@ -415,7 +421,8 @@ export default defineComponent({
       } else {
         try {
           await this.deleteShare({
-            client: this.$client,
+            clientService: this.$clientService,
+            vuexStore: this.store,
             share:
               share.shareType === ShareTypes.spaceUser.value ||
               share.shareType === ShareTypes.spaceGroup.value
@@ -461,7 +468,8 @@ export default defineComponent({
 
       try {
         await this.deleteShare({
-          client: this.$client,
+          clientService: this.$clientService,
+          vuexStore: this.store,
           share: share,
           path,
           loadIndicators
diff --git a/packages/web-app-files/src/components/SideBar/Shares/SharesPanel.vue b/packages/web-app-files/src/components/SideBar/Shares/SharesPanel.vue
index 34287ba6959..7f263349d6f 100644
--- a/packages/web-app-files/src/components/SideBar/Shares/SharesPanel.vue
+++ b/packages/web-app-files/src/components/SideBar/Shares/SharesPanel.vue
@@ -14,13 +14,14 @@
 </template>
 
 <script lang="ts">
-import { ComponentPublicInstance, computed, defineComponent, inject, provide } from 'vue'
+import { ComponentPublicInstance, defineComponent, inject, provide } from 'vue'
 import FileLinks from './FileLinks.vue'
 import FileShares from './FileShares.vue'
 import SpaceMembers from './SpaceMembers.vue'
-import { useStore } from '@ownclouders/web-pkg'
+import { useSharesStore } from '@ownclouders/web-pkg'
 import { useIncomingParentShare } from '../../../composables/parentShare'
 import { Resource } from '@ownclouders/web-client'
+import { storeToRefs } from 'pinia'
 
 export default defineComponent({
   name: 'SharesPanel',
@@ -35,8 +36,8 @@ export default defineComponent({
   },
   emits: ['scrollToElement'],
   setup() {
-    const store = useStore()
-    const sharesLoading = computed(() => store.getters['Files/sharesLoading'])
+    const sharesStore = useSharesStore()
+    const { loading: sharesLoading } = storeToRefs(sharesStore)
 
     const { incomingParentShare, ...rest } = useIncomingParentShare()
     provide('incomingParentShare', incomingParentShare)
diff --git a/packages/web-app-files/src/composables/index.ts b/packages/web-app-files/src/composables/index.ts
index d9b8d9e490f..38b2d94befe 100644
--- a/packages/web-app-files/src/composables/index.ts
+++ b/packages/web-app-files/src/composables/index.ts
@@ -1,3 +1,2 @@
 export * from './actions'
 export * from './resourcesViewDefaults'
-export * from './shares'
diff --git a/packages/web-app-files/src/composables/shares/index.ts b/packages/web-app-files/src/composables/shares/index.ts
deleted file mode 100644
index 3c6583acef2..00000000000
--- a/packages/web-app-files/src/composables/shares/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './useShares'
diff --git a/packages/web-app-files/src/composables/shares/useShares.ts b/packages/web-app-files/src/composables/shares/useShares.ts
deleted file mode 100644
index 127e1a26ea2..00000000000
--- a/packages/web-app-files/src/composables/shares/useShares.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { computed, Ref } from 'vue'
-import { Share } from '@ownclouders/web-client/src/helpers/share'
-import { useStore } from '@ownclouders/web-pkg'
-
-export function useShares() {
-  const store = useStore()
-  const outgoingLinks: Ref<Share[]> = computed(() => store.getters['Files/outgoingLinks'])
-  const outgoingCollaborators: Ref<Share[]> = computed(() =>
-    store.getters['Files/outgoingCollaborators'].filter((s) => s.collaborator.displayName)
-  )
-  return { outgoingCollaborators, outgoingLinks }
-}
diff --git a/packages/web-app-files/src/store/actions.ts b/packages/web-app-files/src/store/actions.ts
index e5614a88d6e..79a0684064b 100644
--- a/packages/web-app-files/src/store/actions.ts
+++ b/packages/web-app-files/src/store/actions.ts
@@ -1,14 +1,6 @@
-import PQueue from 'p-queue'
-
-import { MessageStore, CapabilityStore, ConfigStore, getParentPaths } from '@ownclouders/web-pkg'
-import {
-  buildShare,
-  buildCollaboratorShare,
-  ShareTypes
-} from '@ownclouders/web-client/src/helpers/share'
+import { MessageStore, CapabilityStore, ConfigStore } from '@ownclouders/web-pkg'
 import { avatarUrl } from '../helpers/user'
 import { has } from 'lodash-es'
-import get from 'lodash-es/get'
 import {
   buildResource,
   isProjectSpaceResource,
@@ -19,14 +11,7 @@ import { WebDAV } from '@ownclouders/web-client/src/webdav'
 import { ClientService, LoadingTaskCallbackArguments } from '@ownclouders/web-pkg'
 import { Language } from 'vue3-gettext'
 import { eventBus } from '@ownclouders/web-pkg'
-import { AncestorMetaData } from '@ownclouders/web-pkg'
-
-const allowSharePermissions = (getters) => {
-  return (
-    get(getters, `capabilities.files_sharing.resharing`, true) &&
-    get(getters, `capabilities.files_sharing.resharing_default`, true)
-  )
-}
+import { AncestorMetaData, SharesStore } from '@ownclouders/web-pkg'
 
 export default {
   loadFiles(context, { currentFolder, files }) {
@@ -76,6 +61,7 @@ export default {
       loadingCallbackArgs: LoadingTaskCallbackArguments
       firstRun: boolean
       messageStore: MessageStore
+      sharesStore: SharesStore
     } & Language
   ) {
     const {
@@ -85,6 +71,7 @@ export default {
       files,
       clientService,
       loadingCallbackArgs,
+      sharesStore,
       firstRun = true
     } = options
     const { setProgress } = loadingCallbackArgs
@@ -105,6 +92,7 @@ export default {
                 space,
                 files: [file],
                 clientService,
+                sharesStore,
                 firstRun: false
               })
             }
@@ -121,7 +109,7 @@ export default {
     return Promise.all(promises).then(() => {
       context.commit('REMOVE_FILES', removedFiles)
       context.commit('RESET_SELECTION')
-      context.commit('PRUNE_SHARES')
+      sharesStore.pruneShares()
 
       if (removedFiles.length) {
         const title =
@@ -146,7 +134,7 @@ export default {
     context.commit('REMOVE_FILES', files)
     context.commit('RESET_SELECTION')
   },
-  updateFileShareTypes({ state, getters, commit, rootState }, path) {
+  updateFileShareTypes({ getters, commit, rootState }, { path, outgoingShares }) {
     const file = [...getters.files, getters.currentFolder].find((f) => f?.path === path)
     if (!file || isProjectSpaceResource(file)) {
       return
@@ -155,7 +143,7 @@ export default {
     commit('UPDATE_RESOURCE_FIELD', {
       id: file.id,
       field: 'shareTypes',
-      value: computeShareTypes(state.outgoingShares.filter((s) => !s.indirect))
+      value: computeShareTypes(outgoingShares.filter((s) => !s.indirect))
     })
 
     const ancestorEntry =
@@ -166,181 +154,12 @@ export default {
         {
           path: ancestorEntry.path,
           field: 'shareTypes',
-          value: computeShareTypes(state.outgoingShares.filter((s) => !s.indirect))
+          value: computeShareTypes(outgoingShares.filter((s) => !s.indirect))
         },
         { root: true }
       )
     }
   },
-  async changeShare(
-    { commit, rootGetters },
-    { client, share, resource, permissions, expirationDate, role }
-  ) {
-    if (!permissions && !role) {
-      throw new Error('Nothing changed')
-    }
-
-    const updatedShare = await client.shares.updateShare(share.id, {
-      role: role.name,
-      permissions,
-      expireDate: expirationDate
-    })
-
-    const builtShare = buildCollaboratorShare(
-      updatedShare.shareInfo,
-      resource,
-      allowSharePermissions(rootGetters)
-    )
-    commit('OUTGOING_SHARES_UPSERT', { ...builtShare, outgoing: true })
-  },
-  async addShare(
-    context,
-    {
-      client,
-      resource,
-      path,
-      shareWith,
-      shareType,
-      permissions,
-      role,
-      expirationDate,
-      storageId,
-      notify = undefined,
-      shareWithUser = undefined,
-      shareWithProvider = undefined
-    }
-  ) {
-    const isGroupShare = shareType === ShareTypes.group.value
-    const options = {
-      permissions,
-      role: role.name,
-      expirationDate,
-      spaceRef: storageId,
-      remoteUser: undefined,
-      ...(notify && { notify }),
-      ...(shareWithUser && { shareWithUser }),
-      ...(shareWithProvider && { shareWithProvider })
-    }
-
-    if (!isGroupShare) {
-      options.remoteUser = shareType === ShareTypes.remote.value
-    }
-
-    const shareMethod = isGroupShare ? 'shareFileWithGroup' : 'shareFileWithUser'
-    const share = await client.shares[shareMethod](path, shareWith, options)
-    const builtShare = buildCollaboratorShare(
-      share.shareInfo,
-      resource,
-      allowSharePermissions(context.rootGetters)
-    )
-    if (context.state.sharesLoading) {
-      await Promise.resolve(context.state.sharesLoading)
-    }
-    context.commit('OUTGOING_SHARES_UPSERT', { ...builtShare, outgoing: true })
-    context.dispatch('updateFileShareTypes', path)
-    context.commit('LOAD_INDICATORS', path)
-  },
-  async deleteShare(context, { client, share, path, loadIndicators = false }) {
-    await client.shares.deleteShare(share.id, {} as any)
-    if (context.state.sharesLoading) {
-      await Promise.resolve(context.state.sharesLoading)
-    }
-    context.commit('OUTGOING_SHARES_REMOVE', share)
-    context.dispatch('updateFileShareTypes', path)
-    if (loadIndicators) {
-      context.commit('LOAD_INDICATORS', path)
-    }
-  },
-  async loadShares(context, { client, resource, configStore, path, storageId, useCached = true }) {
-    if (context.state.sharesLoading) {
-      await context.state.sharesLoading
-    }
-    let resolvePromise
-    const promise = new Promise((resolve) => {
-      resolvePromise = resolve
-    })
-    context.commit('SHARES_LOADING', promise)
-    promise.then(() => {
-      context.commit('SHARES_LOADING', false)
-    })
-
-    const parentPaths = path === '/' ? ['/'] : getParentPaths(path, true)
-    const currentlyLoadedShares = [...context.state.outgoingShares, ...context.state.incomingShares]
-    const shares = []
-
-    const shareQueriesQueue = new PQueue({
-      concurrency: configStore.options.concurrentRequests.shares.list
-    })
-    const shareQueriesPromises = []
-    const getShares = (subPath, indirect, options, outgoing) => {
-      const buildMethod = outgoing ? buildShare : buildCollaboratorShare
-      const res = indirect || !resource ? { type: 'folder' } : resource
-      const permissions = allowSharePermissions(context.rootGetters)
-      return client.shares
-        .getShares(subPath, options)
-        .then((data) => {
-          data.forEach((element) => {
-            shares.push({
-              ...buildMethod(element.shareInfo, res, permissions),
-              outgoing,
-              indirect
-            })
-          })
-        })
-        .catch((error) => {
-          console.error('SHARESTREE_ERROR', error)
-        })
-    }
-
-    if (!path) {
-      // space shares
-      shareQueriesPromises.push(
-        getShares(path, false, { reshares: true, spaceRef: storageId }, true)
-      )
-    }
-
-    parentPaths.forEach((queryPath) => {
-      const ancestorMetaData =
-        (context.rootState.runtime.ancestorMetaData.ancestorMetaData as AncestorMetaData)[
-          queryPath
-        ] ?? null
-      const indirect = path !== queryPath
-      const spaceRef = indirect ? ancestorMetaData?.id : storageId
-      // no need to fetch cached shares again, only adjust the "indirect" state
-      if (useCached && currentlyLoadedShares.length) {
-        const cached = currentlyLoadedShares.filter((s) => s.path === queryPath)
-        if (cached.length) {
-          shares.push(...cached.map((c) => ({ ...c, indirect })))
-          return
-        }
-      }
-
-      // query the outgoing share information for each of the parent paths
-      shareQueriesPromises.push(
-        shareQueriesQueue.add(() =>
-          getShares(queryPath, indirect, { reshares: true, spaceRef }, true)
-        )
-      )
-      // query the incoming share information for each of the parent paths
-      shareQueriesPromises.push(
-        shareQueriesQueue.add(() =>
-          getShares(queryPath, indirect, { shared_with_me: true, spaceRef }, false)
-        )
-      )
-    })
-
-    return Promise.allSettled(shareQueriesPromises).then(() => {
-      context.commit(
-        'OUTGOING_SHARES_SET',
-        shares.filter((s) => s.outgoing)
-      )
-      context.commit(
-        'INCOMING_SHARES_SET',
-        shares.filter((s) => !s.outgoing)
-      )
-      resolvePromise()
-    })
-  },
   async loadVersions(context, { client, fileId }: { client: WebDAV; fileId: Resource['fileId'] }) {
     let response
     try {
@@ -351,82 +170,6 @@ export default {
     }
     context.commit('SET_VERSIONS', response)
   },
-
-  addLink(
-    { commit, dispatch, getters, rootGetters, state, rootState },
-    { path, client, params, storageId }
-  ) {
-    return new Promise((resolve, reject) => {
-      client.shares
-        .shareFileWithLink(path, { ...params, spaceRef: storageId })
-        .then(async (data) => {
-          const link = buildShare(data.shareInfo, null, allowSharePermissions(rootGetters))
-          if (state.sharesLoading) {
-            await Promise.resolve(state.sharesLoading)
-          }
-
-          const fileIsSelected =
-            getters.selectedFiles.some(({ fileId }) => fileId === storageId) ||
-            (getters.selectedFiles.length === 0 && getters.currentFolder.fileId === storageId)
-
-          commit('OUTGOING_SHARES_UPSERT', { ...link, outgoing: true, indirect: !fileIsSelected })
-          dispatch('updateFileShareTypes', path)
-
-          if (!fileIsSelected) {
-            // we might need to update the share types for the ancestor resource as well
-            const ancestor =
-              (rootState.runtime.ancestorMetaData.ancestorMetaData as AncestorMetaData)[path] ??
-              null
-            if (ancestor) {
-              const { shareTypes } = ancestor
-              if (!shareTypes.includes(ShareTypes.link.value)) {
-                commit(
-                  'runtime/ancestorMetaData/UPDATE_ANCESTOR_FIELD',
-                  {
-                    path: ancestor.path,
-                    field: 'shareTypes',
-                    value: [...shareTypes, ShareTypes.link.value]
-                  },
-                  { root: true }
-                )
-              }
-            }
-          }
-          commit('LOAD_INDICATORS', path)
-          resolve(link)
-        })
-        .catch((e) => {
-          reject(e)
-        })
-    })
-  },
-  updateLink(context, { id, client, params }) {
-    return new Promise((resolve, reject) => {
-      client.shares
-        .updateShare(id, params)
-        .then((data) => {
-          const link = buildShare(data.shareInfo, null, allowSharePermissions(context.rootGetters))
-          context.commit('OUTGOING_SHARES_UPSERT', { ...link, outgoing: true })
-          resolve(link)
-        })
-        .catch((e) => {
-          reject(e)
-        })
-    })
-  },
-  removeLink(context, { share, client, path, loadIndicators = false }) {
-    return client.shares.deleteShare(share.id).then(async () => {
-      if (context.state.sharesLoading) {
-        await Promise.resolve(context.state.sharesLoading)
-      }
-      context.commit('OUTGOING_SHARES_REMOVE', share)
-      context.dispatch('updateFileShareTypes', path)
-      if (loadIndicators) {
-        context.commit('LOAD_INDICATORS', path)
-      }
-    })
-  },
-
   loadAvatars(
     { commit },
     {
diff --git a/packages/web-app-files/src/store/getters.ts b/packages/web-app-files/src/store/getters.ts
index 09789cd098d..43a75b7bfe0 100644
--- a/packages/web-app-files/src/store/getters.ts
+++ b/packages/web-app-files/src/store/getters.ts
@@ -1,5 +1,4 @@
 import { isProjectSpaceResource } from '@ownclouders/web-client/src/helpers'
-import { ShareTypes } from '@ownclouders/web-client/src/helpers/share'
 
 export default {
   selectedFiles: (state, getters) => {
@@ -33,22 +32,6 @@ export default {
       spaces: spaceCount
     }
   },
-  outgoingCollaborators: (state) => {
-    return state.outgoingShares.filter((s) =>
-      ShareTypes.containsAnyValue(ShareTypes.authenticated, [s.shareType])
-    )
-  },
-  incomingCollaborators: (state) => {
-    return state.incomingShares.filter((s) =>
-      ShareTypes.containsAnyValue(ShareTypes.authenticated, [s.shareType])
-    )
-  },
-  outgoingLinks: (state) => {
-    return state.outgoingShares.filter((share) => {
-      return ShareTypes.containsAnyValue(ShareTypes.unauthenticated, [share.shareType])
-    })
-  },
-  sharesLoading: (state) => state.sharesLoading,
   versions: (state) => {
     return state.versions
   },
diff --git a/packages/web-app-files/src/store/mutations.ts b/packages/web-app-files/src/store/mutations.ts
index 6725077b221..7578f75e971 100644
--- a/packages/web-app-files/src/store/mutations.ts
+++ b/packages/web-app-files/src/store/mutations.ts
@@ -55,37 +55,6 @@ export default {
   REMOVE_FILES(state, removedFiles) {
     state.files = [...state.files].filter((file) => !removedFiles.find((r) => r.id === file.id))
   },
-  OUTGOING_SHARES_SET(state, shares) {
-    state.outgoingShares = shares
-  },
-  OUTGOING_SHARES_REMOVE(state, share) {
-    state.outgoingShares = state.outgoingShares.filter((s) => share.id !== s.id)
-  },
-  OUTGOING_SHARES_UPSERT(state, share) {
-    const fileIndex = state.outgoingShares.findIndex((s) => {
-      return s.id === share.id
-    })
-
-    if (fileIndex >= 0) {
-      state.outgoingShares[fileIndex] = share
-    } else {
-      // share was not present in the list while updating, add it instead
-      state.outgoingShares.push(share)
-    }
-  },
-  INCOMING_SHARES_SET(state, shares) {
-    state.incomingShares = shares
-  },
-  SHARES_LOADING(state, loading) {
-    state.sharesLoading = loading
-  },
-  PRUNE_SHARES(state) {
-    state.sharesLoading = true
-    state.outgoingShares = []
-    state.incomingShares = []
-    state.sharesLoading = false
-  },
-
   CLEAR_CURRENT_FILES_LIST(state) {
     state.currentFolder = null
     state.selectedIds = []
diff --git a/packages/web-app-files/src/store/state.ts b/packages/web-app-files/src/store/state.ts
index e5e71d66c57..ccc30f7ce15 100644
--- a/packages/web-app-files/src/store/state.ts
+++ b/packages/web-app-files/src/store/state.ts
@@ -5,13 +5,6 @@ export default {
   latestSelectedId: null,
   versions: [],
 
-  /**
-   * Shares
-   **/
-  sharesLoading: false,
-  incomingShares: [],
-  outgoingShares: [],
-
   /**
    * View settings
    */
diff --git a/packages/web-app-files/tests/unit/components/Modals/SetLinkPasswordModal.spec.ts b/packages/web-app-files/tests/unit/components/Modals/SetLinkPasswordModal.spec.ts
index 9cc99c7ad59..57b335571a6 100644
--- a/packages/web-app-files/tests/unit/components/Modals/SetLinkPasswordModal.spec.ts
+++ b/packages/web-app-files/tests/unit/components/Modals/SetLinkPasswordModal.spec.ts
@@ -7,7 +7,7 @@ import {
   defaultStoreMockOptions,
   shallowMount
 } from 'web-test-helpers'
-import { Modal, useMessages } from '@ownclouders/web-pkg'
+import { Modal, useMessages, useSharesStore } from '@ownclouders/web-pkg'
 
 describe('SetLinkPasswordModal', () => {
   it('should render a text input field for the password', () => {
@@ -20,13 +20,15 @@ describe('SetLinkPasswordModal', () => {
       const { wrapper, storeOptions } = getWrapper()
       await wrapper.vm.onConfirm()
 
-      expect(storeOptions.modules.Files.actions.updateLink).toHaveBeenCalled()
+      const sharesStore = useSharesStore()
+      expect(sharesStore.updateLink).toHaveBeenCalled()
       const { showMessage } = useMessages()
       expect(showMessage).toHaveBeenCalled()
     })
     it('shows an error message on error', async () => {
       const { wrapper, storeOptions } = getWrapper()
-      storeOptions.modules.Files.actions.updateLink.mockRejectedValue(new Error(''))
+      const sharesStore = useSharesStore()
+      ;(sharesStore.updateLink as any).mockRejectedValue(new Error(''))
       await wrapper.vm.onConfirm()
 
       const { showErrorMessage } = useMessages()
diff --git a/packages/web-app-files/tests/unit/components/SideBar/Shares/Collaborators/ListItem.spec.ts b/packages/web-app-files/tests/unit/components/SideBar/Shares/Collaborators/ListItem.spec.ts
index 0910753215c..36a1c56fecd 100644
--- a/packages/web-app-files/tests/unit/components/SideBar/Shares/Collaborators/ListItem.spec.ts
+++ b/packages/web-app-files/tests/unit/components/SideBar/Shares/Collaborators/ListItem.spec.ts
@@ -13,6 +13,7 @@ import {
   defaultStubs,
   defaultComponentMocks
 } from 'web-test-helpers'
+import { useMessages, useSharesStore } from '@ownclouders/web-pkg'
 
 jest.mock('uuid', () => ({
   v4: () => {
@@ -115,21 +116,21 @@ describe('Collaborator ListItem component', () => {
   describe('change share role', () => {
     it('calls "changeShare" for regular resources', () => {
       const { wrapper } = createWrapper()
-      const changeShareStub = jest.spyOn(wrapper.vm, 'changeShare')
       ;(wrapper.findComponent<any>('role-dropdown-stub').vm as any).$emit('optionChange', {
         role: peopleRoleViewerFile,
         permissions: [SharePermissions.read]
       })
-      expect(changeShareStub).toHaveBeenCalled()
+      const sharesStore = useSharesStore()
+      expect(sharesStore.updateShare).toHaveBeenCalled()
     })
     it('calls "changeSpaceMember" for space resources', () => {
       const { wrapper } = createWrapper({ shareType: ShareTypes.spaceUser.value })
-      const changeShareStub = jest.spyOn(wrapper.vm, 'changeSpaceMember')
       ;(wrapper.findComponent<any>('role-dropdown-stub').vm as any).$emit('optionChange', {
         role: peopleRoleViewerFile,
         permissions: [SharePermissions.read]
       })
-      expect(changeShareStub).toHaveBeenCalled()
+      const sharesStore = useSharesStore()
+      expect(sharesStore.updateShare).toHaveBeenCalled()
     })
     it('shows a message on error', () => {
       jest.spyOn(console, 'error').mockImplementation(() => undefined)
@@ -137,24 +138,24 @@ describe('Collaborator ListItem component', () => {
       jest.spyOn(wrapper.vm, 'saveShareChanges').mockImplementation(() => {
         throw new Error()
       })
-      const changeShareStub = jest.spyOn(wrapper.vm, 'changeShare')
-      const showErrorMessageStub = jest.spyOn(wrapper.vm, 'showErrorMessage')
       ;(wrapper.findComponent<any>('role-dropdown-stub').vm as any).$emit('optionChange', {
         role: peopleRoleViewerFile,
         permissions: [SharePermissions.read]
       })
-      expect(changeShareStub).not.toHaveBeenCalled()
-      expect(showErrorMessageStub).toHaveBeenCalled()
+      const sharesStore = useSharesStore()
+      expect(sharesStore.updateShare).not.toHaveBeenCalled()
+      const messagesStore = useMessages()
+      expect(messagesStore.showErrorMessage).toHaveBeenCalled()
     })
   })
   describe('change expiration date', () => {
     it('calls "changeShare" for regular resources', () => {
       const { wrapper } = createWrapper()
-      const changeShareStub = jest.spyOn(wrapper.vm, 'changeShare')
       ;(wrapper.findComponent<any>('edit-dropdown-stub').vm as any).$emit('expirationDateChanged', {
         shareExpirationChanged: new Date()
       })
-      expect(changeShareStub).toHaveBeenCalled()
+      const sharesStore = useSharesStore()
+      expect(sharesStore.updateShare).toHaveBeenCalled()
     })
     it('shows a message on error', () => {
       jest.spyOn(console, 'error').mockImplementation(() => undefined)
@@ -162,13 +163,13 @@ describe('Collaborator ListItem component', () => {
       jest.spyOn(wrapper.vm, 'saveShareChanges').mockImplementation(() => {
         throw new Error()
       })
-      const changeShareStub = jest.spyOn(wrapper.vm, 'changeShare')
-      const showErrorMessageStub = jest.spyOn(wrapper.vm, 'showErrorMessage')
       ;(wrapper.findComponent<any>('edit-dropdown-stub').vm as any).$emit('expirationDateChanged', {
         shareExpirationChanged: new Date()
       })
-      expect(changeShareStub).not.toHaveBeenCalled()
-      expect(showErrorMessageStub).toHaveBeenCalled()
+      const sharesStore = useSharesStore()
+      expect(sharesStore.updateShare).not.toHaveBeenCalled()
+      const messagesStore = useMessages()
+      expect(messagesStore.showErrorMessage).toHaveBeenCalled()
     })
   })
 })
diff --git a/packages/web-app-files/tests/unit/components/SideBar/Shares/FileLinks.spec.ts b/packages/web-app-files/tests/unit/components/SideBar/Shares/FileLinks.spec.ts
index d16915bfc3a..b22b583f0f0 100644
--- a/packages/web-app-files/tests/unit/components/SideBar/Shares/FileLinks.spec.ts
+++ b/packages/web-app-files/tests/unit/components/SideBar/Shares/FileLinks.spec.ts
@@ -8,7 +8,7 @@ import {
 } from 'web-test-helpers'
 import { mock, mockDeep } from 'jest-mock-extended'
 import { Resource } from '@ownclouders/web-client'
-import { SharePermissions } from '@ownclouders/web-client/src/helpers/share'
+import { Share, SharePermissions, ShareTypes } from '@ownclouders/web-client/src/helpers/share'
 import { AbilityRule } from '@ownclouders/web-client/src/helpers/resource/types'
 import {
   CapabilityStore,
@@ -25,7 +25,9 @@ const defaultLinksList = [
     name: 'public link 1',
     url: 'some-link-1',
     path: '/file-1.txt',
-    permissions: 1
+    permissions: 1,
+    outgoing: true,
+    shareType: ShareTypes.link.value
   },
   {
     id: '2',
@@ -33,7 +35,9 @@ const defaultLinksList = [
     name: 'public link 2',
     url: 'some-link-2',
     path: '/file-2.txt',
-    permissions: 1
+    permissions: 1,
+    outgoing: true,
+    shareType: ShareTypes.link.value
   }
 ]
 
@@ -55,9 +59,9 @@ jest.mock('@ownclouders/web-pkg', () => ({
 describe('FileLinks', () => {
   describe('links', () => {
     describe('when links list is not empty', () => {
-      const { wrapper } = getWrapper()
-
       it('should render a list of direct and indirect links', () => {
+        const { wrapper } = getWrapper()
+
         const linkListItems = wrapper.findAllComponents<any>(linkListItemNameAndCopy)
         const linkListItemsDetails = wrapper.findAll(linkListItemDetailsAndEdit)
 
@@ -79,6 +83,8 @@ describe('FileLinks', () => {
       })
 
       it('should not show the "no results" message', () => {
+        const { wrapper } = getWrapper()
+
         expect(wrapper.find(selectors.linkNoResults).exists()).toBeFalsy()
       })
     })
@@ -131,7 +137,9 @@ describe('FileLinks', () => {
         name: 'public link 1',
         url: 'some-link-1',
         path: '/file-1.txt',
-        permissions: 1
+        permissions: 1,
+        outgoing: true,
+        shareType: ShareTypes.link.value
       }
       const { wrapper } = getWrapper({ resource, abilities: [], links: [viewerLink] })
       const detailsAndEdit = wrapper.findComponent<any>(linkListItemDetailsAndEdit)
@@ -145,7 +153,9 @@ describe('FileLinks', () => {
         name: 'internal link 1',
         url: 'some-link-1',
         path: '/file-1.txt',
-        permissions: 0
+        permissions: 0,
+        outgoing: true,
+        shareType: ShareTypes.link.value
       }
       const { wrapper } = getWrapper({ resource, abilities: [], links: [internalLink] })
       const detailsAndEdit = wrapper.findComponent<any>(linkListItemDetailsAndEdit)
@@ -176,7 +186,6 @@ function getWrapper({
   })
 
   const storeOptions = { ...defaultStoreMockOptions }
-  defaultStoreMockOptions.modules.Files.getters.outgoingLinks.mockReturnValue(links)
   const store = createStore(storeOptions)
   const mocks = defaultComponentMocks()
   const capabilities = {
@@ -201,7 +210,8 @@ function getWrapper({
             abilities,
             piniaOptions: {
               capabilityState: { capabilities },
-              configState: { options: { sidebar: { shares: { showAllOnLoad: true } } } }
+              configState: { options: { sidebar: { shares: { showAllOnLoad: true } } } },
+              sharesState: { shares: links as Share[] }
             }
           }),
           store
diff --git a/packages/web-app-files/tests/unit/components/SideBar/Shares/FileShares.spec.ts b/packages/web-app-files/tests/unit/components/SideBar/Shares/FileShares.spec.ts
index 9956747863b..e62c0aed5c1 100644
--- a/packages/web-app-files/tests/unit/components/SideBar/Shares/FileShares.spec.ts
+++ b/packages/web-app-files/tests/unit/components/SideBar/Shares/FileShares.spec.ts
@@ -19,6 +19,7 @@ import { CapabilityStore } from '@ownclouders/web-pkg'
 const getCollaborator = () => ({
   shareType: 0,
   id: uuidV4(),
+  outgoing: true,
   collaborator: {
     name: 'einstein',
     displayName: 'Albert Einstein',
@@ -209,7 +210,6 @@ function getWrapper({
   storeOptions.modules.runtime.modules.ancestorMetaData.getters.ancestorMetaData.mockReturnValue(
     ancestorMetaData
   )
-  storeOptions.modules.Files.getters.outgoingCollaborators.mockReturnValue(collaborators)
   const store = createStore(storeOptions)
   const capabilities = {
     files_sharing: { resharing: hasReSharing, deny_access: false }
@@ -226,7 +226,8 @@ function getWrapper({
               capabilityState: { capabilities },
               configState: {
                 options: { contextHelpers: true, sidebar: { shares: { showAllOnLoad } } }
-              }
+              },
+              sharesState: { shares: collaborators }
             }
           }),
           store
diff --git a/packages/web-app-files/tests/unit/components/SideBar/Shares/SharesPanel.spec.ts b/packages/web-app-files/tests/unit/components/SideBar/Shares/SharesPanel.spec.ts
index 6a3b6f367bd..7c73fa1519f 100644
--- a/packages/web-app-files/tests/unit/components/SideBar/Shares/SharesPanel.spec.ts
+++ b/packages/web-app-files/tests/unit/components/SideBar/Shares/SharesPanel.spec.ts
@@ -28,12 +28,14 @@ describe('SharesPanel', () => {
 
   function getWrapper({ sharesLoading = false } = {}) {
     const storeOptions = defaultStoreMockOptions
-    storeOptions.modules.Files.getters.sharesLoading.mockImplementation(() => sharesLoading)
     const store = createStore(storeOptions)
     return {
       wrapper: shallowMount(SharesPanel, {
         global: {
-          plugins: [...defaultPlugins(), store],
+          plugins: [
+            ...defaultPlugins({ piniaOptions: { sharesState: { loading: sharesLoading } } }),
+            store
+          ],
           provide: {
             activePanel: null,
             displayedItem: {},
diff --git a/packages/web-app-files/tests/unit/store/actions.spec.ts b/packages/web-app-files/tests/unit/store/actions.spec.ts
index 645133124f6..b6a76c18ba4 100644
--- a/packages/web-app-files/tests/unit/store/actions.spec.ts
+++ b/packages/web-app-files/tests/unit/store/actions.spec.ts
@@ -1,15 +1,7 @@
 import actions from '../../../src/store/actions'
-import {
-  spaceRoleManager,
-  ShareTypes,
-  Share,
-  SpaceResource,
-  Resource
-} from '@ownclouders/web-client/src/helpers'
-import { mock, mockDeep } from 'jest-mock-extended'
-import { OwnCloudSdk } from '@ownclouders/web-client/src/types'
+import { SpaceResource, Resource } from '@ownclouders/web-client/src/helpers'
+import { mockDeep } from 'jest-mock-extended'
 import { createTestingPinia } from 'web-test-helpers'
-import { useConfigStore } from '@ownclouders/web-pkg'
 
 jest.mock('@ownclouders/web-client/src/helpers/share/functions', () => {
   return {
@@ -34,181 +26,7 @@ describe('vuex store actions', () => {
     })
   })
 
-  describe('changeShare', () => {
-    it('succeeds when resolved sucessfully', async () => {
-      const clientMock = mockDeep<OwnCloudSdk>()
-      clientMock.shares.updateShare.mockResolvedValue({})
-      await actions.changeShare(stateMock, {
-        client: clientMock,
-        resource: mock<Resource>(),
-        share: mockDeep<Share>({ shareType: ShareTypes.user.value }),
-        permissions: spaceRoleManager.bitmask(false),
-        role: spaceRoleManager,
-        expirationDate: null
-      })
-
-      expect(stateMock.commit).toHaveBeenCalledTimes(1)
-    })
-    it('fails on error', async () => {
-      const clientMock = mockDeep<OwnCloudSdk>()
-      clientMock.shares.updateShare.mockRejectedValue(new Error())
-      await expect(
-        actions.changeShare(stateMock, {
-          client: clientMock,
-          resource: mock<Resource>(),
-          share: mockDeep<Share>({ shareType: ShareTypes.user.value }),
-          permissions: spaceRoleManager.bitmask(false),
-          role: spaceRoleManager,
-          expirationDate: null
-        })
-      ).rejects.toThrow()
-
-      expect(stateMock.commit).toHaveBeenCalledTimes(0)
-    })
-  })
-
-  describe('addShare', () => {
-    it.each([
-      { shareType: ShareTypes.user.value, shareMethod: 'shareFileWithUser' },
-      { shareType: ShareTypes.group.value, shareMethod: 'shareFileWithGroup' }
-    ])('succeeds when resolved sucessfully', async (data) => {
-      const clientMock = mockDeep<OwnCloudSdk>()
-      clientMock.shares[data.shareMethod].mockResolvedValue({})
-      await actions.addShare(stateMock, {
-        client: clientMock,
-        resource: mock<Resource>(),
-        path: '/someFile.txt',
-        shareWith: 'user',
-        shareType: data.shareType,
-        permissions: spaceRoleManager.bitmask(false),
-        role: spaceRoleManager,
-        expirationDate: null,
-        storageId: null
-      })
-
-      expect(clientMock.shares[data.shareMethod]).toHaveBeenCalledTimes(1)
-      expect(stateMock.commit).toHaveBeenCalledTimes(2)
-    })
-    it('fails on error', async () => {
-      const clientMock = mockDeep<OwnCloudSdk>()
-      clientMock.shares.shareFileWithUser.mockRejectedValue(new Error())
-      await expect(
-        actions.addShare(stateMock, {
-          client: clientMock,
-          resource: mock<Resource>(),
-          path: '/someFile.txt',
-          shareWith: 'user',
-          shareType: ShareTypes.user.value,
-          permissions: spaceRoleManager.bitmask(false),
-          role: spaceRoleManager,
-          expirationDate: null,
-          storageId: null
-        })
-      ).rejects.toThrow()
-
-      expect(stateMock.commit).toHaveBeenCalledTimes(0)
-      expect(stateMock.dispatch).toHaveBeenCalledTimes(0)
-    })
-  })
-
-  describe('deleteShare', () => {
-    it('succeeds when resolved sucessfully', async () => {
-      const clientMock = mockDeep<OwnCloudSdk>()
-      clientMock.shares.deleteShare.mockResolvedValue({})
-      await actions.deleteShare(stateMock, {
-        client: clientMock,
-        share: mockDeep<Share>({ shareType: ShareTypes.user.value }),
-        path: '/someFile.txt'
-      })
-
-      expect(stateMock.commit).toHaveBeenCalledTimes(1)
-    })
-  })
-
-  describe('loadShares', () => {
-    const stateMock = {
-      sharesLoading: false,
-      outgoingShares: [],
-      incomingShares: []
-    }
-    const rootStateMock = {
-      runtime: {
-        ancestorMetaData: {
-          ancestorMetaData: {}
-        }
-      }
-    }
-
-    const resource = mock<Resource>({ path: 'someFolder/someFile.txt' })
-    let outgoingShares = []
-    let incomingShares = []
-    const commitMock = jest.fn((mutation, value) => {
-      if (mutation === 'OUTGOING_SHARES_SET') {
-        outgoingShares.push(...value)
-      }
-      if (mutation === 'INCOMING_SHARES_SET') {
-        incomingShares.push(...value)
-      }
-    })
-
-    beforeEach(() => {
-      outgoingShares = []
-      incomingShares = []
-    })
-
-    it('fetches shares and sets them as in- and outgoing shares', async () => {
-      const clientMock = mockDeep<OwnCloudSdk>()
-      clientMock.shares.getShares.mockResolvedValueOnce([{ shareInfo: { id: 1 } }])
-      clientMock.shares.getShares.mockResolvedValueOnce([{ shareInfo: { id: 3 } }])
-      clientMock.shares.getShares.mockResolvedValueOnce([{ shareInfo: { id: 2 } }])
-      clientMock.shares.getShares.mockResolvedValueOnce([{ shareInfo: { id: 4 } }])
-
-      await actions.loadShares(
-        { state: stateMock, commit: commitMock, rootState: rootStateMock },
-        {
-          client: clientMock,
-          resource,
-          configStore: useConfigStore(),
-          path: '/someFolder/someFile.txt',
-          storageId: '1',
-          useCached: false
-        }
-      )
-
-      expect(outgoingShares).toEqual([
-        { id: 1, outgoing: true, indirect: false },
-        { id: 2, outgoing: true, indirect: true }
-      ])
-      expect(incomingShares).toEqual([
-        { id: 3, outgoing: false, indirect: false },
-        { id: 4, outgoing: false, indirect: true }
-      ])
-      expect(clientMock.shares.getShares).toHaveBeenCalledTimes(4)
-    })
-    it('uses the cache and only updates the "indirect" state', async () => {
-      const loadedShare = { id: 1, outgoing: true, indirect: true, path: '/someFile.txt' }
-      stateMock.outgoingShares = [loadedShare]
-      const clientMock = mockDeep<OwnCloudSdk>()
-
-      await actions.loadShares(
-        { state: stateMock, commit: commitMock, rootState: rootStateMock },
-        {
-          client: clientMock,
-          resource,
-          configStore: useConfigStore(),
-          path: '/someFile.txt',
-          storageId: '1',
-          useCached: true
-        }
-      )
-
-      expect(outgoingShares).toEqual([{ ...loadedShare, indirect: false }])
-      expect(clientMock.shares.getShares).not.toHaveBeenCalled()
-    })
-  })
-
   describe('updateFileShareTypes', () => {
-    const stateMock = { outgoingShares: [], ancestorMetaData: {} }
     const getRootStateMock = (file: Resource) => ({
       runtime: {
         ancestorMetaData: {
@@ -223,12 +41,11 @@ describe('vuex store actions', () => {
       const getters = { files: [file] }
       actions.updateFileShareTypes(
         {
-          state: stateMock,
           rootState: getRootStateMock(null),
           getters,
           commit: commitSpy
         },
-        file.path
+        { path: file.path, outgoingShares: [] }
       )
       expect(commitSpy).toHaveBeenCalledTimes(1)
     })
@@ -237,12 +54,11 @@ describe('vuex store actions', () => {
       const getters = { files: [file] }
       actions.updateFileShareTypes(
         {
-          state: stateMock,
           rootState: getRootStateMock(file),
           getters,
           commit: commitSpy
         },
-        '/foo'
+        { path: '/foo', outgoingShares: [] }
       )
       expect(commitSpy).toHaveBeenCalledTimes(0)
     })
@@ -251,12 +67,11 @@ describe('vuex store actions', () => {
       const getters = { files: [file] }
       actions.updateFileShareTypes(
         {
-          state: stateMock,
           rootState: getRootStateMock(file),
           getters,
           commit: commitSpy
         },
-        file.path
+        { path: file.path, outgoingShares: [] }
       )
       expect(commitSpy).toHaveBeenCalledTimes(0)
     })
@@ -265,12 +80,11 @@ describe('vuex store actions', () => {
       const getters = { files: [file] }
       actions.updateFileShareTypes(
         {
-          state: { outgoingShares: [] },
           rootState: getRootStateMock(file),
           getters,
           commit: commitSpy
         },
-        file.path
+        { path: file.path, outgoingShares: [] }
       )
       expect(commitSpy).toHaveBeenCalledTimes(2)
     })
diff --git a/packages/web-app-files/tests/unit/store/mutations.spec.ts b/packages/web-app-files/tests/unit/store/mutations.spec.ts
index 8b94f82a19c..f95937390a2 100644
--- a/packages/web-app-files/tests/unit/store/mutations.spec.ts
+++ b/packages/web-app-files/tests/unit/store/mutations.spec.ts
@@ -1,6 +1,5 @@
 import mutations from '../../../src/store/mutations'
 import { cloneDeep } from 'lodash-es'
-import { ShareTypes } from '@ownclouders/web-client/src/helpers/share'
 
 const stateFixture = {
   files: [
@@ -77,49 +76,4 @@ describe('vuex store mutations', () => {
 
     expect(state.areFileExtensionsShown).toEqual(false)
   })
-
-  describe('OUTGOING_SHARES_REMOVE', () => {
-    it('removes an outgoing user share', () => {
-      const shareToRemove = { id: 1, shareType: ShareTypes.user.value }
-      const state = { outgoingShares: [shareToRemove] }
-      mutations.OUTGOING_SHARES_REMOVE(state, shareToRemove)
-
-      expect(state.outgoingShares.length).toEqual(0)
-    })
-    it('removes an outgoing space share', () => {
-      const shareToRemove = {
-        id: 1,
-        shareType: ShareTypes.spaceUser.value,
-        collaborator: { name: 'admin' }
-      }
-      const state = { outgoingShares: [shareToRemove] }
-      mutations.OUTGOING_SHARES_REMOVE(state, shareToRemove)
-
-      expect(state.outgoingShares.length).toEqual(0)
-    })
-  })
-
-  describe('OUTGOING_SHARES_UPSERT', () => {
-    it('updates an outgoing user share', () => {
-      const share = { id: 1, shareType: ShareTypes.user.value, permissions: 1 }
-      const state = { outgoingShares: [share] }
-      const updatedShare = { ...share, permissions: 31 }
-      mutations.OUTGOING_SHARES_UPSERT(state, updatedShare)
-
-      expect(state.outgoingShares[0]).toEqual(updatedShare)
-    })
-    it('updates an outgoing space share', () => {
-      const share = {
-        id: 1,
-        shareType: ShareTypes.spaceUser.value,
-        permissions: 1,
-        collaborator: { name: 'admin' }
-      }
-      const state = { outgoingShares: [share] }
-      const updatedShare = { ...share, permissions: 31 }
-      mutations.OUTGOING_SHARES_UPSERT(state, updatedShare)
-
-      expect(state.outgoingShares[0]).toEqual(updatedShare)
-    })
-  })
 })
diff --git a/packages/web-pkg/src/components/SideBar/FileSideBar.vue b/packages/web-pkg/src/components/SideBar/FileSideBar.vue
index 7d23c40f755..a32c835a3c6 100644
--- a/packages/web-pkg/src/components/SideBar/FileSideBar.vue
+++ b/packages/web-pkg/src/components/SideBar/FileSideBar.vue
@@ -51,7 +51,7 @@ import {
   useExtensionRegistry,
   useSelectedResources,
   useSpacesStore,
-  useConfigStore
+  useSharesStore
 } from '../../composables'
 import {
   isProjectSpaceResource,
@@ -59,6 +59,7 @@ import {
   Resource
 } from '@ownclouders/web-client/src/helpers'
 import { WebDAV } from '@ownclouders/web-client/src/webdav'
+import { AncestorMetaData } from '../../types'
 
 export default defineComponent({
   name: 'FileSideBar',
@@ -85,8 +86,8 @@ export default defineComponent({
     const clientService = useClientService()
     const extensionRegistry = useExtensionRegistry()
     const eventBus = useEventBus()
-    const configStore = useConfigStore()
     const spacesStore = useSpacesStore()
+    const { loadShares } = useSharesStore()
 
     const loadedResource = ref<Resource>()
     const isLoading = ref(false)
@@ -175,6 +176,10 @@ export default defineComponent({
         .map((e) => e.panel)
     )
 
+    const ancestorMetaData = computed<AncestorMetaData>(
+      () => store.getters['runtime/ancestorMetaData/ancestorMetaData']
+    )
+
     watch(
       () => [...unref(panelContext).items, props.isOpen],
       async () => {
@@ -193,12 +198,12 @@ export default defineComponent({
 
         isLoading.value = true
         if (!unref(isPublicFilesLocation) && !unref(isTrashLocation)) {
-          store.dispatch('Files/loadShares', {
-            client: clientService.owncloudSdk,
-            resource: resource,
-            configStore,
+          loadShares({
+            clientService,
+            resource,
             path: resource.path,
             storageId: resource.fileId,
+            ancestorMetaData: unref(ancestorMetaData),
             // cache must not be used on flat file lists that gather resources from various locations
             useCached: !unref(isFlatFileList) && !unref(isProjectsLocation)
           })
diff --git a/packages/web-pkg/src/components/SideBar/Spaces/Details/SpaceDetails.vue b/packages/web-pkg/src/components/SideBar/Spaces/Details/SpaceDetails.vue
index f2eb1cdcccc..381c7dc0258 100644
--- a/packages/web-pkg/src/components/SideBar/Spaces/Details/SpaceDetails.vue
+++ b/packages/web-pkg/src/components/SideBar/Spaces/Details/SpaceDetails.vue
@@ -89,7 +89,8 @@ import {
   usePreviewService,
   useClientService,
   useUserStore,
-  useSpacesStore
+  useSpacesStore,
+  useSharesStore
 } from '../../../../composables'
 import SpaceQuota from '../../../SpaceQuota.vue'
 import WebDavDetails from '../../WebDavDetails.vue'
@@ -120,6 +121,7 @@ export default defineComponent({
     const previewService = usePreviewService()
     const clientService = useClientService()
     const spacesStore = useSpacesStore()
+    const sharesStore = useSharesStore()
     const { spaceMembers } = storeToRefs(spacesStore)
 
     const resource = inject<Ref<SpaceResource>>('resource')
@@ -146,7 +148,7 @@ export default defineComponent({
     })
 
     const linkShareCount = computed(() => {
-      return store.getters['Files/outgoingLinks'].length
+      return sharesStore.outgoingLinks.length
     })
 
     const showWebDavDetails = computed(() => {
@@ -181,7 +183,7 @@ export default defineComponent({
             'This space has one member and %{linkShareCount} link.',
             'This space has one member and %{linkShareCount} links.',
             this.linkShareCount,
-            { linkShareCount: this.linkShareCount }
+            { linkShareCount: this.linkShareCount.toString() }
           )
         default:
           if (this.linkShareCount === 1) {
@@ -193,7 +195,7 @@ export default defineComponent({
             'This space has %{memberShareCount} members and %{linkShareCount} links.',
             {
               memberShareCount: this.memberShareCount.toString(),
-              linkShareCount: this.linkShareCount
+              linkShareCount: this.linkShareCount.toString()
             }
           )
       }
@@ -245,7 +247,7 @@ export default defineComponent({
         '%{linkShareCount} link giving access.',
         '%{linkShareCount} links giving access.',
         this.linkShareCount,
-        { linkShareCount: this.linkShareCount }
+        { linkShareCount: this.linkShareCount.toString() }
       )
     }
   },
diff --git a/packages/web-pkg/src/composables/actions/helpers/useFileActionsDeleteResources.ts b/packages/web-pkg/src/composables/actions/helpers/useFileActionsDeleteResources.ts
index 9469a566636..a17d3145e43 100644
--- a/packages/web-pkg/src/composables/actions/helpers/useFileActionsDeleteResources.ts
+++ b/packages/web-pkg/src/composables/actions/helpers/useFileActionsDeleteResources.ts
@@ -21,7 +21,8 @@ import {
   useModals,
   useSpacesStore,
   useCapabilityStore,
-  useConfigStore
+  useConfigStore,
+  useSharesStore
 } from '../../piniaStores'
 
 export const useFileActionsDeleteResources = ({ store }: { store?: Store<any> }) => {
@@ -38,6 +39,7 @@ export const useFileActionsDeleteResources = ({ store }: { store?: Store<any> })
   const loadingService = useLoadingService()
   const { dispatchModal } = useModals()
   const spacesStore = useSpacesStore()
+  const sharesStore = useSharesStore()
 
   const queue = new PQueue({
     concurrency: configStore.options.concurrentRequests.resourceBatchActions
@@ -191,7 +193,8 @@ export const useFileActionsDeleteResources = ({ store }: { store?: Store<any> })
                 files: resourcesForDeletion,
                 clientService,
                 loadingCallbackArgs,
-                messageStore
+                messageStore,
+                sharesStore
               })
               .then(async () => {
                 // Load quota
diff --git a/packages/web-pkg/src/composables/links/useCreateLink.ts b/packages/web-pkg/src/composables/links/useCreateLink.ts
index 33e951889f6..141dbd7d17e 100644
--- a/packages/web-pkg/src/composables/links/useCreateLink.ts
+++ b/packages/web-pkg/src/composables/links/useCreateLink.ts
@@ -10,6 +10,7 @@ import {
 } from '@ownclouders/web-client/src/helpers'
 import { useExpirationRules } from './useExpirationRules'
 import { useClientService } from '../clientService'
+import { useSharesStore } from '../piniaStores'
 
 export const useCreateLink = () => {
   const store = useStore()
@@ -17,6 +18,7 @@ export const useCreateLink = () => {
   const clientService = useClientService()
   const { defaultLinkPermissions } = useDefaultLinkPermissions()
   const { expirationRules } = useExpirationRules()
+  const { addLink } = useSharesStore()
 
   const getStorageId = ({ resource, space }: { resource: Resource; space?: SpaceResource }) => {
     if (isProjectSpaceResource(resource)) {
@@ -67,11 +69,12 @@ export const useCreateLink = () => {
       path = `/${resource.name}`
     }
 
-    return store.dispatch('Files/addLink', {
+    return addLink({
       path,
-      client: clientService.owncloudSdk,
+      clientService,
       params,
-      storageId: resource.fileId || resource.id
+      storageId: resource.fileId || resource.id,
+      vuexStore: store
     })
   }
 
diff --git a/packages/web-pkg/src/composables/piniaStores/index.ts b/packages/web-pkg/src/composables/piniaStores/index.ts
index 8eabe289a0e..5767e1e753e 100644
--- a/packages/web-pkg/src/composables/piniaStores/index.ts
+++ b/packages/web-pkg/src/composables/piniaStores/index.ts
@@ -6,6 +6,7 @@ export * from './config'
 export * from './extensionRegistry'
 export * from './messages'
 export * from './modals'
+export * from './shares'
 export * from './spaces'
 export * from './theme'
 export * from './user'
diff --git a/packages/web-pkg/src/composables/piniaStores/shares/index.ts b/packages/web-pkg/src/composables/piniaStores/shares/index.ts
new file mode 100644
index 00000000000..d7e23824b0d
--- /dev/null
+++ b/packages/web-pkg/src/composables/piniaStores/shares/index.ts
@@ -0,0 +1,2 @@
+export * from './shares'
+export * from './types'
diff --git a/packages/web-pkg/src/composables/piniaStores/shares/shares.ts b/packages/web-pkg/src/composables/piniaStores/shares/shares.ts
new file mode 100644
index 00000000000..ce13028ad0b
--- /dev/null
+++ b/packages/web-pkg/src/composables/piniaStores/shares/shares.ts
@@ -0,0 +1,352 @@
+import {
+  Share,
+  ShareTypes,
+  buildCollaboratorShare,
+  buildShare
+} from '@ownclouders/web-client/src/helpers'
+import { defineStore } from 'pinia'
+import { Ref, computed, ref, unref } from 'vue'
+import { useConfigStore } from './../config'
+import PQueue from 'p-queue'
+import { getParentPaths } from '../../../helpers'
+import { useCapabilityStore } from './../capabilities'
+import {
+  AddLinkOptions,
+  AddShareOptions,
+  DeleteLinkOptions,
+  DeleteShareOptions,
+  LoadSharesOptions,
+  UpdateLinkOptions,
+  UpdateShareOptions
+} from './types'
+
+export const useSharesStore = defineStore('shares', () => {
+  const configStore = useConfigStore()
+  const capabilityStore = useCapabilityStore()
+
+  const loading = ref<Promise<unknown>>()
+  const shares = ref<Share[]>([]) as Ref<Share[]>
+
+  const incomingShares = computed(() => unref(shares).filter(({ outgoing }) => !outgoing) || [])
+  const incomingCollaborators = computed(
+    () =>
+      unref(incomingShares).filter(({ shareType }) =>
+        ShareTypes.containsAnyValue(ShareTypes.authenticated, [shareType])
+      ) || []
+  )
+
+  const outgoingShares = computed(() => unref(shares).filter(({ outgoing }) => outgoing) || [])
+  const outgoingLinks = computed(
+    () =>
+      unref(outgoingShares).filter(({ shareType }) =>
+        ShareTypes.containsAnyValue(ShareTypes.unauthenticated, [shareType])
+      ) || []
+  )
+  const outgoingCollaborators = computed(
+    () =>
+      unref(outgoingShares).filter(({ shareType }) =>
+        ShareTypes.containsAnyValue(ShareTypes.authenticated, [shareType])
+      ) || []
+  )
+
+  const allowResharing = computed(
+    () => capabilityStore.sharingResharing && capabilityStore.sharingResharingDefault
+  )
+
+  const upsertShare = (share: Share) => {
+    const existingShare = unref(shares).find(({ id }) => id === share.id)
+
+    if (existingShare) {
+      Object.assign(existingShare, share)
+      return
+    }
+
+    unref(shares).push(share)
+  }
+
+  const removeShare = (share: Share) => {
+    shares.value = unref(shares).filter(({ id }) => id !== share.id)
+  }
+
+  const pruneShares = () => {
+    shares.value = []
+    loading.value = undefined
+  }
+
+  const awaitLoading = async () => {
+    if (unref(loading)) {
+      await unref(loading)
+    }
+  }
+
+  const setLoading = () => {
+    let resolvePromise: (value: unknown) => void
+    const promise = new Promise((resolve) => {
+      resolvePromise = resolve
+    })
+    loading.value = promise
+    promise.then(() => {
+      loading.value = undefined
+    })
+
+    return resolvePromise
+  }
+  const loadShares = async ({
+    clientService,
+    resource,
+    path,
+    storageId,
+    ancestorMetaData,
+    useCached = true
+  }: LoadSharesOptions) => {
+    await awaitLoading()
+    const resolvePromise = setLoading()
+
+    const parentPaths = path === '/' ? ['/'] : getParentPaths(path, true)
+    const currentlyLoadedShares = [...unref(shares)]
+    const loadedShares = []
+
+    const shareQueriesQueue = new PQueue({
+      concurrency: configStore.options.concurrentRequests.shares.list
+    })
+    const shareQueriesPromises = []
+
+    const getShares = (subPath: string, indirect: boolean, options, outgoing: boolean) => {
+      const buildMethod = outgoing ? buildShare : buildCollaboratorShare
+      const res = indirect || !resource ? { type: 'folder' } : resource
+
+      return clientService.owncloudSdk.shares
+        .getShares(subPath, options)
+        .then((data) => {
+          data.forEach((element) => {
+            loadedShares.push({
+              ...buildMethod(element.shareInfo, res, unref(allowResharing)),
+              outgoing,
+              indirect
+            })
+          })
+        })
+        .catch((error) => {
+          console.error('SHARESTREE_ERROR', error)
+        })
+    }
+
+    if (!path) {
+      // space shares
+      shareQueriesPromises.push(
+        getShares(path, false, { reshares: true, spaceRef: storageId }, true)
+      )
+    }
+
+    parentPaths.forEach((queryPath) => {
+      const ancestorMeta = unref(ancestorMetaData)[queryPath] ?? null
+      const indirect = path !== queryPath
+      const spaceRef = indirect ? ancestorMeta?.id : storageId
+      // no need to fetch cached shares again, only adjust the "indirect" state
+      if (useCached && currentlyLoadedShares.length) {
+        const cached = currentlyLoadedShares.filter((s) => s.path === queryPath)
+        if (cached.length) {
+          loadedShares.push(...cached.map((c) => ({ ...c, indirect })))
+          return
+        }
+      }
+
+      // query the outgoing share information for each of the parent paths
+      shareQueriesPromises.push(
+        shareQueriesQueue.add(() =>
+          getShares(queryPath, indirect, { reshares: true, spaceRef }, true)
+        )
+      )
+      // query the incoming share information for each of the parent paths
+      // TODO: skip in project spaces and personal space'
+      shareQueriesPromises.push(
+        shareQueriesQueue.add(() =>
+          getShares(queryPath, indirect, { shared_with_me: true, spaceRef }, false)
+        )
+      )
+    })
+
+    return Promise.allSettled(shareQueriesPromises).then(() => {
+      shares.value = loadedShares
+      resolvePromise(undefined)
+    })
+  }
+
+  const addShare = async ({
+    clientService,
+    resource,
+    vuexStore,
+    path,
+    shareWith,
+    shareType,
+    permissions,
+    role,
+    storageId,
+    expirationDate = undefined,
+    notify = undefined,
+    shareWithUser = undefined,
+    shareWithProvider = undefined
+  }: AddShareOptions) => {
+    const isGroupShare = shareType === ShareTypes.group.value
+    const options = {
+      permissions,
+      role: role.name,
+      expirationDate,
+      spaceRef: storageId,
+      remoteUser: undefined,
+      ...(notify && { notify }),
+      ...(shareWithUser && { shareWithUser }),
+      ...(shareWithProvider && { shareWithProvider })
+    }
+
+    if (!isGroupShare) {
+      options.remoteUser = shareType === ShareTypes.remote.value
+    }
+
+    const shareMethod = isGroupShare ? 'shareFileWithGroup' : 'shareFileWithUser'
+    const share = await clientService.owncloudSdk.shares[shareMethod](path, shareWith, options)
+    const builtShare = buildCollaboratorShare(share.shareInfo, resource, unref(allowResharing))
+
+    await awaitLoading()
+    upsertShare({ ...builtShare, outgoing: true })
+    vuexStore.dispatch('Files/updateFileShareTypes', {
+      path,
+      outgoingShares: unref(outgoingShares)
+    })
+    vuexStore.commit('Files/LOAD_INDICATORS', path)
+  }
+
+  const updateShare = async ({
+    clientService,
+    resource,
+    share,
+    permissions,
+    expirationDate,
+    role
+  }: UpdateShareOptions) => {
+    const updatedShare = await clientService.owncloudSdk.shares.updateShare(share.id, {
+      role: role.name,
+      permissions,
+      expireDate: expirationDate
+    })
+
+    const builtShare = buildCollaboratorShare(
+      updatedShare.shareInfo,
+      resource,
+      unref(allowResharing)
+    )
+    upsertShare({ ...builtShare, outgoing: true })
+  }
+
+  const deleteShare = async ({
+    clientService,
+    share,
+    path,
+    vuexStore,
+    loadIndicators = false
+  }: DeleteShareOptions) => {
+    await clientService.owncloudSdk.shares.deleteShare(share.id, {} as any)
+    await awaitLoading()
+    removeShare(share)
+    vuexStore.dispatch('Files/updateFileShareTypes', {
+      path,
+      outgoingShares: unref(outgoingShares)
+    })
+    if (loadIndicators) {
+      vuexStore.commit('Files/LOAD_INDICATORS', path)
+    }
+  }
+
+  const addLink = async ({ path, clientService, params, storageId, vuexStore }: AddLinkOptions) => {
+    const { shareInfo } = await clientService.owncloudSdk.shares.shareFileWithLink(path, {
+      ...params,
+      spaceRef: storageId
+    })
+
+    const link = buildShare(shareInfo, null, unref(allowResharing))
+    await awaitLoading()
+
+    const selectedFiles = vuexStore.getters['Files/selectedFiles']
+    const currentFolder = vuexStore.getters['Files/currentFolder']
+    const fileIsSelected =
+      selectedFiles.some(({ fileId }) => fileId === storageId) ||
+      (selectedFiles.length === 0 && currentFolder.fileId === storageId)
+
+    upsertShare({ ...link, outgoing: true, indirect: !fileIsSelected })
+    vuexStore.dispatch('Files/updateFileShareTypes', {
+      path,
+      outgoingShares: unref(outgoingShares)
+    })
+
+    if (!fileIsSelected) {
+      // we might need to update the share types for the ancestor resource as well
+      const ancestor = vuexStore.getters['runtime/ancestorMetaData/ancestorMetaData'][path] ?? null
+      if (ancestor) {
+        const { shareTypes } = ancestor
+        if (!shareTypes.includes(ShareTypes.link.value)) {
+          vuexStore.commit(
+            'runtime/ancestorMetaData/UPDATE_ANCESTOR_FIELD',
+            {
+              path: ancestor.path,
+              field: 'shareTypes',
+              value: [...shareTypes, ShareTypes.link.value]
+            },
+            { root: true }
+          )
+        }
+      }
+    }
+
+    vuexStore.commit('Files/LOAD_INDICATORS', path)
+    return link
+  }
+
+  const updateLink = async ({ id, clientService, params }: UpdateLinkOptions) => {
+    const { shareInfo } = await clientService.owncloudSdk.shares.updateShare(id, params)
+    const link = buildShare(shareInfo, null, unref(allowResharing))
+    upsertShare({ ...link, outgoing: true })
+
+    return link
+  }
+
+  const deleteLink = async ({
+    share,
+    clientService,
+    path,
+    vuexStore,
+    loadIndicators = false
+  }: DeleteLinkOptions) => {
+    await clientService.owncloudSdk.shares.deleteShare(share.id)
+    await awaitLoading()
+    removeShare(share)
+    vuexStore.dispatch('Files/updateFileShareTypes', {
+      path,
+      outgoingShares: unref(outgoingShares)
+    })
+    if (loadIndicators) {
+      vuexStore.commit('Files/LOAD_INDICATORS', path)
+    }
+  }
+
+  return {
+    loading,
+    shares,
+    incomingShares,
+    incomingCollaborators,
+    outgoingShares,
+    outgoingLinks,
+    outgoingCollaborators,
+
+    pruneShares,
+    loadShares,
+    addShare,
+    updateShare,
+    deleteShare,
+
+    addLink,
+    updateLink,
+    deleteLink
+  }
+})
+
+export type SharesStore = ReturnType<typeof useSharesStore>
diff --git a/packages/web-pkg/src/composables/piniaStores/shares/types.ts b/packages/web-pkg/src/composables/piniaStores/shares/types.ts
new file mode 100644
index 00000000000..48447e9af81
--- /dev/null
+++ b/packages/web-pkg/src/composables/piniaStores/shares/types.ts
@@ -0,0 +1,69 @@
+import { Resource } from '@ownclouders/web-client'
+import { ClientService } from '../../../services'
+import { AncestorMetaData } from '../../../types'
+import { Share, ShareRole, ShareTypes } from '@ownclouders/web-client/src/helpers'
+import { Store } from 'vuex'
+
+export interface LoadSharesOptions {
+  clientService: ClientService
+  resource: Resource
+  path: string
+  storageId: string
+  ancestorMetaData: AncestorMetaData
+  useCached?: boolean
+}
+
+export interface AddShareOptions {
+  clientService: ClientService
+  resource: Resource
+  path: string
+  shareWith: string
+  shareType: ShareTypes
+  permissions: number
+  role: ShareRole
+  storageId: string
+  vuexStore: Store<any>
+  expirationDate?: string
+  notify?: boolean
+  shareWithUser?: string
+  shareWithProvider?: string
+}
+
+export interface UpdateShareOptions {
+  clientService: ClientService
+  resource: Resource
+  share: Share
+  permissions: number
+  expirationDate: string
+  role: ShareRole
+}
+
+export interface DeleteShareOptions {
+  clientService: ClientService
+  share: Share
+  path: string
+  vuexStore: Store<any>
+  loadIndicators?: boolean
+}
+
+export interface AddLinkOptions {
+  clientService: ClientService
+  path: string
+  params: any
+  storageId: string
+  vuexStore: Store<any>
+}
+
+export interface UpdateLinkOptions {
+  clientService: ClientService
+  id: string
+  params: any
+}
+
+export interface DeleteLinkOptions {
+  clientService: ClientService
+  share: Share
+  path: string
+  vuexStore: Store<any>
+  loadIndicators?: boolean
+}
diff --git a/packages/web-pkg/tests/unit/components/sidebar/Spaces/Details/SpaceDetails.spec.ts b/packages/web-pkg/tests/unit/components/sidebar/Spaces/Details/SpaceDetails.spec.ts
index e6ec3425fc2..df955a1ce4a 100644
--- a/packages/web-pkg/tests/unit/components/sidebar/Spaces/Details/SpaceDetails.spec.ts
+++ b/packages/web-pkg/tests/unit/components/sidebar/Spaces/Details/SpaceDetails.spec.ts
@@ -26,6 +26,7 @@ const spaceMock = {
 const spaceShare = {
   id: '1',
   shareType: ShareTypes.spaceUser.value,
+  outgoing: true,
   collaborator: {
     onPremisesSamAccountName: 'Alice',
     displayName: 'alice'
@@ -60,7 +61,6 @@ describe('Details SideBar Panel', () => {
 
 function createWrapper({ spaceResource = spaceMock, props = {} } = {}) {
   const storeOptions = defaultStoreMockOptions
-  storeOptions.modules.Files.getters.outgoingCollaborators.mockImplementation(() => [spaceShare])
   const store = createStore(storeOptions)
   return {
     wrapper: shallowMount(SpaceDetails, {
@@ -70,7 +70,8 @@ function createWrapper({ spaceResource = spaceMock, props = {} } = {}) {
           ...defaultPlugins({
             piniaOptions: {
               userState: { user: { id: '1', onPremisesSamAccountName: 'marie' } },
-              spacesState: { spaceMembers: [spaceShare] }
+              spacesState: { spaceMembers: [spaceShare] },
+              sharesState: { shares: [spaceShare] }
             }
           }),
           store
diff --git a/packages/web-pkg/tests/unit/composables/piniaStores/shares.spec.ts b/packages/web-pkg/tests/unit/composables/piniaStores/shares.spec.ts
new file mode 100644
index 00000000000..dc8ef5de0b0
--- /dev/null
+++ b/packages/web-pkg/tests/unit/composables/piniaStores/shares.spec.ts
@@ -0,0 +1,218 @@
+import { createTestingPinia, getComposableWrapper } from 'web-test-helpers'
+import {
+  AddLinkOptions,
+  AddShareOptions,
+  DeleteLinkOptions,
+  DeleteShareOptions,
+  UpdateLinkOptions,
+  UpdateShareOptions,
+  useSharesStore
+} from '../../../../src/composables/piniaStores'
+import { mock, mockDeep } from 'jest-mock-extended'
+import { ClientService } from '../../../../src/services'
+import { Resource, Share, ShareTypes } from '@ownclouders/web-client/src/helpers'
+
+jest.mock('@ownclouders/web-client/src/helpers/share/functions', () => ({
+  buildShare: (share) => share,
+  buildCollaboratorShare: (share) => share
+}))
+
+const getVuexStoreMock = () => ({
+  dispatch: jest.fn(),
+  commit: jest.fn(),
+  getters: { 'Files/selectedFiles': [], 'Files/currentFolder': {} }
+})
+
+describe('useSharesStore', () => {
+  beforeEach(() => createTestingPinia({ stubActions: false }))
+
+  describe('loadShares', () => {
+    it('fetches shares and sets them as in- and outgoing shares', () => {
+      getWrapper({
+        setup: async (instance) => {
+          const clientService = mockDeep<ClientService>()
+          clientService.owncloudSdk.shares.getShares.mockResolvedValueOnce([
+            { shareInfo: { id: 1 } }
+          ])
+          clientService.owncloudSdk.shares.getShares.mockResolvedValueOnce([
+            { shareInfo: { id: 3 } }
+          ])
+          clientService.owncloudSdk.shares.getShares.mockResolvedValueOnce([
+            { shareInfo: { id: 2 } }
+          ])
+          clientService.owncloudSdk.shares.getShares.mockResolvedValueOnce([
+            { shareInfo: { id: 4 } }
+          ])
+
+          await instance.loadShares({
+            clientService,
+            resource: mock<Resource>(),
+            path: '/someFolder/someFile.txt',
+            storageId: '1',
+            ancestorMetaData: {}
+          })
+
+          expect(instance.outgoingShares).toEqual([
+            { id: 1, outgoing: true, indirect: false },
+            { id: 2, outgoing: true, indirect: true }
+          ])
+          expect(instance.incomingShares).toEqual([
+            { id: 3, outgoing: false, indirect: false },
+            { id: 4, outgoing: false, indirect: true }
+          ])
+          expect(clientService.owncloudSdk.shares.getShares).toHaveBeenCalledTimes(4)
+        }
+      })
+    })
+    it('uses the cache and only updates the "indirect" state', () => {
+      getWrapper({
+        setup: async (instance) => {
+          const clientService = mockDeep<ClientService>()
+          const loadedShare = mock<Share>({
+            outgoing: true,
+            indirect: true,
+            path: '/someFile.txt'
+          })
+
+          instance.shares = [loadedShare]
+
+          await instance.loadShares({
+            clientService,
+            resource: mock<Resource>(),
+            path: '/someFile.txt',
+            storageId: '1',
+            ancestorMetaData: {},
+            useCached: true
+          })
+
+          expect(instance.outgoingShares).toEqual([{ ...loadedShare, indirect: false }])
+          expect(clientService.owncloudSdk.shares.getShares).not.toHaveBeenCalled()
+        }
+      })
+    })
+  })
+
+  describe('addShare', () => {
+    it('adds a user share', () => {
+      getWrapper({
+        setup: async (instance) => {
+          const clientService = mockDeep<ClientService>()
+          clientService.owncloudSdk.shares.shareFileWithUser.mockResolvedValue({})
+          await instance.addShare(
+            mock<AddShareOptions>({
+              clientService,
+              shareType: ShareTypes.user.value,
+              vuexStore: getVuexStoreMock() as any
+            })
+          )
+
+          expect(clientService.owncloudSdk.shares.shareFileWithUser).toHaveBeenCalledTimes(1)
+        }
+      })
+    })
+    it('adds a group share', () => {
+      getWrapper({
+        setup: async (instance) => {
+          const clientService = mockDeep<ClientService>()
+          clientService.owncloudSdk.shares.shareFileWithGroup.mockResolvedValue({})
+          await instance.addShare(
+            mock<AddShareOptions>({
+              clientService,
+              shareType: ShareTypes.group.value,
+              vuexStore: getVuexStoreMock() as any
+            })
+          )
+
+          expect(clientService.owncloudSdk.shares.shareFileWithGroup).toHaveBeenCalledTimes(1)
+        }
+      })
+    })
+  })
+  describe('updateShare', () => {
+    it('updates a share', () => {
+      getWrapper({
+        setup: async (instance) => {
+          const clientService = mockDeep<ClientService>()
+          clientService.owncloudSdk.shares.updateShare.mockResolvedValue({})
+          await instance.updateShare(mock<UpdateShareOptions>({ clientService }))
+
+          expect(clientService.owncloudSdk.shares.updateShare).toHaveBeenCalledTimes(1)
+        }
+      })
+    })
+  })
+  describe('deleteShare', () => {
+    it('deletes a share', () => {
+      getWrapper({
+        setup: async (instance) => {
+          const clientService = mockDeep<ClientService>()
+          clientService.owncloudSdk.shares.deleteShare.mockResolvedValue({})
+          await instance.deleteShare(
+            mock<DeleteShareOptions>({
+              clientService,
+              vuexStore: getVuexStoreMock() as any
+            })
+          )
+
+          expect(clientService.owncloudSdk.shares.deleteShare).toHaveBeenCalledTimes(1)
+        }
+      })
+    })
+  })
+
+  describe('addLink', () => {
+    it('adds a link', () => {
+      getWrapper({
+        setup: async (instance) => {
+          const clientService = mockDeep<ClientService>()
+          clientService.owncloudSdk.shares.shareFileWithLink.mockResolvedValue({})
+          await instance.addLink(
+            mock<AddLinkOptions>({ clientService, vuexStore: getVuexStoreMock() as any })
+          )
+
+          expect(clientService.owncloudSdk.shares.shareFileWithLink).toHaveBeenCalledTimes(1)
+        }
+      })
+    })
+  })
+  describe('updateLink', () => {
+    it('updates a link', () => {
+      getWrapper({
+        setup: async (instance) => {
+          const clientService = mockDeep<ClientService>()
+          clientService.owncloudSdk.shares.updateShare.mockResolvedValue({})
+          await instance.updateLink(mock<UpdateLinkOptions>({ clientService }))
+
+          expect(clientService.owncloudSdk.shares.updateShare).toHaveBeenCalledTimes(1)
+        }
+      })
+    })
+  })
+  describe('deleteLink', () => {
+    it('deletes a link', () => {
+      getWrapper({
+        setup: async (instance) => {
+          const clientService = mockDeep<ClientService>()
+          clientService.owncloudSdk.shares.deleteShare.mockResolvedValue({})
+          await instance.deleteLink(
+            mock<DeleteLinkOptions>({ clientService, vuexStore: getVuexStoreMock() as any })
+          )
+
+          expect(clientService.owncloudSdk.shares.deleteShare).toHaveBeenCalledTimes(1)
+        }
+      })
+    })
+  })
+})
+
+function getWrapper({ setup }: { setup: (instance: ReturnType<typeof useSharesStore>) => void }) {
+  return {
+    wrapper: getComposableWrapper(
+      () => {
+        const instance = useSharesStore()
+        setup(instance)
+      },
+      { pluginOptions: { pinia: false } }
+    )
+  }
+}
diff --git a/packages/web-runtime/src/container/bootstrap.ts b/packages/web-runtime/src/container/bootstrap.ts
index 9b9bb40a367..5a0779d73da 100644
--- a/packages/web-runtime/src/container/bootstrap.ts
+++ b/packages/web-runtime/src/container/bootstrap.ts
@@ -24,7 +24,8 @@ import {
   AppsStore,
   useConfigStore,
   ConfigStore,
-  RawConfig
+  RawConfig,
+  useSharesStore
 } from '@ownclouders/web-pkg'
 import { authService } from '../services/auth'
 import {
@@ -334,6 +335,7 @@ export const announcePiniaStores = () => {
   const configStore = useConfigStore()
   const messagesStore = useMessages()
   const modalStore = useModals()
+  const sharesStore = useSharesStore()
   const spacesStore = useSpacesStore()
   const userStore = useUserStore()
 
@@ -345,6 +347,7 @@ export const announcePiniaStores = () => {
     configStore,
     messagesStore,
     modalStore,
+    sharesStore,
     spacesStore,
     userStore
   }
diff --git a/packages/web-test-helpers/src/mocks/pinia.ts b/packages/web-test-helpers/src/mocks/pinia.ts
index f4cc96efcbc..1c70cca8e21 100644
--- a/packages/web-test-helpers/src/mocks/pinia.ts
+++ b/packages/web-test-helpers/src/mocks/pinia.ts
@@ -28,6 +28,7 @@ export type PiniaMockOptions = {
   }
   messagesState?: { messages?: Message[] }
   modalsState?: { modals?: Modal[] }
+  sharesState?: { shares?: Share[]; loading?: boolean }
   spacesState?: { spaces?: SpaceResource[]; spaceMembers?: Share[] }
   userState?: { user?: User }
   capabilityState?: {
@@ -45,6 +46,7 @@ export function createMockStore({
   themeState = {},
   messagesState = {},
   modalsState = {},
+  sharesState = {},
   spacesState = {},
   userState = {},
   capabilityState = {}
@@ -89,6 +91,7 @@ export function createMockStore({
         availableThemes: defaultOwnCloudTheme.themes,
         ...themeState
       },
+      shares: { shares: [], ...sharesState },
       spaces: { spaces: [], spaceMembers: [], ...spacesState },
       user: { user: { ...mock<User>({ id: '1' }), ...(userState?.user && { ...userState.user }) } },
       capabilities: {
diff --git a/packages/web-test-helpers/src/mocks/store/filesModuleMockOptions.ts b/packages/web-test-helpers/src/mocks/store/filesModuleMockOptions.ts
index 18ebdbfce17..07faa8d3c33 100644
--- a/packages/web-test-helpers/src/mocks/store/filesModuleMockOptions.ts
+++ b/packages/web-test-helpers/src/mocks/store/filesModuleMockOptions.ts
@@ -11,10 +11,7 @@ export const filesModuleMockOptions = {
       files: jest.fn(() => []),
       activeFiles: jest.fn(),
       selectedFiles: jest.fn(() => []),
-      versions: jest.fn(() => []),
-      outgoingCollaborators: jest.fn(() => []),
-      outgoingLinks: jest.fn(() => []),
-      sharesLoading: jest.fn(() => false)
+      versions: jest.fn(() => [])
     },
     mutations: {
       SET_FILE_SELECTION: jest.fn(),
@@ -38,14 +35,8 @@ export const filesModuleMockOptions = {
       deleteFiles: jest.fn(),
       loadIndicators: jest.fn(),
       loadVersions: jest.fn(),
-      loadShares: jest.fn(),
-      deleteShare: jest.fn(),
-      updateLink: jest.fn(),
       clearTrashBin: jest.fn(),
       removeFilesFromTrashbin: jest.fn(),
-      changeShare: jest.fn(),
-      addLink: jest.fn(),
-      addShare: jest.fn(),
       resetFileSelection: jest.fn(),
       toggleFileSelection: jest.fn()
     }