Merge pull request framer#332 from framer/hubspot-menu

Hubspot: add plugin menu

Author: madebyisaacr

plugins/hubspot/package.json

@@ -15,7 +15,7 @@
     "dependencies": {
         "@tanstack/react-query": "^5.81.5",
         "classnames": "^2.5.1",
-        "framer-plugin": "^3.3.2",
+        "framer-plugin": "^3.5.2",
         "motion": "^12.23.0",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",

plugins/hubspot/src/App.tsx

@@ -28,7 +28,7 @@ const routes: Route[] = [
         path: "/canvas",
         element: CanvasMenuPage,
         size: {
-            height: 546,
+            height: 561,
         },
         children: [
             {
@@ -186,6 +186,19 @@ export function App() {
                 return
             }
 
+            void framer.setMenu([
+                {
+                    label: "Log Out",
+                    visible: true,
+                    onAction: () => {
+                        auth.logout()
+                        framer.closePlugin(
+                            "To fully remove the integration, uninstall the Framer app from the HubSpot integrations dashboard."
+                        )
+                    },
+                },
+            ])
+
             if (isInCMSModes) {
                 return handleCMSModes()
             }

plugins/hubspot/src/blog.ts

@@ -141,7 +141,8 @@ function getFieldDataEntryInput(field: ManagedCollectionFieldInput, value: unkno
         }
 
         case "collectionReference":
-        case "multiCollectionReference": {
+        case "multiCollectionReference":
+        case "array": {
             // TODO: Implement
             return undefined
         }

plugins/hubspot/src/components/PageErrorBoundaryFallback.tsx

@@ -32,7 +32,7 @@ export const PageErrorBoundaryFallback = ({ children }: PropsWithChildren) => (
                                             void framer.closePlugin()
                                         }}
                                     >
-                                        logout
+                                        log out
                                     </a>
                                     .
                                 </span>

plugins/hubspot/src/pages/Auth.tsx

@@ -64,7 +64,7 @@ export default function AuthPage() {
                     </p>
                 </div>
             </div>
-            <Button className="w-full mt-auto" onClick={login} isLoading={isLoading} variant="secondary">
+            <Button className="w-full" onClick={login} isLoading={isLoading} variant="secondary">
                 Log In
             </Button>
         </main>

plugins/hubspot/src/pages/canvas/Account.tsx

@@ -29,7 +29,7 @@ export default function AccountPage() {
                 <p>{user.hub_id}</p>
             </div>
             <button className="framer-button-destructive w-full" onClick={handleLogout}>
-                Logout
+                Log Out
             </button>
         </main>
     )

plugins/hubspot/src/pages/canvas/Menu.tsx

@@ -62,7 +62,7 @@ export default function MenuPage() {
 
     return (
         <main>
-            <div className="col-lg items-center pt-[30px] pb-15">
+            <div className="col-lg items-center py-[30px]">
                 <Logo />
                 <div className="col items-center">
                     <h6>Welcome to HubSpot</h6>

yarn.lock

@@ -4928,7 +4928,7 @@ __metadata:
     "@types/react": "npm:^18.3.23"
     "@types/react-dom": "npm:^18.3.7"
     classnames: "npm:^2.5.1"
-    framer-plugin: "npm:^3.3.2"
+    framer-plugin: "npm:^3.5.2"
     motion: "npm:^12.23.0"
     react: "npm:^18.3.1"
     react-dom: "npm:^18.3.1"