@burdenoff/fe-libs 2026.930.4 → 2026.930.5

package/dist/connections/ProviderPickerPanel.js

@@ -0,0 +1,84 @@
+import { cn as e } from "../lib/utils.js";
+import { IllustratedEmptyState as t } from "../ui/illustration.js";
+import { authTypeLabel as n, categoryLabel as r } from "./labels.js";
+import { ProviderIcon as i } from "./ProviderIcon.js";
+import { INPUT_CLASS as a } from "./frame.js";
+import { groupByCategory as o, pickableProviders as s } from "./picker.js";
+import { useEffect as c, useMemo as l, useState as u } from "react";
+import { Loader2 as d, Search as f } from "lucide-react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/connections/ProviderPickerPanel.tsx
+var h = ({ api: h, source: g, translate: _, searchInputRef: v, onSelect: y }) => {
+	let [b, x] = u([]), [S, C] = u(!0), [w, T] = u(""), E = g === "installed";
+	c(() => {
+		let e = !1;
+		return h.listProviders(g).then((t) => {
+			e || x(t);
+		}).catch(() => {
+			e || x([]);
+		}).finally(() => {
+			e || C(!1);
+		}), () => {
+			e = !0;
+		};
+	}, [h, g]);
+	let D = l(() => s(b, g, w, _), [
+		b,
+		g,
+		w,
+		_
+	]), O = l(() => o(D), [D]);
+	return /* @__PURE__ */ m("div", {
+		className: "min-h-0 flex-1 overflow-y-auto p-5",
+		children: [/* @__PURE__ */ m("div", {
+			className: "relative mb-4",
+			children: [/* @__PURE__ */ p(f, {
+				size: 16,
+				className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary"
+			}), /* @__PURE__ */ p("input", {
+				ref: v,
+				type: "text",
+				value: w,
+				onChange: (e) => T(e.target.value),
+				placeholder: E ? _("integrations.addConnection.search.placeholder", "Search installed providers...") : _("integrations.addConnection.search.catalogPlaceholder", "Search providers..."),
+				"aria-label": E ? _("integrations.addConnection.search.ariaLabel", "Search installed providers") : _("integrations.addConnection.search.catalogAriaLabel", "Search providers"),
+				className: e(a, "py-2.5 pl-9")
+			})]
+		}), S ? /* @__PURE__ */ p("div", {
+			className: "flex items-center justify-center py-8",
+			children: /* @__PURE__ */ p(d, {
+				size: 24,
+				className: "animate-spin text-text-secondary"
+			})
+		}) : D.length === 0 ? /* @__PURE__ */ p(t, {
+			illustration: w ? "empty-search" : "empty-data",
+			title: w ? _("integrations.addConnection.empty.noMatchingProviders", "No matching providers") : _("integrations.addConnection.empty.noInstalledProviders", "No installed providers yet"),
+			description: w ? _("integrations.addConnection.empty.matchingDescription", "No installed provider matches your search. Try a different term or install one from the catalog.", { query: w }) : _("integrations.addConnection.empty.installedDescription", "You need at least one installed, enabled provider before you can create a connection. Install one from the catalog to get started.")
+		}) : /* @__PURE__ */ p("div", {
+			className: "space-y-1",
+			children: O.map(([e, t]) => /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("div", {
+				className: "px-2 py-1.5 text-xs font-semibold uppercase tracking-wider text-text-secondary",
+				children: r(e, _)
+			}), t.map((e) => /* @__PURE__ */ m("button", {
+				type: "button",
+				onClick: () => y(e),
+				className: "flex w-full items-center gap-3 rounded-md px-3 py-2.5 text-left transition-colors hover:bg-accent/50",
+				children: [/* @__PURE__ */ p(i, {
+					provider: e,
+					size: 32
+				}), /* @__PURE__ */ m("span", {
+					className: "min-w-0 flex-1",
+					children: [/* @__PURE__ */ p("span", {
+						className: "block text-sm font-medium text-text-primary",
+						children: e.name
+					}), /* @__PURE__ */ p("span", {
+						className: "block text-xs text-text-secondary",
+						children: n(e.authType, _)
+					})]
+				})]
+			}, e.id))] }, e))
+		})]
+	});
+};
+//#endregion
+export { h as ProviderPickerPanel };

package/dist/connections/ScopePicker.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+import { Translator } from '../credentials/translate';
+import { ScopeOption, ScopeSelection } from './scopes';
+interface ScopePickerProps {
+    options: ScopeOption[];
+    /** Scopes the method requests when the user picks nothing. */
+    defaultScopes: string[];
+    selection: ScopeSelection;
+    onChange: (selection: string[]) => void;
+    translate: Translator;
+    disabled?: boolean;
+}
+export declare const ScopePicker: FC<ScopePickerProps>;
+export {};
+//# sourceMappingURL=ScopePicker.d.ts.map

package/dist/connections/ScopePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScopePicker.d.ts","sourceRoot":"","sources":["../../src/connections/ScopePicker.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAA+B,KAAK,WAAW,EAAE,KAAK,cAAc,EAAE,MAAM,UAAU,CAAC;AAE9F,UAAU,gBAAgB;IACxB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,8DAA8D;IAC9D,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,SAAS,EAAE,cAAc,CAAC;IAC1B,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxC,SAAS,EAAE,UAAU,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAkD5C,CAAC"}

package/dist/connections/ScopePicker.js

@@ -0,0 +1,38 @@
+import { isScopeChecked as e, toggleScope as t } from "./scopes.js";
+import { Lock as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/connections/ScopePicker.tsx
+var a = ({ options: a, defaultScopes: o, selection: s, onChange: c, translate: l, disabled: u }) => {
+	let d = a.filter((e) => !e.required), f = a.filter((e) => e.required);
+	return d.length === 0 ? null : /* @__PURE__ */ i("div", {
+		className: "space-y-2",
+		children: [
+			/* @__PURE__ */ r("span", {
+				className: "block text-sm font-medium text-text-primary",
+				children: l("integrations.addConnection.scopes.title", "Permissions")
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "space-y-1.5 rounded-md border border-border-subtle p-3",
+				children: d.map((n) => /* @__PURE__ */ i("label", {
+					className: "flex cursor-pointer items-start gap-2 text-sm text-text-primary",
+					children: [/* @__PURE__ */ r("input", {
+						type: "checkbox",
+						checked: e(n.scope, s, o),
+						onChange: () => c(t(n.scope, s, o, a)),
+						disabled: u,
+						className: "mt-0.5"
+					}), /* @__PURE__ */ r("span", { children: n.description ?? n.scope })]
+				}, n.scope))
+			}),
+			f.length > 0 && /* @__PURE__ */ i("p", {
+				className: "flex items-center gap-1.5 text-xs text-text-secondary",
+				children: [/* @__PURE__ */ r(n, {
+					size: 12,
+					className: "flex-shrink-0"
+				}), l("integrations.addConnection.scopes.alwaysIncluded", "Always included: {{scopes}}", { scopes: f.map((e) => e.scope).join(", ") })]
+			})
+		]
+	});
+};
+//#endregion
+export { a as ScopePicker };

package/dist/connections/api.d.ts

@@ -0,0 +1,60 @@
+import { ApolloClient } from '@apollo/client';
+import { ConnectionAuthMethod, ConnectionProvider, ProviderAuthType, VaultSecretSummary, VaultSummary } from './types';
+/** A connection as the dialog tracks it. */
+export interface ConnectionRecord {
+    id: string;
+    name: string;
+    status: string;
+    errorMessage: string | null;
+}
+export interface CreateConnectionInput {
+    name: string;
+    description?: string;
+    providerId: string;
+    authMethodKey?: string;
+    config?: Record<string, unknown>;
+    vaultId?: string;
+    credentialSecretId?: string;
+    managedSecretName?: string;
+}
+/** Everything the dialog asks of the service. Faked in tests. */
+export interface ConnectionsApi {
+    listProviders(source: 'installed' | 'catalog'): Promise<ConnectionProvider[]>;
+    getProvider(ref: {
+        id?: string;
+        key?: string;
+    }): Promise<ConnectionProvider | null>;
+    createConnection(input: CreateConnectionInput): Promise<ConnectionRecord>;
+    initiateOAuth(input: {
+        connectionId: string;
+        redirectUri: string;
+        scopes?: string[];
+    }): Promise<{
+        redirectUrl: string | null;
+    }>;
+    authenticateConnection(input: {
+        connectionId: string;
+        authMethodKey?: string;
+        values: Record<string, unknown>;
+    }): Promise<ConnectionRecord | null>;
+    authenticateWithServiceAccount(input: {
+        connectionId: string;
+        scopes?: string[];
+    }): Promise<ConnectionRecord | null>;
+    getConnection(id: string): Promise<ConnectionRecord | null>;
+    listVaults(): Promise<VaultSummary[]>;
+    listVaultSecrets(vaultId: string): Promise<VaultSecretSummary[]>;
+    createVault(name: string): Promise<VaultSummary>;
+}
+export interface ConnectionsApiOptions {
+    /**
+     * Named queries to refetch once a connection is created, so the host's own
+     * lists (e.g. `GetConnections`) show it without a reload.
+     */
+    refetchQueriesOnCreate?: string[];
+}
+export declare function normalizeAuthType(value: unknown): ProviderAuthType;
+export declare function mapAuthMethod(raw: unknown): ConnectionAuthMethod;
+export declare function mapProvider(raw: unknown): ConnectionProvider;
+export declare function createConnectionsApi(client: ApolloClient, options?: ConnectionsApiOptions): ConnectionsApi;
+//# sourceMappingURL=api.d.ts.map

package/dist/connections/api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../src/connections/api.ts"],"names":[],"mappings":"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"}

package/dist/connections/api.js

@@ -0,0 +1,259 @@
+import { normalizeProviderCategory as e } from "./providerIdentity.js";
+import { gql as t } from "@apollo/client";
+//#region src/connections/api.ts
+var n = "\n  id\n  key\n  name\n  description\n  category\n  authType\n  icon\n  website\n  docsUrl\n  isEnabled\n  pluginStatus\n  defaultScopes\n  availableScopes\n  configSchema\n  authMethods {\n    \n  key\n  displayName\n  description\n  authType\n  flow\n  defaultScopes\n  availableScopes\n  configSchema\n  isConfigured\n  isEnabled\n  displayOrder\n\n  }\n", r = t`
+  query ConnectionDialogProviders(
+    $filter: ProviderFilterInput
+    $pagination: IntegrationsPaginationInput
+  ) {
+    getProviders(filter: $filter, pagination: $pagination) {
+      items {
+        ${n}
+      }
+    }
+  }
+`, i = t`
+  query ConnectionDialogProviderCatalog($pagination: IntegrationsPaginationInput) {
+    getProviderCatalog(pagination: $pagination) {
+      items {
+        ${n}
+      }
+    }
+  }
+`, a = t`
+  query ConnectionDialogProvider($id: ID!) {
+    getProvider(id: $id) {
+      ${n}
+    }
+  }
+`, o = t`
+  query ConnectionDialogProviderByKey($key: String!) {
+    getProviderByKey(key: $key) {
+      ${n}
+    }
+  }
+`, s = "\n  id\n  name\n  status\n  errorMessage\n", c = t`
+  mutation ConnectionDialogCreate($input: CreateConnectionInput!) {
+    createConnection(input: $input) {
+      ${s}
+    }
+  }
+`, l = t`
+  mutation ConnectionDialogInitiateOAuth($input: InitiateOAuthInput!) {
+    initiateOAuth(input: $input) {
+      redirectUrl
+    }
+  }
+`, u = t`
+  mutation ConnectionDialogAuthenticate($input: AuthenticateConnectionInput!) {
+    authenticateConnection(input: $input) {
+      ${s}
+    }
+  }
+`, d = t`
+  mutation ConnectionDialogServiceAccount($input: ServiceAccountAuthInput!) {
+    authenticateWithServiceAccount(input: $input) {
+      ${s}
+    }
+  }
+`, f = t`
+  query ConnectionDialogConnection($id: ID!) {
+    getConnection(id: $id) {
+      ${s}
+    }
+  }
+`, p = t`
+  query ConnectionDialogVaults($filter: VaultFilterInput, $pagination: SecurityPaginationInput) {
+    getVaults(filter: $filter, pagination: $pagination) {
+      items {
+        id
+        name
+        secretCount
+      }
+    }
+  }
+`, m = t`
+  query ConnectionDialogVaultSecrets(
+    $vaultId: ID!
+    $filter: SecretFilterInput
+    $pagination: SecurityPaginationInput
+  ) {
+    getSecrets(vaultId: $vaultId, filter: $filter, pagination: $pagination) {
+      items {
+        id
+        name
+        type
+      }
+    }
+  }
+`, h = t`
+  mutation ConnectionDialogCreateVault($input: CreateVaultInput!) {
+    createVault(input: $input) {
+      id
+      name
+    }
+  }
+`;
+function g(e) {
+	return typeof e == "object" && e ? e : {};
+}
+function _(e) {
+	return typeof e == "string" ? e : "";
+}
+function v(e) {
+	return Array.isArray(e) ? e.filter((e) => typeof e == "string") : [];
+}
+function y(e) {
+	return typeof e == "object" && e && !Array.isArray(e) ? e : null;
+}
+var b = {
+	OAUTH2: "oauth2",
+	OAUTH1: "oauth2",
+	API_KEY: "api_key",
+	BASIC_AUTH: "basic_auth",
+	BEARER_TOKEN: "bearer_token",
+	SERVICE_ACCOUNT: "service_account",
+	WORKSPACE_APP_TOKEN: "workspace_app_token",
+	CUSTOM: "custom"
+};
+function x(e) {
+	let t = String(e ?? "").toUpperCase();
+	return Object.prototype.hasOwnProperty.call(b, t) ? b[t] : "api_key";
+}
+function S(e) {
+	let t = String(e ?? "").toLowerCase();
+	return t === "oauth2" || t === "minted" ? t : "fields";
+}
+function C(e) {
+	let t = g(e), n = _(t.key);
+	return {
+		key: n,
+		displayName: _(t.displayName) || n,
+		description: _(t.description) || null,
+		authType: x(t.authType),
+		flow: S(t.flow),
+		defaultScopes: v(t.defaultScopes),
+		availableScopes: t.availableScopes ?? null,
+		configSchema: y(t.configSchema),
+		isConfigured: t.isConfigured !== !1,
+		isEnabled: t.isEnabled !== !1,
+		displayOrder: Number(t.displayOrder ?? 0)
+	};
+}
+function w(t) {
+	let n = g(t);
+	return {
+		id: _(n.id),
+		key: _(n.key),
+		name: _(n.name),
+		description: _(n.description),
+		category: e(n.category),
+		authType: x(n.authType),
+		icon: _(n.icon),
+		website: _(n.website),
+		docsUrl: _(n.docsUrl),
+		isEnabled: n.isEnabled !== !1,
+		pluginStatus: _(n.pluginStatus).toLowerCase(),
+		defaultScopes: v(n.defaultScopes),
+		availableScopes: n.availableScopes ?? null,
+		configSchema: y(n.configSchema),
+		authMethods: (Array.isArray(n.authMethods) ? n.authMethods : []).map(C).sort((e, t) => e.displayOrder - t.displayOrder)
+	};
+}
+function T(e) {
+	let t = g(e), n = _(t.id);
+	return n ? {
+		id: n,
+		name: _(t.name),
+		status: _(t.status),
+		errorMessage: _(t.errorMessage) || null
+	} : null;
+}
+function E(e) {
+	if (e.error) throw e.error instanceof Error ? e.error : /* @__PURE__ */ Error("The request failed");
+	return e.data ?? null;
+}
+function D(e, t = {}) {
+	let n = async (t, n) => E(await e.query({
+		query: t,
+		variables: n,
+		fetchPolicy: "network-only"
+	})), s = async (t, n) => E(await e.mutate({
+		mutation: t,
+		variables: n
+	}));
+	return {
+		async listProviders(e) {
+			return e === "catalog" ? ((await n(i, { pagination: { limit: 100 } }))?.getProviderCatalog?.items ?? []).map(w) : ((await n(r, { pagination: { limit: 100 } }))?.getProviders?.items ?? []).map(w);
+		},
+		async getProvider({ id: e, key: t }) {
+			if (e) {
+				let t = await n(a, { id: e });
+				return t?.getProvider ? w(t.getProvider) : null;
+			}
+			if (t) {
+				let e = await n(o, { key: t });
+				return e?.getProviderByKey ? w(e.getProviderByKey) : null;
+			}
+			return null;
+		},
+		async createConnection(n) {
+			let r = T((await s(c, { input: n }))?.createConnection);
+			if (!r) throw Error("Failed to create connection");
+			return t.refetchQueriesOnCreate?.length && e.refetchQueries({ include: t.refetchQueriesOnCreate }).catch(() => void 0), r;
+		},
+		async initiateOAuth(e) {
+			return { redirectUrl: _((await s(l, { input: e }))?.initiateOAuth?.redirectUrl) || null };
+		},
+		async authenticateConnection(e) {
+			return T((await s(u, { input: e }))?.authenticateConnection);
+		},
+		async authenticateWithServiceAccount(e) {
+			return T((await s(d, { input: e }))?.authenticateWithServiceAccount);
+		},
+		async getConnection(e) {
+			return T((await n(f, { id: e }))?.getConnection);
+		},
+		async listVaults() {
+			return ((await n(p, {
+				filter: { status: "ACTIVE" },
+				pagination: { limit: 100 }
+			}))?.getVaults?.items ?? []).map((e) => {
+				let t = g(e);
+				return {
+					id: _(t.id),
+					name: _(t.name),
+					secretCount: Number(t.secretCount ?? 0)
+				};
+			});
+		},
+		async listVaultSecrets(e) {
+			return ((await n(m, {
+				vaultId: e,
+				filter: { status: "ACTIVE" },
+				pagination: { limit: 100 }
+			}))?.getSecrets?.items ?? []).map((e) => {
+				let t = g(e);
+				return {
+					id: _(t.id),
+					name: _(t.name),
+					type: _(t.type)
+				};
+			});
+		},
+		async createVault(e) {
+			let t = g((await s(h, { input: {
+				name: e.trim(),
+				scope: "WORKSPACE"
+			} }))?.createVault);
+			if (!_(t.id)) throw Error("The vault could not be created");
+			return {
+				id: _(t.id),
+				name: _(t.name),
+				secretCount: 0
+			};
+		}
+	};
+}
+//#endregion
+export { D as createConnectionsApi, w as mapProvider, x as normalizeAuthType };