feat: Linkedin tool Oauth App (#1454)

apiclient/types/oauthapp.go

@@ -10,6 +10,7 @@ const (
 	OAuthAppTypeGoogle       OAuthAppType = "google"
 	OAuthAppTypeSalesforce   OAuthAppType = "salesforce"
 	OAuthAppTypeZoom         OAuthAppType = "zoom"
+	OAuthAppTypeLinkedIn     OAuthAppType = "linkedin"
 	OAuthAppTypeCustom       OAuthAppType = "custom"
 )
 

pkg/gateway/types/oauth_apps.go

@@ -31,6 +31,9 @@ const (
 
 	ZoomAuthorizeURL = "https://zoom.us/oauth/authorize"
 	ZoomTokenURL     = "https://zoom.us/oauth/token"
+
+	LinkedInAuthorizeURL = "https://www.linkedin.com/oauth/v2/authorization"
+	LinkedInTokenURL     = "https://www.linkedin.com/oauth/v2/accessToken"
 )
 
 var (
@@ -75,6 +78,9 @@ func ValidateAndSetDefaultsOAuthAppManifest(r *types.OAuthAppManifest, create bo
 	case types.OAuthAppTypeZoom:
 		r.AuthURL = ZoomAuthorizeURL
 		r.TokenURL = ZoomTokenURL
+	case types.OAuthAppTypeLinkedIn:
+		r.AuthURL = LinkedInAuthorizeURL
+		r.TokenURL = LinkedInTokenURL
 	case types.OAuthAppTypeSalesforce:
 		salesforceAuthorizeFragment := "/services/oauth2/authorize"
 		salesforceTokenFragment := "/services/oauth2/token"

ui/admin/app/components/oauth-apps/OAuthAppTypeIcon.tsx

@@ -5,6 +5,7 @@ import {
 	FaAtlassian,
 	FaGithub,
 	FaGoogle,
+	FaLinkedin,
 	FaMicrosoft,
 	FaSalesforce,
 	FaSlack,
@@ -22,6 +23,7 @@ const IconMap = {
 	[OAuthProvider.Microsoft365]: FaMicrosoft,
 	[OAuthProvider.Notion]: NotionLogoIcon,
 	[OAuthProvider.Zoom]: BiLogoZoom,
+	[OAuthProvider.LinkedIn]: FaLinkedin,
 	[OAuthProvider.Custom]: KeyIcon,
 };
 

ui/admin/app/lib/model/oauthApps/index.ts

@@ -7,6 +7,7 @@ import {
 import { AtlassianOAuthApp } from "~/lib/model/oauthApps/providers/atlassian";
 import { GitHubOAuthApp } from "~/lib/model/oauthApps/providers/github";
 import { GoogleOAuthApp } from "~/lib/model/oauthApps/providers/google";
+import { LinkedInOAuthApp } from "~/lib/model/oauthApps/providers/linkedin";
 import { Microsoft365OAuthApp } from "~/lib/model/oauthApps/providers/microsoft365";
 import { NotionOAuthApp } from "~/lib/model/oauthApps/providers/notion";
 import { SalesforceOAuthApp } from "~/lib/model/oauthApps/providers/salesforce";
@@ -23,6 +24,7 @@ export const OAuthAppSpecMap = {
 	[OAuthProvider.Salesforce]: SalesforceOAuthApp,
 	[OAuthProvider.Notion]: NotionOAuthApp,
 	[OAuthProvider.Zoom]: ZoomOAuthApp,
+	[OAuthProvider.LinkedIn]: LinkedInOAuthApp,
 	// Custom OAuth apps are intentionally omitted from the map.
 	// They are handled separately
 } as const;

ui/admin/app/lib/model/oauthApps/oauth-helpers.ts

@@ -11,6 +11,7 @@ export const OAuthProvider = {
 	Salesforce: "salesforce",
 	Notion: "notion",
 	Zoom: "zoom",
+	LinkedIn: "linkedin",
 	Custom: "custom",
 } as const;
 export type OAuthProvider = (typeof OAuthProvider)[keyof typeof OAuthProvider];

ui/admin/app/lib/model/oauthApps/providers/linkedin.ts

@@ -0,0 +1,63 @@
+import { z } from "zod";
+
+import {
+	OAuthAppSpec,
+	OAuthFormStep,
+	getOAuthLinks,
+} from "~/lib/model/oauthApps/oauth-helpers";
+import { assetUrl } from "~/lib/utils";
+
+const schema = z.object({
+	clientID: z.string().min(1, "Client ID is required"),
+	clientSecret: z.string().min(1, "Client Secret is required"),
+});
+
+const steps: OAuthFormStep<z.infer<typeof schema>>[] = [
+	{
+		type: "markdown",
+		text:
+			"### Step 1: Create a new app in LinkedIn Developer Portal\n" +
+			"If you already have an app, you can skip to Step 2.\n\n" +
+			"- Ensure you are logged in to your preferred LinkedIn account.\n" +
+			"- From the [LinkedIn Developer Portal](https://developer.linkedin.com), click on **Create app**.\n" +
+			"- Input required fields: *App Name* and *LinkedIn Page*, and upload an app logo, check the legal agreement box and click on **Create App**.\n" +
+			"- Now you should be redirected to the app's settings page.\n",
+	},
+	{
+		type: "markdown",
+		text:
+			"### Step 2: Configure the app\n" +
+			"- From the [LinkedIn Developer Portal](https://developer.linkedin.com), click **My Apps** and then select the app you'd like to proceed with.\n" +
+			"(You will already be on this page if you've completed step 1)\n" +
+			"- Select the **Products** tab and request access for **Share on LinkedIn** and **Sign In with LinkedIn using OpenID Connect**.\n" +
+			"- Then select the **Auth** tab. In the **OAuth 2.0 settings** section, click on the pencil icon to set the following as redirect URL:\n",
+	},
+	{
+		type: "copy",
+		text: getOAuthLinks("linkedin").redirectURL,
+	},
+	{
+		type: "markdown",
+		text:
+			"### Step 3: Register your App with Obot\n" +
+			"- **Client ID** and **Client Secret** can be found in the **Application credentials** box, located at the top of the **Auth** tab page.\n" +
+			"- Copy the **Client ID** and **Client Secret** and paste them into the respective fields below.\n",
+	},
+	{ type: "input", input: "clientID", label: "Client ID" },
+	{
+		type: "input",
+		input: "clientSecret",
+		label: "Client Secret",
+		inputType: "password",
+	},
+];
+
+export const LinkedInOAuthApp = {
+	schema,
+	alias: "linkedin",
+	type: "linkedin",
+	displayName: "LinkedIn",
+	logo: assetUrl("/assets/linkedin_icon.png"),
+	steps: steps,
+	noGatewayIntegration: true,
+} satisfies OAuthAppSpec;