@manta-eu/react 0.1.6 → 0.1.8

package/dist/routes/integrations/components/connect-forms/data-connection-fields.d.ts

@@ -0,0 +1,35 @@
+import { type GQLDataConnectorTypesQuery } from "@manta-eu/client";
+import { z } from "zod";
+export type ConnectorField = GQLDataConnectorTypesQuery["dataConnectorTypes"][number]["fields"][number];
+export declare const nameKey = "connectionName";
+export type DataConnectionValues = {
+    [nameKey]: string;
+    [setting: string]: string;
+};
+export declare const nameSchema: z.ZodString;
+export declare function choices(field: ConnectorField): string[] | undefined;
+export declare function settingsSchema(fields: readonly ConnectorField[]): z.ZodObject<{
+    [x: string]: z.ZodString;
+}, z.core.$strip>;
+export declare function formSchema(fields: readonly ConnectorField[]): z.ZodType<DataConnectionValues, DataConnectionValues>;
+export declare function pickSettings(values: DataConnectionValues, fields: readonly ConnectorField[]): {
+    key: string;
+    value: string;
+}[];
+export declare function blankValues(fields: readonly ConnectorField[]): DataConnectionValues;
+export type DataConnectionSetting = {
+    key: string;
+    value: string;
+};
+export type StoredDataConnection = {
+    name: string;
+    settings: readonly DataConnectionSetting[];
+    candidateSettings?: readonly DataConnectionSetting[] | null;
+    error?: string | null;
+};
+export declare function editableFields(fields: readonly ConnectorField[]): ConnectorField[];
+export declare function storedValues(stored: StoredDataConnection, fields: readonly ConnectorField[]): DataConnectionValues;
+export declare function changedSettings(values: DataConnectionValues, fields: readonly ConnectorField[], stored: StoredDataConnection): DataConnectionSetting[];
+export declare function isCloudSqlField(field: ConnectorField): boolean;
+export declare function hasCustomValue(values: Partial<DataConnectionValues>, fields: readonly ConnectorField[]): boolean;
+//# sourceMappingURL=data-connection-fields.d.ts.map

package/dist/routes/integrations/components/connect-forms/data-connection-fields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-connection-fields.d.ts","sourceRoot":"","sources":["../../../../../src/routes/integrations/components/connect-forms/data-connection-fields.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAE9F,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,MAAM,MAAM,cAAc,GAAG,0BAA0B,CAAC,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;AAExG,eAAO,MAAM,OAAO,mBAAmB,CAAC;AAGxC,MAAM,MAAM,oBAAoB,GAAG;IAAE,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC;AAEpF,eAAO,MAAM,UAAU,aAAiF,CAAC;AAQzG,wBAAgB,OAAO,CAAC,KAAK,EAAE,cAAc,GAAG,MAAM,EAAE,GAAG,SAAS,CAInE;AAaD,wBAAgB,cAAc,CAAC,MAAM,EAAE,SAAS,cAAc,EAAE;;kBAE/D;AAGD,wBAAgB,UAAU,CAAC,MAAM,EAAE,SAAS,cAAc,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,oBAAoB,EAAE,oBAAoB,CAAC,CAKnH;AAGD,wBAAgB,YAAY,CAAC,MAAM,EAAE,oBAAoB,EAAE,MAAM,EAAE,SAAS,cAAc,EAAE;;;IAK3F;AAED,wBAAgB,WAAW,CAAC,MAAM,EAAE,SAAS,cAAc,EAAE,GAAG,oBAAoB,CAEnF;AAED,MAAM,MAAM,qBAAqB,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnE,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,qBAAqB,EAAE,CAAC;IAC3C,iBAAiB,CAAC,EAAE,SAAS,qBAAqB,EAAE,GAAG,IAAI,CAAC;IAC5D,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB,CAAC;AAQF,wBAAgB,cAAc,CAAC,MAAM,EAAE,SAAS,cAAc,EAAE,GAAG,cAAc,EAAE,CAElF;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,oBAAoB,EAAE,MAAM,EAAE,SAAS,cAAc,EAAE,GAAG,oBAAoB,CAOlH;AAgBD,wBAAgB,eAAe,CAC7B,MAAM,EAAE,oBAAoB,EAC5B,MAAM,EAAE,SAAS,cAAc,EAAE,EACjC,MAAM,EAAE,oBAAoB,GAC3B,qBAAqB,EAAE,CAWzB;AAID,wBAAgB,eAAe,CAAC,KAAK,EAAE,cAAc,GAAG,OAAO,CAE9D;AAGD,wBAAgB,cAAc,CAAC,MAAM,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAAE,MAAM,EAAE,SAAS,cAAc,EAAE,GAAG,OAAO,CAKhH"}

package/dist/routes/integrations/components/connect-forms/data-connection-fields.js

@@ -0,0 +1,88 @@
+import { GQLDataConnectorFieldType } from "@manta-eu/client";
+import { isPresent } from "@manta-eu/lib/present";
+import { z } from "zod";
+export const nameKey = "connectionName";
+export const nameSchema = z.string().trim().min(1, "Name is required").max(64, "64 characters or fewer");
+const valuePatterns = {
+    [GQLDataConnectorFieldType.Integer]: { pattern: /^-?\d+$/, message: "Enter a whole number" },
+    [GQLDataConnectorFieldType.Decimal]: { pattern: /^-?\d+(\.\d+)?$/, message: "Enter a number" },
+    [GQLDataConnectorFieldType.Boolean]: { pattern: /^(true|false)$/, message: "Choose true or false" },
+};
+export function choices(field) {
+    if (isPresent(field.enum))
+        return field.enum;
+    if (field.dataType === GQLDataConnectorFieldType.Boolean)
+        return ["true", "false"];
+    return undefined;
+}
+function fieldSchema(field) {
+    const base = z.string().trim();
+    const value = field.required ? base.min(1, `${field.title} is required`) : base;
+    const allowed = choices(field);
+    const format = valuePatterns[field.dataType];
+    return value
+        .refine((text) => !isPresent(text) || !allowed || allowed.includes(text), "Choose one of the listed values")
+        .refine((text) => !isPresent(text) || !format || format.pattern.test(text), format?.message);
+}
+export function settingsSchema(fields) {
+    return z.object(Object.fromEntries(fields.map((field) => [field.key, fieldSchema(field)])));
+}
+// The fields come at runtime, so the built schema has no static output type to infer.
+export function formSchema(fields) {
+    return settingsSchema(fields).extend({ [nameKey]: nameSchema });
+}
+// A blank optional field is left out, so manta-clj applies the default of the connector.
+export function pickSettings(values, fields) {
+    return fields.flatMap((field) => {
+        const value = values[field.key]?.trim() ?? "";
+        return isPresent(value) ? [{ key: field.key, value }] : [];
+    });
+}
+export function blankValues(fields) {
+    return { ...Object.fromEntries(fields.map((field) => [field.key, ""])), [nameKey]: "" };
+}
+// A change that waits for its test, or that failed it, is what the caller last typed.
+function latestValueByKey(stored) {
+    const latest = stored.candidateSettings ?? stored.settings;
+    return new Map(latest.map(({ key, value }) => [key, value]));
+}
+export function editableFields(fields) {
+    return fields.map((field) => (field.secret ? { ...field, required: false } : field));
+}
+export function storedValues(stored, fields) {
+    const storedByKey = latestValueByKey(stored);
+    return {
+        ...Object.fromEntries(fields.map((field) => [field.key, field.secret ? "" : (storedByKey.get(field.key) ?? "")])),
+        [nameKey]: stored.name,
+    };
+}
+// manta-clj gives a setting with an empty value its connector default again.
+function clearedSettings(settings, fields, storedByKey) {
+    const sentKeys = new Set(settings.map(({ key }) => key));
+    return fields
+        .filter((field) => !field.secret && storedByKey.has(field.key) && !sentKeys.has(field.key))
+        .map((field) => ({ key: field.key, value: "" }));
+}
+// An empty list only renames the connection, so manta-clj starts no new test.
+// After a failed test, the same settings go again, because only a passed test clears the error.
+export function changedSettings(values, fields, stored) {
+    const storedByKey = latestValueByKey(stored);
+    const settings = pickSettings(values, fields);
+    const cleared = clearedSettings(settings, fields, storedByKey);
+    if (isPresent(stored.error))
+        return [...settings, ...cleared];
+    const secretKeys = new Set(fields.filter((field) => field.secret).map((field) => field.key));
+    const changed = isPresent(cleared) || settings.some(({ key, value }) => secretKeys.has(key) || storedByKey.get(key) !== value);
+    return changed ? [...settings, ...cleared] : [];
+}
+const cloudSqlPrefix = "gcp_";
+export function isCloudSqlField(field) {
+    return field.key.startsWith(cloudSqlPrefix);
+}
+// A value equal to the connector default counts as unset, because a stored boolean holds its default.
+export function hasCustomValue(values, fields) {
+    return fields.some((field) => {
+        const value = values[field.key]?.trim() ?? "";
+        return isPresent(value) && value !== (field.default ?? "");
+    });
+}

package/dist/routes/integrations/components/connect-forms/google-ads-account-tree.d.ts

@@ -0,0 +1,11 @@
+import type { GQLGoogleAdAccount } from "@manta-eu/client";
+import { type TreeSelectItem } from "#components/tree-multi-select/index";
+export type GoogleAdsAccountRow = {
+    account: GQLGoogleAdAccount;
+    depth: number;
+};
+export declare function isManagerAccount(account: GQLGoogleAdAccount): boolean;
+export declare function isConnectable(account: GQLGoogleAdAccount): boolean;
+export declare function buildAccountRows(accounts: GQLGoogleAdAccount[]): GoogleAdsAccountRow[];
+export declare function googleAdsTreeItems(accounts: GQLGoogleAdAccount[], alreadyConnectedExternalIds: ReadonlySet<string>, reconnectableExternalIds?: ReadonlySet<string>): TreeSelectItem[];
+//# sourceMappingURL=google-ads-account-tree.d.ts.map

package/dist/routes/integrations/components/connect-forms/google-ads-account-tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"google-ads-account-tree.d.ts","sourceRoot":"","sources":["../../../../../src/routes/integrations/components/connect-forms/google-ads-account-tree.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAEzF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,kBAAkB,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,GAAG,OAAO,CAErE;AAED,wBAAgB,aAAa,CAAC,OAAO,EAAE,kBAAkB,GAAG,OAAO,CAElE;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,EAAE,CAEtF;AAcD,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,kBAAkB,EAAE,EAC9B,2BAA2B,EAAE,WAAW,CAAC,MAAM,CAAC,EAChD,wBAAwB,GAAE,WAAW,CAAC,MAAM,CAAa,GACxD,cAAc,EAAE,CAclB"}

package/dist/routes/integrations/components/connect-forms/google-ads-account-tree.js

@@ -0,0 +1,36 @@
+import { buildTreeRows } from "#components/tree-multi-select/index";
+export function isManagerAccount(account) {
+    return account.manager === true;
+}
+export function isConnectable(account) {
+    return account.connectable === true;
+}
+export function buildAccountRows(accounts) {
+    return buildTreeRows(accounts).map(({ node, depth }) => ({ account: node, depth }));
+}
+function accountHint(account, alreadyConnected, reconnectable) {
+    if (isManagerAccount(account))
+        return "Manager";
+    if (!isConnectable(account))
+        return "Unavailable";
+    if (reconnectable)
+        return "Reconnect";
+    if (alreadyConnected)
+        return "Already connected";
+    return undefined;
+}
+export function googleAdsTreeItems(accounts, alreadyConnectedExternalIds, reconnectableExternalIds = new Set()) {
+    return buildAccountRows(accounts).map(({ account, depth }) => {
+        const reconnectable = reconnectableExternalIds.has(account.id);
+        const alreadyConnected = !reconnectable && alreadyConnectedExternalIds.has(account.id);
+        return {
+            id: account.id,
+            label: account.name ?? account.id,
+            caption: account.name != null ? account.id : undefined,
+            hint: accountHint(account, alreadyConnected, reconnectable),
+            selectable: isConnectable(account),
+            disabled: alreadyConnected,
+            depth,
+        };
+    });
+}

package/dist/routes/integrations/components/connect-forms/google-analytics-property-tree.d.ts

@@ -0,0 +1,6 @@
+import type { GQLGoogleAnalyticsProperty } from "@manta-eu/client";
+import { type TreeSelectItem } from "#components/tree-multi-select/index";
+export declare function isAccount(row: GQLGoogleAnalyticsProperty): boolean;
+export declare function isConnectable(row: GQLGoogleAnalyticsProperty): boolean;
+export declare function googleAnalyticsTreeItems(rows: GQLGoogleAnalyticsProperty[], alreadyConnectedExternalIds: ReadonlySet<string>, reconnectableExternalIds?: ReadonlySet<string>): TreeSelectItem[];
+//# sourceMappingURL=google-analytics-property-tree.d.ts.map

package/dist/routes/integrations/components/connect-forms/google-analytics-property-tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"google-analytics-property-tree.d.ts","sourceRoot":"","sources":["../../../../../src/routes/integrations/components/connect-forms/google-analytics-property-tree.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAEnE,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAEzF,wBAAgB,SAAS,CAAC,GAAG,EAAE,0BAA0B,GAAG,OAAO,CAElE;AAED,wBAAgB,aAAa,CAAC,GAAG,EAAE,0BAA0B,GAAG,OAAO,CAEtE;AAcD,wBAAgB,wBAAwB,CACtC,IAAI,EAAE,0BAA0B,EAAE,EAClC,2BAA2B,EAAE,WAAW,CAAC,MAAM,CAAC,EAChD,wBAAwB,GAAE,WAAW,CAAC,MAAM,CAAa,GACxD,cAAc,EAAE,CAelB"}

package/dist/routes/integrations/components/connect-forms/google-analytics-property-tree.js

@@ -0,0 +1,34 @@
+import { isPresent } from "@manta-eu/lib/present";
+import { buildTreeRows } from "#components/tree-multi-select/index";
+export function isAccount(row) {
+    return row.account === true;
+}
+export function isConnectable(row) {
+    return row.connectable === true;
+}
+function rowHint(row, alreadyConnected, reconnectable) {
+    if (isAccount(row))
+        return "Account";
+    if (!isConnectable(row))
+        return "Unavailable";
+    if (reconnectable)
+        return "Reconnect";
+    if (alreadyConnected)
+        return "Already connected";
+    return undefined;
+}
+export function googleAnalyticsTreeItems(rows, alreadyConnectedExternalIds, reconnectableExternalIds = new Set()) {
+    return buildTreeRows(rows).map(({ node, depth }) => {
+        const reconnectable = isPresent(node.externalId) && reconnectableExternalIds.has(node.externalId);
+        const alreadyConnected = !reconnectable && isPresent(node.externalId) && alreadyConnectedExternalIds.has(node.externalId);
+        return {
+            id: node.id,
+            label: node.name ?? node.id,
+            caption: node.name != null ? node.id : undefined,
+            hint: rowHint(node, alreadyConnected, reconnectable),
+            selectable: isConnectable(node),
+            disabled: alreadyConnected,
+            depth,
+        };
+    });
+}

package/dist/routes/integrations/components/connect-forms/oauth-setup-phase.d.ts

@@ -0,0 +1,12 @@
+import { GQLGoogleSetupStateEnum } from "@manta-eu/client";
+export type Phase = "idle" | "awaitingOAuth" | "loadingAccounts" | "pickingAccount" | "submitting" | "done" | "failed";
+export type DerivePhaseInput = {
+    states: GQLGoogleSetupStateEnum[] | undefined;
+    hasStartedOAuth: boolean;
+    hasSeenActiveState: boolean;
+    resumesUnfinishedSetup?: boolean;
+};
+export declare const terminalStates: readonly GQLGoogleSetupStateEnum[];
+export declare const activePhases: readonly Phase[];
+export declare function derivePhase({ states, hasStartedOAuth, hasSeenActiveState, resumesUnfinishedSetup, }: DerivePhaseInput): Phase;
+//# sourceMappingURL=oauth-setup-phase.d.ts.map

package/dist/routes/integrations/components/connect-forms/oauth-setup-phase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"oauth-setup-phase.d.ts","sourceRoot":"","sources":["../../../../../src/routes/integrations/components/connect-forms/oauth-setup-phase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG3D,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,eAAe,GAAG,iBAAiB,GAAG,gBAAgB,GAAG,YAAY,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEvH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,uBAAuB,EAAE,GAAG,SAAS,CAAC;IAC9C,eAAe,EAAE,OAAO,CAAC;IACzB,kBAAkB,EAAE,OAAO,CAAC;IAE5B,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAYF,eAAO,MAAM,cAAc,EAAE,SAAS,uBAAuB,EAI5D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,SAAS,KAAK,EAAyE,CAAC;AAEnH,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,eAAe,EACf,kBAAkB,EAClB,sBAA6B,GAC9B,EAAE,gBAAgB,GAAG,KAAK,CAa1B"}

package/dist/routes/integrations/components/connect-forms/oauth-setup-phase.js

@@ -0,0 +1,33 @@
+import { GQLGoogleSetupStateEnum } from "@manta-eu/client";
+import { match } from "ts-pattern";
+const statePriority = [
+    GQLGoogleSetupStateEnum.Finished,
+    GQLGoogleSetupStateEnum.FatallyFailed,
+    GQLGoogleSetupStateEnum.TimedOut,
+    GQLGoogleSetupStateEnum.ConnectingAccounts,
+    GQLGoogleSetupStateEnum.SelectingAccounts,
+    GQLGoogleSetupStateEnum.FetchingAccounts,
+    GQLGoogleSetupStateEnum.Initializing,
+];
+export const terminalStates = [
+    GQLGoogleSetupStateEnum.Finished,
+    GQLGoogleSetupStateEnum.FatallyFailed,
+    GQLGoogleSetupStateEnum.TimedOut,
+];
+export const activePhases = ["awaitingOAuth", "loadingAccounts", "pickingAccount", "submitting"];
+export function derivePhase({ states, hasStartedOAuth, hasSeenActiveState, resumesUnfinishedSetup = true, }) {
+    const defaultPhase = hasStartedOAuth ? "awaitingOAuth" : "idle";
+    if (!hasStartedOAuth && !resumesUnfinishedSetup)
+        return defaultPhase;
+    const dominant = statePriority.find((state) => states?.includes(state));
+    if (dominant && terminalStates.includes(dominant) && !hasSeenActiveState)
+        return defaultPhase;
+    return match(dominant)
+        .returnType()
+        .with(GQLGoogleSetupStateEnum.Finished, () => "done")
+        .with(GQLGoogleSetupStateEnum.FatallyFailed, GQLGoogleSetupStateEnum.TimedOut, () => "failed")
+        .with(GQLGoogleSetupStateEnum.ConnectingAccounts, () => "submitting")
+        .with(GQLGoogleSetupStateEnum.SelectingAccounts, () => "pickingAccount")
+        .with(GQLGoogleSetupStateEnum.FetchingAccounts, GQLGoogleSetupStateEnum.Initializing, () => "loadingAccounts")
+        .otherwise(() => defaultPhase);
+}

package/dist/routes/integrations/components/connect-forms/setup-account-unavailable-reason.d.ts

@@ -0,0 +1,3 @@
+import { GQLSetupAccountUnavailableReason } from "@manta-eu/client";
+export declare function unavailableReasonLabel(reason: GQLSetupAccountUnavailableReason | null | undefined): string;
+//# sourceMappingURL=setup-account-unavailable-reason.d.ts.map

package/dist/routes/integrations/components/connect-forms/setup-account-unavailable-reason.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup-account-unavailable-reason.d.ts","sourceRoot":"","sources":["../../../../../src/routes/integrations/components/connect-forms/setup-account-unavailable-reason.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gCAAgC,EAAE,MAAM,kBAAkB,CAAC;AAOpE,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,gCAAgC,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAE1G"}

package/dist/routes/integrations/components/connect-forms/setup-account-unavailable-reason.js

@@ -0,0 +1,8 @@
+import { GQLSetupAccountUnavailableReason } from "@manta-eu/client";
+import { isPresent } from "@manta-eu/lib/present";
+const unavailableReasonLabels = {
+    [GQLSetupAccountUnavailableReason.InsufficientPermissions]: "Insufficient permissions",
+};
+export function unavailableReasonLabel(reason) {
+    return isPresent(reason) ? unavailableReasonLabels[reason] : "Unavailable";
+}

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

@@ -2,8 +2,8 @@ import type { GQLInferalLocation } from "@manta-eu/client";
 import type { ReactNode } from "react";
 import type { FieldValues, UseFormReturn } from "react-hook-form";
 import type { z } from "zod";
+import type { ProviderPresentation } from "../../types.js";
 import type { FieldInstruction } from "./FieldInstructions.js";
-import type { ProviderPresentation } from "#routes/integrations/types";
 export type ProviderSetupInstructions = Readonly<{
     identifier?: FieldInstruction;
     apiKey?: FieldInstruction;
@@ -14,13 +14,18 @@ export type InferalConnectFormConfig = {
     deriveStreamName: (identifier: string) => string;
     locationLabels: Readonly<Record<GQLInferalLocation, string>>;
 };
+export type ImportNotice = {
+    description: string;
+};
 export type ConnectFormProps = {
     provider: ProviderPresentation<string>;
     inferalConfig?: InferalConnectFormConfig;
+    dataConnectorType?: string;
     onBack: () => void;
     onChanged: () => void;
     onDismiss: () => void;
     resumedFromOAuth?: boolean;
+    importNotice?: ImportNotice;
 };
 export type StepConfig<Values extends FieldValues> = {
     id: string;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/routes/integrations/components/connect-forms/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAC7B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAEvE,MAAM,MAAM,yBAAyB,GAAG,QAAQ,CAAC;IAC/C,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,CAAC,EAAE,gBAAgB,CAAC;CAC7B,CAAC,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAAG;IACrC,iBAAiB,CAAC,EAAE,yBAAyB,CAAC;IAC9C,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,cAAc,EAAE,QAAQ,CAAC,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC;CAC9D,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC;IACvC,aAAa,CAAC,EAAE,wBAAwB,CAAC;IACzC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,UAAU,CAAC,MAAM,SAAS,WAAW,IAAI;IACnD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,CAAC,CAAC,UAAU,CAAC;IACrB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,KAAK,SAAS,CAAC;CACpD,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/routes/integrations/components/connect-forms/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAC7B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,MAAM,MAAM,yBAAyB,GAAG,QAAQ,CAAC;IAC/C,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,CAAC,EAAE,gBAAgB,CAAC;CAC7B,CAAC,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAAG;IACrC,iBAAiB,CAAC,EAAE,yBAAyB,CAAC;IAC9C,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,cAAc,EAAE,QAAQ,CAAC,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC;CAC9D,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC;IACvC,aAAa,CAAC,EAAE,wBAAwB,CAAC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,UAAU,CAAC,MAAM,SAAS,WAAW,IAAI;IACnD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,CAAC,CAAC,UAAU,CAAC;IACrB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,KAAK,SAAS,CAAC;CACpD,CAAC"}

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

@@ -0,0 +1,19 @@
+import type { FieldValues, UseFormReturn } from "react-hook-form";
+import type { z } from "zod";
+import type { StepConfig } from "./types.js";
+type UseConnectWizardArgs<Values extends FieldValues> = {
+    steps: StepConfig<Values>[];
+    form: UseFormReturn<Values>;
+    fullSchema: z.ZodTypeAny;
+    onSubmit: (values: Values) => void | Promise<void>;
+    onBack: () => void;
+};
+export declare function useConnectWizard<Values extends FieldValues>(args: UseConnectWizardArgs<Values>): {
+    stepIndex: number;
+    currentStep: StepConfig<Values>;
+    canAdvance: boolean;
+    handleContinue: () => void;
+    handleBack: () => void;
+};
+export {};
+//# sourceMappingURL=useConnectWizard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useConnectWizard.d.ts","sourceRoot":"","sources":["../../../../../src/routes/integrations/components/connect-forms/useConnectWizard.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAC7B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,KAAK,oBAAoB,CAAC,MAAM,SAAS,WAAW,IAAI;IACtD,KAAK,EAAE,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;IAC5B,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC5B,UAAU,EAAE,CAAC,CAAC,UAAU,CAAC;IACzB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,MAAM,SAAS,WAAW,EAAE,IAAI,EAAE,oBAAoB,CAAC,MAAM,CAAC;;;;;;EAiC9F"}

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

@@ -0,0 +1,28 @@
+import { useState } from "react";
+export function useConnectWizard(args) {
+    const { steps, form, fullSchema, onSubmit, onBack } = args;
+    const [stepIndex, setStepIndex] = useState(0);
+    const currentStep = steps[stepIndex];
+    if (!currentStep)
+        throw new Error(`Invalid step index: ${stepIndex}`);
+    const isLastStep = stepIndex === steps.length - 1;
+    const schemaToValidate = isLastStep ? fullSchema : currentStep.schema;
+    const canAdvance = schemaToValidate.safeParse(form.watch()).success;
+    function handleContinue() {
+        if (stepIndex < steps.length - 1) {
+            setStepIndex(stepIndex + 1);
+            return;
+        }
+        if (!canAdvance)
+            return;
+        void form.handleSubmit(onSubmit)();
+    }
+    function handleBack() {
+        if (stepIndex > 0) {
+            setStepIndex(stepIndex - 1);
+            return;
+        }
+        onBack();
+    }
+    return { stepIndex, currentStep, canAdvance, handleContinue, handleBack };
+}

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

@@ -0,0 +1,4 @@
+import { type GQLIntegration } from "@manta-eu/client";
+export declare function useConnectedExternalIds(integration: GQLIntegration): ReadonlySet<string>;
+export declare function useReconnectableExternalIds(integration: GQLIntegration): ReadonlySet<string>;
+//# sourceMappingURL=useConnectedExternalIds.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useConnectedExternalIds.d.ts","sourceRoot":"","sources":["../../../../../src/routes/integrations/components/connect-forms/useConnectedExternalIds.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAIlF,wBAAgB,uBAAuB,CAAC,WAAW,EAAE,cAAc,GAAG,WAAW,CAAC,MAAM,CAAC,CAQxF;AAED,wBAAgB,2BAA2B,CAAC,WAAW,EAAE,cAAc,GAAG,WAAW,CAAC,MAAM,CAAC,CAQ5F"}

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

@@ -0,0 +1,17 @@
+import { useConnectedAccountsQuery } from "@manta-eu/client";
+import { connectionProblems } from "../../connection-view.js";
+import { useMantaClient } from "#providers/index";
+export function useConnectedExternalIds(integration) {
+    const { mantaClient } = useMantaClient();
+    const connectedAccountsQuery = useConnectedAccountsQuery(mantaClient, undefined);
+    return new Set((connectedAccountsQuery.data?.connectedAccounts ?? [])
+        .filter((account) => account.integration === integration)
+        .map((account) => account.externalId));
+}
+export function useReconnectableExternalIds(integration) {
+    const { mantaClient } = useMantaClient();
+    const connectedAccountsQuery = useConnectedAccountsQuery(mantaClient, undefined);
+    return new Set(connectionProblems(connectedAccountsQuery.data?.connectedAccounts ?? [])
+        .filter((account) => account.integration === integration)
+        .map((account) => account.externalId));
+}

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

@@ -0,0 +1,7 @@
+type UseWindowFocusPollOptions = {
+    enabled: boolean;
+    intervalMs?: number;
+};
+export declare function useWindowFocusPoll(refetch: () => unknown, { enabled, intervalMs }: UseWindowFocusPollOptions): void;
+export {};
+//# sourceMappingURL=useWindowFocusPoll.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowFocusPoll.d.ts","sourceRoot":"","sources":["../../../../../src/routes/integrations/components/connect-forms/useWindowFocusPoll.ts"],"names":[],"mappings":"AAGA,KAAK,yBAAyB,GAAG;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAIF,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,MAAM,OAAO,EACtB,EAAE,OAAO,EAAE,UAA8B,EAAE,EAAE,yBAAyB,QAgBvE"}

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

@@ -0,0 +1,18 @@
+import { useRef } from "react";
+import { useEventListener, useInterval } from "usehooks-ts";
+const defaultIntervalMs = 3000;
+export function useWindowFocusPoll(refetch, { enabled, intervalMs = defaultIntervalMs }) {
+    const refetchRef = useRef(refetch);
+    refetchRef.current = refetch;
+    const inFlightRef = useRef(false);
+    const run = () => {
+        if (!enabled || inFlightRef.current)
+            return;
+        inFlightRef.current = true;
+        void Promise.resolve(refetchRef.current()).finally(() => {
+            inFlightRef.current = false;
+        });
+    };
+    useInterval(run, enabled ? intervalMs : null);
+    useEventListener("focus", run);
+}

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

@@ -0,0 +1,16 @@
+export { DashConnectForm } from "./components/connect-forms/DashConnectForm.js";
+export { DataConnectionConnectForm, DataConnectionEditForm, type DataConnectionEditFormProps, type StoredConnection, } from "./components/connect-forms/DataConnectionConnectForm.js";
+export type { DataConnectionSetting, StoredDataConnection } from "./components/connect-forms/data-connection-fields.js";
+export { FigmaConnectForm } from "./components/connect-forms/FigmaConnectForm.js";
+export { GmailConnectForm } from "./components/connect-forms/GmailConnectForm.js";
+export { GoogleAdsConnectForm } from "./components/connect-forms/GoogleAdsConnectForm.js";
+export { GoogleAnalyticsConnectForm } from "./components/connect-forms/GoogleAnalyticsConnectForm.js";
+export { KlaviyoConnectForm } from "./components/connect-forms/KlaviyoConnectForm.js";
+export { LinkedinConnectForm } from "./components/connect-forms/LinkedinConnectForm.js";
+export { MetaAdsConnectForm } from "./components/connect-forms/MetaAdsConnectForm.js";
+export { ShopifyConnectForm } from "./components/connect-forms/ShopifyConnectForm.js";
+export { SlackConnectForm } from "./components/connect-forms/SlackConnectForm.js";
+export { TriplewhaleConnectForm } from "./components/connect-forms/TriplewhaleConnectForm.js";
+export { WoocommerceConnectForm } from "./components/connect-forms/WoocommerceConnectForm.js";
+export { MantaSyncPluginLink, MantaSyncPluginRowAction, MantaSyncPluginStep, type MantaSyncPluginLinkProps, type MantaSyncPluginStepProps, } from "./components/MantaSyncPluginDownload.js";
+//# sourceMappingURL=connect-forms.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"connect-forms.d.ts","sourceRoot":"","sources":["../../../src/routes/integrations/connect-forms.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAC;AAC7E,OAAO,EACL,yBAAyB,EACzB,sBAAsB,EACtB,KAAK,2BAA2B,EAChC,KAAK,gBAAgB,GACtB,MAAM,sDAAsD,CAAC;AAC9D,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,mDAAmD,CAAC;AACrH,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,iDAAiD,CAAC;AACvF,OAAO,EAAE,0BAA0B,EAAE,MAAM,uDAAuD,CAAC;AACnG,OAAO,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AACnF,OAAO,EAAE,mBAAmB,EAAE,MAAM,gDAAgD,CAAC;AACrF,OAAO,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AACnF,OAAO,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AACnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,sBAAsB,EAAE,MAAM,mDAAmD,CAAC;AAC3F,OAAO,EAAE,sBAAsB,EAAE,MAAM,mDAAmD,CAAC;AAC3F,OAAO,EACL,mBAAmB,EACnB,wBAAwB,EACxB,mBAAmB,EACnB,KAAK,wBAAwB,EAC7B,KAAK,wBAAwB,GAC9B,MAAM,sCAAsC,CAAC"}

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

@@ -0,0 +1,14 @@
+export { DashConnectForm } from "./components/connect-forms/DashConnectForm.js";
+export { DataConnectionConnectForm, DataConnectionEditForm, } from "./components/connect-forms/DataConnectionConnectForm.js";
+export { FigmaConnectForm } from "./components/connect-forms/FigmaConnectForm.js";
+export { GmailConnectForm } from "./components/connect-forms/GmailConnectForm.js";
+export { GoogleAdsConnectForm } from "./components/connect-forms/GoogleAdsConnectForm.js";
+export { GoogleAnalyticsConnectForm } from "./components/connect-forms/GoogleAnalyticsConnectForm.js";
+export { KlaviyoConnectForm } from "./components/connect-forms/KlaviyoConnectForm.js";
+export { LinkedinConnectForm } from "./components/connect-forms/LinkedinConnectForm.js";
+export { MetaAdsConnectForm } from "./components/connect-forms/MetaAdsConnectForm.js";
+export { ShopifyConnectForm } from "./components/connect-forms/ShopifyConnectForm.js";
+export { SlackConnectForm } from "./components/connect-forms/SlackConnectForm.js";
+export { TriplewhaleConnectForm } from "./components/connect-forms/TriplewhaleConnectForm.js";
+export { WoocommerceConnectForm } from "./components/connect-forms/WoocommerceConnectForm.js";
+export { MantaSyncPluginLink, MantaSyncPluginRowAction, MantaSyncPluginStep, } from "./components/MantaSyncPluginDownload.js";

package/dist/routes/integrations/connection-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"connection-view.d.ts","sourceRoot":"","sources":["../../../src/routes/integrations/connection-view.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,KAAK,EAAsC,eAAe,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEvG;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;CACpD,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B,CAAC;AAiDF,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,gBAAgB,CAAC,CAAC;AAY/E,sGAAsG;AACtG,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,UAAU,EAAE,WAAW,EAAE,SAAS,CAAC,EAAE,GAAG,CAAC,EAAE,CAEvF;AA8BD,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,kBAAkB,GAAG,cAAc,CAoB/E"}
+{"version":3,"file":"connection-view.d.ts","sourceRoot":"","sources":["../../../src/routes/integrations/connection-view.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,KAAK,EAAsD,eAAe,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEvH;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;CACpD,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B,CAAC;AA+DF,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,gBAAgB,CAAC,CAAC;AAY/E,sGAAsG;AACtG,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,UAAU,EAAE,WAAW,EAAE,SAAS,CAAC,EAAE,GAAG,CAAC,EAAE,CAEvF;AAyCD,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,kBAAkB,GAAG,cAAc,CAqB/E"}

package/dist/routes/integrations/connection-view.js

@@ -1,4 +1,4 @@
-import { GQLGmailIntegrationStatus, GQLIntegration, GQLRelayIntegrationStatus } from "@manta-eu/client";
+import { GQLDataConnectionStatus, GQLGmailIntegrationStatus, GQLIntegration, GQLRelayIntegrationStatus, } from "@manta-eu/client";
 import { isPresent } from "@manta-eu/lib/present";
 import { addDays, formatDistanceToNow, isAfter, isValid } from "date-fns";
 import { match } from "ts-pattern";
@@ -29,6 +29,18 @@ const statusMap = {
     [GQLRelayIntegrationStatus.Deleting]: { label: "Deleting", tone: "neutral" },
     [GQLRelayIntegrationStatus.Deleted]: { label: "Deleted", tone: "neutral" },
 };
+// An active connection keeps syncing its tested settings, so an error there belongs to a failed change.
+const dataConnectionUpdateFailed = { label: "Update failed", tone: "warning" };
+function dataConnectionStatus({ status, error }) {
+    if (status === GQLDataConnectionStatus.Active && isPresent(error))
+        return dataConnectionUpdateFailed;
+    return dataConnectionStatusMap[status];
+}
+const dataConnectionStatusMap = {
+    [GQLDataConnectionStatus.Testing]: { label: "Testing", tone: "info" },
+    [GQLDataConnectionStatus.Active]: { label: "Connected", tone: "success" },
+    [GQLDataConnectionStatus.Failed]: { label: "Failed", tone: "error" },
+};
 const oauthConnectedStatus = { label: "Connected", tone: "success" };
 const oauthRevokedStatus = { label: "Reconnect needed", tone: "error" };
 const oauthExpiredStatus = { label: "Expired", tone: "error" };
@@ -37,13 +49,13 @@ const grantExpiryWarningDays = 14;
 const oauthIncludedResourcesLabels = {
     [GQLIntegration.Dash]: { label: "Folders", noneLabel: "No folders selected" },
 };
-function connectedLabel(connectedAt) {
-    if (!isPresent(connectedAt))
+function timeAgoLabel(event, at) {
+    if (!isPresent(at))
         return undefined;
-    const connected = new Date(connectedAt);
-    if (!isValid(connected))
+    const date = new Date(at);
+    if (!isValid(date))
         return undefined;
-    return `Connected ${formatDistanceToNow(connected, { addSuffix: true })}`;
+    return `${event} ${formatDistanceToNow(date, { addSuffix: true })}`;
 }
 function grantStatus({ revokedAt, grantExpiresAt }) {
     if (isPresent(revokedAt))
@@ -89,17 +101,28 @@ function toManagedConnectionView(connection) {
             : undefined,
     };
 }
+function toDataConnectionView(connection) {
+    return {
+        source: connection.kind,
+        id: connection.id,
+        primaryLabel: connection.name,
+        secondaryLabel: isPresent(connection.error) ? `Error: ${connection.error}` : undefined,
+        status: dataConnectionStatus(connection),
+        syncedLabel: timeAgoLabel("Added", connection.createdAt),
+    };
+}
 export function toConnectionView(connection) {
     return match(connection)
         .returnType()
         .with({ kind: "inferal" }, toManagedConnectionView)
         .with({ kind: "gmail" }, toManagedConnectionView)
+        .with({ kind: "data-connection" }, toDataConnectionView)
         .with({ kind: "oauth" }, (c) => ({
         source: c.kind,
         id: c.id,
         primaryLabel: isPresent(c.name) ? c.name : `${oauthAccountNoun[c.integration]} ${c.externalId}`,
         ...oauthScope(c),
-        syncedLabel: connectedLabel(c.connectedAt),
+        syncedLabel: timeAgoLabel("Connected", c.connectedAt),
         namedAccount: {
             name: isPresent(c.name) ? c.name : oauthAccountNoun[c.integration],
             noun: isPresent(c.name) ? oauthAccountNoun[c.integration] : undefined,

package/dist/routes/integrations/filter-connected-providers.d.ts

@@ -0,0 +1,3 @@
+import type { ConnectedProvider, ProviderId } from "./types.js";
+export declare function filterConnectedProviders<Id extends string = ProviderId>(groups: ConnectedProvider<Id>[], query: string): ConnectedProvider<Id>[];
+//# sourceMappingURL=filter-connected-providers.d.ts.map

package/dist/routes/integrations/filter-connected-providers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-connected-providers.d.ts","sourceRoot":"","sources":["../../../src/routes/integrations/filter-connected-providers.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE7D,wBAAgB,wBAAwB,CAAC,EAAE,SAAS,MAAM,GAAG,UAAU,EACrE,MAAM,EAAE,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAC/B,KAAK,EAAE,MAAM,GACZ,iBAAiB,CAAC,EAAE,CAAC,EAAE,CAgBzB"}

package/dist/routes/integrations/filter-connected-providers.js

@@ -0,0 +1,15 @@
+import { isPresent } from "@manta-eu/lib/present";
+export function filterConnectedProviders(groups, query) {
+    const needle = query.trim().toLowerCase();
+    if (!isPresent(needle))
+        return groups;
+    return groups.flatMap((group) => {
+        const groupMatches = group.name.toLowerCase().includes(needle);
+        if (groupMatches)
+            return [group];
+        const matchingConnections = group.connections.filter((connection) => connection.primaryLabel.toLowerCase().includes(needle));
+        if (!isPresent(matchingConnections))
+            return [];
+        return [{ ...group, connections: matchingConnections }];
+    });
+}

package/dist/routes/integrations/overview.d.ts

@@ -0,0 +1,3 @@
+export { filterConnectedProviders } from "./filter-connected-providers.js";
+export { bindingsToAccountEntities, useConnectedAccountEntities, type ConnectedAccountEntity, } from "./use-connected-account-entities.js";
+//# sourceMappingURL=overview.d.ts.map

package/dist/routes/integrations/overview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overview.d.ts","sourceRoot":"","sources":["../../../src/routes/integrations/overview.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,EACL,yBAAyB,EACzB,2BAA2B,EAC3B,KAAK,sBAAsB,GAC5B,MAAM,kCAAkC,CAAC"}

package/dist/routes/integrations/overview.js

@@ -0,0 +1,2 @@
+export { filterConnectedProviders } from "./filter-connected-providers.js";
+export { bindingsToAccountEntities, useConnectedAccountEntities, } from "./use-connected-account-entities.js";