@7365admin1/layer-common 3.0.31-staging.19 → 3.0.31-staging.20

package/components/VisitorForm.vue

@@ -12,7 +12,7 @@
       <div class="w-100 d-flex justify-space-between ga-2">
         <span class="text-subtitle-1 w-100 font-weight-bold mb-3">{{
           formTitle
-        }}</span>
+          }}</span>
         <span v-if="withStep2 || withStep3" class="text-subtitle-2 font-weight-bold" style="text-wrap: nowrap">Step
           <span class="text-primary-button">{{ contractorStep }}</span>/{{ withStep3 ? 3 : withStep2 ? 2 : 1 }}</span>
       </div>
@@ -92,7 +92,7 @@
             </v-row>
           </v-col>
 
-            <v-col v-if="shouldShowField('contractorType')" cols="12">
+          <v-col v-if="shouldShowField('contractorType')" cols="12">
             <InputLabel class="text-capitalize" title="Contractor Type" required />
             <v-combobox v-model="contractorTypeObj" v-model:search="contractorTypeInput" ref="contractorTypeCombo"
               autocomplete="off" :hide-no-data="false" @update:focused="handleFocusedContractorType"
@@ -104,7 +104,7 @@
                   <v-list-item-title @click.stop="handleAddNewContractorType" class="d-flex align-center ga-1">
                     <span><v-icon icon="mdi-plus" /></span> Add "<strong>{{
                       contractorTypeInput
-                    }}</strong>" as custom contractor type.
+                      }}</strong>" as custom contractor type.
                   </v-list-item-title>
                 </v-list-item>
               </template>
@@ -137,8 +137,8 @@
               <InputLabel class="text-capitalize" title="Company Name" />
               <v-combobox v-model="visitor.company" v-model:search="companyNameInput" ref="companyCombo"
                 autocomplete="off" :hide-no-data="false" :items="companyNames" item-value="value"
-                 @update:model-value="handleSelectCompanyName" variant="outlined"
-                density="comfortable" persistent-hint small-chips>
+                @update:model-value="handleSelectCompanyName" variant="outlined" density="comfortable" persistent-hint
+                small-chips>
                 <!-- <template v-slot:no-data>
                   <v-list-item>
                     <v-list-item-title v-if="companyNameInput" @click.stop="handleAddNewCompany"
@@ -175,7 +175,7 @@
                       class="d-flex align-center ga-1">
                       <span><v-icon icon="mdi-plus" /></span>Add "<strong>{{
                         companyNameInput
-                      }}</strong>" as new company.
+                        }}</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.
@@ -929,23 +929,34 @@ function getPersonPlateOptions(item: Partial<TPeople>) {
 function findMatchingContactOption(options: string[], value?: string | null) {
   const normalizedValue = value?.trim();
   if (!normalizedValue) return "";
+  const compactValue = normalizedValue.replace(/\s/g, "");
 
   return (
     options.find((option) => option.trim() === normalizedValue) ||
-    options.find((option) => option.replace(/\s/g, "") === normalizedValue.replace(/\s/g, "")) ||
+    options.find((option) => option.replace(/\s/g, "") === compactValue) ||
+    options.find((option) => option.trim().includes(normalizedValue)) ||
+    options.find((option) => option.replace(/\s/g, "").includes(compactValue)) ||
     ""
   );
 }
 
+function normalizePlateNumber(value?: string | null) {
+  return (value ?? "").replace(/[^A-Z0-9]/gi, "").toUpperCase();
+}
+
 function normalizePlateOption(value?: string | null) {
   return (value || "").replace(/[^A-Z0-9]/gi, "").toUpperCase();
 }
 
 function findMatchingPlateOption(options: string[], value?: string | null) {
-  const normalizedValue = normalizePlateOption(value);
+  const normalizedValue = normalizePlateNumber(value);
   if (!normalizedValue) return "";
 
-  return options.find((option) => normalizePlateOption(option) === normalizedValue) || "";
+  return (
+    options.find((option) => normalizePlateNumber(option) === normalizedValue) ||
+    options.find((option) => normalizePlateNumber(option).includes(normalizedValue)) ||
+    ""
+  );
 }
 
 function applyNricSearchResult(
@@ -969,11 +980,11 @@ function applyNricSearchResult(
 
   companyNames.value = Array.isArray(item.companyName) ? item.companyName : [];
 
-  if(item.companyName && item.companyName.length === 1) {
+  if (item.companyName && item.companyName.length === 1) {
     visitor.company = item.companyName?.[0] || visitor.company;
   }
 
-  if(item.companyName && item.companyName.length > 1){
+  if (item.companyName && item.companyName.length > 1) {
     visitor.company = ""
   }
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "@7365admin1/layer-common",
   "license": "MIT",
   "type": "module",
-  "version": "3.0.31-staging.19",
+  "version": "3.0.31-staging.20",
   "author": "7365admin1",
   "main": "./nuxt.config.ts",
   "publishConfig": {