@7365admin1/layer-common 1.10.8 → 1.10.10

package/components/Tooltip/Info.vue

@@ -0,0 +1,33 @@
+<template>
+    <v-tooltip v-bind="$attrs" :text="text" @click.stop>
+        <template v-slot:activator="{ props: activatorProps }">
+            <v-btn icon="mdi-information-symbol" v-bind="activatorProps" class="p-0 m-0 d-flex align-center"
+                :density="density" :size="size" color="primary-button" />
+        </template>
+    </v-tooltip>
+</template>
+
+<script setup lang="ts">
+
+import type { VTooltip} from "vuetify/components"
+
+type TTooltipDensity = VTooltip["$props"]["density"]
+
+const props = defineProps({
+    text: {
+        type: String,
+        default: ""
+    },
+     size: {
+        type: String,
+        default: ""
+    },
+    density: {
+        type: String as PropType<TTooltipDensity>,
+        default: "default"
+    }
+})
+
+</script>
+
+<style scoped></style>

package/components/VisitorForm.vue

@@ -110,6 +110,36 @@
             </v-col>
           </template>
 
+          <template v-if="shouldShowField('delivery-company')">
+            <v-col cols="12">
+              <InputLabel class="text-capitalize" title="Delivery Company" />
+              <v-combobox v-model="deliveryCompany" v-model:search="deliveryCompanyInput" ref="companyCombo"
+                autocomplete="off" :hide-no-data="false" :items="deliveryCompanyList" item-value="value"
+                :loading="siteDataPending" variant="outlined"
+                density="comfortable" persistent-hint small-chips>
+                <template v-slot:no-data>
+                  <v-list-item>
+                    <v-list-item-title v-if="fetchCompanyListPending">
+                      <v-progress-circular indeterminate size="20" class="mr-3" />
+                      Searching companies…
+                    </v-list-item-title>
+                    <v-list-item-title v-else-if="companyNameInput" @click.stop="handleAddNewCompany"
+                      class="d-flex align-center ga-1">
+                      <span><v-icon icon="mdi-plus" /></span>Add "<strong>{{ companyNameInput }}</strong>" as new
+                      company.
+                    </v-list-item-title>
+                    <v-list-item-title v-else-if="!companyNameInput && companyNames.length === 0">
+                      Start typing to search for companies.
+                    </v-list-item-title>
+                    <v-list-item-title v-else>
+                      No companies available. Start typing to add a new one.
+                    </v-list-item-title>
+                  </v-list-item>
+                </template>
+              </v-combobox>
+            </v-col>
+          </template>
+
 
           <v-col v-if="shouldShowField('plateNumber')" cols="12">
             <v-row>
@@ -144,7 +174,8 @@
 
           <v-col v-if="shouldShowField('unit')" cols="12">
             <InputLabel class="text-capitalize" title="Registered Unit Company Name" required />
-            <v-text-field v-model.trim="registeredUnitCompanyName" density="comfortable" :loading="buildingUnitDataPending" readonly class="no-pointer" />
+            <v-text-field v-model.trim="registeredUnitCompanyName" density="comfortable"
+              :loading="buildingUnitDataPending" readonly class="no-pointer" />
           </v-col>
 
           <v-col v-if="shouldShowField('remarks')" cols="12">
@@ -154,10 +185,16 @@
 
           <v-col v-if="prop.type === 'contractor' && contractorStep === 2" cols="12">
             <PassInformation />
-            <EntryPassInformation v-if="entryPassSettings?.data?.settings?.nfcPass" v-model="passType"
-              v-model:quantity="passQuantity" v-model:cards="passCards" :settings="entryPassSettings"
-              :loading="entryPassSettingsPending" @scan:barcode="$emit('scan:barcode')"
-              @scan:camera="$emit('scan:camera')" />
+            <EntryPassInformation
+              v-if="entryPassSettings?.data?.settings?.nfcPass"
+              v-model="passType"
+              v-model:quantity="passQuantity"
+              v-model:cards="passCards"
+              :settings="entryPassSettings"
+              :loading="entryPassSettingsPending"
+              :site-id="prop.site"
+              :unit-id="visitor.unit || null"
+            />
           </v-col>
 
           <v-col v-if="prop.type === 'contractor' && contractorStep === 3" cols="12">
@@ -190,8 +227,8 @@
             prop.type === 'contractor' &&
             contractorStep > 1
           " tile block variant="text" class="text-none" size="48" @click="handleGoToPreviousPage" text="Back" />
-          <v-btn v-else-if="prop.mode === 'add' || prop.mode === 'register'" tile block variant="text" class="text-none" size="48"
-            @click="backToSelection" text="Back to Selection" />
+          <v-btn v-else-if="prop.mode === 'add' || prop.mode === 'register'" tile block variant="text" class="text-none"
+            size="48" @click="backToSelection" text="Back to Selection" />
           <v-btn v-else tile block variant="text" class="text-none" size="48" @click="emit('close:all')" text="Close" />
         </v-col>
         <v-col cols="6">
@@ -209,6 +246,44 @@
         :vehicle-number-users-list="vehicleNumberUserItems" @close="dialog.vehicleNumberUsersList = false"
         @update:people="handleAutofillDataViaVehicleNumber" />
     </v-dialog>
+
+    <v-dialog v-model="dialog.showNonCheckedOutDialog" max-width="700" persistent>
+      <v-card :loading="loading.checkingOut">
+        <v-toolbar>
+          <v-toolbar-title>
+            <v-row no-gutters class="d-flex align-center justify-space-between">
+              <span class="font-weight-bold">
+                You have an unchecked-out vehicle for: {{ visitor.plateNumber }}
+              </span>
+            </v-row>
+          </v-toolbar-title>
+        </v-toolbar>
+
+        <v-card-text>
+
+          <v-list lines="three">
+            <v-list-item v-if="matchingPlateNumberNonCheckedOutArr.length > 0"
+              v-for="v in matchingPlateNumberNonCheckedOutArr" :key="v._id" class="cursor-pointer">
+              <v-list-item-title>
+                {{ v.plateNumber }} - {{ v.name }}
+              </v-list-item-title>
+
+              <v-list-item-subtitle>
+                Checked In at : {{ UTCToLocalTIme(v.checkIn) }}
+              </v-list-item-subtitle>
+
+              <template #append>
+                <v-btn size="x-small" class="text-capitalize" color="red" text="Checkout"
+                  :loading="loading.checkingOut && v?._id === prop.visitorData?._id"
+                  @click.stop="handleCheckout(v._id)" />
+              </template>
+
+            </v-list-item>
+          </v-list>
+
+        </v-card-text>
+      </v-card>
+    </v-dialog>
   </v-card>
 </template>
 
@@ -243,12 +318,12 @@ type AutofillSource = "nric" | "contact" | "vehicleNumber" | null;
 const currentAutofillSource = ref<AutofillSource>(null);
 
 
-const { requiredRule, debounce } = useUtils();
+const { requiredRule, debounce, UTCToLocalTIme } = useUtils();
 const { getSiteById, getSiteLevels, getSiteUnits } = useSiteSettings();
-const { createVisitor, typeFieldMap, contractorTypes } = useVisitor();
+const { createVisitor, typeFieldMap, contractorTypes, getVisitors, updateVisitor } = useVisitor();
 const { getBySiteId: getEntryPassSettingsBySiteId } = useSiteEntryPassSettings();
 const { findPersonByNRIC, findPersonByContact, searchCompanyList, findUsersByPlateNumber } = usePeople()
-const { getById: getUnitDataById} = useBuildingUnit()
+const { getById: getUnitDataById } = useBuildingUnit()
 
 const emit = defineEmits([
   "back",
@@ -278,15 +353,20 @@ const visitor = reactive<Partial<TVisitorPayload>>({
 });
 
 const passType = ref("");
-const passQuantity = ref<number | null>(null);
+const passQuantity = ref<number | null>(1);
 const passCards = ref<string[]>([]);
 
 const registeredUnitCompanyName = ref('N/A')
 
 const dialog = reactive({
   vehicleNumberUsersList: false,
+  showNonCheckedOutDialog: false,
 });
 
+const loading = reactive({
+  checkingOut: false,
+})
+
 const validForm = ref(false);
 const formRef = ref<HTMLFormElement | null>(null);
 const processing = ref(false);
@@ -306,11 +386,17 @@ const blocksArray = ref<TDefaultOptionObj[]>([]);
 const levelsArray = ref<TDefaultOptionObj[]>([]);
 const unitsArray = ref<TDefaultOptionObj[]>([]);
 
+const deliveryCompany = ref("");
+const deliveryCompanyInput = ref("");
+const deliveryCompanyList = ref<string[]>([]);
+
+const matchingPlateNumberNonCheckedOutArr = ref<TVisitor[]>([])
+
 
 const vehicleNumberUserItems = ref<TPeople[]>([])
 
 
-const shouldShowField = (fieldKey: keyof TVisitorPayload) => {
+const shouldShowField = (fieldKey: keyof TVisitorPayload | 'delivery-company') => {
   if (prop.type !== "contractor" || contractorStep.value === 1) {
     const visibleFields = typeFieldMap[prop.type];
     return visibleFields?.includes(fieldKey);
@@ -466,25 +552,70 @@ watch(fetchCompanyListReq, (arr) => {
   }
 })
 const {
-  data: fetchVehicleNumberUserReq,
-  refresh: fetchVehicleNumberUserRefresh,
-  pending: fetchVehicleNumberUserPending,
+  data: fetchVisitorListByVehicleNumberReq,
+  refresh: fetchVisitorListByVehicleNumberRefresh,
+  pending: fetchVisitorListByVehicleNumberPending,
 
-} = useLazyAsyncData(`fetch-vehicle-number-user-list`, () => {
+} = useLazyAsyncData(`fetch-visitor-list-by-vehicle-number`, () => {
   if (!visitor.plateNumber) return Promise.resolve(null)
-  return findUsersByPlateNumber(visitor.plateNumber)
+  return getVisitors({ page: 1, limit: 20, site: prop.site, plateNumber: visitor.plateNumber, checkedOut: false, status: "registered" })
 })
 
-watch(fetchVehicleNumberUserReq, (arr) => {
-  const arrayData = arr?.data
-  if (Array.isArray(arrayData)) {
-    vehicleNumberUserItems.value = arrayData;
-    if (arrayData.length > 0) {
-      dialog.vehicleNumberUsersList = true
-    }
+watch(fetchVisitorListByVehicleNumberReq, (arr: any) => {
+  const itemsArray = arr?.items || []
+  const isValidArray = Array.isArray(itemsArray)
+  matchingPlateNumberNonCheckedOutArr.value = isValidArray ? itemsArray : []
+  if(matchingPlateNumberNonCheckedOutArr.value.length > 0) {
+    dialog.showNonCheckedOutDialog = true;
+  } else {
+    dialog.showNonCheckedOutDialog = false;
   }
 })
 
+
+const debounceSearchVisitorsByPlateNumbers = debounce(() => {
+  if (!visitor.plateNumber) {
+    matchingPlateNumberNonCheckedOutArr.value = []
+    dialog.showNonCheckedOutDialog = false;
+    return;
+  }
+  fetchVisitorListByVehicleNumberRefresh();
+}, 300);
+
+watch(() => visitor.plateNumber, (newVal) => {
+  debounceSearchVisitorsByPlateNumbers();
+});
+
+
+
+async function handleCheckout(visitorId: string) {
+  if (!visitorId) {
+    errorMessage.value = "Invalid visitor ID. Cannot proceed with checkout.";
+    return;
+  }
+
+  try {
+    loading.checkingOut = true;
+    const res = await updateVisitor(visitorId as string, {
+      checkOut: new Date().toISOString(),
+    });
+    if (res) {
+      await fetchVisitorListByVehicleNumberRefresh(); 
+
+    }
+  } catch (error: any) {
+    const errorMessage = error?.response?._data?.message;
+    console.log("[ERROR]", error);
+    errorMessage.value =
+      errorMessage || "An error occurred while checking out the vehicle.";
+  } finally {
+    loading.checkingOut = false;
+  }
+}
+
+
+
+
 const debounceFetchCompany = debounce(async () => fetchCompanyListRefresh(), 200)
 
 watch(companyNameInput, async (val) => {
@@ -496,19 +627,7 @@ watch(companyNameInput, async (val) => {
 })
 
 
-const debounceSearchVehicleUsers = debounce(() => {
-  if (!visitor.plateNumber) {
-    vehicleNumberUserItems.value = [];
-    dialog.vehicleNumberUsersList = false;
-    return;
-  }
-  fetchVehicleNumberUserRefresh();
-}, 300);
 
-watch(() => visitor.plateNumber, (newVal) => {
-  if (currentAutofillSource.value && currentAutofillSource.value !== "vehicleNumber") return;
-  debounceSearchVehicleUsers();
-});
 
 
 function handleAutofillDataViaVehicleNumber(item: TPeople) {
@@ -549,6 +668,7 @@ const {
   data: siteData,
   refresh: refreshSiteData,
   status: blockStatus,
+  pending: siteDataPending,
 } = useLazyAsyncData(`fetch-site-data-${prop.site}`, () =>
   getSiteById(prop.site)
 );
@@ -580,7 +700,7 @@ const {
 watch(
   siteData,
   (newVal) => {
-    const siteDataValue = newVal as any;
+    const siteDataValue = newVal as TSite;
     if (siteDataValue) {
       const numberOfBlocks = siteDataValue.metadata?.block || 0;
       for (let i = 1; i <= numberOfBlocks; i++) {
@@ -589,6 +709,9 @@ watch(
           value: i,
         });
       }
+
+      deliveryCompanyList.value = Array.isArray(siteDataValue?.deliveryCompanyList) ? siteDataValue.deliveryCompanyList : [];
+
     } else {
       blocksArray.value = [];
     }
@@ -766,12 +889,20 @@ async function submit() {
 
 
   if (prop.type === "contractor") {
-      // contractor type logic payload
-      payload = {
-        ...payload,
-        members: visitor.members,
-      };
+    // contractor type logic payload
+    payload = {
+      ...payload,
+      members: visitor.members,
+    };
+  }
+
+  if(prop.type === "delivery"){
+    payload = {
+      ...payload,
+      company: deliveryCompany.value
     }
+  }
+
   try {
     const res = await createVisitor(payload);
     if (res) {
@@ -801,9 +932,9 @@ onMounted(() => {
   contractorStep.value = 1;
   currentAutofillSource.value = null;
 
-  if(prop.mode === 'register' && prop.visitorData) {
-    console.log('Register mode, prefill visitor data', prop.visitorData?.plateNumber )
-   visitor.plateNumber = prop.visitorData?.plateNumber || ""
+  if (prop.mode === 'register' && prop.visitorData) {
+    console.log('Register mode, prefill visitor data', prop.visitorData?.plateNumber)
+    visitor.plateNumber = prop.visitorData?.plateNumber || ""
   }
 });
 </script>

package/components/VisitorManagement.vue

@@ -89,13 +89,19 @@
           <span class="text-capitalize">{{
             UTCToLocalTIme(item.checkIn) || "-"
           }}</span>
+          <span>
+            <v-icon v-if="item?.snapshotEntryImage" size="17" icon="mdi-image" @click.stop="handleViewImage(item.snapshotEntryImage)" />
+          </span>
         </span>
         <span class="d-flex align-center ga-2">
           <v-icon icon="mdi-clock-time-eight-outline" color="red" size="20" />
           <template v-if="item.checkOut">
             <span class="text-capitalize">{{
-              UTCToLocalTIme(item.checkOut) || "_"
+              UTCToLocalTIme(item.checkOut) || "-"
             }}</span>
+            <span>
+              <v-icon v-if="item?.snapshotExitImage" size="17" icon="mdi-image" @click.stop="handleViewImage(item.snapshotExitImage)" />
+            </span>
             <span v-if="item?.manualCheckout">
               <TooltipInfo text="Manual Checkout" density="compact" size="x-small" />
             </span>
@@ -120,8 +126,9 @@
     </v-dialog>
 
     <v-dialog v-model="dialog.showForm" v-if="activeVisitorFormType" width="450" persistent>
-      <VisitorForm :mode="mode" :org="orgId" :site="siteId" :visitor-data="selectedVisitorDataObject" :type="activeVisitorFormType" @back="handleClickBack"
-        @done="handleVisitorFormDone" @done:more="handleVisitorFormCreateMore" @close:all="handleCloseAll" />
+      <VisitorForm :mode="mode" :org="orgId" :site="siteId" :visitor-data="selectedVisitorDataObject"
+        :type="activeVisitorFormType" @back="handleClickBack" @done="handleVisitorFormDone"
+        @done:more="handleVisitorFormCreateMore" @close:all="handleCloseAll" />
     </v-dialog>
 
     <v-dialog v-model="dialog.viewVisitor" width="450" persistent>
@@ -200,6 +207,7 @@ const {
 const { debounce, formatCamelCaseToWords, formatDate, UTCToLocalTIme } =
   useUtils();
 const { formatLocation } = useSecurityUtils();
+const {  getFileUrlAnpr } = useFile();
 // const { status: visitorStatus, search } = useRoute().query as { status: string, search: string};
 
 const route = useRoute()
@@ -276,8 +284,11 @@ const formattedFields = {
   level: "Level",
   unitName: "Unit",
   checkIn: "Check In",
+  snapshotEntryImage: "Entry Image",
   checkOut: "Check Out",
+  snapshotExitImage: "Exit Image",
   remarks: "Remarks",
+
 } as const;
 
 function filterTypeSelectionLabel() {
@@ -326,7 +337,7 @@ const {
       params.status = activeTab.value
     } else if (activeTab.value === "guests") {
       params.type = "guest"
-      params.status = undefined
+      params.status = "pending"
     }
 
     return await getVisitors(params)
@@ -348,11 +359,11 @@ watch(getVisitorReq, (newData: any) => {
 });
 
 const selectedVisitorObject = computed(() => {
+
   const obj = items.value.find((x: any) => x?._id === selectedVisitorId.value);
   if (!obj) return {};
   const type = obj?.type as TVisitorType | undefined;
-  if (!type) return {};
-  let includedKeys: string[] = ["checkIn", "checkOut"];
+  let includedKeys: string[] = ["checkIn", "checkOut", "plateNumber", "snapshotEntryImage", "snapshotExitImage"];
   includedKeys.unshift(...(typeFieldMap[type] ?? []));
   return Object.fromEntries(
     Object.entries(obj).filter(([key]) => includedKeys.includes(key))
@@ -434,6 +445,12 @@ function handleRegistrationUnregisteredVisitor(item: Partial<TVisitor>) {
   mode.value = "register";
 }
 
+function handleViewImage(imageId: string) {
+  const imageEndpoint = `${siteId}/${imageId}`;
+  const imageUrl = getFileUrlAnpr(imageEndpoint);
+  window.open(imageUrl, "_blank");
+}
+
 
 async function handleProceedDeleteVisitor() {
   try {

package/composables/useAccessManagement.ts

@@ -55,10 +55,7 @@ export default function useAccessManagement() {
     );
   }
 
-  function getAllAccessCardsCounts(params: {
-    site: string;
-    userType: string;
-  }) {
+  function getAllAccessCardsCounts(params: { site: string; userType: string }) {
     return useNuxtApp().$api<Record<string, any>>(
       `/api/access-management/all-access-cards-counts`,
       {
@@ -71,14 +68,16 @@ export default function useAccessManagement() {
     );
   }
 
-  function getUserTypeAccessCards(params: {
-    page?: number;
-    limit?: number;
-    search?: string;
-    organization?: string;
-    userType?: string;
-    site?: string;
-  } = {}) {
+  function getUserTypeAccessCards(
+    params: {
+      page?: number;
+      limit?: number;
+      search?: string;
+      organization?: string;
+      userType?: string;
+      site?: string;
+    } = {}
+  ) {
     return useNuxtApp().$api<Record<string, any>>(
       `/api/access-management/user-type-access-cards`,
       {
@@ -200,12 +199,14 @@ export default function useAccessManagement() {
     );
   }
 
-  function getVisitorAccessCards(params: {
-    page?: number;
-    limit?: number;
-    site?: string;
-    search?: string;
-  } = {}) {
+  function getVisitorAccessCards(
+    params: {
+      page?: number;
+      limit?: number;
+      site?: string;
+      search?: string;
+    } = {}
+  ) {
     return useNuxtApp().$api<Record<string, any>>(
       `/api/access-management/visitor-access-cards`,
       {
@@ -221,6 +222,45 @@ export default function useAccessManagement() {
     );
   }
 
+  function getAvailableContractorCards(params: {
+    type: "NFC" | "QRCODE";
+    siteId: string;
+    unitId: string;
+    page?: number;
+    limit?: number;
+  }) {
+    return useNuxtApp().$api<Record<string, any>>(
+      `/api/access-management/available-card-contractor/${params.type}`,
+      {
+        method: "GET",
+        query: {
+          siteId: params.siteId,
+          unitId: params.unitId,
+          page: params.page ?? 1,
+          limit: params.limit ?? 100,
+        },
+      }
+    );
+  }
+
+  function generateQrVms(params: {
+    site: string;
+    unitId: string;
+    quantity: number;
+  }) {
+    return useNuxtApp().$api<Record<string, any>>(
+      `/api/access-management/generate-qr-vms`,
+      {
+        method: "POST",
+        body: {
+          site: params.site,
+          unitId: params.unitId,
+          quantity: params.quantity,
+        },
+      }
+    );
+  }
+
   return {
     getDoorAccessLevels,
     getLiftAccessLevels,
@@ -238,5 +278,7 @@ export default function useAccessManagement() {
     getVisitorAccessCards,
     saveVisitorAccessCardQrTag,
     getAllVisitorAccessCardsQrTags,
+    getAvailableContractorCards,
+    generateQrVms,
   };
 }

package/composables/useBulletin.ts

@@ -1,12 +1,17 @@
+import type { APP_CONSTANTS } from "../constants/app";
+
 export default function(){
 
-  const recipientList: { title: string, value: TAnnouncementRecipients }[] = [
-    // resident | security_agency | cleaning_services | mechanical_electrical | property_management_agency
+  const recipientList: { title: string, value: typeof APP_CONSTANTS[keyof typeof APP_CONSTANTS] }[] = [
     { title: "Security Agency", value: "security_agency" },
     { title: "Cleaning Services", value: "cleaning_services" },
     { title: "Mechanical & Electrical", value: "mechanical_electrical" },
     { title: "Property Management Agency", value: "property_management_agency" },
-    { title: "Resident", value: "resident" }
+    { title: "Resident", value: "resident" },
+    { title: "Pest Control", value: "pest_control_services" },
+    { title: "Landscaping", value: "landscaping_services" },
+    { title: "Pool Maintenance", value: "pool_maintenance_services" },
+
 ]
 
   async function add(payload: Partial<TCreateAnnouncementPayload>) {

package/composables/useBulletinBoardPermission.ts

@@ -0,0 +1,48 @@
+import { useCommonPermissions } from "./useCommonPermission";
+
+export function useBulletinBoardPermission() {
+  const { hasPermission } = usePermission();
+  const { bulletinBoardPermissions: permissions } = useCommonPermissions();
+
+  const { userAppRole } = useLocalSetup();
+
+  const canViewBulletinBoard = computed(() => {
+    if (!userAppRole.value) return true;
+    if (userAppRole.value.permissions.includes("*")) return true;
+    return hasPermission(userAppRole.value, permissions, "bulletin-board", "see-all-bulletin-boards");
+  });
+
+  const canCreateBulletinBoard = computed(() => {
+    if (!userAppRole.value) return true;
+    if (userAppRole.value.permissions.includes("*")) return true;
+    return hasPermission(userAppRole.value, permissions, "bulletin-board", "add-bulletin-board");
+  });
+
+  const canUpdateBulletinBoard = computed(() => {
+    if (!userAppRole.value) return true;
+    if (userAppRole.value.permissions.includes("*")) return true;
+    return hasPermission(userAppRole.value, permissions, "bulletin-board", "update-bulletin-board");
+  });
+
+  const canViewBulletinBoardDetails = computed(() => {
+    if (!userAppRole.value) return true;
+    if (userAppRole.value.permissions.includes("*")) return true;
+    return hasPermission(userAppRole.value, permissions, "bulletin-board", "see-bulletin-board-details");
+  });
+
+
+
+  const canDeleteBulletinBoard = computed(() => {
+    if (!userAppRole.value) return true;
+    if (userAppRole.value.permissions.includes("*")) return true;
+    return hasPermission(userAppRole.value, permissions, "bulletin-board", "delete-bulletin-board");
+  });
+
+  return {
+    canViewBulletinBoard,
+    canCreateBulletinBoard,
+    canUpdateBulletinBoard,
+    canViewBulletinBoardDetails,
+    canDeleteBulletinBoard,
+  };
+}

package/composables/useCleaningPermission.ts

@@ -5,6 +5,7 @@ export default function useCleaningPermission() {
     feedbackPermissions,
     workOrderPermissions,
     invitationPermissions,
+    bulletinBoardPermissions,
   } = useCommonPermissions();
   const permissions: TPermissions = {
     members: memberPermissions,
@@ -12,6 +13,7 @@ export default function useCleaningPermission() {
     work_order: workOrderPermissions,
     roles: rolePermissions,
     invitations: invitationPermissions,
+    "bulletin-board": bulletinBoardPermissions,
     inventory: {
       "view-inventory": {
         check: true,