From 964fba953ff4e2903a83c9509aaee8608706e61f Mon Sep 17 00:00:00 2001
From: Cameron Bowler <cameron.bowler@ca.ey.com>
Date: Thu, 31 Oct 2024 08:47:39 -0700
Subject: [PATCH 1/3] Launch Tiles+

---
 auth-web/.env.example                         |  1 +
 auth-web/devops/vaults.env                    |  1 +
 auth-web/package-lock.json                    |  4 +-
 auth-web/package.json                         |  2 +-
 auth-web/src/assets/img/icon-drs.svg          |  6 ++
 .../img/icon-involuntary-dissolution.svg      |  3 +
 auth-web/src/components/LaunchTile.vue        | 74 ++++++++++++++++++
 auth-web/src/components/index.ts              |  1 +
 auth-web/src/models/common.ts                 | 12 +++
 auth-web/src/util/config-helper.ts            |  4 +
 auth-web/src/util/constants.ts                |  1 +
 .../views/auth/staff/StaffDashboardView.vue   | 75 ++++++++++---------
 .../tests/unit/components/LaunchTile.spec.ts  | 66 ++++++++++++++++
 13 files changed, 212 insertions(+), 38 deletions(-)
 create mode 100644 auth-web/src/assets/img/icon-drs.svg
 create mode 100644 auth-web/src/assets/img/icon-involuntary-dissolution.svg
 create mode 100644 auth-web/src/components/LaunchTile.vue
 create mode 100644 auth-web/src/models/common.ts
 create mode 100644 auth-web/tests/unit/components/LaunchTile.spec.ts

diff --git a/auth-web/.env.example b/auth-web/.env.example
index 13aa5dbc9..f4bae2a31 100644
--- a/auth-web/.env.example
+++ b/auth-web/.env.example
@@ -20,6 +20,7 @@ VUE_APP_XLP_FORMS_URL="https://www2.gov.bc.ca/assets/gov/employment-business-and
 VUE_APP_REGISTRY_HOME_URL="https://dev.bcregistry.gov.bc.ca/"
 VUE_APP_AUTH_WEB_URL="https://dev.account.bcregistry.gov.bc.ca/"
 VUE_APP_DASHBOARD_URL="https://dev.business.bcregistry.gov.bc.ca/"
+VUE_APP_DOCUMENTS_UI_URL="https://documents-ui-dev.firebaseapp.com"
 VUE_APP_ENTITY_SELECTOR_URL="https://entity-selection-dev.apps.silver.devops.gov.bc.ca/"
 VUE_APP_SITEMINDER_LOGOUT_URL="https://logontest7.gov.bc.ca/clp-cgi/logoff.cgi"
 VUE_APP_NAME_REQUEST_URL="https://dev.names.bcregistry.gov.bc.ca/"
diff --git a/auth-web/devops/vaults.env b/auth-web/devops/vaults.env
index 950381cdc..743b09d10 100644
--- a/auth-web/devops/vaults.env
+++ b/auth-web/devops/vaults.env
@@ -15,6 +15,7 @@ VUE_APP_ONE_STOP_URL="op://relationship/$APP_ENV/auth-web/ONE_STOP_URL"
 VUE_APP_REGISTRY_HOME_URL="op://web-url/$APP_ENV/registry/REGISTRY_HOME_URL"
 VUE_APP_AUTH_WEB_URL="op://web-url/$APP_ENV/auth-web/AUTH_WEB_URL"
 VUE_APP_DASHBOARD_URL="op://web-url/$APP_ENV/business/DASHBOARD_URL"
+VUE_APP_DOCUMENTS_UI_URL="op://web-url/$APP_ENV/documents-ui/DOCUMENTS_UI_URL"
 VUE_APP_ENTITY_SELECTOR_URL="op://web-url/$APP_ENV/entity-selector/ENTITY_SELECTOR_URL"
 VUE_APP_SITEMINDER_LOGOUT_URL="op://web-url/$APP_ENV/siteminder/SITEMINDER_LOGOUT_URL"
 VUE_APP_NAME_REQUEST_URL="op://web-url/$APP_ENV/name-request/NAME_REQUEST_URL"
diff --git a/auth-web/package-lock.json b/auth-web/package-lock.json
index f15cd0bdf..643679b85 100644
--- a/auth-web/package-lock.json
+++ b/auth-web/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "auth-web",
-  "version": "2.6.105",
+  "version": "2.6.106",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "auth-web",
-      "version": "2.6.105",
+      "version": "2.6.106",
       "dependencies": {
         "@bcrs-shared-components/base-address": "2.0.3",
         "@bcrs-shared-components/bread-crumb": "1.0.8",
diff --git a/auth-web/package.json b/auth-web/package.json
index 1641f3e70..d528bee41 100644
--- a/auth-web/package.json
+++ b/auth-web/package.json
@@ -1,6 +1,6 @@
 {
   "name": "auth-web",
-  "version": "2.6.105",
+  "version": "2.6.106",
   "appName": "Auth Web",
   "sbcName": "SBC Common Components",
   "private": true,
diff --git a/auth-web/src/assets/img/icon-drs.svg b/auth-web/src/assets/img/icon-drs.svg
new file mode 100644
index 000000000..98f62cbc8
--- /dev/null
+++ b/auth-web/src/assets/img/icon-drs.svg
@@ -0,0 +1,6 @@
+<svg width="44" height="43" viewBox="0 0 44 43" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M35.208 7.75H17.8448L14.7971 2.67063C14.6972 2.50422 14.5558 2.36653 14.3869 2.27091C14.2179 2.1753 14.0271 2.12504 13.833 2.125H1.45801C1.15964 2.125 0.873491 2.24353 0.662513 2.4545C0.451534 2.66548 0.333008 2.95163 0.333008 3.25L0.333008 30.25C0.333008 31.4435 0.807114 32.5881 1.65103 33.432C2.49494 34.2759 3.63953 34.75 4.83301 34.75H31.833C33.0265 34.75 34.1711 34.2759 35.015 33.432C35.8589 32.5881 36.333 31.4435 36.333 30.25V8.875C36.333 8.57663 36.2145 8.29048 36.0035 8.0795C35.7925 7.86853 35.5064 7.75 35.208 7.75Z" fill="#38598A"/>
+<circle cx="32.6455" cy="31.2188" r="11" fill="white"/>
+<path d="M38.0955 31.9062H40.458V29.6562H38.0955C37.9504 28.9515 37.6704 28.2814 37.2709 27.683L38.946 26.0079L37.3553 24.4171L35.6801 26.0922C35.0819 25.6933 34.4123 25.4136 33.708 25.2688V22.9062H31.458V25.2688C30.7533 25.4139 30.0832 25.6939 29.4848 26.0934L27.8096 24.4183L26.2189 26.009L27.894 27.6841C27.495 28.2823 27.2154 28.952 27.0705 29.6562H24.708V31.9062H27.0705C27.2156 32.611 27.4956 33.2811 27.8951 33.8795L26.22 35.5546L27.8108 37.1454L29.4859 35.4702C30.0841 35.8692 30.7537 36.1488 31.458 36.2937V38.6562H33.708V36.2937C34.4128 36.1486 35.0828 35.8686 35.6813 35.4691L37.3564 37.1443L38.9471 35.5535L37.272 33.8784C37.671 33.2802 37.9506 32.6105 38.0955 31.9062Z" fill="#38598A"/>
+<path d="M32.583 33.0312C33.8256 33.0312 34.833 32.0239 34.833 30.7812C34.833 29.5386 33.8256 28.5312 32.583 28.5312C31.3404 28.5312 30.333 29.5386 30.333 30.7812C30.333 32.0239 31.3404 33.0312 32.583 33.0312Z" fill="white"/>
+</svg>
diff --git a/auth-web/src/assets/img/icon-involuntary-dissolution.svg b/auth-web/src/assets/img/icon-involuntary-dissolution.svg
new file mode 100644
index 000000000..14f38a5d8
--- /dev/null
+++ b/auth-web/src/assets/img/icon-involuntary-dissolution.svg
@@ -0,0 +1,3 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.5003 10.2083V4.375H2.91699V30.625H19.4691C19.1288 29.6904 18.956 28.703 18.9587 27.7083H17.5003V24.7917H19.4691C19.6897 24.1118 20.0091 23.4682 20.417 22.8812V21.875H17.5003V18.9583H20.417V16.0417H17.5003V13.125H29.167V19.0896C30.1975 19.2495 31.1877 19.6059 32.0837 20.1396V10.2083M8.75033 27.7083H5.83366V24.7917H8.75033M8.75033 21.875H5.83366V18.9583H8.75033M8.75033 16.0417H5.83366V13.125H8.75033M8.75033 10.2083H5.83366V7.29167H8.75033M14.5837 27.7083H11.667V24.7917H14.5837M14.5837 21.875H11.667V18.9583H14.5837M14.5837 16.0417H11.667V13.125H14.5837M14.5837 10.2083H11.667V7.29167H14.5837M23.3337 18.9583H26.2503V16.0417H23.3337M23.3337 16.0417V18.9583H26.2503V16.0417M23.3337 16.0417V18.9583H26.2503V16.0417M32.8712 24.6167L29.7649 27.7083L32.8712 30.8L30.8003 32.8708L27.7087 29.7646L24.617 32.8708L22.5462 30.8L25.6524 27.7083L22.5462 24.6167L24.617 22.5458L27.7087 25.6521L30.8003 22.5458L32.8712 24.6167Z" fill="#38598A"/>
+</svg>
diff --git a/auth-web/src/components/LaunchTile.vue b/auth-web/src/components/LaunchTile.vue
new file mode 100644
index 000000000..f4d8ad882
--- /dev/null
+++ b/auth-web/src/components/LaunchTile.vue
@@ -0,0 +1,74 @@
+<script lang="ts">
+import { computed, defineComponent, reactive, toRefs } from '@vue/composition-api'
+import { LaunchTileConfigIF } from '@/models/common'
+
+export default defineComponent({
+  name: 'LaunchTile',
+  props: {
+    tileConfig: {
+      type: Object as () => LaunchTileConfigIF,
+      required: true
+    }
+  },
+  setup (props) {
+    const localVars = (reactive({
+      imgUrl: computed(() => new URL(`/src/assets/img/${props.tileConfig.image}`, import.meta.url))
+    }))
+
+    return {
+      ...toRefs(localVars)
+    }
+  }
+})
+</script>
+
+<template>
+  <v-card
+    v-if="tileConfig.showTile"
+    class="launch-card"
+  >
+    <v-row>
+      <v-col cols="auto">
+        <img
+          :src="imgUrl"
+          alt=""
+          class="launch-image"
+        >
+      </v-col>
+      <v-col>
+        <header>
+          <h2>{{ tileConfig.title }}</h2>
+          <p class="my-3">
+            {{ tileConfig.description }}
+          </p>
+        </header>
+        <v-btn
+          id="tile-btn"
+          class="mt-1"
+          color="primary"
+          filled
+          dark
+          large
+          :href="tileConfig.href ? tileConfig.href : null"
+          @click="!tileConfig.href ? tileConfig.action() : null"
+        >
+          <span>
+            {{ tileConfig.actionLabel }}
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+        </v-btn>
+      </v-col>
+    </v-row>
+  </v-card>
+</template>
+
+<style lang="scss" scoped>
+.launch-card {
+  height: 225px;
+  padding: 14px 26px;
+}
+.launch-image {
+  width: 50px;
+  height: auto;
+}
+</style>
diff --git a/auth-web/src/components/index.ts b/auth-web/src/components/index.ts
index d02b10883..bb8811a41 100644
--- a/auth-web/src/components/index.ts
+++ b/auth-web/src/components/index.ts
@@ -3,3 +3,4 @@ export { default as BaseVExpansionPanel } from './BaseVExpansionPanel.vue'
 export { default as CardHeader } from './CardHeader.vue'
 export { default as DatePicker } from './DatePicker.vue'
 export { default as IconTooltip } from './IconTooltip.vue'
+export { default as LaunchTile } from './LaunchTile.vue'
diff --git a/auth-web/src/models/common.ts b/auth-web/src/models/common.ts
new file mode 100644
index 000000000..2dbaf792e
--- /dev/null
+++ b/auth-web/src/models/common.ts
@@ -0,0 +1,12 @@
+import { ComputedRef } from '@vue/composition-api'
+
+/** Interface for the LaunchTileConfig object */
+export interface LaunchTileConfigIF {
+  showTile: ComputedRef<boolean>
+  image: string
+  title: string
+  description: string
+  href?: ComputedRef<string>
+  action?: () => void
+  actionLabel: string
+}
diff --git a/auth-web/src/util/config-helper.ts b/auth-web/src/util/config-helper.ts
index 15229588d..a1e2504ca 100644
--- a/auth-web/src/util/config-helper.ts
+++ b/auth-web/src/util/config-helper.ts
@@ -46,6 +46,10 @@ export default class ConfigHelper {
     return `${import.meta.env.VUE_APP_REGISTRY_HOME_URL}dashboard`
   }
 
+  static getBcrosDocumentsUiURL () {
+    return `${import.meta.env.VUE_APP_DOCUMENTS_UI_URL}`
+  }
+
   static getBcrosURL () {
     return `${ConfigHelper.getSelfURL()}/signin/bcros/`
   }
diff --git a/auth-web/src/util/constants.ts b/auth-web/src/util/constants.ts
index c2bd88b33..c8879c0e0 100644
--- a/auth-web/src/util/constants.ts
+++ b/auth-web/src/util/constants.ts
@@ -484,6 +484,7 @@ export enum LDFlags {
     EnableAffiliationDelegation = 'enable-affiliation-delegation',
     EnableCreditCardPremium = 'enable-credit-card-premium',
     EnableEFTBalanceByPAD = 'enable-eft-balance-by-pad',
+    EnableDRSLookup = 'enable-drs-lookup', // Document Record Services
 }
 
 export enum DateFilterCodes {
diff --git a/auth-web/src/views/auth/staff/StaffDashboardView.vue b/auth-web/src/views/auth/staff/StaffDashboardView.vue
index 6565af5d2..1809679b5 100644
--- a/auth-web/src/views/auth/staff/StaffDashboardView.vue
+++ b/auth-web/src/views/auth/staff/StaffDashboardView.vue
@@ -265,53 +265,30 @@
       </template>
     </BaseVExpansionPanel>
 
-    <!-- Involuntary Dissolution -->
-    <v-card
-      v-if="showInvoluntaryDissolutionTile"
-      class="mt-4 pa-8"
-    >
-      <v-row
-        align="center"
-        justify="space-between"
+    <!-- Feature Launch Tiles: ie Involuntary Dissolution, Document Record Service -->
+    <v-row>
+      <v-col
+        v-for="tile in launchTileConfig"
+        :key="tile.title"
+        cols="6"
       >
-        <v-col>
-          <header>
-            <h2 class="mb-0">
-              Involuntary Dissolution
-            </h2>
-            <p class="mt-3 mb-0">
-              Set up and manage automation for Involuntary Dissolution of businesses
-            </p>
-          </header>
-        </v-col>
-        <v-col cols="auto">
-          <v-btn
-            id="involuntary-dissolution-button"
-            class="mr-4"
-            color="primary"
-            outlined
-            dark
-            large
-            @click="goToInvoluntaryDissolution()"
-          >
-            <span>Manage Involuntary Dissolution</span>
-          </v-btn>
-        </v-col>
-      </v-row>
-    </v-card>
+        <LaunchTile :tileConfig="tile" />
+      </v-col>
+    </v-row>
   </v-container>
 </template>
 
 <script lang="ts">
+import { BaseVExpansionPanel, LaunchTile } from '@/components'
 import { ComputedRef, Ref, computed, defineComponent, reactive, ref, toRefs } from '@vue/composition-api'
 import { LDFlags, Role, SessionStorageKeys } from '@/util/constants'
-import { BaseVExpansionPanel } from '@/components'
 import CommonUtils from '@/util/common-util'
 import ConfigHelper from '@/util/config-helper'
 import ContinuationApplications from '@/components/auth/staff/continuation-application/ContinuationApplications.vue'
 import GLCodesListView from '@/views/auth/staff/GLCodesListView.vue'
 import IncorporationSearchResultView from '@/views/auth/staff/IncorporationSearchResultView.vue'
 import LaunchDarklyService from 'sbc-common-components/src/services/launchdarkly.services'
+import { LaunchTileConfigIF } from '@/models/common'
 import { Organization } from '@/models/Organization'
 import PPRLauncher from '@/components/auth/staff/PPRLauncher.vue'
 import SafeEmailView from '@/views/auth/staff/SafeEmailView.vue'
@@ -337,11 +314,15 @@ interface StaffDashboardViewI {
   isFasDashboardEnabled: ComputedRef<boolean>
   showBusSearchlink: ComputedRef<boolean>
   registrySearchUrl: ComputedRef<string>
+  showDrsTile: ComputedRef<boolean>
+  documentsUiUrl: ComputedRef<string>
+  showInvoluntaryDissolutionTile: ComputedRef<boolean>
 }
 
 export default defineComponent({
   name: 'StaffDashboardView',
   components: {
+    LaunchTile,
     BaseVExpansionPanel,
     SafeEmailView,
     GLCodesListView,
@@ -378,10 +359,13 @@ export default defineComponent({
       errorMessage: '',
       isFasDashboardEnabled: computed((): boolean => currentUser.value?.roles?.includes(Role.FasSearch)),
       registrySearchUrl: computed((): string => ConfigHelper.getRegistrySearchUrl()),
+      documentsUiUrl: computed((): string => ConfigHelper.getBcrosDocumentsUiURL()),
       searchActive: false,
       searchedBusinessNumber: '',
       showBusSearchlink: computed((): boolean => true),
-      showInvoluntaryDissolutionTile: computed((): boolean => LaunchDarklyService.getFlag(LDFlags.EnableInvoluntaryDissolution) || false)
+      showInvoluntaryDissolutionTile: computed((): boolean =>
+        LaunchDarklyService.getFlag(LDFlags.EnableInvoluntaryDissolution) || false),
+      showDrsTile: computed((): boolean => LaunchDarklyService.getFlag(LDFlags.EnableDRSLookup) || false)
     }) as unknown) as StaffDashboardViewI
 
     const isFormValid = () => localVars.businessIdentifier && searchBusinessForm.value?.validate()
@@ -390,6 +374,26 @@ export default defineComponent({
 
     const goToManageBusiness = () => root.$router.push(`/account/${currentOrganization.value?.id}/business`)
 
+    const launchTileConfig: Array<LaunchTileConfigIF> = [
+      {
+        showTile: localVars.showInvoluntaryDissolutionTile,
+        image: 'icon-involuntary-dissolution.svg',
+        title: 'Involuntary Dissolution',
+        description: 'Set up and manage automation for Involuntary Dissolution of businesses',
+        action: () => { goToInvoluntaryDissolution() },
+        actionLabel: 'Manage Involuntary Dissolution'
+      },
+      {
+        showTile: localVars.showDrsTile,
+        image: 'icon-drs.svg',
+        title: 'Document Record Service',
+        description: 'Use our document record service to create a new record or search for existing ones. To edit a ' +
+          'record, simply search for and open the document record.',
+        href: localVars.documentsUiUrl,
+        actionLabel: 'Open'
+      }
+    ]
+
     const updateCurrentBusiness = async () => {
       try {
         // Search for business, action will set session storage
@@ -465,6 +469,7 @@ export default defineComponent({
       searchBusinessForm,
       emailToAdd,
       addEmail,
+      launchTileConfig,
       ...toRefs(localVars)
     }
   }
diff --git a/auth-web/tests/unit/components/LaunchTile.spec.ts b/auth-web/tests/unit/components/LaunchTile.spec.ts
new file mode 100644
index 000000000..2e13309ac
--- /dev/null
+++ b/auth-web/tests/unit/components/LaunchTile.spec.ts
@@ -0,0 +1,66 @@
+import LaunchTile from '@/components/LaunchTile.vue'
+import { LaunchTileConfigIF } from '@/models/common'
+import { mount } from '@vue/test-utils'
+import { nextTick } from '@vue/composition-api'
+
+// Mock data for the tileConfig prop
+const mockTileConfig: LaunchTileConfigIF = {
+  showTile: true,
+  image: 'icon-drs.svg',
+  title: 'Document Record Service',
+  description: 'Use our document record service to create a new record or search for existing ones.',
+  href: 'http://example.com',
+  actionLabel: 'Open',
+  action: vi.fn(() => 'action called')
+}
+
+describe('LaunchTile.vue', () => {
+  let wrapper: any
+
+  beforeEach(() => {
+    wrapper = mount(LaunchTile, {
+      propsData: {
+        tileConfig: mockTileConfig
+      }
+    })
+  })
+
+  it('renders the component when showTile is true', () => {
+    expect(wrapper.find('.launch-card').exists()).toBe(true)
+  })
+
+  it('renders the image with the correct src', () => {
+    const img = wrapper.find('img')
+    expect(img.attributes('src')).toContain(mockTileConfig.image)
+  })
+
+  it('renders the title and description', () => {
+    expect(wrapper.find('h2').text()).toBe(mockTileConfig.title)
+    expect(wrapper.find('p').text()).toBe(mockTileConfig.description)
+  })
+
+  it('renders the button with the correct label and href', () => {
+    const button = wrapper.find('#tile-btn')
+    expect(button.text()).toContain(mockTileConfig.actionLabel)
+    expect(button.attributes('href')).toBe(mockTileConfig.href)
+  })
+
+  it('calls the action method when button is clicked and href is not provided', async () => {
+    // Reset the mock function
+    mockTileConfig.action.mockClear()
+
+    // Update the props
+    await wrapper.setProps({
+      tileConfig: { ...mockTileConfig, href: null }
+    })
+
+    // Find the button and trigger a click event
+    const button = wrapper.find('#tile-btn')
+    await button.trigger('click')
+    await nextTick()
+
+    // Assert that the action method was called
+    expect(mockTileConfig.action).toHaveBeenCalled()
+    expect(mockTileConfig.action).toHaveReturnedWith('action called')
+  })
+})

From 4699836f0aa8f659e51d7c0de414f7eac5b797fc Mon Sep 17 00:00:00 2001
From: Cameron Bowler <cameron.bowler@ca.ey.com>
Date: Thu, 31 Oct 2024 09:00:35 -0700
Subject: [PATCH 2/3] clean up

---
 auth-web/src/components/LaunchTile.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/auth-web/src/components/LaunchTile.vue b/auth-web/src/components/LaunchTile.vue
index f4d8ad882..04f159f6b 100644
--- a/auth-web/src/components/LaunchTile.vue
+++ b/auth-web/src/components/LaunchTile.vue
@@ -49,7 +49,7 @@ export default defineComponent({
           filled
           dark
           large
-          :href="tileConfig.href ? tileConfig.href : null"
+          :href="tileConfig.href || null"
           @click="!tileConfig.href ? tileConfig.action() : null"
         >
           <span>

From 455d78d123bfad38e56b653c6f890ee58e61bb6f Mon Sep 17 00:00:00 2001
From: Cameron Bowler <cameron.bowler@ca.ey.com>
Date: Thu, 31 Oct 2024 09:14:29 -0700
Subject: [PATCH 3/3] href clean

---
 auth-web/src/components/LaunchTile.vue               | 5 ++++-
 auth-web/src/models/common.ts                        | 2 +-
 auth-web/src/views/auth/staff/StaffDashboardView.vue | 2 +-
 auth-web/tests/unit/components/LaunchTile.spec.ts    | 5 +----
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/auth-web/src/components/LaunchTile.vue b/auth-web/src/components/LaunchTile.vue
index 04f159f6b..9d7f62967 100644
--- a/auth-web/src/components/LaunchTile.vue
+++ b/auth-web/src/components/LaunchTile.vue
@@ -12,6 +12,9 @@ export default defineComponent({
   },
   setup (props) {
     const localVars = (reactive({
+      tileUrl: computed(() => {
+        return props.tileConfig?.href ? new URL(props.tileConfig.href, import.meta.url) : null
+      }),
       imgUrl: computed(() => new URL(`/src/assets/img/${props.tileConfig.image}`, import.meta.url))
     }))
 
@@ -49,7 +52,7 @@ export default defineComponent({
           filled
           dark
           large
-          :href="tileConfig.href || null"
+          :href="tileUrl"
           @click="!tileConfig.href ? tileConfig.action() : null"
         >
           <span>
diff --git a/auth-web/src/models/common.ts b/auth-web/src/models/common.ts
index 2dbaf792e..8305c1677 100644
--- a/auth-web/src/models/common.ts
+++ b/auth-web/src/models/common.ts
@@ -6,7 +6,7 @@ export interface LaunchTileConfigIF {
   image: string
   title: string
   description: string
-  href?: ComputedRef<string>
+  href?: string
   action?: () => void
   actionLabel: string
 }
diff --git a/auth-web/src/views/auth/staff/StaffDashboardView.vue b/auth-web/src/views/auth/staff/StaffDashboardView.vue
index 1809679b5..ae10f02cc 100644
--- a/auth-web/src/views/auth/staff/StaffDashboardView.vue
+++ b/auth-web/src/views/auth/staff/StaffDashboardView.vue
@@ -315,7 +315,7 @@ interface StaffDashboardViewI {
   showBusSearchlink: ComputedRef<boolean>
   registrySearchUrl: ComputedRef<string>
   showDrsTile: ComputedRef<boolean>
-  documentsUiUrl: ComputedRef<string>
+  documentsUiUrl: string
   showInvoluntaryDissolutionTile: ComputedRef<boolean>
 }
 
diff --git a/auth-web/tests/unit/components/LaunchTile.spec.ts b/auth-web/tests/unit/components/LaunchTile.spec.ts
index 2e13309ac..7d202d8b9 100644
--- a/auth-web/tests/unit/components/LaunchTile.spec.ts
+++ b/auth-web/tests/unit/components/LaunchTile.spec.ts
@@ -9,7 +9,7 @@ const mockTileConfig: LaunchTileConfigIF = {
   image: 'icon-drs.svg',
   title: 'Document Record Service',
   description: 'Use our document record service to create a new record or search for existing ones.',
-  href: 'http://example.com',
+  href: 'http://example.com/',
   actionLabel: 'Open',
   action: vi.fn(() => 'action called')
 }
@@ -46,9 +46,6 @@ describe('LaunchTile.vue', () => {
   })
 
   it('calls the action method when button is clicked and href is not provided', async () => {
-    // Reset the mock function
-    mockTileConfig.action.mockClear()
-
     // Update the props
     await wrapper.setProps({
       tileConfig: { ...mockTileConfig, href: null }