feat: Zoho Calendar

packages/app-store/apps.browser.generated.tsx

@@ -25,6 +25,7 @@ export const InstallAppButtonMap = {
   whereby: dynamic(() => import("./whereby/components/InstallAppButton")),
   wipemycalother: dynamic(() => import("./wipemycalother/components/InstallAppButton")),
   zapier: dynamic(() => import("./zapier/components/InstallAppButton")),
+  zohocalendar: dynamic(() => import("./zohocalendar/components/InstallAppButton")),
   zoomvideo: dynamic(() => import("./zoomvideo/components/InstallAppButton")),
 };
 export const AppSettingsComponentsMap = {

packages/app-store/apps.keys-schemas.generated.ts

@@ -24,6 +24,7 @@ import { appKeysSchema as event_type_app_card_zod_ts } from "./templates/event-t
 import { appKeysSchema as vital_zod_ts } from "./vital/zod";
 import { appKeysSchema as wordpress_zod_ts } from "./wordpress/zod";
 import { appKeysSchema as zapier_zod_ts } from "./zapier/zod";
+import { appKeysSchema as zohocalendar_zod_ts } from "./zohocalendar/zod";
 import { appKeysSchema as zoomvideo_zod_ts } from "./zoomvideo/zod";
 
 export const appKeysSchemas = {
@@ -49,5 +50,6 @@ export const appKeysSchemas = {
   vital: vital_zod_ts,
   wordpress: wordpress_zod_ts,
   zapier: zapier_zod_ts,
+  zohocalendar: zohocalendar_zod_ts,
   zoomvideo: zoomvideo_zod_ts,
 };

packages/app-store/apps.metadata.generated.ts

@@ -59,6 +59,7 @@ import whereby_config_json from "./whereby/config.json";
 import { metadata as wipemycalother__metadata_ts } from "./wipemycalother/_metadata";
 import wordpress_config_json from "./wordpress/config.json";
 import { metadata as zapier__metadata_ts } from "./zapier/_metadata";
+import { metadata as zohocalendar__metadata_ts } from "./zohocalendar/_metadata";
 import zohocrm_config_json from "./zohocrm/config.json";
 import { metadata as zoomvideo__metadata_ts } from "./zoomvideo/_metadata";
 
@@ -120,6 +121,7 @@ export const appStoreMetadata = {
   wipemycalother: wipemycalother__metadata_ts,
   wordpress: wordpress_config_json,
   zapier: zapier__metadata_ts,
+  zohocalendar: zohocalendar__metadata_ts,
   zohocrm: zohocrm_config_json,
   zoomvideo: zoomvideo__metadata_ts,
 };

packages/app-store/apps.schemas.generated.ts

@@ -24,6 +24,7 @@ import { appDataSchema as event_type_app_card_zod_ts } from "./templates/event-t
 import { appDataSchema as vital_zod_ts } from "./vital/zod";
 import { appDataSchema as wordpress_zod_ts } from "./wordpress/zod";
 import { appDataSchema as zapier_zod_ts } from "./zapier/zod";
+import { appDataSchema as zohocalendar_zod_ts } from "./zohocalendar/zod";
 import { appDataSchema as zoomvideo_zod_ts } from "./zoomvideo/zod";
 
 export const appDataSchemas = {
@@ -49,5 +50,6 @@ export const appDataSchemas = {
   vital: vital_zod_ts,
   wordpress: wordpress_zod_ts,
   zapier: zapier_zod_ts,
+  zohocalendar: zohocalendar_zod_ts,
   zoomvideo: zoomvideo_zod_ts,
 };

packages/app-store/apps.server.generated.ts

@@ -59,6 +59,7 @@ export const apiHandlers = {
   wipemycalother: import("./wipemycalother/api"),
   wordpress: import("./wordpress/api"),
   zapier: import("./zapier/api"),
+  zohocalendar: import("./zohocalendar/api"),
   zohocrm: import("./zohocrm/api"),
   zoomvideo: import("./zoomvideo/api"),
 };

packages/app-store/index.ts

@@ -28,6 +28,7 @@ const appStore = {
   exchangecalendar: import("./exchangecalendar"),
   facetime: import("./facetime"),
   sylapsvideo: import("./sylapsvideo"),
+  zohocalendar: import("./zohocalendar"),
 };
 
 export default appStore;

packages/app-store/zohocalendar/DESCRIPTION.md

@@ -0,0 +1,6 @@
+---
+items:
+  - /api/app-store/zohocalendar/ZCal1.jpg
+---
+
+Zoho Calendar is an online business calendar that makes scheduling easy for you. You can use it to stay on top of your schedule and also share calendars with your team to keep everyone on the same page.

packages/app-store/zohocalendar/_metadata.ts

@@ -0,0 +1,27 @@
+import type { AppMeta } from "@calcom/types/App";
+
+import _package from "./package.json";
+
+export const metadata = {
+  name: "Zoho Calendar",
+  description: _package.description,
+  installed: true,
+  type: "zoho_calendar",
+  title: "Zoho Calendar",
+  imageSrc: "/api/app-store/zohocalendar/icon.svg",
+  variant: "calendar",
+  category: "calendar",
+  categories: ["calendar"],
+  logo: "/api/app-store/zohocalendar/icon.svg",
+  publisher: "Cal.com",
+  rating: 5,
+  reviews: 69,
+  slug: "zoho-calendar",
+  trending: false,
+  url: "https://cal.com/",
+  verified: true,
+  email: "[email protected]",
+  dirName: "zohocalendar",
+} as AppMeta;
+
+export default metadata;

packages/app-store/zohocalendar/api/add.ts

@@ -0,0 +1,36 @@
+import type { NextApiRequest, NextApiResponse } from "next";
+import { stringify } from "querystring";
+import { z } from "zod";
+
+import { WEBAPP_URL } from "@calcom/lib/constants";
+
+import { encodeOAuthState } from "../../_utils/encodeOAuthState";
+import getAppKeysFromSlug from "../../_utils/getAppKeysFromSlug";
+
+const zohoKeysSchema = z.object({
+  client_id: z.string(),
+  client_secret: z.string(),
+});
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  if (req.method === "GET") {
+    const appKeys = await getAppKeysFromSlug("zoho-calendar");
+    const { client_id } = zohoKeysSchema.parse(appKeys);
+
+    const state = encodeOAuthState(req);
+
+    const params = {
+      client_id,
+      response_type: "code",
+      redirect_uri: WEBAPP_URL + "/api/integrations/zohocalendar/callback",
+      scope: ["ZohoCalendar.calendar.ALL", "ZohoCalendar.event.ALL", "ZohoCalendar.freebusy.READ"],
+      access_type: "offline",
+      state,
+      prompt: "consent",
+    };
+
+    const query = stringify(params);
+
+    res.status(200).json({ url: `https://accounts.zoho.com/oauth/v2/auth?${query}` });
+  }
+}

packages/app-store/zohocalendar/api/callback.ts

@@ -0,0 +1,80 @@
+import type { NextApiRequest, NextApiResponse } from "next";
+import { stringify } from "querystring";
+import { z } from "zod";
+
+import { WEBAPP_URL } from "@calcom/lib/constants";
+import { getSafeRedirectUrl } from "@calcom/lib/getSafeRedirectUrl";
+import logger from "@calcom/lib/logger";
+import prisma from "@calcom/prisma";
+
+import { decodeOAuthState } from "../../_utils/decodeOAuthState";
+import getAppKeysFromSlug from "../../_utils/getAppKeysFromSlug";
+import getInstalledAppPath from "../../_utils/getInstalledAppPath";
+import type { ZohoAuthCredentials } from "../types/ZohoCalendar";
+
+const log = logger.getChildLogger({ prefix: [`[[zohocalendar/api/callback]`] });
+
+const zohoKeysSchema = z.object({
+  client_id: z.string(),
+  client_secret: z.string(),
+});
+
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+  const { code } = req.query;
+  const state = decodeOAuthState(req);
+
+  if (code && typeof code !== "string") {
+    res.status(400).json({ message: "`code` must be a string" });
+    return;
+  }
+  if (!req.session?.user?.id) {
+    return res.status(401).json({ message: "You must be logged in to do this" });
+  }
+
+  const appKeys = await getAppKeysFromSlug("zoho-calendar");
+  const { client_id, client_secret } = zohoKeysSchema.parse(appKeys);
+
+  const params = {
+    client_id,
+    grant_type: "authorization_code",
+    client_secret,
+    redirect_uri: WEBAPP_URL + "/api/integrations/zohocalendar/callback",
+    code,
+  };
+
+  const query = stringify(params);
+
+  const response = await fetch(`https://accounts.zoho.com/oauth/v2/token?${query}`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json; charset=utf-8",
+    },
+  });
+
+  const responseBody = await response.json();
+  console.log(responseBody);
+
+  if (!response.ok || responseBody.error) {
+    log.error("get access_token failed", responseBody);
+    return res.redirect("/apps/installed?error=" + JSON.stringify(responseBody));
+  }
+
+  const key: ZohoAuthCredentials = {
+    access_token: responseBody.access_token,
+    refresh_token: responseBody.refresh_token,
+    expires_in: Math.round(+new Date() / 1000 + responseBody.expires_in),
+  };
+
+  await prisma.credential.create({
+    data: {
+      type: "zoho_calendar",
+      key,
+      userId: req.session.user.id,
+      appId: "zoho-calendar",
+    },
+  });
+
+  res.redirect(
+    getSafeRedirectUrl(state?.returnTo) ?? getInstalledAppPath({ variant: "calendar", slug: "zoho-calendar" })
+  );
+}

packages/app-store/zohocalendar/api/index.ts

@@ -0,0 +1,2 @@
+export { default as add } from "./add";
+export { default as callback } from "./callback";

packages/app-store/zohocalendar/components/InstallAppButton.tsx

@@ -0,0 +1,18 @@
+import type { InstallAppButtonProps } from "@calcom/app-store/types";
+
+import useAddAppMutation from "../../_utils/useAddAppMutation";
+
+export default function InstallAppButton(props: InstallAppButtonProps) {
+  const mutation = useAddAppMutation("zoho_calendar");
+
+  return (
+    <>
+      {props.render({
+        onClick() {
+          mutation.mutate("");
+        },
+        loading: mutation.isLoading,
+      })}
+    </>
+  );
+}

packages/app-store/zohocalendar/components/index.ts

@@ -0,0 +1 @@
+export { default as InstallAppButton } from "./InstallAppButton";

packages/app-store/zohocalendar/index.ts

@@ -0,0 +1,3 @@
+export * as api from "./api";
+export * as lib from "./lib";
+export { metadata } from "./_metadata";