@bpinternal/integration-hub 0.8.1 → 0.8.2

package/dist/runtime/botpressMappers.d.ts

@@ -3,7 +3,7 @@ import type { IntegrationCapabilityCardItem, IntegrationConnectionMethod, Integr
 import type { BotpressInstalledIntegration, BotpressIntegrationHubItem, CategoryResolver, IntegrationSummary } from './botpressTypes.js';
 type IntegrationCapabilitiesDefinition = Partial<Pick<Integration, 'actions' | 'events' | 'channels'>>;
 export declare const toError: (value: unknown) => Error;
-export declare const isOfficialWorkspace: (ownerWorkspaceHandle?: string | null) => ownerWorkspaceHandle is "team-cloud-services";
+export declare const isOfficialWorkspace: (ownerWorkspaceId?: string | null) => boolean;
 export declare const resolveCategory: (integration: IntegrationSummary, categoryResolver?: CategoryResolver) => string;
 export declare const getInstalledIntegrations: (botIntegrations: Bot["integrations"] | null | undefined) => BotpressInstalledIntegration[];
 export declare const findInstalledIntegration: ({ installedIntegrations, integrationId, integrationName }: {

package/dist/runtime/index.js

@@ -1,7 +1,7 @@
 import { jsx as w, jsxs as _ } from "react/jsx-runtime";
 import { Loader2 as Et } from "lucide-react";
 import { useState as x, useRef as W, useEffect as Z, useMemo as V, useCallback as N } from "react";
-import { I as ge, c as Ct, u as pe, a as he, b as be, d as ve, e as Ce, f as ye, g as we, h as Ie, i as Se, j as Ae, k as Me, l as Te } from "../chunks/index.js";
+import { I as ge, c as yt, u as pe, a as he, b as be, d as ve, e as ye, f as Ce, g as we, h as Ie, i as Se, j as Ae, k as Me, l as Te } from "../chunks/index.js";
 import { StaticZuiForm as Oe } from "@bpinternal/static-zui-form";
 import { useQueryClient as Nt, useQuery as Vt, useMutation as q } from "@tanstack/react-query";
 import "framer-motion";
@@ -16,7 +16,7 @@ const Pe = "width=650,height=800,popup=true", Be = 500, xe = 5 * 60 * 1e3, Ue =
   } catch {
     return t.split("/").filter(Boolean).at(-1) ?? null;
   }
-}, ke = async ({
+}, De = async ({
   client: t,
   linkTemplateScript: e,
   data: i
@@ -28,7 +28,7 @@ const Pe = "width=650,height=800,popup=true", Be = 500, xe = 5 * 60 * 1e3, Ue =
   if (typeof n != "string")
     throw new Error("Authorization URL is not a string");
   return n;
-}, De = async ({
+}, ke = async ({
   authorizationUrl: t,
   onClose: e,
   popupFeatures: i = Pe,
@@ -94,17 +94,17 @@ const Pe = "width=650,height=800,popup=true", Be = 500, xe = 5 * 60 * 1e3, Ue =
       } catch {
         L = {};
       }
-      const y = {
+      const C = {
         webhookUrl: o ?? null,
         webhookId: U,
         ...L
       };
       A(!0);
       try {
-        const j = await ke({
+        const j = await De({
           client: t,
           linkTemplateScript: i,
-          data: y
+          data: C
         });
         h || p(j);
       } catch (j) {
@@ -121,17 +121,17 @@ const Pe = "width=650,height=800,popup=true", Be = 500, xe = 5 * 60 * 1e3, Ue =
     if (!(!d || P)) {
       T(!0);
       try {
-        const y = await De({
+        const C = await ke({
           authorizationUrl: d,
           onClose: c
         });
-        if (y === "completed")
+        if (C === "completed")
           return;
-        if (y === "blocked") {
+        if (C === "blocked") {
           (h = f.current) == null || h.call(f, new Error("Please allow browser popups to authorize this integration."));
           return;
         }
-        if (y === "timeout") {
+        if (C === "timeout") {
           (S = f.current) == null || S.call(f, new Error("OAuth popup did not close in time. Please close it and try again."));
           return;
         }
@@ -167,22 +167,22 @@ const Pe = "width=650,height=800,popup=true", Be = 500, xe = 5 * 60 * 1e3, Ue =
     return [];
   const e = t.properties;
   return !e || typeof e != "object" ? [] : Object.keys(e);
-}, ht = (t) => !t || typeof t != "object" || Array.isArray(t) ? {} : t, kt = (t, e) => {
+}, ht = (t) => !t || typeof t != "object" || Array.isArray(t) ? {} : t, Dt = (t, e) => {
   if (e.length === 0)
     return {};
   const i = e.filter((n) => Object.prototype.hasOwnProperty.call(t, n)).map((n) => [n, t[n]]);
   return Object.fromEntries(i);
-}, it = (t) => !!t && typeof t == "object" && !Array.isArray(t), yt = (t, e) => {
+}, it = (t) => !!t && typeof t == "object" && !Array.isArray(t), Ct = (t, e) => {
   if (Object.is(t, e))
     return !0;
   if (Array.isArray(t) || Array.isArray(e))
-    return !Array.isArray(t) || !Array.isArray(e) || t.length !== e.length ? !1 : t.every((i, n) => yt(i, e[n]));
+    return !Array.isArray(t) || !Array.isArray(e) || t.length !== e.length ? !1 : t.every((i, n) => Ct(i, e[n]));
   if (it(t) || it(e)) {
     if (!it(t) || !it(e))
       return !1;
     const i = Object.keys(t), n = Object.keys(e);
     return i.length !== n.length ? !1 : i.every(
-      (o) => Object.prototype.hasOwnProperty.call(e, o) && yt(t[o], e[o])
+      (o) => Object.prototype.hasOwnProperty.call(e, o) && Ct(t[o], e[o])
     );
   }
   return !1;
@@ -198,7 +198,7 @@ const Pe = "width=650,height=800,popup=true", Be = 500, xe = 5 * 60 * 1e3, Ue =
     () => Ft({ definition: t, selectedConnectionMethod: i }),
     [t, i]
   ), r = V(() => jt(l), [l]), c = V(
-    () => kt(ht(e == null ? void 0 : e.configuration), r),
+    () => Dt(ht(e == null ? void 0 : e.configuration), r),
     [e == null ? void 0 : e.configuration, r]
   ), g = V(() => r.join("\0"), [r]), [d, p] = x({}), [v, A] = x(null), [P, T] = x(0), U = W(null);
   return Z(() => {
@@ -208,7 +208,7 @@ const Pe = "width=650,height=800,popup=true", Be = 500, xe = 5 * 60 * 1e3, Ue =
       schemaKeySignature: g,
       configuration: c
     }, f = U.current;
-    f && f.integrationAlias === b.integrationAlias && f.configurationType === b.configurationType && f.schemaKeySignature === b.schemaKeySignature && yt(f.configuration, b.configuration) || (U.current = b, p(c), A(null), T((M) => M + 1));
+    f && f.integrationAlias === b.integrationAlias && f.configurationType === b.configurationType && f.schemaKeySignature === b.schemaKeySignature && Ct(f.configuration, b.configuration) || (U.current = b, p(c), A(null), T((M) => M + 1));
   }, [c, e == null ? void 0 : e.integrationAlias, e == null ? void 0 : e.configurationType, g]), !l || r.length === 0 ? null : /* @__PURE__ */ _("div", { className: "flex flex-col gap-3", children: [
     /* @__PURE__ */ w(
       Oe,
@@ -216,7 +216,7 @@ const Pe = "width=650,height=800,popup=true", Be = 500, xe = 5 * 60 * 1e3, Ue =
         schema: l,
         value: d,
         onChange: (b) => {
-          const f = kt(ht(b), r);
+          const f = Dt(ht(b), r);
           p(f);
         },
         onValidation: ({ formValid: b }) => {
@@ -237,7 +237,7 @@ const Pe = "width=650,height=800,popup=true", Be = 500, xe = 5 * 60 * 1e3, Ue =
             ...d
           });
         },
-        className: Ct(
+        className: yt(
           "relative self-end rounded-lg bg-[var(--gray-12)] px-6 py-2 text-sm text-[var(--gray-1)] hover:opacity-90 cursor-pointer",
           "disabled:opacity-50 disabled:cursor-not-allowed"
         ),
@@ -248,10 +248,10 @@ const Pe = "width=650,height=800,popup=true", Be = 500, xe = 5 * 60 * 1e3, Ue =
       }
     )
   ] });
-}, _t = "Other", Ve = "team-cloud-services", bt = "sandbox", vt = (t) => t.replace(/([a-z\d])([A-Z])/g, "$1 $2").replace(/[_.:/-]+/g, " ").replace(/\s+/g, " ").trim().replace(/\b\w/g, (e) => e.toUpperCase()), Fe = (t) => t == null ? void 0 : t.replace(/\.$/, ""), Kt = (t) => {
+}, _t = "Other", Ve = ["95de33eb-1551-4af9-9088-e5dcb02efd09", "6a76fa10-e150-4ff6-8f59-a300feec06c1"], bt = "sandbox", vt = (t) => t.replace(/([a-z\d])([A-Z])/g, "$1 $2").replace(/[_.:/-]+/g, " ").replace(/\s+/g, " ").trim().replace(/\b\w/g, (e) => e.toUpperCase()), Fe = (t) => t == null ? void 0 : t.replace(/\.$/, ""), Kt = (t) => {
   var e;
   return t && "meta" in t ? ((e = t.meta) == null ? void 0 : e.installs) ?? null : null;
-}, wt = (t) => t instanceof Error ? t : new Error("An unknown error occurred while loading integrations"), Ht = (t) => t === Ve, zt = (t, e) => {
+}, wt = (t) => t instanceof Error ? t : new Error("An unknown error occurred while loading integrations"), zt = (t) => typeof t == "string" && Ve.includes(t), Ht = (t, e) => {
   var o;
   const i = e == null ? void 0 : e(t);
   if (i)
@@ -276,7 +276,7 @@ const Pe = "width=650,height=800,popup=true", Be = 500, xe = 5 * 60 * 1e3, Ue =
   categoryResolver: i
 }) => {
   var c, g, d;
-  const n = e.get(t.name), o = Ht((c = t.ownerWorkspace) == null ? void 0 : c.handle), a = (n == null ? void 0 : n.version) ?? null, l = t.version ?? null, r = a && l ? a !== l : !1;
+  const n = e.get(t.name), o = zt((c = t.ownerWorkspace) == null ? void 0 : c.id), a = (n == null ? void 0 : n.version) ?? null, l = t.version ?? null, r = a && l ? a !== l : !1;
   return {
     id: t.id,
     installedId: n == null ? void 0 : n.id,
@@ -284,7 +284,7 @@ const Pe = "width=650,height=800,popup=true", Be = 500, xe = 5 * 60 * 1e3, Ue =
     title: t.title,
     description: t.description,
     iconUrl: t.iconUrl,
-    attributes: { category: zt(t, i) },
+    attributes: { category: Ht(t, i) },
     meta: {
       installs: Kt(t)
     },
@@ -308,7 +308,7 @@ const Pe = "width=650,height=800,popup=true", Be = 500, xe = 5 * 60 * 1e3, Ue =
   categoryResolver: i
 }) => {
   var a, l, r;
-  const n = Ht((a = e == null ? void 0 : e.ownerWorkspace) == null ? void 0 : a.handle), o = t.version && (e != null && e.version) ? t.version !== (e == null ? void 0 : e.version) : !1;
+  const n = zt((a = e == null ? void 0 : e.ownerWorkspace) == null ? void 0 : a.id), o = t.version && (e != null && e.version) ? t.version !== (e == null ? void 0 : e.version) : !1;
   return {
     id: (e == null ? void 0 : e.id) ?? t.id,
     installedId: t.id,
@@ -317,7 +317,7 @@ const Pe = "width=650,height=800,popup=true", Be = 500, xe = 5 * 60 * 1e3, Ue =
     description: (e == null ? void 0 : e.description) ?? null,
     iconUrl: e == null ? void 0 : e.iconUrl,
     attributes: {
-      category: e ? zt(e, i) : _t
+      category: e ? Ht(e, i) : _t
     },
     meta: {
       installs: Kt(e)
@@ -373,7 +373,7 @@ const Pe = "width=650,height=800,popup=true", Be = 500, xe = 5 * 60 * 1e3, Ue =
     eventCards: i,
     channelCards: n
   };
-}, He = (t) => {
+}, ze = (t) => {
   var a, l, r, c;
   if (!t)
     return [];
@@ -389,7 +389,7 @@ const Pe = "width=650,height=800,popup=true", Be = 500, xe = 5 * 60 * 1e3, Ue =
       label: Fe(d.description) || d.title || g
     });
   return !!((r = t.sandbox) == null ? void 0 : r.identifierExtractScript) && !!((c = t.configurations) != null && c[bt]) && i.push({ value: bt, label: "Connect to a Playground" }), i;
-}, ze = ({
+}, He = ({
   installedState: t,
   connectionMethods: e
 }) => {
@@ -459,13 +459,13 @@ const Pe = "width=650,height=800,popup=true", Be = 500, xe = 5 * 60 * 1e3, Ue =
     installedIntegrations: a,
     integrationId: i,
     integrationName: n.name
-  }), r = He(n);
+  }), r = ze(n);
   return {
     definition: n,
     installedState: l,
     capabilities: Ke(n),
     connectionMethods: r,
-    selectedConnectionMethod: ze({ installedState: l, connectionMethods: r })
+    selectedConnectionMethod: He({ installedState: l, connectionMethods: r })
   };
 }, qt = ({
   client: t,
@@ -680,10 +680,10 @@ const Pe = "width=650,height=800,popup=true", Be = 500, xe = 5 * 60 * 1e3, Ue =
   }), F = q({
     mutationFn: async (h) => {
       await P(async () => {
-        const { bot: S } = await t.getBot({ id: i }), L = ot(S.integrations), y = await me({ client: t, integrationId: h }), O = It({
+        const { bot: S } = await t.getBot({ id: i }), L = ot(S.integrations), C = await me({ client: t, integrationId: h }), O = It({
           installedIntegrations: L,
           integrationId: h,
-          integrationName: y
+          integrationName: C
         }), j = {
           enabled: (O == null ? void 0 : O.enabled) ?? !0,
           configuration: (O == null ? void 0 : O.configuration) ?? {},
@@ -715,7 +715,7 @@ const Pe = "width=650,height=800,popup=true", Be = 500, xe = 5 * 60 * 1e3, Ue =
     isDisabling: K.isPending,
     isUpgrading: F.isPending
   };
-}, Tn = $t, nn = ["hub", "installed"], on = (t, e) => `integration-hub:nav:${t}:${e}`, Dt = (t) => {
+}, Tn = $t, nn = ["hub", "installed"], on = (t, e) => `integration-hub:nav:${t}:${e}`, kt = (t) => {
   try {
     const e = sessionStorage.getItem(t);
     if (!e)
@@ -753,7 +753,7 @@ const Pe = "width=650,height=800,popup=true", Be = 500, xe = 5 * 60 * 1e3, Ue =
 }) => {
   const o = on(t, e), a = W(null);
   if (a.current === null) {
-    const u = i ? Dt(o) : null;
+    const u = i ? kt(o) : null;
     a.current = Lt(u, n);
   }
   const [l, r] = x(a.current.view), [c, g] = x(
@@ -769,51 +769,51 @@ const Pe = "width=650,height=800,popup=true", Be = 500, xe = 5 * 60 * 1e3, Ue =
     if (o === L.current)
       return;
     L.current = o;
-    const u = i ? Dt(o) : null, E = Lt(u, n);
+    const u = i ? kt(o) : null, E = Lt(u, n);
     h.current = E, r(E.view), g(E.selectedIntegrationId), p(E.selectedDefinitionId), A(E.searchInput), T(E.visibility), b(E.verification), M(E.sortMethod), F(E.selectedCategory);
   }, [o, i, n]);
-  const y = N((u) => {
+  const C = N((u) => {
     u.verification !== void 0 && (u = { ...u, verification: u.verification ? [...u.verification] : void 0 }), Object.assign(h.current, u), S.current && an(L.current, h.current);
   }, []), O = N(
     (u) => {
-      r(u), y({ view: u });
+      r(u), C({ view: u });
     },
-    [y]
+    [C]
   ), j = N(
     (u) => {
-      g(u), y({ selectedIntegrationId: u });
+      g(u), C({ selectedIntegrationId: u });
     },
-    [y]
+    [C]
   ), $ = N(
     (u) => {
-      p(u), y({ selectedDefinitionId: u });
+      p(u), C({ selectedDefinitionId: u });
     },
-    [y]
+    [C]
   ), G = N(
     (u) => {
-      A(u), y({ searchInput: u });
+      A(u), C({ searchInput: u });
     },
-    [y]
+    [C]
   ), at = N(
     (u) => {
-      T(u), y({ visibility: u });
+      T(u), C({ visibility: u });
     },
-    [y]
+    [C]
   ), st = N(
     (u) => {
-      b(u), y({ verification: u });
+      b(u), C({ verification: u });
     },
-    [y]
+    [C]
   ), X = N(
     (u) => {
-      M(u), y({ sortMethod: u });
+      M(u), C({ sortMethod: u });
     },
-    [y]
+    [C]
   ), Y = N(
     (u) => {
-      F(u), y({ selectedCategory: u });
+      F(u), C({ selectedCategory: u });
     },
-    [y]
+    [C]
   );
   return {
     view: l,
@@ -868,7 +868,7 @@ const Pe = "width=650,height=800,popup=true", Be = 500, xe = 5 * 60 * 1e3, Ue =
   renderNotifications: h,
   onShare: S,
   onInstall: L,
-  onUninstall: y,
+  onUninstall: C,
   onEnable: O,
   onDisable: j,
   onUpgrade: $,
@@ -906,7 +906,7 @@ const Pe = "width=650,height=800,popup=true", Be = 500, xe = 5 * 60 * 1e3, Ue =
     botId: i,
     enabled: at,
     defaults: st
-  }), [ut, H] = x(null), [te, Q] = x(!1), [ee, ft] = x("connections"), [ne, gt] = x("connections"), I = $t({
+  }), [ut, z] = x(null), [te, Q] = x(!1), [ee, ft] = x("connections"), [ne, gt] = x("connections"), I = $t({
     client: t,
     workspaceId: e,
     botId: i,
@@ -922,15 +922,15 @@ const Pe = "width=650,height=800,popup=true", Be = 500, xe = 5 * 60 * 1e3, Ue =
       sortMethod: dt
     }),
     [I.integrations, m, ct, lt, dt]
-  ), k = V(
+  ), D = V(
     () => [...I.integrations, ...I.installedIntegrations].find(
-      (C) => C.id === u
+      (y) => y.id === u
     ) ?? null,
     [I.integrations, I.installedIntegrations, u]
   );
   Z(() => {
-    u && !I.isLoading && !k && (E(null), J(null));
-  }, [u, k, I.isLoading, E, J]);
+    u && !I.isLoading && !D && (E(null), J(null));
+  }, [u, D, I.isLoading, E, J]);
   const s = qt({
     client: t,
     workspaceId: e,
@@ -939,53 +939,53 @@ const Pe = "width=650,height=800,popup=true", Be = 500, xe = 5 * 60 * 1e3, Ue =
     enabled: !!rt,
     transformIntegrationPatch: v
   }), oe = V(
-    () => (l == null ? void 0 : l.filter((C) => C.name !== "Popular").map((C) => C.name)) ?? [],
+    () => (l == null ? void 0 : l.filter((y) => y.name !== "Popular").map((y) => y.name)) ?? [],
     [l]
   ), { readme: ae, isLoading: se } = pe((St = s.definition) == null ? void 0 : St.readmeUrl);
   Z(() => {
-    Q(!1), H(null);
+    Q(!1), z(null);
   }, [rt]);
   const tt = N(
-    (C) => {
-      const B = wt(C);
+    (y) => {
+      const B = wt(y);
       G == null || G(B);
     },
     [G]
   ), et = async ({
-    operation: C,
+    operation: y,
     onSuccess: B,
-    integration: z
+    integration: H
   }) => {
-    const R = z ?? k;
+    const R = H ?? D;
     if (R)
       try {
-        await C(), B == null || B(R);
+        await y(), B == null || B(R);
       } catch (pt) {
         tt(pt);
       }
-  }, re = (C) => {
+  }, re = (y) => {
     var Pt, Bt, xt, Ut;
-    if (!u || C !== u)
+    if (!u || y !== u)
       return null;
     if (s.isLoading)
       return cn();
-    if (!s.definition || !k)
+    if (!s.definition || !D)
       return ln();
-    const B = !!s.installedState, z = un({
+    const B = !!s.installedState, H = un({
       definition: s.definition,
       selectedConnectionMethod: s.selectedConnectionMethod
-    }), R = s.connectionMethods.length > 1 || !!z, pt = Ft({
+    }), R = s.connectionMethods.length > 1 || !!H, pt = Ft({
       definition: s.definition,
       selectedConnectionMethod: s.selectedConnectionMethod
     }), ce = jt(pt).length > 0, le = !!f || ce, At = !B || te, Mt = {
-      integration: k,
+      integration: D,
       definition: s.definition,
       installedState: s.installedState,
       workspaceId: e,
       botId: i
-    }, Tt = async (D) => {
+    }, Tt = async (k) => {
       try {
-        await s.saveConfig(D);
+        await s.saveConfig(k);
       } catch (nt) {
         tt(nt);
       }
@@ -998,22 +998,22 @@ const Pe = "width=650,height=800,popup=true", Be = 500, xe = 5 * 60 * 1e3, Ue =
       isSettingConnectionMethod: s.isSettingConnectionMethod
     }) : /* @__PURE__ */ _("div", { className: "flex flex-col gap-4", children: [
       /* @__PURE__ */ w("div", { className: "self-end", children: /* @__PURE__ */ w(
-        ye,
+        Ce,
         {
           options: s.connectionMethods,
           value: s.selectedConnectionMethod,
           disabled: !p,
-          onChange: (D) => {
-            p && s.setConnectionMethod(D).catch(tt);
+          onChange: (k) => {
+            p && s.setConnectionMethod(k).catch(tt);
           }
         }
       ) }),
-      z ? /* @__PURE__ */ w(
+      H ? /* @__PURE__ */ w(
         Ee,
         {
           client: t,
           integrationName: s.definition.title ?? s.definition.name,
-          linkTemplateScript: z,
+          linkTemplateScript: H,
           webhookUrl: (Pt = s.installedState) == null ? void 0 : Pt.webhookUrl,
           oauthTemplateData: K,
           isAuthorized: !!((Bt = s.installedState) != null && Bt.identifier),
@@ -1058,12 +1058,12 @@ const Pe = "width=650,height=800,popup=true", Be = 500, xe = 5 * 60 * 1e3, Ue =
         eventCards: s.capabilities.eventCards,
         channelCards: s.capabilities.channelCards,
         selectedCard: ut,
-        onCardSelect: (D) => {
-          H(
+        onCardSelect: (k) => {
+          z(
             dn(
-              D ? {
-                key: D.key,
-                type: D.type
+              k ? {
+                key: k.key,
+                type: k.type
               } : null
             )
           );
@@ -1083,53 +1083,53 @@ const Pe = "width=650,height=800,popup=true", Be = 500, xe = 5 * 60 * 1e3, Ue =
       {
         title: s.definition.title ?? s.definition.name,
         iconUrl: s.definition.iconUrl,
-        contributorName: k.author,
-        isOfficial: k.isOfficial,
-        isVerified: k.isVerified,
-        isPrivate: k.isPrivate,
+        contributorName: D.author,
+        isOfficial: D.isOfficial,
+        isVerified: D.isVerified,
+        isPrivate: D.isPrivate,
         onBack: () => {
-          E(null), J(null), H(null), Q(!1);
+          E(null), J(null), z(null), Q(!1);
         },
         onInstall: B || d || !p ? void 0 : () => {
           et({
-            operation: () => I.install(k.id),
+            operation: () => I.install(D.id),
             onSuccess: L,
-            integration: k
+            integration: D
           });
         },
         onToggleEnabled: !B || !p ? void 0 : () => {
-          const D = s.installedState, nt = !!(D != null && D.enabled);
+          const k = s.installedState, nt = !!(k != null && k.enabled);
           et({
             operation: async () => {
-              if (!D)
+              if (!k)
                 throw new Error("Integration is not installed");
               if (nt) {
-                await I.disable(D.id);
+                await I.disable(k.id);
                 return;
               }
-              await I.enable(D.id);
+              await I.enable(k.id);
             },
             onSuccess: nt ? j : O,
-            integration: k
+            integration: D
           });
         },
         onUninstall: !B || !p ? void 0 : () => {
-          const D = s.installedState;
+          const k = s.installedState;
           et({
             operation: async () => {
-              if (!D)
+              if (!k)
                 throw new Error("Integration is not installed");
-              await I.uninstall(D.id);
+              await I.uninstall(k.id);
             },
-            onSuccess: y,
-            integration: k
+            onSuccess: C,
+            integration: D
           });
         },
-        onUpgrade: !k.hasUpdate || !p ? void 0 : () => {
+        onUpgrade: !D.hasUpdate || !p ? void 0 : () => {
           et({
-            operation: () => I.upgrade(k.id),
+            operation: () => I.upgrade(D.id),
             onSuccess: $,
-            integration: k
+            integration: D
           });
         },
         isInstalled: B,
@@ -1138,7 +1138,7 @@ const Pe = "width=650,height=800,popup=true", Be = 500, xe = 5 * 60 * 1e3, Ue =
         isInstalling: I.isInstalling,
         isUninstalling: I.isUninstalling,
         isTogglingEnabled: I.isEnabling || I.isDisabling,
-        hasUpdate: k.hasUpdate,
+        hasUpdate: D.hasUpdate,
         isUpgrading: I.isUpgrading,
         toggleButtonLabel: (Ut = s.installedState) != null && Ut.enabled ? "Disable" : "Enable",
         onShare: S ? () => S(Mt) : void 0,
@@ -1148,9 +1148,9 @@ const Pe = "width=650,height=800,popup=true", Be = 500, xe = 5 * 60 * 1e3, Ue =
         selectedDetailPanel: ut && F ? F({
           definition: s.definition,
           selectedCard: ut,
-          onClose: () => H(null)
+          onClose: () => z(null)
         }) : void 0,
-        onDismissSelectedDetailPanel: () => H(null),
+        onDismissSelectedDetailPanel: () => z(null),
         children: At ? /* @__PURE__ */ _("div", { className: "flex flex-col gap-6 mt-6", children: [
           /* @__PURE__ */ w(Me, { readme: ae, isLoading: se }),
           Ot
@@ -1166,7 +1166,7 @@ const Pe = "width=650,height=800,popup=true", Be = 500, xe = 5 * 60 * 1e3, Ue =
             setupTab: ne,
             onSetupTabChange: gt,
             onCancelSetup: () => {
-              E(null), J(null), H(null), Q(!1);
+              E(null), J(null), z(null), Q(!1);
             },
             metadata: fe,
             connectionsContent: de,
@@ -1189,7 +1189,7 @@ const Pe = "width=650,height=800,popup=true", Be = 500, xe = 5 * 60 * 1e3, Ue =
           {
             type: "button",
             onClick: () => Y("hub"),
-            className: Ct(
+            className: yt(
               "cursor-pointer rounded-md px-3 py-1.5 text-sm text-[var(--gray-11)] transition-colors",
               X === "hub" && "bg-[var(--gray-1)] text-[var(--gray-12)] shadow-sm"
             ),
@@ -1201,7 +1201,7 @@ const Pe = "width=650,height=800,popup=true", Be = 500, xe = 5 * 60 * 1e3, Ue =
           {
             type: "button",
             onClick: () => Y("installed"),
-            className: Ct(
+            className: yt(
               "cursor-pointer rounded-md px-3 py-1.5 text-sm text-[var(--gray-11)] transition-colors",
               X === "installed" && "bg-[var(--gray-1)] text-[var(--gray-12)] shadow-sm"
             ),
@@ -1241,32 +1241,32 @@ const Pe = "width=650,height=800,popup=true", Be = 500, xe = 5 * 60 * 1e3, Ue =
         bannerSlides: r,
         bannerIconUrl: c,
         noResultsDocumentationLink: g,
-        renderIntegrationCard: (C, { onEscape: B }) => /* @__PURE__ */ w(
+        renderIntegrationCard: (y, { onEscape: B }) => /* @__PURE__ */ w(
           ve,
           {
-            name: C.title ?? C.name,
-            description: C.description,
-            author: C.author,
-            installed: C.installed,
-            updateAvailable: C.hasUpdate,
-            verified: C.isVerified,
-            official: C.isOfficial,
-            private: C.isPrivate,
-            iconUrl: C.iconUrl,
+            name: y.title ?? y.name,
+            description: y.description,
+            author: y.author,
+            installed: y.installed,
+            updateAvailable: y.hasUpdate,
+            verified: y.isVerified,
+            official: y.isOfficial,
+            private: y.isPrivate,
+            iconUrl: y.iconUrl,
             onClick: () => {
-              E(C.id), J(C.installedId ?? C.id), ft("connections"), gt("connections"), Q(!1), H(null);
+              E(y.id), J(y.installedId ?? y.id), ft("connections"), gt("connections"), Q(!1), z(null);
             },
             onEscape: B
           }
         ),
-        renderInstalledIntegrations: ({ integrations: C, searchTerm: B, categoryOrder: z }) => /* @__PURE__ */ w(
-          Ce,
+        renderInstalledIntegrations: ({ integrations: y, searchTerm: B, categoryOrder: H }) => /* @__PURE__ */ w(
+          ye,
           {
-            integrations: C,
+            integrations: y,
             searchTerm: B,
-            categoryOrder: z.length > 0 ? z : oe,
+            categoryOrder: H.length > 0 ? H : oe,
             onSelectIntegration: (R) => {
-              E(R.id), J(R.installedId ?? R.id), ft("connections"), gt("connections"), Q(!1), H(null);
+              E(R.id), J(R.installedId ?? R.id), ft("connections"), gt("connections"), Q(!1), z(null);
             }
           }
         ),
@@ -1282,17 +1282,17 @@ export {
   Me as IntegrationReadmeContent,
   Ne as IntegrationStaticZuiConfigurationForm,
   An as dedupeById,
-  ke as fetchOAuthAuthorizationUrl,
+  De as fetchOAuthAuthorizationUrl,
   Re as filterAndSortIntegrations,
   It as findInstalledIntegration,
   ot as getInstalledIntegrations,
-  ze as getSelectedConnectionMethod,
+  He as getSelectedConnectionMethod,
   Ue as getWebhookIdFromUrl,
-  Ht as isOfficialWorkspace,
-  De as openOAuthPopup,
-  zt as resolveCategory,
+  zt as isOfficialWorkspace,
+  ke as openOAuthPopup,
+  Ht as resolveCategory,
   Ke as toCapabilityCards,
-  He as toConnectionMethods,
+  ze as toConnectionMethods,
   wt as toError,
   je as toHubItem,
   _e as toInstalledItem,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bpinternal/integration-hub",
-  "version": "0.8.1",
+  "version": "0.8.2",
   "description": "Reusable Integration Hub for Botpress-style integration catalogs",
   "license": "AGPL-3.0",
   "type": "module",