@manta-eu/react 0.1.0

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowLeft } from "lucide-react";
+import { ConnectFormHeader } from "./ConnectFormHeader.js";
+import { Button } from "#components/button/index";
+import { cn } from "#lib/utils";
+export function ConnectWizardShell(props) {
+    const { provider, status = "Not connected", totalSteps, currentStep, stepTitle, stepDescription, supportingInfo, onBack, onContinue, continueLabel = "Continue", continueDisabled = false, isSubmitting = false, primaryAction, children, } = props;
+    return (_jsxs("div", { className: "grid gap-6", children: [_jsx(ConnectFormHeader, { provider: provider, status: status }), _jsxs("div", { className: "grid gap-2", children: [_jsxs("p", { className: "typography-tiny text-muted-foreground", children: ["Step ", currentStep, " of ", totalSteps] }), _jsx("div", { className: "flex gap-1.5", children: Array.from({ length: totalSteps }, (_, i) => (_jsx("div", { className: cn("h-1.5 flex-1 rounded-full transition-colors", i < currentStep ? "bg-success-foreground" : "bg-muted") }, i))) })] }), _jsxs("div", { className: "grid gap-1", children: [_jsx("h2", { className: "typography-large-body-semibold text-default-foreground", children: stepTitle }), stepDescription && _jsx("p", { className: "typography-caption text-muted-foreground", children: stepDescription })] }), _jsx("div", { children: children }), supportingInfo, _jsxs("div", { className: cn("flex items-center pt-2", onBack ? "justify-between" : "justify-end"), children: [onBack && (_jsx(Button, { variant: "tertiary", onClick: onBack, icon: ArrowLeft, children: "Back" })), primaryAction ?? (_jsx(Button, { onClick: onContinue, disabled: continueDisabled || isSubmitting, children: isSubmitting ? "Connecting..." : continueLabel }))] })] }));
+}

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

@@ -0,0 +1,14 @@
+export type FieldInstruction = {
+    linkUrl: string;
+    linkLabel: string;
+    steps: readonly string[];
+    description?: string;
+    imageSrc?: string;
+    imageAlt?: string;
+    imageCaption?: string;
+};
+export type FieldInstructionsProps = {
+    instruction: FieldInstruction;
+};
+export declare function FieldInstructions(props: FieldInstructionsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FieldInstructions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldInstructions.d.ts","sourceRoot":"","sources":["../../../../../src/routes/integrations/components/connect-forms/FieldInstructions.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,WAAW,EAAE,gBAAgB,CAAC;CAC/B,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CA6B9D"}

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { Info } from "lucide-react";
+export function FieldInstructions(props) {
+    const { instruction } = props;
+    const hasImage = isPresent(instruction.imageSrc);
+    const body = hasImage
+        ? (instruction.imageCaption ?? "Where to find this value.")
+        : (instruction.description ?? instruction.steps.join(" "));
+    const linkText = hasImage ? "Find it here →" : "Read more here →";
+    return (_jsxs("div", { className: "rounded-xl bg-info p-3 grid gap-3", children: [instruction.imageSrc && (_jsx("img", { src: instruction.imageSrc, alt: instruction.imageAlt ?? "", className: "w-full rounded-lg" })), _jsxs("div", { className: "flex items-start gap-2 typography-small", children: [_jsx(Info, { size: 20, className: "shrink-0 mt-0.5" }), _jsxs("p", { className: "text-muted-foreground", children: [body, " ", _jsx("a", { href: instruction.linkUrl, target: "_blank", rel: "noopener noreferrer", className: "typography-small-medium text-muted-foreground hover:underline whitespace-nowrap", children: linkText })] })] })] }));
+}

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

@@ -0,0 +1,33 @@
+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 { FieldInstruction } from "./FieldInstructions.js";
+import type { ProviderPresentation } from "#routes/integrations/types";
+export type ProviderSetupInstructions = Readonly<{
+    identifier?: FieldInstruction;
+    apiKey?: FieldInstruction;
+}>;
+export type InferalConnectFormConfig = {
+    setupInstructions?: ProviderSetupInstructions;
+    deriveStreamName: (identifier: string) => string;
+    locationLabels: Readonly<Record<GQLInferalLocation, string>>;
+};
+export type ConnectFormProps = {
+    provider: ProviderPresentation<string>;
+    inferalConfig?: InferalConnectFormConfig;
+    onBack: () => void;
+    onChanged: () => void;
+    onDismiss: () => void;
+    resumedFromOAuth?: boolean;
+};
+export type StepConfig<Values extends FieldValues> = {
+    id: string;
+    title: string;
+    description: string;
+    schema: z.ZodTypeAny;
+    supporting?: ReactNode;
+    continueLabel: string;
+    render: (form: UseFormReturn<Values>) => ReactNode;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +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;CAC3B,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"}

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

@@ -0,0 +1 @@
+export {};

package/dist/routes/integrations/components/filter-provider-catalog-entries.d.ts

@@ -0,0 +1,10 @@
+import type { ConnectionCapability } from "../catalog-shape.js";
+export type FilterableProviderCatalogEntry = {
+    name: string;
+    category: string;
+    connectionMethods: readonly {
+        capabilities: readonly ConnectionCapability[];
+    }[];
+};
+export declare function filterProviderCatalogEntries<Entry extends FilterableProviderCatalogEntry>(entries: readonly Entry[], searchValue: string, requiredCapability?: ConnectionCapability): Entry[];
+//# sourceMappingURL=filter-provider-catalog-entries.d.ts.map

package/dist/routes/integrations/components/filter-provider-catalog-entries.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-provider-catalog-entries.d.ts","sourceRoot":"","sources":["../../../../src/routes/integrations/components/filter-provider-catalog-entries.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE7D,MAAM,MAAM,8BAA8B,GAAG;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,EAAE,SAAS;QAAE,YAAY,EAAE,SAAS,oBAAoB,EAAE,CAAA;KAAE,EAAE,CAAC;CACjF,CAAC;AAEF,wBAAgB,4BAA4B,CAAC,KAAK,SAAS,8BAA8B,EACvF,OAAO,EAAE,SAAS,KAAK,EAAE,EACzB,WAAW,EAAE,MAAM,EACnB,kBAAkB,CAAC,EAAE,oBAAoB,GACxC,KAAK,EAAE,CAWT"}

package/dist/routes/integrations/components/filter-provider-catalog-entries.js

@@ -0,0 +1,8 @@
+export function filterProviderCatalogEntries(entries, searchValue, requiredCapability) {
+    const query = searchValue.trim().toLowerCase();
+    return entries.filter((entry) => {
+        const matchesCapability = !requiredCapability || entry.connectionMethods.some((method) => method.capabilities.includes(requiredCapability));
+        const matchesSearch = !query || entry.name.toLowerCase().includes(query) || entry.category.toLowerCase().includes(query);
+        return matchesCapability && matchesSearch;
+    });
+}

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

@@ -0,0 +1,28 @@
+import type { Status } from "./components/StatusChip.js";
+import type { ProviderConnection } from "./types.js";
+/**
+ * The display projection of a `ProviderConnection`. It retains the source only so
+ * row-level actions can dispatch correctly; rendering otherwise uses normalized fields.
+ */
+export type NamedAccount = {
+    name: string;
+    noun?: string;
+    externalId: string;
+    entityIri?: string;
+    typeIri?: string;
+    graphConnections?: {
+        count: number;
+        href: string;
+    };
+};
+export type ConnectionView = {
+    source: ProviderConnection["kind"];
+    id: string;
+    primaryLabel: string;
+    secondaryLabel?: string;
+    status: Status;
+    syncedLabel?: string;
+    namedAccount?: NamedAccount;
+};
+export declare function toConnectionView(connection: ProviderConnection): ConnectionView;
+//# sourceMappingURL=connection-view.d.ts.map

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

@@ -0,0 +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,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEtF;;;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;AA4CF,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,kBAAkB,GAAG,cAAc,CAmB/E"}

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

@@ -0,0 +1,63 @@
+import { GQLGmailIntegrationStatus, GQLIntegration, GQLRelayIntegrationStatus } from "@manta-eu/client";
+import { isPresent } from "@manta-eu/lib/present";
+import { formatDistanceToNow } from "date-fns";
+import { match } from "ts-pattern";
+// Fallback nouns shown until the ontology carries rdfs:labels for these classes (MNT-503).
+// https://linear.app/manta-eu/issue/MNT-503/add-rdfslabel-to-provider-entity-classes-in-the-ontology
+const oauthAccountNoun = {
+    [GQLIntegration.Dash]: "Account",
+    [GQLIntegration.Figma]: "User",
+    [GQLIntegration.Slack]: "Workspace",
+    [GQLIntegration.Google]: "Customer",
+    [GQLIntegration.GoogleAnalytics]: "Property",
+    [GQLIntegration.Meta]: "Ad account",
+    [GQLIntegration.Linkedin]: "Ad account",
+    [GQLIntegration.Snapchat]: "Ad account",
+    [GQLIntegration.Shopify]: "Shop",
+    [GQLIntegration.Woocommerce]: "Store",
+};
+const statusMap = {
+    [GQLRelayIntegrationStatus.Creating]: { label: "Creating", tone: "info" },
+    [GQLRelayIntegrationStatus.Pending]: { label: "Pending", tone: "info" },
+    [GQLRelayIntegrationStatus.Initializing]: { label: "Initializing", tone: "info" },
+    [GQLGmailIntegrationStatus.Connecting]: { label: "Connecting", tone: "info" },
+    [GQLRelayIntegrationStatus.Active]: { label: "Connected", tone: "success" },
+    [GQLRelayIntegrationStatus.Paused]: { label: "Paused", tone: "warning" },
+    [GQLRelayIntegrationStatus.Error]: { label: "Error", tone: "error" },
+    [GQLRelayIntegrationStatus.Failed]: { label: "Failed", tone: "error" },
+    [GQLGmailIntegrationStatus.Revoked]: { label: "Revoked", tone: "error" },
+    [GQLRelayIntegrationStatus.Deleting]: { label: "Deleting", tone: "neutral" },
+    [GQLRelayIntegrationStatus.Deleted]: { label: "Deleted", tone: "neutral" },
+};
+function toManagedConnectionView(connection) {
+    return {
+        source: connection.kind,
+        id: connection.id,
+        primaryLabel: connection.name,
+        secondaryLabel: connection.detail ?? connection.url ?? undefined,
+        status: statusMap[connection.status],
+        syncedLabel: connection.lastSyncedAt
+            ? `Last synced ${formatDistanceToNow(connection.lastSyncedAt, { addSuffix: true })}`
+            : undefined,
+    };
+}
+export function toConnectionView(connection) {
+    return match(connection)
+        .returnType()
+        .with({ kind: "inferal" }, toManagedConnectionView)
+        .with({ kind: "gmail" }, toManagedConnectionView)
+        .with({ kind: "oauth" }, (c) => ({
+        source: c.kind,
+        id: c.id,
+        primaryLabel: isPresent(c.name) ? c.name : `${oauthAccountNoun[c.integration]} ${c.externalId}`,
+        status: { label: "Connected", tone: "success" },
+        namedAccount: {
+            name: isPresent(c.name) ? c.name : oauthAccountNoun[c.integration],
+            noun: isPresent(c.name) ? oauthAccountNoun[c.integration] : undefined,
+            externalId: c.externalId,
+            entityIri: c.entityIri,
+            typeIri: c.typeIri,
+        },
+    }))
+        .exhaustive();
+}

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

@@ -0,0 +1,53 @@
+import type { GQLGmailIntegrationStatus, GQLInferalIntegrationProvider, GQLIntegration, GQLRelayIntegrationStatus } from "@manta-eu/client";
+import type { HexColor } from "@manta-eu/lib/color";
+import type { ComponentType, SVGProps } from "react";
+import type { ConnectionView } from "./connection-view.js";
+export declare const gmailProviderId = "GMAIL";
+export declare const figmaProviderId = "FIGMA";
+export declare const dashProviderId = "DASH";
+export type ProviderId = `${GQLInferalIntegrationProvider}` | typeof gmailProviderId | typeof figmaProviderId | typeof dashProviderId;
+export type ConnectionSource = "inferal" | "oauth" | "gmail";
+export type ProviderLogoComponent = ComponentType<SVGProps<SVGSVGElement>>;
+export type ProviderPresentation<Id extends string = ProviderId> = {
+    id: Id;
+    name: string;
+    brandColor: HexColor;
+    logo: ProviderLogoComponent;
+};
+/** Raw row from `inferalIntegrations` before normalization to `ConnectionView`. */
+export type InferalConnection = {
+    kind: "inferal";
+    id: string;
+    name: string;
+    url: string | null;
+    status: GQLRelayIntegrationStatus;
+    lastSyncedAt: Date | null;
+    detail?: string | null;
+};
+/** Raw row from `connectedAccounts` (realm-ops OAuth) before normalization to `ConnectionView`. */
+export type OAuthConnection = {
+    kind: "oauth";
+    id: string;
+    integration: GQLIntegration;
+    externalId: string;
+    name?: string;
+    entityIri?: string;
+    typeIri?: string;
+};
+export type GmailConnection = {
+    kind: "gmail";
+    id: string;
+    name: string;
+    url: null;
+    status: GQLGmailIntegrationStatus;
+    lastSyncedAt: Date | null;
+    detail?: string | null;
+};
+export type ProviderConnection = InferalConnection | OAuthConnection | GmailConnection;
+export type ConnectedProvider<Id extends string = ProviderId> = {
+    id: Id;
+    name: string;
+    category: string;
+    connections: ConnectionView[];
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/routes/integrations/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,yBAAyB,EACzB,6BAA6B,EAC7B,cAAc,EACd,yBAAyB,EAC1B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,eAAO,MAAM,eAAe,UAAU,CAAC;AACvC,eAAO,MAAM,eAAe,UAAU,CAAC;AACvC,eAAO,MAAM,cAAc,SAAS,CAAC;AAErC,MAAM,MAAM,UAAU,GAClB,GAAG,6BAA6B,EAAE,GAClC,OAAO,eAAe,GACtB,OAAO,eAAe,GACtB,OAAO,cAAc,CAAC;AAC1B,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAC7D,MAAM,MAAM,qBAAqB,GAAG,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;AAE3E,MAAM,MAAM,oBAAoB,CAAC,EAAE,SAAS,MAAM,GAAG,UAAU,IAAI;IACjE,EAAE,EAAE,EAAE,CAAC;IACP,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,QAAQ,CAAC;IACrB,IAAI,EAAE,qBAAqB,CAAC;CAC7B,CAAC;AAEF,mFAAmF;AACnF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,SAAS,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,MAAM,EAAE,yBAAyB,CAAC;IAClC,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB,CAAC;AAEF,mGAAmG;AACnG,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,cAAc,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,IAAI,CAAC;IACV,MAAM,EAAE,yBAAyB,CAAC;IAClC,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAAG,eAAe,GAAG,eAAe,CAAC;AAEvF,MAAM,MAAM,iBAAiB,CAAC,EAAE,SAAS,MAAM,GAAG,UAAU,IAAI;IAC9D,EAAE,EAAE,EAAE,CAAC;IACP,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,cAAc,EAAE,CAAC;CAC/B,CAAC"}

package/dist/routes/integrations/types.js

@@ -0,0 +1,3 @@
+export const gmailProviderId = "GMAIL";
+export const figmaProviderId = "FIGMA";
+export const dashProviderId = "DASH";

package/dist/routes/plans/components/ActionPlanPage.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode } from "react";
+import type { ActionPlanPageMode } from "../hooks/useActionPlanRouteState.js";
+import { type ActionPlanFrameProps, type ActionPlanLinkComponent } from "./frame.js";
+export type ActionPlanPageProps = {
+    planName: string;
+    listHref?: string;
+    LinkComponent?: ActionPlanLinkComponent;
+    renderLayout?: (props: ActionPlanFrameProps) => ReactNode;
+    initialMode?: ActionPlanPageMode;
+    datastoreId?: string;
+    userId?: string;
+};
+export declare function ActionPlanPage(props: ActionPlanPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ActionPlanPage.d.ts.map

package/dist/routes/plans/components/ActionPlanPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionPlanPage.d.ts","sourceRoot":"","sources":["../../../../src/routes/plans/components/ActionPlanPage.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAqD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1F,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAE3E,OAAO,EAAgC,KAAK,oBAAoB,EAAE,KAAK,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAahH,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,SAAS,CAAC;IAC1D,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAqLxD"}

package/dist/routes/plans/components/ActionPlanPage.js

@@ -0,0 +1,73 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { GQLActionPlanState } from "@manta-eu/client";
+import { buildPlanIri, extractPlanName } from "@manta-eu/client/shared/agent-mode";
+import { CircleStop, RotateCcw, Zap } from "lucide-react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { toast } from "sonner";
+import { ActionPlanRulesSection } from "./ActionPlanRulesSection.js";
+import { renderDefaultActionPlanFrame } from "./frame.js";
+import { Button } from "#components/button/index";
+import { Loader } from "#components/loader/index";
+import { ActioningView } from "#components/planning/ActioningView";
+import { ConnectedPlanDetailView } from "#components/planning/ConnectedPlanDetailView";
+import { ExecutePlanDialog } from "#components/planning/ExecutePlanDialog";
+import { isTerminalActionPlanState } from "#components/planning/plan-detail-utils";
+import { useActionPlanDetail } from "#hooks/useActionPlanDetail";
+import { useActionPlanExecution } from "#hooks/useActionPlanExecution";
+import { useActionPlanDiff } from "#ldo-ui";
+import { useMantaClient } from "#providers/index";
+export function ActionPlanPage(props) {
+    const { planName, listHref = "/", LinkComponent = "a", renderLayout = renderDefaultActionPlanFrame, initialMode = "planning", datastoreId, userId, } = props;
+    const planGraphIri = useMemo(() => buildPlanIri(planName), [planName]);
+    const viewRef = useRef(null);
+    const { mantaBaseUrl } = useMantaClient();
+    const { plan, graphDocument, isLoading, error } = useActionPlanDetail(planGraphIri);
+    const { data: diff = null, isLoading: isDiffLoading } = useActionPlanDiff({
+        planGraphIri,
+        enabled: !!planGraphIri,
+    });
+    const [pageMode, setPageMode] = useState(initialMode);
+    const [executePromptNonce, setExecutePromptNonce] = useState(0);
+    const [isRerunDialogOpen, setIsRerunDialogOpen] = useState(false);
+    const executionControl = useActionPlanExecution(planGraphIri);
+    function openExecutionPrompt() {
+        setPageMode("actioning");
+        setExecutePromptNonce((prev) => prev + 1);
+    }
+    const handleConfirmRerun = useCallback(async (dryRun) => {
+        setIsRerunDialogOpen(false);
+        const result = await executionControl.execute(dryRun);
+        if (result.success) {
+            toast.success(dryRun ? "Plan re-run preview triggered" : "Plan re-run triggered");
+        }
+        else {
+            toast.error(dryRun ? "Failed to preview plan re-run" : "Failed to re-run plan", {
+                description: result.error,
+            });
+        }
+    }, [executionControl]);
+    useEffect(() => {
+        if (initialMode === "actioning") {
+            setPageMode("actioning");
+            setExecutePromptNonce((prev) => prev + 1);
+            return;
+        }
+        setPageMode("planning");
+    }, [initialMode, planGraphIri]);
+    useEffect(() => {
+        const shouldShowExecution = (plan?.state ?? GQLActionPlanState.Draft) !== GQLActionPlanState.Draft;
+        if (shouldShowExecution) {
+            setPageMode("actioning");
+        }
+    }, [plan?.state]);
+    const planLabel = plan ? extractPlanName(plan.iri) : "Action Plan";
+    const planState = plan?.state ?? GQLActionPlanState.Draft;
+    const isDraft = planState === GQLActionPlanState.Draft;
+    const isRunning = planState === GQLActionPlanState.Running;
+    const isTerminal = isTerminalActionPlanState(planState);
+    const showPlanningSurface = !plan || (isDraft && pageMode === "planning");
+    const header = (_jsxs("div", { className: "flex w-full items-center justify-between", children: [_jsxs("h1", { className: "flex items-center gap-2 typography-caption-medium", children: [_jsx(Zap, { className: "size-6" }), _jsx(LinkComponent, { href: listHref, to: listHref, className: "text-muted-foreground transition-colors hover:text-default-foreground", children: "Action Plans" }), _jsx("span", { className: "text-disabled-foreground", children: "/" }), _jsx("span", { className: "typography-small-medium", children: planLabel })] }), _jsxs("div", { className: "ml-2 flex shrink-0 items-center gap-2", children: [plan?.hasCurrentFacts && isDraft && pageMode === "planning" && (_jsx(Button, { onClick: openExecutionPrompt, variant: "primary", size: "base", icon: Zap, label: "Execute plan", rounded: "md", className: "text-nowrap" })), plan && isRunning && showPlanningSurface && (_jsx(Button, { onClick: () => viewRef.current?.cancel(), variant: "tertiary", size: "base", icon: CircleStop, label: "Cancel", rounded: "md", className: "text-nowrap" })), plan?.hasCurrentFacts && isTerminal && (_jsx(Button, { onClick: () => setIsRerunDialogOpen(true), variant: "primary", size: "base", icon: RotateCcw, label: "Re-run", rounded: "md", className: "text-nowrap" }))] })] }));
+    const body = (_jsxs(_Fragment, { children: [isLoading && (_jsx("div", { className: "flex min-h-96 items-center justify-center", children: _jsx(Loader, { className: "size-8 text-muted-foreground" }) })), !isLoading && (error || !plan) && (_jsxs("div", { className: "flex min-h-96 flex-col items-center justify-center gap-4", children: [_jsx("p", { className: "text-muted-foreground", children: error ?? "Action plan not found." }), _jsx(LinkComponent, { href: listHref, to: listHref, className: "typography-small text-muted-foreground underline transition-colors hover:text-default-foreground", children: "Back to Action Plans" })] })), !isLoading && plan && showPlanningSurface && (_jsx(ConnectedPlanDetailView, { ref: viewRef, plan: plan, graphDocument: graphDocument, isLoading: isLoading, error: error, hideTopBar: true, hideChanges: true, onExecute: plan.hasCurrentFacts ? openExecutionPrompt : undefined, rulesSlot: _jsx(ActionPlanRulesSection, { planGraphIri: planGraphIri, LinkComponent: LinkComponent }) })), !isLoading && plan && !showPlanningSurface && (_jsx(ActioningView, { planGraphIri: planGraphIri, diff: diff, isLoading: isLoading || isDiffLoading, mantaChatBaseUrl: mantaBaseUrl, executionControl: executionControl, executePromptNonce: executePromptNonce, datastoreId: datastoreId, userId: userId })), _jsx(ExecutePlanDialog, { action: "rerun", onConfirm: handleConfirmRerun, open: isRerunDialogOpen, onOpenChange: setIsRerunDialogOpen, trigger: null })] }));
+    return _jsx(_Fragment, { children: renderLayout({ header, body }) });
+}

package/dist/routes/plans/components/ActionPlanRulesSection.d.ts

@@ -0,0 +1,17 @@
+import { type GQLActionPlanRulesQuery } from "@manta-eu/client";
+import type { ActionPlanLinkComponent } from "./frame.js";
+type ActionPlanRulesSectionProps = {
+    planGraphIri: string;
+    LinkComponent?: ActionPlanLinkComponent;
+};
+type ActionPlanRule = GQLActionPlanRulesQuery["rules"]["rules"][number];
+export declare const actionPlanRulesPageSize = 10;
+type ActionPlanRuleCardProps = {
+    rule: ActionPlanRule;
+    LinkComponent: ActionPlanLinkComponent;
+    defaultOpen?: boolean;
+};
+export declare function ActionPlanRuleCard(props: ActionPlanRuleCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function ActionPlanRulesSection(props: ActionPlanRulesSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ActionPlanRulesSection.d.ts.map

package/dist/routes/plans/components/ActionPlanRulesSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionPlanRulesSection.d.ts","sourceRoot":"","sources":["../../../../src/routes/plans/components/ActionPlanRulesSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AASzF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAiBvD,KAAK,2BAA2B,GAAG;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,uBAAuB,CAAC;CACzC,CAAC;AAEF,KAAK,cAAc,GAAG,uBAAuB,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC;AAExE,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAE1C,KAAK,uBAAuB,GAAG;IAC7B,IAAI,EAAE,cAAc,CAAC;IACrB,aAAa,EAAE,uBAAuB,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CA0ChE;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,2CAoJxE"}

package/dist/routes/plans/components/ActionPlanRulesSection.js

@@ -0,0 +1,88 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useActionPlanRulesQuery } from "@manta-eu/client";
+import { parseError } from "@manta-eu/client/shared/error-utils";
+import { compactUri } from "@manta-eu/client/shared/rdf-namespaces";
+import { ruleSearchMaxLength } from "@manta-eu/client/shared/rule-search";
+import { humanCount } from "@manta-eu/lib/humanize";
+import { isPresent } from "@manta-eu/lib/present";
+import { ArrowUpRight, ChevronDown, FileCode2 } from "lucide-react";
+import { useEffect, useState } from "react";
+import { useDebounceValue } from "usehooks-ts";
+import { Badge } from "#components/badge/index";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "#components/collapsible/index";
+import { SearchInput } from "#components/input/index";
+import { Loader } from "#components/loader/index";
+import { PaginationBlock } from "#components/pagination/index";
+import { cn } from "#lib/utils";
+import { useMantaClient } from "#providers/index";
+import { getRuleDisplayName, getRuleDisplayText, getRuleHref, getRuleStatus, } from "#routes/rules/components/rules.utils";
+import { RuleSetup } from "#routes/rules/components/RuleSetup";
+import { RuleStatusBadge } from "#routes/rules/components/RuleStatusBadge";
+export const actionPlanRulesPageSize = 10;
+export function ActionPlanRuleCard(props) {
+    const { rule, LinkComponent, defaultOpen = true } = props;
+    const [isOpen, setIsOpen] = useState(defaultOpen);
+    const label = getRuleDisplayName(rule.ruleIri);
+    const href = getRuleHref(rule);
+    return (_jsx(Collapsible, { open: isOpen, onOpenChange: setIsOpen, className: "border-t border-muted-border", children: _jsxs("article", { children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2 px-4 py-3", children: [_jsxs(CollapsibleTrigger, { type: "button", className: "flex min-w-0 flex-1 items-center gap-2 rounded-md text-left outline-none focus-visible:ring-2 focus-visible:ring-active-border/50", children: [_jsx(ChevronDown, { className: cn("size-4 shrink-0 text-muted-foreground transition-transform", !isOpen && "-rotate-90") }), _jsx("span", { className: "min-w-0 flex-1 truncate typography-small-medium", title: compactUri(rule.ruleIri), children: label }), _jsx(RuleStatusBadge, { status: getRuleStatus(rule) })] }), _jsxs(LinkComponent, { href: href, to: href, className: "inline-flex shrink-0 items-center gap-1 rounded-md px-2 py-1 typography-caption text-muted-foreground transition-colors hover:bg-faint hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-active-border/50", "aria-label": `Open ${label}`, children: [_jsx("span", { children: "Open rule" }), _jsx(ArrowUpRight, { className: "size-3.5" })] })] }), _jsx(CollapsibleContent, { children: _jsx("div", { className: "border-t border-muted-border bg-muted/20 px-5 py-4", children: _jsx(RuleSetup, { ruleText: getRuleDisplayText(rule) }) }) })] }) }));
+}
+export function ActionPlanRulesSection(props) {
+    const { planGraphIri, LinkComponent = "a" } = props;
+    const { mantaClient } = useMantaClient();
+    const [pageIndex, setPageIndex] = useState(0);
+    const [searchInput, setSearchInput] = useState("");
+    const [supportsSearch, setSupportsSearch] = useState(false);
+    const [debouncedSearch] = useDebounceValue(searchInput, 300);
+    const normalizedSearch = debouncedSearch.trim();
+    const query = useActionPlanRulesQuery(mantaClient, {
+        namedGraph: planGraphIri,
+        search: normalizedSearch || undefined,
+        limit: actionPlanRulesPageSize,
+        offset: pageIndex * actionPlanRulesPageSize,
+    }, {
+        enabled: isPresent(planGraphIri),
+    });
+    const rules = query.data?.rules.rules ?? [];
+    const totalCount = query.data?.rules.count ?? 0;
+    const totalPages = Math.max(1, Math.ceil(totalCount / actionPlanRulesPageSize));
+    const showSearch = supportsSearch || isPresent(searchInput);
+    useEffect(() => {
+        setSearchInput("");
+        setPageIndex(0);
+        setSupportsSearch(false);
+    }, [planGraphIri]);
+    useEffect(() => {
+        if (!normalizedSearch && !query.isLoading) {
+            setSupportsSearch(totalCount > actionPlanRulesPageSize);
+        }
+    }, [normalizedSearch, query.isLoading, totalCount]);
+    useEffect(() => {
+        if (totalCount > 0 && pageIndex > totalPages - 1) {
+            setPageIndex(totalPages - 1);
+        }
+    }, [pageIndex, totalCount, totalPages]);
+    const queryError = query.error ? parseError(query.error, "Failed to load rules") : null;
+    const rulesError = query.data?.rules.error ?? queryError?.description ?? queryError?.message ?? null;
+    function renderBody() {
+        if (query.isLoading) {
+            return (_jsxs("div", { className: "flex items-center gap-2 border-t border-muted-border px-4 py-6 typography-small text-muted-foreground", children: [_jsx(Loader, { className: "size-4" }), "Loading plan logic..."] }));
+        }
+        if (rulesError) {
+            return (_jsx("div", { className: "border-t border-muted-border px-4 py-6 typography-small text-error-foreground", children: rulesError }));
+        }
+        if (!isPresent(rules) && isPresent(normalizedSearch)) {
+            return (_jsx("div", { className: "border-t border-muted-border px-4 py-6 typography-small text-muted-foreground", children: "No rules match your search." }));
+        }
+        if (!isPresent(rules)) {
+            return (_jsx("div", { className: "border-t border-muted-border px-4 py-6 typography-small text-muted-foreground", children: "No rules currently contribute to this action plan." }));
+        }
+        return rules.map((rule, index) => (_jsx(ActionPlanRuleCard, { rule: rule, LinkComponent: LinkComponent, defaultOpen: index < 1 }, `${normalizedSearch}:${pageIndex}:${rule.ruleIri}`)));
+    }
+    return (_jsxs("section", { className: "overflow-hidden rounded-xl border border-muted-border bg-card", children: [_jsxs("div", { className: "flex flex-wrap items-start gap-x-3 gap-y-2 px-4 py-4", children: [_jsx("div", { className: "mt-0.5 flex size-8 shrink-0 items-center justify-center rounded-lg bg-faint text-muted-foreground", children: _jsx(FileCode2, { className: "size-4" }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("h2", { className: "typography-small-medium text-default-foreground", children: "How this plan works" }), _jsx("p", { className: "mt-1 typography-caption text-muted-foreground", children: "These rules show what this plan does when your data meets certain conditions." })] }), !query.isLoading && (_jsx(Badge, { variant: "secondary", size: "sm", className: "mt-1 shrink-0", children: humanCount(totalCount, "rule") }))] }), showSearch && (_jsxs("div", { className: "flex items-center gap-3 border-t border-muted-border px-4 py-3", children: [_jsx("div", { className: "min-w-0 flex-1 sm:max-w-72", children: _jsx(SearchInput, { placeholder: "Search rules\u2026", value: searchInput, maxLength: ruleSearchMaxLength, onChange: (event) => {
+                                setSearchInput(event.target.value);
+                                setPageIndex(0);
+                            }, clearValue: () => {
+                                setSearchInput("");
+                                setPageIndex(0);
+                            }, autoComplete: "off" }) }), query.isFetching && !query.isLoading && _jsx(Loader, { className: "size-4 shrink-0 text-muted-foreground" })] })), renderBody(), totalPages > 1 && (_jsx("div", { className: "flex justify-end border-t border-muted-border px-4 py-3", children: _jsx(PaginationBlock, { currentPageIndex: pageIndex, totalPages: totalPages, onPageChange: setPageIndex, showPageSize: true, pageSize: actionPlanRulesPageSize, totalCount: totalCount }) }))] }));
+}

package/dist/routes/plans/components/ActionPlansFilters.d.ts

@@ -0,0 +1,24 @@
+import type { Table } from "@tanstack/react-table";
+import { type ApprovalFilter, type AvailabilityFilter, type StatusFilter, type TypeFilter } from "./actionPlansTableConfig.js";
+export type LastRunDateRange = {
+    from: Date | undefined;
+    to?: Date | undefined;
+};
+type ActionPlansFiltersProps<TData> = {
+    searchQuery: string;
+    onSearchQueryChange: (value: string) => void;
+    statusFilter: StatusFilter;
+    onStatusFilterChange: (status: StatusFilter) => void;
+    availabilityFilter: AvailabilityFilter;
+    onAvailabilityFilterChange: (availability: AvailabilityFilter) => void;
+    typeFilter: TypeFilter[];
+    onTypeFilterChange: (types: TypeFilter[]) => void;
+    lastRunRange: LastRunDateRange | undefined;
+    onLastRunRangeChange: (range?: LastRunDateRange) => void;
+    approvalFilter: ApprovalFilter;
+    onApprovalFilterChange: (approval: ApprovalFilter) => void;
+    table: Table<TData>;
+};
+export declare function ActionPlansFilters<TData>(props: ActionPlansFiltersProps<TData>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ActionPlansFilters.d.ts.map

package/dist/routes/plans/components/ActionPlansFilters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionPlansFilters.d.ts","sourceRoot":"","sources":["../../../../src/routes/plans/components/ActionPlansFilters.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAInD,OAAO,EAOL,KAAK,cAAc,EACnB,KAAK,kBAAkB,EACvB,KAAK,YAAY,EACjB,KAAK,UAAU,EAChB,MAAM,0BAA0B,CAAC;AAelC,MAAM,MAAM,gBAAgB,GAAG;IAAE,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC;IAAC,EAAE,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;CAAE,CAAC;AA4MjF,KAAK,uBAAuB,CAAC,KAAK,IAAI;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,YAAY,CAAC;IAC3B,oBAAoB,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IACrD,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,0BAA0B,EAAE,CAAC,YAAY,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACvE,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,kBAAkB,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAClD,YAAY,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC3C,oBAAoB,EAAE,CAAC,KAAK,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACzD,cAAc,EAAE,cAAc,CAAC;IAC/B,sBAAsB,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAC;IAC3D,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;CACrB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,KAAK,EAAE,uBAAuB,CAAC,KAAK,CAAC,2CAoH9E"}