Feat/implemented stripe payment for subscriptions

src/actions/login.ts

@@ -22,6 +22,7 @@ export const loginUser = async (values: z.infer<typeof LoginSchema>) => {
     return {
       status: response.status,
       organisations: response.data.data.organisations,
+      access_token: response.data.access_token,
     };
   } catch (error) {
     return axios.isAxiosError(error) && error.response

src/actions/payments.ts

@@ -0,0 +1,45 @@
+"use server";
+/* eslint-disable prettier/prettier */
+import axios from "axios";
+import { auth } from "~/lib/auth";
+import { getApiUrl } from "./getApiUrl";
+
+export const getOrganizations = async (userId: string) => {
+    try {
+        const apiUrl = await getApiUrl();
+        const session = await auth();
+
+        const response = await axios.get(
+            `${apiUrl}/api/v1/${userId}/organisations`,
+            {
+                headers: {
+                    Authorization: `Bearer ${session?.access_token}`,
+                }
+            });
+
+        return response?.data
+    } catch {
+        // return error
+    }
+}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const fetchStripeUrl = async (json: any, callback: (parameter: any) => void) => {
+    try {
+        const apiUrl = await getApiUrl();
+        const session = await auth();
+
+        const response = await axios.post(`${apiUrl}/api/v1/payment/stripe`, json,
+            {
+                headers: {
+                    Authorization: `Bearer ${session?.access_token}`,
+                }
+            }
+        );
+
+
+        callback(response)
+    } catch(error) {
+        return error
+    }
+}

src/app/(auth-routes)/login/page.tsx

@@ -60,10 +60,11 @@ const Login = () => {
     startTransition(async () => {
       await loginUser(values).then(async (data) => {
         const { email, password } = values;
-
         if (data.status === 200) {
           setUserOrg(data.organisations);
-          if (!currentOrgId && data.organisations.length > 0) {
+
+          window.localStorage.setItem("token", data.access_token);
+          if (!currentOrgId && data.organisations?.length > 0) {
             setCurrentOrgId(data.organisations[0].organisation_id);
           }
           await signIn(

src/app/(landing-routes)/help-center/page.tsx

@@ -1,11 +1,12 @@
+/* eslint-disable prettier/prettier */
 "use client";
 
+import { getApiUrl } from "~/actions/getApiUrl";
 import axios from "axios";
 import { Search } from "lucide-react";
 import Link from "next/link";
 import { ChangeEvent, useEffect, useState } from "react";
 
-import { getApiUrl } from "~/actions/getApiUrl";
 import { Input } from "~/components/common/input";
 import FaqAccordion from "~/components/layouts/accordion/FaqsAccordion";
 import TopicsAccordions from "~/components/layouts/accordion/TopicAccordion";
@@ -26,6 +27,8 @@ const HelpCenter = () => {
   const [searchValue, setSearchValue] = useState<string>("");
   const { toast } = useToast();
 
+
+
   useEffect(() => {
     const fetchTopics = async () => {
       try {
@@ -42,7 +45,6 @@ const HelpCenter = () => {
         setLoading(false);
       }
     };
-
     fetchTopics();
   }, [toast]);
 

src/app/dashboard/(admin)/admin/(settings)/settings/payment-information/[slug]/page.tsx

@@ -0,0 +1,57 @@
+/* eslint-disable prettier/prettier */
+
+"use client"
+
+import { useState, useEffect } from 'react';
+import { getApiUrl } from '~/actions/getApiUrl';
+import axios from 'axios';
+import { useToast } from '~/components/ui/use-toast';
+import CheckoutForm from '../_components/checkoutForm/checkoutForm';
+import Link from 'next/link';
+
+import { ArrowLeft } from 'lucide-react';
+
+const Page = ({ params }: { params: { slug: string } }) => {
+  const [plan, setPlan] = useState({
+    id: "",
+    name: "",
+    price: 0
+  })
+  const { toast } = useToast()
+
+  useEffect(() => {
+    const getSpecificPlan = async () => {
+      try {
+        const apiUrl = await getApiUrl();
+        const response = await axios.get(`${apiUrl}/api/v1/billing-plans/${params.slug}`);
+        setPlan(response.data.data);
+      } catch {
+        toast({
+          title: "Error",
+          description: "Error fetching topics",
+          variant: "destructive",
+        });
+      }
+    };
+    getSpecificPlan();
+  }, [toast, params.slug]);
+
+  return (
+    <div className=''>
+      <div className='flex flex-col gap-y-[16px] px-[14px]'>
+        <div className='flex items-center gap-x-[10px]'>
+          <Link href={'/dashboard/admin/settings/payment-information'}>
+            <ArrowLeft />
+          </Link>
+          <p className='text-[24px] font-semibold'>{`Upgrade to ${plan.name}`}</p>
+        </div>
+        <p className='text-[14px] text-neutral-dark-2'>Do more with unlimited users and Integration when you upgrade</p>
+      </div>
+      {/* <Elements stripe={stripePromise}> */}
+      <CheckoutForm plan={plan} />
+      {/* </Elements> */}
+    </div>
+  )
+}
+
+export default Page