diff --git a/frontend/src/assets/main.scss b/frontend/src/assets/main.scss
index 65cb28a5..3bdb6eaa 100644
--- a/frontend/src/assets/main.scss
+++ b/frontend/src/assets/main.scss
@@ -307,9 +307,6 @@ a:visited {
 .p-tabview-header.p-disabled .p-tabview-nav-link {
   color: gray;
 }
-.p-tabview-header:not(.p-disabled) .p-tabview-nav-link {
-  border-color: $bcbox-link-text;
-}
 
 /* side panel */
 
diff --git a/frontend/src/components/bucket/BucketTable.vue b/frontend/src/components/bucket/BucketTable.vue
index 768af516..82350e3c 100644
--- a/frontend/src/components/bucket/BucketTable.vue
+++ b/frontend/src/components/bucket/BucketTable.vue
@@ -4,7 +4,7 @@ import { ref, watch } from 'vue';
 
 import { BucketChildConfig, BucketPermission, BucketTableBucketName } from '@/components/bucket';
 import { Spinner } from '@/components/layout';
-import { SyncButton } from '@/components/common';
+import { SyncButton, InviteButton } from '@/components/common';
 import { Button, Column, Dialog, TreeTable, useConfirm } from '@/lib/primevue';
 import { useAppStore, useAuthStore, useBucketStore, usePermissionStore } from '@/store';
 import { DELIMITER, Permissions } from '@/utils/constants';
@@ -288,10 +288,14 @@ watch(getBuckets, () => {
       header="Actions"
       header-class="text-right"
       body-class="action-buttons"
-      style="width: 280px"
+      style="width: 300px"
     >
       <template #body="{ node }">
         <span v-if="!node.data.dummy">
+          <InviteButton
+            :bucket-id="node.data.bucketId"
+            label-text="Bucket"
+          />
           <BucketChildConfig
             v-if="permissionStore.isBucketActionAllowed(node.data.bucketId, getUserId, Permissions.MANAGE)"
             :parent-bucket="node.data"
diff --git a/frontend/src/components/common/InviteButton.vue b/frontend/src/components/common/InviteButton.vue
new file mode 100644
index 00000000..596eb682
--- /dev/null
+++ b/frontend/src/components/common/InviteButton.vue
@@ -0,0 +1,223 @@
+<script setup lang="ts">
+import { storeToRefs } from 'pinia';
+import { computed, ref, onMounted } from 'vue';
+
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
+import ShareLinkContent from '@/components/object/share/ShareLinkContent.vue';
+import { Button, Dialog, TabView, TabPanel, RadioButton, InputText, useToast, InputSwitch } from '@/lib/primevue';
+import { inviteService } from '@/services';
+import { useConfigStore, useObjectStore, useBucketStore } from '@/store';
+
+import type { Ref } from 'vue';
+import type { COMSObject, Bucket } from '@/types';
+
+// Props
+type Props = {
+  bucketId?: string;
+  objectId?: string;
+  labelText: string;
+  restricted?: boolean;
+};
+export type InviteFormData = {
+  email?: string;
+  bucketId?: string;
+  expiresAt?: number;
+  objectId?: string;
+};
+
+const props = withDefaults(defineProps<Props>(), {
+  bucketId: '',
+  objectId: '',
+  labelText: '',
+  isRestricted: false
+});
+
+// Store
+const objectStore = useObjectStore();
+const bucketStore = useBucketStore();
+const { getConfig } = storeToRefs(useConfigStore());
+const toast = useToast();
+
+// State
+const obj: Ref<COMSObject | undefined> = ref(undefined);
+const bucket: Ref<Bucket | undefined> = ref(undefined);
+const isRestricted: Ref<boolean> = ref(props.restricted);
+const showInviteLink: Ref<boolean> = ref(false);
+
+// Share link
+const inviteLink: Ref<string> = ref('');
+
+const timeFrames: Record<string, number> = {
+  '1 Hour': 3600,
+  '8 Hour': 28800,
+  '1 Day (Default)': 86400,
+  '1 Week': 604800
+};
+const formData: Ref<InviteFormData> = ref({ expiresAt: 86400 });
+
+// Dialog
+const displayInviteDialog = ref(false);
+
+// Share link
+const bcBoxLink = computed(() => {
+  const path = props.objectId ? `detail/objects?objectId=${props.objectId}` : `list/objects?bucketId=${props.bucketId}`;
+  return `${window.location.origin}/${path}`;
+});
+const comsUrl = computed(() => {
+  return `${getConfig.value.coms?.apiPath}/object/${props.objectId}`;
+});
+
+//Action
+async function sendInvite() {
+  try {
+    let expiresAt;
+    if (formData.value.expiresAt) {
+      expiresAt = Math.floor(Date.now() / 1000) + formData.value.expiresAt;
+    }
+    const permissionToken = await inviteService.createInvite(
+      props.bucketId,
+      formData.value.email,
+      expiresAt,
+      props.objectId
+    );
+    inviteLink.value = `${window.location.origin}/invite/${permissionToken.data}`;
+    toast.success('', 'Invite link is created.');
+    showInviteLink.value = true;
+  } catch (error: any) {
+    toast.error('', 'Error getting token');
+  }
+}
+
+onMounted(() => {
+  if (props.objectId) {
+    obj.value = objectStore.getObject(props.objectId);
+  } else if (props.bucketId) {
+    bucket.value = bucketStore.getBucket(props.bucketId);
+  }
+});
+</script>
+
+<template>
+  <Dialog
+    v-model:visible="displayInviteDialog"
+    header="Share"
+    :modal="true"
+    :style="{ minWidth: '700px' }"
+    class="bcbox-info-dialog"
+  >
+    <template #header>
+      <font-awesome-icon
+        icon="fa-solid fa-share-alt"
+        fixed-width
+      />
+      <span class="p-dialog-title">Share</span>
+    </template>
+
+    <h3 class="bcbox-info-dialog-subhead">
+      {{ obj?.name || bucket?.bucketName }}
+    </h3>
+
+    <ul class="mb-4">
+      <li>If a user already has permissions, you can link them with a share link</li>
+      <li>Invite someone using an invite link</li>
+      <li>To share publicly or with a direct link, you must set the file to public - this only works for objects</li>
+    </ul>
+    <TabView>
+      <TabPanel
+        v-if="obj?.public"
+        header="Direct public file link"
+      >
+        <ShareLinkContent
+          :share-link="comsUrl"
+          label="Direct Link"
+        />
+      </TabPanel>
+      <!-- Disable for public until unauthed File Details page works -->
+      <TabPanel
+        header="Share link"
+        :disabled="obj?.public"
+      >
+        <ShareLinkContent
+          :share-link="bcBoxLink"
+          label="Share Link"
+        />
+      </TabPanel>
+      <TabPanel header="Invite link">
+        <h3 class="mt-1 mb-2">{{ props.labelText }} Invite</h3>
+        <p>Make invite available for:</p>
+        <div class="flex flex-wrap gap-3">
+          <div
+            v-for="(value, name) in timeFrames"
+            :key="value"
+            class="flex align-items-center"
+          >
+            <RadioButton
+              v-model="formData.expiresAt"
+              :input-id="value.toString()"
+              :name="name"
+              :value="value"
+            />
+            <label
+              :for="value.toString()"
+              class="ml-2"
+            >
+              {{ name }}
+            </label>
+          </div>
+        </div>
+        <p class="mt-4 mb-2">Restrict to user's email</p>
+        <div class="p-inputgroup mb-4">
+          <InputSwitch
+            v-model="isRestricted"
+            class="mt-1"
+          />
+          <!-- Add email validation -->
+          <InputText
+            v-show="isRestricted"
+            v-model="formData.email"
+            name="inviteEmail"
+            placeholder="Enter email"
+            required
+            type="email"
+            class="ml-5 mr-8"
+          />
+        </div>
+        <div class="p-inputgroup mb-4">
+          <Button
+            class="p-button p-button-primary"
+            @click="sendInvite"
+          >
+            <font-awesome-icon
+              icon="fa fa-envelope"
+              class="mr-2"
+            />
+            Generate invite link
+          </Button>
+        </div>
+
+        <ShareLinkContent
+          v-if="showInviteLink"
+          :share-link="inviteLink"
+          label="Invite Link"
+        />
+      </TabPanel>
+    </TabView>
+  </Dialog>
+  <Button
+    v-tooltip.bottom="`${props.labelText} Share`"
+    class="p-button-lg p-button-text primary"
+    aria-label="`${props.labelText} Share`"
+    @click="displayInviteDialog = true"
+  >
+    <font-awesome-icon icon="fa-solid fa-share-alt" />
+  </Button>
+</template>
+
+<style scoped lang="scss">
+h2 {
+  font-weight: bold;
+}
+ul {
+  padding-left: 22px;
+}
+</style>
diff --git a/frontend/src/components/common/index.ts b/frontend/src/components/common/index.ts
index d3c5c6b2..2029427e 100644
--- a/frontend/src/components/common/index.ts
+++ b/frontend/src/components/common/index.ts
@@ -1 +1,2 @@
 export { default as SyncButton } from './SyncButton.vue';
+export { default as InviteButton } from './InviteButton.vue';
diff --git a/frontend/src/components/object/ObjectFileDetails.vue b/frontend/src/components/object/ObjectFileDetails.vue
index 09998378..d7c3967a 100644
--- a/frontend/src/components/object/ObjectFileDetails.vue
+++ b/frontend/src/components/object/ObjectFileDetails.vue
@@ -14,7 +14,7 @@ import {
   ObjectUploadBasic,
   ObjectVersion
 } from '@/components/object';
-import { ShareObjectButton } from '@/components/object/share';
+import { InviteButton } from '@/components/common';
 import { Button, Dialog, Divider } from '@/lib/primevue';
 import {
   useAuthStore,
@@ -120,7 +120,10 @@ onMounted(async () => {
         </div>
 
         <div class="action-buttons">
-          <ShareObjectButton :id="object.id" />
+          <InviteButton
+            :object-id="props.objectId"
+            label-text="Object"
+          />
           <DownloadObjectButton
             v-if="
               object.public || permissionStore.isObjectActionAllowed(object.id, getUserId, Permissions.READ, bucketId)
diff --git a/frontend/src/components/object/ObjectTable.vue b/frontend/src/components/object/ObjectTable.vue
index a63a2b05..7cf5f2b0 100644
--- a/frontend/src/components/object/ObjectTable.vue
+++ b/frontend/src/components/object/ObjectTable.vue
@@ -10,8 +10,7 @@ import {
   ObjectPermission,
   ObjectPublicToggle
 } from '@/components/object';
-import { SyncButton } from '@/components/common';
-import { ShareObjectButton } from '@/components/object/share';
+import { SyncButton, InviteButton } from '@/components/common';
 import { Button, Column, DataTable, Dialog, InputText, useToast } from '@/lib/primevue';
 import { useAuthStore, useObjectStore, usePermissionStore } from '@/store';
 import { Permissions } from '@/utils/constants';
@@ -316,7 +315,10 @@ const selectedFilters = (payload: any) => {
         body-class="action-buttons"
       >
         <template #body="{ data }">
-          <ShareObjectButton :id="data.id" />
+          <InviteButton
+            :object-id="data.id"
+            label-text="Object"
+          />
           <DownloadObjectButton
             v-if="
               data.public ||
diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index a3f40a5e..f4382f8b 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -62,6 +62,13 @@ const routes: Array<RouteRecordRaw> = [
       }
     ]
   },
+  {
+    path: '/invite/:token',
+    name: RouteNames.INVITE,
+    component: () => import('@/views/invite/InviteView.vue'),
+    meta: { requiresAuth: true, breadcrumb: 'Invite', title: 'Invite' },
+    props: createProps
+  },
   {
     path: '/oidc',
     component: () => import('@/views/GenericView.vue'),
diff --git a/frontend/src/services/index.ts b/frontend/src/services/index.ts
index 11810ae5..19c451c7 100644
--- a/frontend/src/services/index.ts
+++ b/frontend/src/services/index.ts
@@ -1,6 +1,7 @@
 export { default as AuthService } from './authService';
 export { default as bucketService } from './bucketService';
 export { default as ConfigService } from './configService';
+export { default as inviteService } from './inviteService';
 export { default as objectService } from './objectService';
 export { default as permissionService } from './permissionService';
 export { default as userService } from './userService';
diff --git a/frontend/src/services/inviteService.ts b/frontend/src/services/inviteService.ts
new file mode 100644
index 00000000..91897db6
--- /dev/null
+++ b/frontend/src/services/inviteService.ts
@@ -0,0 +1,33 @@
+import { comsAxios } from './interceptors';
+
+const PATH = 'permission/invite';
+
+export default {
+  /**
+   * @function createInvite
+   * Post an Invite, exclusive or on bucketId and objectId
+   * @param {string} bucketId
+   * @param {string} objectId
+   * @param {string} email to be used for access
+   * @param {string} expiration timestamp for token
+   * @returns {string} uuid token of the invite
+   */
+  createInvite(bucketId?: string, email?: string, expiresAt?: number, objectId?: string) {
+    return comsAxios().post(`${PATH}`, {
+      bucketId: bucketId || undefined,
+      email: email || undefined,
+      expiresAt: expiresAt || undefined,
+      objectId: objectId || undefined
+    });
+  },
+
+  /**
+   * @function getInvite
+   * Use an invite token
+   * @param {string} token uuid
+   * @returns {Promise} An axios response
+   */
+  getInvite(token: string): Promise<any> {
+    return comsAxios().get(`${PATH}/${token}`);
+  }
+};
diff --git a/frontend/src/types/InviteCreateOptions.ts b/frontend/src/types/InviteCreateOptions.ts
new file mode 100644
index 00000000..e98a2245
--- /dev/null
+++ b/frontend/src/types/InviteCreateOptions.ts
@@ -0,0 +1,6 @@
+export type InviteCreateOptions = {
+  bucketId?: string;
+  email: string;
+  expiresAt?: string;
+  objectId?: string;
+};
diff --git a/frontend/src/types/index.ts b/frontend/src/types/index.ts
index 787a3171..6bac653d 100644
--- a/frontend/src/types/index.ts
+++ b/frontend/src/types/index.ts
@@ -4,6 +4,7 @@ export type { BucketTreeNode, BucketTreeNodeData } from './BucketTreeNode';
 export type { COMSObject } from './COMSObject';
 export type { COMSObjectPermission } from './COMSObjectPermission';
 export type { IdentityProvider } from './IdentityProvider';
+export type { InviteCreateOptions } from './InviteCreateOptions';
 export type { Metadata } from './Metadata';
 export type { MetadataPair } from './MetadataPair';
 export type { Permission } from './Permission';
diff --git a/frontend/src/utils/constants.ts b/frontend/src/utils/constants.ts
index 94fa4e6a..9e55cb2f 100644
--- a/frontend/src/utils/constants.ts
+++ b/frontend/src/utils/constants.ts
@@ -35,6 +35,7 @@ export const RouteNames = Object.freeze({
   DEVELOPER: 'developer',
   FORBIDDEN: 'forbidden',
   HOME: 'home',
+  INVITE: 'invite',
   LIST_BUCKETS: 'listBuckets',
   LIST_OBJECTS: 'listObjects',
   LOGIN: 'login',
diff --git a/frontend/src/views/invite/InviteView.vue b/frontend/src/views/invite/InviteView.vue
new file mode 100644
index 00000000..a9b8495c
--- /dev/null
+++ b/frontend/src/views/invite/InviteView.vue
@@ -0,0 +1,126 @@
+<script setup lang="ts">
+import { storeToRefs } from 'pinia';
+import { ref, onMounted } from 'vue';
+import { useRouter } from 'vue-router';
+
+import { Spinner } from '@/components/layout';
+import { Button, Message, useToast } from '@/lib/primevue';
+import { inviteService } from '@/services';
+import { useConfigStore } from '@/store';
+import { RouteNames } from '@/utils/constants';
+
+import type { Ref } from 'vue';
+
+// Props
+type Props = {
+  token: string;
+};
+
+const props = withDefaults(defineProps<Props>(), {
+  token: undefined
+});
+
+const router = useRouter();
+
+// Store
+const { getConfig } = storeToRefs(useConfigStore());
+
+// State
+const invalidInvite: Ref<boolean> = ref(false);
+const title: Ref<string> = ref('');
+const detail: Ref<string> = ref('');
+
+// Actions
+const toast = useToast();
+
+const setErrorMessage = (errorCode: number): void => {
+  switch (errorCode) {
+    case 401:
+      title.value = 'Unauthorized';
+      detail.value = 'Invalid authorization credentials';
+      break;
+    case 403:
+      title.value = 'Forbidden';
+      detail.value = 'The person who sent you the link may have restricted it to another email address';
+      break;
+    case 404:
+      title.value = 'Not found';
+      detail.value = 'Invitation not found or has expired';
+      break;
+    case 409:
+      title.value = 'Not found';
+      detail.value = 'Invalid object or bucket';
+      break;
+    case 410:
+      title.value = 'Gone';
+      detail.value = 'Invitation has expired';
+      break;
+    default:
+      title.value = 'Invalid Invite';
+      detail.value = 'This invite link is not valid or has expired';
+  }
+};
+onMounted(() => {
+  inviteService
+    .getInvite(props.token)
+    .then((response: any): void => {
+      if (response.data.type === 'bucketId') {
+        router.replace({
+          name: RouteNames.LIST_OBJECTS,
+          query: {
+            bucketId: response.data.resource
+          }
+        });
+      } else if (response.data.type === 'objectId') {
+        router.replace({
+          name: RouteNames.DETAIL_OBJECTS,
+          query: {
+            objectId: response.data.resource
+          }
+        });
+      }
+    })
+    .catch((error: any) => {
+      const errData = error?.response?.data;
+      if (errData.status) {
+        toast.error(errData.status, errData.detail);
+        setErrorMessage(errData.status);
+      }
+      invalidInvite.value = true;
+    });
+});
+</script>
+
+<template>
+  <div>
+    <div v-if="invalidInvite">
+      <Message
+        v-if="getConfig?.notificationBanner"
+        severity="warn"
+      >
+        {{ getConfig?.notificationBanner }}
+      </Message>
+      <h1>{{ title }}</h1>
+      <div>{{ detail }}</div>
+      <div class="text-center">
+        <router-link :to="{ name: RouteNames.LIST_BUCKETS }">
+          <Button class="text-center mt-5">
+            {{ 'Go to My Buckets' }}
+          </Button>
+        </router-link>
+      </div>
+    </div>
+    <div v-else>
+      <h1 class="text-center mt-8">Processing...</h1>
+      <Spinner />
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.p-progress-spinner {
+  display: flex;
+  margin-top: 4rem;
+  position: relative;
+}
+</style>
diff --git a/frontend/tests/unit/components/invite/InviteView.spec.ts b/frontend/tests/unit/components/invite/InviteView.spec.ts
new file mode 100644
index 00000000..a2508edf
--- /dev/null
+++ b/frontend/tests/unit/components/invite/InviteView.spec.ts
@@ -0,0 +1,208 @@
+import { createTestingPinia } from '@pinia/testing';
+import { flushPromises, RouterLinkStub, shallowMount } from '@vue/test-utils';
+
+import * as primevue from '@/lib/primevue';
+import { inviteService } from '@/services';
+import { StorageKey } from '@/utils/constants';
+import InviteView from '@/views/invite/InviteView.vue';
+
+import PrimeVue from 'primevue/config';
+import ToastService from 'primevue/toastservice';
+
+type errorResponse = {
+  response: {
+    data: {
+      type: string;
+      title: string;
+      status: number;
+      detail: string;
+      instance: string;
+    };
+  };
+};
+
+const BUCKET_ID = 'bucketId';
+const mockToast = vi.fn();
+const useToastSpy = vi.spyOn(primevue, 'useToast');
+const useInviteService = vi.spyOn(inviteService, 'getInvite');
+
+vi.mock('vue-router', () => ({
+  useRouter: () => ({
+    replace: vi.fn()
+  })
+}));
+
+const emptyTestPinia = () => {
+  return createTestingPinia({
+    initialState: {
+      auth: {
+        user: {}
+      }
+    }
+  });
+};
+
+const inviteViewWrapperSettings = () => {
+  return {
+    props: {
+      token: 'placeholder'
+    },
+    global: {
+      plugins: [emptyTestPinia(), PrimeVue, ToastService],
+      stubs: {
+        RouterLink: RouterLinkStub,
+        'font-awesome-icon': true
+      }
+    }
+  };
+};
+
+const unAuthError: errorResponse = {
+  response: {
+    data: {
+      type: 'https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/401',
+      title: 'Unauthorized',
+      status: 401,
+      detail: 'Invalid authorization credentials',
+      instance: 'string'
+    }
+  }
+};
+
+const forbiddenError: errorResponse = {
+  response: {
+    data: {
+      type: 'https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/403',
+      title: 'Forbidden',
+      status: 403,
+      detail: 'User lacks permission to complete this action',
+      instance: 'string'
+    }
+  }
+};
+
+const notFoundInviteError: errorResponse = {
+  response: {
+    data: {
+      type: 'https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/404',
+      title: 'Not found',
+      status: 404,
+      detail: 'Not found',
+      instance: 'string'
+    }
+  }
+};
+
+const notFoundBucketOrObjectError: errorResponse = {
+  response: {
+    data: {
+      type: 'https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/409',
+      title: 'Not found',
+      status: 409,
+      detail: 'Not found',
+      instance: 'string'
+    }
+  }
+};
+
+const invitationGoneError: errorResponse = {
+  response: {
+    data: {
+      type: 'https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/410',
+      title: 'Gone',
+      status: 410,
+      detail: 'string',
+      instance: 'string'
+    }
+  }
+};
+
+beforeEach(() => {
+  sessionStorage.setItem(
+    StorageKey.CONFIG,
+    JSON.stringify({
+      oidc: {
+        authority: 'abc',
+        clientId: '123'
+      }
+    })
+  );
+
+  vi.clearAllMocks();
+  useToastSpy.mockImplementation(() => ({ error: mockToast, info: mockToast, success: mockToast, warn: mockToast }));
+  useInviteService.mockImplementation(() =>
+    Promise.resolve({ data: { type: BUCKET_ID, resource: 'placeholderUUID' } })
+  );
+});
+
+afterEach(() => {
+  sessionStorage.clear();
+});
+
+describe('InviteView.vue', async () => {
+  it('renders', () => {
+    const wrapper = shallowMount(InviteView, inviteViewWrapperSettings());
+
+    expect(wrapper).toBeTruthy();
+    expect(wrapper.find('h1').text()).toBe('Processing...');
+    expect(useInviteService).toHaveBeenCalledTimes(1);
+  });
+
+  it('renders unauthorized error', async () => {
+    // set type of error
+    useInviteService.mockImplementation(() => Promise.reject(unAuthError));
+
+    const wrapper = shallowMount(InviteView, inviteViewWrapperSettings());
+
+    await flushPromises();
+    expect(wrapper.find('h1').text()).toBe(unAuthError.response.data.title);
+  });
+
+  it('renders forbidden error', async () => {
+    useInviteService.mockImplementation(() => Promise.reject(forbiddenError));
+
+    const wrapper = shallowMount(InviteView, inviteViewWrapperSettings());
+
+    await flushPromises();
+    expect(wrapper.find('h1').text()).toBe(forbiddenError.response.data.title);
+  });
+
+  it('renders not found invite error', async () => {
+    useInviteService.mockImplementation(() => Promise.reject(notFoundInviteError));
+
+    const wrapper = shallowMount(InviteView, inviteViewWrapperSettings());
+
+    await flushPromises();
+    expect(wrapper.find('h1').text()).toBe(notFoundInviteError.response.data.title);
+  });
+
+  it('renders not found bucket/object error', async () => {
+    useInviteService.mockImplementation(() => Promise.reject(notFoundBucketOrObjectError));
+
+    const wrapper = shallowMount(InviteView, inviteViewWrapperSettings());
+
+    await flushPromises();
+    expect(wrapper.find('h1').text()).toBe(notFoundBucketOrObjectError.response.data.title);
+  });
+
+  it('renders not found invitation error', async () => {
+    useInviteService.mockImplementation(() => Promise.reject(invitationGoneError));
+
+    const wrapper = shallowMount(InviteView, inviteViewWrapperSettings());
+
+    await flushPromises();
+    expect(wrapper.find('h1').text()).toBe(invitationGoneError.response.data.title);
+  });
+
+  it('does not trigger errors on valid response', async () => {
+    useInviteService.mockImplementation(
+      () => new Promise((resolve) => resolve({ data: { type: BUCKET_ID, resource: 'placeholderUUID' } }))
+    );
+
+    const wrapper = shallowMount(InviteView, inviteViewWrapperSettings());
+    expect(wrapper.find('h1').text()).toBe('Processing...');
+
+    await flushPromises();
+    expect(wrapper.find('h1').text()).toBe('Processing...');
+  });
+});