@manta-eu/react 0.1.7 → 0.1.8

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

@@ -0,0 +1,5 @@
+import { type InferalCredentialFormConfig } from "./InferalCredentialConnectForm.js";
+import type { ConnectFormProps } from "./types.js";
+export declare const woocommerceConfig: InferalCredentialFormConfig<"sourceUrl" | "consumerKey" | "consumerSecret">;
+export declare function WoocommerceConnectForm(props: ConnectFormProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WoocommerceConnectForm.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WoocommerceConnectForm.d.ts","sourceRoot":"","sources":["../../../../../src/routes/integrations/components/connect-forms/WoocommerceConnectForm.tsx"],"names":[],"mappings":"AACA,OAAO,EAAgC,KAAK,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAChH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,iBAAiB,EAAE,2BAA2B,CAAC,WAAW,GAAG,aAAa,GAAG,gBAAgB,CAwCzG,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,gBAAgB,2CAE7D"}

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

@@ -0,0 +1,47 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ensureProtocol } from "@manta-eu/lib/url";
+import { InferalCredentialConnectForm } from "./InferalCredentialConnectForm.js";
+export const woocommerceConfig = {
+    providerName: "WooCommerce",
+    fieldIdPrefix: "woocommerce",
+    identifier: {
+        key: "sourceUrl",
+        label: "Site URL",
+        placeholder: "https://shop.example.com",
+        requiredMessage: "Site URL is required",
+        stepTitle: "Point Manta at your WooCommerce store",
+        stepDescription: "We use your site URL to identify which store this integration belongs to.",
+    },
+    secrets: {
+        title: "Generate a REST API key pair",
+        description: "Manta needs Read / Write access to sync orders, customers, and products from your WooCommerce store.",
+        fields: [
+            {
+                key: "consumerKey",
+                label: "Consumer key",
+                placeholder: "ck_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
+                requiredMessage: "Consumer key is required",
+                secret: true,
+            },
+            {
+                key: "consumerSecret",
+                label: "Consumer secret",
+                placeholder: "cs_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
+                requiredMessage: "Consumer secret is required",
+                secret: true,
+            },
+        ],
+    },
+    streamNamePlaceholder: "woocommerce-shopexamplecom",
+    locationStepDescription: "Pick the region closest to your store for the lowest latency.",
+    buildProviderInput: (credentials) => ({
+        woocommerce: {
+            sourceUrl: ensureProtocol(credentials.sourceUrl),
+            consumerKey: credentials.consumerKey,
+            consumerSecret: credentials.consumerSecret,
+        },
+    }),
+};
+export function WoocommerceConnectForm(props) {
+    return _jsx(InferalCredentialConnectForm, { ...props, config: woocommerceConfig });
+}

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

@@ -0,0 +1,13 @@
+import type { DataConnectorType } from "../../types.js";
+import type { ConnectorField } from "./data-connection-fields.js";
+export type ConnectionStringResult = {
+    ok: true;
+    values: Record<string, string>;
+    notice?: string;
+} | {
+    ok: false;
+    error: string;
+};
+export declare function acceptsConnectionString(connectorType: string): connectorType is DataConnectorType;
+export declare function connectionStringValues(connectorType: string, input: string, fields: readonly ConnectorField[]): ConnectionStringResult;
+//# sourceMappingURL=connection-string-fields.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"connection-string-fields.d.ts","sourceRoot":"","sources":["../../../../../src/routes/integrations/components/connect-forms/connection-string-fields.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE/D,MAAM,MAAM,sBAAsB,GAC9B;IAAE,EAAE,EAAE,IAAI,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAC7D;IAAE,EAAE,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAYjC,wBAAgB,uBAAuB,CAAC,aAAa,EAAE,MAAM,GAAG,aAAa,IAAI,iBAAiB,CAEjG;AAED,wBAAgB,sBAAsB,CACpC,aAAa,EAAE,MAAM,EACrB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,SAAS,cAAc,EAAE,GAChC,sBAAsB,CAiBxB"}

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

@@ -0,0 +1,110 @@
+import { parseConnectionString, unescapeBracedValue } from "@manta-eu/lib/connection-string";
+import { isPresent } from "@manta-eu/lib/present";
+export function acceptsConnectionString(connectorType) {
+    return Object.hasOwn(formats, connectorType);
+}
+export function connectionStringValues(connectorType, input, fields) {
+    if (!acceptsConnectionString(connectorType)) {
+        return { ok: false, error: "This connector does not accept a connection string." };
+    }
+    const format = formats[connectorType];
+    const parsed = parseConnectionString(input, { semicolonProperties: format.semicolonProperties });
+    if (!parsed)
+        return { ok: false, error: unreadableError(connectorType, input, format.schemes) };
+    if (!format.schemes.includes(parsed.scheme))
+        return { ok: false, error: schemeHint(format.schemes) };
+    const mapped = format.toValues(parsed);
+    if ("error" in mapped)
+        return { ok: false, error: mapped.error };
+    const values = formValues(mapped.values, fields);
+    if (!isPresent(values))
+        return { ok: false, error: "The connection string holds no value for this form." };
+    return mapped.notice ? { ok: true, values, notice: mapped.notice } : { ok: true, values };
+}
+const formats = {
+    postgres: urlFormat("postgres", "postgresql"),
+    redshift: urlFormat("redshift", "postgres", "postgresql"),
+    mysql: urlFormat("mysql", "mariadb"),
+    mariadb: urlFormat("mariadb", "mysql"),
+    clickhouse: urlFormat("clickhouse"),
+    snowflake: { schemes: ["snowflake"], toValues: snowflakeValues },
+    sqlserver: { schemes: ["sqlserver", "mssql"], semicolonProperties: true, toValues: sqlServerValues },
+    bigquery: { schemes: ["bigquery"], semicolonProperties: true, toValues: bigQueryValues },
+};
+function urlFormat(...schemes) {
+    return { schemes, toValues: (parsed) => ({ values: urlValues(parsed) }) };
+}
+function urlValues(parsed) {
+    const { host, port, username, password, path, params } = parsed;
+    return { ...lowerCaseNames(params), host, port, username, password, database: path[0] };
+}
+function lowerCaseNames(params) {
+    return Object.fromEntries(Object.entries(params).map(([name, value]) => [name.toLowerCase(), value]));
+}
+function snowflakeValues(parsed) {
+    return { values: { ...urlValues(parsed), schema: parsed.path[1] } };
+}
+const namedInstanceError = "Use host:port or ;instanceName= instead of host\\instance.";
+function sqlServerValues(parsed) {
+    const read = sqlServerPropertyReader(parsed.params);
+    const host = parsed.host ?? read("serverName");
+    if (host?.includes("\\"))
+        return { error: namedInstanceError };
+    const port = parsed.port ?? read("portNumber", "port");
+    return {
+        values: {
+            host,
+            port,
+            instance: isPresent(port) ? undefined : read("instanceName"),
+            username: parsed.username ?? read("user", "userName"),
+            password: parsed.password ?? read("password"),
+            database: parsed.path[0] ?? read("databaseName", "database"),
+            encrypt: booleanValue(read("encrypt")),
+            trust_server_certificate: booleanValue(read("trustServerCertificate")),
+        },
+    };
+}
+function sqlServerPropertyReader(params) {
+    const read = propertyReader(params);
+    return (...names) => {
+        const value = read(...names);
+        return value === undefined ? undefined : unescapeBracedValue(value);
+    };
+}
+// JDBC property names are case-insensitive, so the lookup lowers the case of each name.
+function propertyReader(params) {
+    const valueByName = new Map(Object.entries(lowerCaseNames(params)));
+    return (...names) => names.map((name) => valueByName.get(name.toLowerCase())).find(isPresent);
+}
+function booleanValue(value) {
+    const lowered = value?.toLowerCase();
+    return lowered === "true" || lowered === "false" ? lowered : undefined;
+}
+const keyFileNotice = "Paste the service account key into the key field. The browser cannot read a key file.";
+function bigQueryValues(parsed) {
+    const read = propertyReader(parsed.params);
+    const key = read("OAuthPvtKey");
+    const inlineKey = key?.trimStart().startsWith("{") ? key : undefined;
+    const pointsToKeyFile = isPresent(read("OAuthPvtKeyPath")) || (isPresent(key) && inlineKey === undefined);
+    return {
+        values: {
+            project: read("ProjectId"),
+            dataset: read("DefaultDataset"),
+            location: read("Location"),
+            key_body: inlineKey,
+        },
+        notice: pointsToKeyFile ? keyFileNotice : undefined,
+    };
+}
+function unreadableError(connectorType, input, schemes) {
+    return connectorType === "sqlserver" && input.includes("\\") ? namedInstanceError : schemeHint(schemes);
+}
+function schemeHint(schemes) {
+    return `Paste a ${schemes.map((scheme) => `${scheme}://`).join(" or ")} connection string.`;
+}
+function formValues(values, fields) {
+    return Object.fromEntries(fields.flatMap((field) => {
+        const value = values[field.key];
+        return isPresent(value) ? [[field.key, value]] : [];
+    }));
+}

package/dist/routes/integrations/components/connect-forms/dash-folder-tree.d.ts

@@ -0,0 +1,6 @@
+import { type TreeNode, type TreeSelectItem } from "#components/tree-multi-select/index";
+export type DashFolder = TreeNode & {
+    position?: number | null;
+};
+export declare function dashFolderTreeItems(folders: DashFolder[]): TreeSelectItem[];
+//# sourceMappingURL=dash-folder-tree.d.ts.map

package/dist/routes/integrations/components/connect-forms/dash-folder-tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dash-folder-tree.d.ts","sourceRoot":"","sources":["../../../../../src/routes/integrations/components/connect-forms/dash-folder-tree.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAEtH,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG;IAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAAC;AAQjE,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,UAAU,EAAE,GAAG,cAAc,EAAE,CAO3E"}

package/dist/routes/integrations/components/connect-forms/dash-folder-tree.js

@@ -0,0 +1,14 @@
+import { buildTreeRows, compareNodes } from "#components/tree-multi-select/index";
+// Siblings in Dash's own order; a folder without a position goes last.
+function compareFolders(a, b) {
+    const unpositioned = Number.MAX_SAFE_INTEGER;
+    return (a.position ?? unpositioned) - (b.position ?? unpositioned) || compareNodes(a, b);
+}
+export function dashFolderTreeItems(folders) {
+    return buildTreeRows(folders, compareFolders).map(({ node, depth }) => ({
+        id: node.id,
+        label: node.name ?? node.id,
+        selectable: true,
+        depth,
+    }));
+}

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,6 +14,9 @@ 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;
@@ -22,6 +25,7 @@ export type ConnectFormProps = {
     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,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;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"}