@goweekdays/layer-common 1.4.6 → 1.5.1

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @goweekdays/layer-common
 
+## 1.5.1
+
+### Patch Changes
+
+- 4390428: Add default props for VCombobox in Vuetify plugin
+- 0304ef9: Refactor API calls to use $api from Nuxt plugin
+
+## 1.5.0
+
+### Minor Changes
+
+- fab8c5c: Add promo code support and input components
+
 ## 1.4.6
 
 ### Patch Changes

package/components/Input/Currency.vue

@@ -0,0 +1,60 @@
+<template>
+  <v-text-field
+    type="text"
+    inputmode="numeric"
+    :model-value="display"
+    @update:model-value="onInput"
+    @blur="format"
+    @keydown="onKeydown"
+    v-bind="$attrs"
+  >
+    <!-- forward all slots -->
+    <template v-for="(_, name) in $slots" #[name]="slotProps">
+      <slot :name="name" v-bind="slotProps" />
+    </template>
+  </v-text-field>
+</template>
+
+<script setup lang="ts">
+/**
+ * numeric v-model
+ */
+
+const localProps = defineProps({
+  step: {
+    type: Number,
+    default: 1,
+  },
+});
+const model = defineModel<number>({ default: 0 });
+
+const display = ref<string>("");
+
+const parse = (v: string) => Number(v.replace(/[^0-9]/g, "") || 0);
+
+const format = () => {
+  display.value = model.value.toLocaleString("en-US");
+};
+
+function onInput(val: string) {
+  if (!/^[0-9,]*$/.test(val)) return;
+  model.value = parse(val);
+  display.value = val;
+}
+
+function onKeydown(e: KeyboardEvent) {
+  if (e.key === "ArrowUp") {
+    e.preventDefault();
+    model.value += localProps.step;
+    format();
+  }
+
+  if (e.key === "ArrowDown") {
+    e.preventDefault();
+    model.value = Math.max(0, model.value - localProps.step);
+    format();
+  }
+}
+
+watch(() => model.value, format, { immediate: true });
+</script>

package/components/Input/Infinity.vue

@@ -0,0 +1,112 @@
+<template>
+  <v-text-field
+    type="text"
+    inputmode="numeric"
+    :model-value="display"
+    @update:model-value="onInput"
+    @update:focused="doAutoCorrect"
+    @keydown="onKeydown"
+    v-bind="$attrs"
+  >
+    <!-- forward all slots -->
+    <template v-for="(_, name) in $slots" #[name]="slotProps">
+      <slot :name="name" v-bind="slotProps" />
+    </template>
+  </v-text-field>
+</template>
+
+<script setup lang="ts">
+/**
+ * Numeric input that displays ∞ when value is 0
+ */
+
+const localProps = defineProps({
+  step: {
+    type: Number,
+    default: 1,
+  },
+  minValue: {
+    type: Number,
+    default: 0,
+  },
+  autoCorrect: {
+    type: Boolean,
+    default: false,
+  },
+});
+
+const model = defineModel<number>({ default: 0 });
+
+const display = ref<string>("");
+
+const INFINITY_SYMBOL = "∞";
+
+const parse = (v: string) => {
+  if (v === INFINITY_SYMBOL || v === "") return 0;
+  return Number(v.replace(/[^0-9]/g, "") || 0);
+};
+
+const format = () => {
+  display.value =
+    model.value === 0 ? INFINITY_SYMBOL : model.value.toLocaleString("en-US");
+};
+
+function doAutoCorrect() {
+  if (!localProps.autoCorrect) return;
+
+  // Auto-correct if value is invalid (> 0 but <= minValue)
+  if (model.value > 0 && model.value <= localProps.minValue) {
+    model.value = localProps.minValue + 1;
+    format();
+  }
+}
+
+function onInput(val: string) {
+  // Allow infinity symbol, empty, or numeric input
+  if (val === INFINITY_SYMBOL || val === "") {
+    model.value = 0;
+    display.value = val;
+    return;
+  }
+
+  // If current display is infinity and user types a number, replace entirely
+  if (display.value === INFINITY_SYMBOL) {
+    const numericOnly = val.replace(/[^0-9]/g, "");
+    if (numericOnly) {
+      model.value = Number(numericOnly);
+      display.value = numericOnly;
+      return;
+    }
+  }
+
+  if (!/^[0-9,]*$/.test(val)) return;
+  model.value = parse(val);
+  display.value = val;
+}
+
+function onKeydown(e: KeyboardEvent) {
+  if (e.key === "Enter") {
+    doAutoCorrect();
+  }
+
+  if (e.key === "ArrowUp") {
+    e.preventDefault();
+    // If value is 0 (infinity), start from minValue + 1
+    if (model.value === 0) {
+      model.value = localProps.minValue + 1;
+    } else {
+      model.value += localProps.step;
+    }
+    format();
+  }
+
+  if (e.key === "ArrowDown") {
+    e.preventDefault();
+    // Don't go below 0
+    model.value = Math.max(0, model.value - localProps.step);
+    format();
+  }
+}
+
+watch(() => model.value, format, { immediate: true });
+</script>

package/components/Input/Slug.vue

@@ -0,0 +1,50 @@
+<template>
+  <v-text-field
+    type="text"
+    :model-value="display"
+    @update:model-value="onInput"
+    @blur="format"
+    @keydown="onKeydown"
+    v-bind="$attrs"
+  >
+    <!-- forward all slots -->
+    <template v-for="(_, name) in $slots" #[name]="slotProps">
+      <slot :name="name" v-bind="slotProps" />
+    </template>
+  </v-text-field>
+</template>
+
+<script setup lang="ts">
+/**
+ * Input that converts spaces to hyphens and forces lowercase, useful for slugs, codes, or identifiers
+ */
+
+const model = defineModel<string>({ default: "" });
+
+const display = ref<string>("");
+
+const transform = (v: string) => {
+  return v.replace(/\s+/g, "-").toLowerCase();
+};
+
+const format = () => {
+  display.value = transform(model.value);
+  model.value = display.value;
+};
+
+function onInput(val: string) {
+  const transformed = transform(val);
+  model.value = transformed;
+  display.value = transformed;
+}
+
+function onKeydown(e: KeyboardEvent) {
+  if (e.key === " ") {
+    e.preventDefault();
+    model.value = transform(display.value + "-");
+    display.value = model.value;
+  }
+}
+
+watch(() => model.value, format, { immediate: true });
+</script>

package/components/InvitationMain.vue

@@ -66,7 +66,6 @@
     <v-dialog v-model="dialogView" width="450" persistent>
       <MemberInvite
         title="Invite Details"
-        :app="props.app"
         v-model="invitation"
         @close="setInvite({ dialog: false })"
         @cancel:invite="handleOpenCancelInvite()"
@@ -141,6 +140,8 @@ const pageRange = ref("-- - -- of --");
 const items = ref<Array<Record<string, any>>>([]);
 const { headerSearch } = useLocal();
 
+const isOrg = computed(() => props.app === "org");
+
 const {
   data: getInviteReq,
   refresh: getInvitations,
@@ -154,6 +155,7 @@ const {
       status: props.status,
       type: "user-invite,member-invite",
       org: props.org,
+      app: isOrg.value ? "" : props.app,
     })
 );
 
@@ -179,9 +181,7 @@ function setInvite({
 } = {}) {
   Object.assign(invitation.value, JSON.parse(JSON.stringify(data)));
 
-  if (dialog) {
-    dialogView.value = dialog;
-  }
+  dialogView.value = dialog;
 }
 
 function tableRowClickHandler(_: any, data: any) {

package/components/MemberInvite.vue

@@ -26,6 +26,7 @@
                   item-value="code"
                   :rules="isMutable ? [requiredRule] : []"
                   :loading="loadingApps"
+                  :readonly="!isMutable"
                 ></v-select>
               </v-col>
             </v-row>
@@ -189,7 +190,9 @@ const invite = defineModel<TMemberInvitation>({
   default: () => useMember().invitation.value,
 });
 
-invite.value.app = localProps.app;
+if (localProps.mode === "add") {
+  invite.value.app = localProps.app;
+}
 
 const message = defineModel("message", { default: "" });
 

package/composables/useAddress.ts

@@ -13,7 +13,7 @@ export default function useAddress() {
     postalCode = "",
     taxId = "",
   } = {}) {
-    return $fetch("/api/addresses", {
+    return useNuxtApp().$api("/api/addresses", {
       method: "POST",
       body: {
         type,
@@ -57,18 +57,18 @@ export default function useAddress() {
       payload.org = orgId;
     }
 
-    return $fetch(`/api/addresses/details/${id}`, {
+    return useNuxtApp().$api(`/api/addresses/details/${id}`, {
       method: "PUT",
       body: payload,
     });
   }
 
   function getByUserId(user = "") {
-    return $fetch<TAddress>(`/api/addresses/user/${user}`);
+    return useNuxtApp().$api<TAddress>(`/api/addresses/user/${user}`);
   }
 
   function getByOrgId(id = "") {
-    return $fetch<TAddress>(`/api/addresses/org/${id}`);
+    return useNuxtApp().$api<TAddress>(`/api/addresses/org/${id}`);
   }
 
   const _address = useState("address", (): TAddress => {

package/composables/useApps.ts

@@ -13,7 +13,7 @@ export default function useApps() {
   const resource = "/api/apps";
 
   function add(value: TApp) {
-    return $fetch(resource, {
+    return useNuxtApp().$api(resource, {
       method: "POST",
       body: value,
     });
@@ -26,7 +26,7 @@ export default function useApps() {
     status = "active",
     type = "standard",
   } = {}) {
-    return $fetch<Record<string, any>>(resource, {
+    return useNuxtApp().$api<Record<string, any>>(resource, {
       method: "GET",
       query: { page, limit, search, status, type },
     });
@@ -36,14 +36,14 @@ export default function useApps() {
     id: string,
     value: { name: string; description: string }
   ) {
-    return $fetch(`${resource}/id/${id}`, {
+    return useNuxtApp().$api(`${resource}/id/${id}`, {
       method: "PATCH",
       body: value,
     });
   }
 
   function deleteById(id: string) {
-    return $fetch(`${resource}/id/${id}`, {
+    return useNuxtApp().$api(`${resource}/id/${id}`, {
       method: "DELETE",
     });
   }

package/composables/useChartOfAccount.ts

@@ -7,7 +7,7 @@ export default function useChartOfAccount() {
       children?: number;
     }
   ) {
-    return $fetch<Record<string, any>>("/api/chart-of-accounts", {
+    return useNuxtApp().$api<Record<string, any>>("/api/chart-of-accounts", {
       method: "GET",
       query: { page, status, orgId, children },
     });
@@ -23,30 +23,35 @@ export default function useChartOfAccount() {
   };
 
   function add(value: TAddPayload) {
-    return $fetch<TAddPayload>("/api/chart-of-accounts", {
+    return useNuxtApp().$api<TAddPayload>("/api/chart-of-accounts", {
       method: "POST",
       body: value,
     });
   }
 
   function getById(id: string) {
-    return $fetch<Record<string, any>>(`/api/chart-of-accounts/id/${id}`);
+    return useNuxtApp().$api<Record<string, any>>(
+      `/api/chart-of-accounts/id/${id}`
+    );
   }
 
   function updateById(
     id: string,
     value: Pick<TAddPayload, "name" | "code" | "normalBalance" | "parent">
   ) {
-    return $fetch<TAddPayload>(`/api/chart-of-accounts/id/${id}`, {
+    return useNuxtApp().$api<TAddPayload>(`/api/chart-of-accounts/id/${id}`, {
       method: "PUT",
       body: value,
     });
   }
 
   function deleteById(id: string) {
-    return $fetch<Record<string, any>>(`/api/chart-of-accounts/id/${id}`, {
-      method: "DELETE",
-    });
+    return useNuxtApp().$api<Record<string, any>>(
+      `/api/chart-of-accounts/id/${id}`,
+      {
+        method: "DELETE",
+      }
+    );
   }
 
   return {

package/composables/useFile.ts

@@ -7,16 +7,19 @@ export default function useFile() {
     const formData = new FormData();
     formData.append("file", file);
 
-    return $fetch<Record<string, any>>("/api/files", {
+    return useNuxtApp().$api<Record<string, any>>("/api/files", {
       method: "POST",
       body: formData,
     });
   }
 
   function deleteFile(attachmentId: string) {
-    return $fetch<Record<string, any>>(`/api/files/${attachmentId}`, {
-      method: "DELETE",
-    });
+    return useNuxtApp().$api<Record<string, any>>(
+      `/api/files/${attachmentId}`,
+      {
+        method: "DELETE",
+      }
+    );
   }
 
   return {

package/composables/useInvoice.ts

@@ -4,23 +4,29 @@ export default function useInvoice() {
       throw new Error("Subscription ID is required");
     }
 
-    return $fetch<Record<string, any>>(`/api/invoices/subscription/${id}`, {
-      method: "GET",
-      params: {
-        search,
-        page,
-      },
-    });
+    return useNuxtApp().$api<Record<string, any>>(
+      `/api/invoices/subscription/${id}`,
+      {
+        method: "GET",
+        params: {
+          search,
+          page,
+        },
+      }
+    );
   }
 
   function getByNumber(number: string) {
-    return $fetch<Record<string, any>>(`/api/invoices/number/${number}`, {
-      method: "GET",
-    });
+    return useNuxtApp().$api<Record<string, any>>(
+      `/api/invoices/number/${number}`,
+      {
+        method: "GET",
+      }
+    );
   }
 
   function getByDueDateStatus(date: string, status: string) {
-    return $fetch<Record<string, any>>(
+    return useNuxtApp().$api<Record<string, any>>(
       `/api/invoices/due-date/${date}/status/${status}`,
       {
         method: "GET",

package/composables/useJobPost.ts

@@ -0,0 +1,67 @@
+export function useJobPost() {
+  const jobPost = ref<TJobPost>({
+    title: "",
+    org: "",
+    setup: "",
+    location: "",
+    type: "",
+    description: "",
+  });
+
+  function getAll({ page = 1, limit = 50, search = "" } = {}) {
+    return useNuxtApp().$api<Record<string, any>>(`/api/job/posts`, {
+      method: "GET",
+      query: {
+        page,
+        limit,
+        search,
+      },
+    });
+  }
+
+  function getJobPostsByOrg(
+    id: any,
+    { page = 1, search = "", status = "draft", limit = 10, org = "" } = {}
+  ) {
+    return useNuxtApp().$api<Record<string, any>>(`/api/job/posts/${id}`, {
+      method: "GET",
+      query: {
+        page,
+        search,
+        limit,
+        status,
+        org,
+      },
+    });
+  }
+
+  function getJobPostsById(id: any) {
+    return useNuxtApp().$api<Record<string, any>>(`/api/job/posts/id/${id}`, {
+      method: "GET",
+    });
+  }
+
+  function deleteJobPostById(id: any) {
+    return useNuxtApp().$api<Record<string, any>>(`/api/job/posts/id/${id}`, {
+      method: "DELETE",
+    });
+  }
+
+  function updateJobPostStatusById(id: any, status: any) {
+    return useNuxtApp().$api<Record<string, any>>(
+      `/api/job/posts/id/${id}/status/${status}`,
+      {
+        method: "PATCH",
+      }
+    );
+  }
+
+  return {
+    jobPost,
+    getAll,
+    getJobPostsByOrg,
+    getJobPostsById,
+    deleteJobPostById,
+    updateJobPostStatusById,
+  };
+}

package/composables/useLedgerBilling.ts

@@ -1,6 +1,6 @@
 export default function useLedgerBilling() {
   function getAll({ org = "", search = "", page = 1, status = "" } = {}) {
-    return $fetch<Record<string, any>>("/api/ledger/billings", {
+    return useNuxtApp().$api<Record<string, any>>("/api/ledger/billings", {
       method: "GET",
       query: {
         org,
@@ -12,13 +12,16 @@ export default function useLedgerBilling() {
   }
 
   function getById(id = "") {
-    return $fetch<Record<string, any>>(`/api/ledger/billings/id/${id}`, {
-      method: "GET",
-    });
+    return useNuxtApp().$api<Record<string, any>>(
+      `/api/ledger/billings/id/${id}`,
+      {
+        method: "GET",
+      }
+    );
   }
 
   function getSummary(org = "", status = "") {
-    return $fetch<Record<string, any>>(
+    return useNuxtApp().$api<Record<string, any>>(
       `/api/ledger/billings/summary/org/${org}/status/${status}`,
       {
         method: "GET",

package/composables/useLocalAuth.ts

@@ -13,7 +13,7 @@ export default function useLocalAuth() {
   };
 
   async function login({ email = "", password = "", role = "" }) {
-    return $fetch<Record<string, any>>("/api/auth/login", {
+    return useNuxtApp().$api<Record<string, any>>("/api/auth/login", {
       method: "POST",
       body: JSON.stringify({ email, password, role }),
     });
@@ -29,7 +29,7 @@ export default function useLocalAuth() {
     const user = useCookie("user", cookieConfig).value;
     if (!user) return null;
     try {
-      const _user = await $fetch<TUser>(`/api/users/id/${user}`, {
+      const _user = await useNuxtApp().$api<TUser>(`/api/users/id/${user}`, {
         method: "GET",
       });
 
@@ -41,14 +41,17 @@ export default function useLocalAuth() {
   }
 
   async function forgotPassword(email: string) {
-    return $fetch<Record<string, any>>("/api/verifications/forget-password", {
-      method: "POST",
-      body: JSON.stringify({ email }),
-    });
+    return useNuxtApp().$api<Record<string, any>>(
+      "/api/verifications/forget-password",
+      {
+        method: "POST",
+        body: JSON.stringify({ email }),
+      }
+    );
   }
 
   function verify(id: string) {
-    return $fetch<Record<string, any>>(`/api/auth/verify/${id}`, {
+    return useNuxtApp().$api<Record<string, any>>(`/api/auth/verify/${id}`, {
       method: "GET",
     });
   }