@7365admin1/layer-common 1.11.21 → 1.11.23

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @iservice365/layer-common
 
+## 1.11.23
+
+### Patch Changes
+
+- 6d68511: Update layer-comon qr code package
+
+## 1.11.22
+
+### Patch Changes
+
+- 00a8179: Update Layer-common changes
+
 ## 1.11.21
 
 ### Patch Changes

package/components/AddPassKeyToVisitor.vue

@@ -123,7 +123,7 @@ const emit = defineEmits<{
 }>()
 
 const { getPassKeysByPageSearch } = usePassKey()
-const { updateVisitor } = useVisitor()
+const { updateVisitorPassKey } = useVisitor()
 
 const processing = ref(false)
 const errorMessage = ref('')
@@ -232,28 +232,28 @@ async function handleSubmit() {
     processing.value = true
 
     try {
-        const payload: Partial<TVisitorPayload> = {}
+        const payload: any = {}
 
         // Build final pass list: kept existing + newly selected
-        const finalPasses: { keyId: string; status: string }[] = []
+        const finalPasses: { keyId: string }[] = []
         if (existingPass.value) {
-            finalPasses.push({ keyId: existingPass.value.keyId, status: 'In Use' })
+            finalPasses.push({ keyId: existingPass.value.keyId })
         }
         if (selectedPass.value) {
-            finalPasses.push({ keyId: selectedPass.value, status: 'In Use' })
+            finalPasses.push({ keyId: selectedPass.value})
         }
         payload.visitorPass = finalPasses
 
         // Build final keys list: kept existing + newly selected
         if (showKeys.value) {
-            const finalKeys: { keyId: string; status: string }[] = [
-                ...existingKeys.value.map(k => ({ keyId: k.keyId, status: 'In Use' })),
-                ...selectedKeys.value.map(keyId => ({ keyId, status: 'In Use' })),
+            const finalKeys: { keyId: string}[] = [
+                ...existingKeys.value.map(k => ({ keyId: k.keyId })),
+                ...selectedKeys.value.map(keyId => ({ keyId })),
             ]
             payload.passKeys = finalKeys
         }
 
-        await updateVisitor(prop.visitor._id, payload)
+        await updateVisitorPassKey(prop.visitor._id, payload)
         emit('done')
         emit('close')
     } catch (error: any) {

package/components/AreaMain.vue

@@ -357,7 +357,6 @@
 import QrcodeVue from "qrcode.vue";
 import useAreas from "../composables/useAreas";
 import useUnits from "../composables/useUnits";
-import { useAreaPermission } from "../composables/useAreaPermission";
 import useSiteSettings from "../composables/useSiteSettings";
 import useUtils from "../composables/useUtils";
 
@@ -367,6 +366,11 @@ const props = defineProps({
   type: { type: String, default: "" },
   serviceType: { type: String, default: "" },
   scheduleRoute: { type: String, default: "cleaning-schedule" },
+  canViewAreas: { type: Boolean, default: true },
+  canCreateArea: { type: Boolean, default: false },
+  canUpdateArea: { type: Boolean, default: false },
+  canDeleteArea: { type: Boolean, default: false },
+  canImportArea: { type: Boolean, default: false },
 });
 
 const isCleanerArea = computed(() => {
@@ -553,13 +557,11 @@ function showMessage(msg: string, color: string = "error") {
   messageSnackbar.value = true;
 }
 
-const {
-  canCreateArea,
-  canUpdateArea,
-  canDeleteArea,
-  canImportArea,
-  canViewAreas,
-} = useAreaPermission();
+const canCreateArea = computed(() => props.canCreateArea);
+const canUpdateArea = computed(() => props.canUpdateArea);
+const canDeleteArea = computed(() => props.canDeleteArea);
+const canImportArea = computed(() => props.canImportArea);
+const canViewAreas = computed(() => props.canViewAreas);
 
 async function handleDownloadExcel() {
   try {

package/components/AttendanceMain.vue

@@ -61,20 +61,20 @@
 
 <script setup lang="ts">
 import useAttendance from "../composables/useAttendance";
-import { useAttendancePermission } from "../composables/useAttendancePermission";
 import useUtils from "../composables/useUtils";
 
 const props = defineProps({
   orgId: { type: String, default: "" },
   site: { type: String, default: "" },
   serviceType: { type: String, default: "" },
+  canViewAllAttendance: { type: Boolean, default: true },
+  canViewAttendanceDetails: { type: Boolean, default: true },
+  canManageAttendanceSettings: { type: Boolean, default: false },
 });
 
-const {
-  canViewAllAttendance,
-  canViewAttendanceDetails,
-  canManageAttendanceSettings,
-} = useAttendancePermission();
+const canViewAllAttendance = computed(() => props.canViewAllAttendance);
+const canViewAttendanceDetails = computed(() => props.canViewAttendanceDetails);
+const canManageAttendanceSettings = computed(() => props.canManageAttendanceSettings);
 
 const submitting = ref(false);
 const page = ref(1);

package/components/CleaningScheduleMain.vue

@@ -102,7 +102,6 @@
 </template>
 
 <script lang="ts" setup>
-import { useCleaningSchedulePermission } from "../composables/useCleaningSchedulePermission";
 import useCleaningSchedules from "../composables/useCleaningSchedules";
 import useUtils from "../composables/useUtils";
 
@@ -112,6 +111,10 @@ const props = defineProps({
   type: { type: String, required: true },
   serviceType: { type: String, default: "" },
   scheduleRoute: { type: String, default: "cleaning-schedule" },
+  canViewSchedules: { type: Boolean, default: true },
+  canViewScheduleDetails: { type: Boolean, default: true },
+  canDownloadSchedule: { type: Boolean, default: false },
+  canManageScheduleTasks: { type: Boolean, default: false },
 });
 
 const startDate = ref("");
@@ -172,12 +175,10 @@ const getCloseInColor = (id: string): string => {
   return "primary";
 };
 
-const {
-  canDownloadSchedule,
-  canViewSchedules,
-  canViewScheduleDetails,
-  canManageScheduleTasks,
-} = useCleaningSchedulePermission();
+const canDownloadSchedule = computed(() => props.canDownloadSchedule);
+const canViewSchedules = computed(() => props.canViewSchedules);
+const canViewScheduleDetails = computed(() => props.canViewScheduleDetails);
+const canManageScheduleTasks = computed(() => props.canManageScheduleTasks);
 
 const {
   data: getCleanerChecklistReq,

package/components/ManageChecklistMain.vue

@@ -300,7 +300,6 @@
 </template>
 
 <script setup lang="ts">
-import { useCleaningSchedulePermission } from "../composables/useCleaningSchedulePermission";
 import useCleaningSchedules from "../composables/useCleaningSchedules";
 import useCustomerSite from "../composables/useCustomerSite";
 import useFile from "../composables/useFile";
@@ -313,13 +312,15 @@ const props = defineProps({
   scheduleAreaId: { type: String, default: "" },
   type: { type: String, default: "cleaner" },
   serviceType: { type: String, default: "" },
+  canAddRemarks: { type: Boolean, default: false },
+  canManageScheduleTasks: { type: Boolean, default: false },
 });
 
 const { getUnitCleanerChecklist, updateUnitChecklist } = useCleaningSchedules();
 const { getBySiteAsServiceProvider } = useCustomerSite();
 const { back } = useUtils();
-const { canAddRemarks, canManageScheduleTasks } =
-  useCleaningSchedulePermission();
+const canAddRemarks = computed(() => props.canAddRemarks);
+const canManageScheduleTasks = computed(() => props.canManageScheduleTasks);
 
 const selectedScheduleStatus = useState<string>(
   "selectedScheduleStatus",

package/components/MemberInformation.vue

@@ -2,9 +2,9 @@
     <v-row no-gutters class="w-100">
         <v-card class="w-100">
             <v-card-text>
-                <v-btn block color="primary-button" :height="40" text="Scan QR Code" class="text-capitalize" disabled
-                    prepend-icon="mdi-qrcode" />
-                <v-form ref="formRef" v-model="validForm" :disabled="processing" @click="errorMessage = ''">
+                <v-btn block color="primary-button" :height="40" text="Scan QR Code" class="text-capitalize"
+                    prepend-icon="mdi-qrcode" @click="handleScanQRPass" />
+                <v-form ref="formRef" v-model="validForm" :disabled="processing" @click="errorScanPassMessage = ''">
                     <v-row no-gutters class="pt-5 ga-2">
                         <v-col cols="12">
                             <InputLabel class="text-capitalize" title="Full Name" required />
@@ -19,10 +19,10 @@
                         </v-col>
 
                         <v-col cols="12">
-                            <v-autocomplete v-model="selectedPass" v-model:search="passInput"
-                                :hide-no-data="false" class="mt-3" :items="passItemsFilteredFinal"
-                                item-title="prefixAndName" item-value="_id" label="Pass (optional)" variant="outlined"
-                                hide-details density="compact" persistent-hint small-chips>
+                            <v-autocomplete v-model="selectedPass" v-model:search="passInput" :hide-no-data="false"
+                                class="mt-3" :items="passItemsFilteredFinal" item-title="prefixAndName" item-value="_id"
+                                label="Pass (optional)" variant="outlined"  density="compact" :error-messages="errorScanPassMessage"
+                                persistent-hint small-chips>
                                 <template v-slot:no-data>
                                     <v-list-item density="compact">
                                         <v-list-item-title v-if="passInput">
@@ -35,8 +35,7 @@
                                 </template>
 
                                 <template v-slot:chip="{ props, item }">
-                                    <v-chip v-if="selectedPass" v-bind="props"
-                                        prepend-icon="mdi-card-bulleted-outline"
+                                    <v-chip v-if="selectedPass" v-bind="props" prepend-icon="mdi-card-bulleted-outline"
                                         :text="item.raw?.prefixAndName"></v-chip>
                                 </template>
                             </v-autocomplete>
@@ -62,12 +61,15 @@
                 </v-form>
             </v-card-text>
         </v-card>
+        <visitor-pass-key-q-r-scanner :dialog="dialog.scanQRCode" v-model:scannedValue="scannedPassValue"
+        @close-dialog="dialog.scanQRCode = false" />
         <v-divider class="my-3" />
         <v-row v-if="committedMembers.length > 0" no-gutters class="w-100 mt-5 ga-3">
             <template v-for="member, index in committedMembers" :key="member.nric">
                 <CardMemberInfoSummary :member="membersDisplayed[index]" @remove="handleRemoveMember(index)" />
             </template>
         </v-row>
+        <!-- <Snackbar v-model="messageSnackbar" :text="message" :color="messageColor" /> -->
     </v-row>
 </template>
 
@@ -103,18 +105,33 @@ const { getPassKeysByPageSearch } = usePassKey()
 const memberForm = reactive<TMemberInfo>({
     name: "",
     nric: "",
-    visitorPass: "",
+    visitorPass: [] as { keyId: string }[],
     contact: ""
 })
 
 const validForm = ref(false)
 const formRef = ref<HTMLFormElement>()
 const processing = ref(false);
-const errorMessage = ref('')
+const errorScanPassMessage = ref('')
+
+const message = ref("");
+const messageColor = ref("");
+const messageSnackbar = ref(false);
+
+function showMessage(msg: string, color: string) {
+    message.value = msg;
+    messageColor.value = color;
+    messageSnackbar.value = true;
+}
 
 // pass
 const passInput = ref('')
 const passItems = ref<TPassKey[]>([])
+const scannedPassValue = ref<string>("")
+
+const dialog = reactive({
+    scanQRCode: false,
+})
 
 const selectedPass = ref<string>('')
 
@@ -160,7 +177,7 @@ watch(passesData, (data: any) => {
 
 const passItemsFilteredFinal = computed(() => {
     return passItems.value.filter((item: TPassKey) => {
-        return !props.selectedVisitorPass.some((pass: TPassKeyPayload) => pass.keyId === item._id) && !committedMembers.value.some((member: TMemberInfo) => member.visitorPass === item._id)
+        return !props.selectedVisitorPass.some((pass: TPassKeyPayload) => pass.keyId === item._id) && !committedMembers.value.some((member: TMemberInfo) => member.visitorPass?.some((pass) => pass.keyId === item._id))
     })
 })
 
@@ -168,15 +185,34 @@ const membersDisplayed = computed(() => {
     return committedMembers.value.map((member: TMemberInfo) => {
         return {
             ...member,
-            visitorPass: passItems.value.find((item: TPassKey) => item._id === member.visitorPass)?.prefixAndName || ""
+            visitorPass: passItems.value.find((item: TPassKey) => item._id === member.visitorPass?.[0]?.keyId)?.prefixAndName || ""
         }
     })
 })
 
+function handleScanQRPass() {
+    errorScanPassMessage.value = ""
+    dialog.scanQRCode = true
+}
+
 watch(selectedPass, (newVal) => {
     memberForm.visitorPass = [{ keyId: newVal }]
 })
 
+watch(scannedPassValue, (newVal) => {
+    if (!newVal) return
+
+    const matchedPass = passItemsFilteredFinal.value.find((p) => p.prefixAndName === newVal)
+
+    if (matchedPass) {
+        selectedPass.value = matchedPass._id ?? ""
+        return
+    }
+
+    errorScanPassMessage.value = "Scanned pass not available"
+    showMessage("Scanned pass not available", "error")
+})
+
 
 
 function handleClearForm() {

package/components/MyAttendanceMain.vue

@@ -79,16 +79,19 @@
 
 <script setup lang="ts">
 import useAttendance from "../composables/useAttendance";
-import { useAttendancePermission } from "../composables/useAttendancePermission";
 
 const props = defineProps({
   orgId: { type: String, default: "" },
   site: { type: String, default: "" },
   serviceType: { type: String, default: "" },
+  canViewOwnAttendance: { type: Boolean, default: true },
+  canCheckInOut: { type: Boolean, default: false },
+  canViewAttendanceDetails: { type: Boolean, default: true },
 });
 
-const { canViewOwnAttendance, canCheckInOut, canViewAttendanceDetails } =
-  useAttendancePermission();
+const canViewOwnAttendance = computed(() => props.canViewOwnAttendance);
+const canCheckInOut = computed(() => props.canCheckInOut);
+const canViewAttendanceDetails = computed(() => props.canViewAttendanceDetails);
 
 const searchInput = ref("");
 const dialogShowForm = ref(false);