@bpinternal/integration-hub 0.6.0 → 0.7.0

package/dist/runtime/index.js

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