@manta-eu/react 0.1.7 → 0.1.8

package/dist/providers/index.d.ts

@@ -3,6 +3,7 @@ import type { ReactNode } from "react";
 export * from "./ActiveDatastoreProvider.js";
 export * from "./AssistantIconProvider.js";
 export * from "./AssistantNameProvider.js";
+export * from "./NavExtrasProvider.js";
 export * from "./GenerateStructuredDataProvider.js";
 export * from "./MantaClientProvider.js";
 export * from "./ShaclFormProvider.js";

package/dist/providers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/providers/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAuB,MAAM,uBAAuB,CAAC;AAEzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kCAAkC,CAAC;AACjD,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iCAAiC,CAAC;AAEhD,MAAM,MAAM,cAAc,GAAG;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B,CAAC,EAAE,MAAM,CAAC;CACvC,CAAC;AAsCF,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CAc9C;AAED,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAAC,cAAc,EAAE,cAAc,CAAC,GAAG;IAAE,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAG1G,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,2CAItE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/providers/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAuB,MAAM,uBAAuB,CAAC;AAEzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kCAAkC,CAAC;AACjD,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iCAAiC,CAAC;AAEhD,MAAM,MAAM,cAAc,GAAG;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B,CAAC,EAAE,MAAM,CAAC;CACvC,CAAC;AAsCF,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CAc9C;AAED,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAAC,cAAc,EAAE,cAAc,CAAC,GAAG;IAAE,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAG1G,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,2CAItE"}

package/dist/providers/index.js

@@ -14,6 +14,7 @@ import { TooltipProvider } from "#components/tooltip/index";
 export * from "./ActiveDatastoreProvider.js";
 export * from "./AssistantIconProvider.js";
 export * from "./AssistantNameProvider.js";
+export * from "./NavExtrasProvider.js";
 export * from "./GenerateStructuredDataProvider.js";
 export * from "./MantaClientProvider.js";
 export * from "./ShaclFormProvider.js";

package/dist/routes/explain/ExplainEmpty.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExplainEmpty.d.ts","sourceRoot":"","sources":["../../../src/routes/explain/ExplainEmpty.tsx"],"names":[],"mappings":"AAKA,wBAAgB,YAAY,4CAkB3B"}
+{"version":3,"file":"ExplainEmpty.d.ts","sourceRoot":"","sources":["../../../src/routes/explain/ExplainEmpty.tsx"],"names":[],"mappings":"AAMA,wBAAgB,YAAY,4CAkB3B"}

package/dist/routes/explain/ExplainEmpty.js

@@ -1,8 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { newChatPath } from "@manta-eu/client/shared/index";
 import { FileQuestion } from "lucide-react";
 import { Link } from "react-router";
 import { Button } from "#components/button/index";
 import { EmptyState } from "#components/empty-state/index";
 export function ExplainEmpty() {
-    return (_jsx(EmptyState, { icon: FileQuestion, title: "Choose a fact to explain", description: "Open this view from a chat explanation or a rule sample fact so the URL includes a subject and object.", className: "h-full max-w-lg", children: _jsxs("div", { className: "flex items-center gap-2 mt-4", children: [_jsx(Button, { asChild: true, variant: "secondary", children: _jsx(Link, { to: "/", children: "Back to chat" }) }), _jsx(Button, { asChild: true, variant: "tertiary", children: _jsx(Link, { to: "/rules", children: "View rules" }) })] }) }));
+    return (_jsx(EmptyState, { icon: FileQuestion, title: "Choose a fact to explain", description: "Open this view from a chat explanation or a rule sample fact so the URL includes a subject and object.", className: "h-full max-w-lg", children: _jsxs("div", { className: "flex items-center gap-2 mt-4", children: [_jsx(Button, { asChild: true, variant: "secondary", children: _jsx(Link, { to: newChatPath, children: "Back to chat" }) }), _jsx(Button, { asChild: true, variant: "tertiary", children: _jsx(Link, { to: "/rules", children: "View rules" }) })] }) }));
 }

package/dist/routes/integrations/catalog-shape.d.ts

@@ -2,12 +2,13 @@ import type { GQLIntegration } from "@manta-eu/client";
 import type { KeycloakRealm } from "@manta-eu/client/shared/constants";
 import type { HexColor } from "@manta-eu/lib/color";
 import type { ComponentType } from "react";
-import type { ConnectFormProps, InferalConnectFormConfig } from "./components/connect-forms/types.js";
+import type { ConnectFormProps, ImportNotice, InferalConnectFormConfig } from "./components/connect-forms/types.js";
 import type { ConnectionSource, DataConnectorType, ProviderId, ProviderLogoComponent } from "./types.js";
 export type ConnectionCapability = "provisions-stream";
 export type ConnectionMethodBase = {
     capabilities: readonly ConnectionCapability[];
     connectForm?: ComponentType<ConnectFormProps>;
+    importNotice?: ImportNotice;
 };
 export type InferalConnectionMethod = ConnectionMethodBase & InferalConnectFormConfig & {
     source: "inferal";

package/dist/routes/integrations/catalog-shape.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"catalog-shape.d.ts","sourceRoot":"","sources":["../../../src/routes/integrations/catalog-shape.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AACnG,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,UAAU,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEtG,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,CAAC;AAEvD,MAAM,MAAM,oBAAoB,GAAG;IACjC,YAAY,EAAE,SAAS,oBAAoB,EAAE,CAAC;IAC9C,WAAW,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;CAC/C,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,oBAAoB,GACxD,wBAAwB,GAAG;IACzB,MAAM,EAAE,SAAS,CAAC;CACnB,CAAC;AAEJ,MAAM,MAAM,qBAAqB,GAAG,oBAAoB,GAAG;IACzD,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,cAAc,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,eAAe,CAAC,EAAE,aAAa,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,oBAAoB,GAAG;IACzD,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,oBAAoB,GAAG;IACxD,MAAM,EAAE,iBAAiB,CAAC;IAC1B,aAAa,EAAE,iBAAiB,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAChC,uBAAuB,GACvB,qBAAqB,GACrB,qBAAqB,GACrB,oBAAoB,CAAC;AAEzB,MAAM,MAAM,2BAA2B,GAAG,wBAAwB,GAAG;IACnE,WAAW,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;CAC9C,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,UAAU,CAAC,EAAE,oBAAoB,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,QAAQ,CAAC;IACrB,IAAI,EAAE,qBAAqB,CAAC;IAC5B,iBAAiB,EAAE,SAAS,wBAAwB,EAAE,CAAC;IACvD,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,0BAA0B,CAAC,EAAE,SAAS,MAAM,GAAG,UAAU,IAAI;IAAE,EAAE,EAAE,EAAE,CAAA;CAAE,GAAG,oBAAoB,CAAC;AAE3G,MAAM,MAAM,2BAA2B,CAAC,EAAE,SAAS,MAAM,GAAG,UAAU,IAAI;IACxE,UAAU,EAAE,EAAE,CAAC;IACf,MAAM,EAAE,2BAA2B,CAAC;CACrC,CAAC;AAEF,wBAAgB,+BAA+B,CAC7C,KAAK,EAAE,oBAAoB,EAC3B,MAAM,GAAE,sBAA2B,GAClC,2BAA2B,GAAG,SAAS,CAOzC"}
+{"version":3,"file":"catalog-shape.d.ts","sourceRoot":"","sources":["../../../src/routes/integrations/catalog-shape.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AACjH,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,UAAU,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEtG,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,CAAC;AAEvD,MAAM,MAAM,oBAAoB,GAAG;IACjC,YAAY,EAAE,SAAS,oBAAoB,EAAE,CAAC;IAC9C,WAAW,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAC9C,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,oBAAoB,GACxD,wBAAwB,GAAG;IACzB,MAAM,EAAE,SAAS,CAAC;CACnB,CAAC;AAEJ,MAAM,MAAM,qBAAqB,GAAG,oBAAoB,GAAG;IACzD,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,cAAc,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,eAAe,CAAC,EAAE,aAAa,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,oBAAoB,GAAG;IACzD,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,oBAAoB,GAAG;IACxD,MAAM,EAAE,iBAAiB,CAAC;IAC1B,aAAa,EAAE,iBAAiB,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAChC,uBAAuB,GACvB,qBAAqB,GACrB,qBAAqB,GACrB,oBAAoB,CAAC;AAEzB,MAAM,MAAM,2BAA2B,GAAG,wBAAwB,GAAG;IACnE,WAAW,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;CAC9C,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,UAAU,CAAC,EAAE,oBAAoB,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,QAAQ,CAAC;IACrB,IAAI,EAAE,qBAAqB,CAAC;IAC5B,iBAAiB,EAAE,SAAS,wBAAwB,EAAE,CAAC;IACvD,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,0BAA0B,CAAC,EAAE,SAAS,MAAM,GAAG,UAAU,IAAI;IAAE,EAAE,EAAE,EAAE,CAAA;CAAE,GAAG,oBAAoB,CAAC;AAE3G,MAAM,MAAM,2BAA2B,CAAC,EAAE,SAAS,MAAM,GAAG,UAAU,IAAI;IACxE,UAAU,EAAE,EAAE,CAAC;IACf,MAAM,EAAE,2BAA2B,CAAC;CACrC,CAAC;AAEF,wBAAgB,+BAA+B,CAC7C,KAAK,EAAE,oBAAoB,EAC3B,MAAM,GAAE,sBAA2B,GAClC,2BAA2B,GAAG,SAAS,CAOzC"}

package/dist/routes/integrations/components/AddIntegrationModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddIntegrationModal.d.ts","sourceRoot":"","sources":["../../../../src/routes/integrations/components/AddIntegrationModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,0BAA0B,EAEhC,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAK7D,MAAM,MAAM,wBAAwB,CAAC,EAAE,SAAS,MAAM,GAAG,UAAU,IAAI;IACrE,OAAO,EAAE,SAAS,0BAA0B,CAAC,EAAE,CAAC,EAAE,CAAC;IACnD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC;IAChC,uBAAuB,CAAC,EAAE,gBAAgB,CAAC;IAC3C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,oBAAoB,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,MAAM,GAAG,UAAU,EAAE,KAAK,EAAE,wBAAwB,CAAC,EAAE,CAAC,2CAoFtG"}
+{"version":3,"file":"AddIntegrationModal.d.ts","sourceRoot":"","sources":["../../../../src/routes/integrations/components/AddIntegrationModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,0BAA0B,EAEhC,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAK7D,MAAM,MAAM,wBAAwB,CAAC,EAAE,SAAS,MAAM,GAAG,UAAU,IAAI;IACrE,OAAO,EAAE,SAAS,0BAA0B,CAAC,EAAE,CAAC,EAAE,CAAC;IACnD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC;IAChC,uBAAuB,CAAC,EAAE,gBAAgB,CAAC;IAC3C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kBAAkB,CAAC,EAAE,oBAAoB,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,MAAM,GAAG,UAAU,EAAE,KAAK,EAAE,wBAAwB,CAAC,EAAE,CAAC,2CAqFtG"}

package/dist/routes/integrations/components/AddIntegrationModal.js

@@ -38,5 +38,5 @@ export function AddIntegrationModal(props) {
                 }, inferalConfig: selection.method.source === "inferal" ? selection.method : undefined, dataConnectorType: selection.method.source === "data-connection" ? selection.method.connectorType : undefined, onBack: () => {
                     setResumeSpent(true);
                     setSelection(null);
-                }, onChanged: () => onConnected?.(), onDismiss: () => onOpenChange(false), resumedFromOAuth: selectedProviderResumedFromOAuth })) : (_jsx(IntegrationCatalog, { entries: entries, onSelect: setSelection, scrollable: true, requiredCapability: requiredCapability, header: _jsxs(DialogHeader, { children: [_jsx(DialogTitle, { text: title }), _jsx(DialogDescription, { children: description })] }) })) }) }));
+                }, onChanged: () => onConnected?.(), onDismiss: () => onOpenChange(false), resumedFromOAuth: selectedProviderResumedFromOAuth, importNotice: selection.method.importNotice })) : (_jsx(IntegrationCatalog, { entries: entries, onSelect: setSelection, scrollable: true, requiredCapability: requiredCapability, header: _jsxs(DialogHeader, { children: [_jsx(DialogTitle, { text: title }), _jsx(DialogDescription, { children: description })] }) })) }) }));
 }

package/dist/routes/integrations/components/MantaSyncPluginDownload.d.ts

@@ -0,0 +1,13 @@
+import { type ButtonVariant } from "#components/button/index";
+export type MantaSyncPluginLinkProps = {
+    path: string;
+    variant: ButtonVariant;
+    size?: "sm" | "base";
+};
+export declare function MantaSyncPluginLink(props: MantaSyncPluginLinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function MantaSyncPluginRowAction(): import("react/jsx-runtime").JSX.Element | null;
+export type MantaSyncPluginStepProps = {
+    path: string;
+};
+export declare function MantaSyncPluginStep(props: MantaSyncPluginStepProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MantaSyncPluginDownload.d.ts.map

package/dist/routes/integrations/components/MantaSyncPluginDownload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MantaSyncPluginDownload.d.ts","sourceRoot":"","sources":["../../../../src/routes/integrations/components/MantaSyncPluginDownload.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAGpE,MAAM,MAAM,wBAAwB,GAAG;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,aAAa,CAAC;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CASlE;AAED,wBAAgB,wBAAwB,mDAIvC;AAQD,MAAM,MAAM,wBAAwB,GAAG;IACrC,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAgBlE"}

package/dist/routes/integrations/components/MantaSyncPluginDownload.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { Download } from "lucide-react";
+import { Link } from "#components/button/index";
+import { mantaSyncPluginPath } from "#lib/build-config";
+export function MantaSyncPluginLink(props) {
+    const { path, variant, size } = props;
+    return (_jsxs(Link, { href: path, download: true, variant: variant, size: size, children: [_jsx(Download, { "aria-hidden": true }), "Download plugin"] }));
+}
+export function MantaSyncPluginRowAction() {
+    if (!isPresent(mantaSyncPluginPath))
+        return null;
+    return _jsx(MantaSyncPluginLink, { path: mantaSyncPluginPath, variant: "secondary", size: "sm" });
+}
+const importSteps = [
+    "Unzip the download.",
+    "In Figma, open Plugins → Development → Import plugin from manifest…",
+    "Pick manifest.json from the unzipped folder.",
+];
+export function MantaSyncPluginStep(props) {
+    const { path } = props;
+    return (_jsxs("div", { className: "flex flex-col items-start gap-4", children: [_jsx(MantaSyncPluginLink, { path: path, variant: "primary" }), _jsx("ol", { className: "grid gap-1.5 list-decimal pl-5", children: importSteps.map((step) => (_jsx("li", { className: "typography-caption text-muted-foreground", children: step }, step))) })] }));
+}

package/dist/routes/integrations/components/connect-forms/ConnectFormHeader.d.ts

@@ -1,4 +1,4 @@
-import type { ProviderPresentation } from "#routes/integrations/types";
+import type { ProviderPresentation } from "../../types.js";
 export type ConnectFormHeaderProps = {
     provider: ProviderPresentation<string>;
     status: string;

package/dist/routes/integrations/components/connect-forms/ConnectFormHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectFormHeader.d.ts","sourceRoot":"","sources":["../../../../../src/routes/integrations/components/connect-forms/ConnectFormHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAEvE,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC;IACvC,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAkB9D"}
+{"version":3,"file":"ConnectFormHeader.d.ts","sourceRoot":"","sources":["../../../../../src/routes/integrations/components/connect-forms/ConnectFormHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC;IACvC,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAkB9D"}

package/dist/routes/integrations/components/connect-forms/ConnectWizardShell.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import type { ProviderPresentation } from "#routes/integrations/types";
+import type { ProviderPresentation } from "../../types.js";
 export type ConnectWizardShellProps = {
     provider: ProviderPresentation<string>;
     status?: string;

package/dist/routes/integrations/components/connect-forms/ConnectWizardShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectWizardShell.d.ts","sourceRoot":"","sources":["../../../../../src/routes/integrations/components/connect-forms/ConnectWizardShell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAEvE,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CA8DhE"}
+{"version":3,"file":"ConnectWizardShell.d.ts","sourceRoot":"","sources":["../../../../../src/routes/integrations/components/connect-forms/ConnectWizardShell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAKxD,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CA8DhE"}

package/dist/routes/integrations/components/connect-forms/ConnectionStringInput.d.ts

@@ -0,0 +1,11 @@
+import type { ConnectorField } from "./data-connection-fields.js";
+import { type FormOf } from "./DataConnectionFieldInputs.js";
+type ConnectionStringInputProps = {
+    form: FormOf;
+    connectorType: string;
+    allFields: readonly ConnectorField[];
+    stepFields: readonly ConnectorField[];
+};
+export declare function ConnectionStringInput(props: ConnectionStringInputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ConnectionStringInput.d.ts.map

package/dist/routes/integrations/components/connect-forms/ConnectionStringInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionStringInput.d.ts","sourceRoot":"","sources":["../../../../../src/routes/integrations/components/connect-forms/ConnectionStringInput.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAW,KAAK,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAInE,KAAK,0BAA0B,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,SAAS,cAAc,EAAE,CAAC;IACrC,UAAU,EAAE,SAAS,cAAc,EAAE,CAAC;CACvC,CAAC;AAIF,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,2CA4CtE"}

package/dist/routes/integrations/components/connect-forms/ConnectionStringInput.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { humanList } from "@manta-eu/lib/humanize";
+import { isPresent } from "@manta-eu/lib/present";
+import { useState } from "react";
+import { connectionStringValues } from "./connection-string-fields.js";
+import { inputId } from "./DataConnectionFieldInputs.js";
+import { Button } from "#components/button/index";
+import { Input } from "#components/input/index";
+export function ConnectionStringInput(props) {
+    const { form, connectorType, allFields, stepFields } = props;
+    const [text, setText] = useState("");
+    const [outcome, setOutcome] = useState();
+    function fill(input) {
+        const result = connectionStringValues(connectorType, input, allFields);
+        if (!result.ok) {
+            setOutcome({ error: result.error });
+            return false;
+        }
+        setFormValues(form, result.values);
+        const message = filledMessage(Object.keys(result.values), stepFields, allFields);
+        setOutcome({ message: [message, result.notice].filter(isPresent).join(" ") });
+        setText("");
+        return true;
+    }
+    function fillOnPaste(event) {
+        if (fill(event.clipboardData.getData("text")))
+            event.preventDefault();
+    }
+    return (_jsxs("div", { className: "flex items-end gap-2", children: [_jsx(Input, { id: inputId("connection-string"), containerClassName: "flex-1", label: "Connection string", description: "Paste a connection string to fill the fields. Manta does not store it.", descriptionInLabelTooltip: true, type: "password", autoComplete: "off", value: text, onChange: (event) => setText(event.target.value), onPaste: fillOnPaste, error: outcome && "error" in outcome ? outcome.error : undefined, helperText: outcome && "message" in outcome ? outcome.message : undefined }), _jsx(Button, { variant: "secondary", disabled: !isPresent(text), onClick: () => fill(text), children: "Fill fields" })] }));
+}
+function setFormValues(form, values) {
+    for (const [key, value] of Object.entries(values)) {
+        form.setValue(key, value, { shouldValidate: true, shouldDirty: true });
+    }
+}
+function filledMessage(keys, stepFields, allFields) {
+    const stepKeys = new Set(stepFields.map((field) => field.key));
+    const thisStep = keys.filter((key) => stepKeys.has(key));
+    const nextStep = keys.filter((key) => !stepKeys.has(key));
+    return [
+        isPresent(thisStep) ? `Filled ${fieldTitles(allFields, thisStep)}.` : undefined,
+        isPresent(nextStep) ? `Also filled on the next step: ${fieldTitles(allFields, nextStep)}.` : undefined,
+    ]
+        .filter(isPresent)
+        .join(" ");
+}
+function fieldTitles(fields, keys) {
+    return humanList(fields.filter((field) => keys.includes(field.key)).map((field) => field.title));
+}

package/dist/routes/integrations/components/connect-forms/DashConnectForm.d.ts

@@ -0,0 +1,7 @@
+import type { ConnectFormProps } from "./types.js";
+export declare function normalizeSubdomain(value: string): string;
+export declare function isValidSubdomain(value: string): boolean;
+export declare function subdomainError(value: string, connectedSubdomains: ReadonlySet<string>, reconnectableSubdomains?: ReadonlySet<string>): string | undefined;
+export declare function dashStartHref(subdomain: string): string;
+export declare function DashConnectForm(props: ConnectFormProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DashConnectForm.d.ts.map

package/dist/routes/integrations/components/connect-forms/DashConnectForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashConnectForm.d.ts","sourceRoot":"","sources":["../../../../../src/routes/integrations/components/connect-forms/DashConnectForm.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA+ChD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAQxD;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAEvD;AAED,wBAAgB,cAAc,CAC5B,KAAK,EAAE,MAAM,EACb,mBAAmB,EAAE,WAAW,CAAC,MAAM,CAAC,EACxC,uBAAuB,GAAE,WAAW,CAAC,MAAM,CAAa,GACvD,MAAM,GAAG,SAAS,CAQpB;AAED,wBAAgB,aAAa,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAGvD;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,gBAAgB,2CAmDtD"}

package/dist/routes/integrations/components/connect-forms/DashConnectForm.js

@@ -0,0 +1,87 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { GQLIntegration, useDashSetupConnectMutation, useDashSetupProgressQuery, } from "@manta-eu/client";
+import { isPresent } from "@manta-eu/lib/present";
+import { useQueryClient } from "@tanstack/react-query";
+import { useState } from "react";
+import { ConnectWizardShell } from "./ConnectWizardShell.js";
+import { dashFolderTreeItems } from "./dash-folder-tree.js";
+import { OAuthSetupConnectForm } from "./OAuthSetupConnectForm.js";
+import { useConnectedExternalIds, useReconnectableExternalIds } from "./useConnectedExternalIds.js";
+import { Input } from "#components/input/index";
+import { useMantaClient } from "#providers/index";
+const copy = {
+    providerName: "Dash",
+    identityProviderName: "Dash",
+    entitySingular: "folder",
+    entityPlural: "folders",
+    signInDescription: "We'll take you to Dash so you can grant Manta read access to this account's assets and the folders they live in.",
+    pickTitle: "Pick the Dash folders to connect",
+    pickDescription: "Manta pulls the assets in the folders you pick, and in every folder inside them.",
+    noEntitiesLabel: "We couldn't find any folders in this Dash account. Add folders in Dash, then disconnect Dash and connect it again.",
+    noneConnectableLabel: "No folders can be connected in this Dash account. Disconnect Dash and connect it again once it has folders.",
+    retryGuidance: "To pick folders, disconnect Dash from your integrations and connect it again.",
+};
+function useDashSetup() {
+    const { mantaClient } = useMantaClient();
+    const queryClient = useQueryClient();
+    const progressQuery = useDashSetupProgressQuery(mantaClient, undefined, { staleTime: 0 });
+    const connectMutation = useDashSetupConnectMutation(mantaClient);
+    const progress = progressQuery.data?.dashSetupProgress;
+    return {
+        progress: progress && { state: progress.state, rows: progress.folders, lastError: progress.lastError },
+        refetchProgress: progressQuery.refetch,
+        resetProgress: () => queryClient.setQueryData(useDashSetupProgressQuery.getKey(), {
+            dashSetupProgress: { state: [], folders: null, lastError: null },
+        }),
+        connect: (folderIds) => connectMutation.mutateAsync({ folderIds }),
+        isConnecting: connectMutation.isPending,
+    };
+}
+// Mirrors the backend's guard: the subdomain becomes a secret-path segment verbatim.
+const subdomainPattern = /^[a-z0-9][a-z0-9-]*$/i;
+const dashHostSuffix = ".dash.app";
+// People paste the address they see, so accept manta.dash.app (with or without a scheme)
+// and keep only the label. A different domain keeps its dots and fails validation.
+export function normalizeSubdomain(value) {
+    const withoutScheme = value
+        .trim()
+        .toLowerCase()
+        .replace(/^[a-z]+:\/\//, "");
+    const host = withoutScheme.replace(/\/.*$/, "");
+    // Only a real Dash host gives up its path; anything else keeps its slashes and fails validation.
+    return host.endsWith(dashHostSuffix) ? host.slice(0, -dashHostSuffix.length) : withoutScheme;
+}
+export function isValidSubdomain(value) {
+    return subdomainPattern.test(normalizeSubdomain(value));
+}
+export function subdomainError(value, connectedSubdomains, reconnectableSubdomains = new Set()) {
+    if (!isPresent(value.trim()))
+        return undefined;
+    if (!isValidSubdomain(value))
+        return "Letters, numbers and hyphens only.";
+    const subdomain = normalizeSubdomain(value);
+    if (connectedSubdomains.has(subdomain) && !reconnectableSubdomains.has(subdomain)) {
+        return "This Dash account is already connected here. Disconnect it first to connect it again.";
+    }
+    return undefined;
+}
+export function dashStartHref(subdomain) {
+    const params = new URLSearchParams({ subdomain: normalizeSubdomain(subdomain) });
+    return `/oauth/dash/start?${params}`;
+}
+export function DashConnectForm(props) {
+    const { provider, onBack, resumedFromOAuth = false } = props;
+    const [subdomain, setSubdomain] = useState("");
+    // Back from Dash sign-in, the subdomain is already bound to the grant.
+    const [confirmed, setConfirmed] = useState(resumedFromOAuth);
+    const setup = useDashSetup();
+    const connectedSubdomains = useConnectedExternalIds(GQLIntegration.Dash);
+    const reconnectableSubdomains = useReconnectableExternalIds(GQLIntegration.Dash);
+    const error = subdomainError(subdomain, connectedSubdomains, reconnectableSubdomains);
+    if (!confirmed) {
+        return (_jsx(ConnectWizardShell, { provider: provider, totalSteps: 2, currentStep: 1, stepTitle: "Which Dash account?", stepDescription: "Dash grants access one account at a time, so we need to know which one before sending you over.", onBack: onBack, onContinue: () => setConfirmed(true), continueDisabled: !isValidSubdomain(subdomain) || isPresent(error), children: _jsx(Input, { id: "dash-subdomain", label: "Dash subdomain", placeholder: "acme", autoComplete: "off", value: subdomain, onChange: (event) => setSubdomain(event.target.value), error: error, helperText: "The name in your Dash address \u2014 acme, or paste acme.dash.app." }) }));
+    }
+    return (_jsx(OAuthSetupConnectForm, { ...props, 
+        // Once signed in, the subdomain step would refuse the account that was just connected.
+        onBack: resumedFromOAuth ? onBack : () => setConfirmed(false), integration: GQLIntegration.Dash, oauthStartPath: dashStartHref(subdomain), copy: copy, setup: setup, treeItems: dashFolderTreeItems, treeOptions: { defaultCollapsed: true, includeDescendants: true }, resumesUnfinishedSetup: false }));
+}

package/dist/routes/integrations/components/connect-forms/DataConnectionConnectForm.d.ts

@@ -0,0 +1,20 @@
+import type { ProviderPresentation } from "../../types.js";
+import { type ConnectorField, type DataConnectionValues, type StoredDataConnection } from "./data-connection-fields.js";
+import type { ConnectFormProps, StepConfig } from "./types.js";
+export type StoredConnection = StoredDataConnection & {
+    id: string;
+};
+type Step = StepConfig<DataConnectionValues>;
+export declare function createSteps(providerName: string, connectorType: string, fields: readonly ConnectorField[], editing?: boolean): Step[];
+export declare function DataConnectionConnectForm(props: ConnectFormProps): import("react/jsx-runtime").JSX.Element;
+export type DataConnectionEditFormProps = {
+    provider: ProviderPresentation<string>;
+    connectorType: string;
+    stored: StoredConnection;
+    status: string;
+    onChanged: () => void;
+    onDismiss: () => void;
+};
+export declare function DataConnectionEditForm(props: DataConnectionEditFormProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DataConnectionConnectForm.d.ts.map

package/dist/routes/integrations/components/connect-forms/DataConnectionConnectForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataConnectionConnectForm.d.ts","sourceRoot":"","sources":["../../../../../src/routes/integrations/components/connect-forms/DataConnectionConnectForm.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAIxD,OAAO,EAUL,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EAC1B,MAAM,0BAA0B,CAAC;AAGlC,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAK5D,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAErE,KAAK,IAAI,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;AAuE7C,wBAAgB,WAAW,CACzB,YAAY,EAAE,MAAM,EACpB,aAAa,EAAE,MAAM,EACrB,MAAM,EAAE,SAAS,cAAc,EAAE,EACjC,OAAO,UAAQ,GACd,IAAI,EAAE,CAUR;AA4ID,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,gBAAgB,2CAWhE;AAED,MAAM,MAAM,2BAA2B,GAAG;IACxC,QAAQ,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC;IACvC,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,gBAAgB,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,2CAmBxE"}

package/dist/routes/integrations/components/connect-forms/DataConnectionConnectForm.js

@@ -0,0 +1,144 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useCreateDataConnectionMutation, useDataConnectorTypesQuery, useUpdateDataConnectionMutation, } from "@manta-eu/client";
+import { parseError } from "@manta-eu/client/shared/error-utils";
+import { isPresent } from "@manta-eu/lib/present";
+import { Fragment, useMemo, useState } from "react";
+import { useForm } from "react-hook-form";
+import { toast } from "sonner";
+import { z } from "zod";
+import { acceptsConnectionString } from "./connection-string-fields.js";
+import { ConnectionStringInput } from "./ConnectionStringInput.js";
+import { ConnectWizardShell } from "./ConnectWizardShell.js";
+import { blankValues, changedSettings, editableFields, formSchema, nameKey, nameSchema, pickSettings, settingsSchema, storedValues, } from "./data-connection-fields.js";
+import { inputId, renderFields, renderOptionalFields } from "./DataConnectionFieldInputs.js";
+import { ImportStartedStep } from "./ImportStartedNotice.js";
+import { useConnectWizard } from "./useConnectWizard.js";
+import { Input } from "#components/input/index";
+import { useMantaClient } from "#providers/index";
+function nameStep(providerName) {
+    return {
+        id: "name",
+        title: "Name this connection",
+        description: `Used to identify this ${providerName} database in Manta.`,
+        schema: z.object({ [nameKey]: nameSchema }),
+        continueLabel: "Continue",
+        render: (form) => (_jsx(Input, { id: inputId(nameKey), label: "Name", placeholder: "Warehouse", autoComplete: "off", error: form.formState.errors[nameKey]?.message?.toString(), ...form.register(nameKey) })),
+    };
+}
+function connectionStep(args) {
+    const { providerName, connectorType, stepFields, allFields, editing } = args;
+    return {
+        id: "connection",
+        title: "Enter the connection details",
+        description: editing
+            ? "Manta tests new settings before it uses them. Until then, the stored settings keep syncing."
+            : `Manta tests the connection before it syncs the ${providerName} tables.`,
+        schema: settingsSchema(stepFields),
+        continueLabel: "Continue",
+        render: (form) => (_jsxs("div", { className: "grid gap-4", children: [acceptsConnectionString(connectorType) && (_jsx(ConnectionStringInput, { form: form, connectorType: connectorType, allFields: allFields, stepFields: stepFields })), renderFields(form, stepFields, editing)] })),
+    };
+}
+function optionalStep(fields, editing) {
+    return {
+        id: "optional",
+        title: "Optional settings",
+        description: editing ? "Leave a secret blank to keep its stored value." : "Leave a field blank to use its default.",
+        schema: settingsSchema(fields),
+        continueLabel: "Continue",
+        render: (form) => renderOptionalFields(form, fields, editing),
+    };
+}
+function withSubmitLabel(steps, label) {
+    return steps.map((step, index) => (index === steps.length - 1 ? { ...step, continueLabel: label } : step));
+}
+export function createSteps(providerName, connectorType, fields, editing = false) {
+    const required = fields.filter((field) => field.required);
+    const optional = fields.filter((field) => !field.required);
+    const steps = [
+        nameStep(providerName),
+        connectionStep({ providerName, connectorType, stepFields: required, allFields: fields, editing }),
+        ...(isPresent(optional) ? [optionalStep(optional, editing)] : []),
+    ];
+    return withSubmitLabel(steps, editing ? "Save" : "Connect");
+}
+function DataConnectionWizard(props) {
+    const { provider, connectorType, fields, stored, status, onBack, onChanged, onDismiss, importNotice } = props;
+    const editing = stored !== undefined;
+    const showsImportNotice = !editing && importNotice !== undefined;
+    const [created, setCreated] = useState(false);
+    const formFields = useMemo(() => (editing ? editableFields(fields) : fields), [editing, fields]);
+    const steps = useMemo(() => createSteps(provider.name, connectorType, formFields, editing), [provider.name, connectorType, formFields, editing]);
+    const fullSchema = useMemo(() => formSchema(formFields), [formFields]);
+    const { mantaClient } = useMantaClient();
+    const createMutation = useCreateDataConnectionMutation(mantaClient);
+    const updateMutation = useUpdateDataConnectionMutation(mantaClient);
+    const form = useForm({
+        resolver: zodResolver(fullSchema),
+        defaultValues: stored ? storedValues(stored, fields) : blankValues(fields),
+        mode: "onChange",
+    });
+    async function create(values) {
+        await createMutation.mutateAsync({
+            input: { name: values[nameKey], connectorType, settings: pickSettings(values, fields) },
+        });
+        toast.success(`${provider.name} added`, { description: "Manta is testing the connection." });
+    }
+    async function update(values, connection) {
+        const changed = changedSettings(values, fields, connection);
+        await updateMutation.mutateAsync({
+            input: { id: connection.id, name: values[nameKey], settings: isPresent(changed) ? changed : undefined },
+        });
+        toast.success(`${provider.name} saved`, {
+            description: isPresent(changed) ? "Manta is testing the new settings." : undefined,
+        });
+    }
+    async function onValid(values) {
+        try {
+            await (stored ? update(values, stored) : create(values));
+            onChanged();
+            if (showsImportNotice)
+                setCreated(true);
+            else
+                onDismiss();
+        }
+        catch (err) {
+            const info = parseError(err, `Failed to save ${provider.name}`);
+            toast.error(info.message, { description: info.description });
+        }
+    }
+    const { stepIndex, currentStep, canAdvance, handleContinue, handleBack } = useConnectWizard({
+        steps,
+        form,
+        fullSchema,
+        onSubmit: onValid,
+        onBack,
+    });
+    if (created && importNotice) {
+        return (_jsx(ImportStartedStep, { provider: provider, notice: importNotice, status: "Testing", title: `Testing your ${provider.name} connection`, totalSteps: steps.length + 1, onDone: onDismiss }));
+    }
+    return (_jsx(ConnectWizardShell, { provider: provider, status: status, totalSteps: showsImportNotice ? steps.length + 1 : steps.length, currentStep: stepIndex + 1, stepTitle: currentStep.title, stepDescription: currentStep.description, onBack: handleBack, onContinue: handleContinue, continueLabel: currentStep.continueLabel, continueDisabled: !canAdvance, isSubmitting: createMutation.isPending || updateMutation.isPending, children: _jsx(Fragment, { children: currentStep.render(form) }, currentStep.id) }));
+}
+function ConnectorLoader(props) {
+    const { provider, connectorType, onBack, children } = props;
+    const { mantaClient } = useMantaClient();
+    const { data, error, isLoading } = useDataConnectorTypesQuery(mantaClient);
+    const connector = data?.dataConnectorTypes.find((type) => type.connectorType === connectorType);
+    if (connector)
+        return children(connector.fields);
+    const message = isLoading
+        ? "Loading the connection settings…"
+        : parseError(error, `Manta does not support ${provider.name} connections here.`).message;
+    return (_jsx(ConnectWizardShell, { provider: provider, totalSteps: 1, currentStep: 1, stepTitle: provider.name, onBack: onBack, continueLabel: "Continue", continueDisabled: true, children: _jsx("p", { role: "status", "aria-live": "polite", className: "typography-caption text-muted-foreground", children: message }) }));
+}
+export function DataConnectionConnectForm(props) {
+    const { provider, dataConnectorType, onBack } = props;
+    if (!dataConnectorType) {
+        throw new Error(`${provider.name} is missing its data connector type`);
+    }
+    return (_jsx(ConnectorLoader, { provider: provider, connectorType: dataConnectorType, onBack: onBack, children: (fields) => _jsx(DataConnectionWizard, { ...props, connectorType: dataConnectorType, fields: fields }) }));
+}
+export function DataConnectionEditForm(props) {
+    const { provider, connectorType, stored, status, onChanged, onDismiss } = props;
+    return (_jsx(ConnectorLoader, { provider: provider, connectorType: connectorType, onBack: onDismiss, children: (fields) => (_jsx(DataConnectionWizard, { provider: provider, connectorType: connectorType, fields: fields, stored: stored, status: status, onBack: onDismiss, onChanged: onChanged, onDismiss: onDismiss })) }));
+}

package/dist/routes/integrations/components/connect-forms/DataConnectionFieldInputs.d.ts

@@ -0,0 +1,8 @@
+import { type UseFormReturn } from "react-hook-form";
+import { type ConnectorField, type DataConnectionValues } from "./data-connection-fields.js";
+export type FormOf = UseFormReturn<DataConnectionValues>;
+export declare function inputId(key: string): string;
+export declare function choiceToValue(choice: string): string;
+export declare function renderFields(form: FormOf, fields: readonly ConnectorField[], editing: boolean): import("react/jsx-runtime").JSX.Element;
+export declare function renderOptionalFields(form: FormOf, fields: readonly ConnectorField[], editing: boolean): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DataConnectionFieldInputs.d.ts.map

package/dist/routes/integrations/components/connect-forms/DataConnectionFieldInputs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataConnectionFieldInputs.d.ts","sourceRoot":"","sources":["../../../../../src/routes/integrations/components/connect-forms/DataConnectionFieldInputs.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAc,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAIL,KAAK,cAAc,EACnB,KAAK,oBAAoB,EAC1B,MAAM,0BAA0B,CAAC;AAMlC,MAAM,MAAM,MAAM,GAAG,aAAa,CAAC,oBAAoB,CAAC,CAAC;AAIzD,wBAAgB,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAE3C;AAKD,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAEpD;AAwDD,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,cAAc,EAAE,EAAE,OAAO,EAAE,OAAO,2CAE7F;AAwBD,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,cAAc,EAAE,EAAE,OAAO,EAAE,OAAO,2CAUrG"}

package/dist/routes/integrations/components/connect-forms/DataConnectionFieldInputs.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { ChevronRight } from "lucide-react";
+import { useState } from "react";
+import { Controller } from "react-hook-form";
+import { choices, hasCustomValue, isCloudSqlField, } from "./data-connection-fields.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "#components/collapsible/index";
+import { Input } from "#components/input/index";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "#components/select/index";
+import { cn } from "#lib/utils";
+const keepSecretHint = "Leave blank to keep the stored value";
+export function inputId(key) {
+    return `data-connection-${key}`;
+}
+// Radix Select refuses an empty item value, so this marker stands for the blank that keeps the connector default.
+const defaultChoice = "__connector-default__";
+export function choiceToValue(choice) {
+    return choice === defaultChoice ? "" : choice;
+}
+function defaultChoiceLabel(field) {
+    return isPresent(field.default) ? `Default (${field.default})` : "Default";
+}
+function renderChoiceField(form, field, options) {
+    return (_jsx(Controller, { control: form.control, name: field.key, render: ({ field: control, fieldState }) => (_jsxs(Select, { value: control.value ?? "", onValueChange: (choice) => control.onChange(choiceToValue(choice)), children: [_jsx(SelectTrigger, { label: field.title, id: inputId(field.key), className: "w-full h-10", error: fieldState.error?.message, children: _jsx(SelectValue, { placeholder: field.required ? "Select a value" : defaultChoiceLabel(field) }) }), _jsxs(SelectContent, { children: [!field.required && _jsx(SelectItem, { value: defaultChoice, children: defaultChoiceLabel(field) }), options.map((option) => (_jsx(SelectItem, { value: option, children: option }, option)))] })] })) }, field.key));
+}
+function renderField(form, field, editing) {
+    const options = choices(field);
+    if (options)
+        return renderChoiceField(form, field, options);
+    return (_jsx(Input, { id: inputId(field.key), label: field.title, description: field.description ?? undefined, descriptionInLabelTooltip: true, type: field.secret ? "password" : undefined, placeholder: editing && field.secret ? keepSecretHint : (field.default ?? undefined), autoComplete: "off", error: form.formState.errors[field.key]?.message?.toString(), ...form.register(field.key) }, field.key));
+}
+export function renderFields(form, fields, editing) {
+    return _jsx("div", { className: "grid gap-3", children: fields.map((field) => renderField(form, field, editing)) });
+}
+function CloudSqlSettings(props) {
+    const { form, fields, editing } = props;
+    const [open, setOpen] = useState(() => hasCustomValue(form.getValues(), fields));
+    return (_jsxs(Collapsible, { open: open, onOpenChange: setOpen, className: "grid gap-3", children: [_jsxs(CollapsibleTrigger, { className: "flex items-center gap-2 typography-body text-default-foreground", children: [_jsx(ChevronRight, { "aria-hidden": true, className: cn("size-4 transition-transform", open && "rotate-90") }), "Google Cloud SQL", _jsx("span", { className: "typography-caption text-muted-foreground", children: "Only for a database in Google Cloud SQL" })] }), _jsx(CollapsibleContent, { children: renderFields(form, fields, editing) })] }));
+}
+export function renderOptionalFields(form, fields, editing) {
+    const cloudSql = fields.filter(isCloudSqlField);
+    const plain = fields.filter((field) => !isCloudSqlField(field));
+    return (_jsxs("div", { className: "grid gap-4", children: [renderFields(form, plain, editing), isPresent(cloudSql) && _jsx(CloudSqlSettings, { form: form, fields: cloudSql, editing: editing })] }));
+}

package/dist/routes/integrations/components/connect-forms/FigmaConnectForm.d.ts

@@ -0,0 +1,3 @@
+import type { ConnectFormProps } from "./types.js";
+export declare function FigmaConnectForm(props: ConnectFormProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FigmaConnectForm.d.ts.map

package/dist/routes/integrations/components/connect-forms/FigmaConnectForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FigmaConnectForm.d.ts","sourceRoot":"","sources":["../../../../../src/routes/integrations/components/connect-forms/FigmaConnectForm.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAShD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,gBAAgB,2CAyBvD"}

package/dist/routes/integrations/components/connect-forms/FigmaConnectForm.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { GQLIntegration } from "@manta-eu/client";
+import { isPresent } from "@manta-eu/lib/present";
+import { MantaSyncPluginStep } from "../MantaSyncPluginDownload.js";
+import { OAuthSingleAccountConnectForm } from "./OAuthSingleAccountConnectForm.js";
+import { mantaSyncPluginPath } from "#lib/build-config";
+const figmaPermissions = [
+    "Read the contents of the files you grant access to.",
+    "Read comments on those files.",
+    "Post comments back on those files.",
+];
+export function FigmaConnectForm(props) {
+    return (_jsx(OAuthSingleAccountConnectForm, { ...props, integration: GQLIntegration.Figma, startHref: "/oauth/figma/start", ctaLabel: "Continue with Figma", stepTitle: "Connect your Figma account", stepDescription: "Manta will take you to Figma to ask for permission, then bring you back here.", supportingInfo: "You'll be taken to Figma to approve access. You can revoke it any time from your Figma account settings.", permissions: figmaPermissions, waitingLabel: "Waiting for you to finish connecting to Figma\u2026", connectedToastLabel: "Figma connected", successStep: isPresent(mantaSyncPluginPath)
+            ? {
+                title: "Install the Manta Sync plugin",
+                description: "Manta Sync brings campaign plans onto your canvas, with the reasoning behind each change attached.",
+                content: _jsx(MantaSyncPluginStep, { path: mantaSyncPluginPath }),
+            }
+            : undefined }));
+}

package/dist/routes/integrations/components/connect-forms/GmailConnectForm.d.ts

@@ -0,0 +1,3 @@
+import type { ConnectFormProps } from "./types.js";
+export declare function GmailConnectForm(props: ConnectFormProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GmailConnectForm.d.ts.map

package/dist/routes/integrations/components/connect-forms/GmailConnectForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GmailConnectForm.d.ts","sourceRoot":"","sources":["../../../../../src/routes/integrations/components/connect-forms/GmailConnectForm.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGhD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,gBAAgB,2CAuBvD"}