@bpinternal/integration-hub 0.2.0 → 0.4.0

package/dist/runtime/index.js

@@ -1,9 +1,9 @@
-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 { jsx as w, jsxs as z } from "react/jsx-runtime";
+import { Loader2 as It } from "lucide-react";
+import { useState as x, useRef as ut, useEffect as ct, useMemo as L, useCallback as J } from "react";
+import { I as Wt, c as lt, 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 { useQueryClient as yt, useQuery as St, useMutation as D } from "@tanstack/react-query";
 import "framer-motion";
 import "clsx";
 import "tailwind-merge";
@@ -43,11 +43,11 @@ const on = "width=650,height=800,popup=true", an = 500, rn = 5 * 60 * 1e3, sn =
       try {
         if (!r.closed)
           return;
-        window.clearInterval(u), window.clearTimeout(d), a(!0);
+        window.clearInterval(u), window.clearTimeout(c), a(!0);
       } catch {
-        window.clearInterval(u), window.clearTimeout(d), a(!1);
+        window.clearInterval(u), window.clearTimeout(c), a(!1);
       }
-    }, i), d = window.setTimeout(() => {
+    }, i), c = window.setTimeout(() => {
       window.clearInterval(u), r.closed || r.close(), a(!1);
     }, o);
   }))
@@ -64,125 +64,125 @@ const on = "width=650,height=800,popup=true", an = 500, rn = 5 * 60 * 1e3, sn =
   webhookId: i,
   webhookUrl: o,
   oauthTemplateData: r,
-  isAuthorized: c = !1,
+  isAuthorized: l = !1,
   disabled: a = !1,
   onAuthorized: u,
-  onError: d
+  onError: c
 }) => {
-  const [l, b] = O(null), [p, S] = O(!1), [x, P] = O(!1), I = i ?? sn(o), g = !!(i || o), f = dt(d);
-  st(() => {
-    f.current = d;
-  }, [d]);
-  const C = E(() => {
+  const [d, b] = x(null), [C, T] = x(!1), [M, k] = x(!1), y = i ?? sn(o), p = !!(i || o), g = ut(c);
+  ct(() => {
+    g.current = c;
+  }, [c]);
+  const E = L(() => {
     try {
       return JSON.stringify(r ?? {});
     } catch {
       return "{}";
     }
   }, [r]);
-  st(() => {
-    if (!g) {
-      b(null), S(!1);
+  ct(() => {
+    if (!p) {
+      b(null), T(!1);
       return;
     }
-    let k = !1;
+    let U = !1;
     return (async () => {
-      var K;
-      let M = {};
+      var N;
+      let h = {};
       try {
-        M = JSON.parse(C);
+        h = JSON.parse(E);
       } catch {
-        M = {};
+        h = {};
       }
-      const U = {
+      const S = {
         webhookUrl: o ?? null,
-        webhookId: I,
-        ...M
+        webhookId: y,
+        ...h
       };
-      S(!0);
+      T(!0);
       try {
-        const N = await cn({
+        const A = await cn({
           client: n,
           linkTemplateScript: e,
-          data: U
+          data: S
         });
-        k || b(N);
-      } catch (N) {
-        k || (b(null), (K = f.current) == null || K.call(f, dn(N)));
+        U || b(A);
+      } catch (A) {
+        U || (b(null), (N = g.current) == null || N.call(g, dn(A)));
       } finally {
-        k || S(!1);
+        U || T(!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, E, o, y]);
+  const V = p && !!d && !C && !a, _ = async () => {
+    var U, f, h;
+    if (!(!d || M)) {
+      k(!0);
       try {
-        const U = await ln({
-          authorizationUrl: l,
+        const S = await ln({
+          authorizationUrl: d,
           onClose: u
         });
-        if (U === "completed")
+        if (S === "completed")
           return;
-        if (U === "blocked") {
-          (k = f.current) == null || k.call(f, new Error("Please allow browser popups to authorize this integration."));
+        if (S === "blocked") {
+          (U = g.current) == null || U.call(g, 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 (S === "timeout") {
+          (f = g.current) == null || f.call(g, 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."));
+        (h = g.current) == null || h.call(g, new Error("OAuth authorization finished but refresh failed."));
       } finally {
-        P(!1);
+        k(!1);
       }
     }
   };
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ w(
     Wt,
     {
       integrationName: t,
-      canAuthorize: L,
-      isAuthorizing: x,
-      isAuthorized: c,
+      canAuthorize: V,
+      isAuthorizing: M,
+      isAuthorized: l,
       disabled: a,
-      showInstallHint: !g,
+      showInstallHint: !p,
       onClick: () => {
-        H();
+        _();
       }
     }
   );
-}, 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) => {
+}, at = (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) => {
+}, Z = (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 (Z(n) || Z(t)) {
+    if (!Z(n) || !Z(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;
@@ -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 = L(
+    () => At({ definition: n, selectedConnectionMethod: e }),
     [n, e]
-  ), a = E(() => At(c), [c]), u = E(
-    () => Ct(it(t == null ? void 0 : t.configuration), a),
+  ), a = L(() => Tt(l), [l]), u = L(
+    () => wt(at(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 = {
+  ), c = L(() => a.join("\0"), [a]), [d, b] = x({}), [C, T] = x(null), [M, k] = x(0), y = ut(null);
+  return ct(() => {
+    const p = {
       botIntegrationId: (t == null ? void 0 : t.botIntegrationId) ?? null,
       configurationType: (t == null ? void 0 : t.configurationType) ?? null,
-      schemaKeySignature: d,
+      schemaKeySignature: c,
       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: [
-    /* @__PURE__ */ v(
+    }, g = y.current;
+    g && g.botIntegrationId === p.botIntegrationId && g.configurationType === p.configurationType && g.schemaKeySignature === p.schemaKeySignature && dt(g.configuration, p.configuration) || (y.current = p, b(u), T(null), k((E) => E + 1));
+  }, [u, t == null ? void 0 : t.botIntegrationId, t == null ? void 0 : t.configurationType, c]), !l || a.length === 0 ? null : /* @__PURE__ */ z("div", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ w(
       en,
       {
-        schema: c,
-        value: l,
-        onChange: (g) => {
-          const f = Ct(it(g), a);
-          b(f);
+        schema: l,
+        value: d,
+        onChange: (p) => {
+          const g = wt(at(p), a);
+          b(g);
         },
-        onValidation: ({ formValid: g }) => {
-          S(g);
+        onValidation: ({ formValid: p }) => {
+          T(p);
         }
       },
-      x
+      M
     ),
-    /* @__PURE__ */ _(
+    /* @__PURE__ */ z(
       "button",
       {
         type: "button",
-        disabled: r || o || p !== !0,
+        disabled: r || o || C !== !0,
         onClick: () => {
-          const g = it(t == null ? void 0 : t.configuration);
+          const p = at(t == null ? void 0 : t.configuration);
           i({
-            ...g,
-            ...l
+            ...p,
+            ...d
           });
         },
-        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" })
+          /* @__PURE__ */ w("span", { className: o ? "invisible" : "", children: "Save Configuration" }),
+          o && /* @__PURE__ */ w(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", fn = "team-cloud-services", rt = "sandbox", st = (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(/\.$/, ""), Mt = (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"), Pt = (n) => n === fn, xt = (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;
+}, X = (n) => n ? Object.entries(n).map(([t, e]) => {
   const i = e;
   return {
     ...i,
@@ -266,7 +266,7 @@ 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
@@ -275,23 +275,23 @@ const on = "width=650,height=800,popup=true", an = 500, rn = 5 * 60 * 1e3, sn =
   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, c, d;
+  const i = t.get(n.name), o = Pt((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: xt(n, e) },
     meta: {
-      installs: Ot(n)
+      installs: Mt(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: ((c = n.ownerWorkspace) == null ? void 0 : c.handle) ?? ((d = n.ownerWorkspace) == null ? void 0 : d.name) ?? null,
     isOfficial: o,
     isVerified: n.verificationStatus === "approved",
     isPrivate: n.visibility === "private",
@@ -306,7 +306,7 @@ const on = "width=650,height=800,popup=true", an = 500, rn = 5 * 60 * 1e3, sn =
   summary: t,
   categoryResolver: e
 }) => {
-  var r, c, a;
+  var r, l, 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;
   return {
     id: (t == null ? void 0 : t.id) ?? n.id,
@@ -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 ? xt(t, e) : Ot
     },
     meta: {
-      installs: Ot(t)
+      installs: Mt(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",
@@ -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: st(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: st(o),
     description: r.description ?? "",
     type: "event",
     enabled: !0
   })), i = Object.keys(n.channels ?? {}).map((o) => ({
     key: o,
-    name: at(o),
+    name: st(o),
     description: "Channel communication support",
     type: "channel",
     enabled: !0
@@ -372,21 +372,21 @@ const on = "width=650,height=800,popup=true", an = 500, rn = 5 * 60 * 1e3, sn =
     channelCards: i
   };
 }, Cn = (n) => {
-  var r, c, a, u;
+  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({
-      value: d,
-      label: gn(l.description) || l.title || d
+  for (const [c, d] of Object.entries(n.configurations ?? {}))
+    c !== rt && e.push({
+      value: c,
+      label: gn(d.description) || d.title || c
     });
-  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;
+  return !!((a = n.sandbox) == null ? void 0 : a.identifierExtractScript) && !!((u = n.configurations) != null && u[rt]) && e.push({ value: rt, label: "Connect to a Playground" }), e;
 }, wn = ({
   installedState: n,
   connectionMethods: t
@@ -401,15 +401,15 @@ const on = "width=650,height=800,popup=true", an = 500, rn = 5 * 60 * 1e3, sn =
   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((d) => (d.title || d.name).toLowerCase().includes(r))), e && e !== "all" && (a = a.filter((d) => e === "private" ? d.isPrivate : !d.isPrivate)), l.length > 0 && (a = a.filter((d) => {
+    const b = l.includes("official") && d.isOfficial, C = l.includes("verified") && d.isVerified;
+    return b || C;
   })), !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));
+  const u = (d) => (d.title || d.name).toLowerCase(), c = (d) => d.updatedAt ? new Date(d.updatedAt).getTime() : 0;
+  return [...a].sort((d, b) => o === "asc" ? u(d).localeCompare(u(b), void 0, { sensitivity: "base" }) : o === "desc" ? u(b).localeCompare(u(d), void 0, { sensitivity: "base" }) : o === "newest" ? c(b) - c(d) : c(d) - c(b));
 }, Zn = (n) => {
   const t = /* @__PURE__ */ new Map();
   for (const e of n)
@@ -436,7 +436,7 @@ const on = "width=650,height=800,popup=true", an = 500, rn = 5 * 60 * 1e3, sn =
   installedIntegrations: n,
   integrationId: t,
   integrationName: e
-}) => pt({
+}) => ft({
   installedIntegrations: n,
   integrationId: t,
   integrationName: e
@@ -446,70 +446,70 @@ const on = "width=650,height=800,popup=true", an = 500, rn = 5 * 60 * 1e3, sn =
   const [i, o] = await Promise.all([
     An({ client: n, integrationId: e }),
     n.getBot({ id: t })
-  ]), r = Z(o.bot.integrations), c = Tn({
+  ]), r = X(o.bot.integrations), l = Tn({
     installedIntegrations: r,
     integrationId: e,
     integrationName: i.name
   }), a = Cn(i);
   return {
     definition: i,
-    installedState: c,
+    installedState: l,
     capabilities: vn(i),
     connectionMethods: a,
-    selectedConnectionMethod: wn({ installedState: c, connectionMethods: a })
+    selectedConnectionMethod: wn({ installedState: l, connectionMethods: a })
   };
-}, Mt = ({
+}, Bt = ({
   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 = L(() => yn(t, e), [t, e]), { data: a, isLoading: u, error: c, refetch: d } = 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 = () => {
+  }), b = J(async () => {
+    await r.invalidateQueries({ queryKey: l });
+  }, [r, l]), C = () => {
     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();
+  }, T = D({
+    mutationFn: async (y) => {
+      const p = C();
       await n.updateBot({
         id: e,
         integrations: {
-          [g.botIntegrationId]: {
-            configuration: I,
-            configurationType: g.configurationType ?? null
+          [p.botIntegrationId]: {
+            configuration: y,
+            configurationType: p.configurationType ?? null
           }
         }
       });
     },
     onSuccess: b
-  }), x = D({
+  }), M = D({
     mutationFn: async () => {
-      const I = p();
+      const y = C();
       await n.updateBot({
         id: e,
         integrations: {
-          [I.botIntegrationId]: {
-            enabled: !I.enabled
+          [y.botIntegrationId]: {
+            enabled: !y.enabled
           }
         }
       });
     },
     onSuccess: b
-  }), P = D({
-    mutationFn: async (I) => {
-      const g = p();
+  }), k = D({
+    mutationFn: async (y) => {
+      const p = C();
       await n.updateBot({
         id: e,
         integrations: {
-          [g.botIntegrationId]: {
-            configurationType: I
+          [p.botIntegrationId]: {
+            configurationType: y
           }
         }
       });
@@ -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,
-    saveConfig: S.mutateAsync,
-    toggleEnabled: x.mutateAsync,
-    setConnectionMethod: P.mutateAsync,
+    error: c ? pt(c) : null,
+    saveConfig: T.mutateAsync,
+    toggleEnabled: M.mutateAsync,
+    setConnectionMethod: k.mutateAsync,
     refresh: () => {
-      l();
+      d();
     },
-    isSavingConfig: S.isPending,
-    isTogglingEnabled: x.isPending,
-    isSettingConnectionMethod: P.isPending
+    isSavingConfig: T.isPending,
+    isTogglingEnabled: M.isPending,
+    isSettingConnectionMethod: k.isPending
   };
-}, Jn = Mt, xt = 100, Ut = 200, Pn = (n, t) => ["integration-hub", n, t], Bn = ({
+}, Jn = Bt, Ut = 100, kt = 200, Mn = (n, t) => ["integration-hub", n, t], Pn = ({
   publicIntegrations: n,
   privateIntegrations: t
 }) => {
@@ -548,32 +548,32 @@ 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 }) => {
+}, Bn = 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;
@@ -596,168 +596,139 @@ const on = "width=650,height=800,popup=true", an = 500, rn = 5 * 60 * 1e3, sn =
   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 ({
-  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 });
-  await n.updateBot({
-    id: t,
-    integrations: {
-      [c]: i
-    }
-  });
 }, En = async ({ client: n, botId: t, categoryResolver: e }) => {
   const [i, o, r] = await Promise.all([
-    Mn({ client: n }),
     xn({ client: n }),
+    Bn({ 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 = X(r.bot.integrations), a = Pn({ publicIntegrations: i, privateIntegrations: o }), u = new Map(l.map((C) => [C.name, C])), c = new Map(a.map((C) => [C.name, C])), d = a.map(
+    (C) => hn({
+      summary: C,
       installedByName: u,
       categoryResolver: e
     })
-  ), b = c.map(
-    (p) => bn({
-      installedIntegration: p,
-      summary: d.get(p.name),
+  ), b = l.map(
+    (C) => bn({
+      installedIntegration: C,
+      summary: c.get(C.name),
       categoryResolver: e
     })
   );
   return {
-    integrations: l,
+    integrations: d,
     installedIntegrations: b
   };
-}, kt = ({
+}, Et = ({
   client: n,
   workspaceId: t,
   botId: e,
   categoryResolver: i,
-  enabled: o = !0
+  enabled: o = !0,
+  transformIntegrationPatch: 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 = L(() => Mn(t, e), [t, e]), u = ut(Promise.resolve()), { data: c, isLoading: d, error: b, refetch: C } = 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(
+  }), T = J(async () => {
+    await l.invalidateQueries({ queryKey: a });
+  }, [l, a]), M = J(async (f) => {
+    const h = u.current.then(f, f);
+    return u.current = h.then(
       () => {
       },
       () => {
       }
-    ), L;
-  }, []), x = D({
-    mutationFn: async (C) => {
-      await S(async () => {
-        await n.updateBot({
-          id: e,
-          integrations: {
-            [C]: {
-              enabled: !0
-            }
-          }
-        });
+    ), h;
+  }, []), k = async (f, h) => {
+    const S = r == null ? void 0 : r[f];
+    return S ? await S(h) : h;
+  }, y = async (f) => {
+    const { bot: h } = await n.getBot({ id: e }), S = X(h.integrations);
+    return kn({ integrationId: f, installedIntegrations: S });
+  }, p = async (f, h) => {
+    const S = await k(f, h);
+    await n.updateBot({ id: e, integrations: S });
+  }, g = D({
+    mutationFn: async (f) => {
+      await M(async () => {
+        await p("install", { [f]: { enabled: !0 } });
       });
     },
-    onSuccess: p
-  }), P = D({
-    mutationFn: async (C) => {
-      await S(async () => {
-        await rt({
-          client: n,
-          botId: e,
-          integrationId: C,
-          patch: null
-        });
+    onSuccess: T
+  }), E = D({
+    mutationFn: async (f) => {
+      await M(async () => {
+        const h = await y(f);
+        await p("uninstall", { [h]: null });
       });
     },
-    onSuccess: p
-  }), I = D({
-    mutationFn: async (C) => {
-      await S(async () => {
-        await rt({
-          client: n,
-          botId: e,
-          integrationId: C,
-          patch: {
-            enabled: !0
-          }
-        });
+    onSuccess: T
+  }), V = D({
+    mutationFn: async (f) => {
+      await M(async () => {
+        const h = await y(f);
+        await p("enable", { [h]: { enabled: !0 } });
       });
     },
-    onSuccess: p
-  }), g = D({
-    mutationFn: async (C) => {
-      await S(async () => {
-        await rt({
-          client: n,
-          botId: e,
-          integrationId: C,
-          patch: {
-            enabled: !1
-          }
-        });
+    onSuccess: T
+  }), _ = D({
+    mutationFn: async (f) => {
+      await M(async () => {
+        const h = await y(f);
+        await p("disable", { [h]: { 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: T
+  }), U = D({
+    mutationFn: async (f) => {
+      await M(async () => {
+        const { bot: h } = await n.getBot({ id: e }), S = X(h.integrations), N = await Un({ client: n, integrationId: f }), A = ft({
+          installedIntegrations: S,
+          integrationId: f,
+          integrationName: N
+        }), K = {
+          enabled: (A == null ? void 0 : A.enabled) ?? !0,
+          configuration: (A == null ? void 0 : A.configuration) ?? {},
+          configurationType: (A == null ? void 0 : A.configurationType) ?? null
+        }, Q = {
+          [f]: K
         };
-        y && y.botIntegrationId !== C && (U[y.botIntegrationId] = null), await n.updateBot({
-          id: e,
-          integrations: U
-        });
+        A && A.botIntegrationId !== f && (Q[A.botIntegrationId] = null), await p("upgrade", Q);
       });
     },
-    onSuccess: p
+    onSuccess: T
   });
   return {
-    integrations: (u == null ? void 0 : u.integrations) ?? [],
-    installedIntegrations: (u == null ? void 0 : u.installedIntegrations) ?? [],
+    integrations: (c == null ? void 0 : c.integrations) ?? [],
+    installedIntegrations: (c == null ? void 0 : c.installedIntegrations) ?? [],
     isLoading: d,
-    error: l ? ut(l) : null,
-    install: x.mutateAsync,
-    uninstall: P.mutateAsync,
-    enable: I.mutateAsync,
-    disable: g.mutateAsync,
-    upgrade: f.mutateAsync,
+    error: b ? pt(b) : null,
+    install: g.mutateAsync,
+    uninstall: E.mutateAsync,
+    enable: V.mutateAsync,
+    disable: _.mutateAsync,
+    upgrade: U.mutateAsync,
     refresh: () => {
-      b();
+      C();
     },
-    isInstalling: x.isPending,
-    isUninstalling: P.isPending,
-    isEnabling: I.isPending,
-    isDisabling: g.isPending,
-    isUpgrading: f.isPending
+    isInstalling: g.isPending,
+    isUninstalling: E.isPending,
+    isEnabling: V.isPending,
+    isDisabling: _.isPending,
+    isUpgrading: U.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 ? {
+}, Xn = Et, Ln = ["official", "verified"], Nn = () => /* @__PURE__ */ w("div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ w(It, { className: "h-6 w-6 animate-spin text-[var(--gray-9)]" }) }), Fn = () => /* @__PURE__ */ w("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 ? {
   key: n.key,
   type: n.type
 } : null, Dn = ({
   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;
+  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;
 }, Vn = ({
   client: n,
   workspaceId: t,
@@ -765,159 +736,161 @@ const on = "width=650,height=800,popup=true", an = 500, rn = 5 * 60 * 1e3, sn =
   initialView: i = "hub",
   categories: o,
   bannerSlides: r,
-  bannerIconUrl: c,
+  bannerIconUrl: l,
   noResultsDocumentationLink: a,
   disableInstallation: u = !1,
-  hasWriteAccess: d = !0,
-  categoryResolver: l,
-  filterMenuLabels: b,
-  defaultVisibility: p,
-  defaultVerification: S,
-  defaultSortMethod: x,
-  renderConfigurationForm: P,
-  renderConnectionsContent: I,
+  hasWriteAccess: c = !0,
+  transformIntegrationPatch: d,
+  categoryResolver: b,
+  filterMenuLabels: C,
+  defaultVisibility: T,
+  defaultVerification: M,
+  defaultSortMethod: k,
+  renderConfigurationForm: y,
+  renderConnectionsContent: p,
   oauthTemplateData: g,
-  renderDetailPanel: f,
-  onInstall: C,
-  onUninstall: L,
-  onEnable: H,
-  onDisable: k,
-  onUpgrade: y,
-  onError: M
+  renderDetailPanel: E,
+  onInstall: V,
+  onUninstall: _,
+  onEnable: U,
+  onDisable: f,
+  onUpgrade: h,
+  onError: S
 }) => {
-  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 [N, A] = x(i), [K, Q] = x(""), [F, W] = x(null), [Y, q] = x(null), [m, Lt] = x(T), [tt, Nt] = x(
+    M ?? [...Ln]
+  ), [nt, Ft] = x(k), [jt, et] = x("connections"), [Dt, it] = x("connections"), I = Et({
     client: n,
     workspaceId: t,
     botId: e,
-    categoryResolver: l,
-    enabled: !0
-  }), Vt = E(
+    categoryResolver: b,
+    enabled: !0,
+    transformIntegrationPatch: d
+  }), Vt = L(
     () => In({
-      integrations: w.integrations,
-      searchTerm: N,
-      visibility: X,
-      verification: Y,
-      sortMethod: m
+      integrations: I.integrations,
+      searchTerm: K,
+      visibility: m,
+      verification: tt,
+      sortMethod: nt
     }),
-    [w.integrations, N, X, Y, m]
-  ), B = E(
-    () => [...w.integrations, ...w.installedIntegrations].find(
-      (h) => h.id === F
+    [I.integrations, K, m, tt, nt]
+  ), B = L(
+    () => [...I.integrations, ...I.installedIntegrations].find(
+      (v) => v.id === F
     ) ?? null,
-    [w.integrations, w.installedIntegrations, F]
-  ), s = Mt({
+    [I.integrations, I.installedIntegrations, F]
+  ), s = Bt({
     client: n,
     workspaceId: t,
     botId: e,
     integrationId: F,
     enabled: !!F
-  }), _t = E(
-    () => (o == null ? void 0 : o.filter((h) => h.name !== "Popular").map((h) => h.name)) ?? [],
+  }), _t = L(
+    () => (o == null ? void 0 : o.filter((v) => v.name !== "Popular").map((v) => v.name)) ?? [],
     [o]
-  ), Q = G(
-    (h) => {
-      const T = ut(h);
-      M == null || M(T);
+  ), R = J(
+    (v) => {
+      const P = pt(v);
+      S == null || S(P);
     },
-    [M]
-  ), W = async ({
-    operation: h,
-    onSuccess: T,
+    [S]
+  ), $ = async ({
+    operation: v,
+    onSuccess: P,
     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 v(), P == null || P(H);
+      } catch (ot) {
+        R(ot);
       }
-  }, Ht = (h) => {
-    var gt, ht, bt, vt;
-    if (!F || h !== F)
+  }, Kt = (v) => {
+    var ht, bt, vt, Ct;
+    if (!F || v !== F)
       return null;
     if (s.isLoading)
       return Nn();
     if (!s.definition || !B)
       return Fn();
-    const T = !!s.installedState, j = Dn({
+    const P = !!s.installedState, j = Dn({
       definition: s.definition,
       selectedConnectionMethod: s.selectedConnectionMethod
-    }), V = s.connectionMethods.length > 1 || !!j, et = St({
+    }), H = s.connectionMethods.length > 1 || !!j, ot = At({
       definition: s.definition,
       selectedConnectionMethod: s.selectedConnectionMethod
-    }), Kt = At(et).length > 0, zt = !!P || Kt, ft = async (A) => {
+    }), Ht = Tt(ot).length > 0, zt = !!y || Ht, gt = async (O) => {
       try {
-        await s.saveConfig(A);
-      } catch (R) {
-        Q(R);
+        await s.saveConfig(O);
+      } catch (G) {
+        R(G);
       }
-    }, qt = I ? I({
+    }, qt = p ? p({
       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: [
-      /* @__PURE__ */ v("div", { className: "self-end", children: /* @__PURE__ */ v(
+    }) : /* @__PURE__ */ z("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ w("div", { className: "self-end", children: /* @__PURE__ */ w(
         Jt,
         {
           options: s.connectionMethods,
           value: s.selectedConnectionMethod,
-          disabled: !d,
-          onChange: (A) => {
-            d && s.setConnectionMethod(A).catch(Q);
+          disabled: !c,
+          onChange: (O) => {
+            c && s.setConnectionMethod(O).catch(R);
           }
         }
       ) }),
-      j ? /* @__PURE__ */ v(
+      j ? /* @__PURE__ */ w(
         un,
         {
           client: n,
           integrationName: s.definition.title ?? s.definition.name,
           linkTemplateScript: j,
-          webhookUrl: (gt = s.installedState) == null ? void 0 : gt.webhookUrl,
+          webhookUrl: (ht = s.installedState) == null ? void 0 : ht.webhookUrl,
           oauthTemplateData: g,
-          isAuthorized: !!((ht = s.installedState) != null && ht.identifier),
-          disabled: !d,
+          isAuthorized: !!((bt = s.installedState) != null && bt.identifier),
+          disabled: !c,
           onAuthorized: async () => {
-            s.refresh(), w.refresh();
+            s.refresh(), I.refresh();
           },
-          onError: Q
+          onError: R
         }
-      ) : /* @__PURE__ */ _("p", { className: "text-sm text-[var(--gray-11)]", children: [
+      ) : /* @__PURE__ */ z("p", { className: "text-sm text-[var(--gray-11)]", children: [
         "No custom connection UI was provided. Use ",
-        /* @__PURE__ */ v("code", { children: "renderConnectionsContent" }),
+        /* @__PURE__ */ w("code", { children: "renderConnectionsContent" }),
         " to plug your OAuth/manual connection flow."
       ] })
-    ] }), Qt = /* @__PURE__ */ v(
+    ] }), Qt = /* @__PURE__ */ w(
       Xt,
       {
-        webhookUrl: (bt = s.installedState) == null ? void 0 : bt.webhookUrl,
+        webhookUrl: (vt = s.installedState) == null ? void 0 : vt.webhookUrl,
         isBlocked: !s.installedState,
-        children: P ? P({
+        children: y ? y({
           definition: s.definition,
           installedState: s.installedState,
           selectedConnectionMethod: s.selectedConnectionMethod,
-          onSave: ft,
+          onSave: gt,
           isSaving: s.isSavingConfig
-        }) : /* @__PURE__ */ v(
+        }) : /* @__PURE__ */ w(
           pn,
           {
             definition: s.definition,
             installedState: s.installedState,
             selectedConnectionMethod: s.selectedConnectionMethod,
-            onSave: ft,
+            onSave: gt,
             isSaving: s.isSavingConfig,
-            disabled: !d || !s.installedState
+            disabled: !c || !s.installedState
           }
         )
       }
     );
-    return /* @__PURE__ */ v(
+    return /* @__PURE__ */ w(
       Yt,
       {
         title: s.definition.title ?? s.definition.name,
@@ -927,80 +900,80 @@ const on = "width=650,height=800,popup=true", an = 500, rn = 5 * 60 * 1e3, sn =
         isVerified: B.isVerified,
         isPrivate: B.isPrivate,
         onBack: () => {
-          q(null), z(null);
+          W(null), q(null);
         },
-        onInstall: T || u || !d ? void 0 : () => {
-          W({
-            operation: () => w.install(B.id),
-            onSuccess: C,
+        onInstall: P || u || !c ? void 0 : () => {
+          $({
+            operation: () => I.install(B.id),
+            onSuccess: V,
             integration: B
           });
         },
-        onToggleEnabled: !T || !d ? void 0 : () => {
-          const A = s.installedState, R = !!(A != null && A.enabled);
-          W({
+        onToggleEnabled: !P || !c ? void 0 : () => {
+          const O = s.installedState, G = !!(O != null && O.enabled);
+          $({
             operation: async () => {
-              if (!A)
+              if (!O)
                 throw new Error("Integration is not installed");
-              if (R) {
-                await w.disable(A.id);
+              if (G) {
+                await I.disable(O.id);
                 return;
               }
-              await w.enable(A.id);
+              await I.enable(O.id);
             },
-            onSuccess: R ? k : H,
+            onSuccess: G ? f : U,
             integration: B
           });
         },
-        onUninstall: !T || !d ? void 0 : () => {
-          const A = s.installedState;
-          W({
+        onUninstall: !P || !c ? void 0 : () => {
+          const O = s.installedState;
+          $({
             operation: async () => {
-              if (!A)
+              if (!O)
                 throw new Error("Integration is not installed");
-              await w.uninstall(A.id);
+              await I.uninstall(O.id);
             },
-            onSuccess: L,
+            onSuccess: _,
             integration: B
           });
         },
-        onUpgrade: !B.hasUpdate || !d ? void 0 : () => {
-          W({
-            operation: () => w.upgrade(B.id),
-            onSuccess: y,
+        onUpgrade: !B.hasUpdate || !c ? void 0 : () => {
+          $({
+            operation: () => I.upgrade(B.id),
+            onSuccess: h,
             integration: B
           });
         },
-        isInstalled: T,
+        isInstalled: P,
         disableInstallation: u,
-        hasWriteAccess: d,
-        isInstalling: w.isInstalling,
-        isUninstalling: w.isUninstalling,
-        isTogglingEnabled: w.isEnabling || w.isDisabling,
+        hasWriteAccess: c,
+        isInstalling: I.isInstalling,
+        isUninstalling: I.isUninstalling,
+        isTogglingEnabled: I.isEnabling || I.isDisabling,
         hasUpdate: B.hasUpdate,
-        isUpgrading: w.isUpgrading,
-        toggleButtonLabel: (vt = s.installedState) != null && vt.enabled ? "Disable" : "Enable",
-        selectedDetailPanel: J && f ? f({
+        isUpgrading: I.isUpgrading,
+        toggleButtonLabel: (Ct = s.installedState) != null && Ct.enabled ? "Disable" : "Enable",
+        selectedDetailPanel: Y && E ? E({
           definition: s.definition,
-          selectedCard: J,
-          onClose: () => z(null)
+          selectedCard: Y,
+          onClose: () => q(null)
         }) : void 0,
-        onDismissSelectedDetailPanel: () => z(null),
-        children: /* @__PURE__ */ v(
+        onDismissSelectedDetailPanel: () => q(null),
+        children: /* @__PURE__ */ w(
           mt,
           {
             integrationTitle: s.definition.title ?? s.definition.name,
-            isFullyConfigured: T,
-            hasConnectionStep: V,
+            isFullyConfigured: P,
+            hasConnectionStep: H,
             hasConfigurationStep: zt,
             configuredTab: jt,
-            onConfiguredTabChange: tt,
+            onConfiguredTabChange: et,
             setupTab: Dt,
-            onSetupTabChange: nt,
+            onSetupTabChange: it,
             onCancelSetup: () => {
-              q(null), z(null);
+              W(null), q(null);
             },
-            metadata: /* @__PURE__ */ v(
+            metadata: /* @__PURE__ */ w(
               tn,
               {
                 version: s.definition.version,
@@ -1010,19 +983,19 @@ const on = "width=650,height=800,popup=true", an = 500, rn = 5 * 60 * 1e3, sn =
             ),
             connectionsContent: qt,
             configurationContent: Qt,
-            capabilitiesContent: /* @__PURE__ */ v(
+            capabilitiesContent: /* @__PURE__ */ w(
               nn,
               {
                 actionCards: s.capabilities.actionCards,
                 eventCards: s.capabilities.eventCards,
                 channelCards: s.capabilities.channelCards,
-                selectedCard: J,
-                onCardSelect: (A) => {
-                  z(
+                selectedCard: Y,
+                onCardSelect: (O) => {
+                  q(
                     jn(
-                      A ? {
-                        key: A.key,
-                        type: A.type
+                      O ? {
+                        key: O.key,
+                        type: O.type
                       } : null
                     )
                   );
@@ -1034,53 +1007,53 @@ 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: [
-      /* @__PURE__ */ v(
+  return /* @__PURE__ */ z("div", { className: "flex h-full min-h-0 flex-col", children: [
+    !F && /* @__PURE__ */ w("div", { className: "flex justify-end px-6 pt-4", children: /* @__PURE__ */ z("div", { className: "flex rounded-lg bg-[var(--gray-a3)] p-1", children: [
+      /* @__PURE__ */ w(
         "button",
         {
           type: "button",
-          onClick: () => K("hub"),
-          className: ct(
+          onClick: () => A("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"
+            N === "hub" && "bg-[var(--gray-1)] text-[var(--gray-12)] shadow-sm"
           ),
           children: "Integration Hub"
         }
       ),
-      /* @__PURE__ */ v(
+      /* @__PURE__ */ w(
         "button",
         {
           type: "button",
-          onClick: () => K("installed"),
-          className: ct(
+          onClick: () => A("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"
+            N === "installed" && "bg-[var(--gray-1)] text-[var(--gray-12)] shadow-sm"
           ),
           children: "Installed Integrations"
         }
       )
     ] }) }),
-    /* @__PURE__ */ v(
+    /* @__PURE__ */ w(
       Rt,
       {
-        view: U,
-        searchInput: N,
-        searchTerm: N,
-        onSearchInputChange: Et,
+        view: N,
+        searchInput: K,
+        searchTerm: K,
+        onSearchInputChange: Q,
         selectedIntegrationId: F,
         hubIntegrations: Vt,
-        sidebarIntegrations: w.integrations,
-        installedIntegrations: w.installedIntegrations,
-        isHubLoading: w.isLoading,
-        isInstalledLoading: w.isLoading,
-        filterMenu: /* @__PURE__ */ v(
+        sidebarIntegrations: I.integrations,
+        installedIntegrations: I.installedIntegrations,
+        isHubLoading: I.isLoading,
+        isInstalledLoading: I.isLoading,
+        filterMenu: /* @__PURE__ */ w(
           $t,
           {
-            visibility: X,
-            verification: Y,
-            sortMethod: m,
-            labels: b,
+            visibility: m,
+            verification: tt,
+            sortMethod: nt,
+            labels: C,
             onVisibilityChange: Lt,
             onVerificationChange: Nt,
             onSortMethodChange: Ft
@@ -1088,38 +1061,38 @@ const on = "width=650,height=800,popup=true", an = 500, rn = 5 * 60 * 1e3, sn =
         ),
         categories: o,
         bannerSlides: r,
-        bannerIconUrl: c,
+        bannerIconUrl: l,
         noResultsDocumentationLink: a,
-        renderIntegrationCard: (h, { onEscape: T }) => /* @__PURE__ */ v(
+        renderIntegrationCard: (v, { onEscape: P }) => /* @__PURE__ */ w(
           Gt,
           {
-            name: h.title ?? h.name,
-            description: h.description,
-            author: h.author,
-            installed: h.installed,
-            updateAvailable: h.hasUpdate,
-            verified: h.isVerified,
-            official: h.isOfficial,
-            private: h.isPrivate,
-            iconUrl: h.iconUrl,
+            name: v.title ?? v.name,
+            description: v.description,
+            author: v.author,
+            installed: v.installed,
+            updateAvailable: v.hasUpdate,
+            verified: v.isVerified,
+            official: v.isOfficial,
+            private: v.isPrivate,
+            iconUrl: v.iconUrl,
             onClick: () => {
-              q(h.id), tt("connections"), nt("connections");
+              W(v.id), et("connections"), it("connections");
             },
-            onEscape: T
+            onEscape: P
           }
         ),
-        renderInstalledIntegrations: ({ integrations: h, searchTerm: T, categoryOrder: j }) => /* @__PURE__ */ v(
+        renderInstalledIntegrations: ({ integrations: v, searchTerm: P, categoryOrder: j }) => /* @__PURE__ */ w(
           Zt,
           {
-            integrations: h,
-            searchTerm: T,
+            integrations: v,
+            searchTerm: P,
             categoryOrder: j.length > 0 ? j : _t,
-            onSelectIntegration: (V) => {
-              q(V.id), tt("connections"), nt("connections");
+            onSelectIntegration: (H) => {
+              W(H.id), et("connections"), it("connections");
             }
           }
         ),
-        renderIntegrationDetails: Ht
+        renderIntegrationDetails: Kt
       }
     )
   ] });
@@ -1132,20 +1105,20 @@ export {
   Zn as dedupeById,
   cn as fetchOAuthAuthorizationUrl,
   In as filterAndSortIntegrations,
-  pt as findInstalledIntegration,
-  Z as getInstalledIntegrations,
+  ft as findInstalledIntegration,
+  X as getInstalledIntegrations,
   wn as getSelectedConnectionMethod,
   sn as getWebhookIdFromUrl,
   Pt as isOfficialWorkspace,
   ln as openOAuthPopup,
-  Bt as resolveCategory,
+  xt as resolveCategory,
   vn as toCapabilityCards,
   Cn as toConnectionMethods,
-  ut as toError,
+  pt as toError,
   hn as toHubItem,
   bn as toInstalledItem,
-  Mt as useBotpressIntegrationDetails,
-  kt as useBotpressIntegrationHub,
+  Bt as useBotpressIntegrationDetails,
+  Et as useBotpressIntegrationHub,
   Jn as useIntegrationDetails,
   Xn as useIntegrationHub
 };