@goweekdays/layer-common 0.0.12 → 0.1.0

package/composables/usePaymentMethod.ts

@@ -1,3 +1,5 @@
+import { z } from "zod";
+
 export default function usePaymentMethod() {
   function linkEWallet({
     type = "GCASH",
@@ -72,10 +74,13 @@ export default function usePaymentMethod() {
 
   function getById(id = "") {
     return useNuxtApp().$api<Record<string, any>>(
-      `/api/payment-methods/id/${id}`,
-      {
-        method: "GET",
-      }
+      `/api/payment-methods/id/${id}`
+    );
+  }
+
+  function getByCustomerId(id = "") {
+    return useNuxtApp().$api<Record<string, any>>(
+      `/api/payment-methods/customer/${id}`
     );
   }
 
@@ -84,16 +89,10 @@ export default function usePaymentMethod() {
   const cardExpiration = useState("cardExpiration", () => "");
   const cardSecurityCode = useState("cardSecurityCode", () => "");
   const cardholderName = useState("cardholderName", () => "");
+  const cardholderMobileNumber = useState("cardholderMobileNumber", () => "");
+  const cardholderEmail = useState("cardholderEmail", () => "");
   const selectedPaymentMethod = useState("selectedPaymentMethod", () => "");
 
-  function reset() {
-    eWalletNumber.value = "";
-    cardNumber.value = "";
-    cardExpiration.value = "";
-    cardSecurityCode.value = "";
-    cardholderName.value = "";
-  }
-
   function linkOnly(value: Record<string, any>) {
     return useNuxtApp().$api<Record<string, any>>(
       "/api/payment-methods/link-only",
@@ -109,21 +108,25 @@ export default function usePaymentMethod() {
       channel: "GCASH",
       logo: "/gcash-logo.svg",
       type: "EWALLET",
+      text: "GCash",
     },
     {
       channel: "PAYMAYA",
       logo: "/paymaya-logo.svg",
       type: "EWALLET",
+      text: "PayMaya",
     },
     {
       channel: "GRABPAY",
       logo: "/grabpay-logo.svg",
       type: "EWALLET",
+      text: "GrabPay",
     },
     {
       channel: "SHOPEEPAY",
       logo: "/shopeepay-logo.svg",
       type: "EWALLET",
+      text: "ShopeePay",
     },
   ];
 
@@ -132,26 +135,31 @@ export default function usePaymentMethod() {
       channel: "UBP",
       logo: "/ubp-logo.svg",
       type: "DIRECT_DEBIT",
+      text: "BA_UBP",
     },
     {
       channel: "BDO",
       logo: "/bdo-logo.svg",
       type: "DIRECT_DEBIT",
+      text: "BDO",
     },
     {
       channel: "BPI",
       logo: "/bpi-logo.svg",
       type: "DIRECT_DEBIT",
+      text: "BA_BPI",
     },
     {
       channel: "RCBC",
       logo: "/rcbc-logo.svg",
       type: "DIRECT_DEBIT",
+      text: "RCBC",
     },
     {
       channel: "Chinabank",
       logo: "/chinabank-logo.svg",
       type: "DIRECT_DEBIT",
+      text: "Chinabank",
     },
   ];
 
@@ -160,6 +168,155 @@ export default function usePaymentMethod() {
     ...supportedDirectDebit,
   ];
 
+  const { updatePaymentMethodById } = useSubscription();
+
+  const linkingOverlay = useState("linkingOverlay", () => false);
+  const updatingPaymentMethod = useState("updatingPaymentMethod", () => false);
+  const linkingMessage = useState("linkingMessage", () => "");
+  const paymentMethod = useState(
+    "paymentMethod",
+    (): Record<string, any> | null => null
+  );
+
+  function reset() {
+    eWalletNumber.value = "";
+    cardNumber.value = "";
+    cardExpiration.value = "";
+    cardSecurityCode.value = "";
+    cardholderName.value = "";
+    paymentMethod.value = null;
+  }
+
+  async function initLink(value: TLinkParams, callback?: Function) {
+    const validation = z.object({
+      subscriptionId: z.string().min(1).optional(),
+      paymentMethodType: z.enum(["EWALLET", "DIRECT_DEBIT", "CREDIT_CARD"]),
+      paymentMethodChannel: z.string().min(1),
+      customerId: z.string().min(1),
+      card_number: z.string().optional(),
+      expiry_month: z.string().optional(),
+      expiry_year: z.string().optional(),
+      card_security_code: z.string().optional(),
+      cardholder_name: z.string().optional(),
+    });
+
+    const parsed = validation.safeParse(value);
+
+    if (!parsed.success) {
+      throw new Error(
+        `Validation failed: ${parsed.error.issues
+          .map((issue) => `${issue.path.join(".")}: ${issue.message}`)
+          .join(", ")}`
+      );
+    }
+
+    linkingOverlay.value = true;
+    const success_return_url = `${window.origin}/payment-method-linked`;
+    const failure_return_url = `${window.origin}/payment-method-failed-link`;
+    const cancel_return_url = `${window.origin}/payment-method-cancel-link`;
+
+    const payload: Record<string, any> = {
+      type: value.paymentMethodType,
+      reusability: "MULTIPLE_USE",
+    };
+
+    if (payload.type === "EWALLET") {
+      payload.country = "PH";
+      payload.ewallet = {
+        channel_code: value.paymentMethodChannel,
+        channel_properties: {
+          success_return_url,
+          failure_return_url,
+          cancel_return_url,
+        },
+      };
+
+      payload.customer_id = value.customerId;
+    } else if (payload.type === "DIRECT_DEBIT") {
+      payload.direct_debit = {
+        channel_code: value.paymentMethodChannel,
+        channel_properties: {
+          success_return_url,
+          failure_return_url,
+        },
+      };
+      payload.customer_id = value.customerId;
+    } else if (payload.type === "CARD") {
+      payload.card = {
+        currency: "PHP",
+        channel_properties: {
+          success_return_url,
+          failure_return_url,
+          skip_three_d_secure: true,
+        },
+        card_information: {
+          card_number: value.card_number,
+          expiry_month: value.expiry_month,
+          expiry_year: value.expiry_year,
+          cvv: value.card_security_code,
+          cardholder_name: value.cardholder_name,
+        },
+      };
+    }
+
+    try {
+      const _paymentMethod = await linkOnly(payload);
+
+      // Open a small popup window
+      const popupWidth = 500;
+      const popupHeight = 600;
+      const left = (screen.width - popupWidth) / 2;
+      const top = (screen.height - popupHeight) / 2;
+
+      const popup = window.open(
+        _paymentMethod.actions[0].url,
+        "eWalletPopup",
+        `width=${popupWidth},height=${popupHeight},top=${top},left=${left},resizable=yes,scrollbars=yes`
+      );
+
+      // Check every 500ms if the popup is closed
+      const checkPopupClosed = setInterval(async () => {
+        if (!popup || popup.closed) {
+          clearInterval(checkPopupClosed);
+          console.log(
+            "Popup closed. Proceeding with subscription automation..."
+          );
+          // Call your function to handle subscription
+
+          const temp = await getById(_paymentMethod.id);
+
+          if (temp.status === "ACTIVE" && value.subscriptionId) {
+            await updatePaymentMethodById(
+              value.subscriptionId,
+              _paymentMethod.id as string
+            );
+
+            paymentMethod.value = await getById(_paymentMethod.id);
+          }
+
+          if (callback) {
+            callback();
+          }
+
+          updatingPaymentMethod.value = false;
+          linkingOverlay.value = false;
+        }
+      }, 500);
+    } catch (error: any) {
+      linkingMessage.value = error.response._data.message;
+    }
+  }
+
+  function updateStatusById(id: string, status: string) {
+    return useNuxtApp().$api<Record<string, any>>(
+      `/api/payment-methods/status/${id}`,
+      {
+        method: "PATCH",
+        body: { status },
+      }
+    );
+  }
+
   return {
     linkEWallet,
     linkCard,
@@ -170,10 +327,21 @@ export default function usePaymentMethod() {
     cardExpiration,
     cardSecurityCode,
     cardholderName,
+    cardholderMobileNumber,
+    cardholderEmail,
     selectedPaymentMethod,
     reset,
     linkOnly,
     getById,
     supportedPaymentMethods,
+    supportedDirectDebit,
+    supportedEwallets,
+    initLink,
+    linkingOverlay,
+    updatingPaymentMethod,
+    linkingMessage,
+    paymentMethod,
+    getByCustomerId,
+    updateStatusById,
   };
 }

package/composables/useSubscription.ts

@@ -1,4 +1,19 @@
 export default function useSubscription() {
+  function createSubscriptionPlan(
+    seats: number,
+    trialDays: number,
+    productId: string
+  ) {
+    return useNuxtApp().$api("/api/subscriptions/plan", {
+      method: "POST",
+      body: {
+        seats,
+        trialDays,
+        productId,
+      },
+    });
+  }
+
   function add(subscriptionId: string, user: string) {
     return useNuxtApp().$api("/api/subscriptions", {
       method: "POST",
@@ -9,6 +24,40 @@ export default function useSubscription() {
     });
   }
 
+  function addBillingContactById(id: string, email: string) {
+    return useNuxtApp().$api(`/api/subscriptions/billing-contact/${id}`, {
+      method: "PUT",
+      body: {
+        email,
+      },
+    });
+  }
+
+  function updateBillingContactByAddedAt(
+    id: string,
+    addedAt: string,
+    email: string
+  ) {
+    return useNuxtApp().$api(
+      `/api/subscriptions/billing-contact/${id}/added-at/${addedAt}`,
+      {
+        method: "PUT",
+        body: {
+          email,
+        },
+      }
+    );
+  }
+
+  function deleteBillingContactByAddedAt(id: string, addedAt: string) {
+    return useNuxtApp().$api(
+      `/api/subscriptions/billing-contact/${id}/added-at/${addedAt}`,
+      {
+        method: "DELETE",
+      }
+    );
+  }
+
   function getById(id: string) {
     return useNuxtApp().$api<TSubscription>(`/api/subscriptions/id/${id}`);
   }
@@ -62,6 +111,15 @@ export default function useSubscription() {
     });
   }
 
+  function updatePaymentMethodById(id: string, paymentMethodId: string) {
+    return useNuxtApp().$api(`/api/subscriptions/payment-method/${id}`, {
+      method: "PUT",
+      body: {
+        paymentMethodId,
+      },
+    });
+  }
+
   async function affSubscriptionStatus() {
     const { currentUser } = useLocalAuth();
 
@@ -144,6 +202,36 @@ export default function useSubscription() {
     );
   }
 
+  function processSubscriptionPayment(id: string, invoice: string) {
+    return useNuxtApp().$api(`/api/subscriptions/payment/id/${id}`, {
+      method: "PUT",
+      body: {
+        invoice,
+      },
+    });
+  }
+
+  function addOrgSubscription(value: {
+    user: string;
+    transactionId: string;
+    promoCode?: string;
+    seats: number;
+    perSeatPrice: number;
+    currency: string;
+    org: {
+      name: string;
+      email: string;
+      contact: string;
+      busInst: string;
+      type: string;
+    };
+  }) {
+    return useNuxtApp().$api("/api/subscriptions/subscribe", {
+      method: "POST",
+      body: value,
+    });
+  }
+
   return {
     add,
     getById,
@@ -161,5 +249,12 @@ export default function useSubscription() {
     updateSeatsById,
     updatePromoCodeById,
     updateStatusById,
+    updatePaymentMethodById,
+    addBillingContactById,
+    updateBillingContactByAddedAt,
+    deleteBillingContactByAddedAt,
+    processSubscriptionPayment,
+    createSubscriptionPlan,
+    addOrgSubscription,
   };
 }

package/composables/useUtils.ts

@@ -133,11 +133,14 @@ export default function useUtils() {
   async function getCountries() {
     try {
       const countries = await useNuxtApp().$api<Array<Record<string, any>>>(
-        "https://restcountries.com/v3.1/all",
+        "https://restcountries.com/v3.1/all?fields=name,currencies,idd",
         { method: "GET" }
       );
 
-      const uniqueCountries = new Map();
+      const uniqueCountries: Map<
+        string,
+        { index: string; name: string; code: string }
+      > = new Map();
 
       countries.forEach((country) => {
         let suffixes = country.idd?.suffixes?.[0] || "";
@@ -221,6 +224,14 @@ export default function useUtils() {
     );
   }
 
+  function extractMonthYear(expiry: string) {
+    const [month, year] = expiry.split("/");
+    return {
+      month: month.padStart(2, "0"),
+      year: 2000 + parseInt(year, 10),
+    };
+  }
+
   return {
     requiredRule,
     emailRule,
@@ -242,5 +253,6 @@ export default function useUtils() {
     computeTieredCost,
     requireListRule,
     convertPermissionsToArray,
+    extractMonthYear,
   };
 }

package/middleware/01.auth.ts

@@ -11,13 +11,4 @@ export default defineNuxtRouteMiddleware(async () => {
     // Redirect to login page if no access token
     return navigateTo({ name: "index" });
   }
-
-  const { getCurrentUser } = useLocalAuth();
-
-  try {
-    await getCurrentUser();
-  } catch (error) {
-    // Redirect to login page if user authentication fails
-    return navigateTo({ name: "index" });
-  }
 });

package/middleware/org.ts

@@ -5,7 +5,7 @@ const hexSchema = z
   .regex(/^[0-9a-fA-F]{24}$/, "Invalid organization ID");
 
 export default defineNuxtRouteMiddleware((to) => {
-  const { organization } = to.params;
+  const organization = (to.params.organization as string) ?? "";
 
   if (organization && !hexSchema.safeParse(organization).success) {
     return navigateTo(

package/nuxt.config.ts

@@ -8,6 +8,7 @@ export default defineNuxtConfig({
 
   runtimeConfig: {
     public: {
+      XENDIT_PUBLIC_KEY: (process.env.XENDIT_PUBLIC_KEY as string) ?? "",
       BASE_URL: process.env.BASE_URL ?? "/",
       cookieConfig: {
         domain: (process.env.DOMAIN as string) ?? "localhost",
@@ -24,6 +25,7 @@ export default defineNuxtConfig({
       APP_AFFILIATE: (process.env.APP_AFFILIATE as string) ?? "",
       APP_INVENTORY: (process.env.APP_INVENTORY as string) ?? "",
       APP_ASSET: (process.env.APP_ASSET as string) ?? "",
+      APP_ACCOUNTING: (process.env.APP_ACCOUNTING as string) ?? "",
       APP_BOOK_KEEPING: (process.env.APP_BOOK_KEEPING as string) ?? "",
     },
   },

package/package.json

@@ -2,7 +2,7 @@
   "name": "@goweekdays/layer-common",
   "license": "MIT",
   "type": "module",
-  "version": "0.0.12",
+  "version": "0.1.0",
   "main": "./nuxt.config.ts",
   "publishConfig": {
     "access": "public"

package/pages/payment-method-cancel-link.vue

@@ -0,0 +1,31 @@
+<template>
+  <v-row no-gutters class="fill-height" justify="center" align-content="center">
+    <v-card class="pa-4" elevation="4" color="warning lighten-1">
+      <v-card-title class="text-white d-flex align-center">
+        <v-icon class="mr-2">mdi-check-circle</v-icon>
+        Cancelled Payment Method Link
+      </v-card-title>
+
+      <v-card-actions class="d-flex justify-center">
+        <v-btn
+          color="white"
+          variant="tonal"
+          rounded="xl"
+          size="large"
+          @click="closeWindow"
+          >Close</v-btn
+        >
+      </v-card-actions>
+    </v-card>
+  </v-row>
+</template>
+
+<script setup>
+definePageMeta({
+  layout: "plain",
+});
+
+const closeWindow = () => {
+  window.close();
+};
+</script>

package/pages/payment-method-failed-link.vue

@@ -0,0 +1,31 @@
+<template>
+  <v-row no-gutters class="fill-height" justify="center" align-content="center">
+    <v-card class="pa-4" elevation="4" color="error lighten-1">
+      <v-card-title class="text-white d-flex align-center">
+        <v-icon class="mr-2">mdi-check-circle</v-icon>
+        Failed Payment Method Link
+      </v-card-title>
+
+      <v-card-actions class="d-flex justify-center">
+        <v-btn
+          color="white"
+          variant="tonal"
+          rounded="xl"
+          size="large"
+          @click="closeWindow"
+          >Close</v-btn
+        >
+      </v-card-actions>
+    </v-card>
+  </v-row>
+</template>
+
+<script setup>
+definePageMeta({
+  layout: "plain",
+});
+
+const closeWindow = () => {
+  window.close();
+};
+</script>

package/plugins/API.ts

@@ -11,9 +11,7 @@ export default defineNuxtPlugin(() => {
     retryDelay: 500,
     onRequest({ options }) {
       const accessToken = useCookie("accessToken", cookieConfig).value;
-      options.headers = accessToken
-        ? { Authorization: `Bearer ${accessToken}` }
-        : {};
+      options.headers.set("Authorization", `Bearer ${accessToken}`);
     },
 
     async onResponseError({ response }) {

package/types/invoice.d.ts

@@ -0,0 +1,28 @@
+declare type TInvoiceItem = {
+  itemId: string;
+  quantity: number;
+  seats?: number;
+  total: number;
+};
+
+declare type TInvoiceMetadata = {
+  userId?: string | ObjectId;
+  orgId?: string | ObjectId;
+  subscriptionId?: string | ObjectId;
+  currency?: string;
+  description?: string;
+};
+
+declare type TInvoice = {
+  _id?: string | ObjectId;
+  invoiceNumber: string;
+  billingCycle: string;
+  status: string;
+  createdAt: string;
+  updatedAt: string;
+  items: TInvoiceItem[];
+  metadata?: TInvoiceMetadata;
+  amount: number;
+  dueDate: string;
+  type: string;
+};

package/types/local.d.ts

@@ -14,6 +14,7 @@ declare type TNavigationItem = {
   icon?: string;
   route?: TNavigationRoute;
   children?: TNavigationItem[];
+  disabled?: boolean;
 };
 
 declare type TKeyValuePair<

package/types/payment-method.d.ts

@@ -0,0 +1,11 @@
+declare type TLinkParams = {
+  subscriptionId?: string;
+  paymentMethodType: string;
+  paymentMethodChannel: string;
+  customerId: string;
+  card_number?: string;
+  expiry_month?: string;
+  expiry_year?: string;
+  card_security_code?: string;
+  cardholder_name?: string;
+};

package/types/subscription.d.ts

@@ -1,3 +1,8 @@
+declare type TBillingRecipient = {
+  addedAt?: string;
+  email: string;
+};
+
 declare type TSubscription = {
   _id?: string;
   user?: string;
@@ -14,6 +19,7 @@ declare type TSubscription = {
   maxSeats?: number;
   status?: string;
   billingCycle: "monthly" | "yearly";
+  billingContacts?: TBillingRecipient[];
   nextBillingDate?: string;
   lastPaymentStatus?: string;
   failedAttempts?: number;

package/types/xendit.d.ts

@@ -0,0 +1,3 @@
+declare interface Window {
+  Xendit: Record<any, any>;
+}