@iservice365/layer-common 1.1.0 → 1.2.0

package/composables/useFile.ts

@@ -1,6 +1,5 @@
 export default function useFile() {
-  const baseUrl =
-    "https://iservice365-dev.sgp1.cdn.digitaloceanspaces.com/default";
+  const baseUrl = useRuntimeConfig().public.API_DO_STORAGE_ENDPOINT;
 
   function addFile(file: File | null) {
     if (!file) {
@@ -10,13 +9,10 @@ export default function useFile() {
     const formData = new FormData();
     formData.append("file", file);
 
-    return $fetch<Record<string, any>>(
-      "https://storage-api-dev-new-wv7cx.ondigitalocean.app/api/files/upload/v2",
-      {
-        method: "POST",
-        body: formData,
-      }
-    );
+    return $fetch<Record<string, any>>("/api/files", {
+      method: "POST",
+      body: formData,
+    });
   }
 
   function getFileUrl(id: string) {
@@ -41,8 +37,10 @@ export default function useFile() {
       }
     );
   }
+  
 
   return {
+    baseUrl,
     addFile,
     deleteFile,
     urlToFile,

package/composables/useLocal.ts

@@ -49,6 +49,72 @@ export default function useLocal() {
 
   const landingPage = useCookie("landing-page", cookieConfig);
 
+  const subjects = [
+    {
+      title: "Facilities",
+      value: "Facilities",
+      subtitle:
+        "Shared amenities like gym, pool, BBQ pits, and function rooms.",
+    },
+    {
+      title: "Building Facade",
+      value: "Building Facade",
+      subtitle:
+        "Exterior walls, paint, cladding, signage, and overall appearance.",
+    },
+    {
+      title: "Security",
+      value: "Security",
+      subtitle:
+        "Guard services, access control, patrols, and visitor management.",
+    },
+    {
+      title: "Cleaning",
+      value: "Cleaning",
+      subtitle:
+        "Cleanliness of lobbies, corridors, lifts, bins, and common areas.",
+    },
+    {
+      title: "Landscape",
+      value: "Landscape",
+      subtitle: "Condition of plants, lawns, trees, and garden maintenance.",
+    },
+    {
+      title: "Pest Control",
+      value: "Pest Control",
+      subtitle:
+        "Effectiveness of measures against insects, rodents, and pests.",
+    },
+    {
+      title: "Water Features",
+      value: "Water Features",
+      subtitle:
+        "Operation and cleanliness of fountains, ponds, and pools (non-swimming).",
+    },
+    {
+      title: "Car Park",
+      value: "Car Park",
+      subtitle:
+        "Parking availability, markings, lighting, and barrier systems.",
+    },
+    {
+      title: "Lift",
+      value: "Lift",
+      subtitle:
+        "Lift reliability, speed, cleanliness, ventilation, and downtime.",
+    },
+    {
+      title: "Security Systems",
+      value: "Security Systems",
+      subtitle: "CCTV, intercoms, access cards, and gate/door sensors.",
+    },
+    {
+      title: "Others",
+      value: "Others",
+      subtitle: "Any issues or feedback not covered by the categories above.",
+    },
+  ];
+
   return {
     cookieConfig,
     getUserFromCookie,
@@ -57,5 +123,6 @@ export default function useLocal() {
     headerSearch,
     natureOfBusiness,
     landingPage,
+    subjects,
   };
 }

package/composables/usePeople.ts

@@ -0,0 +1,48 @@
+export default function(){
+
+
+    async function getAll({
+      page = 1,
+      limit = 10,
+      sort = "asc",
+      search = "",
+      org = "",
+      site = "",
+      dateTo = "",
+      dateFrom = "",
+      type="",
+      displayNoCheckOut=false
+      } = {}) {
+      return await useNuxtApp().$api<Record<string, any>>("/api/people", {
+        method: "GET",
+        query: { page, limit, sort, search, org, site, dateTo, dateFrom, type }
+      });
+  }
+
+    async function create(payload: Partial<TPeoplePayload>){
+      return await useNuxtApp().$api<Record<string, any>>("/api/people", {
+        method: "POST",
+        body: payload,
+      });
+    }
+
+    async function updateById(_id: string, payload: Partial<TPeoplePayload>){
+      return await useNuxtApp().$api<Record<string, any>>(`/api/people/id/${_id}`, {
+        method: "PUT",
+        body: payload,
+      }); 
+    }
+
+    async function deleteById(_id: string){
+      return await useNuxtApp().$api<Record<string, any>>(`/api/people/id/${_id}`, {
+        method: "DELETE",
+      }); 
+    }
+
+    return {
+        create,
+        getAll,
+        updateById,
+        deleteById
+    }
+}

package/composables/useSecurityUtils.ts

@@ -0,0 +1,18 @@
+export default function(){
+
+    const formatLocation = ({block, level, unit}: {block: number, level: string, unit: string | TBuildingUnit}) => {
+    const parts = [];
+
+    if (block) parts.push(`Block ${block}`);
+    if (level) parts.push(level);
+    if (unit) parts.push(unit);
+
+    return parts.join(" / ");
+    };
+
+
+    return {
+        formatLocation
+
+    }
+}

package/composables/useSiteSettings.ts

@@ -0,0 +1,111 @@
+export default function () {
+  async function getSiteById(siteId: string) {
+    return await useNuxtApp().$api<Record<string, any>>(
+      `/api/sites/${siteId}`,
+      {
+        method: "GET",
+      }
+    );
+  }
+
+  async function getSiteLevels(siteId: string, query: { block: number }) {
+    return await useNuxtApp().$api<Record<string, any>>(
+      `/api/buildings/site/${siteId}`,
+      {
+        method: "GET",
+        query: query,
+      }
+    );
+  }
+
+  async function getSiteUnits(siteId: string, block: number, level: string) {
+    return await useNuxtApp().$api<Record<string, any>>(
+      `/api/building-units/site/${siteId}/block/${block}/level/${level}`,
+      {
+        method: "GET",
+      }
+    );
+  }
+
+  async function updateSite(siteId: string, payload: { block: number }) {
+    return await useNuxtApp().$api<Record<string, any>>(
+      `/api/sites/${siteId}/block`,
+      {
+        method: "PUT",
+        body: payload,
+      }
+    );
+  }
+
+  async function addCamera(camera: TSiteCamera) {
+    return await useNuxtApp().$api<Record<string, any>>(`/api/site-cameras`, {
+      method: "POST",
+      body: camera,
+    });
+  }
+
+  async function updateSiteCamera(
+    id: string,
+    value: Partial<
+      Pick<
+        TSiteCamera,
+        | "host"
+        | "category"
+        | "guardPost"
+        | "password"
+        | "username"
+        | "direction"
+      >
+    >
+  ) {
+    return await useNuxtApp().$api<Record<string, any>>(
+      `/api/site-cameras/id/${id}`,
+      {
+        method: "PATCH",
+        body: value,
+      }
+    );
+  }
+
+  async function deleteSiteCameraById(id: string) {
+    return await useNuxtApp().$api<Record<string, any>>(
+      `/api/site-cameras/id/${id}`,
+      {
+        method: "DELETE",
+      }
+    );
+  }
+
+  async function getAllSiteCameras(payload: {
+    site: string;
+    type?: string;
+    page?: number;
+  }) {
+    return await useNuxtApp().$api<Record<string, any>>(`/api/site-cameras`, {
+      method: "GET",
+      query: payload,
+    });
+  }
+
+  async function setSiteGuardPosts(siteId: string, value: number) {
+    return await useNuxtApp().$api<Record<string, any>>(
+      `/api/sites/guard-post/id/${siteId}`,
+      {
+        method: "PATCH",
+        body: { guardPost: value },
+      }
+    );
+  }
+
+  return {
+    getSiteById,
+    getSiteLevels,
+    getSiteUnits,
+    updateSite,
+    addCamera,
+    getAllSiteCameras,
+    setSiteGuardPosts,
+    updateSiteCamera,
+    deleteSiteCameraById,
+  };
+}

package/composables/useUtils.ts

@@ -365,6 +365,33 @@ export default function useUtils() {
       .replace(/^./, str => str.toUpperCase());
   }
 
+  
+function calculateRemainingTime(
+  item: Date | string | number | null | undefined
+) {
+  if (!item) return -1;
+  const _date = new Date(item);
+  if (isNaN(_date.getTime())) return -1;
+  const creationTime = _date.getTime();
+  const currentTime = Date.now();
+  const differenceInMillis = currentTime - creationTime;
+  const differenceInSeconds = Math.floor(differenceInMillis / 1000);
+  const desiredDurationInSeconds = 24 * 60 * 60;
+  const remainingTimeInSeconds = desiredDurationInSeconds - differenceInSeconds;
+  console.log(remainingTimeInSeconds);
+  return remainingTimeInSeconds;
+}
+
+const formatTime = (seconds: number) => {
+  if (seconds <= 0 || isNaN(seconds)) return "00h 00m";
+  const hours = Math.floor(seconds / 3600);
+  const minutes = Math.floor((seconds % 3600) / 60);
+  return `${String(hours).padStart(2, "0")}h ${String(minutes).padStart(
+    2,
+    "0"
+  )}m`;
+};
+
   return {
     requiredRule,
     emailRule,
@@ -398,6 +425,8 @@ export default function useUtils() {
     toOrdinal,
     formatDateISO8601,
     isValidBaseURL,
-    formatCamelCaseToWords
+    formatCamelCaseToWords,
+    calculateRemainingTime,
+    formatTime
   };
 }

package/composables/useVisitor.ts

@@ -0,0 +1,79 @@
+export default function(){
+
+  type TVisitorSelection = {
+    label: string;
+    value: TVisitorType
+  }
+
+  const visitorSelection: TVisitorSelection[] =[
+    { label: "Contractor", value: "contractor" },
+    { label: "Delivery", value: "delivery" },
+    { label: "Walk-In", value: "walk-in"},
+    { label: "Pick-Up", value: "pick-up"},
+    { label: "Drop-Off", value: "drop-off"}
+  ];
+
+    const typeFieldMap: Record<TVisitorType, (keyof TVisitorPayload)[]> = {
+      contractor: ['contractorType', 'name', 'nric', 'company', 'contact', 'plateNumber', 'block', 'level', 'unit', 'unitName', 'remarks'],
+      delivery: ['attachments', 'name', 'deliveryType', 'company', 'nric', 'contact', 'plateNumber', 'block', 'level', 'unit' , 'unitName',  'remarks'],
+      'walk-in': ['name', 'company', 'nric', 'contact', 'block', 'level', 'unit' , 'unitName', 'remarks'],
+      'pick-up': ['plateNumber', 'block', 'remarks'],
+      'drop-off': ['plateNumber', 'block', 'remarks'],
+  }
+
+  const contractorTypes = [
+  { title: "Estate Contractor", value: "estate-contractor" },
+  { title: "Home Contractor", value: "home-contractor" },
+  { title: "Property Agent", value: "property-agent" },
+  { title: "House Mover", value: "house-mover" },
+]
+
+
+    async function getVisitors({
+      page = 1,
+      limit = 10,
+      sort = "asc",
+      search = "",
+      org = "",
+      site = "",
+      dateTo = "",
+      dateFrom = "",
+      type="",
+      displayNoCheckOut=false
+      } = {}) {
+      return await useNuxtApp().$api<Record<string, any>>("/api/visitor-transactions", {
+        method: "GET",
+        query: { page, limit, sort, search, org, site, dateTo, dateFrom, ...(type.length > 0 && {type}), ...(displayNoCheckOut === true && {checkedOut: false}) },
+      });
+  }
+
+    async function createVisitor(payload: Partial<TVisitorPayload>){
+      return await useNuxtApp().$api<Record<string, any>>("/api/visitor-transactions", {
+        method: "POST",
+        body: payload,
+      });
+    }
+
+    async function updateVisitor(_id: string, payload: Partial<TVisitorPayload>){
+      return await useNuxtApp().$api<Record<string, any>>(`/api/visitor-transactions/id/${_id}`, {
+        method: "PUT",
+        body: payload,
+      }); 
+    }
+
+    async function deleteVisitor(_id: string){
+      return await useNuxtApp().$api<Record<string, any>>(`/api/visitor-transactions/id/${_id}`, {
+        method: "DELETE",
+      }); 
+    }
+
+    return {
+        typeFieldMap,
+        visitorSelection,
+        contractorTypes,
+        createVisitor,
+        getVisitors,
+        updateVisitor,
+        deleteVisitor
+    }
+}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@iservice365/layer-common",
   "license": "MIT",
   "type": "module",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground",

package/plugins/vuetify.ts

@@ -1,6 +1,8 @@
 // import this after install `@mdi/font` package
 import "@mdi/font/css/materialdesignicons.css";
 import { VFileUpload, VFileUploadItem } from 'vuetify/labs/VFileUpload'
+import { VMaskInput } from 'vuetify/labs/VMaskInput'
+
 
 import "vuetify/styles";
 import { createVuetify } from "vuetify";
@@ -16,10 +18,12 @@ export default defineNuxtPlugin((app) => {
       VAutocomplete: {
         variant: "outlined",
         density: "comfortable",
+        menuProps: { attach: document.body, zIndex: 3000, }
       },
       VSelect: {
         variant: "outlined",
         density: "comfortable",
+        menuProps: { attach: document.body, zIndex: 3000}
       },
       VTextarea: {
         variant: "outlined",
@@ -49,7 +53,8 @@ export default defineNuxtPlugin((app) => {
     },
     components: {
       VFileUpload,
-      VFileUploadItem
+      VFileUploadItem,
+      VMaskInput
     }
   });
 

package/types/building.d.ts

@@ -0,0 +1,19 @@
+declare type TBuilding = {
+  _id?: string;
+  site: string;
+  name: string;
+  block: number | null;
+  levels: string[];
+};
+
+declare type TBuildingUnit = {
+  _id?: string;
+  site: string;
+  name?: string;
+  building: string;
+  buildingName?: string;
+  block: number | null;
+  level: string | null;
+  category: string;
+  status: string;
+};

package/types/camera.d.ts

@@ -0,0 +1,31 @@
+declare type TCamera = {
+  site: string;
+  cameras: {
+    host: string;
+    username: string;
+    password: string;
+    type: TCameraTypes;
+  }[];
+};
+
+declare type TCameraConfig = {
+  host: string;
+  username: string;
+  password: string;
+  type: TCameraTypes;
+};
+
+declare type TCameraTypes = "ip" | "exit" | "entry" | "both";
+
+declare type TSiteCamera = {
+  _id?: string;
+  site: string;
+  host: string;
+  username: string;
+  password: string;
+  type: "ip" | "anpr";
+  category: "standard" | "resident" | "visitor";
+  direction: "entry" | "exit" | "both" | "none";
+  guardPost: number | null;
+  status: string;
+};

package/types/people.d.ts

@@ -0,0 +1,22 @@
+declare type TPeople = {
+  name?: string;
+  block?: number | string;
+  level?: string;
+  unit?: string | Partial<TBuildingUnit>;
+  unitName?: string;
+  contact: string;
+  plateNumber: string;
+  nric?: string;
+  contact?: string;
+  remarks?: string;
+  start: string;
+  end: string;
+  org: string;
+  site: string,
+  type?: TPeoplePayload;
+};
+
+
+declare type TPeoplePayload = Pick<TGuest, "name" | "block" | "level" | "unit" | "unitName" | "contact" | "plateNumber" | "nric" | "contact" | "remarks" | "org" | "site" | "start" | "end" | "type"> 
+
+declare type TPeopleType = "visitor" | "resident" | "tenant"

package/types/select.d.ts

@@ -0,0 +1,4 @@
+declare type TDefaultOptionObj = {
+  title: string;
+  value: any;
+}

package/types/site.d.ts

@@ -1,17 +1,20 @@
+declare type TSiteCreate = Pick<TSite, "name" | "description" | "orgId">;
+
+
 declare type TSite = {
   _id?: string;
   name: string;
   description?: string;
   orgId: string;
+  metadata?: TSiteMetadata;
+  status?: string;
+  createdAt?: string;
+  updatedAt?: string | string;
+  deletedAt?: string | string;
   blocks?: number;
-  customerOrgId: string;
-  customerSiteId: string;
+  customerOrgId?: string;
+  customerSiteId?: string;
   createdAt?: string;
   updatedAt?: string;
   deletedAt?: string;
-  metadata?: {
-    block?: number; // Number of blocks in the site
-  };
 };
-
-declare type TSiteCreate = Pick<TSite, "name" | "description" | "orgId">;

package/types/visitor.d.ts

@@ -0,0 +1,42 @@
+declare type TVisitor = {
+  name?: string;
+  type: TVisitorType;
+  company?: string | "";
+  block?: number | string;
+  level?: string;
+  unit?: string;
+  unitName?: string; // only for display purpose
+  contact: string;
+  plateNumber: string;
+  checkIn?: string;
+  checkOut?: string | null;
+  contractorType?: string;
+  deliveryType?: string;
+  nric?: string;
+  contact?: string;
+  remarks?: string;
+  attachments: string[];
+  org: string;
+  site: string,
+  manualCheckout?: boolean;
+};
+
+declare type TVisitorType = "contractor" | "delivery" | "walk-in" | "pick-up" | "drop-off";
+
+declare type TVisitorPayload = Pick<TVisitor, "name" | "type" | "company" | "block" | "level" | "unit" | "unitName" | "contact" | "plateNumber" | "checkOut" | "contractorType" | "deliveryType" | "nric" | "contact" | "remarks" | "attachments" | "org" | "site"> & {
+  members?: TMemberInfo[]
+}
+
+
+
+declare type TDefaultOptionObj = {
+  title: string;
+  value: any;
+}
+
+declare type TMemberInfo = {
+    name: string;
+    nric: string;
+    visitorPass: string;
+    contact: string
+}