added whatsapp link MVP app (#5641)

* added whatsapp MVP app

* added another screenshot

* replaced phone number with fake one and added validation

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

@@ -37,6 +37,7 @@ import { metadata as tandemvideo_meta } from "./tandemvideo/_metadata";
 import { metadata as typeform_meta } from "./typeform/_metadata";
 import { metadata as vital_meta } from "./vital/_metadata";
 import { metadata as weather_in_your_calendar_meta } from "./weather_in_your_calendar/_metadata";
+import { metadata as whatsapp_meta } from "./whatsapp/_metadata";
 import { metadata as whereby_meta } from "./whereby/_metadata";
 import { metadata as wipemycalother_meta } from "./wipemycalother/_metadata";
 import { metadata as zapier_meta } from "./zapier/_metadata";
@@ -78,6 +79,7 @@ export const appStoreMetadata = {
   typeform: typeform_meta,
   vital: vital_meta,
   weather_in_your_calendar: weather_in_your_calendar_meta,
+  whatsapp: whatsapp_meta,
   whereby: whereby_meta,
   wipemycalother: wipemycalother_meta,
   zapier: zapier_meta,

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

@@ -36,6 +36,7 @@ export const apiHandlers = {
   typeform: import("./typeform/api"),
   vital: import("./vital/api"),
   weather_in_your_calendar: import("./weather_in_your_calendar/api"),
+  whatsapp: import("./whatsapp/api"),
   whereby: import("./whereby/api"),
   wipemycalother: import("./wipemycalother/api"),
   zapier: import("./zapier/api"),

packages/app-store/whatsapp/README.mdx

@@ -0,0 +1,8 @@
+---
+items:
+  - /api/app-store/whatsapp/1.jpg
+  - /api/app-store/whatsapp/2.jpg
+  - /api/app-store/whatsapp/3.jpg
+---
+
+Schedule a chat with your guests or have a WhatsApp Video call.

packages/app-store/whatsapp/_metadata.ts

@@ -0,0 +1,10 @@
+import type { AppMeta } from "@calcom/types/App";
+
+import config from "./config.json";
+
+export const metadata = {
+  category: "other",
+  ...config,
+} as AppMeta;
+
+export default metadata;

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

@@ -0,0 +1,17 @@
+import { AppDeclarativeHandler } from "@calcom/types/AppHandler";
+
+import { createDefaultInstallation } from "../../_utils/installation";
+import appConfig from "../config.json";
+
+const handler: AppDeclarativeHandler = {
+  // Instead of passing appType and slug from here, api/integrations/[..args] should be able to derive and pass these directly to createCredential
+  appType: appConfig.type,
+  variant: appConfig.variant,
+  slug: appConfig.slug,
+  supportsMultipleInstalls: false,
+  handlerType: "add",
+  createCredential: ({ appType, user, slug }) =>
+    createDefaultInstallation({ appType, userId: user.id, slug, key: {} }),
+};
+
+export default handler;

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

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

packages/app-store/whatsapp/config.json

@@ -0,0 +1,25 @@
+{
+  "/*": "Don't modify slug - If required, do it using cli edit command",
+  "name": "WhatsApp",
+  "slug": "whatsapp",
+  "type": "whatsapp_video",
+  "imageSrc": "/api/app-store/whatsapp/icon.svg",
+  "logo": "/api/app-store/whatsapp/icon.svg",
+  "url": "https://cal.com/apps/whatsapp",
+  "variant": "conferencing",
+  "categories": ["video"],
+  "publisher": "Cal.com, Inc.",
+  "email": "support@cal.com",
+  "description": "Schedule a chat with your guests or have a WhatsApp Video call.",
+  "extendsFeature": "User",
+  "__createdUsingCli": true,
+  "appData": {
+    "location": {
+      "type": "integrations:whatsapp_video",
+      "label": "WhatsApp",
+      "linkType": "static",
+      "organizerInputPlaceholder": "https://wa.me/send?phone=1234567890",
+      "urlRegExp": "^http(s)?:\\/\\/(www\\.)?wa.me\\/[a-zA-Z0-9]*"
+    }
+  }
+}

packages/app-store/whatsapp/index.ts

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

packages/app-store/whatsapp/package.json

@@ -0,0 +1,14 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "private": true,
+  "name": "@calcom/whatsapp",
+  "version": "0.0.0",
+  "main": "./index.ts",
+  "description": "Schedule a chat with your guests or have a WhatsApp Video call.",
+  "dependencies": {
+    "@calcom/lib": "*"
+  },
+  "devDependencies": {
+    "@calcom/types": "*"
+  }
+}

packages/app-store/whatsapp/static/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 175.216 175.552"><defs><linearGradient id="b" x1="85.915" x2="86.535" y1="32.567" y2="137.092" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#57d163"/><stop offset="1" stop-color="#23b33a"/></linearGradient><filter id="a" width="1.115" height="1.114" x="-.057" y="-.057" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="3.531"/></filter></defs><path fill="#b3b3b3" d="m54.532 138.45 2.235 1.324c9.387 5.571 20.15 8.518 31.126 8.523h.023c33.707 0 61.139-27.426 61.153-61.135.006-16.335-6.349-31.696-17.895-43.251A60.75 60.75 0 0 0 87.94 25.983c-33.733 0-61.166 27.423-61.178 61.13a60.98 60.98 0 0 0 9.349 32.535l1.455 2.312-6.179 22.558zm-40.811 23.544L24.16 123.88c-6.438-11.154-9.825-23.808-9.821-36.772.017-40.556 33.021-73.55 73.578-73.55 19.681.01 38.154 7.669 52.047 21.572s21.537 32.383 21.53 52.037c-.018 40.553-33.027 73.553-73.578 73.553h-.032c-12.313-.005-24.412-3.094-35.159-8.954zm0 0" filter="url(#a)"/><path fill="#fff" d="m12.966 161.238 10.439-38.114a73.42 73.42 0 0 1-9.821-36.772c.017-40.556 33.021-73.55 73.578-73.55 19.681.01 38.154 7.669 52.047 21.572s21.537 32.383 21.53 52.037c-.018 40.553-33.027 73.553-73.578 73.553h-.032c-12.313-.005-24.412-3.094-35.159-8.954z"/><path fill="url(#linearGradient1780)" d="M87.184 25.227c-33.733 0-61.166 27.423-61.178 61.13a60.98 60.98 0 0 0 9.349 32.535l1.455 2.312-6.179 22.559 23.146-6.069 2.235 1.324c9.387 5.571 20.15 8.518 31.126 8.524h.023c33.707 0 61.14-27.426 61.153-61.135a60.75 60.75 0 0 0-17.895-43.251 60.75 60.75 0 0 0-43.235-17.929z"/><path fill="url(#b)" d="M87.184 25.227c-33.733 0-61.166 27.423-61.178 61.13a60.98 60.98 0 0 0 9.349 32.535l1.455 2.313-6.179 22.558 23.146-6.069 2.235 1.324c9.387 5.571 20.15 8.517 31.126 8.523h.023c33.707 0 61.14-27.426 61.153-61.135a60.75 60.75 0 0 0-17.895-43.251 60.75 60.75 0 0 0-43.235-17.928z"/><path fill="#fff" fill-rule="evenodd" d="M68.772 55.603c-1.378-3.061-2.828-3.123-4.137-3.176l-3.524-.043c-1.226 0-3.218.46-4.902 2.3s-6.435 6.287-6.435 15.332 6.588 17.785 7.506 19.013 12.718 20.381 31.405 27.75c15.529 6.124 18.689 4.906 22.061 4.6s10.877-4.447 12.408-8.74 1.532-7.971 1.073-8.74-1.685-1.226-3.525-2.146-10.877-5.367-12.562-5.981-2.91-.919-4.137.921-4.746 5.979-5.819 7.206-2.144 1.381-3.984.462-7.76-2.861-14.784-9.124c-5.465-4.873-9.154-10.891-10.228-12.73s-.114-2.835.808-3.751c.825-.824 1.838-2.147 2.759-3.22s1.224-1.84 1.836-3.065.307-2.301-.153-3.22-4.032-10.011-5.666-13.647"/></svg>

packages/prisma/seed-app-store.config.json

@@ -107,5 +107,11 @@
     "categories": ["other"],
     "slug": "sendgrid",
     "type": "sendgrid_other_calendar"
+  },
+  {
+    "dirName": "whatsapp",
+    "categories": ["video"],
+    "slug": "whatsapp",
+    "type": "whatsapp_video"
   }
 ]