@bpinternal/integration-hub 0.2.0 → 0.3.0

package/dist/runtime/index.js

@@ -1,14 +1,14 @@
-import { jsx as v, jsxs as _ } from "react/jsx-runtime";
-import { Loader2 as wt } from "lucide-react";
-import { useState as O, useRef as dt, useEffect as st, useMemo as E, useCallback as G } from "react";
-import { I as Wt, c as ct, a as Rt, b as $t, d as Gt, e as Zt, f as Jt, g as Xt, h as Yt, i as mt, j as tn, k as nn } from "../chunks/index.js";
-import { StaticZuiForm as en } from "@bpinternal/static-zui-form";
-import { useQueryClient as It, useQuery as yt, useMutation as D } from "@tanstack/react-query";
+import { jsx as v, jsxs as K } from "react/jsx-runtime";
+import { Loader2 as It } from "lucide-react";
+import { useState as P, useRef as ut, useEffect as ct, useMemo as E, useCallback as Z } from "react";
+import { I as Rt, c as lt, a as $t, b as Gt, d as Zt, e as Jt, f as Xt, g as Yt, h as mt, i as tn, j as nn, k as en } from "../chunks/index.js";
+import { StaticZuiForm as on } from "@bpinternal/static-zui-form";
+import { useQueryClient as yt, useQuery as St, useMutation as D } from "@tanstack/react-query";
 import "framer-motion";
 import "clsx";
 import "tailwind-merge";
 import "@base-ui/react/menu";
-const on = "width=650,height=800,popup=true", an = 500, rn = 5 * 60 * 1e3, sn = (n) => {
+const an = "width=650,height=800,popup=true", rn = 500, sn = 5 * 60 * 1e3, cn = (n) => {
   if (!n)
     return null;
   try {
@@ -16,7 +16,7 @@ const on = "width=650,height=800,popup=true", an = 500, rn = 5 * 60 * 1e3, sn =
   } catch {
     return n.split("/").filter(Boolean).at(-1) ?? null;
   }
-}, cn = async ({
+}, ln = async ({
   client: n,
   linkTemplateScript: t,
   data: e
@@ -28,12 +28,12 @@ const on = "width=650,height=800,popup=true", an = 500, rn = 5 * 60 * 1e3, sn =
   if (typeof i != "string")
     throw new Error("Authorization URL is not a string");
   return i;
-}, ln = async ({
+}, dn = async ({
   authorizationUrl: n,
   onClose: t,
-  popupFeatures: e = on,
-  pollIntervalMs: i = an,
-  timeoutMs: o = rn
+  popupFeatures: e = an,
+  pollIntervalMs: i = rn,
+  timeoutMs: o = sn
 }) => {
   const r = window.open(n, "OAuth", e);
   if (!r)
@@ -57,136 +57,136 @@ const on = "width=650,height=800,popup=true", an = 500, rn = 5 * 60 * 1e3, sn =
   } catch {
     return "failed";
   }
-}, dn = (n) => n instanceof Error ? n : new Error("OAuth authorization failed"), un = ({
+}, un = (n) => n instanceof Error ? n : new Error("OAuth authorization failed"), pn = ({
   client: n,
   integrationName: t,
   linkTemplateScript: e,
   webhookId: i,
   webhookUrl: o,
   oauthTemplateData: r,
-  isAuthorized: c = !1,
+  isAuthorized: l = !1,
   disabled: a = !1,
   onAuthorized: u,
   onError: d
 }) => {
-  const [l, b] = O(null), [p, S] = O(!1), [x, P] = O(!1), I = i ?? sn(o), g = !!(i || o), f = dt(d);
-  st(() => {
+  const [s, g] = P(null), [b, S] = P(!1), [T, M] = P(!1), I = i ?? cn(o), p = !!(i || o), f = ut(d);
+  ct(() => {
     f.current = d;
   }, [d]);
-  const C = E(() => {
+  const k = E(() => {
     try {
       return JSON.stringify(r ?? {});
     } catch {
       return "{}";
     }
   }, [r]);
-  st(() => {
-    if (!g) {
-      b(null), S(!1);
+  ct(() => {
+    if (!p) {
+      g(null), S(!1);
       return;
     }
-    let k = !1;
+    let U = !1;
     return (async () => {
-      var K;
-      let M = {};
+      var L;
+      let C = {};
       try {
-        M = JSON.parse(C);
+        C = JSON.parse(k);
       } catch {
-        M = {};
+        C = {};
       }
-      const U = {
+      const x = {
         webhookUrl: o ?? null,
         webhookId: I,
-        ...M
+        ...C
       };
       S(!0);
       try {
-        const N = await cn({
+        const _ = await ln({
           client: n,
           linkTemplateScript: e,
-          data: U
+          data: x
         });
-        k || b(N);
-      } catch (N) {
-        k || (b(null), (K = f.current) == null || K.call(f, dn(N)));
+        U || g(_);
+      } catch (_) {
+        U || (g(null), (L = f.current) == null || L.call(f, un(_)));
       } finally {
-        k || S(!1);
+        U || S(!1);
       }
     })(), () => {
-      k = !0;
+      U = !0;
     };
-  }, [n, g, e, C, o, I]);
-  const L = g && !!l && !p && !a, H = async () => {
-    var k, y, M;
-    if (!(!l || x)) {
-      P(!0);
+  }, [n, p, e, k, o, I]);
+  const y = p && !!s && !b && !a, N = async () => {
+    var U, V, C;
+    if (!(!s || T)) {
+      M(!0);
       try {
-        const U = await ln({
-          authorizationUrl: l,
+        const x = await dn({
+          authorizationUrl: s,
           onClose: u
         });
-        if (U === "completed")
+        if (x === "completed")
           return;
-        if (U === "blocked") {
-          (k = f.current) == null || k.call(f, new Error("Please allow browser popups to authorize this integration."));
+        if (x === "blocked") {
+          (U = f.current) == null || U.call(f, new Error("Please allow browser popups to authorize this integration."));
           return;
         }
-        if (U === "timeout") {
-          (y = f.current) == null || y.call(f, new Error("OAuth popup did not close in time. Please close it and try again."));
+        if (x === "timeout") {
+          (V = f.current) == null || V.call(f, new Error("OAuth popup did not close in time. Please close it and try again."));
           return;
         }
-        (M = f.current) == null || M.call(f, new Error("OAuth authorization finished but refresh failed."));
+        (C = f.current) == null || C.call(f, new Error("OAuth authorization finished but refresh failed."));
       } finally {
-        P(!1);
+        M(!1);
       }
     }
   };
   return /* @__PURE__ */ v(
-    Wt,
+    Rt,
     {
       integrationName: t,
-      canAuthorize: L,
-      isAuthorizing: x,
-      isAuthorized: c,
+      canAuthorize: y,
+      isAuthorizing: T,
+      isAuthorized: l,
       disabled: a,
-      showInstallHint: !g,
+      showInstallHint: !p,
       onClick: () => {
-        H();
+        N();
       }
     }
   );
-}, St = ({
+}, At = ({
   definition: n,
   selectedConnectionMethod: t
 }) => {
   var i, o, r;
   const e = t != null ? (o = (i = n.configurations) == null ? void 0 : i[t]) == null ? void 0 : o.schema : (r = n.configuration) == null ? void 0 : r.schema;
   return !e || typeof e != "object" ? null : e;
-}, At = (n) => {
+}, Tt = (n) => {
   if (!n || typeof n != "object")
     return [];
   const t = n.properties;
   return !t || typeof t != "object" ? [] : Object.keys(t);
-}, it = (n) => !n || typeof n != "object" || Array.isArray(n) ? {} : n, Ct = (n, t) => {
+}, ot = (n) => !n || typeof n != "object" || Array.isArray(n) ? {} : n, wt = (n, t) => {
   if (t.length === 0)
     return {};
   const e = t.filter((i) => Object.prototype.hasOwnProperty.call(n, i)).map((i) => [i, n[i]]);
   return Object.fromEntries(e);
-}, $ = (n) => !!n && typeof n == "object" && !Array.isArray(n), lt = (n, t) => {
+}, G = (n) => !!n && typeof n == "object" && !Array.isArray(n), dt = (n, t) => {
   if (Object.is(n, t))
     return !0;
   if (Array.isArray(n) || Array.isArray(t))
-    return !Array.isArray(n) || !Array.isArray(t) || n.length !== t.length ? !1 : n.every((e, i) => lt(e, t[i]));
-  if ($(n) || $(t)) {
-    if (!$(n) || !$(t))
+    return !Array.isArray(n) || !Array.isArray(t) || n.length !== t.length ? !1 : n.every((e, i) => dt(e, t[i]));
+  if (G(n) || G(t)) {
+    if (!G(n) || !G(t))
       return !1;
     const e = Object.keys(n), i = Object.keys(t);
     return e.length !== i.length ? !1 : e.every(
-      (o) => Object.prototype.hasOwnProperty.call(t, o) && lt(n[o], t[o])
+      (o) => Object.prototype.hasOwnProperty.call(t, o) && dt(n[o], t[o])
     );
   }
   return !1;
-}, pn = ({
+}, fn = ({
   definition: n,
   installedState: t,
   selectedConnectionMethod: e,
@@ -194,71 +194,71 @@ const on = "width=650,height=800,popup=true", an = 500, rn = 5 * 60 * 1e3, sn =
   isSaving: o,
   disabled: r = !1
 }) => {
-  const c = E(
-    () => St({ definition: n, selectedConnectionMethod: e }),
+  const l = E(
+    () => At({ definition: n, selectedConnectionMethod: e }),
     [n, e]
-  ), a = E(() => At(c), [c]), u = E(
-    () => Ct(it(t == null ? void 0 : t.configuration), a),
+  ), a = E(() => Tt(l), [l]), u = E(
+    () => wt(ot(t == null ? void 0 : t.configuration), a),
     [t == null ? void 0 : t.configuration, a]
-  ), d = E(() => a.join("\0"), [a]), [l, b] = O({}), [p, S] = O(null), [x, P] = O(0), I = dt(null);
-  return st(() => {
-    const g = {
+  ), d = E(() => a.join("\0"), [a]), [s, g] = P({}), [b, S] = P(null), [T, M] = P(0), I = ut(null);
+  return ct(() => {
+    const p = {
       botIntegrationId: (t == null ? void 0 : t.botIntegrationId) ?? null,
       configurationType: (t == null ? void 0 : t.configurationType) ?? null,
       schemaKeySignature: d,
       configuration: u
     }, f = I.current;
-    f && f.botIntegrationId === g.botIntegrationId && f.configurationType === g.configurationType && f.schemaKeySignature === g.schemaKeySignature && lt(f.configuration, g.configuration) || (I.current = g, b(u), S(null), P((C) => C + 1));
-  }, [u, t == null ? void 0 : t.botIntegrationId, t == null ? void 0 : t.configurationType, d]), !c || a.length === 0 ? null : /* @__PURE__ */ _("div", { className: "flex flex-col gap-3", children: [
+    f && f.botIntegrationId === p.botIntegrationId && f.configurationType === p.configurationType && f.schemaKeySignature === p.schemaKeySignature && dt(f.configuration, p.configuration) || (I.current = p, g(u), S(null), M((k) => k + 1));
+  }, [u, t == null ? void 0 : t.botIntegrationId, t == null ? void 0 : t.configurationType, d]), !l || a.length === 0 ? null : /* @__PURE__ */ K("div", { className: "flex flex-col gap-3", children: [
     /* @__PURE__ */ v(
-      en,
+      on,
       {
-        schema: c,
-        value: l,
-        onChange: (g) => {
-          const f = Ct(it(g), a);
-          b(f);
+        schema: l,
+        value: s,
+        onChange: (p) => {
+          const f = wt(ot(p), a);
+          g(f);
         },
-        onValidation: ({ formValid: g }) => {
-          S(g);
+        onValidation: ({ formValid: p }) => {
+          S(p);
         }
       },
-      x
+      T
     ),
-    /* @__PURE__ */ _(
+    /* @__PURE__ */ K(
       "button",
       {
         type: "button",
-        disabled: r || o || p !== !0,
+        disabled: r || o || b !== !0,
         onClick: () => {
-          const g = it(t == null ? void 0 : t.configuration);
+          const p = ot(t == null ? void 0 : t.configuration);
           i({
-            ...g,
-            ...l
+            ...p,
+            ...s
           });
         },
-        className: ct(
+        className: lt(
           "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"
         ),
         children: [
           /* @__PURE__ */ v("span", { className: o ? "invisible" : "", children: "Save Configuration" }),
-          o && /* @__PURE__ */ v(wt, { className: "absolute inset-0 m-auto h-4 w-4 animate-spin" })
+          o && /* @__PURE__ */ v(It, { className: "absolute inset-0 m-auto h-4 w-4 animate-spin" })
         ]
       }
     )
   ] });
-}, Tt = "Other", fn = "team-cloud-services", ot = "sandbox", at = (n) => n.replace(/([a-z\d])([A-Z])/g, "$1 $2").replace(/[_.:/-]+/g, " ").replace(/\s+/g, " ").trim().replace(/\b\w/g, (t) => t.toUpperCase()), gn = (n) => n == null ? void 0 : n.replace(/\.$/, ""), Ot = (n) => {
+}, Ot = "Other", gn = "team-cloud-services", at = "sandbox", rt = (n) => n.replace(/([a-z\d])([A-Z])/g, "$1 $2").replace(/[_.:/-]+/g, " ").replace(/\s+/g, " ").trim().replace(/\b\w/g, (t) => t.toUpperCase()), hn = (n) => n == null ? void 0 : n.replace(/\.$/, ""), Pt = (n) => {
   var t;
   return n && "meta" in n ? ((t = n.meta) == null ? void 0 : t.installs) ?? null : null;
-}, ut = (n) => n instanceof Error ? n : new Error("An unknown error occurred while loading integrations"), Pt = (n) => n === fn, Bt = (n, t) => {
+}, pt = (n) => n instanceof Error ? n : new Error("An unknown error occurred while loading integrations"), Bt = (n) => n === gn, Mt = (n, t) => {
   var o;
   const e = t == null ? void 0 : t(n);
   if (e)
     return e;
   const i = (o = n.attributes) == null ? void 0 : o.category;
-  return typeof i == "string" && i.length > 0 ? i : Tt;
-}, Z = (n) => n ? Object.entries(n).map(([t, e]) => {
+  return typeof i == "string" && i.length > 0 ? i : Ot;
+}, J = (n) => n ? Object.entries(n).map(([t, e]) => {
   const i = e;
   return {
     ...i,
@@ -266,32 +266,32 @@ const on = "width=650,height=800,popup=true", an = 500, rn = 5 * 60 * 1e3, sn =
     name: typeof i.name == "string" && i.name.length > 0 ? i.name : t,
     botIntegrationId: t
   };
-}) : [], pt = ({
+}) : [], ft = ({
   installedIntegrations: n,
   integrationId: t,
   integrationName: e
-}) => n.find((i) => i.id === t) ?? n.find((i) => i.botIntegrationId === t) ?? (e ? n.find((i) => i.name === e) : void 0), hn = ({
+}) => n.find((i) => i.id === t) ?? n.find((i) => i.botIntegrationId === t) ?? (e ? n.find((i) => i.name === e) : void 0), bn = ({
   summary: n,
   installedByName: t,
   categoryResolver: e
 }) => {
-  var u, d, l;
-  const i = t.get(n.name), o = Pt((u = n.ownerWorkspace) == null ? void 0 : u.handle), r = (i == null ? void 0 : i.version) ?? null, c = n.version ?? null, a = r && c ? r !== c : !1;
+  var u, d, s;
+  const i = t.get(n.name), o = Bt((u = n.ownerWorkspace) == null ? void 0 : u.handle), r = (i == null ? void 0 : i.version) ?? null, l = n.version ?? null, a = r && l ? r !== l : !1;
   return {
     id: n.id,
     name: n.name,
     title: n.title,
     description: n.description,
     iconUrl: n.iconUrl,
-    attributes: { category: Bt(n, e) },
+    attributes: { category: Mt(n, e) },
     meta: {
-      installs: Ot(n)
+      installs: Pt(n)
     },
     installed: !!i,
     enabled: i == null ? void 0 : i.enabled,
     hasUpdate: a,
     deprecated: (i == null ? void 0 : i.lifecycleStatus) === "deprecated" || n.lifecycleStatus === "deprecated",
-    author: ((d = n.ownerWorkspace) == null ? void 0 : d.handle) ?? ((l = n.ownerWorkspace) == null ? void 0 : l.name) ?? null,
+    author: ((d = n.ownerWorkspace) == null ? void 0 : d.handle) ?? ((s = n.ownerWorkspace) == null ? void 0 : s.name) ?? null,
     isOfficial: o,
     isVerified: n.verificationStatus === "approved",
     isPrivate: n.visibility === "private",
@@ -301,13 +301,13 @@ const on = "width=650,height=800,popup=true", an = 500, rn = 5 * 60 * 1e3, sn =
     version: n.version,
     updatedAt: n.updatedAt
   };
-}, bn = ({
+}, vn = ({
   installedIntegration: n,
   summary: t,
   categoryResolver: e
 }) => {
-  var r, c, a;
-  const i = Pt((r = t == null ? void 0 : t.ownerWorkspace) == null ? void 0 : r.handle), o = n.version && (t != null && t.version) ? n.version !== (t == null ? void 0 : t.version) : !1;
+  var r, l, a;
+  const i = Bt((r = t == null ? void 0 : t.ownerWorkspace) == null ? void 0 : r.handle), o = n.version && (t != null && t.version) ? n.version !== (t == null ? void 0 : t.version) : !1;
   return {
     id: (t == null ? void 0 : t.id) ?? n.id,
     name: (t == null ? void 0 : t.name) ?? n.name,
@@ -315,16 +315,16 @@ const on = "width=650,height=800,popup=true", an = 500, rn = 5 * 60 * 1e3, sn =
     description: (t == null ? void 0 : t.description) ?? null,
     iconUrl: t == null ? void 0 : t.iconUrl,
     attributes: {
-      category: t ? Bt(t, e) : Tt
+      category: t ? Mt(t, e) : Ot
     },
     meta: {
-      installs: Ot(t)
+      installs: Pt(t)
     },
     installed: !0,
     enabled: n.enabled,
     hasUpdate: o,
     deprecated: n.lifecycleStatus === "deprecated",
-    author: ((c = t == null ? void 0 : t.ownerWorkspace) == null ? void 0 : c.handle) ?? ((a = t == null ? void 0 : t.ownerWorkspace) == null ? void 0 : a.name) ?? null,
+    author: ((l = t == null ? void 0 : t.ownerWorkspace) == null ? void 0 : l.handle) ?? ((a = t == null ? void 0 : t.ownerWorkspace) == null ? void 0 : a.name) ?? null,
     isOfficial: i,
     isVerified: (t == null ? void 0 : t.verificationStatus) === "approved",
     isPrivate: (t == null ? void 0 : t.visibility) === "private",
@@ -334,7 +334,7 @@ const on = "width=650,height=800,popup=true", an = 500, rn = 5 * 60 * 1e3, sn =
     version: (t == null ? void 0 : t.version) ?? n.version,
     updatedAt: t == null ? void 0 : t.updatedAt
   };
-}, vn = (n) => {
+}, Cn = (n) => {
   if (!n)
     return {
       actionCards: [],
@@ -345,23 +345,23 @@ const on = "width=650,height=800,popup=true", an = 500, rn = 5 * 60 * 1e3, sn =
     var r;
     return ((r = o.attributes) == null ? void 0 : r.bpActionHiddenInStudio) !== "true";
   }).map(([o, r]) => {
-    var c;
+    var l;
     return {
       key: o,
-      name: at(o),
+      name: rt(o),
       description: r.description ?? "",
       type: "action",
-      billable: ((c = r.attributes) == null ? void 0 : c.billable) === "true"
+      billable: ((l = r.attributes) == null ? void 0 : l.billable) === "true"
     };
   }), e = Object.entries(n.events ?? {}).map(([o, r]) => ({
     key: o,
-    name: at(o),
+    name: rt(o),
     description: r.description ?? "",
     type: "event",
     enabled: !0
   })), i = Object.keys(n.channels ?? {}).map((o) => ({
     key: o,
-    name: at(o),
+    name: rt(o),
     description: "Channel communication support",
     type: "channel",
     enabled: !0
@@ -371,127 +371,127 @@ const on = "width=650,height=800,popup=true", an = 500, rn = 5 * 60 * 1e3, sn =
     eventCards: e,
     channelCards: i
   };
-}, Cn = (n) => {
-  var r, c, a, u;
+}, wn = (n) => {
+  var r, l, a, u;
   if (!n)
     return [];
   const e = [
     {
       value: null,
-      label: !!((c = (r = n.configuration) == null ? void 0 : r.identifier) != null && c.linkTemplateScript) ? "Connect with OAuth" : "Default configuration"
+      label: !!((l = (r = n.configuration) == null ? void 0 : r.identifier) != null && l.linkTemplateScript) ? "Connect with OAuth" : "Default configuration"
     }
   ];
-  for (const [d, l] of Object.entries(n.configurations ?? {}))
-    d !== ot && e.push({
+  for (const [d, s] of Object.entries(n.configurations ?? {}))
+    d !== at && e.push({
       value: d,
-      label: gn(l.description) || l.title || d
+      label: hn(s.description) || s.title || d
     });
-  return !!((a = n.sandbox) == null ? void 0 : a.identifierExtractScript) && !!((u = n.configurations) != null && u[ot]) && e.push({ value: ot, label: "Connect to a Playground" }), e;
-}, wn = ({
+  return !!((a = n.sandbox) == null ? void 0 : a.identifierExtractScript) && !!((u = n.configurations) != null && u[at]) && e.push({ value: at, label: "Connect to a Playground" }), e;
+}, In = ({
   installedState: n,
   connectionMethods: t
 }) => {
   var i;
   const e = (n == null ? void 0 : n.configurationType) ?? null;
   return t.some((o) => o.value === e) ? e : ((i = t[0]) == null ? void 0 : i.value) ?? null;
-}, In = ({
+}, yn = ({
   integrations: n,
   searchTerm: t,
   visibility: e,
   verification: i,
   sortMethod: o
 }) => {
-  const r = t.trim().toLowerCase(), c = i ?? [];
+  const r = t.trim().toLowerCase(), l = i ?? [];
   let a = n;
-  if (r && (a = a.filter((l) => (l.title || l.name).toLowerCase().includes(r))), e && e !== "all" && (a = a.filter((l) => e === "private" ? l.isPrivate : !l.isPrivate)), c.length > 0 && (a = a.filter((l) => {
-    const b = c.includes("official") && l.isOfficial, p = c.includes("verified") && l.isVerified;
-    return b || p;
+  if (r && (a = a.filter((s) => (s.title || s.name).toLowerCase().includes(r))), e && e !== "all" && (a = a.filter((s) => e === "private" ? s.isPrivate : !s.isPrivate)), l.length > 0 && (a = a.filter((s) => {
+    const g = l.includes("official") && s.isOfficial, b = l.includes("verified") && s.isVerified;
+    return g || b;
   })), !o)
     return a;
-  const u = (l) => (l.title || l.name).toLowerCase(), d = (l) => l.updatedAt ? new Date(l.updatedAt).getTime() : 0;
-  return [...a].sort((l, b) => o === "asc" ? u(l).localeCompare(u(b), void 0, { sensitivity: "base" }) : o === "desc" ? u(b).localeCompare(u(l), void 0, { sensitivity: "base" }) : o === "newest" ? d(b) - d(l) : d(l) - d(b));
-}, Zn = (n) => {
+  const u = (s) => (s.title || s.name).toLowerCase(), d = (s) => s.updatedAt ? new Date(s.updatedAt).getTime() : 0;
+  return [...a].sort((s, g) => o === "asc" ? u(s).localeCompare(u(g), void 0, { sensitivity: "base" }) : o === "desc" ? u(g).localeCompare(u(s), void 0, { sensitivity: "base" }) : o === "newest" ? d(g) - d(s) : d(s) - d(g));
+}, Jn = (n) => {
   const t = /* @__PURE__ */ new Map();
   for (const e of n)
     t.set(e.id, e);
   return [...t.values()];
-}, yn = (n, t) => ["integration-hub", n, t], Sn = (n) => {
+}, Sn = (n, t) => ["integration-hub", n, t], An = (n) => {
   var e;
   if (!n || typeof n != "object")
     return !1;
   const t = n;
   return t.status === 404 || t.statusCode === 404 || ((e = t.response) == null ? void 0 : e.status) === 404;
-}, An = async ({
+}, Tn = async ({
   client: n,
   integrationId: t
 }) => {
   try {
     return (await n.getPublicIntegrationById({ id: t })).integration;
   } catch (e) {
-    if (!Sn(e))
+    if (!An(e))
       throw e;
     return (await n.getIntegration({ id: t })).integration;
   }
-}, Tn = ({
+}, On = ({
   installedIntegrations: n,
   integrationId: t,
   integrationName: e
-}) => pt({
+}) => ft({
   installedIntegrations: n,
   integrationId: t,
   integrationName: e
-}) ?? null, On = async ({ client: n, botId: t, integrationId: e }) => {
+}) ?? null, Pn = async ({ client: n, botId: t, integrationId: e }) => {
   if (!e)
     return null;
   const [i, o] = await Promise.all([
-    An({ client: n, integrationId: e }),
+    Tn({ client: n, integrationId: e }),
     n.getBot({ id: t })
-  ]), r = Z(o.bot.integrations), c = Tn({
+  ]), r = J(o.bot.integrations), l = On({
     installedIntegrations: r,
     integrationId: e,
     integrationName: i.name
-  }), a = Cn(i);
+  }), a = wn(i);
   return {
     definition: i,
-    installedState: c,
-    capabilities: vn(i),
+    installedState: l,
+    capabilities: Cn(i),
     connectionMethods: a,
-    selectedConnectionMethod: wn({ installedState: c, connectionMethods: a })
+    selectedConnectionMethod: In({ installedState: l, connectionMethods: a })
   };
-}, Mt = ({
+}, xt = ({
   client: n,
   workspaceId: t,
   botId: e,
   integrationId: i,
   enabled: o = !0
 }) => {
-  const r = It(), c = E(() => yn(t, e), [t, e]), { data: a, isLoading: u, error: d, refetch: l } = yt({
-    queryKey: [...c, "details", i],
+  const r = yt(), l = E(() => Sn(t, e), [t, e]), { data: a, isLoading: u, error: d, refetch: s } = St({
+    queryKey: [...l, "details", i],
     enabled: o && !!i,
-    queryFn: () => On({ client: n, workspaceId: t, botId: e, integrationId: i, enabled: o })
-  }), b = G(async () => {
-    await r.invalidateQueries({ queryKey: c });
-  }, [r, c]), p = () => {
+    queryFn: () => Pn({ client: n, workspaceId: t, botId: e, integrationId: i, enabled: o })
+  }), g = Z(async () => {
+    await r.invalidateQueries({ queryKey: l });
+  }, [r, l]), b = () => {
     if (!(a != null && a.installedState))
       throw new Error("Integration is not installed on this bot");
     return a.installedState;
   }, S = D({
     mutationFn: async (I) => {
-      const g = p();
+      const p = b();
       await n.updateBot({
         id: e,
         integrations: {
-          [g.botIntegrationId]: {
+          [p.botIntegrationId]: {
             configuration: I,
-            configurationType: g.configurationType ?? null
+            configurationType: p.configurationType ?? null
           }
         }
       });
     },
-    onSuccess: b
-  }), x = D({
+    onSuccess: g
+  }), T = D({
     mutationFn: async () => {
-      const I = p();
+      const I = b();
       await n.updateBot({
         id: e,
         integrations: {
@@ -501,20 +501,20 @@ const on = "width=650,height=800,popup=true", an = 500, rn = 5 * 60 * 1e3, sn =
         }
       });
     },
-    onSuccess: b
-  }), P = D({
+    onSuccess: g
+  }), M = D({
     mutationFn: async (I) => {
-      const g = p();
+      const p = b();
       await n.updateBot({
         id: e,
         integrations: {
-          [g.botIntegrationId]: {
+          [p.botIntegrationId]: {
             configurationType: I
           }
         }
       });
     },
-    onSuccess: b
+    onSuccess: g
   });
   return {
     definition: (a == null ? void 0 : a.definition) ?? null,
@@ -527,18 +527,18 @@ const on = "width=650,height=800,popup=true", an = 500, rn = 5 * 60 * 1e3, sn =
     },
     connectionMethods: (a == null ? void 0 : a.connectionMethods) ?? [],
     isLoading: u,
-    error: d ? ut(d) : null,
+    error: d ? pt(d) : null,
     saveConfig: S.mutateAsync,
-    toggleEnabled: x.mutateAsync,
-    setConnectionMethod: P.mutateAsync,
+    toggleEnabled: T.mutateAsync,
+    setConnectionMethod: M.mutateAsync,
     refresh: () => {
-      l();
+      s();
     },
     isSavingConfig: S.isPending,
-    isTogglingEnabled: x.isPending,
-    isSettingConnectionMethod: P.isPending
+    isTogglingEnabled: T.isPending,
+    isSettingConnectionMethod: M.isPending
   };
-}, Jn = Mt, xt = 100, Ut = 200, Pn = (n, t) => ["integration-hub", n, t], Bn = ({
+}, Xn = xt, Ut = 100, kt = 200, Bn = (n, t) => ["integration-hub", n, t], Mn = ({
   publicIntegrations: n,
   privateIntegrations: t
 }) => {
@@ -548,38 +548,38 @@ const on = "width=650,height=800,popup=true", an = 500, rn = 5 * 60 * 1e3, sn =
   for (const i of t)
     e.set(i.id, i);
   return [...e.values()];
-}, Mn = async ({ client: n }) => {
+}, xn = async ({ client: n }) => {
   const t = [];
   let e, i = 0;
   do {
     const o = e, r = await n.listPublicIntegrations({
-      limit: xt,
+      limit: Ut,
       version: "latest",
       nextToken: e
     });
-    if (t.push(...r.integrations), e = r.meta.nextToken, i += 1, i >= Ut)
+    if (t.push(...r.integrations), e = r.meta.nextToken, i += 1, i >= kt)
       throw new Error("Public integration pagination exceeded safety limit");
     if (e && e === o)
       break;
   } while (e);
   return t;
-}, xn = async ({ client: n }) => {
+}, Un = async ({ client: n }) => {
   const t = [];
   let e, i = 0;
   do {
     const o = e, r = await n.listIntegrations({
-      limit: xt,
+      limit: Ut,
       version: "latest",
       visibility: "private",
       nextToken: e
     });
-    if (t.push(...r.integrations), e = r.meta.nextToken, i += 1, i >= Ut)
+    if (t.push(...r.integrations), e = r.meta.nextToken, i += 1, i >= kt)
       throw new Error("Private integration pagination exceeded safety limit");
     if (e && e === o)
       break;
   } while (e);
   return t;
-}, Un = async ({
+}, kn = async ({
   client: n,
   integrationId: t
 }) => {
@@ -592,434 +592,437 @@ const on = "width=650,height=800,popup=true", an = 500, rn = 5 * 60 * 1e3, sn =
       return;
     }
   }
-}, kn = ({
+}, En = ({
   integrationId: n,
   installedIntegrations: t
 }) => {
-  const e = pt({ installedIntegrations: t, integrationId: n });
+  const e = ft({ installedIntegrations: t, integrationId: n });
   return (e == null ? void 0 : e.botIntegrationId) ?? n;
-}, rt = async ({
+}, st = async ({
   client: n,
   botId: t,
   integrationId: e,
   patch: i
 }) => {
-  const { bot: o } = await n.getBot({ id: t }), r = Z(o.integrations), c = kn({ integrationId: e, installedIntegrations: r });
+  const { bot: o } = await n.getBot({ id: t }), r = J(o.integrations), l = En({ integrationId: e, installedIntegrations: r });
   await n.updateBot({
     id: t,
     integrations: {
-      [c]: i
+      [l]: i
     }
   });
-}, En = async ({ client: n, botId: t, categoryResolver: e }) => {
+}, Ln = async ({ client: n, botId: t, categoryResolver: e }) => {
   const [i, o, r] = await Promise.all([
-    Mn({ client: n }),
     xn({ client: n }),
+    Un({ client: n }),
     n.getBot({ id: t })
-  ]), c = Z(r.bot.integrations), a = Bn({ publicIntegrations: i, privateIntegrations: o }), u = new Map(c.map((p) => [p.name, p])), d = new Map(a.map((p) => [p.name, p])), l = a.map(
-    (p) => hn({
-      summary: p,
+  ]), l = J(r.bot.integrations), a = Mn({ publicIntegrations: i, privateIntegrations: o }), u = new Map(l.map((b) => [b.name, b])), d = new Map(a.map((b) => [b.name, b])), s = a.map(
+    (b) => bn({
+      summary: b,
       installedByName: u,
       categoryResolver: e
     })
-  ), b = c.map(
-    (p) => bn({
-      installedIntegration: p,
-      summary: d.get(p.name),
+  ), g = l.map(
+    (b) => vn({
+      installedIntegration: b,
+      summary: d.get(b.name),
       categoryResolver: e
     })
   );
   return {
-    integrations: l,
-    installedIntegrations: b
+    integrations: s,
+    installedIntegrations: g
   };
-}, kt = ({
+}, Et = ({
   client: n,
   workspaceId: t,
   botId: e,
   categoryResolver: i,
-  enabled: o = !0
+  enabled: o = !0,
+  installEnabled: r
 }) => {
-  const r = It(), c = E(() => Pn(t, e), [t, e]), a = dt(Promise.resolve()), { data: u, isLoading: d, error: l, refetch: b } = yt({
-    queryKey: [...c, "catalog"],
+  const l = yt(), a = E(() => Bn(t, e), [t, e]), u = ut(Promise.resolve()), { data: d, isLoading: s, error: g, refetch: b } = St({
+    queryKey: [...a, "catalog"],
     enabled: o,
-    queryFn: () => En({ client: n, workspaceId: t, botId: e, categoryResolver: i })
-  }), p = G(async () => {
-    await r.invalidateQueries({ queryKey: c });
-  }, [r, c]), S = G(async (C) => {
-    const L = a.current.then(C, C);
-    return a.current = L.then(
+    queryFn: () => Ln({ client: n, workspaceId: t, botId: e, categoryResolver: i })
+  }), S = Z(async () => {
+    await l.invalidateQueries({ queryKey: a });
+  }, [l, a]), T = Z(async (y) => {
+    const N = u.current.then(y, y);
+    return u.current = N.then(
       () => {
       },
       () => {
       }
-    ), L;
-  }, []), x = D({
-    mutationFn: async (C) => {
-      await S(async () => {
+    ), N;
+  }, []), M = D({
+    mutationFn: async (y) => {
+      await T(async () => {
         await n.updateBot({
           id: e,
           integrations: {
-            [C]: {
-              enabled: !0
+            [y]: {
+              enabled: r ?? !0
             }
           }
         });
       });
     },
-    onSuccess: p
-  }), P = D({
-    mutationFn: async (C) => {
-      await S(async () => {
-        await rt({
+    onSuccess: S
+  }), I = D({
+    mutationFn: async (y) => {
+      await T(async () => {
+        await st({
           client: n,
           botId: e,
-          integrationId: C,
+          integrationId: y,
           patch: null
         });
       });
     },
-    onSuccess: p
-  }), I = D({
-    mutationFn: async (C) => {
-      await S(async () => {
-        await rt({
+    onSuccess: S
+  }), p = D({
+    mutationFn: async (y) => {
+      await T(async () => {
+        await st({
           client: n,
           botId: e,
-          integrationId: C,
+          integrationId: y,
           patch: {
             enabled: !0
           }
         });
       });
     },
-    onSuccess: p
-  }), g = D({
-    mutationFn: async (C) => {
-      await S(async () => {
-        await rt({
+    onSuccess: S
+  }), f = D({
+    mutationFn: async (y) => {
+      await T(async () => {
+        await st({
           client: n,
           botId: e,
-          integrationId: C,
+          integrationId: y,
           patch: {
             enabled: !1
           }
         });
       });
     },
-    onSuccess: p
-  }), f = D({
-    mutationFn: async (C) => {
-      await S(async () => {
-        const { bot: L } = await n.getBot({ id: e }), H = Z(L.integrations), k = await Un({ client: n, integrationId: C }), y = pt({
-          installedIntegrations: H,
-          integrationId: C,
-          integrationName: k
-        }), M = {
-          enabled: (y == null ? void 0 : y.enabled) ?? !0,
-          configuration: (y == null ? void 0 : y.configuration) ?? {},
-          configurationType: (y == null ? void 0 : y.configurationType) ?? null
-        }, U = {
-          [C]: M
+    onSuccess: S
+  }), k = D({
+    mutationFn: async (y) => {
+      await T(async () => {
+        const { bot: N } = await n.getBot({ id: e }), U = J(N.integrations), V = await kn({ client: n, integrationId: y }), C = ft({
+          installedIntegrations: U,
+          integrationId: y,
+          integrationName: V
+        }), x = {
+          enabled: (C == null ? void 0 : C.enabled) ?? !0,
+          configuration: (C == null ? void 0 : C.configuration) ?? {},
+          configurationType: (C == null ? void 0 : C.configurationType) ?? null
+        }, L = {
+          [y]: x
         };
-        y && y.botIntegrationId !== C && (U[y.botIntegrationId] = null), await n.updateBot({
+        C && C.botIntegrationId !== y && (L[C.botIntegrationId] = null), await n.updateBot({
           id: e,
-          integrations: U
+          integrations: L
         });
       });
     },
-    onSuccess: p
+    onSuccess: S
   });
   return {
-    integrations: (u == null ? void 0 : u.integrations) ?? [],
-    installedIntegrations: (u == null ? void 0 : u.installedIntegrations) ?? [],
-    isLoading: d,
-    error: l ? ut(l) : null,
-    install: x.mutateAsync,
-    uninstall: P.mutateAsync,
-    enable: I.mutateAsync,
-    disable: g.mutateAsync,
-    upgrade: f.mutateAsync,
+    integrations: (d == null ? void 0 : d.integrations) ?? [],
+    installedIntegrations: (d == null ? void 0 : d.installedIntegrations) ?? [],
+    isLoading: s,
+    error: g ? pt(g) : null,
+    install: M.mutateAsync,
+    uninstall: I.mutateAsync,
+    enable: p.mutateAsync,
+    disable: f.mutateAsync,
+    upgrade: k.mutateAsync,
     refresh: () => {
       b();
     },
-    isInstalling: x.isPending,
-    isUninstalling: P.isPending,
-    isEnabling: I.isPending,
-    isDisabling: g.isPending,
-    isUpgrading: f.isPending
+    isInstalling: M.isPending,
+    isUninstalling: I.isPending,
+    isEnabling: p.isPending,
+    isDisabling: f.isPending,
+    isUpgrading: k.isPending
   };
-}, Xn = kt, Ln = ["official", "verified"], Nn = () => /* @__PURE__ */ v("div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ v(wt, { className: "h-6 w-6 animate-spin text-[var(--gray-9)]" }) }), Fn = () => /* @__PURE__ */ v("div", { className: "flex items-center justify-center py-16 text-sm text-[var(--gray-11)]", children: "Integration details are unavailable for this selection." }), jn = (n) => n ? {
+}, Yn = Et, Nn = ["official", "verified"], Fn = () => /* @__PURE__ */ v("div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ v(It, { className: "h-6 w-6 animate-spin text-[var(--gray-9)]" }) }), jn = () => /* @__PURE__ */ v("div", { className: "flex items-center justify-center py-16 text-sm text-[var(--gray-11)]", children: "Integration details are unavailable for this selection." }), Dn = (n) => n ? {
   key: n.key,
   type: n.type
-} : null, Dn = ({
+} : null, Vn = ({
   definition: n,
   selectedConnectionMethod: t
 }) => {
-  var e, i, o, r, c;
-  return t ? ((o = (i = (e = n.configurations) == null ? void 0 : e[t]) == null ? void 0 : i.identifier) == null ? void 0 : o.linkTemplateScript) ?? null : ((c = (r = n.configuration) == null ? void 0 : r.identifier) == null ? void 0 : c.linkTemplateScript) ?? null;
-}, Vn = ({
+  var e, i, o, r, l;
+  return t ? ((o = (i = (e = n.configurations) == null ? void 0 : e[t]) == null ? void 0 : i.identifier) == null ? void 0 : o.linkTemplateScript) ?? null : ((l = (r = n.configuration) == null ? void 0 : r.identifier) == null ? void 0 : l.linkTemplateScript) ?? null;
+}, _n = ({
   client: n,
   workspaceId: t,
   botId: e,
   initialView: i = "hub",
   categories: o,
   bannerSlides: r,
-  bannerIconUrl: c,
+  bannerIconUrl: l,
   noResultsDocumentationLink: a,
   disableInstallation: u = !1,
-  hasWriteAccess: d = !0,
-  categoryResolver: l,
+  installEnabled: d,
+  hasWriteAccess: s = !0,
+  categoryResolver: g,
   filterMenuLabels: b,
-  defaultVisibility: p,
-  defaultVerification: S,
-  defaultSortMethod: x,
-  renderConfigurationForm: P,
-  renderConnectionsContent: I,
-  oauthTemplateData: g,
-  renderDetailPanel: f,
-  onInstall: C,
-  onUninstall: L,
-  onEnable: H,
-  onDisable: k,
-  onUpgrade: y,
-  onError: M
+  defaultVisibility: S,
+  defaultVerification: T,
+  defaultSortMethod: M,
+  renderConfigurationForm: I,
+  renderConnectionsContent: p,
+  oauthTemplateData: f,
+  renderDetailPanel: k,
+  onInstall: y,
+  onUninstall: N,
+  onEnable: U,
+  onDisable: V,
+  onUpgrade: C,
+  onError: x
 }) => {
-  const [U, K] = O(i), [N, Et] = O(""), [F, q] = O(null), [J, z] = O(null), [X, Lt] = O(p), [Y, Nt] = O(
-    S ?? [...Ln]
-  ), [m, Ft] = O(x), [jt, tt] = O("connections"), [Dt, nt] = O("connections"), w = kt({
+  const [L, _] = P(i), [q, Lt] = P(""), [F, Q] = P(null), [X, z] = P(null), [Y, Nt] = P(S), [m, Ft] = P(
+    T ?? [...Nn]
+  ), [tt, jt] = P(M), [Dt, nt] = P("connections"), [Vt, et] = P("connections"), w = Et({
     client: n,
     workspaceId: t,
     botId: e,
-    categoryResolver: l,
+    categoryResolver: g,
+    installEnabled: d,
     enabled: !0
-  }), Vt = E(
-    () => In({
+  }), _t = E(
+    () => yn({
       integrations: w.integrations,
-      searchTerm: N,
-      visibility: X,
-      verification: Y,
-      sortMethod: m
+      searchTerm: q,
+      visibility: Y,
+      verification: m,
+      sortMethod: tt
     }),
-    [w.integrations, N, X, Y, m]
+    [w.integrations, q, Y, m, tt]
   ), B = E(
     () => [...w.integrations, ...w.installedIntegrations].find(
       (h) => h.id === F
     ) ?? null,
     [w.integrations, w.installedIntegrations, F]
-  ), s = Mt({
+  ), c = xt({
     client: n,
     workspaceId: t,
     botId: e,
     integrationId: F,
     enabled: !!F
-  }), _t = E(
+  }), Ht = E(
     () => (o == null ? void 0 : o.filter((h) => h.name !== "Popular").map((h) => h.name)) ?? [],
     [o]
-  ), Q = G(
+  ), W = Z(
     (h) => {
-      const T = ut(h);
-      M == null || M(T);
+      const O = pt(h);
+      x == null || x(O);
     },
-    [M]
-  ), W = async ({
+    [x]
+  ), R = async ({
     operation: h,
-    onSuccess: T,
+    onSuccess: O,
     integration: j
   }) => {
-    const V = j ?? B;
-    if (V)
+    const H = j ?? B;
+    if (H)
       try {
-        await h(), T == null || T(V);
-      } catch (et) {
-        Q(et);
+        await h(), O == null || O(H);
+      } catch (it) {
+        W(it);
       }
-  }, Ht = (h) => {
-    var gt, ht, bt, vt;
+  }, Kt = (h) => {
+    var ht, bt, vt, Ct;
     if (!F || h !== F)
       return null;
-    if (s.isLoading)
-      return Nn();
-    if (!s.definition || !B)
+    if (c.isLoading)
       return Fn();
-    const T = !!s.installedState, j = Dn({
-      definition: s.definition,
-      selectedConnectionMethod: s.selectedConnectionMethod
-    }), V = s.connectionMethods.length > 1 || !!j, et = St({
-      definition: s.definition,
-      selectedConnectionMethod: s.selectedConnectionMethod
-    }), Kt = At(et).length > 0, zt = !!P || Kt, ft = async (A) => {
+    if (!c.definition || !B)
+      return jn();
+    const O = !!c.installedState, j = Vn({
+      definition: c.definition,
+      selectedConnectionMethod: c.selectedConnectionMethod
+    }), H = c.connectionMethods.length > 1 || !!j, it = At({
+      definition: c.definition,
+      selectedConnectionMethod: c.selectedConnectionMethod
+    }), zt = Tt(it).length > 0, qt = !!I || zt, gt = async (A) => {
       try {
-        await s.saveConfig(A);
-      } catch (R) {
-        Q(R);
+        await c.saveConfig(A);
+      } catch ($) {
+        W($);
       }
-    }, qt = I ? I({
-      definition: s.definition,
-      installedState: s.installedState,
-      connectionMethods: s.connectionMethods,
-      selectedConnectionMethod: s.selectedConnectionMethod,
-      onConnectionMethodChange: s.setConnectionMethod,
-      isSettingConnectionMethod: s.isSettingConnectionMethod
-    }) : /* @__PURE__ */ _("div", { className: "flex flex-col gap-4", children: [
+    }, Qt = p ? p({
+      definition: c.definition,
+      installedState: c.installedState,
+      connectionMethods: c.connectionMethods,
+      selectedConnectionMethod: c.selectedConnectionMethod,
+      onConnectionMethodChange: c.setConnectionMethod,
+      isSettingConnectionMethod: c.isSettingConnectionMethod
+    }) : /* @__PURE__ */ K("div", { className: "flex flex-col gap-4", children: [
       /* @__PURE__ */ v("div", { className: "self-end", children: /* @__PURE__ */ v(
-        Jt,
+        Xt,
         {
-          options: s.connectionMethods,
-          value: s.selectedConnectionMethod,
-          disabled: !d,
+          options: c.connectionMethods,
+          value: c.selectedConnectionMethod,
+          disabled: !s,
           onChange: (A) => {
-            d && s.setConnectionMethod(A).catch(Q);
+            s && c.setConnectionMethod(A).catch(W);
           }
         }
       ) }),
       j ? /* @__PURE__ */ v(
-        un,
+        pn,
         {
           client: n,
-          integrationName: s.definition.title ?? s.definition.name,
+          integrationName: c.definition.title ?? c.definition.name,
           linkTemplateScript: j,
-          webhookUrl: (gt = s.installedState) == null ? void 0 : gt.webhookUrl,
-          oauthTemplateData: g,
-          isAuthorized: !!((ht = s.installedState) != null && ht.identifier),
-          disabled: !d,
+          webhookUrl: (ht = c.installedState) == null ? void 0 : ht.webhookUrl,
+          oauthTemplateData: f,
+          isAuthorized: !!((bt = c.installedState) != null && bt.identifier),
+          disabled: !s,
           onAuthorized: async () => {
-            s.refresh(), w.refresh();
+            c.refresh(), w.refresh();
           },
-          onError: Q
+          onError: W
         }
-      ) : /* @__PURE__ */ _("p", { className: "text-sm text-[var(--gray-11)]", children: [
+      ) : /* @__PURE__ */ K("p", { className: "text-sm text-[var(--gray-11)]", children: [
         "No custom connection UI was provided. Use ",
         /* @__PURE__ */ v("code", { children: "renderConnectionsContent" }),
         " to plug your OAuth/manual connection flow."
       ] })
-    ] }), Qt = /* @__PURE__ */ v(
-      Xt,
+    ] }), Wt = /* @__PURE__ */ v(
+      Yt,
       {
-        webhookUrl: (bt = s.installedState) == null ? void 0 : bt.webhookUrl,
-        isBlocked: !s.installedState,
-        children: P ? P({
-          definition: s.definition,
-          installedState: s.installedState,
-          selectedConnectionMethod: s.selectedConnectionMethod,
-          onSave: ft,
-          isSaving: s.isSavingConfig
+        webhookUrl: (vt = c.installedState) == null ? void 0 : vt.webhookUrl,
+        isBlocked: !c.installedState,
+        children: I ? I({
+          definition: c.definition,
+          installedState: c.installedState,
+          selectedConnectionMethod: c.selectedConnectionMethod,
+          onSave: gt,
+          isSaving: c.isSavingConfig
         }) : /* @__PURE__ */ v(
-          pn,
+          fn,
           {
-            definition: s.definition,
-            installedState: s.installedState,
-            selectedConnectionMethod: s.selectedConnectionMethod,
-            onSave: ft,
-            isSaving: s.isSavingConfig,
-            disabled: !d || !s.installedState
+            definition: c.definition,
+            installedState: c.installedState,
+            selectedConnectionMethod: c.selectedConnectionMethod,
+            onSave: gt,
+            isSaving: c.isSavingConfig,
+            disabled: !s || !c.installedState
           }
         )
       }
     );
     return /* @__PURE__ */ v(
-      Yt,
+      mt,
       {
-        title: s.definition.title ?? s.definition.name,
-        iconUrl: s.definition.iconUrl,
+        title: c.definition.title ?? c.definition.name,
+        iconUrl: c.definition.iconUrl,
         contributorName: B.author,
         isOfficial: B.isOfficial,
         isVerified: B.isVerified,
         isPrivate: B.isPrivate,
         onBack: () => {
-          q(null), z(null);
+          Q(null), z(null);
         },
-        onInstall: T || u || !d ? void 0 : () => {
-          W({
+        onInstall: O || u || !s ? void 0 : () => {
+          R({
             operation: () => w.install(B.id),
-            onSuccess: C,
+            onSuccess: y,
             integration: B
           });
         },
-        onToggleEnabled: !T || !d ? void 0 : () => {
-          const A = s.installedState, R = !!(A != null && A.enabled);
-          W({
+        onToggleEnabled: !O || !s ? void 0 : () => {
+          const A = c.installedState, $ = !!(A != null && A.enabled);
+          R({
             operation: async () => {
               if (!A)
                 throw new Error("Integration is not installed");
-              if (R) {
+              if ($) {
                 await w.disable(A.id);
                 return;
               }
               await w.enable(A.id);
             },
-            onSuccess: R ? k : H,
+            onSuccess: $ ? V : U,
             integration: B
           });
         },
-        onUninstall: !T || !d ? void 0 : () => {
-          const A = s.installedState;
-          W({
+        onUninstall: !O || !s ? void 0 : () => {
+          const A = c.installedState;
+          R({
             operation: async () => {
               if (!A)
                 throw new Error("Integration is not installed");
               await w.uninstall(A.id);
             },
-            onSuccess: L,
+            onSuccess: N,
             integration: B
           });
         },
-        onUpgrade: !B.hasUpdate || !d ? void 0 : () => {
-          W({
+        onUpgrade: !B.hasUpdate || !s ? void 0 : () => {
+          R({
             operation: () => w.upgrade(B.id),
-            onSuccess: y,
+            onSuccess: C,
             integration: B
           });
         },
-        isInstalled: T,
+        isInstalled: O,
         disableInstallation: u,
-        hasWriteAccess: d,
+        hasWriteAccess: s,
         isInstalling: w.isInstalling,
         isUninstalling: w.isUninstalling,
         isTogglingEnabled: w.isEnabling || w.isDisabling,
         hasUpdate: B.hasUpdate,
         isUpgrading: w.isUpgrading,
-        toggleButtonLabel: (vt = s.installedState) != null && vt.enabled ? "Disable" : "Enable",
-        selectedDetailPanel: J && f ? f({
-          definition: s.definition,
-          selectedCard: J,
+        toggleButtonLabel: (Ct = c.installedState) != null && Ct.enabled ? "Disable" : "Enable",
+        selectedDetailPanel: X && k ? k({
+          definition: c.definition,
+          selectedCard: X,
           onClose: () => z(null)
         }) : void 0,
         onDismissSelectedDetailPanel: () => z(null),
         children: /* @__PURE__ */ v(
-          mt,
+          tn,
           {
-            integrationTitle: s.definition.title ?? s.definition.name,
-            isFullyConfigured: T,
-            hasConnectionStep: V,
-            hasConfigurationStep: zt,
-            configuredTab: jt,
-            onConfiguredTabChange: tt,
-            setupTab: Dt,
-            onSetupTabChange: nt,
+            integrationTitle: c.definition.title ?? c.definition.name,
+            isFullyConfigured: O,
+            hasConnectionStep: H,
+            hasConfigurationStep: qt,
+            configuredTab: Dt,
+            onConfiguredTabChange: nt,
+            setupTab: Vt,
+            onSetupTabChange: et,
             onCancelSetup: () => {
-              q(null), z(null);
+              Q(null), z(null);
             },
             metadata: /* @__PURE__ */ v(
-              tn,
+              nn,
               {
-                version: s.definition.version,
-                githubUrl: s.definition.url,
+                version: c.definition.version,
+                githubUrl: c.definition.url,
                 aboutLabel: "About Integration"
               }
             ),
-            connectionsContent: qt,
-            configurationContent: Qt,
+            connectionsContent: Qt,
+            configurationContent: Wt,
             capabilitiesContent: /* @__PURE__ */ v(
-              nn,
+              en,
               {
-                actionCards: s.capabilities.actionCards,
-                eventCards: s.capabilities.eventCards,
-                channelCards: s.capabilities.channelCards,
-                selectedCard: J,
+                actionCards: c.capabilities.actionCards,
+                eventCards: c.capabilities.eventCards,
+                channelCards: c.capabilities.channelCards,
+                selectedCard: X,
                 onCardSelect: (A) => {
                   z(
-                    jn(
+                    Dn(
                       A ? {
                         key: A.key,
                         type: A.type
@@ -1034,16 +1037,16 @@ const on = "width=650,height=800,popup=true", an = 500, rn = 5 * 60 * 1e3, sn =
       }
     );
   };
-  return /* @__PURE__ */ _("div", { className: "flex h-full min-h-0 flex-col", children: [
-    !F && /* @__PURE__ */ v("div", { className: "flex justify-end px-6 pt-4", children: /* @__PURE__ */ _("div", { className: "flex rounded-lg bg-[var(--gray-a3)] p-1", children: [
+  return /* @__PURE__ */ K("div", { className: "flex h-full min-h-0 flex-col", children: [
+    !F && /* @__PURE__ */ v("div", { className: "flex justify-end px-6 pt-4", children: /* @__PURE__ */ K("div", { className: "flex rounded-lg bg-[var(--gray-a3)] p-1", children: [
       /* @__PURE__ */ v(
         "button",
         {
           type: "button",
-          onClick: () => K("hub"),
-          className: ct(
+          onClick: () => _("hub"),
+          className: lt(
             "cursor-pointer rounded-md px-3 py-1.5 text-sm text-[var(--gray-11)] transition-colors",
-            U === "hub" && "bg-[var(--gray-1)] text-[var(--gray-12)] shadow-sm"
+            L === "hub" && "bg-[var(--gray-1)] text-[var(--gray-12)] shadow-sm"
           ),
           children: "Integration Hub"
         }
@@ -1052,46 +1055,46 @@ const on = "width=650,height=800,popup=true", an = 500, rn = 5 * 60 * 1e3, sn =
         "button",
         {
           type: "button",
-          onClick: () => K("installed"),
-          className: ct(
+          onClick: () => _("installed"),
+          className: lt(
             "cursor-pointer rounded-md px-3 py-1.5 text-sm text-[var(--gray-11)] transition-colors",
-            U === "installed" && "bg-[var(--gray-1)] text-[var(--gray-12)] shadow-sm"
+            L === "installed" && "bg-[var(--gray-1)] text-[var(--gray-12)] shadow-sm"
           ),
           children: "Installed Integrations"
         }
       )
     ] }) }),
     /* @__PURE__ */ v(
-      Rt,
+      $t,
       {
-        view: U,
-        searchInput: N,
-        searchTerm: N,
-        onSearchInputChange: Et,
+        view: L,
+        searchInput: q,
+        searchTerm: q,
+        onSearchInputChange: Lt,
         selectedIntegrationId: F,
-        hubIntegrations: Vt,
+        hubIntegrations: _t,
         sidebarIntegrations: w.integrations,
         installedIntegrations: w.installedIntegrations,
         isHubLoading: w.isLoading,
         isInstalledLoading: w.isLoading,
         filterMenu: /* @__PURE__ */ v(
-          $t,
+          Gt,
           {
-            visibility: X,
-            verification: Y,
-            sortMethod: m,
+            visibility: Y,
+            verification: m,
+            sortMethod: tt,
             labels: b,
-            onVisibilityChange: Lt,
-            onVerificationChange: Nt,
-            onSortMethodChange: Ft
+            onVisibilityChange: Nt,
+            onVerificationChange: Ft,
+            onSortMethodChange: jt
           }
         ),
         categories: o,
         bannerSlides: r,
-        bannerIconUrl: c,
+        bannerIconUrl: l,
         noResultsDocumentationLink: a,
-        renderIntegrationCard: (h, { onEscape: T }) => /* @__PURE__ */ v(
-          Gt,
+        renderIntegrationCard: (h, { onEscape: O }) => /* @__PURE__ */ v(
+          Zt,
           {
             name: h.title ?? h.name,
             description: h.description,
@@ -1103,49 +1106,49 @@ const on = "width=650,height=800,popup=true", an = 500, rn = 5 * 60 * 1e3, sn =
             private: h.isPrivate,
             iconUrl: h.iconUrl,
             onClick: () => {
-              q(h.id), tt("connections"), nt("connections");
+              Q(h.id), nt("connections"), et("connections");
             },
-            onEscape: T
+            onEscape: O
           }
         ),
-        renderInstalledIntegrations: ({ integrations: h, searchTerm: T, categoryOrder: j }) => /* @__PURE__ */ v(
-          Zt,
+        renderInstalledIntegrations: ({ integrations: h, searchTerm: O, categoryOrder: j }) => /* @__PURE__ */ v(
+          Jt,
           {
             integrations: h,
-            searchTerm: T,
-            categoryOrder: j.length > 0 ? j : _t,
-            onSelectIntegration: (V) => {
-              q(V.id), tt("connections"), nt("connections");
+            searchTerm: O,
+            categoryOrder: j.length > 0 ? j : Ht,
+            onSelectIntegration: (H) => {
+              Q(H.id), nt("connections"), et("connections");
             }
           }
         ),
-        renderIntegrationDetails: Ht
+        renderIntegrationDetails: Kt
       }
     )
   ] });
-}, Yn = Vn;
+}, mn = _n;
 export {
-  Yn as BotpressIntegrationHub,
-  Vn as BotpressIntegrationHubScreen,
-  un as IntegrationOAuthButton,
-  pn as IntegrationStaticZuiConfigurationForm,
-  Zn as dedupeById,
-  cn as fetchOAuthAuthorizationUrl,
-  In as filterAndSortIntegrations,
-  pt as findInstalledIntegration,
-  Z as getInstalledIntegrations,
-  wn as getSelectedConnectionMethod,
-  sn as getWebhookIdFromUrl,
-  Pt as isOfficialWorkspace,
-  ln as openOAuthPopup,
-  Bt as resolveCategory,
-  vn as toCapabilityCards,
-  Cn as toConnectionMethods,
-  ut as toError,
-  hn as toHubItem,
-  bn as toInstalledItem,
-  Mt as useBotpressIntegrationDetails,
-  kt as useBotpressIntegrationHub,
-  Jn as useIntegrationDetails,
-  Xn as useIntegrationHub
+  mn as BotpressIntegrationHub,
+  _n as BotpressIntegrationHubScreen,
+  pn as IntegrationOAuthButton,
+  fn as IntegrationStaticZuiConfigurationForm,
+  Jn as dedupeById,
+  ln as fetchOAuthAuthorizationUrl,
+  yn as filterAndSortIntegrations,
+  ft as findInstalledIntegration,
+  J as getInstalledIntegrations,
+  In as getSelectedConnectionMethod,
+  cn as getWebhookIdFromUrl,
+  Bt as isOfficialWorkspace,
+  dn as openOAuthPopup,
+  Mt as resolveCategory,
+  Cn as toCapabilityCards,
+  wn as toConnectionMethods,
+  pt as toError,
+  bn as toHubItem,
+  vn as toInstalledItem,
+  xt as useBotpressIntegrationDetails,
+  Et as useBotpressIntegrationHub,
+  Xn as useIntegrationDetails,
+  Yn as useIntegrationHub
 };