Publish current project state

frontend/app/javascript/dashboard/components-next/captain/assistant/AssistantCard.vue

@@ -4,6 +4,7 @@ import { useToggle } from '@vueuse/core';
 import { useI18n } from 'vue-i18n';
 import { dynamicTime } from 'shared/helpers/timeHelper';
 import { usePolicy } from 'dashboard/composables/usePolicy';
+import { ROLE_ADMINISTRATOR } from 'dashboard/constants/permissions.js';
 
 import CardLayout from 'dashboard/components-next/CardLayout.vue';
 import DropdownMenu from 'dashboard/components-next/dropdown-menu/DropdownMenu.vue';
@@ -45,7 +46,7 @@ const menuItems = computed(() => {
     },
   ];
 
-  if (checkPermissions(['administrator'])) {
+  if (checkPermissions([ROLE_ADMINISTRATOR])) {
     allOptions.push(
       {
         label: t('CAPTAIN.ASSISTANTS.OPTIONS.EDIT_ASSISTANT'),

frontend/app/javascript/dashboard/components-next/captain/assistant/DocumentCard.vue

@@ -4,6 +4,7 @@ import { useToggle } from '@vueuse/core';
 import { useI18n } from 'vue-i18n';
 import { dynamicTime } from 'shared/helpers/timeHelper';
 import { usePolicy } from 'dashboard/composables/usePolicy';
+import { ROLE_ADMINISTRATOR } from 'dashboard/constants/permissions.js';
 import {
   isSafeHttpLink,
   formatDocumentLink,
@@ -97,7 +98,7 @@ const modelValue = computed({
 
 const isPdf = computed(() => props.pdfDocument);
 const hasSafeLink = computed(() => isSafeHttpLink(props.externalLink));
-const canManage = computed(() => checkPermissions(['administrator']));
+const canManage = computed(() => checkPermissions([ROLE_ADMINISTRATOR]));
 const isAvailable = computed(() => props.status === 'available');
 const canSync = computed(
   () => canManage.value && !isPdf.value && isAvailable.value

frontend/app/javascript/dashboard/components-next/captain/assistant/InboxCard.vue

@@ -7,6 +7,7 @@ import CardLayout from 'dashboard/components-next/CardLayout.vue';
 import DropdownMenu from 'dashboard/components-next/dropdown-menu/DropdownMenu.vue';
 import Button from 'dashboard/components-next/button/Button.vue';
 import Policy from 'dashboard/components/policy.vue';
+import { ROLE_ADMINISTRATOR } from 'dashboard/constants/permissions.js';
 import { INBOX_TYPES, getInboxIconByType } from 'dashboard/helper/inbox';
 
 const props = defineProps({
@@ -80,7 +81,7 @@ const handleAction = ({ action, value }) => {
       <div class="flex items-center gap-2">
         <Policy
           v-on-clickaway="() => toggleDropdown(false)"
-          :permissions="['administrator']"
+          :permissions="[ROLE_ADMINISTRATOR]"
           class="relative flex items-center group"
         >
           <Button

frontend/app/javascript/dashboard/components-next/captain/assistant/ResponseCard.vue

@@ -3,6 +3,7 @@ import { computed } from 'vue';
 import { useToggle } from '@vueuse/core';
 import { useI18n } from 'vue-i18n';
 import { dynamicTime } from 'shared/helpers/timeHelper';
+import { ROLE_ADMINISTRATOR } from 'dashboard/constants/permissions.js';
 
 import CardLayout from 'dashboard/components-next/CardLayout.vue';
 import DropdownMenu from 'dashboard/components-next/dropdown-menu/DropdownMenu.vue';
@@ -142,7 +143,7 @@ const handleDocumentableClick = () => {
       <div v-if="!compact && showMenu" class="flex items-center gap-2">
         <Policy
           v-on-clickaway="() => toggleDropdown(false)"
-          :permissions="['administrator']"
+          :permissions="[ROLE_ADMINISTRATOR]"
           class="relative flex items-center group"
         >
           <Button
@@ -168,7 +169,7 @@ const handleDocumentableClick = () => {
       v-if="!compact"
       class="flex items-start justify-between flex-col-reverse md:flex-row gap-3"
     >
-      <Policy v-if="showActions" :permissions="['administrator']">
+      <Policy v-if="showActions" :permissions="[ROLE_ADMINISTRATOR]">
         <div class="flex items-center gap-2 sm:gap-5 w-full">
           <Button
             v-if="status === 'pending'"

frontend/app/javascript/dashboard/components-next/captain/pageComponents/customTool/CustomToolCard.vue

@@ -8,6 +8,7 @@ import CardLayout from 'dashboard/components-next/CardLayout.vue';
 import DropdownMenu from 'dashboard/components-next/dropdown-menu/DropdownMenu.vue';
 import Button from 'dashboard/components-next/button/Button.vue';
 import Policy from 'dashboard/components/policy.vue';
+import { ROLE_ADMINISTRATOR } from 'dashboard/constants/permissions.js';
 
 const props = defineProps({
   id: {
@@ -82,7 +83,7 @@ const authTypeLabel = computed(() => {
       <div class="flex items-center gap-2">
         <Policy
           v-on-clickaway="() => toggleDropdown(false)"
-          :permissions="['administrator']"
+          :permissions="[ROLE_ADMINISTRATOR]"
           class="relative flex items-center group"
         >
           <Button

frontend/app/javascript/dashboard/components-next/captain/pageComponents/emptyStates/AssistantPageEmptyState.vue

@@ -5,6 +5,7 @@ import Button from 'dashboard/components-next/button/Button.vue';
 import AssistantCard from 'dashboard/components-next/captain/assistant/AssistantCard.vue';
 import FeatureSpotlight from 'dashboard/components-next/feature-spotlight/FeatureSpotlight.vue';
 import { assistantsList } from 'dashboard/components-next/captain/pageComponents/emptyStates/captainEmptyStateContent.js';
+import { ROLE_ADMINISTRATOR } from 'dashboard/constants/permissions.js';
 
 const emit = defineEmits(['click']);
 const { isOnChatwootCloud } = useAccount();
@@ -27,7 +28,7 @@ const onClick = () => {
   <EmptyStateLayout
     :title="$t('CAPTAIN.ASSISTANTS.EMPTY_STATE.TITLE')"
     :subtitle="$t('CAPTAIN.ASSISTANTS.EMPTY_STATE.SUBTITLE')"
-    :action-perms="['administrator']"
+    :action-perms="[ROLE_ADMINISTRATOR]"
   >
     <template #empty-state-item>
       <div class="grid grid-cols-1 gap-4 p-px overflow-hidden">

frontend/app/javascript/dashboard/components-next/captain/pageComponents/emptyStates/CustomToolsPageEmptyState.vue

@@ -3,6 +3,7 @@ import { useAccount } from 'dashboard/composables/useAccount';
 import EmptyStateLayout from 'dashboard/components-next/EmptyStateLayout.vue';
 import FeatureSpotlight from 'dashboard/components-next/feature-spotlight/FeatureSpotlight.vue';
 import Button from 'dashboard/components-next/button/Button.vue';
+import { ROLE_ADMINISTRATOR } from 'dashboard/constants/permissions.js';
 
 const emit = defineEmits(['click']);
 const { isOnChatwootCloud } = useAccount();
@@ -25,7 +26,7 @@ const onClick = () => {
   <EmptyStateLayout
     :title="$t('CAPTAIN.CUSTOM_TOOLS.EMPTY_STATE.TITLE')"
     :subtitle="$t('CAPTAIN.CUSTOM_TOOLS.EMPTY_STATE.SUBTITLE')"
-    :action-perms="['administrator']"
+    :action-perms="[ROLE_ADMINISTRATOR]"
   >
     <template #empty-state-item>
       <div class="min-h-[600px]" />

frontend/app/javascript/dashboard/components-next/captain/pageComponents/emptyStates/DocumentPageEmptyState.vue

@@ -6,6 +6,7 @@ import Button from 'dashboard/components-next/button/Button.vue';
 import DocumentCard from 'dashboard/components-next/captain/assistant/DocumentCard.vue';
 import FeatureSpotlight from 'dashboard/components-next/feature-spotlight/FeatureSpotlight.vue';
 import { documentsList } from 'dashboard/components-next/captain/pageComponents/emptyStates/captainEmptyStateContent.js';
+import { ROLE_ADMINISTRATOR } from 'dashboard/constants/permissions.js';
 
 const emit = defineEmits(['click']);
 const { isOnChatwootCloud } = useAccount();
@@ -30,7 +31,7 @@ const onClick = () => {
   <EmptyStateLayout
     :title="$t('CAPTAIN.DOCUMENTS.EMPTY_STATE.TITLE')"
     :subtitle="$t('CAPTAIN.DOCUMENTS.EMPTY_STATE.SUBTITLE')"
-    :action-perms="['administrator']"
+    :action-perms="[ROLE_ADMINISTRATOR]"
   >
     <template #empty-state-item>
       <div class="grid grid-cols-1 gap-4 p-px overflow-hidden">

frontend/app/javascript/dashboard/components-next/captain/pageComponents/emptyStates/InboxPageEmptyState.vue

@@ -1,6 +1,7 @@
 <script setup>
 import EmptyStateLayout from 'dashboard/components-next/EmptyStateLayout.vue';
 import Button from 'dashboard/components-next/button/Button.vue';
+import { ROLE_ADMINISTRATOR } from 'dashboard/constants/permissions.js';
 import InboxCard from 'dashboard/components-next/captain/assistant/InboxCard.vue';
 import { inboxes } from 'dashboard/components-next/captain/pageComponents/emptyStates/captainEmptyStateContent.js';
 
@@ -15,7 +16,7 @@ const onClick = () => {
   <EmptyStateLayout
     :title="$t('CAPTAIN.INBOXES.EMPTY_STATE.TITLE')"
     :subtitle="$t('CAPTAIN.INBOXES.EMPTY_STATE.SUBTITLE')"
-    :action-perms="['administrator']"
+    :action-perms="[ROLE_ADMINISTRATOR]"
   >
     <template #empty-state-item>
       <div class="grid grid-cols-1 gap-4 p-px overflow-hidden">

frontend/app/javascript/dashboard/components-next/captain/pageComponents/emptyStates/ResponsePageEmptyState.vue

@@ -8,6 +8,7 @@ import FeatureSpotlight from 'dashboard/components-next/feature-spotlight/Featur
 import { responsesList } from 'dashboard/components-next/captain/pageComponents/emptyStates/captainEmptyStateContent.js';
 
 import { computed } from 'vue';
+import { ROLE_ADMINISTRATOR } from 'dashboard/constants/permissions.js';
 
 const props = defineProps({
   variant: {
@@ -56,7 +57,7 @@ const onClearFilters = () => {
         : $t('CAPTAIN.RESPONSES.EMPTY_STATE.TITLE')
     "
     :subtitle="isApproved ? $t('CAPTAIN.RESPONSES.EMPTY_STATE.SUBTITLE') : ''"
-    :action-perms="['administrator']"
+    :action-perms="[ROLE_ADMINISTRATOR]"
     :show-backdrop="isApproved"
   >
     <template v-if="isApproved" #empty-state-item>