From 71e4f0fed6c0024fe53fbb6ea10bfac249e4c4b8 Mon Sep 17 00:00:00 2001
From: Rohit <rohitparih@gmail.com>
Date: Thu, 13 Jun 2024 22:58:53 +0530
Subject: [PATCH] feature/google-login

---
 app/(auth)/layout.tsx                         |   7 +-
 app/oauth2/redirect/page.tsx                  |   4 +-
 components/custom/blog/BlogActionButton.tsx   | 115 +++++++++++++++---
 .../custom/buttons/SocialAuthButtons.tsx      |  35 ++++--
 components/custom/cards/BlogCard.tsx          |   2 +-
 components/custom/details/BlogDetails.tsx     |  24 ++--
 .../custom/drawers/BlogCommentDrawer.tsx      |  94 ++++++++++++++
 .../drawers/BlogCommentMobileDrawer.tsx       |  41 +++++++
 components/custom/forms/LoginForm.tsx         |   2 +-
 constants/ApiEndpointConstants.tsx            |   1 +
 package-lock.json                             |  25 +++-
 package.json                                  |   4 +-
 rest/AuthProviderApplication.tsx              |  13 +-
 13 files changed, 320 insertions(+), 47 deletions(-)
 create mode 100644 components/custom/drawers/BlogCommentDrawer.tsx
 create mode 100644 components/custom/drawers/BlogCommentMobileDrawer.tsx

diff --git a/app/(auth)/layout.tsx b/app/(auth)/layout.tsx
index b532e22..b4157e9 100644
--- a/app/(auth)/layout.tsx
+++ b/app/(auth)/layout.tsx
@@ -9,6 +9,7 @@ import {ApplicationProvider} from "@/providers/ApplicationProvider";
 import BloggiosToast from "@/components/custom/BloggiosToast";
 import {RefreshTokenProvider} from "@/providers/RefreshTokenProvider";
 import IsAuthenticated from "@/components/functional/IsAuthenticated";
+import {GoogleOAuthProvider} from "@react-oauth/google";
 
 const poppins = Poppins({
     subsets: ["latin"],
@@ -39,10 +40,11 @@ export default function RootLayout({
             className={`${poppins.variable} relative flex flex-col min-h-screen bg-auth-bg bg-cover bg-no-repeat bg-fixed`}>
         <ApplicationProvider>
             <BloggiosToast/>
-            <NextUIProvider className={"flex flex-col min-h-screen justify-between relative"}>
+                <NextUIProvider className={"flex flex-col min-h-screen justify-between relative"}>
+            <GoogleOAuthProvider clientId={"50987300482-vlm1c14cr19nush8ib2hhv5deoi4ge08.apps.googleusercontent.com"}>
                 <RefreshTokenProvider>
                     <main className={"flex flex-row w-full mt-10 md:mt-20 lg:space-x-20"}>
-                        <IsAuthenticated />
+                        <IsAuthenticated/>
                         <div className={"flex-1 hidden lg:flex justify-end"}>
                             <AuthPageCard/>
                         </div>
@@ -65,6 +67,7 @@ export default function RootLayout({
                         </div>
                     </footer>
                 </RefreshTokenProvider>
+            </GoogleOAuthProvider>
             </NextUIProvider>
         </ApplicationProvider>
         </body>
diff --git a/app/oauth2/redirect/page.tsx b/app/oauth2/redirect/page.tsx
index 78fa196..0bd81ff 100644
--- a/app/oauth2/redirect/page.tsx
+++ b/app/oauth2/redirect/page.tsx
@@ -1,8 +1,7 @@
 "use client";
 
-import {useRouter, useSearchParams} from "next/navigation";
+import {redirect, useRouter, useSearchParams} from "next/navigation";
 import {useEffect} from "react";
-import axios from "axios";
 import {refreshTokenSocial} from "@/rest/AuthProviderApplication";
 
 const OAuthRedirectHandler = () => {
@@ -26,6 +25,7 @@ const OAuthRedirectHandler = () => {
             refreshTokenSocial(token)
                 .then(response => {
                     window.location.reload();
+                    redirect("/")
                 })
         } else {
             router.push('/login');
diff --git a/components/custom/blog/BlogActionButton.tsx b/components/custom/blog/BlogActionButton.tsx
index cd2c2dd..cbca14d 100644
--- a/components/custom/blog/BlogActionButton.tsx
+++ b/components/custom/blog/BlogActionButton.tsx
@@ -1,12 +1,26 @@
+"use client";
+
 import React from 'react';
-import {Button, Divider} from "@nextui-org/react";
+import {
+    Button,
+    Divider,
+    Dropdown,
+    DropdownItem,
+    DropdownMenu,
+    DropdownSection,
+    DropdownTrigger
+} from "@nextui-org/react";
 import {SlOptions} from "react-icons/sl";
 import {AiOutlineLike} from "react-icons/ai";
-import {HiOutlineChatBubbleOvalLeftEllipsis} from "react-icons/hi2";
 import {GoBookmark} from "react-icons/go";
 import {IoShareOutline} from "react-icons/io5";
+import {IoIosLink} from "react-icons/io";
+import {FaXTwitter} from "react-icons/fa6";
+import {FaInstagram, FaLinkedin} from "react-icons/fa";
+import BlogCommentDrawer from "@/components/custom/drawers/BlogCommentDrawer";
+import BlogCommentMobileDrawer from "@/components/custom/drawers/BlogCommentMobileDrawer";
 
-const BlogActionButton = ({isDividerShown = true}: { isDividerShown?: boolean }) => {
+const BlogActionButton = ({data, isDividerShown = true}: {data: any, isDividerShown?: boolean }) => {
     return (
         <div className={"flex flex-col space-y-2"}>
             {isDividerShown && <Divider className={"w-[90%] self-center"}/>}
@@ -32,14 +46,14 @@ const BlogActionButton = ({isDividerShown = true}: { isDividerShown?: boolean })
                         <small className={"text-sm"}>
                             10
                         </small>
-                        <Button
-                            isIconOnly={true}
-                            variant={"light"}
-                            size={"sm"}
-                            className={"text-xl"}
-                        >
-                            <HiOutlineChatBubbleOvalLeftEllipsis/>
-                        </Button>
+                        <BlogCommentDrawer data={data}/>
+                    </div>
+
+                    <div className={"flex items-center"}>
+                        <small className={"text-sm"}>
+                            10
+                        </small>
+                        <BlogCommentMobileDrawer/>
                     </div>
                 </div>
 
@@ -52,14 +66,79 @@ const BlogActionButton = ({isDividerShown = true}: { isDividerShown?: boolean })
                     >
                         <GoBookmark/>
                     </Button>
-                    <Button
-                        isIconOnly={true}
-                        variant={"light"}
-                        size={"sm"}
-                        className={"text-xl"}
+
+                    <Dropdown
+                        showArrow
+                        radius="sm"
+                        backdrop={"blur"}
+                        classNames={{
+                            base: "before:bg-default-200", // change arrow background
+                            content: "p-0 border-small border-divider bg-background",
+                        }}
                     >
-                        <IoShareOutline/>
-                    </Button>
+                        <DropdownTrigger>
+                            <Button
+                                isIconOnly={true}
+                                variant={"light"}
+                                size={"sm"}
+                                className={"text-xl"}
+                            >
+                                <IoShareOutline/>
+                            </Button>
+                        </DropdownTrigger>
+
+                        <DropdownMenu
+                            aria-label={"user-actions"}
+                            variant={"flat"}
+                            className={"max-w-[260px] h-auto w-full pt-2"}
+                            itemClasses={{
+                                base: [
+                                    "rounded-md",
+                                    "text-default-500",
+                                    "transition-opacity",
+                                    "data-[hover=true]:text-foreground",
+                                    "data-[hover=true]:bg-default-100",
+                                    "dark:data-[hover=true]:bg-default-50",
+                                    "data-[selectable=true]:focus:bg-default-50",
+                                    "data-[pressed=true]:opacity-70",
+                                    "data-[focus-visible=true]:ring-default-500",
+                                ],
+                            }}
+                        >
+
+                            <DropdownSection showDivider>
+                                <DropdownItem>
+                                    <div className={"flex items-center gap-2"}>
+                                        <IoIosLink />
+                                        <span>Copy Link</span>
+                                    </div>
+                                </DropdownItem>
+                            </DropdownSection>
+
+                            <DropdownSection className={"w-full"}>
+                                <DropdownItem>
+                                    <div className={"flex items-center gap-2"}>
+                                        <FaLinkedin />
+                                        <span>Share on LinkedIn</span>
+                                    </div>
+                                </DropdownItem>
+
+                                <DropdownItem>
+                                    <div className={"flex items-center gap-2"}>
+                                        <FaXTwitter />
+                                        <span>Share on X</span>
+                                    </div>
+                                </DropdownItem>
+
+                                <DropdownItem>
+                                    <div className={"flex items-center gap-2"}>
+                                        <FaInstagram />
+                                        <span>Share on Instagram</span>
+                                    </div>
+                                </DropdownItem>
+                            </DropdownSection>
+                        </DropdownMenu>
+                    </Dropdown>
 
                     <Button
                         isIconOnly={true}
diff --git a/components/custom/buttons/SocialAuthButtons.tsx b/components/custom/buttons/SocialAuthButtons.tsx
index 7d57386..9b517da 100644
--- a/components/custom/buttons/SocialAuthButtons.tsx
+++ b/components/custom/buttons/SocialAuthButtons.tsx
@@ -4,25 +4,44 @@ import {Button} from "@/components/ui/button";
 import {GitHubLogoIcon} from "@radix-ui/react-icons";
 import google_logo from "@/public/assets/google.svg";
 import Image from "next/image";
-import Link from "next/link";
+import {useGoogleLogin} from "@react-oauth/google";
+import {loginGoogle} from "@/rest/AuthProviderApplication";
+import {useRouter, useSearchParams} from "next/navigation";
+import {BLOG_PAGE} from "@/constants/UiPathConstants";
 
 export default function SocialAuthButtons({
                                               classname = "my-4"
                                           }) {
 
-    const OAUTH2_REDIRECT_URI = `${window.location.origin}/oauth2/redirect`
-    const GOOGLE_AUTH_URL = "https://auth.bloggios.in" + '/oauth2/authorize/google?redirect_uri=' + OAUTH2_REDIRECT_URI;
+    const searchParams = useSearchParams()
+    const redirect = searchParams.get('redirect');
+    const router = useRouter();
+
+    const authenticateGoogle = useGoogleLogin({
+        onSuccess: tokenResponse => {
+            setTimeout(()=> {
+                loginGoogle(tokenResponse?.access_token, "9571406506-bloggios_856854.dev.google.auth.bloggios.com")
+                    .then((response) => {
+                        if (redirect) {
+                            router.push(redirect);
+                        } else {
+                            router.push(BLOG_PAGE);
+                        }
+                    }).catch(error => {
+                    console.log(error)
+                });
+            }, 2000)
+        },
+    });
 
     return (
         <div className={`flex items-center justify-between space-x-2 ${classname}`}>
             <Button variant={"outline"} className={"flex-1 flex items-center gap-2"}>
                 <GitHubLogoIcon/> Github
             </Button>
-            <Link href={GOOGLE_AUTH_URL}>
-                <Button variant={"outline"} className={"flex-1 flex items-center gap-2"}>
-                    <Image src={google_logo} alt={"google"} width={18} height={18}/> Google
-                </Button>
-            </Link>
+            <Button variant={"outline"} className={"flex-1 flex items-center gap-2"} onClick={()=> authenticateGoogle()}>
+                <Image src={google_logo} alt={"google"} width={18} height={18}/> Google
+            </Button>
         </div>
     )
 }
\ No newline at end of file
diff --git a/components/custom/cards/BlogCard.tsx b/components/custom/cards/BlogCard.tsx
index d4ca127..128529e 100644
--- a/components/custom/cards/BlogCard.tsx
+++ b/components/custom/cards/BlogCard.tsx
@@ -34,7 +34,7 @@ const BlogCard = React.forwardRef<HTMLDivElement, BlogCardProps>((props: BlogCar
                         />
                     </CardHeader>
                 )}
-                <CardBody className={"flex flex-col justify-start items-start md:px-7 md:py-4"}
+                <CardBody className={"flex flex-col justify-start items-start md:px-7 md:py-4 cursor-pointer"}
                           onClick={() => router.push(`/blog/${props.data.blogId}`)}>
                     <User
                         name={props.data.name}
diff --git a/components/custom/details/BlogDetails.tsx b/components/custom/details/BlogDetails.tsx
index 906e0d3..ad53877 100644
--- a/components/custom/details/BlogDetails.tsx
+++ b/components/custom/details/BlogDetails.tsx
@@ -9,21 +9,21 @@ import Image from "next/image";
 
 const BlogDetails = ({data}: { data: any }) => {
 
-    console.log(data);
-
     return (
         <div className={"mt-2 md:mt-6 flex flex-col gap-10"}>
 
-            <div className={"w-full"}>
-                <Image
-                    src={data.coverImage}
-                    alt={data.title}
-                    className={"h-auto w-full object-cover rounded-xl"}
-                    width={0}
-                    height={0}
-                    sizes={"100vw"}
-                />
-            </div>
+            {data.coverImage && (
+                <div className={"w-full"}>
+                    <Image
+                        src={data.coverImage}
+                        alt={data.title}
+                        className={"h-auto w-full object-cover rounded-xl"}
+                        width={0}
+                        height={0}
+                        sizes={"100vw"}
+                    />
+                </div>
+            )}
 
             <div className={"flex flex-col space-y-2"}>
                 <h1 className={"scroll-m-20 text-4xl font-medium tracking-wide lg:text-5xl"}>
diff --git a/components/custom/drawers/BlogCommentDrawer.tsx b/components/custom/drawers/BlogCommentDrawer.tsx
new file mode 100644
index 0000000..4346f12
--- /dev/null
+++ b/components/custom/drawers/BlogCommentDrawer.tsx
@@ -0,0 +1,94 @@
+import React from 'react';
+import {Sheet, SheetContent, SheetFooter, SheetHeader, SheetTitle, SheetTrigger} from "@/components/ui/sheet";
+import {Avatar, Button, Dropdown, DropdownItem, DropdownMenu, DropdownTrigger} from "@nextui-org/react";
+import {HiOutlineChatBubbleOvalLeftEllipsis} from "react-icons/hi2";
+import {useSelector} from "react-redux";
+import {RootState} from "@/state/store";
+import {Card, CardContent, CardFooter, CardHeader} from "@/components/ui/card";
+
+const BlogCommentDrawer = ({data}: { data: any }) => {
+
+    const {isAuthenticated} = useSelector((state: RootState) => state.auth);
+    const {name, profileImage} = useSelector((state: RootState) => state.profile);
+    const [selectedKeys, setSelectedKeys] = React.useState(new Set(["relevant"]));
+
+    const selectedValue = React.useMemo(
+        () => Array.from(selectedKeys).join(", ").replaceAll("_", " "),
+        [selectedKeys]
+    );
+
+    return (
+        <Sheet>
+            <SheetTrigger asChild>
+                <Button
+                    isIconOnly={true}
+                    variant={"light"}
+                    size={"sm"}
+                    className={"text-xl"}
+                >
+                    <HiOutlineChatBubbleOvalLeftEllipsis/>
+                </Button>
+            </SheetTrigger>
+            <SheetContent side={"right"} className={"w-[500px] p-2"}>
+                <SheetHeader className={"p-4"}>
+                    <SheetTitle className={"text-2xl"}>Discussions</SheetTitle>
+                </SheetHeader>
+                <div className={"flex flex-col my-6"}>
+                    {isAuthenticated && (
+                        <Card>
+                            <CardHeader className={"p-3"}>
+                                <div className={"flex items-center gap-2"}>
+                                    <Avatar
+                                        src={profileImage ? profileImage : ""}
+                                        showFallback={true}
+                                        size={"md"}
+                                    />
+                                    <span>{name}</span>
+                                </div>
+                            </CardHeader>
+
+                            <CardContent>
+                                <textarea
+                                    className={"border-none outline-none bg-transparent w-full resize-none"}
+                                    rows={4}
+                                    placeholder={"Any thoughts ?"}
+                                />
+                            </CardContent>
+
+                            <CardFooter className={"flex justify-end py-3"}>
+                                <Button color={"primary"} size={"sm"}>
+                                    Send
+                                </Button>
+                            </CardFooter>
+                        </Card>
+                    )}
+                </div>
+                <SheetFooter>
+                    <Dropdown>
+                        <DropdownTrigger>
+                            <Button
+                                variant="bordered"
+                                className="capitalize"
+                            >
+                                {selectedValue}
+                            </Button>
+                        </DropdownTrigger>
+                        <DropdownMenu
+                            aria-label="comment-type"
+                            variant="flat"
+                            disallowEmptySelection
+                            selectionMode="single"
+                            selectedKeys={selectedKeys}
+                            onSelectionChange={(e)=> console.log(e)}
+                        >
+                            <DropdownItem key="relevant">Relevant</DropdownItem>
+                            <DropdownItem key="recent">Recent</DropdownItem>
+                        </DropdownMenu>
+                    </Dropdown>
+                </SheetFooter>
+            </SheetContent>
+        </Sheet>
+    );
+};
+
+export default BlogCommentDrawer;
\ No newline at end of file
diff --git a/components/custom/drawers/BlogCommentMobileDrawer.tsx b/components/custom/drawers/BlogCommentMobileDrawer.tsx
new file mode 100644
index 0000000..d2ab6a9
--- /dev/null
+++ b/components/custom/drawers/BlogCommentMobileDrawer.tsx
@@ -0,0 +1,41 @@
+import React from 'react';
+import {
+    Drawer,
+    DrawerClose,
+    DrawerContent,
+    DrawerDescription,
+    DrawerFooter,
+    DrawerHeader,
+    DrawerTitle,
+    DrawerTrigger
+} from "@/components/ui/drawer";
+import {Button} from "@/components/ui/button";
+
+const BlogCommentMobileDrawer = () => {
+    return (
+        <Drawer>
+            <DrawerTrigger asChild>
+                <Button variant="outline">Open Drawer</Button>
+            </DrawerTrigger>
+            <DrawerContent>
+                <div className="mx-auto w-full max-w-sm">
+                    <DrawerHeader>
+                        <DrawerTitle>Move Goal</DrawerTitle>
+                        <DrawerDescription>Set your daily activity goal.</DrawerDescription>
+                    </DrawerHeader>
+                    <div>
+                        Drawer
+                    </div>
+                    <DrawerFooter>
+                        <Button>Submit</Button>
+                        <DrawerClose asChild>
+                            <Button variant="outline">Cancel</Button>
+                        </DrawerClose>
+                    </DrawerFooter>
+                </div>
+            </DrawerContent>
+        </Drawer>
+    );
+};
+
+export default BlogCommentMobileDrawer;
\ No newline at end of file
diff --git a/components/custom/forms/LoginForm.tsx b/components/custom/forms/LoginForm.tsx
index 923f08c..6e53f9b 100644
--- a/components/custom/forms/LoginForm.tsx
+++ b/components/custom/forms/LoginForm.tsx
@@ -27,7 +27,7 @@ export default function LoginForm() {
     });
     const dispatch = useDispatch();
     const router  = useRouter();
-    const searchParams = useSearchParams()
+    const searchParams = useSearchParams();
     const redirect = searchParams.get('redirect');
 
     const handleInputChange = (
diff --git a/constants/ApiEndpointConstants.tsx b/constants/ApiEndpointConstants.tsx
index 1f72fbf..6dc44ca 100644
--- a/constants/ApiEndpointConstants.tsx
+++ b/constants/ApiEndpointConstants.tsx
@@ -7,6 +7,7 @@ export const OTP_AUTH_USER_ID_REDIRECT = "/auth-provider/auth/otp-userId";
 export const REFRESH_TOKEN = "/auth-provider/auth/refresh-token";
 export const LOGOUT_USER = "/auth-provider/auth/logout";
 export const REFRESH_TOKEN_SOCIAL = "/auth-provider/auth/refresh-token-social";
+export const GOOGLE_LOGIN = "/auth-provider/auth/login-google";
 
 // User Provider Application
 export const PROFILE_TAGS = "/user-provider/profile-auth/profile-tags";
diff --git a/package-lock.json b/package-lock.json
index 704dc70..e62a235 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,6 +15,7 @@
         "@radix-ui/react-popover": "^1.0.7",
         "@radix-ui/react-separator": "^1.0.3",
         "@radix-ui/react-slot": "^1.0.2",
+        "@react-oauth/google": "^0.12.1",
         "@reduxjs/toolkit": "^1.9.5",
         "@tanstack/react-query": "^5.22.2",
         "@tanstack/react-query-devtools": "^5.24.0",
@@ -44,7 +45,8 @@
         "sonner": "^1.4.41",
         "tailwind-merge": "^2.3.0",
         "tailwindcss-animate": "^1.0.7",
-        "uuid": "^9.0.1"
+        "uuid": "^9.0.1",
+        "vaul": "^0.9.1"
       },
       "devDependencies": {
         "@types/node": "^20",
@@ -3198,6 +3200,15 @@
         "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
       }
     },
+    "node_modules/@react-oauth/google": {
+      "version": "0.12.1",
+      "resolved": "https://registry.npmjs.org/@react-oauth/google/-/google-0.12.1.tgz",
+      "integrity": "sha512-qagsy22t+7UdkYAiT5ZhfM4StXi9PPNvw0zuwNmabrWyMKddczMtBIOARflbaIj+wHiQjnMAsZmzsUYuXeyoSg==",
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
     "node_modules/@react-stately/calendar": {
       "version": "3.4.1",
       "resolved": "https://registry.npmjs.org/@react-stately/calendar/-/calendar-3.4.1.tgz",
@@ -8896,6 +8907,18 @@
         "uuid": "dist/bin/uuid"
       }
     },
+    "node_modules/vaul": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/vaul/-/vaul-0.9.1.tgz",
+      "integrity": "sha512-fAhd7i4RNMinx+WEm6pF3nOl78DFkAazcN04ElLPFF9BMCNGbY/kou8UMhIcicm0rJCNePJP0Yyza60gGOD0Jw==",
+      "dependencies": {
+        "@radix-ui/react-dialog": "^1.0.4"
+      },
+      "peerDependencies": {
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      }
+    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
diff --git a/package.json b/package.json
index 09d3c0c..c7cb67f 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,7 @@
     "@radix-ui/react-popover": "^1.0.7",
     "@radix-ui/react-separator": "^1.0.3",
     "@radix-ui/react-slot": "^1.0.2",
+    "@react-oauth/google": "^0.12.1",
     "@reduxjs/toolkit": "^1.9.5",
     "@tanstack/react-query": "^5.22.2",
     "@tanstack/react-query-devtools": "^5.24.0",
@@ -45,7 +46,8 @@
     "sonner": "^1.4.41",
     "tailwind-merge": "^2.3.0",
     "tailwindcss-animate": "^1.0.7",
-    "uuid": "^9.0.1"
+    "uuid": "^9.0.1",
+    "vaul": "^0.9.1"
   },
   "devDependencies": {
     "@types/node": "^20",
diff --git a/rest/AuthProviderApplication.tsx b/rest/AuthProviderApplication.tsx
index 7ced996..6c21d42 100644
--- a/rest/AuthProviderApplication.tsx
+++ b/rest/AuthProviderApplication.tsx
@@ -1,10 +1,12 @@
 import {SignupData} from "@/interfaces/SignupData";
 import {gatewayAxios} from "@/rest/BaseAxios";
 import {
+    GOOGLE_LOGIN,
     LOGIN_USER,
     LOGOUT_USER,
     OTP_AUTH_USER_ID_REDIRECT,
-    REFRESH_TOKEN, REFRESH_TOKEN_SOCIAL,
+    REFRESH_TOKEN,
+    REFRESH_TOKEN_SOCIAL,
     RESEND_OTP,
     SIGNUP_USER,
     VERIFY_OTP
@@ -63,4 +65,13 @@ export const refreshTokenSocial = (token: string) => {
             token: token
         }
     }).then((response)=> response.data);
+}
+
+export const loginGoogle = (token: string, secret: string) => {
+    return gatewayAxios.get(GOOGLE_LOGIN, {
+        headers: {
+            token: token,
+            secret: secret
+        }
+    }).then((response)=> response.data);
 }
\ No newline at end of file