@manta-eu/react 0.1.0

package/dist/action-shapes/catalog.generated.js

@@ -0,0 +1,53 @@
+// Auto-generated from scripts/action-shapes-snapshot.json — do not edit manually.
+// Regenerate: pnpm --filter @manta-eu/react generate:action-shapes
+import { google, meta } from "@manta-eu/ldo/namespaces";
+import { vocab } from "@manta-eu/ldo/realm";
+const metaVocab = vocab("meta");
+const googleVocab = vocab("google");
+export const generatedActionShapes = [
+    {
+        iri: `${metaVocab}CampaignShape`,
+        operations: ["update"],
+        targetRdfTypes: [meta.Campaign],
+    },
+    {
+        iri: `${metaVocab}AdSetShape`,
+        operations: ["update"],
+        targetRdfTypes: [meta.AdSet],
+    },
+    {
+        iri: `${metaVocab}AdShape`,
+        operations: ["update", "delete"],
+        targetRdfTypes: [meta.Ad],
+    },
+    {
+        iri: `${googleVocab}CampaignShape`,
+        operations: ["create", "update", "delete"],
+        targetRdfTypes: [google.Campaign],
+    },
+    {
+        iri: `${googleVocab}CampaignBudgetShape`,
+        operations: ["create", "update", "delete"],
+        targetRdfTypes: [google.CampaignBudget],
+    },
+    {
+        iri: `${googleVocab}CampaignCriterionShape`,
+        operations: ["create", "delete"],
+        targetRdfTypes: [google.CampaignCriterion],
+    },
+    {
+        iri: `${googleVocab}AdGroupShape`,
+        operations: ["create", "update", "delete"],
+        targetRdfTypes: [google.AdGroup],
+    },
+    {
+        iri: `${googleVocab}AdGroupAdShape`,
+        operations: ["create", "update", "delete"],
+        targetRdfTypes: [google.AdGroupAd],
+    },
+    {
+        iri: `${googleVocab}AdGroupCriterionShape`,
+        operations: ["create", "delete"],
+        targetRdfTypes: [google.AdGroupCriterion],
+    },
+];

package/dist/action-shapes/catalog.js

@@ -0,0 +1,9 @@
+import { expandPrefix } from "@manta-eu/rdf-lib/namespaces";
+import { generatedActionShapes } from "./catalog.generated.js";
+export const supportedActionShapes = generatedActionShapes;
+const byIri = new Map(supportedActionShapes.map((s) => [s.iri, s]));
+export function getActionShapeSpec(iri) {
+    if (!iri)
+        return undefined;
+    return byIri.get(iri) ?? byIri.get(expandPrefix(iri));
+}

package/dist/action-shapes/coverage.d.ts

@@ -0,0 +1,4 @@
+import type { ActionShapeSpec, TableCoverageStatus, TableLevel } from "./types.js";
+export declare function tableLevelForType(targetRdfTypes: ReadonlyArray<string>): TableLevel | null;
+export declare function tableCoverageStatusFor(shape: ActionShapeSpec): TableCoverageStatus;
+//# sourceMappingURL=coverage.d.ts.map

package/dist/action-shapes/coverage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"coverage.d.ts","sourceRoot":"","sources":["../../src/action-shapes/coverage.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAWhF,wBAAgB,iBAAiB,CAAC,cAAc,EAAE,aAAa,CAAC,MAAM,CAAC,GAAG,UAAU,GAAG,IAAI,CAM1F;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,eAAe,GAAG,mBAAmB,CAIlF"}

package/dist/action-shapes/coverage.js

@@ -0,0 +1,23 @@
+import { google, meta } from "@manta-eu/ldo/namespaces";
+const tableLevelByType = new Map([
+    [meta.Campaign, "CAMPAIGN"],
+    [meta.AdSet, "AD_SET"],
+    [meta.Ad, "AD"],
+    [google.Campaign, "CAMPAIGN"],
+    [google.AdGroup, "AD_SET"],
+    [google.AdGroupAd, "AD"],
+]);
+export function tableLevelForType(targetRdfTypes) {
+    for (const type of targetRdfTypes) {
+        const level = tableLevelByType.get(type);
+        if (level)
+            return level;
+    }
+    return null;
+}
+export function tableCoverageStatusFor(shape) {
+    const level = tableLevelForType(shape.targetRdfTypes);
+    if (!level)
+        return "unsupported";
+    return shape.operations.includes("update") ? "covered" : "planned";
+}

package/dist/action-shapes/defaults.d.ts

@@ -0,0 +1,7 @@
+import { type ChangeNode } from "../action-plan-changes/index.js";
+import type { PlanEntityMetric } from "../hooks/use-action-plan-entity-metrics.js";
+import type { ActionShapeSpec } from "./types.js";
+export type MetricSeed = Partial<PlanEntityMetric> & Pick<PlanEntityMetric, "subject" | "typeIri" | "level" | "label">;
+export declare function metric(seed: MetricSeed): PlanEntityMetric;
+export declare function synthesizeDefaultPreview(shape: ActionShapeSpec): ChangeNode[] | null;
+//# sourceMappingURL=defaults.d.ts.map

package/dist/action-shapes/defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../src/action-shapes/defaults.ts"],"names":[],"mappings":"AAEA,OAAO,EAAmB,KAAK,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAEhF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC,CAAC;AAEvH,wBAAgB,MAAM,CAAC,IAAI,EAAE,UAAU,GAAG,gBAAgB,CAgBzD;AAWD,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,eAAe,GAAG,UAAU,EAAE,GAAG,IAAI,CAsCpF"}

package/dist/action-shapes/defaults.js

@@ -0,0 +1,63 @@
+import { compactUri } from "@manta-eu/rdf-lib/namespaces";
+import { match } from "ts-pattern";
+import { buildChangeTree } from "../action-plan-changes/index.js";
+import { tableLevelForType } from "./coverage.js";
+export function metric(seed) {
+    return {
+        hierarchyLabel: seed.label,
+        campaignIri: null,
+        adsetIri: null,
+        campaignLabel: null,
+        adsetLabel: null,
+        pauseReason: null,
+        scaleReason: null,
+        wastedSpend: null,
+        currentRoas: null,
+        dailyBudget: null,
+        previousDailyBudget: null,
+        budgetIncreaseFactor: null,
+        ...seed,
+    };
+}
+function localName(iri) {
+    const compact = compactUri(iri);
+    const colon = compact.lastIndexOf(":");
+    return colon >= 0 ? compact.slice(colon + 1) : compact;
+}
+// A synthesized preview lets any leveled shape render a representative row in
+// the coverage dashboard without a hand-authored fixture — the mechanism that
+// keeps the catalog scaling to 100+ shapes. Curated descriptors override this.
+export function synthesizeDefaultPreview(shape) {
+    const level = tableLevelForType(shape.targetRdfTypes);
+    if (!level)
+        return null;
+    const typeIri = shape.targetRdfTypes[0] ?? "";
+    const subject = `urn:action-shape-preview:${shape.iri}`;
+    const label = `${localName(typeIri)} — preview`;
+    return match(level)
+        .with("AD", () => buildChangeTree([metric({ subject, typeIri, level, label, currentRoas: 2.4 })], {
+        fieldEditsBySubject: {
+            [subject]: [
+                {
+                    field: "primaryText",
+                    label: "Primary text",
+                    previous: "Shop the new collection today.",
+                    next: "Shop the new collection — 20% off this week.",
+                },
+            ],
+        },
+    }))
+        .with("CAMPAIGN", "AD_SET", () => buildChangeTree([
+        metric({
+            subject,
+            typeIri,
+            level,
+            label,
+            previousDailyBudget: 80,
+            dailyBudget: 120,
+            budgetIncreaseFactor: 1.5,
+            scaleReason: "ROAS above target with headroom — scaling budget.",
+        }),
+    ]))
+        .exhaustive();
+}

package/dist/action-shapes/descriptors/index.d.ts

@@ -0,0 +1,15 @@
+import { type CURIE } from "@manta-eu/rdf-lib/namespaces";
+import type { ActionShapeSpec } from "../types.js";
+import type { ChangeNode } from "#action-plan-changes/index";
+export type ActionShapeDescriptor = {
+    iri: CURIE;
+    label?: string;
+    preview?: () => ChangeNode[];
+};
+export declare function getActionShapeDescriptor(iri: string): ActionShapeDescriptor | undefined;
+export declare function resolveActionShape(iri: string): {
+    spec: ActionShapeSpec | undefined;
+    descriptor: ActionShapeDescriptor | undefined;
+};
+export declare function getTableShapePreview(shape: ActionShapeSpec): ChangeNode[] | null;
+//# sourceMappingURL=index.d.ts.map

package/dist/action-shapes/descriptors/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/action-shapes/descriptors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAGxE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAIhD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAE7D,MAAM,MAAM,qBAAqB,GAAG;IAClC,GAAG,EAAE,KAAK,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,UAAU,EAAE,CAAC;CAC9B,CAAC;AAUF,wBAAgB,wBAAwB,CAAC,GAAG,EAAE,MAAM,GAAG,qBAAqB,GAAG,SAAS,CAEvF;AAED,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,MAAM,GAAG;IAC/C,IAAI,EAAE,eAAe,GAAG,SAAS,CAAC;IAClC,UAAU,EAAE,qBAAqB,GAAG,SAAS,CAAC;CAC/C,CAEA;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,eAAe,GAAG,UAAU,EAAE,GAAG,IAAI,CAIhF"}

package/dist/action-shapes/descriptors/index.js

@@ -0,0 +1,24 @@
+import { expandPrefix } from "@manta-eu/rdf-lib/namespaces";
+import { getActionShapeSpec } from "../catalog.js";
+import { synthesizeDefaultPreview } from "../defaults.js";
+import { metaAdDescriptor } from "./meta-ad.js";
+import { metaAdSetDescriptor } from "./meta-adset.js";
+import { metaCampaignDescriptor } from "./meta-campaign.js";
+const descriptorList = [
+    metaCampaignDescriptor,
+    metaAdSetDescriptor,
+    metaAdDescriptor,
+];
+const byIri = new Map(descriptorList.map((d) => [expandPrefix(d.iri), d]));
+export function getActionShapeDescriptor(iri) {
+    return byIri.get(iri) ?? byIri.get(expandPrefix(iri));
+}
+export function resolveActionShape(iri) {
+    return { spec: getActionShapeSpec(iri), descriptor: getActionShapeDescriptor(iri) };
+}
+export function getTableShapePreview(shape) {
+    const descriptor = getActionShapeDescriptor(shape.iri);
+    if (descriptor?.preview)
+        return descriptor.preview();
+    return synthesizeDefaultPreview(shape);
+}

package/dist/action-shapes/descriptors/meta-ad.d.ts

@@ -0,0 +1,3 @@
+import type { ActionShapeDescriptor } from "./index.js";
+export declare const metaAdDescriptor: ActionShapeDescriptor;
+//# sourceMappingURL=meta-ad.d.ts.map

package/dist/action-shapes/descriptors/meta-ad.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta-ad.d.ts","sourceRoot":"","sources":["../../../src/action-shapes/descriptors/meta-ad.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAwBrD,eAAO,MAAM,gBAAgB,EAAE,qBAe9B,CAAC"}

package/dist/action-shapes/descriptors/meta-ad.js

@@ -0,0 +1,33 @@
+import { metric } from "../defaults.js";
+import { buildChangeTree } from "#action-plan-changes/index";
+const metaAdType = "meta:Ad";
+const heroAd = "urn:meta:ad:shape-preview";
+const heroAdFieldEdits = {
+    [heroAd]: [
+        {
+            field: "primaryText",
+            label: "Primary text",
+            previous: "Spring styles are here. Shop the new collection today.",
+            next: "New season, new you — discover spring arrivals with 20% off your first order.",
+            reason: "Aligning copy with the active 20% launch promotion.",
+        },
+        {
+            field: "title",
+            label: "Title",
+            previous: "Spring Collection",
+            next: "Spring Collection — 20% Off",
+        },
+    ],
+};
+export const metaAdDescriptor = {
+    iri: "meta:AdShape",
+    preview: () => buildChangeTree([
+        metric({
+            subject: heroAd,
+            typeIri: metaAdType,
+            level: "AD",
+            label: "Single Image — Hero",
+            currentRoas: 2.4,
+        }),
+    ], { fieldEditsBySubject: heroAdFieldEdits }),
+};

package/dist/action-shapes/descriptors/meta-adset.d.ts

@@ -0,0 +1,3 @@
+import type { ActionShapeDescriptor } from "./index.js";
+export declare const metaAdSetDescriptor: ActionShapeDescriptor;
+//# sourceMappingURL=meta-adset.d.ts.map

package/dist/action-shapes/descriptors/meta-adset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta-adset.d.ts","sourceRoot":"","sources":["../../../src/action-shapes/descriptors/meta-adset.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAKrD,eAAO,MAAM,mBAAmB,EAAE,qBAgBjC,CAAC"}

package/dist/action-shapes/descriptors/meta-adset.js

@@ -0,0 +1,19 @@
+import { metric } from "../defaults.js";
+import { buildChangeTree } from "#action-plan-changes/index";
+const metaAdSetType = "meta:AdSet";
+export const metaAdSetDescriptor = {
+    iri: "meta:AdSetShape",
+    preview: () => buildChangeTree([
+        metric({
+            subject: "urn:meta:adset:shape-preview",
+            typeIri: metaAdSetType,
+            level: "AD_SET",
+            label: "Lookalike 1% — US",
+            previousDailyBudget: 80,
+            dailyBudget: 120,
+            budgetIncreaseFactor: 1.5,
+            scaleReason: "ROAS 3.2x and steady — modest scale.",
+            currentRoas: 3.2,
+        }),
+    ]),
+};

package/dist/action-shapes/descriptors/meta-campaign.d.ts

@@ -0,0 +1,3 @@
+import type { ActionShapeDescriptor } from "./index.js";
+export declare const metaCampaignDescriptor: ActionShapeDescriptor;
+//# sourceMappingURL=meta-campaign.d.ts.map

package/dist/action-shapes/descriptors/meta-campaign.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta-campaign.d.ts","sourceRoot":"","sources":["../../../src/action-shapes/descriptors/meta-campaign.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAKrD,eAAO,MAAM,sBAAsB,EAAE,qBAepC,CAAC"}

package/dist/action-shapes/descriptors/meta-campaign.js

@@ -0,0 +1,18 @@
+import { metric } from "../defaults.js";
+import { buildChangeTree } from "#action-plan-changes/index";
+const metaCampaignType = "meta:Campaign";
+export const metaCampaignDescriptor = {
+    iri: "meta:CampaignShape",
+    preview: () => buildChangeTree([
+        metric({
+            subject: "urn:meta:campaign:shape-preview",
+            typeIri: metaCampaignType,
+            level: "CAMPAIGN",
+            label: "Summer Sale — Prospecting",
+            previousDailyBudget: 1500,
+            dailyBudget: 2000,
+            budgetIncreaseFactor: 1.33,
+            scaleReason: "Account-level ROAS 3.1x with headroom — raising campaign budget cap.",
+        }),
+    ]),
+};

package/dist/action-shapes/grouping.d.ts

@@ -0,0 +1,5 @@
+import type { ActionShapeSpec } from "./types.js";
+export type ActionPrefix = "Manta" | "Meta" | "Google" | "Gmc" | "Other";
+export declare function actionPrefixOf(iri: string): ActionPrefix;
+export declare function groupActionShapesByPrefix(shapes: ReadonlyArray<ActionShapeSpec>): Map<ActionPrefix, ActionShapeSpec[]>;
+//# sourceMappingURL=grouping.d.ts.map

package/dist/action-shapes/grouping.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grouping.d.ts","sourceRoot":"","sources":["../../src/action-shapes/grouping.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,OAAO,CAAC;AASzE,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,YAAY,CAKxD;AAED,wBAAgB,yBAAyB,CACvC,MAAM,EAAE,aAAa,CAAC,eAAe,CAAC,GACrC,GAAG,CAAC,YAAY,EAAE,eAAe,EAAE,CAAC,CAStC"}

package/dist/action-shapes/grouping.js

@@ -0,0 +1,24 @@
+import { namespaces } from "@manta-eu/rdf-lib/namespaces";
+const knownPrefixes = [
+    { prefix: "Gmc", iri: namespaces.gmc },
+    { prefix: "Google", iri: namespaces.google },
+    { prefix: "Meta", iri: namespaces.meta },
+    { prefix: "Manta", iri: namespaces[""] },
+];
+export function actionPrefixOf(iri) {
+    for (const { prefix, iri: nsIri } of knownPrefixes) {
+        if (iri.startsWith(nsIri))
+            return prefix;
+    }
+    return "Other";
+}
+export function groupActionShapesByPrefix(shapes) {
+    const groups = new Map();
+    for (const shape of shapes) {
+        const prefix = actionPrefixOf(shape.iri);
+        const bucket = groups.get(prefix) ?? [];
+        bucket.push(shape);
+        groups.set(prefix, bucket);
+    }
+    return groups;
+}

package/dist/action-shapes/index.d.ts

@@ -0,0 +1,8 @@
+export type { ActionOperation, ActionShapeSpec, TableLevel, TableCoverageStatus } from "./types.js";
+export { supportedActionShapes, getActionShapeSpec } from "./catalog.js";
+export { type ActionPrefix, actionPrefixOf, groupActionShapesByPrefix } from "./grouping.js";
+export { tableLevelForType, tableCoverageStatusFor } from "./coverage.js";
+export { type CoverageStatus, coverageStatusFor } from "./node-coverage.js";
+export { metric, synthesizeDefaultPreview, type MetricSeed } from "./defaults.js";
+export { type ActionShapeDescriptor, getActionShapeDescriptor, resolveActionShape, getTableShapePreview, } from "./descriptors/index.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/action-shapes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/action-shapes/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AACjG,OAAO,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AACtE,OAAO,EAAE,KAAK,YAAY,EAAE,cAAc,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AAC1F,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AACvE,OAAO,EAAE,KAAK,cAAc,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,MAAM,EAAE,wBAAwB,EAAE,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AAC/E,OAAO,EACL,KAAK,qBAAqB,EAC1B,wBAAwB,EACxB,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,eAAe,CAAC"}

package/dist/action-shapes/index.js

@@ -0,0 +1,6 @@
+export { supportedActionShapes, getActionShapeSpec } from "./catalog.js";
+export { actionPrefixOf, groupActionShapesByPrefix } from "./grouping.js";
+export { tableLevelForType, tableCoverageStatusFor } from "./coverage.js";
+export { coverageStatusFor } from "./node-coverage.js";
+export { metric, synthesizeDefaultPreview } from "./defaults.js";
+export { getActionShapeDescriptor, resolveActionShape, getTableShapePreview, } from "./descriptors/index.js";

package/dist/action-shapes/node-coverage.d.ts

@@ -0,0 +1,4 @@
+import type { ActionShapeSpec } from "./types.js";
+export type CoverageStatus = "action" | "entity" | "generic";
+export declare function coverageStatusFor(shape: ActionShapeSpec): CoverageStatus;
+//# sourceMappingURL=node-coverage.d.ts.map

package/dist/action-shapes/node-coverage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-coverage.d.ts","sourceRoot":"","sources":["../../src/action-shapes/node-coverage.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE7D,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,eAAe,GAAG,cAAc,CAIxE"}

package/dist/action-shapes/node-coverage.js

@@ -0,0 +1,8 @@
+import { typedActionShapeIris, typedEntityTypeIris } from "../graph/createNodeRouter.js";
+export function coverageStatusFor(shape) {
+    if (typedActionShapeIris.has(shape.iri))
+        return "action";
+    if (shape.targetRdfTypes.some((t) => typedEntityTypeIris.has(t)))
+        return "entity";
+    return "generic";
+}

package/dist/action-shapes/types.d.ts

@@ -0,0 +1,9 @@
+export type ActionOperation = "create" | "update" | "delete";
+export type ActionShapeSpec = {
+    iri: string;
+    operations: ReadonlyArray<ActionOperation>;
+    targetRdfTypes: ReadonlyArray<string>;
+};
+export type TableLevel = "CAMPAIGN" | "AD_SET" | "AD";
+export type TableCoverageStatus = "covered" | "planned" | "unsupported";
+//# sourceMappingURL=types.d.ts.map

package/dist/action-shapes/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/action-shapes/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE7D,MAAM,MAAM,eAAe,GAAG;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC3C,cAAc,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,QAAQ,GAAG,IAAI,CAAC;AAEtD,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC"}

package/dist/action-shapes/types.js

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

package/dist/ad-preview/AdPluralDisplay.d.ts

@@ -0,0 +1,28 @@
+import type { ReactNode } from "react";
+export type AdPluralEntry<TModel> = {
+    iri: string;
+    model: TModel;
+};
+type AdPluralConfig<TModel> = {
+    useModels: (iris: readonly string[]) => readonly AdPluralEntry<TModel>[];
+    emptyModel: () => TModel;
+    renderSingular: (model: TModel, resetKey: string, businessName?: string) => ReactNode;
+    label: (model: TModel, position: number) => string;
+};
+export type AdPluralDialogBodyProps<TModel> = AdPluralConfig<TModel> & {
+    activeIri: string;
+    iris: readonly string[];
+    businessName?: string;
+    onSelect?: (iri: string) => void;
+};
+export declare function AdPluralDialogBody<TModel>(props: AdPluralDialogBodyProps<TModel>): import("react/jsx-runtime").JSX.Element;
+export type AdPluralDisplayProps<TModel> = AdPluralConfig<TModel> & {
+    iris: readonly string[];
+    renderPreview: (model: TModel, businessName?: string) => ReactNode;
+    businessName?: string;
+    className?: string;
+    align?: "start" | "stretch";
+};
+export declare function AdPluralDisplay<TModel>(props: AdPluralDisplayProps<TModel>): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=AdPluralDisplay.d.ts.map

package/dist/ad-preview/AdPluralDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdPluralDisplay.d.ts","sourceRoot":"","sources":["../../src/ad-preview/AdPluralDisplay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,MAAM,MAAM,aAAa,CAAC,MAAM,IAAI;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnE,KAAK,cAAc,CAAC,MAAM,IAAI;IAC5B,SAAS,EAAE,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,KAAK,SAAS,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC;IACzE,UAAU,EAAE,MAAM,MAAM,CAAC;IACzB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,SAAS,CAAC;IACtF,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;CACpD,CAAC;AAEF,MAAM,MAAM,uBAAuB,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM,CAAC,GAAG;IACrE,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,SAAS,MAAM,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,KAAK,EAAE,uBAAuB,CAAC,MAAM,CAAC,2CA8BhF;AAED,MAAM,MAAM,oBAAoB,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM,CAAC,GAAG;IAClE,IAAI,EAAE,SAAS,MAAM,EAAE,CAAC;IACxB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,SAAS,CAAC;IACnE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC7B,CAAC;AAEF,wBAAgB,eAAe,CAAC,MAAM,EAAE,KAAK,EAAE,oBAAoB,CAAC,MAAM,CAAC,kDA8F1E"}

package/dist/ad-preview/AdPluralDisplay.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { useId, useMemo, useState } from "react";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "#components/modal/index";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "#components/select/index";
+import { useCanScroll } from "#lib/use-can-scroll";
+import { cn } from "#style";
+export function AdPluralDialogBody(props) {
+    const { activeIri, iris, businessName, onSelect, useModels, emptyModel, renderSingular, label } = props;
+    const idBase = useId();
+    const resolvedIris = useMemo(() => (iris.includes(activeIri) ? iris : [...iris, activeIri]), [iris, activeIri]);
+    const entries = useModels(resolvedIris);
+    const activeModel = entries.find((entry) => entry.iri === activeIri)?.model ?? emptyModel();
+    return (_jsxs("div", { className: "flex flex-col items-center gap-3", children: [entries.length > 1 && (_jsx("div", { className: "w-64", children: _jsxs(Select, { value: activeIri, onValueChange: (value) => onSelect?.(value), children: [_jsx(SelectTrigger, { id: `${idBase}-ad`, label: "Ad", size: "sm", hiddenLabel: true, children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { size: "sm", children: entries.map(({ iri, model }, index) => (_jsx(SelectItem, { value: iri, children: label(model, index) }, iri))) })] }) })), renderSingular(activeModel, activeIri, businessName)] }));
+}
+export function AdPluralDisplay(props) {
+    const { iris, businessName, className, useModels, emptyModel, renderPreview, renderSingular, label, align = "start", } = props;
+    const [openIri, setOpenIri] = useState();
+    const [isOpen, setIsOpen] = useState(false);
+    const uniqueIris = useMemo(() => [...new Set(iris.filter(isPresent))], [iris]);
+    const entries = useModels(uniqueIris);
+    const activeIri = openIri !== undefined && uniqueIris.includes(openIri) ? openIri : undefined;
+    const { ref: stripRef, canScrollLeft, canScrollRight } = useCanScroll({ axis: "x" });
+    if (!isPresent(uniqueIris))
+        return null;
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: cn("relative max-w-full", className), children: [_jsx("div", { ref: stripRef, className: "max-w-full overflow-x-auto", children: _jsx("div", { className: cn("mx-auto flex w-fit gap-3", align === "stretch" ? "items-stretch" : "items-start"), children: entries.map(({ iri, model }, index) => (_jsxs("div", { className: "relative flex w-fit shrink-0 cursor-pointer flex-col items-start gap-1", children: [_jsx("button", { type: "button", title: label(model, index), onClick: () => {
+                                            setOpenIri(iri);
+                                            setIsOpen(true);
+                                        }, className: "typography-tiny max-w-50 cursor-pointer truncate whitespace-nowrap text-muted-foreground after:absolute after:inset-0", children: label(model, index) }), _jsx("div", { inert: true, className: cn("pointer-events-none", align === "stretch" && "flex-1"), children: renderPreview(model, businessName) })] }, iri))) }) }), _jsx("div", { "aria-hidden": true, className: cn("pointer-events-none absolute inset-y-0 left-0 w-8 bg-linear-to-r from-base-background to-transparent transition-opacity", canScrollLeft ? "opacity-100" : "opacity-0") }), _jsx("div", { "aria-hidden": true, className: cn("pointer-events-none absolute inset-y-0 right-0 w-8 bg-linear-to-l from-base-background to-transparent transition-opacity", canScrollRight ? "opacity-100" : "opacity-0") })] }), _jsx(Dialog, { open: isOpen && activeIri !== undefined, onOpenChange: (open) => {
+                    if (!open)
+                        setIsOpen(false);
+                }, children: _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { text: "Ad preview" }) }), activeIri !== undefined && (_jsx(AdPluralDialogBody, { activeIri: activeIri, iris: uniqueIris, businessName: businessName, onSelect: setOpenIri, useModels: useModels, emptyModel: emptyModel, renderSingular: renderSingular, label: label }))] }) })] }));
+}

package/dist/ad-preview/GoogleAdGroupAdDisplay.d.ts

@@ -0,0 +1,4 @@
+import { type GoogleAdGroupAdSingularDisplayProps } from "./GoogleAdGroupAdSingularDisplay.js";
+export type GoogleAdGroupAdDisplayProps = GoogleAdGroupAdSingularDisplayProps;
+export declare function GoogleAdGroupAdDisplay(props: GoogleAdGroupAdDisplayProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GoogleAdGroupAdDisplay.d.ts.map

package/dist/ad-preview/GoogleAdGroupAdDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GoogleAdGroupAdDisplay.d.ts","sourceRoot":"","sources":["../../src/ad-preview/GoogleAdGroupAdDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,mCAAmC,EACzC,MAAM,kCAAkC,CAAC;AAE1C,MAAM,MAAM,2BAA2B,GAAG,mCAAmC,CAAC;AAE9E,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,2CAExE"}

package/dist/ad-preview/GoogleAdGroupAdDisplay.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { GoogleAdGroupAdSingularDisplay, } from "./GoogleAdGroupAdSingularDisplay.js";
+export function GoogleAdGroupAdDisplay(props) {
+    return _jsx(GoogleAdGroupAdSingularDisplay, { ...props });
+}

package/dist/ad-preview/GoogleAdGroupAdPluralDisplay.d.ts

@@ -0,0 +1,14 @@
+export type GoogleAdGroupAdPluralDisplayProps = {
+    iris: readonly string[];
+    businessName?: string;
+    className?: string;
+};
+export type GoogleAdGroupAdPluralDialogBodyProps = {
+    activeIri: string;
+    iris: readonly string[];
+    businessName?: string;
+    onSelect?: (iri: string) => void;
+};
+export declare function GoogleAdGroupAdPluralDialogBody(props: GoogleAdGroupAdPluralDialogBodyProps): import("react/jsx-runtime").JSX.Element;
+export declare function GoogleAdGroupAdPluralDisplay(props: GoogleAdGroupAdPluralDisplayProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GoogleAdGroupAdPluralDisplay.d.ts.map

package/dist/ad-preview/GoogleAdGroupAdPluralDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GoogleAdGroupAdPluralDisplay.d.ts","sourceRoot":"","sources":["../../src/ad-preview/GoogleAdGroupAdPluralDisplay.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,iCAAiC,GAAG;IAC9C,IAAI,EAAE,SAAS,MAAM,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAqBF,MAAM,MAAM,oCAAoC,GAAG;IACjD,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,SAAS,MAAM,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,oCAAoC,2CAU1F;AAED,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,iCAAiC,2CAYpF"}

package/dist/ad-preview/GoogleAdGroupAdPluralDisplay.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AdPluralDialogBody, AdPluralDisplay } from "./AdPluralDisplay.js";
+import { emptyGoogleSearchAdModel } from "./google-ad-model.js";
+import { GoogleAdGroupAdSingularView } from "./GoogleAdGroupAdSingularDisplay.js";
+import { GoogleAdPreview } from "./GoogleAdPreview.js";
+import { useGoogleSearchAdModels } from "./use-google-search-ad-preview.js";
+function label(_model, position) {
+    return `Ad ${position + 1}`;
+}
+function renderPreview(model, businessName) {
+    return _jsx(GoogleAdPreview, { model: model, businessName: businessName });
+}
+function renderSingular(model, resetKey, businessName) {
+    return (_jsx(GoogleAdGroupAdSingularView, { model: model, resetKey: resetKey, businessName: businessName, className: "items-center" }));
+}
+export function GoogleAdGroupAdPluralDialogBody(props) {
+    return (_jsx(AdPluralDialogBody, { ...props, useModels: useGoogleSearchAdModels, emptyModel: emptyGoogleSearchAdModel, renderSingular: renderSingular, label: label }));
+}
+export function GoogleAdGroupAdPluralDisplay(props) {
+    return (_jsx(AdPluralDisplay, { ...props, useModels: useGoogleSearchAdModels, emptyModel: emptyGoogleSearchAdModel, renderPreview: renderPreview, renderSingular: renderSingular, label: label, align: "stretch" }));
+}

package/dist/ad-preview/GoogleAdGroupAdSingularDisplay.d.ts

@@ -0,0 +1,15 @@
+import type { GoogleSearchAdModel } from "./google-ad-model.js";
+export type GoogleAdGroupAdSingularViewProps = {
+    model: GoogleSearchAdModel;
+    resetKey: string;
+    businessName?: string;
+    className?: string;
+};
+export declare function GoogleAdGroupAdSingularView(props: GoogleAdGroupAdSingularViewProps): import("react/jsx-runtime").JSX.Element;
+export type GoogleAdGroupAdSingularDisplayProps = {
+    iri: string;
+    businessName?: string;
+    className?: string;
+};
+export declare function GoogleAdGroupAdSingularDisplay(props: GoogleAdGroupAdSingularDisplayProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GoogleAdGroupAdSingularDisplay.d.ts.map

package/dist/ad-preview/GoogleAdGroupAdSingularDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GoogleAdGroupAdSingularDisplay.d.ts","sourceRoot":"","sources":["../../src/ad-preview/GoogleAdGroupAdSingularDisplay.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAQ7D,MAAM,MAAM,gCAAgC,GAAG;IAC7C,KAAK,EAAE,mBAAmB,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,gCAAgC,2CAiDlF;AAED,MAAM,MAAM,mCAAmC,GAAG;IAChD,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,8BAA8B,CAAC,KAAK,EAAE,mCAAmC,2CAMxF"}

package/dist/ad-preview/GoogleAdGroupAdSingularDisplay.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useState } from "react";
+import { clampIndex } from "./ad-copy.js";
+import { GoogleAdPreview } from "./GoogleAdPreview.js";
+import { useGoogleSearchAdModel } from "./use-google-search-ad-preview.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "#components/select/index";
+import { cn } from "#style";
+export function GoogleAdGroupAdSingularView(props) {
+    const { model, resetKey, businessName, className } = props;
+    const idBase = useId();
+    const [indices, setIndices] = useState({ headline: 0, description: 0 });
+    const [indicesKey, setIndicesKey] = useState(resetKey);
+    if (indicesKey !== resetKey) {
+        setIndicesKey(resetKey);
+        setIndices({ headline: 0, description: 0 });
+    }
+    const lists = [
+        { kind: "headline", label: "Headline", values: model.headlines },
+        { kind: "description", label: "Description", values: model.descriptions },
+    ];
+    return (_jsxs("div", { className: cn("flex flex-col items-start gap-3", className), children: [lists.some((list) => list.values.length > 1) && (
+            // nodrag: without it, clicking the Select drags the React-Flow node instead of opening the menu.
+            _jsx("div", { className: "nodrag flex flex-wrap items-end gap-2", children: lists
+                    .filter((list) => list.values.length > 1)
+                    .map((list) => (_jsx("div", { className: "w-44", children: _jsxs(Select, { value: String(clampIndex(list.values, indices[list.kind])), onValueChange: (value) => setIndices((current) => ({ ...current, [list.kind]: Number(value) })), children: [_jsx(SelectTrigger, { id: `${idBase}-${list.kind}`, label: list.label, size: "sm", hiddenLabel: true, children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { size: "sm", children: list.values.map((_ignored, index) => (_jsx(SelectItem, { value: String(index), children: `${list.label} ${index + 1} of ${list.values.length}` }, index))) })] }) }, list.kind))) })), _jsx(GoogleAdPreview, { model: model, businessName: businessName, indices: indices })] }));
+}
+export function GoogleAdGroupAdSingularDisplay(props) {
+    const { iri, businessName, className } = props;
+    const model = useGoogleSearchAdModel(iri);
+    return _jsx(GoogleAdGroupAdSingularView, { model: model, resetKey: iri, businessName: businessName, className: className });
+}

package/dist/ad-preview/GoogleAdPreview.d.ts

@@ -0,0 +1,11 @@
+import type { GoogleSearchAdModel } from "./google-ad-model.js";
+export type GoogleAdPreviewProps = {
+    model: GoogleSearchAdModel;
+    businessName?: string;
+    indices?: {
+        headline: number;
+        description: number;
+    };
+};
+export declare function GoogleAdPreview(props: GoogleAdPreviewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GoogleAdPreview.d.ts.map

package/dist/ad-preview/GoogleAdPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GoogleAdPreview.d.ts","sourceRoot":"","sources":["../../src/ad-preview/GoogleAdPreview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAG7D,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,mBAAmB,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,CAAC;CACrD,CAAC;AAYF,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAwB1D"}