@burdenoff/fe-libs 2026.1006.1 → 2026.1007.1

package/dist/connections/ConnectionDialogPanel.js

@@ -1,85 +1,91 @@
 import { cn as e } from "../lib/utils.js";
 import { initialValuesFromSchema as t } from "../credentials/schema.js";
-import { resolveFlow as n, resolveMethod as r, resolveSchema as i, selectableMethods as ee } from "./connectionFlow.js";
-import { authTypeLabel as a } from "./labels.js";
-import { ProviderIcon as o } from "./ProviderIcon.js";
-import { ConnectionDetailsTab as te, ConnectionSharingTab as ne } from "./ConnectionDetailsTab.js";
-import { EMPTY_STORAGE as re } from "./storage.js";
-import { TITLE_ID as ie } from "./frame.js";
-import { parseScopeOptions as ae, requestedScopes as oe } from "./scopes.js";
-import { ConnectionFormTab as se } from "./ConnectionFormTab.js";
-import { DialogHeading as ce } from "./DialogHeading.js";
-import { ProviderPickerPanel as le } from "./ProviderPickerPanel.js";
-import { useConnectionSubmit as ue } from "./useConnectionSubmit.js";
-import { useCallback as s, useEffect as de, useId as fe, useMemo as c, useState as l } from "react";
-import { AlertCircle as u, Check as pe, CheckCircle2 as me, Info as he, Link2 as ge, Loader2 as d, Share2 as _e, X as ve } from "lucide-react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import * as h from "@radix-ui/react-dialog";
+import { normalizeStorageMode as n, resolveFlow as r, resolveMethod as i, resolveSchema as a, selectableMethods as ee, supportedStorageModes as o } from "./connectionFlow.js";
+import { authTypeLabel as te } from "./labels.js";
+import { ProviderIcon as ne } from "./ProviderIcon.js";
+import { ConnectionDetailsTab as re, ConnectionSharingTab as ie } from "./ConnectionDetailsTab.js";
+import { EMPTY_STORAGE as s } from "./storage.js";
+import { TITLE_ID as ae } from "./frame.js";
+import { parseScopeOptions as oe, requestedScopes as se } from "./scopes.js";
+import { ConnectionFormTab as ce } from "./ConnectionFormTab.js";
+import { DialogHeading as le } from "./DialogHeading.js";
+import { ProviderPickerPanel as ue } from "./ProviderPickerPanel.js";
+import { useConnectionSubmit as de } from "./useConnectionSubmit.js";
+import { useCallback as c, useEffect as fe, useId as pe, useMemo as l, useState as u } from "react";
+import { AlertCircle as me, Check as he, CheckCircle2 as ge, Info as _e, Link2 as ve, Loader2 as d, Share2 as f, X as ye } from "lucide-react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import * as g from "@radix-ui/react-dialog";
 //#region src/connections/ConnectionDialogPanel.tsx
-function g(e, n) {
-	return t(i(e, r(e, n)));
+function _(e, n) {
+	return t(a(e, i(e, n)));
 }
-var _ = ({ api: t, onClose: _, callbackUrl: v, translate: y, providerId: b, providerKey: x, providerSource: ye, requireVault: S, canCreateVault: be, defaultName: C, extraConfig: xe, showSharingTab: Se, pickerTitle: Ce, searchInputRef: we, onConnectionCreated: Te, onError: w, onEvent: T, renderSuccessAction: E }) => {
-	let D = !!(b || x), [O, Ee] = l(null), [k, De] = l(D), [A, j] = l("connection"), [M, N] = l(C ?? ""), [P, Oe] = l(""), [ke, F] = l(null), [I, L] = l({}), [R, z] = l(null), [B, Ae] = l(re), V = fe(), H = s((e) => `${V}-${e}`, [V]), { submit: je, busy: U, oauthWaiting: Me, errorMessage: Ne, setErrorMessage: W, created: G } = ue({
+var v = ({ api: t, onClose: v, callbackUrl: y, translate: b, providerId: x, providerKey: S, providerSource: be, requireVault: C, canCreateVault: xe, defaultName: w, extraConfig: Se, showSharingTab: Ce, pickerTitle: we, searchInputRef: Te, onConnectionCreated: Ee, onError: De, onEvent: Oe, renderSuccessAction: T }) => {
+	let E = !!(x || S), [D, ke] = u(null), [O, k] = u(E), [A, j] = u("connection"), [M, N] = u(w ?? ""), [P, Ae] = u(""), [je, F] = u(null), [I, L] = u({}), [R, z] = u(null), [B, V] = u(s), H = pe(), U = c((e) => `${H}-${e}`, [H]), { submit: Me, busy: W, oauthWaiting: Ne, errorMessage: Pe, setErrorMessage: G, created: K } = de({
 		api: t,
-		callbackUrl: v,
-		translate: y,
-		onConnectionCreated: Te,
-		onError: w,
-		onEvent: T
-	}), K = s((e) => {
-		Ee(e), N(C ?? `${e.name} Connection`), F(null), L(g(e, null)), z(null), W("");
-	}, [C, W]), q = s((e) => {
-		O && (F(e), L(g(O, e)), z(null), W(""));
-	}, [O, W]);
-	de(() => {
+		callbackUrl: y,
+		translate: b,
+		onConnectionCreated: Ee,
+		onError: De,
+		onEvent: Oe
+	}), q = c((e) => {
+		ke(e), N(w ?? `${e.name} Connection`), F(null), L(_(e, null)), V(n(s, o(e, i(e, null)))), z(null), G("");
+	}, [w, G]), Fe = c((e) => {
 		if (!D) return;
+		F(e), L(_(D, e));
+		let t = o(D, i(D, e));
+		V((e) => ({
+			...n(e, t),
+			secretId: ""
+		})), z(null), G("");
+	}, [D, G]);
+	fe(() => {
+		if (!E) return;
 		let e = !1;
 		return t.getProvider({
-			id: b ?? void 0,
-			key: x ?? void 0
+			id: x ?? void 0,
+			key: S ?? void 0
 		}).then((t) => {
-			!e && t && K(t);
+			!e && t && q(t);
 		}).catch(() => void 0).finally(() => {
-			e || De(!1);
+			e || k(!1);
 		}), () => {
 			e = !0;
 		};
 	}, [
-		D,
-		b,
+		E,
 		x,
+		S,
 		t,
-		K
+		q
 	]);
-	let J = O ? r(O, ke) : null, Pe = O ? n(O, J) : "fields", Fe = c(() => O ? i(O, J) : null, [O, J]), Y = c(() => ae(J?.availableScopes ?? O?.availableScopes), [J, O]), Ie = J && J.defaultScopes.length > 0 ? J.defaultScopes : O?.defaultScopes ?? [], Le = () => {
-		O && je({
-			provider: O,
+	let J = D ? i(D, je) : null, Ie = D ? r(D, J) : "fields", Le = l(() => D ? a(D, J) : null, [D, J]), Y = l(() => oe(J?.availableScopes ?? D?.availableScopes), [J, D]), Re = J && J.defaultScopes.length > 0 ? J.defaultScopes : D?.defaultScopes ?? [], ze = () => {
+		D && Me({
+			provider: D,
 			method: J,
 			name: M,
 			description: P,
 			values: I,
 			storage: B,
-			requireVault: S,
-			extraConfig: xe
-		}, oe(R, Y));
+			requireVault: C,
+			extraConfig: Se
+		}, se(R, Y));
 	}, X = [
 		{
 			key: "connection",
-			label: y("integrations.addConnection.tabs.connection", "Connection"),
-			icon: ge
+			label: b("integrations.addConnection.tabs.connection", "Connection"),
+			icon: ve
 		},
-		...Se ? [{
+		...Ce ? [{
 			key: "sharing",
-			label: y("integrations.addConnection.tabs.sharing", "Sharing"),
-			icon: _e
+			label: b("integrations.addConnection.tabs.sharing", "Sharing"),
+			icon: f
 		}] : [],
 		{
 			key: "details",
-			label: y("integrations.addConnection.tabs.details", "Details"),
-			icon: he
+			label: b("integrations.addConnection.tabs.details", "Details"),
+			icon: _e
 		}
-	], Z = (e) => H(`tab-${e}`), Q = H("tabpanel"), Re = (e) => {
+	], Z = (e) => U(`tab-${e}`), Q = U("tabpanel"), Be = (e) => {
 		let t = X.map((e) => e.key), n = t.indexOf(A), r = {
 			ArrowRight: n + 1,
 			ArrowDown: n + 1,
@@ -91,98 +97,98 @@ var _ = ({ api: t, onClose: _, callbackUrl: v, translate: y, providerId: b, prov
 		if (r === void 0) return;
 		let i = t[(r + t.length) % t.length];
 		e.preventDefault(), j(i), document.getElementById(Z(i))?.focus();
-	}, $ = !!O && !G;
-	return /* @__PURE__ */ m(f, { children: [
-		/* @__PURE__ */ m("div", {
+	}, $ = !!D && !K;
+	return /* @__PURE__ */ h(p, { children: [
+		/* @__PURE__ */ h("div", {
 			className: "flex flex-shrink-0 items-center justify-between border-b border-border-subtle px-5 py-4",
-			children: [/* @__PURE__ */ m("div", {
+			children: [/* @__PURE__ */ h("div", {
 				className: "flex min-w-0 items-center gap-3",
-				children: [O && /* @__PURE__ */ p(o, {
-					provider: O,
+				children: [D && /* @__PURE__ */ m(ne, {
+					provider: D,
 					size: 32
-				}), /* @__PURE__ */ m("div", {
+				}), /* @__PURE__ */ h("div", {
 					className: "min-w-0",
-					children: [/* @__PURE__ */ p(ce, {
-						id: ie,
-						className: e("text-base font-semibold text-text-primary", O && "truncate"),
-						children: O ? y("integrations.addConnection.dialog.accountTitle", "{{provider}} account", { provider: O.name }) : Ce ?? y("integrations.addConnection.dialog.title", "Add new credential")
-					}), /* @__PURE__ */ p(h.Description, {
+					children: [/* @__PURE__ */ m(le, {
+						id: ae,
+						className: e("text-base font-semibold text-text-primary", D && "truncate"),
+						children: D ? b("integrations.addConnection.dialog.accountTitle", "{{provider}} account", { provider: D.name }) : we ?? b("integrations.addConnection.dialog.title", "Add new credential")
+					}), /* @__PURE__ */ m(g.Description, {
 						className: "text-xs text-text-secondary",
-						children: O ? a(J?.authType ?? O.authType, y) : y("integrations.addConnection.dialog.subtitle", "Select an app or service to connect to")
+						children: D ? te(J?.authType ?? D.authType, b) : b("integrations.addConnection.dialog.subtitle", "Select an app or service to connect to")
 					})]
 				})]
-			}), /* @__PURE__ */ p(h.Close, {
+			}), /* @__PURE__ */ m(g.Close, {
 				asChild: !0,
-				children: /* @__PURE__ */ p("button", {
+				children: /* @__PURE__ */ m("button", {
 					type: "button",
 					className: "flex-shrink-0 rounded-md p-1.5 text-text-secondary transition-colors hover:bg-accent hover:text-text-primary",
-					"aria-label": y("integrations.addConnection.actions.close", "Close dialog"),
-					children: /* @__PURE__ */ p(ve, { size: 20 })
+					"aria-label": b("integrations.addConnection.actions.close", "Close dialog"),
+					children: /* @__PURE__ */ m(ye, { size: 20 })
 				})
 			})]
 		}),
-		/* @__PURE__ */ m("div", {
+		/* @__PURE__ */ h("div", {
 			"data-testid": "add-connection-body",
 			className: "flex min-h-0 flex-1 flex-col overflow-hidden sm:flex-row",
 			children: [
-				!D && !O && /* @__PURE__ */ p(le, {
+				!E && !D && /* @__PURE__ */ m(ue, {
 					api: t,
-					source: ye,
-					translate: y,
-					searchInputRef: we,
-					onSelect: K
+					source: be,
+					translate: b,
+					searchInputRef: Te,
+					onSelect: q
 				}),
-				D && !O && k && /* @__PURE__ */ p("div", {
+				E && !D && O && /* @__PURE__ */ m("div", {
 					className: "flex flex-1 items-center justify-center p-8",
-					children: /* @__PURE__ */ p(d, {
+					children: /* @__PURE__ */ m(d, {
 						size: 32,
 						className: "animate-spin text-text-secondary"
 					})
 				}),
-				D && !O && !k && /* @__PURE__ */ m("div", {
+				E && !D && !O && /* @__PURE__ */ h("div", {
 					className: "flex flex-1 flex-col items-center justify-center p-8 text-center",
-					children: [/* @__PURE__ */ p(u, {
+					children: [/* @__PURE__ */ m(me, {
 						size: 32,
 						className: "mb-3 text-text-secondary"
-					}), /* @__PURE__ */ p("p", {
+					}), /* @__PURE__ */ m("p", {
 						className: "text-sm text-text-secondary",
-						children: y("integrations.addConnection.providerUnavailable", "This provider isn't available.")
+						children: b("integrations.addConnection.providerUnavailable", "This provider isn't available.")
 					})]
 				}),
-				O && G && /* @__PURE__ */ m("div", {
+				D && K && /* @__PURE__ */ h("div", {
 					className: "flex flex-1 flex-col items-center justify-center p-8 text-center",
 					children: [
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ m("div", {
 							className: "mb-4 rounded-full bg-status-success-bg-subtle p-3",
-							children: /* @__PURE__ */ p(me, {
+							children: /* @__PURE__ */ m(ge, {
 								size: 48,
 								className: "text-status-success-text"
 							})
 						}),
-						/* @__PURE__ */ p("h3", {
+						/* @__PURE__ */ m("h3", {
 							className: "mb-1 text-lg font-semibold text-text-primary",
-							children: y("integrations.addConnection.success.title", "Connection Created!")
+							children: b("integrations.addConnection.success.title", "Connection Created!")
 						}),
-						/* @__PURE__ */ p("p", {
+						/* @__PURE__ */ m("p", {
 							className: "mb-6 text-sm text-text-secondary",
-							children: y("integrations.addConnection.success.description", "Your {{provider}} connection has been set up successfully.", { provider: O.name })
+							children: b("integrations.addConnection.success.description", "Your {{provider}} connection has been set up successfully.", { provider: D.name })
 						}),
-						E ? E(G) : /* @__PURE__ */ p("button", {
+						T ? T(K) : /* @__PURE__ */ m("button", {
 							type: "button",
-							onClick: _,
+							onClick: v,
 							className: "rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90",
-							children: y("integrations.addConnection.actions.done", "Done")
+							children: b("integrations.addConnection.actions.done", "Done")
 						})
 					]
 				}),
-				O && $ && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
+				D && $ && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("div", {
 					role: "tablist",
 					"aria-labelledby": "add-connection-dialog-title",
 					"data-testid": "add-connection-tabs",
 					className: "flex flex-shrink-0 overflow-x-auto border-b border-border-subtle sm:block sm:w-40 sm:overflow-x-visible sm:border-b-0 sm:border-r sm:py-3",
 					children: X.map((t) => {
 						let n = t.icon, r = A === t.key;
-						return /* @__PURE__ */ m("button", {
+						return /* @__PURE__ */ h("button", {
 							id: Z(t.key),
 							type: "button",
 							role: "tab",
@@ -190,83 +196,84 @@ var _ = ({ api: t, onClose: _, callbackUrl: v, translate: y, providerId: b, prov
 							"aria-controls": Q,
 							tabIndex: r ? 0 : -1,
 							onClick: () => j(t.key),
-							onKeyDown: Re,
+							onKeyDown: Be,
 							className: e("flex min-w-max items-center gap-2 border-b-2 px-4 py-2 text-sm font-medium transition-colors sm:w-full sm:border-b-0 sm:border-l-2", r ? "border-primary bg-accent/50 text-text-primary" : "border-transparent text-text-secondary hover:bg-accent/30 hover:text-text-primary"),
-							children: [/* @__PURE__ */ p(n, {
+							children: [/* @__PURE__ */ m(n, {
 								size: 16,
 								"aria-hidden": "true"
 							}), t.label]
 						}, t.key);
 					})
-				}), /* @__PURE__ */ m("div", {
+				}), /* @__PURE__ */ h("div", {
 					id: Q,
 					role: "tabpanel",
 					"aria-labelledby": Z(A),
 					"data-testid": "add-connection-pane",
 					className: "min-h-0 min-w-0 flex-1 overflow-y-auto p-5",
 					children: [
-						A === "connection" && /* @__PURE__ */ p(se, {
+						A === "connection" && /* @__PURE__ */ m(ce, {
 							api: t,
-							provider: O,
-							methods: ee(O),
+							provider: D,
+							methods: ee(D),
 							method: J,
-							flow: Pe,
-							schema: Fe,
+							flow: Ie,
+							schema: Le,
 							name: M,
 							onNameChange: N,
 							description: P,
-							onDescriptionChange: Oe,
+							onDescriptionChange: Ae,
 							values: I,
 							setValues: L,
-							onMethodChange: q,
+							onMethodChange: Fe,
 							storage: B,
-							setStorage: Ae,
+							setStorage: V,
+							supportedStorageModes: o(D, J),
 							scopeOptions: Y,
-							defaultScopes: Ie,
+							defaultScopes: Re,
 							scopeSelection: R,
 							setScopeSelection: z,
-							callbackUrl: v,
-							requireVault: S,
-							canCreateVault: be,
-							errorMessage: Ne,
-							busy: U,
-							translate: y,
-							fieldId: H
+							callbackUrl: y,
+							requireVault: C,
+							canCreateVault: xe,
+							errorMessage: Pe,
+							busy: W,
+							translate: b,
+							fieldId: U
 						}),
-						A === "sharing" && /* @__PURE__ */ p(ne, { translate: y }),
-						A === "details" && /* @__PURE__ */ p(te, {
-							provider: O,
-							translate: y
+						A === "sharing" && /* @__PURE__ */ m(ie, { translate: b }),
+						A === "details" && /* @__PURE__ */ m(re, {
+							provider: D,
+							translate: b
 						})
 					]
 				})] })
 			]
 		}),
-		O && $ && /* @__PURE__ */ m("div", {
+		D && $ && /* @__PURE__ */ h("div", {
 			"data-testid": "add-connection-footer",
 			className: "flex flex-shrink-0 items-center justify-end gap-2 border-t border-border-subtle px-5 py-3",
-			children: [/* @__PURE__ */ p("button", {
+			children: [/* @__PURE__ */ m("button", {
 				type: "button",
-				onClick: _,
+				onClick: v,
 				className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-accent",
-				children: y("integrations.addConnection.actions.cancel", "Cancel")
-			}), /* @__PURE__ */ m("button", {
+				children: b("integrations.addConnection.actions.cancel", "Cancel")
+			}), /* @__PURE__ */ h("button", {
 				type: "button",
 				"data-testid": "add-connection-submit",
-				onClick: Le,
-				disabled: U || !M.trim(),
+				onClick: ze,
+				disabled: W || !M.trim(),
 				className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-50",
-				children: [U ? /* @__PURE__ */ p(d, {
+				children: [W ? /* @__PURE__ */ m(d, {
 					size: 14,
 					className: "animate-spin",
 					"aria-hidden": "true"
-				}) : /* @__PURE__ */ p(pe, {
+				}) : /* @__PURE__ */ m(he, {
 					size: 14,
 					"aria-hidden": "true"
-				}), Me ? y("integrations.addConnection.actions.waiting", "Waiting...") : y("integrations.addConnection.actions.connect", "Connect")]
+				}), Ne ? b("integrations.addConnection.actions.waiting", "Waiting...") : b("integrations.addConnection.actions.connect", "Connect")]
 			})]
 		})
 	] });
 };
 //#endregion
-export { _ as ConnectionDialogPanel };
+export { v as ConnectionDialogPanel };

package/dist/connections/ConnectionFormTab.d.ts

@@ -3,7 +3,7 @@ import { Translator } from '../credentials/translate';
 import { AuthMethodFlow, FormSchema } from '../credentials/types';
 import { ConnectionsApi } from './api';
 import { ScopeOption, ScopeSelection } from './scopes';
-import { ConnectionAuthMethod, ConnectionProvider, CredentialStorageState } from './types';
+import { ConnectionAuthMethod, ConnectionProvider, CredentialStorageMode, CredentialStorageState } from './types';
 export interface ConnectionFormTabProps {
     api: ConnectionsApi;
     provider: ConnectionProvider;
@@ -20,6 +20,7 @@ export interface ConnectionFormTabProps {
     onMethodChange: (key: string) => void;
     storage: CredentialStorageState;
     setStorage: (update: (current: CredentialStorageState) => CredentialStorageState) => void;
+    supportedStorageModes: readonly CredentialStorageMode[];
     scopeOptions: ScopeOption[];
     defaultScopes: string[];
     scopeSelection: ScopeSelection;

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

@@ -1 +1 @@
-{"version":3,"file":"ConnectionFormTab.d.ts","sourceRoot":"","sources":["../../src/connections/ConnectionFormTab.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMhC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM5C,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEhG,MAAM,WAAW,sBAAsB;IACrC,GAAG,EAAE,cAAc,CAAC;IACpB,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,OAAO,EAAE,oBAAoB,EAAE,CAAC;IAChC,MAAM,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACpC,IAAI,EAAE,cAAc,CAAC;IACrB,MAAM,EAAE,UAAU,GAAG,IAAI,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACrD,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,OAAO,EAAE,sBAAsB,CAAC;IAChC,UAAU,EAAE,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,sBAAsB,KAAK,IAAI,CAAC;IAC1F,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,cAAc,EAAE,cAAc,CAAC;IAC/B,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACjD,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,UAAU,CAAC;IACtB,0CAA0C;IAC1C,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACpC;AAED,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAiPxD,CAAC"}
+{"version":3,"file":"ConnectionFormTab.d.ts","sourceRoot":"","sources":["../../src/connections/ConnectionFormTab.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMhC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM5C,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC5D,OAAO,KAAK,EACV,oBAAoB,EACpB,kBAAkB,EAClB,qBAAqB,EACrB,sBAAsB,EACvB,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,sBAAsB;IACrC,GAAG,EAAE,cAAc,CAAC;IACpB,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,OAAO,EAAE,oBAAoB,EAAE,CAAC;IAChC,MAAM,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACpC,IAAI,EAAE,cAAc,CAAC;IACrB,MAAM,EAAE,UAAU,GAAG,IAAI,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACrD,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,OAAO,EAAE,sBAAsB,CAAC;IAChC,UAAU,EAAE,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,sBAAsB,KAAK,IAAI,CAAC;IAC1F,qBAAqB,EAAE,SAAS,qBAAqB,EAAE,CAAC;IACxD,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,cAAc,EAAE,cAAc,CAAC;IAC/B,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACjD,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,UAAU,CAAC;IACtB,0CAA0C;IAC1C,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACpC;AAED,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAmPxD,CAAC"}

package/dist/connections/ConnectionFormTab.js

@@ -9,12 +9,12 @@ import { useState as l } from "react";
 import { AlertCircle as u, Copy as d, ExternalLink as f, Shield as p } from "lucide-react";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/connections/ConnectionFormTab.tsx
-var g = ({ api: g, provider: _, methods: v, method: y, flow: b, schema: x, name: S, onNameChange: C, description: w, onDescriptionChange: T, values: E, setValues: D, onMethodChange: O, storage: k, setStorage: A, scopeOptions: j, defaultScopes: M, scopeSelection: N, setScopeSelection: P, callbackUrl: F, requireVault: I, canCreateVault: L, errorMessage: R, busy: z, translate: B, fieldId: V }) => {
-	let [H, U] = l(!1);
+var g = ({ api: g, provider: _, methods: v, method: y, flow: b, schema: x, name: S, onNameChange: C, description: w, onDescriptionChange: T, values: E, setValues: D, onMethodChange: O, storage: k, setStorage: A, supportedStorageModes: j, scopeOptions: M, defaultScopes: N, scopeSelection: P, setScopeSelection: F, callbackUrl: I, requireVault: L, canCreateVault: R, errorMessage: z, busy: B, translate: V, fieldId: H }) => {
+	let [U, W] = l(!1);
 	return /* @__PURE__ */ h("div", {
 		className: "space-y-5",
 		children: [
-			R && /* @__PURE__ */ h("div", {
+			z && /* @__PURE__ */ h("div", {
 				role: "alert",
 				className: "flex items-start gap-2 rounded-md border border-status-error-border/20 bg-status-error-bg/10 px-3 py-2",
 				children: [/* @__PURE__ */ m(u, {
@@ -22,14 +22,14 @@ var g = ({ api: g, provider: _, methods: v, method: y, flow: b, schema: x, name:
 					className: "mt-0.5 flex-shrink-0 text-status-error-text"
 				}), /* @__PURE__ */ m("span", {
 					className: "text-sm text-status-error-text",
-					children: R
+					children: z
 				})]
 			}),
 			/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("label", {
-				htmlFor: V("name"),
+				htmlFor: H("name"),
 				className: "mb-1.5 block text-sm font-medium text-text-primary",
 				children: [
-					B("integrations.addConnection.fields.connectionName", "Connection Name"),
+					V("integrations.addConnection.fields.connectionName", "Connection Name"),
 					" ",
 					/* @__PURE__ */ m("span", {
 						className: "text-status-error-text",
@@ -37,36 +37,37 @@ var g = ({ api: g, provider: _, methods: v, method: y, flow: b, schema: x, name:
 					})
 				]
 			}), /* @__PURE__ */ m("input", {
-				id: V("name"),
+				id: H("name"),
 				type: "text",
 				value: S,
 				onChange: (e) => C(e.target.value),
-				placeholder: B("integrations.addConnection.fields.connectionNamePlaceholder", "e.g., My {{provider}} Connection", { provider: _.name }),
-				disabled: z,
+				placeholder: V("integrations.addConnection.fields.connectionNamePlaceholder", "e.g., My {{provider}} Connection", { provider: _.name }),
+				disabled: B,
 				className: s
 			})] }),
 			/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
-				htmlFor: V("description"),
+				htmlFor: H("description"),
 				className: "mb-1.5 block text-sm font-medium text-text-primary",
-				children: B("integrations.addConnection.fields.description", "Description")
+				children: V("integrations.addConnection.fields.description", "Description")
 			}), /* @__PURE__ */ m("input", {
-				id: V("description"),
+				id: H("description"),
 				type: "text",
 				value: w,
 				onChange: (e) => T(e.target.value),
-				placeholder: B("integrations.addConnection.fields.descriptionPlaceholder", "Optional description..."),
-				disabled: z,
+				placeholder: V("integrations.addConnection.fields.descriptionPlaceholder", "Optional description..."),
+				disabled: B,
 				className: s
 			})] }),
 			i(b, _) && /* @__PURE__ */ m(o, {
 				api: g,
 				value: k,
 				onChange: A,
+				supportedStorageModes: j,
 				authType: y?.authType ?? _.authType,
-				requireVault: I,
-				canCreateVault: L,
-				translate: B,
-				disabled: z
+				requireVault: L,
+				canCreateVault: R,
+				translate: V,
+				disabled: B
 			}),
 			/* @__PURE__ */ h("div", {
 				className: "space-y-3 rounded-md border border-border-subtle/50 bg-bg-surface p-4",
@@ -80,19 +81,19 @@ var g = ({ api: g, provider: _, methods: v, method: y, flow: b, schema: x, name:
 									size: 16,
 									className: "text-primary"
 								}),
-								B("integrations.addConnection.authentication.title", "Authentication"),
+								V("integrations.addConnection.authentication.title", "Authentication"),
 								v.length <= 1 && /* @__PURE__ */ h("span", {
 									className: "font-normal text-text-secondary",
-									children: ["· ", y?.displayName ?? a(_.authType, B)]
+									children: ["· ", y?.displayName ?? a(_.authType, V)]
 								})
 							]
 						}), /* @__PURE__ */ m(n, {
 							methods: v,
 							selectedKey: y?.key ?? null,
 							onSelect: O,
-							disabled: z,
-							idPrefix: V("auth-method"),
-							translate: B,
+							disabled: B,
+							idPrefix: H("auth-method"),
+							translate: V,
 							compact: !0
 						})]
 					}),
@@ -100,7 +101,7 @@ var g = ({ api: g, provider: _, methods: v, method: y, flow: b, schema: x, name:
 						className: "space-y-2",
 						children: /* @__PURE__ */ m(t, {
 							method: y,
-							translate: B
+							translate: V
 						})
 					}),
 					b === "fields" && !x && /* @__PURE__ */ h("div", {
@@ -110,20 +111,20 @@ var g = ({ api: g, provider: _, methods: v, method: y, flow: b, schema: x, name:
 							className: "flex-shrink-0 text-status-error-text"
 						}), /* @__PURE__ */ m("span", {
 							className: "text-sm text-status-error-text",
-							children: B("integrations.addConnection.authentication.noForm", "This authentication method does not declare a configuration form.")
+							children: V("integrations.addConnection.authentication.noForm", "This authentication method does not declare a configuration form.")
 						})]
 					}),
 					b === "fields" && x && /* @__PURE__ */ m("p", {
 						className: "text-xs text-text-secondary",
-						children: B("integrations.addConnection.authentication.secretsEncrypted", "Secret values are stored encrypted and never shown again.")
+						children: V("integrations.addConnection.authentication.secretsEncrypted", "Secret values are stored encrypted and never shown again.")
 					}),
 					b !== "minted" && x && /* @__PURE__ */ m(e, {
 						schema: x,
 						values: E,
 						onChange: D,
-						disabled: z,
-						idPrefix: V("credential"),
-						translate: B
+						disabled: B,
+						idPrefix: H("credential"),
+						translate: V
 					}),
 					b === "oauth2" && r(x) && /* @__PURE__ */ h("div", {
 						className: "space-y-1.5 rounded-md border border-border-subtle bg-bg-surface px-3 py-2",
@@ -131,30 +132,30 @@ var g = ({ api: g, provider: _, methods: v, method: y, flow: b, schema: x, name:
 							className: "flex items-center justify-between gap-2",
 							children: [/* @__PURE__ */ m("span", {
 								className: "text-xs font-medium text-text-primary",
-								children: B("integrations.addConnection.authentication.redirectUriLabel", "Redirect URL to register in your app")
+								children: V("integrations.addConnection.authentication.redirectUriLabel", "Redirect URL to register in your app")
 							}), /* @__PURE__ */ h("button", {
 								type: "button",
 								onClick: () => {
-									navigator.clipboard?.writeText(F).then(() => {
-										U(!0), window.setTimeout(() => U(!1), 2e3);
+									navigator.clipboard?.writeText(I).then(() => {
+										W(!0), window.setTimeout(() => W(!1), 2e3);
 									}).catch(() => void 0);
 								},
 								className: "inline-flex items-center gap-1 text-xs font-medium text-primary hover:underline",
-								children: [/* @__PURE__ */ m(d, { size: 12 }), H ? B("integrations.addConnection.authentication.copied", "Copied") : B("integrations.addConnection.authentication.copy", "Copy")]
+								children: [/* @__PURE__ */ m(d, { size: 12 }), U ? V("integrations.addConnection.authentication.copied", "Copied") : V("integrations.addConnection.authentication.copy", "Copy")]
 							})]
 						}), /* @__PURE__ */ m("code", {
 							"data-testid": "oauth-redirect-url",
 							className: "block break-all text-xs text-text-secondary",
-							children: F
+							children: I
 						})]
 					}),
 					b !== "fields" && /* @__PURE__ */ m(c, {
-						options: j,
-						defaultScopes: M,
-						selection: N,
-						onChange: P,
-						translate: B,
-						disabled: z
+						options: M,
+						defaultScopes: N,
+						selection: P,
+						onChange: F,
+						translate: V,
+						disabled: B
 					}),
 					b === "oauth2" && /* @__PURE__ */ h("div", {
 						className: "flex items-center gap-2 rounded-md border border-border-default bg-status-info-bg-subtle px-3 py-2",
@@ -163,7 +164,7 @@ var g = ({ api: g, provider: _, methods: v, method: y, flow: b, schema: x, name:
 							className: "flex-shrink-0 text-status-info-text"
 						}), /* @__PURE__ */ m("span", {
 							className: "text-xs text-status-info-text",
-							children: B("integrations.addConnection.authentication.oauthPopupInfo", "A popup window will open for {{provider}} sign-in", { provider: _.name })
+							children: V("integrations.addConnection.authentication.oauthPopupInfo", "A popup window will open for {{provider}} sign-in", { provider: _.name })
 						})]
 					}),
 					b === "minted" && /* @__PURE__ */ h("div", {
@@ -173,7 +174,7 @@ var g = ({ api: g, provider: _, methods: v, method: y, flow: b, schema: x, name:
 							className: "flex-shrink-0 text-status-info-text"
 						}), /* @__PURE__ */ m("span", {
 							className: "text-xs text-status-info-text",
-							children: B("integrations.addConnection.authentication.serviceAccount.description", "No credentials to enter — access is granted on your behalf and tokens are issued per use.")
+							children: V("integrations.addConnection.authentication.serviceAccount.description", "No credentials to enter — access is granted on your behalf and tokens are issued per use.")
 						})]
 					})
 				]