feat: cleanup

Author: ryunsong-contentful

apps/hubspot/contentful-app-manifest.json

@@ -1,26 +1,14 @@
 {
-  "name": "Klaviyo",
-  "description": "Sync your Contentful content with Klaviyo",
-  "id": "klaviyo",
+  "name": "HubSpot Email Sync",
+  "description": "Sync your Contentful content with HubSpot Marketing Emails",
+  "id": "hubspot-email-sync",
   "category": "Marketing",
   "version": "0.1.0",
   "locations": [
     {
       "location": "app-config",
       "component": "ConfigScreen"
     },
-    {
-      "location": "entry-sidebar",
-      "component": "Sidebar"
-    },
-    {
-      "location": "entry-field",
-      "component": "Field"
-    },
-    {
-      "location": "dialog",
-      "component": "FieldSelectDialog"
-    },
     {
       "location": "page",
       "component": "FieldMappingScreen"
@@ -29,27 +17,28 @@
   "parameters": {
     "installation": [
       {
-        "id": "hubspotApiKey",
-        "name": "Hubspot API Key",
-        "description": "Your Hubspot API key from private app",
+        "id": "apiKey",
+        "name": "HubSpot API Key",
+        "description": "Your HubSpot private app API key (starts with 'pat-')",
         "type": "Symbol",
         "required": true
       }
     ]
   },
   "functions": [
     {
-      "id": "hubspotEmailFunction",
-      "name": "Hubspot Email Function",
-      "description": "Sync Contentful Entries to HubSpot Emails",
+      "id": "3rpmmTblbOagoCcT2QVrtb",
+      "name": "HubSpot Email Function",
+      "description": "Sync Contentful Entries to HubSpot Marketing Emails",
       "path": "functions/hubspotEmail.js",
       "entryFile": "functions/hubspotEmail.ts",
       "allowNetworks": [
         "api.hubapi.com"
       ],
       "accepts": [
         "appaction.call"
-      ]
+      ],
+      "timeout": 30
     }
   ]
 }

apps/hubspot/src/locations/Page.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import {
   Button,
   Card,
@@ -15,6 +15,7 @@ import {
 import { PageAppSDK } from '@contentful/app-sdk';
 import { useCMA, useSDK } from '@contentful/react-apps-toolkit';
 import { styles } from './Page.styles';
+import { C } from 'vitest/dist/chunks/reporters.d.C1ogPriE';
 
 interface HubSpotEmail {
   id: string;
@@ -93,6 +94,7 @@ const Page = () => {
     contentBlocks: {},
   });
   const [updating, setUpdating] = useState(false);
+  const [hubspotAppActionId, setHubspotEmailAction] = useState<string>('');
 
   // Helper function to extract individual text nodes from HTML
   const extractTextNodes = (html: string): TextNode[] => {
@@ -166,6 +168,20 @@ const Page = () => {
       });
   };
 
+  useEffect(() => {
+    const getAppActions = async () => {
+      const appActions = await cma.appAction.getManyForEnvironment({});
+      const hubspotEmailAction = appActions.items.find((appAction) => {
+        if (appAction.name === 'Hubspot Email Action') {
+          return appAction;
+        }
+      });
+      setHubspotEmailAction(hubspotEmailAction?.sys.id || '');
+    };
+
+    getAppActions();
+  }, []);
+
   // Test HubSpot connection and fetch emails
   const fetchHubSpotEmails = async () => {
     try {
@@ -175,7 +191,7 @@ const Page = () => {
       const res = await cma.appActionCall.createWithResponse(
         {
           appDefinitionId: sdk.ids.app || '',
-          appActionId: '3rpmmTblbOagoCcT2QVrtb',
+          appActionId: hubspotAppActionId,
         },
         {
           parameters: {
@@ -262,7 +278,7 @@ const Page = () => {
       const res = await cma.appActionCall.createWithResponse(
         {
           appDefinitionId: sdk.ids.app || '',
-          appActionId: '3rpmmTblbOagoCcT2QVrtb',
+          appActionId: hubspotAppActionId,
         },
         {
           parameters: {