feat: attio app (#19102)

* feat: attio app

* added help page

* fixed redirect

help/apps-and-integrations/attio.mdx

@@ -0,0 +1,9 @@
+---
+title: "How to Cal.com with Attio"
+---
+
+To use Cal.com with Attio, you only need two things:
+
+1. You need to have an account on both platforms
+2. You need to connect Google Calendar to Attio
+3. You need to connect Google Calendar to Cal.com

help/mint.json

@@ -158,7 +158,8 @@
             "apps-and-integrations/assign-people",
             "apps-and-integrations/build-greeter-app",
             "apps-and-integrations/how-to-build-an-app",
-            "apps-and-integrations/syncing-third-party"
+            "apps-and-integrations/syncing-third-party",
+            "apps-and-integrations/attio"
           ]
         },
         {

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

@@ -6,6 +6,7 @@ import alby_config_json from "./alby/config.json";
 import amie_config_json from "./amie/config.json";
 import { metadata as applecalendar__metadata_ts } from "./applecalendar/_metadata";
 import around_config_json from "./around/config.json";
+import attio_config_json from "./attio/config.json";
 import autocheckin_config_json from "./autocheckin/config.json";
 import baa_for_hipaa_config_json from "./baa-for-hipaa/config.json";
 import basecamp3_config_json from "./basecamp3/config.json";
@@ -109,6 +110,7 @@ export const appStoreMetadata = {
   amie: amie_config_json,
   applecalendar: applecalendar__metadata_ts,
   around: around_config_json,
+  attio: attio_config_json,
   autocheckin: autocheckin_config_json,
   "baa-for-hipaa": baa_for_hipaa_config_json,
   basecamp3: basecamp3_config_json,

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

@@ -7,6 +7,7 @@ export const apiHandlers = {
   amie: import("./amie/api"),
   applecalendar: import("./applecalendar/api"),
   around: import("./around/api"),
+  attio: import("./attio/api"),
   autocheckin: import("./autocheckin/api"),
   "baa-for-hipaa": import("./baa-for-hipaa/api"),
   basecamp3: import("./basecamp3/api"),

packages/app-store/attio/DESCRIPTION.md

@@ -0,0 +1,14 @@
+---
+items:
+  - iframe: { src: https://www.youtube.com/embed/bAm5qHUOFes }
+  - 1.jpeg
+  - 2.jpeg
+  - 3.jpeg
+  - 4.jpeg
+  - 5.jpeg
+  - 6.jpeg
+---
+
+# Customer relationship magic.
+
+Attio is the AI-native CRM that builds, scales and grows your company to the next level.

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

@@ -0,0 +1,20 @@
+import { createDefaultInstallation } from "@calcom/app-store/_utils/installation";
+import type { AppDeclarativeHandler } from "@calcom/types/AppHandler";
+
+import appConfig from "../config.json";
+
+const handler: AppDeclarativeHandler = {
+  appType: appConfig.type,
+  variant: appConfig.variant,
+  slug: appConfig.slug,
+  supportsMultipleInstalls: false,
+  handlerType: "add",
+  redirect: {
+    newTab: false,
+    url: "/apps/installed/crm",
+  },
+  createCredential: ({ appType, user, slug, teamId }) =>
+    createDefaultInstallation({ appType, user: user, slug, key: {}, teamId }),
+};
+
+export default handler;

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

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

packages/app-store/attio/config.json

@@ -0,0 +1,16 @@
+{
+  "/*": "Don't modify slug - If required, do it using cli edit command",
+  "name": "Attio",
+  "slug": "attio",
+  "type": "attio_crm",
+  "logo": "icon-dark.svg",
+  "url": "/apps/installed/crm",
+  "variant": "crm",
+  "categories": ["crm"],
+  "publisher": "Cal.com, Inc.",
+  "email": "support@cal.com",
+  "description": "Attio is the AI-native CRM that builds, scales and grows your company to the next level.",
+  "isTemplate": false,
+  "__createdUsingCli": true,
+  "__template": "link-as-an-app"
+}

packages/app-store/attio/index.ts

@@ -0,0 +1 @@
+export * as api from "./api";

packages/app-store/attio/package.json

@@ -0,0 +1,14 @@
+{
+  "$schema": "https://json.schemastore.org/package.json",
+  "private": true,
+  "name": "@calcom/attio",
+  "version": "0.0.0",
+  "main": "./index.ts",
+  "dependencies": {
+    "@calcom/lib": "*"
+  },
+  "devDependencies": {
+    "@calcom/types": "*"
+  },
+  "description": "Attio is the AI-native CRM that builds, scales and grows your company to the next level."
+}

packages/app-store/attio/static/icon-dark.svg

@@ -0,0 +1,10 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3177_44)">
+<path d="M29.7538 20.2064L27.2422 16.1869C27.2422 16.1869 27.2329 16.17 27.2273 16.1626L27.0292 15.8468C26.6555 15.2469 26.0089 14.8881 25.3025 14.8862L21.2568 14.8732L20.9746 15.3254L16.1403 23.0618L15.873 23.4898L17.8987 26.7264C18.2725 27.3281 18.919 27.6869 19.631 27.6869H25.3007C25.9996 27.6869 26.6611 27.3187 27.0311 26.7282L27.231 26.4087C27.231 26.4087 27.2385 26.3993 27.2404 26.3956L29.7556 22.3704C30.1686 21.7126 30.1686 20.8624 29.7556 20.2064H29.7538ZM28.9876 21.8902L26.4723 25.9153C26.4611 25.934 26.448 25.949 26.4368 25.9639C26.349 26.063 26.235 26.076 26.1846 26.076C26.1266 26.076 25.9846 26.0592 25.893 25.9135L23.3778 21.8883C23.3497 21.8434 23.3254 21.7967 23.303 21.7463C23.2806 21.6977 23.2638 21.6491 23.2488 21.5986C23.1928 21.3968 23.1928 21.18 23.2488 20.9782C23.2769 20.8792 23.3198 20.7801 23.3759 20.6904L25.8874 16.669C25.8874 16.669 25.8912 16.6634 25.893 16.6596C25.9528 16.57 26.0276 16.5288 26.093 16.5158C26.1192 16.5083 26.1416 16.5064 26.1603 16.5027H26.1883C26.2462 16.5027 26.3901 16.5214 26.4798 16.6671L28.9913 20.6867C29.2212 21.053 29.2212 21.5239 28.9913 21.8902H28.9876ZM22.3217 10.4804C22.7328 9.82077 22.7328 8.97238 22.3217 8.31646L19.8101 4.29688L19.6008 3.95865C19.2252 3.35879 18.5787 3 17.8685 3H12.1989C11.4907 3 10.8441 3.35879 10.4666 3.96051L0.313942 20.2089C0.110254 20.534 0 20.9097 0 21.2909C0 21.6721 0.108385 22.0477 0.312074 22.371L3.03478 26.7307C3.41038 27.3324 4.05696 27.6893 4.76519 27.6893H10.4348C11.1468 27.6893 11.7934 27.3305 12.1671 26.7288L12.3746 26.3999V26.3962C12.3746 26.3962 12.3783 26.3906 12.3783 26.3887L14.4021 23.1521L20.4006 13.5526L22.3179 10.4823L22.3217 10.4804ZM21.7293 9.39844C21.7293 9.60587 21.6714 9.81516 21.5536 10.0002L11.6084 25.9178C11.5187 26.0617 11.3748 26.0785 11.3169 26.0785C11.2589 26.0785 11.1169 26.0617 11.0254 25.9178L8.51195 21.8907C8.28396 21.5263 8.28396 21.0573 8.51195 20.6892L18.4572 4.77527C18.5469 4.62951 18.6908 4.61269 18.7487 4.61269C18.8066 4.61269 18.9505 4.62951 19.0421 4.77714L21.5536 8.79672C21.6714 8.98172 21.7293 9.19102 21.7293 9.39844Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_3177_44">
+<rect width="30" height="30" fill="black"/>
+</clipPath>
+</defs>
+</svg>

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

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="48" width="48" viewBox="0 0 48 48"><title>blockchain</title><g class="nc-icon-wrapper"><path d="M32.874,10.405a.99.99,0,0,0-.353-.369l-8-4.889a1,1,0,0,0-1.042,0l-8,4.889a.99.99,0,0,0-.353.369L24,15.828Z" fill="#a0e6ee"></path><path d="M15.126,10.405a1,1,0,0,0-.126.484v8.878a1,1,0,0,0,.479.853l8,4.889a1,1,0,0,0,.521.147V15.828Z" fill="#6cc4f5"></path><path d="M32.874,10.405a1,1,0,0,1,.126.484v8.878a1,1,0,0,1-.479.853l-8,4.889a1,1,0,0,1-.521.147V15.828Z" fill="#2594d0"></path><path d="M47.874,19.589a.99.99,0,0,0-.353-.369l-8-4.889a1,1,0,0,0-1.042,0l-8,4.889a.99.99,0,0,0-.353.369L39,25.013Z" fill="#a0e6ee"></path><path d="M30.126,19.589a1,1,0,0,0-.126.485v8.878a1,1,0,0,0,.479.853l8,4.889a1,1,0,0,0,.521.147V25.013Z" fill="#6cc4f5"></path><path d="M47.874,19.589a1,1,0,0,1,.126.485v8.878a1,1,0,0,1-.479.853l-8,4.889a1,1,0,0,1-.521.147V25.013Z" fill="#2594d0"></path><path d="M17.874,19.589a.99.99,0,0,0-.353-.369l-8-4.889a1,1,0,0,0-1.042,0l-8,4.889a.99.99,0,0,0-.353.369L9,25.013Z" fill="#a0e6ee"></path><path d="M.126,19.589A1,1,0,0,0,0,20.074v8.878a1,1,0,0,0,.479.853l8,4.889A1,1,0,0,0,9,34.841V25.013Z" fill="#6cc4f5"></path><path d="M17.874,19.589a1,1,0,0,1,.126.485v8.878a1,1,0,0,1-.479.853l-8,4.889A1,1,0,0,1,9,34.841V25.013Z" fill="#2594d0"></path><path d="M32.874,29.577a.99.99,0,0,0-.353-.369l-8-4.889a1,1,0,0,0-1.042,0l-8,4.889a.99.99,0,0,0-.353.369L24,35Z" fill="#a0e6ee"></path><path d="M15.126,29.577a1,1,0,0,0-.126.484v8.878a1,1,0,0,0,.479.853l8,4.889a1,1,0,0,0,.521.147V35Z" fill="#6cc4f5"></path><path d="M32.874,29.577a1,1,0,0,1,.126.484v8.878a1,1,0,0,1-.479.853l-8,4.889a1,1,0,0,1-.521.147V35Z" fill="#2594d0"></path></g></svg>