@7365admin1/layer-common 3.0.27 → 3.0.29

package/components/VisitorForm.vue

@@ -3,7 +3,7 @@
     <v-toolbar>
       <v-row no-gutters class="fill-height px-6 d-flex justify-space-between align-center" align="center">
         <span class="font-weight-bold text-h5 text-capitalize">
-          {{ prop.mode }} {{ formatVisitorType(type) }}
+          {{ formMode }} {{ formatVisitorType(type) }}
         </span>
         <ButtonClose @click="emit('close:all')" />
       </v-row>
@@ -217,7 +217,7 @@
               :selected-nfc-cards="passType === 'NFC' ? passCards : []" />
           </v-col>
 
-          <v-col v-if="prop.mode === 'add'" cols="12" class="mt-2">
+          <v-col v-if="formMode === 'add'" cols="12" class="mt-2">
             <v-checkbox v-model="createMore" density="comfortable" hide-details>
               <template #label>
                 <span class="text-subtitle-2 font-weight-bold">
@@ -239,11 +239,11 @@
       <v-row no-gutters>
         <v-col cols="6">
           <v-btn v-if="
-            prop.mode === 'add' &&
+            formMode === 'add' &&
             (withStep2 || withStep3) &&
             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"
+          <v-btn v-else-if="formMode === 'add' || formMode === '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>
@@ -252,7 +252,7 @@
             :disabled="processing" @click="handleNextPage" :text="'Next'" />
           <v-btn v-else tile block variant="flat" color="black" class="text-none" size="48"
             :disabled="!validForm || processing || membersFieldIncomplete" @click="submit"
-            :text="prop.mode == 'add' ? 'Submit' : 'Update'" />
+            :text="formMode == 'add' ? 'Submit' : 'Update'" />
         </v-col>
       </v-row>
     </v-toolbar>
@@ -264,37 +264,167 @@
         @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-dialog v-model="dialog.showNonCheckedOutDialog" max-width="1200">
+      <v-card :loading="loading.checkingOut || loading.searchingNonCheckedOut">
+        <v-card-actions class="justify-end bg-grey-lighten-3 pa-4">
+          <v-btn icon="mdi-close" variant="text" size="large" @click="dialog.showNonCheckedOutDialog = false" />
+        </v-card-actions>
+
+        <v-card-text class="pa-6">
+          <p class="text-subtitle-1 font-weight-medium mb-8">
+            The following list needs to check-out before proceeding to add related to the NRIC/Phone Number below:
+          </p>
+
+          <div class="text-subtitle-1 mb-8">
+            <div>NRIC: {{ visitor.nric || "N/A" }}</div>
+            <div>Phone Number: {{ visitor.contact || "N/A" }}</div>
+          </div>
+
+          <v-data-table
+            class="border rounded"
+            :headers="nonCheckedOutVisitorHeaders"
+            :items="matchingNonCheckedOutVisitors"
+            item-value="_id"
+            :items-per-page="5"
+            hide-default-footer
+          >
+            <template #item.name="{ item }">
+              <div class="d-flex align-center ga-3">
+                <v-avatar color="red" size="32">
+                  <span class="text-white text-subtitle-2">{{ getVisitorInitial(item.name) }}</span>
+                </v-avatar>
+                <div>
+                  <div class="font-weight-medium">{{ item.name || "N/A" }}</div>
+                  <div class="text-caption">
+                    <v-icon icon="mdi-card-account-details-outline" size="16" class="mr-1" />
+                    {{ maskNRIC(item.nric) || "N/A" }}
+                  </div>
+                </div>
+              </div>
+            </template>
+
+            <template #item.typeCompany="{ item }">
+              <div>
+                <v-icon icon="mdi-account" size="18" class="mr-2" />
+                {{ formatVisitorType(item.type) }}
+              </div>
+              <div>
+                <v-icon icon="mdi-office-building" size="18" class="mr-2" />
+                {{ item.company || "N/A" }}
+              </div>
+            </template>
+
+            <template #item.location="{ item }">
+              <v-icon icon="mdi-calendar-range" size="18" class="mr-2" />
+              {{ formatVisitorLocation(item) }}
+            </template>
+
+            <template #item.contactVehicle="{ item }">
+              <div>
+                <v-icon icon="mdi-phone" size="18" class="mr-2" />
+                {{ item.contact || "N/A" }}
+              </div>
+              <div>
+                <v-icon icon="mdi-car" size="18" class="mr-2" />
+                {{ item.plateNumber || "N/A" }}
+              </div>
+            </template>
+
+            <template #item.checkInOut="{ item }">
+              <div class="py-2">
+                <div class="mb-2">
+                  <v-icon icon="mdi-clock-check-outline" color="green" size="20" class="mr-1" />
+                  {{ formatNonCheckedOutDate(item.checkIn) }}
+                </div>
+                <v-btn size="small" class="text-none" color="red" variant="flat" :loading="loading.checkingOut && selectedCheckoutVisitorId === item._id" :disabled="!item._id" @click.stop="item._id && handleCheckout(item._id)">
+                  Check Out
+                </v-btn>
+              </div>
+            </template>
+          </v-data-table>
+
+          <div class="d-flex justify-end mt-8">
+            <v-btn color="red" variant="flat" size="large" class="text-none px-10" :loading="loading.searchingNonCheckedOut" @click="handleSkipNricNonCheckedOut">
+              Skip NRIC: {{ visitor.nric || "N/A" }}
+            </v-btn>
+          </div>
+        </v-card-text>
+      </v-card>
+    </v-dialog>
+
+    <v-dialog
+      v-if="enableUnregistered"
+      v-model="dialog.showUnregisteredPlateDialog"
+      max-width="900"
+      persistent
+    >
+      <v-card color="background" class="pa-4">
+        <v-card-actions class="justify-end pa-0">
+          <v-btn
+            icon="mdi-close"
+            variant="text"
+            size="large"
+            @click="closeUnregisteredPlateDialog"
+          />
+        </v-card-actions>
+
+        <v-card-text class="text-center pt-2">
+          <v-icon color="orange" size="96">mdi-alert-circle-outline</v-icon>
+
+          <div :class="`text-body-${$vuetify.display.xs ? 'mobile' : 'tablet'} mt-8`">
+            Vehicle Number {{ unregisteredPlateSearchText }} is similar to below
+            <br />
+            Unregistered visitors last 24 hours. Please select to
+            <br />
+            Update
+          </div>
+
+          <v-table class="mt-8 border rounded">
+            <thead>
+              <tr>
+                <th class="text-left">Plate Number</th>
+                <th class="text-left">Check In</th>
+                <th class="text-center">Action</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr
+                v-for="match in unregisteredPlateMatches"
+                :key="match._id || match.plateNumber"
+              >
+                <td class="text-left font-weight-bold text-uppercase">
+                  {{ match.plateNumber || "N/A" }}
+                </td>
+                <td class="text-left">
+                  {{ formatUnregisteredCheckIn(match.checkIn) }}
+                </td>
+                <td class="text-center">
+                  <v-btn
+                    color="red"
+                    class="text-capitalize"
+                    density="compact"
+                    size="large"
+                    @click="selectUnregisteredPlateMatch(match)"
+                  >
+                    Update
+                  </v-btn>
+                </td>
+              </tr>
+            </tbody>
+          </v-table>
         </v-card-text>
+
+        <v-card-actions>
+          <v-btn
+            block
+            color="red"
+            variant="flat"
+            size="x-large"
+            @click="closeUnregisteredPlateDialog"
+          >
+            Cancel & Add New
+          </v-btn>
+        </v-card-actions>
       </v-card>
     </v-dialog>
   </v-card>
@@ -338,12 +468,16 @@ const prop = defineProps({
     type: String,
     default: "",
   },
+  enableUnregistered: {
+    type: Boolean,
+    default: false,
+  }
 });
 
 type AutofillSource = "nric" | "contact" | "vehicleNumber" | null;
 const currentAutofillSource = ref<AutofillSource>(null);
 
-const { requiredRule, debounce, UTCToLocalTIme } = useUtils();
+const { requiredRule, debounce, UTCToLocalTIme, maskNRIC } = useUtils();
 const { getSiteById } = useSiteSettings();
 const { currentUser } = useLocalAuth();
 const { getBlocksSelection, getLevelsSelection, getUnitSelection } =
@@ -352,7 +486,8 @@ const {
   createVisitor,
   typeFieldMap,
   contractorTypes,
-  getVisitors,
+  checkSearchUncheckedOutUnregisteredVisitor,
+  searchVisitorObject,
   updateVisitor,
 } = useVisitor();
 const { getBySiteId: getEntryPassSettingsBySiteId } =
@@ -408,10 +543,13 @@ const registeredUnitCompanyName = ref("N/A");
 const dialog = reactive({
   vehicleNumberUsersList: false,
   showNonCheckedOutDialog: false,
+  showUnregisteredPlateDialog: false,
 });
 
 const loading = reactive({
   checkingOut: false,
+  checkingUnregisteredPlate: false,
+  searchingNonCheckedOut: false,
 });
 
 const validForm = ref(false);
@@ -436,10 +574,28 @@ const deliveryCompany = ref("");
 const deliveryCompanyInput = ref("");
 const deliveryCompanyList = ref<string[]>([]);
 
-const matchingPlateNumberNonCheckedOutArr = ref<TVisitor[]>([]);
+const matchingNonCheckedOutVisitors = ref<TVisitor[]>([]);
+const selectedCheckoutVisitorId = ref<string | null>(null);
+const skipNonCheckedOutNric = ref(false);
+const nonCheckedOutVisitorHeaders = [
+  { title: "Name/NRIC", key: "name", align: "start", sortable: false },
+  { title: "Type / Company", key: "typeCompany", align: "start", sortable: false },
+  { title: "Location", key: "location", align: "start", sortable: false },
+  { title: "Contact / Vehicle No.", key: "contactVehicle", align: "start", sortable: false },
+  { title: "Check In / Out", key: "checkInOut", align: "start", sortable: false, width: "200px" },
+] as const;
+const unregisteredPlateMatches = ref<TVisitor[]>([]);
+const unregisteredPlateSearchText = ref("");
+const selectedUnregisteredVisitor = ref<TVisitor | null>(null);
+const skipUnregisteredPlateCheck = ref(false);
+const pendingUnregisteredAction = ref<"next" | "submit" | null>(null);
 
 const vehicleNumberUserItems = ref<TPeople[]>([]);
 
+const formMode = computed<"add" | "edit" | "register">(() => {
+  return selectedUnregisteredVisitor.value ? "register" : prop.mode;
+});
+
 const shouldShowField = (
   fieldKey: keyof TVisitorPayload | "delivery-company"
 ) => {
@@ -467,6 +623,10 @@ const showNextButton = computed(() => {
   } else return false;
 });
 
+const enableUnregistered = computed(() => {
+  return prop.mode === "add" && prop.enableUnregistered
+});
+
 const showShowKeysField = computed(() => {
   return ["guest", "contractor", "walk-in"].includes(prop.type);
 });
@@ -613,6 +773,7 @@ watch(fetchPersonByNRICReq, (obj) => {
 watch(
   () => visitor.nric,
   (value) => {
+    skipNonCheckedOutNric.value = false;
     if (!value || value.length < 4) {
       nricSearchMenu.value = false;
       nricSearchResults.value = [];
@@ -620,6 +781,13 @@ watch(
   }
 );
 
+watch(
+  () => visitor.contact,
+  () => {
+    skipNonCheckedOutNric.value = false;
+  }
+);
+
 function selectNricSearchResult(item: Partial<TPeople>) {
   nricSearchMenu.value = false;
   nricSearchResults.value = [];
@@ -660,48 +828,89 @@ watch(fetchCompanyListReq, (arr) => {
     companyNames.value = arr?.flatMap((x) => x?.companyName);
   }
 });
-const {
-  data: fetchVisitorListByVehicleNumberReq,
-  refresh: fetchVisitorListByVehicleNumberRefresh,
-  pending: fetchVisitorListByVehicleNumberPending,
-} = useLazyAsyncData(`fetch-visitor-list-by-vehicle-number`, () => {
-  if (!visitor.plateNumber) return Promise.resolve(null);
-  return getVisitors({
-    page: 1,
-    limit: 20,
-    site: prop.site,
-    plateNumber: visitor.plateNumber,
-    checkedOut: false,
-    status: "registered",
-  });
-});
+function getVisitorSearchItems(res: any): TVisitor[] {
+  const items =
+    res?.items ||
+    res?.data?.items ||
+    res?.data?.result?.items ||
+    res?.result?.items ||
+    [];
+  return Array.isArray(items) ? items : [];
+}
 
-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;
+function getVisitorInitial(name?: string | null) {
+  return name?.trim()?.charAt(0)?.toUpperCase() || "?";
+}
+
+function formatLocationPart(value: unknown) {
+  if (!value) return "";
+  if (typeof value === "string") return value;
+  if (typeof value === "object" && "name" in value) {
+    return String((value as { name?: string }).name || "");
   }
-});
+  return "";
+}
+
+function formatVisitorLocation(v: TVisitor) {
+  return [
+    formatLocationPart(v.block),
+    formatLocationPart(v.level),
+    v.unitName || formatLocationPart(v.unit),
+  ].filter(Boolean).join(" / ") || "N/A";
+}
+
+function formatNonCheckedOutDate(date?: string) {
+  return date ? UTCToLocalTIme(date) : "N/A";
+}
+
+async function checkNonCheckedOutVisitorsBeforeSubmit(
+  options: { skipNric?: boolean; showDialog?: boolean } = {}
+) {
+  const { skipNric = skipNonCheckedOutNric.value, showDialog = true } = options;
+  const nric = skipNric ? null : visitor.nric || null;
+  const contact = visitor.contact || null;
 
-const debounceSearchVisitorsByPlateNumbers = debounce(() => {
-  if (!visitor.plateNumber) {
-    matchingPlateNumberNonCheckedOutArr.value = [];
+  if (!nric && !contact) {
+    matchingNonCheckedOutVisitors.value = [];
     dialog.showNonCheckedOutDialog = false;
-    return;
+    return true;
   }
-  fetchVisitorListByVehicleNumberRefresh();
-}, 300);
 
-watch(
-  () => visitor.plateNumber,
-  (newVal) => {
-    debounceSearchVisitorsByPlateNumbers();
+  try {
+    loading.searchingNonCheckedOut = true;
+    const res = await searchVisitorObject({
+      page: 1,
+      limit: 1000,
+      site: prop.site,
+      searchObject: {
+        nric,
+        contact,
+      },
+      notCheckedOut: true,
+    });
+    const items = getVisitorSearchItems(res);
+    matchingNonCheckedOutVisitors.value = items;
+    dialog.showNonCheckedOutDialog = showDialog && items.length > 0;
+    return items.length === 0;
+  } catch (error: any) {
+    errorMessage.value =
+      error?.data?.message ||
+      error?.response?._data?.message ||
+      "Unable to check unchecked-out visitors. Please try again.";
+    return false;
+  } finally {
+    loading.searchingNonCheckedOut = false;
   }
-);
+}
+
+async function handleSkipNricNonCheckedOut() {
+  const canSubmit = await checkNonCheckedOutVisitorsBeforeSubmit({
+    skipNric: true,
+  });
+  if (!canSubmit) return;
+  skipNonCheckedOutNric.value = true;
+  dialog.showNonCheckedOutDialog = false;
+}
 
 async function handleCheckout(visitorId: string) {
   if (!visitorId) {
@@ -711,19 +920,21 @@ async function handleCheckout(visitorId: string) {
 
   try {
     loading.checkingOut = true;
+    selectedCheckoutVisitorId.value = visitorId;
     const res = await updateVisitor(visitorId as string, {
       checkOut: new Date().toISOString(),
     });
     if (res) {
-      await fetchVisitorListByVehicleNumberRefresh();
+      await checkNonCheckedOutVisitorsBeforeSubmit();
     }
   } catch (error: any) {
-    const errorMessage = error?.response?._data?.message;
+    const checkoutErrorMessage = error?.response?._data?.message;
     console.log("[ERROR]", error);
     errorMessage.value =
-      errorMessage || "An error occurred while checking out the vehicle.";
+      checkoutErrorMessage || "An error occurred while checking out the vehicle.";
   } finally {
     loading.checkingOut = false;
+    selectedCheckoutVisitorId.value = null;
   }
 }
 
@@ -988,6 +1199,95 @@ function formatVisitorType(type: TVisitorType): string {
   }
 }
 
+async function checkUnregisteredPlateBeforeContinue(action: "next" | "submit") {
+  if (
+    !enableUnregistered.value ||
+    skipUnregisteredPlateCheck.value ||
+    selectedUnregisteredVisitor.value ||
+    !visitor.plateNumber
+  ) {
+    return true;
+  }
+
+  try {
+    loading.checkingUnregisteredPlate = true;
+    unregisteredPlateSearchText.value = visitor.plateNumber;
+    const res = await checkSearchUncheckedOutUnregisteredVisitor({
+      site: prop.site,
+      plateNumber: visitor.plateNumber,
+      hourAgo: 24,
+      page: 1,
+      limit: 100,
+    });
+    const items = Array.isArray(res?.items)
+      ? res.items
+      : Array.isArray(res?.data?.items)
+        ? res.data.items
+        : Array.isArray(res?.data)
+          ? res.data
+          : Array.isArray(res)
+            ? res
+            : [];
+
+    unregisteredPlateMatches.value = items;
+    if (items.length === 0) return true;
+
+    pendingUnregisteredAction.value = action;
+    dialog.showUnregisteredPlateDialog = true;
+    return false;
+  } catch (error: any) {
+    errorMessage.value =
+      error?.data?.message ||
+      error?.response?._data?.message ||
+      "Unable to check unregistered visitors. Please try again.";
+    return false;
+  } finally {
+    loading.checkingUnregisteredPlate = false;
+  }
+}
+
+function formatUnregisteredCheckIn(checkIn?: string) {
+  return checkIn ? UTCToLocalTIme(checkIn) : "N/A";
+}
+
+async function continuePendingUnregisteredAction() {
+  const action = pendingUnregisteredAction.value;
+  pendingUnregisteredAction.value = null;
+  if (action === "next") {
+    await handleNextPage();
+  } else if (action === "submit") {
+    await submit();
+  }
+}
+
+async function closeUnregisteredPlateDialog() {
+  dialog.showUnregisteredPlateDialog = false;
+  unregisteredPlateMatches.value = [];
+  skipUnregisteredPlateCheck.value = true;
+}
+
+async function selectUnregisteredPlateMatch(match: TVisitor) {
+  selectedUnregisteredVisitor.value = match;
+  skipUnregisteredPlateCheck.value = true;
+  dialog.showUnregisteredPlateDialog = false;
+  unregisteredPlateMatches.value = [];
+
+  visitor.plateNumber = match.plateNumber;
+  visitor.attachments = match.attachments || visitor.attachments;
+  visitor.block = match.block || visitor.block;
+  visitor.level = match.level || visitor.level;
+  visitor.unit = match.unit || visitor.unit;
+  visitor.company = match.company || visitor.company;
+  visitor.contractorType = match.contractorType || visitor.contractorType;
+  visitor.name = match.name || visitor.name;
+  visitor.contact = match.contact || visitor.contact;
+  visitor.nric = match.nric || visitor.nric;
+  visitor.company = match.company || visitor.company;
+  visitor.remarks = match.remarks || visitor.remarks;
+
+  pendingUnregisteredAction.value = null;
+}
+
 async function handleNextPage() {
   errorMessage.value = "";
   formRef.value!.validate();
@@ -1010,11 +1310,12 @@ async function handleNextPage() {
     errorMessage.value = "Please select at least one NFC card before proceeding.";
     return;
   }
+  if (!(await checkUnregisteredPlateBeforeContinue("next"))) return;
   if (step < 3) contractorStep.value++;
   else await submit();
 }
 
-async function submit() {
+async function submit(options: { skipNonCheckedOutCheck?: boolean } = {}) {
   formRef.value!.validate();
   errorMessage.value = "";
   if (!validForm.value) {
@@ -1023,6 +1324,14 @@ async function submit() {
   }
 
   if (passType.value === "HID_QR" && !validateHidQrPrinterConfig()) return;
+  if (
+    prop.mode === "add" &&
+    !options.skipNonCheckedOutCheck &&
+    !(await checkNonCheckedOutVisitorsBeforeSubmit())
+  ) {
+    return;
+  }
+  if (!(await checkUnregisteredPlateBeforeContinue("submit"))) return;
 
   processing.value = true;
 
@@ -1033,7 +1342,7 @@ async function submit() {
     createdBy: prop.currentUser,
   };
 
-  if (prop.mode === "add" || prop.mode === "register") {
+  if (formMode.value === "add" || formMode.value === "register") {
     const allowedFields = typeFieldMap[prop.type];
     for (const key of allowedFields as (keyof TVisitorPayload)[]) {
       if (visitor[key] !== undefined) {
@@ -1071,7 +1380,7 @@ async function submit() {
   }
 
   // add register status when registering unregistered visitor
-  if (prop.mode === "register") {
+  if (formMode.value === "register") {
     payload.status = "registered";
     const currentUserId = currentUser.value?._id;
     if(currentUserId) {
@@ -1081,7 +1390,18 @@ async function submit() {
 
   try {
     let res;
-    if (prop.mode === "add") {
+    if (prop.mode === "add" && selectedUnregisteredVisitor.value?._id) {
+      payload.status = "registered";
+      const currentUserId = currentUser.value?._id;
+      if (currentUserId) {
+        payload.updatedBy = currentUserId;
+      }
+      const { unitName, ...rest } = payload;
+      res = await updateVisitor(
+        selectedUnregisteredVisitor.value._id,
+        rest as TVisitorPayload
+      );
+    } else if (formMode.value === "add") {
       res = await createVisitor(payload as TVisitorPayload);
     } else if (
       (prop.mode === "edit" || prop.mode === "register") &&
@@ -1224,7 +1544,7 @@ async function submit() {
     const err = error?.data?.message;
     errorMessage.value =
       err ||
-      `Failed to ${prop.mode === "add" ? "add" : "update"
+      `Failed to ${formMode.value === "add" ? "add" : "update"
       } visitor. Please try again.`;
   } finally {
     processing.value = false;
@@ -1368,7 +1688,22 @@ async function printHidQrCodePass(visitorId = "", manageProcessing = true) {
 watch(
   () => visitor.plateNumber,
   (newVal) => {
-    visitor.plateNumber = newVal?.toUpperCase();
+    const normalizedPlateNumber = newVal?.toUpperCase();
+    if (newVal !== normalizedPlateNumber) {
+      visitor.plateNumber = normalizedPlateNumber;
+      return;
+    }
+
+    if (
+      selectedUnregisteredVisitor.value &&
+      normalizedPlateNumber !== selectedUnregisteredVisitor.value.plateNumber?.toUpperCase()
+    ) {
+      selectedUnregisteredVisitor.value = null;
+    }
+
+    skipUnregisteredPlateCheck.value = false;
+    unregisteredPlateMatches.value = [];
+    dialog.showUnregisteredPlateDialog = false;
   }
 );