From 0decdb9c56b2c12b151c73f910fd965c3a87ba9a Mon Sep 17 00:00:00 2001
From: Rodrigo Barraza <rodrigo.barraza@gov.bc.ca>
Date: Tue, 21 Jan 2025 11:48:17 -0800
Subject: [PATCH] 24648 - contact_centre_staff role fixes (#3210)

---
 .../src/components/auth/common/ProductTOS.vue | 73 +++++++++++++------
 .../staff/review-task/AccountInformation.vue  |  1 +
 .../views/auth/staff/StaffDashboardView.vue   |  4 +
 3 files changed, 55 insertions(+), 23 deletions(-)

diff --git a/auth-web/src/components/auth/common/ProductTOS.vue b/auth-web/src/components/auth/common/ProductTOS.vue
index 4a897a879d..c42e824590 100644
--- a/auth-web/src/components/auth/common/ProductTOS.vue
+++ b/auth-web/src/components/auth/common/ProductTOS.vue
@@ -9,8 +9,8 @@
       </p>
     </div>
     <v-checkbox
+      v-if="canAcceptTos"
       v-model="termsAccepted"
-      v-can:EDIT_USER.disabled
       color="primary"
       class="terms-checkbox align-checkbox-label--top ma-0 pa-0"
       hide-details
@@ -39,34 +39,61 @@
 </template>
 
 <script lang="ts">
-import { Component, Emit, Prop, Vue, Watch } from 'vue-property-decorator'
+import { computed, defineComponent, onMounted, reactive, toRefs, watch } from '@vue/composition-api'
+import { Role } from '@/util/constants'
+import { useUserStore } from '@/stores/user'
 
-@Component({})
-export default class ProductTOS extends Vue {
-  @Prop({ default: '' }) userName: string
-  @Prop({ default: '' }) orgName: string
-  @Prop({ default: false }) isTOSAlreadyAccepted: boolean
-  @Prop({ default: false }) isApprovalFlow: boolean
-  termsAccepted: boolean = false
-  public istosTouched: boolean = false
+export default defineComponent({
+  name: 'ProductTOS',
+  props: {
+    userName: {
+      type: String,
+      default: ''
+    },
+    orgName: {
+      type: String,
+      default: ''
+    },
+    isTOSAlreadyAccepted: {
+      type: Boolean,
+      default: false
+    },
+    isApprovalFlow: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['tos-status-changed'],
+  setup (props, { emit }) {
+    const userStore = useUserStore()
+    const state = reactive({
+      termsAccepted: false,
+      istosTouched: false,
+      canAcceptTos: computed(() => !userStore?.currentUser?.roles.includes(Role.ContactCentreStaff))
+    })
+
+    watch(() => props.isTOSAlreadyAccepted, (newTos, oldTos) => {
+      if (newTos !== oldTos) {
+        state.termsAccepted = newTos
+      }
+    })
 
-  @Watch('isTOSAlreadyAccepted')
-  onisTOSALreadyAcceptedChange (newTos:boolean, oldTos:boolean) {
-    if (newTos !== oldTos) {
-      this.termsAccepted = newTos
+    const tosChanged = () => {
+      state.istosTouched = true
+      emit('tos-status-changed', state.termsAccepted)
+      return state.termsAccepted
     }
-  }
 
-  public mounted () {
-    this.termsAccepted = this.isTOSAlreadyAccepted
-  }
+    onMounted(() => {
+      state.termsAccepted = props.isTOSAlreadyAccepted
+    })
 
-  @Emit('tos-status-changed')
-  public tosChanged () {
-    this.istosTouched = true
-    return this.termsAccepted
+    return {
+      ...toRefs(state),
+      tosChanged
+    }
   }
-}
+})
 </script>
 
 <style lang="scss" scoped>
diff --git a/auth-web/src/components/auth/staff/review-task/AccountInformation.vue b/auth-web/src/components/auth/staff/review-task/AccountInformation.vue
index c00fefd415..c7228fa321 100644
--- a/auth-web/src/components/auth/staff/review-task/AccountInformation.vue
+++ b/auth-web/src/components/auth/staff/review-task/AccountInformation.vue
@@ -105,6 +105,7 @@
           </v-col>
           <v-col
             v-if="accountUnderReview.accessType === AccessType.GOVN"
+            v-can:EDIT_USER.hide
             cols="auto"
           >
             <v-btn
diff --git a/auth-web/src/views/auth/staff/StaffDashboardView.vue b/auth-web/src/views/auth/staff/StaffDashboardView.vue
index cc18d022b9..7e4c6a2cb9 100644
--- a/auth-web/src/views/auth/staff/StaffDashboardView.vue
+++ b/auth-web/src/views/auth/staff/StaffDashboardView.vue
@@ -14,6 +14,7 @@
       no-gutters
     >
       <v-col
+        v-can:VIEW_LAUNCH_TITLES.hide
         class="pr-2"
         cols="6"
       >
@@ -125,7 +126,9 @@
           />
         </v-card>
       </v-col>
+
       <v-col
+        v-can:VIEW_LAUNCH_TITLES.hide
         class="pl-2"
         cols="6"
       >
@@ -251,6 +254,7 @@
     <!-- Email Safe List -->
     <BaseVExpansionPanel
       v-if="isDevOrTest"
+      v-can:VIEW_LAUNCH_TITLES.hide
       info="Please contact #registries-ops to add or remove email addresses from the safe list."
       title="Safe Email List (DEV/TEST)"
     >