@goweekdays/layer-common 0.0.2 → 0.0.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @goweekdays/layer-common
 
+## 0.0.4
+
+### Patch Changes
+
+- e23db37: Update org landing page link
+
+## 0.0.3
+
+### Patch Changes
+
+- 2e5c4a7: Add public folder
+
 ## 0.0.2
 
 ### Patch Changes

package/components/Layout/Header.vue

@@ -1,6 +1,6 @@
 <template>
   <v-app-bar scroll-behavior="elevate" scroll-threshold="200">
-    <div style="width: 264px" class="ml-2">
+    <div style="width: 264px" class="ml-4">
       <nuxt-link
         class="text-h6 font-weight-medium text-decoration-none APP_NAME"
         :to="{ name: APP_NAME_ROUTE }"
@@ -229,7 +229,7 @@ const defaultApps = [
     title: "Organization",
     icon: "mdi-domain",
     link: APP_ORG,
-    landingPage: "home",
+    landingPage: `org/${currentUser.value?.defaultOrg}`,
   },
   {
     title: "Admin",

package/components/SwitchOrg.vue

@@ -0,0 +1,113 @@
+<template>
+  <v-row no-gutters class="mb-4 pl-4 fill-height" align="center">
+    <v-avatar color="surface-variant" size="28">
+      <v-img :src="profile" width="200" height="200"></v-img>
+    </v-avatar>
+
+    <v-menu
+      v-model="menu"
+      location="bottom"
+      offset="5px"
+      :close-on-content-click="false"
+    >
+      <template #activator="{ props }">
+        <v-btn variant="text" class="text-none ml-2" v-bind="props">
+          <div class="d-block text-truncate" style="max-width: 130px">
+            {{ selectedOrg?.text || "Select organization" }}
+          </div>
+          <v-icon class="ml-1">mdi-menu-down</v-icon>
+        </v-btn>
+      </template>
+
+      <v-card width="300px" rounded="lg" class="pa-4">
+        <span class="text-subtitle-2 font-weight-bold">
+          Switch organization context
+        </span>
+        <v-text-field density="compact" width="100%" hide-details class="mb-2">
+          <template #prepend-inner>
+            <v-icon>mdi-magnify</v-icon>
+          </template>
+        </v-text-field>
+        <v-divider />
+        <v-list class="pa-0 my-2" density="compact" max-height="200px">
+          <v-list-item
+            density="compact"
+            class="text-caption font-weight-bold"
+            v-for="item in orgs"
+            :key="item.value"
+            @click="switchOrg(item.value)"
+          >
+            <v-icon size="16" class="mr-2">
+              {{ currentOrg === item.value ? "mdi-check" : "" }}
+            </v-icon>
+
+            {{ item.text }}
+          </v-list-item>
+        </v-list>
+
+        <v-btn
+          block
+          class="text-none mb-1"
+          variant="tonal"
+          :to="{ name: 'organizations' }"
+        >
+          Manage Organizations
+        </v-btn>
+        <v-btn
+          block
+          class="text-none mt-1"
+          variant="tonal"
+          :to="{ name: 'organizations-create' }"
+        >
+          Create Organization
+        </v-btn>
+      </v-card>
+    </v-menu>
+  </v-row>
+</template>
+
+<script setup lang="ts">
+const { currentUser } = useLocalAuth();
+
+const menu = ref(false);
+
+const profile = computed(() => {
+  return `/api/public/${currentUser.value?.profile}`;
+});
+
+const { getOrgs: _getOrgs, currentOrg } = useOrg();
+
+const orgs = ref<Array<Record<string, any>>>([]);
+const page = ref(1);
+
+const selectedOrg = ref<Record<string, any> | null>();
+
+function setOrg() {
+  selectedOrg.value = orgs.value.find((org) => org.value === currentOrg.value);
+}
+
+watch(currentOrg, () => {
+  menu.value = false;
+  setOrg();
+});
+
+async function getOrgs() {
+  try {
+    const res = await _getOrgs({ user: currentUser.value?._id });
+    orgs.value = res.items;
+    page.value = res.page;
+    setOrg();
+  } catch (error) {
+    console.log(error);
+  }
+}
+
+getOrgs();
+
+function switchOrg(org: string) {
+  navigateTo({
+    name: "org-organization",
+    params: { organization: org },
+  });
+}
+</script>

package/composables/useOrg.ts

@@ -1,11 +1,12 @@
 export default function useOrg() {
-  function getOrgs({ page = 1, search = "", user = "" } = {}) {
-    return useNuxtApp().$api<Array<TOrg>>("/api/organizations", {
+  function getOrgs({ page = 1, search = "", user = "", limit = 20 } = {}) {
+    return useNuxtApp().$api<Record<string, any>>("/api/organizations", {
       method: "GET",
       query: {
         page,
         search,
         user,
+        limit,
       },
     });
   }
@@ -60,6 +61,14 @@ export default function useOrg() {
     });
   }
 
+  const { currentUser } = useLocalAuth();
+
+  const currentOrg = computed(
+    () =>
+      (useRoute().params.organization as string) ||
+      currentUser.value?.defaultOrg
+  );
+
   return {
     org,
     getOrgs,
@@ -69,5 +78,6 @@ export default function useOrg() {
     seats,
     total,
     getByName,
+    currentOrg,
   };
 }

package/composables/usePaymentMethod.ts

@@ -2,6 +2,8 @@ export default function usePaymentMethod() {
   function linkEWallet({
     mobile_number = "",
     type = "GCASH",
+    org = "",
+    user = "",
     success_return_url = "",
     failure_return_url = "",
     cancel_return_url = "",
@@ -14,6 +16,8 @@ export default function usePaymentMethod() {
         body: {
           mobile_number,
           type,
+          user,
+          org,
           success_return_url,
           failure_return_url,
           cancel_return_url,
@@ -52,9 +56,18 @@ export default function usePaymentMethod() {
     });
   }
 
-  function getByUser() {
+  function getByUser(user = "") {
     return useNuxtApp().$api<Array<Record<string, any>>>(
-      "/api/payment-methods",
+      `/api/payment-methods/user/${user}`,
+      {
+        method: "GET",
+      }
+    );
+  }
+
+  function getByOrg(org = "") {
+    return useNuxtApp().$api<Array<Record<string, any>>>(
+      `/api/payment-methods/org/${org}`,
       {
         method: "GET",
       }
@@ -72,6 +85,7 @@ export default function usePaymentMethod() {
     linkEWallet,
     linkCard,
     getByUser,
+    getByOrg,
     eWalletNumber,
     cardNumber,
     cardExpiration,

package/package.json

@@ -2,8 +2,11 @@
   "name": "@goweekdays/layer-common",
   "license": "MIT",
   "type": "module",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "main": "./nuxt.config.ts",
+  "publishConfig": {
+    "access": "public"
+  },
   "scripts": {
     "dev": "nuxi dev .playground",
     "dev:prepare": "nuxt prepare .playground",

package/plugins/vuetify.ts

@@ -3,7 +3,6 @@ import "@mdi/font/css/materialdesignicons.css";
 
 import "vuetify/styles";
 import { createVuetify } from "vuetify";
-import { VStepperVertical } from "vuetify/labs/VStepperVertical";
 
 const defaultTheme = {
   dark: false,
@@ -35,9 +34,6 @@ export default defineNuxtPlugin((app) => {
         defaultTheme,
       },
     },
-    components: {
-      VStepperVertical,
-    },
   });
 
   app.vueApp.use(vuetify);

package/types/local.d.ts

@@ -1,22 +1,3 @@
-declare type TUser = {
-  _id: string;
-  email: string;
-  password: string;
-  firstName: string;
-  middleName?: string;
-  lastName: string;
-  suffix?: string;
-  birthMonth?: string;
-  birthDate?: string;
-  birthYear?: string;
-  profile?: string;
-  defaultOrg?: string;
-  createdAt: string;
-  updatedAt: string;
-  status: string;
-  deletedAt: string;
-};
-
 declare type TToken = {
   accessToken: string;
   refreshToken: string;

package/types/subscription.d.ts

@@ -1,6 +1,6 @@
 declare type TSubscription = {
-  _id?: ObjectId;
-  user: ObjectId | string;
+  _id?: string;
+  user: string;
   subscriptionId: string;
   status?: string;
   createdAt?: string;

package/types/user.d.ts

@@ -0,0 +1,18 @@
+declare type TUser = {
+  _id: string;
+  email: string;
+  password: string;
+  firstName: string;
+  middleName?: string;
+  lastName: string;
+  suffix?: string;
+  birthMonth?: string;
+  birthDate?: string;
+  birthYear?: string;
+  profile?: string;
+  defaultOrg?: string;
+  createdAt: string;
+  updatedAt: string;
+  status: string;
+  deletedAt: string;
+};

package/types/verification.d.ts

@@ -0,0 +1,15 @@
+declare type TVerificationMetadata = {
+  app?: string;
+  role?: string;
+};
+
+declare type TVerification = {
+  _id?: string;
+  type: string;
+  email: string;
+  metadata?: TVerificationMetadata;
+  status?: string;
+  createdAt: string;
+  updatedAt?: string | null;
+  expireAt: string;
+};