@manta-eu/react 0.1.0

package/dist/graph/nodes/BrandAssetAnalysisView.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { namespaces } from "@manta-eu/rdf-lib/namespaces";
+import { ScanEye } from "lucide-react";
+import { memo } from "react";
+import { assetImageUrl, BrandNodeBody, useAssetFileName } from "./brand-shared.js";
+import { EntityCardShell } from "./EntityCardShell.js";
+import { EntityImage } from "./EntityImage.js";
+import { NodePropertyTable } from "./NodePropertyTable.js";
+import { readBrandString, readNmoString } from "./typed-node-helpers.js";
+import { useRedirectEndpoint } from "#hooks/use-redirect-endpoint";
+const filePredicate = `${namespaces.brand}file`;
+const mimePredicate = `${namespaces.nmo}contentMimeType`;
+const descriptionPredicate = `${namespaces.brand}assetDescription`;
+// The generated schema requires `m:file`, which only the planned request carries, so a lens read never matches.
+export const BrandAssetAnalysisView = memo(function BrandAssetAnalysisView(props) {
+    const { data, selected = false, ringColor, onContextMenu } = props;
+    const redirectEndpoint = useRedirectEndpoint();
+    const file = readBrandString(data.jsonLd, "file");
+    const mimeType = readNmoString(data.jsonLd, "contentMimeType");
+    const imageUrl = assetImageUrl(file, mimeType, redirectEndpoint);
+    const description = readBrandString(data.jsonLd, "assetDescription");
+    const displayName = useAssetFileName(file) ?? data.label;
+    return (_jsx(EntityCardShell, { icon: ScanEye, label: `Asset Analysis: ${displayName}`, labelMaxWidth: "max-w-140", selected: selected, ringColor: ringColor, onContextMenu: onContextMenu, children: _jsxs(BrandNodeBody, { children: [_jsx(EntityImage, { src: imageUrl, alt: displayName, className: "aspect-[4/3] w-full" }), isPresent(description) && (_jsx("span", { className: "typography-tiny text-default-foreground line-clamp-3", title: description, children: description })), _jsx(NodePropertyTable, { properties: data.properties, jsonLd: data.jsonLd, omitPredicates: [filePredicate, mimePredicate, descriptionPredicate] })] }) }));
+});

package/dist/graph/nodes/BrandFacetCheckView.d.ts

@@ -0,0 +1,3 @@
+import type { EntityViewProps } from "../types.js";
+export declare const BrandFacetCheckView: import("react").NamedExoticComponent<EntityViewProps>;
+//# sourceMappingURL=BrandFacetCheckView.d.ts.map

package/dist/graph/nodes/BrandFacetCheckView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandFacetCheckView.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/BrandFacetCheckView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAQhD,eAAO,MAAM,mBAAmB,uDAmB9B,CAAC"}

package/dist/graph/nodes/BrandFacetCheckView.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { namespaces } from "@manta-eu/rdf-lib/namespaces";
+import { ClipboardCheck } from "lucide-react";
+import { memo } from "react";
+import { BrandNodeBody, BrandStatusBadge } from "./brand-shared.js";
+import { EntityCardShell } from "./EntityCardShell.js";
+import { NodePropertyTable } from "./NodePropertyTable.js";
+import { readBrandString } from "./typed-node-helpers.js";
+const statusPredicate = `${namespaces.brand}checkResult`;
+export const BrandFacetCheckView = memo(function BrandFacetCheckView(props) {
+    const { data, selected = false, ringColor, onContextMenu } = props;
+    const status = readBrandString(data.jsonLd, "checkResult");
+    return (_jsx(EntityCardShell, { icon: ClipboardCheck, label: `Facet Check: ${data.label}`, labelMaxWidth: "max-w-140", selected: selected, ringColor: ringColor, onContextMenu: onContextMenu, children: _jsx(BrandNodeBody, { right: _jsx(BrandStatusBadge, { status: status }), children: _jsx(NodePropertyTable, { properties: data.properties, jsonLd: data.jsonLd, omitPredicates: [statusPredicate] }) }) }));
+});

package/dist/graph/nodes/BrandFacetRuleView.d.ts

@@ -0,0 +1,3 @@
+import type { EntityViewProps } from "../types.js";
+export declare const BrandFacetRuleView: import("react").NamedExoticComponent<EntityViewProps>;
+//# sourceMappingURL=BrandFacetRuleView.d.ts.map

package/dist/graph/nodes/BrandFacetRuleView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandFacetRuleView.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/BrandFacetRuleView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAQhD,eAAO,MAAM,kBAAkB,uDAmB7B,CAAC"}

package/dist/graph/nodes/BrandFacetRuleView.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { namespaces } from "@manta-eu/rdf-lib/namespaces";
+import { SlidersHorizontal } from "lucide-react";
+import { memo } from "react";
+import { BrandNodeBody, BrandStatusBadge } from "./brand-shared.js";
+import { EntityCardShell } from "./EntityCardShell.js";
+import { NodePropertyTable } from "./NodePropertyTable.js";
+import { readBrandString } from "./typed-node-helpers.js";
+const statusPredicate = `${namespaces.brand}severity`;
+export const BrandFacetRuleView = memo(function BrandFacetRuleView(props) {
+    const { data, selected = false, ringColor, onContextMenu } = props;
+    const status = readBrandString(data.jsonLd, "severity");
+    return (_jsx(EntityCardShell, { icon: SlidersHorizontal, label: `Facet Rule: ${data.label}`, labelMaxWidth: "max-w-140", selected: selected, ringColor: ringColor, onContextMenu: onContextMenu, children: _jsx(BrandNodeBody, { right: _jsx(BrandStatusBadge, { status: status }), children: _jsx(NodePropertyTable, { properties: data.properties, jsonLd: data.jsonLd, omitPredicates: [statusPredicate] }) }) }));
+});

package/dist/graph/nodes/BrandFitVerdictView.d.ts

@@ -0,0 +1,3 @@
+import type { EntityViewProps } from "../types.js";
+export declare const BrandFitVerdictView: import("react").NamedExoticComponent<EntityViewProps>;
+//# sourceMappingURL=BrandFitVerdictView.d.ts.map

package/dist/graph/nodes/BrandFitVerdictView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandFitVerdictView.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/BrandFitVerdictView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAQhD,eAAO,MAAM,mBAAmB,uDAmB9B,CAAC"}

package/dist/graph/nodes/BrandFitVerdictView.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { namespaces } from "@manta-eu/rdf-lib/namespaces";
+import { BadgeCheck } from "lucide-react";
+import { memo } from "react";
+import { BrandNodeBody, BrandStatusBadge } from "./brand-shared.js";
+import { EntityCardShell } from "./EntityCardShell.js";
+import { NodePropertyTable } from "./NodePropertyTable.js";
+import { readBrandString } from "./typed-node-helpers.js";
+const statusPredicate = `${namespaces.brand}verdictStatus`;
+export const BrandFitVerdictView = memo(function BrandFitVerdictView(props) {
+    const { data, selected = false, ringColor, onContextMenu } = props;
+    const status = readBrandString(data.jsonLd, "verdictStatus");
+    return (_jsx(EntityCardShell, { icon: BadgeCheck, label: `Brand Fit: ${data.label}`, labelMaxWidth: "max-w-140", selected: selected, ringColor: ringColor, onContextMenu: onContextMenu, children: _jsx(BrandNodeBody, { right: _jsx(BrandStatusBadge, { status: status }), children: _jsx(NodePropertyTable, { properties: data.properties, jsonLd: data.jsonLd, omitPredicates: [statusPredicate] }) }) }));
+});

package/dist/graph/nodes/BrandGuidelinesView.d.ts

@@ -0,0 +1,3 @@
+import type { EntityViewProps } from "../types.js";
+export declare const BrandGuidelinesView: import("react").NamedExoticComponent<EntityViewProps>;
+//# sourceMappingURL=BrandGuidelinesView.d.ts.map

package/dist/graph/nodes/BrandGuidelinesView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandGuidelinesView.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/BrandGuidelinesView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAQhD,eAAO,MAAM,mBAAmB,uDAmB9B,CAAC"}

package/dist/graph/nodes/BrandGuidelinesView.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { namespaces } from "@manta-eu/rdf-lib/namespaces";
+import { BookMarked } from "lucide-react";
+import { memo } from "react";
+import { BrandNodeBody, BrandStatusBadge } from "./brand-shared.js";
+import { EntityCardShell } from "./EntityCardShell.js";
+import { NodePropertyTable } from "./NodePropertyTable.js";
+import { readBrandString } from "./typed-node-helpers.js";
+const statusPredicate = `${namespaces.brand}guidelineStatus`;
+export const BrandGuidelinesView = memo(function BrandGuidelinesView(props) {
+    const { data, selected = false, ringColor, onContextMenu } = props;
+    const status = readBrandString(data.jsonLd, "guidelineStatus");
+    return (_jsx(EntityCardShell, { icon: BookMarked, label: `Brand Guidelines: ${data.label}`, labelMaxWidth: "max-w-140", selected: selected, ringColor: ringColor, onContextMenu: onContextMenu, children: _jsx(BrandNodeBody, { right: _jsx(BrandStatusBadge, { status: status }), children: _jsx(NodePropertyTable, { properties: data.properties, jsonLd: data.jsonLd, omitPredicates: [statusPredicate] }) }) }));
+});

package/dist/graph/nodes/BrandPaletteColorView.d.ts

@@ -0,0 +1,3 @@
+import type { EntityViewProps } from "../types.js";
+export declare const BrandPaletteColorView: import("react").NamedExoticComponent<EntityViewProps>;
+//# sourceMappingURL=BrandPaletteColorView.d.ts.map

package/dist/graph/nodes/BrandPaletteColorView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandPaletteColorView.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/BrandPaletteColorView.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAQhD,eAAO,MAAM,qBAAqB,uDA6BhC,CAAC"}

package/dist/graph/nodes/BrandPaletteColorView.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { namespaces } from "@manta-eu/rdf-lib/namespaces";
+import { SwatchBook } from "lucide-react";
+import { memo } from "react";
+import { BrandNodeBody, BrandStatusBadge } from "./brand-shared.js";
+import { EntityCardShell } from "./EntityCardShell.js";
+import { isHexColor } from "./node-property-display.js";
+import { NodePropertyTable } from "./NodePropertyTable.js";
+import { readBrandString } from "./typed-node-helpers.js";
+const statusPredicate = `${namespaces.brand}entryStatus`;
+export const BrandPaletteColorView = memo(function BrandPaletteColorView(props) {
+    const { data, selected = false, ringColor, onContextMenu } = props;
+    const status = readBrandString(data.jsonLd, "entryStatus");
+    const hex = readBrandString(data.jsonLd, "paletteHex");
+    // The hex reaches a style sink, so only a literal color goes through; the table still shows the raw value.
+    const swatch = isPresent(hex) && isHexColor(hex) ? hex : undefined;
+    return (_jsx(EntityCardShell, { icon: SwatchBook, label: `Palette Color: ${hex ?? data.label}`, labelMaxWidth: "max-w-140", selected: selected, ringColor: ringColor, onContextMenu: onContextMenu, children: _jsxs(BrandNodeBody, { right: _jsx(BrandStatusBadge, { status: status }), children: [isPresent(swatch) && (_jsx("span", { "aria-hidden": true, className: "h-8 w-full shrink-0 rounded-md border border-default-border", style: { backgroundColor: swatch } })), _jsx(NodePropertyTable, { properties: data.properties, jsonLd: data.jsonLd, omitPredicates: [statusPredicate] })] }) }));
+});

package/dist/graph/nodes/ConnectedAccountCard.d.ts

@@ -0,0 +1,10 @@
+import { type LucideIcon } from "lucide-react";
+import type { EntityViewProps } from "../types.js";
+type ConnectedAccountCardProps = EntityViewProps & {
+    icon: LucideIcon;
+    noun: string;
+    accent: string;
+};
+export declare const ConnectedAccountCard: import("react").NamedExoticComponent<ConnectedAccountCardProps>;
+export {};
+//# sourceMappingURL=ConnectedAccountCard.d.ts.map

package/dist/graph/nodes/ConnectedAccountCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectedAccountCard.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/ConnectedAccountCard.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAKhD,KAAK,yBAAyB,GAAG,eAAe,GAAG;IACjD,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,oBAAoB,iEAiC/B,CAAC"}

package/dist/graph/nodes/ConnectedAccountCard.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { humanPlural } from "@manta-eu/lib/humanize";
+import { isPresent } from "@manta-eu/lib/present";
+import { expandPrefix } from "@manta-eu/rdf-lib/namespaces";
+import { Waypoints } from "lucide-react";
+import { memo } from "react";
+import { OpenInPlatformLink } from "../OpenInPlatformLink.js";
+import { EntityCardShell } from "./EntityCardShell.js";
+import { readEntityIri } from "./typed-node-helpers.js";
+import { useEntityConnectionCount } from "#hooks/use-entity-connection-count";
+export const ConnectedAccountCard = memo(function ConnectedAccountCard(props) {
+    const { icon, noun, accent, data, selected = false, ringColor, onContextMenu } = props;
+    const iri = readEntityIri(data.jsonLd);
+    const count = useEntityConnectionCount(iri);
+    return (_jsx(EntityCardShell, { icon: icon, label: `${noun}: ${data.label}`, labelMaxWidth: "max-w-80", selected: selected, ringColor: ringColor, onContextMenu: onContextMenu, children: _jsxs("div", { className: "bg-muted rounded-md px-3 py-2.5 flex min-w-50 items-center justify-between gap-3", children: [_jsxs("div", { className: "flex items-center gap-1.25", children: [_jsx(Waypoints, { size: 11, className: "shrink-0", style: { color: accent } }), _jsx("span", { className: "typography-tiny-semibold text-default-foreground whitespace-nowrap", children: isPresent(count) ? `${count} ${humanPlural("connection", count)} in the graph` : "In the knowledge graph" })] }), isPresent(iri) && isPresent(data.type) && (_jsx(OpenInPlatformLink, { iri: iri, schema: { "@type": expandPrefix(data.type) }, className: "nodrag", onClick: (event) => event.stopPropagation() }))] }) }));
+});

package/dist/graph/nodes/CoresignalCompanyView.d.ts

@@ -0,0 +1,3 @@
+import type { EntityViewProps } from "../types.js";
+export declare const CoresignalCompanyView: import("react").NamedExoticComponent<EntityViewProps>;
+//# sourceMappingURL=CoresignalCompanyView.d.ts.map

package/dist/graph/nodes/CoresignalCompanyView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoresignalCompanyView.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/CoresignalCompanyView.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAQhD,eAAO,MAAM,qBAAqB,uDAwDhC,CAAC"}

package/dist/graph/nodes/CoresignalCompanyView.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CoresignalCompanySchema } from "@manta-eu/ldo";
+import { humanCount } from "@manta-eu/lib/humanize";
+import { Building2, MapPin, Star, Users } from "lucide-react";
+import { isNotNil } from "ramda";
+import { memo } from "react";
+import { CardRows, row } from "./card-rows.js";
+import { coresignalTeal, joinNonEmpty } from "./coresignal-utils.js";
+import { EntityCardShell } from "./EntityCardShell.js";
+import { readEntityIri } from "./typed-node-helpers.js";
+import { useEntity } from "#hooks/use-entity";
+import { formatRelativeUpdated } from "#lib/format-date";
+export const CoresignalCompanyView = memo(function CoresignalCompanyView(props) {
+    const { data, selected = false, ringColor, onContextMenu } = props;
+    const iri = readEntityIri(data.jsonLd);
+    const { data: typed } = useEntity({ schema: CoresignalCompanySchema, iri });
+    const industry = typed?.industry?.toString();
+    const headquarters = joinNonEmpty([typed?.hqCity?.toString(), typed?.hqCountry?.toString()], ", ");
+    const employees = typed?.employeesCountInferred;
+    const reviewScore = typed?.companyEmployeeReviewsAggregateScore;
+    const reviewCount = typed?.companyEmployeeReviewsCount;
+    const updated = formatRelativeUpdated(typed?.dateModified);
+    const reviewsText = typeof reviewScore === "number"
+        ? `${reviewScore.toFixed(1)}${typeof reviewCount === "number" ? ` (${reviewCount.toLocaleString()})` : ""}`
+        : undefined;
+    const rows = [
+        headquarters ? row(MapPin, headquarters) : undefined,
+        typeof employees === "number" ? row(Users, humanCount(employees, "employee")) : undefined,
+        reviewsText ? row(Star, reviewsText) : undefined,
+    ].filter(isNotNil);
+    return (_jsx(EntityCardShell, { icon: Building2, label: `Company: ${data.label}`, labelMaxWidth: "max-w-65", selected: selected, ringColor: ringColor, onContextMenu: onContextMenu, children: _jsxs("div", { className: "bg-muted rounded-md px-2.5 py-2 flex min-w-55 flex-col gap-1.25", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsxs("div", { className: "flex items-center gap-1.25", children: [_jsx(Building2, { size: 11, className: "shrink-0", style: { color: coresignalTeal } }), _jsx("span", { className: "typography-tiny-semibold text-default-foreground whitespace-nowrap", children: "Coresignal" })] }), industry && (_jsx("span", { className: "typography-tiny text-muted-foreground whitespace-nowrap truncate max-w-35", children: industry }))] }), _jsx(CardRows, { rows: rows }), updated && (_jsx("div", { className: "flex items-center justify-end pt-0.5", children: _jsxs("span", { className: "typography-tiny text-muted-foreground whitespace-nowrap", children: ["Updated ", updated] }) }))] }) }));
+});

package/dist/graph/nodes/CoresignalEmployeeView.d.ts

@@ -0,0 +1,3 @@
+import type { EntityViewProps } from "../types.js";
+export declare const CoresignalEmployeeView: import("react").NamedExoticComponent<EntityViewProps>;
+//# sourceMappingURL=CoresignalEmployeeView.d.ts.map

package/dist/graph/nodes/CoresignalEmployeeView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoresignalEmployeeView.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/CoresignalEmployeeView.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAQhD,eAAO,MAAM,sBAAsB,uDAqDjC,CAAC"}

package/dist/graph/nodes/CoresignalEmployeeView.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CoresignalEmployeeSchema } from "@manta-eu/ldo";
+import { humanCount } from "@manta-eu/lib/humanize";
+import { Briefcase, Gauge, User, UserCircle, Users } from "lucide-react";
+import { isNotNil } from "ramda";
+import { memo } from "react";
+import { CardRows, row } from "./card-rows.js";
+import { coresignalTeal, joinNonEmpty } from "./coresignal-utils.js";
+import { EntityCardShell } from "./EntityCardShell.js";
+import { readEntityIri } from "./typed-node-helpers.js";
+import { useEntity } from "#hooks/use-entity";
+import { formatRelativeUpdated } from "#lib/format-date";
+export const CoresignalEmployeeView = memo(function CoresignalEmployeeView(props) {
+    const { data, selected = false, ringColor, onContextMenu } = props;
+    const iri = readEntityIri(data.jsonLd);
+    const { data: typed } = useEntity({ schema: CoresignalEmployeeSchema, iri });
+    const fullName = joinNonEmpty([typed?.givenName?.toString(), typed?.familyName?.toString()], " ");
+    const displayName = fullName ?? data.label;
+    const titleAtCompany = joinNonEmpty([typed?.activeExperienceTitle?.toString(), typed?.activeExperienceDepartment?.toString()], " · ");
+    const headline = typed?.description?.toString();
+    const connectionsCount = typed?.connectionsCount;
+    const profileScore = typed?.profileScore;
+    const updated = formatRelativeUpdated(typed?.dateModified);
+    const rows = [
+        titleAtCompany ? row(Briefcase, titleAtCompany) : undefined,
+        headline ? row(UserCircle, headline) : undefined,
+        typeof connectionsCount === "number" ? row(Users, humanCount(connectionsCount, "connection")) : undefined,
+        typeof profileScore === "number" ? row(Gauge, `Profile score ${profileScore.toFixed(2)}`) : undefined,
+    ].filter(isNotNil);
+    return (_jsx(EntityCardShell, { icon: User, label: `Employee: ${displayName}`, labelMaxWidth: "max-w-65", selected: selected, ringColor: ringColor, onContextMenu: onContextMenu, children: _jsxs("div", { className: "bg-muted rounded-md px-2.5 py-2 flex min-w-55 flex-col gap-1.25", children: [_jsx("div", { className: "flex items-center justify-between gap-2", children: _jsxs("div", { className: "flex items-center gap-1.25", children: [_jsx(User, { size: 11, className: "shrink-0", style: { color: coresignalTeal } }), _jsx("span", { className: "typography-tiny-semibold text-default-foreground whitespace-nowrap", children: "Coresignal" })] }) }), _jsx(CardRows, { rows: rows }), updated && (_jsx("div", { className: "flex items-center justify-end pt-0.5", children: _jsxs("span", { className: "typography-tiny text-muted-foreground whitespace-nowrap", children: ["Updated ", updated] }) }))] }) }));
+});

package/dist/graph/nodes/CoresignalExperienceView.d.ts

@@ -0,0 +1,3 @@
+import type { EntityViewProps } from "../types.js";
+export declare const CoresignalExperienceView: import("react").NamedExoticComponent<EntityViewProps>;
+//# sourceMappingURL=CoresignalExperienceView.d.ts.map

package/dist/graph/nodes/CoresignalExperienceView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoresignalExperienceView.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/CoresignalExperienceView.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAQhD,eAAO,MAAM,wBAAwB,uDAwDnC,CAAC"}

package/dist/graph/nodes/CoresignalExperienceView.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CoresignalExperienceSchema } from "@manta-eu/ldo";
+import { Briefcase, CalendarRange, Clock, MapPin, Workflow } from "lucide-react";
+import { isNotNil } from "ramda";
+import { memo } from "react";
+import { CardRows, row } from "./card-rows.js";
+import { coresignalTeal, formatDuration, joinNonEmpty } from "./coresignal-utils.js";
+import { EntityCardShell } from "./EntityCardShell.js";
+import { readEntityIri } from "./typed-node-helpers.js";
+import { useEntity } from "#hooks/use-entity";
+import { formatYearMonth } from "#lib/format-date";
+export const CoresignalExperienceView = memo(function CoresignalExperienceView(props) {
+    const { data, selected = false, ringColor, onContextMenu } = props;
+    const iri = readEntityIri(data.jsonLd);
+    const { data: typed } = useEntity({ schema: CoresignalExperienceSchema, iri });
+    const title = typed?.title?.toString();
+    const companyName = typed?.companyName?.toString();
+    const titleAtCompany = joinNonEmpty([title, companyName], " @ ");
+    const displayName = titleAtCompany ?? title ?? data.label;
+    const department = typed?.department?.toString();
+    const location = typed?.location?.toString();
+    const duration = formatDuration(typed?.durationMonths);
+    const dateFrom = formatYearMonth(typed?.dateFrom);
+    const dateTo = formatYearMonth(typed?.dateTo);
+    const dateRange = dateFrom && dateTo ? `${dateFrom} → ${dateTo}` : dateFrom ? `from ${dateFrom}` : undefined;
+    const isActive = typed?.isActive === true;
+    const statusLabel = isActive ? "current" : "past";
+    const statusColor = isActive ? "#16a34a" : "#9ca3af";
+    const rows = [
+        department ? row(Briefcase, department) : undefined,
+        location ? row(MapPin, location) : undefined,
+        duration ? row(Clock, duration) : undefined,
+        dateRange ? row(CalendarRange, dateRange) : undefined,
+    ].filter(isNotNil);
+    return (_jsx(EntityCardShell, { icon: Workflow, label: `Experience: ${displayName}`, labelMaxWidth: "max-w-70", selected: selected, ringColor: ringColor, onContextMenu: onContextMenu, children: _jsxs("div", { className: "bg-muted rounded-md px-2.5 py-2 flex min-w-55 flex-col gap-1.25", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsxs("div", { className: "flex items-center gap-1.25", children: [_jsx(Workflow, { size: 11, className: "shrink-0", style: { color: coresignalTeal } }), _jsx("span", { className: "typography-tiny-semibold text-default-foreground whitespace-nowrap", children: "Coresignal" })] }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("div", { className: "size-1.75 rounded-full shrink-0", style: { backgroundColor: statusColor } }), _jsx("span", { className: "typography-tiny whitespace-nowrap", style: { color: statusColor }, children: statusLabel })] })] }), _jsx(CardRows, { rows: rows })] }) }));
+});

package/dist/graph/nodes/CoresignalJobView.d.ts

@@ -0,0 +1,3 @@
+import type { EntityViewProps } from "../types.js";
+export declare const CoresignalJobView: import("react").NamedExoticComponent<EntityViewProps>;
+//# sourceMappingURL=CoresignalJobView.d.ts.map

package/dist/graph/nodes/CoresignalJobView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoresignalJobView.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/CoresignalJobView.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAQhD,eAAO,MAAM,iBAAiB,uDA4D5B,CAAC"}

package/dist/graph/nodes/CoresignalJobView.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CoresignalJobSchema } from "@manta-eu/ldo";
+import { humanCount } from "@manta-eu/lib/humanize";
+import { Briefcase, MapPin, TrendingUp, Users } from "lucide-react";
+import { isNotNil } from "ramda";
+import { memo } from "react";
+import { CardRows, row } from "./card-rows.js";
+import { coresignalTeal, joinNonEmpty } from "./coresignal-utils.js";
+import { EntityCardShell } from "./EntityCardShell.js";
+import { readEntityIri } from "./typed-node-helpers.js";
+import { useEntity } from "#hooks/use-entity";
+import { formatRelativeUpdated } from "#lib/format-date";
+export const CoresignalJobView = memo(function CoresignalJobView(props) {
+    const { data, selected = false, ringColor, onContextMenu } = props;
+    const iri = readEntityIri(data.jsonLd);
+    const { data: typed } = useEntity({ schema: CoresignalJobSchema, iri });
+    const title = typed?.title?.toString();
+    const displayName = title ?? data.label;
+    const location = joinNonEmpty([typed?.location?.toString(), typed?.country?.toString()], ", ");
+    const seniority = typed?.seniority?.toString();
+    const employmentType = typed?.employmentType?.toString();
+    const applicantsRaw = typed?.applicantsCount;
+    const applicantsNum = typeof applicantsRaw === "string" ? Number.parseInt(applicantsRaw, 10) : applicantsRaw;
+    const applicants = typeof applicantsNum === "number" && Number.isFinite(applicantsNum) ? applicantsNum : undefined;
+    const deleted = typed?.deleted;
+    const isActive = deleted !== true;
+    const statusLabel = isActive ? "open" : "closed";
+    const statusColor = isActive ? "#16a34a" : "#9ca3af";
+    const updated = formatRelativeUpdated(typed?.dateModified);
+    const rows = [
+        location ? row(MapPin, location) : undefined,
+        seniority ? row(TrendingUp, seniority) : undefined,
+        employmentType ? row(Briefcase, employmentType) : undefined,
+        typeof applicants === "number" ? row(Users, humanCount(applicants, "applicant")) : undefined,
+    ].filter(isNotNil);
+    return (_jsx(EntityCardShell, { icon: Briefcase, label: `Job: ${displayName}`, labelMaxWidth: "max-w-65", selected: selected, ringColor: ringColor, onContextMenu: onContextMenu, children: _jsxs("div", { className: "bg-muted rounded-md px-2.5 py-2 flex min-w-55 flex-col gap-1.25", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsxs("div", { className: "flex items-center gap-1.25", children: [_jsx(Briefcase, { size: 11, className: "shrink-0", style: { color: coresignalTeal } }), _jsx("span", { className: "typography-tiny-semibold text-default-foreground whitespace-nowrap", children: "Coresignal" })] }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("div", { className: "size-1.75 rounded-full shrink-0", style: { backgroundColor: statusColor } }), _jsx("span", { className: "typography-tiny whitespace-nowrap", style: { color: statusColor }, children: statusLabel })] })] }), _jsx(CardRows, { rows: rows }), updated && (_jsx("div", { className: "flex items-center justify-end pt-0.5", children: _jsxs("span", { className: "typography-tiny text-muted-foreground whitespace-nowrap", children: ["Updated ", updated] }) }))] }) }));
+});

package/dist/graph/nodes/CoresignalKeyExecutiveDepartureView.d.ts

@@ -0,0 +1,3 @@
+import type { EntityViewProps } from "../types.js";
+export declare const CoresignalKeyExecutiveDepartureView: import("react").NamedExoticComponent<EntityViewProps>;
+//# sourceMappingURL=CoresignalKeyExecutiveDepartureView.d.ts.map

package/dist/graph/nodes/CoresignalKeyExecutiveDepartureView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoresignalKeyExecutiveDepartureView.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/CoresignalKeyExecutiveDepartureView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAOhD,eAAO,MAAM,mCAAmC,uDA2C9C,CAAC"}

package/dist/graph/nodes/CoresignalKeyExecutiveDepartureView.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CoresignalKeyExecutiveDepartureSchema } from "@manta-eu/ldo";
+import { CalendarDays, UserMinus } from "lucide-react";
+import { memo } from "react";
+import { coresignalTeal } from "./coresignal-utils.js";
+import { EntityCardShell } from "./EntityCardShell.js";
+import { readEntityIri } from "./typed-node-helpers.js";
+import { useEntity } from "#hooks/use-entity";
+import { formatYearMonth } from "#lib/format-date";
+export const CoresignalKeyExecutiveDepartureView = memo(function CoresignalKeyExecutiveDepartureView(props) {
+    const { data, selected = false, ringColor, onContextMenu } = props;
+    const iri = readEntityIri(data.jsonLd);
+    const { data: typed } = useEntity({ schema: CoresignalKeyExecutiveDepartureSchema, iri });
+    const name = typed?.name?.toString();
+    const positionTitle = typed?.positionTitle?.toString();
+    const departureDate = formatYearMonth(typed?.date);
+    const displayName = name ?? data.label;
+    return (_jsx(EntityCardShell, { icon: UserMinus, label: `Departure: ${displayName}`, labelMaxWidth: "max-w-65", selected: selected, ringColor: ringColor, onContextMenu: onContextMenu, children: _jsxs("div", { className: "bg-muted rounded-md px-2.5 py-2 flex min-w-55 flex-col gap-1.25", children: [_jsx("div", { className: "flex items-center justify-between gap-2", children: _jsxs("div", { className: "flex items-center gap-1.25", children: [_jsx(UserMinus, { size: 11, className: "shrink-0", style: { color: coresignalTeal } }), _jsx("span", { className: "typography-tiny-semibold text-default-foreground whitespace-nowrap", children: "Coresignal" })] }) }), positionTitle && (_jsx("span", { className: "typography-tiny text-default-foreground truncate max-w-65", children: positionTitle })), departureDate && (_jsxs("div", { className: "flex items-center gap-1.25", children: [_jsx(CalendarDays, { size: 11, className: "text-muted-foreground shrink-0" }), _jsxs("span", { className: "typography-tiny text-default-foreground whitespace-nowrap", children: ["Left ", departureDate] })] }))] }) }));
+});

package/dist/graph/nodes/CreativeMediaCard.d.ts

@@ -0,0 +1,21 @@
+export type CreativeMediaCardProps = {
+    label: string;
+    titlePrefix: string;
+    imageUrl?: string;
+    sourceName?: string;
+    selected: boolean;
+    ringColor?: string;
+    onContextMenu?: (e: React.MouseEvent) => void;
+};
+export declare function CreativeMediaCard(props: CreativeMediaCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function extractCreativeMediaFields(data: {
+    label: string;
+    properties: ReadonlyArray<{
+        key: string;
+        value: string;
+    }>;
+}): {
+    imageUrl?: string;
+    sourceName?: string;
+};
+//# sourceMappingURL=CreativeMediaCard.d.ts.map

package/dist/graph/nodes/CreativeMediaCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreativeMediaCard.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/CreativeMediaCard.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC/C,CAAC;AA0CF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAmE9D;AAED,wBAAgB,0BAA0B,CAAC,IAAI,EAAE;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,aAAa,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC3D,GAAG;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,CAkB7C"}

package/dist/graph/nodes/CreativeMediaCard.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Image as ImageIcon } from "lucide-react";
+import { useState } from "react";
+import { EntityImage } from "./EntityImage.js";
+import { cn } from "#style";
+const aspectRatioClassMap = {
+    square: "aspect-square",
+    portrait: "aspect-[4/5]",
+    story: "aspect-[9/16]",
+};
+function AspectButton(props) {
+    const { active, ariaLabel, onClick, swatch } = props;
+    return (_jsx("button", { type: "button", "aria-label": ariaLabel, "aria-pressed": active, onClick: onClick, className: cn("flex-1 h-8 rounded-md flex items-center justify-center transition-all cursor-pointer", active ? "bg-background border border-default-border shadow-sm" : "hover:bg-background/50"), children: _jsx("div", { className: cn("rounded-[2px] border", swatch.w, swatch.h, active ? "border-2 border-default-foreground opacity-100" : "border opacity-50 border-muted-foreground") }) }));
+}
+export function CreativeMediaCard(props) {
+    const { label, titlePrefix, imageUrl, sourceName, selected, ringColor, onContextMenu } = props;
+    const [aspectRatio, setAspectRatio] = useState("portrait");
+    const stop = (e) => e.stopPropagation();
+    return (_jsxs("div", { className: "w-fit flex flex-col items-start gap-1", onContextMenu: onContextMenu, children: [_jsxs("div", { className: "flex w-48 items-center gap-1.25 px-1", children: [_jsx(ImageIcon, { size: 14, className: "shrink-0 text-muted-foreground" }), _jsxs("span", { className: "typography-tiny min-w-0 flex-1 truncate whitespace-nowrap text-muted-foreground", children: [titlePrefix, ": ", label] })] }), _jsxs("div", { className: cn("w-48 rounded-[10px] overflow-hidden p-1 flex flex-col gap-1 transition-all duration-200 bg-card", !selected && "shadow-marketerlight"), style: selected && ringColor ? { boxShadow: `0 0 0 1.5px ${ringColor}` } : undefined, children: [_jsxs("div", { className: "flex items-center p-0.75 rounded-lg gap-0.75 bg-[#f3f6fc] dark:bg-[#1f2937]", children: [_jsx(AspectButton, { active: aspectRatio === "square", ariaLabel: "Square aspect ratio", onClick: (e) => {
+                                    stop(e);
+                                    setAspectRatio("square");
+                                }, swatch: { w: "w-3", h: "h-3" } }), _jsx(AspectButton, { active: aspectRatio === "portrait", ariaLabel: "Portrait aspect ratio", onClick: (e) => {
+                                    stop(e);
+                                    setAspectRatio("portrait");
+                                }, swatch: { w: "w-2.5", h: "h-3.5" } }), _jsx(AspectButton, { active: aspectRatio === "story", ariaLabel: "Story aspect ratio", onClick: (e) => {
+                                    stop(e);
+                                    setAspectRatio("story");
+                                }, swatch: { w: "w-2", h: "h-3.5" } })] }), _jsx(EntityImage, { src: imageUrl, alt: label, iconSize: 32, className: cn(aspectRatioClassMap[aspectRatio], "w-full transition-all duration-200") }), _jsxs("div", { className: "flex w-full items-center gap-1.5 px-1 pb-0.5", children: [_jsx("div", { className: "size-6 rounded-full bg-muted flex-shrink-0" }), _jsx("span", { className: "typography-tiny min-w-0 flex-1 truncate text-muted-foreground", children: sourceName ?? label })] })] })] }));
+}
+export function extractCreativeMediaFields(data) {
+    const getProperty = (key) => data.properties.find((p) => p.key.toLowerCase().replace(/[^a-z0-9]/g, "") === key.toLowerCase().replace(/[^a-z0-9]/g, ""))?.value;
+    const imageProp = data.properties.find((p) => p.key.toLowerCase().includes("image") || p.key.toLowerCase().includes("url"));
+    const imageUrlFromKey = imageProp?.value;
+    const urlPattern = /https?:\/\/.*\.(png|jpg|jpeg|gif|webp|svg)/i;
+    const urlProp = data.properties.find((p) => urlPattern.test(p.value));
+    const imageUrl = imageUrlFromKey ?? urlProp?.value;
+    const sourceName = getProperty("vendor") ?? getProperty("creator") ?? getProperty("author") ?? getProperty("productName");
+    return { imageUrl, sourceName };
+}

package/dist/graph/nodes/EntityCardShell.d.ts

@@ -0,0 +1,13 @@
+import type { LucideIcon } from "lucide-react";
+import { type MouseEvent, type ReactNode } from "react";
+export type EntityCardShellProps = {
+    icon: LucideIcon;
+    label: ReactNode;
+    labelMaxWidth?: string;
+    selected?: boolean;
+    ringColor?: string;
+    onContextMenu?: (e: MouseEvent) => void;
+    children: ReactNode;
+};
+export declare const EntityCardShell: import("react").NamedExoticComponent<EntityCardShellProps>;
+//# sourceMappingURL=EntityCardShell.d.ts.map

package/dist/graph/nodes/EntityCardShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityCardShell.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/EntityCardShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAQ,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9D,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,eAAe,4DA0B1B,CAAC"}

package/dist/graph/nodes/EntityCardShell.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+import { cn } from "#style";
+export const EntityCardShell = memo(function EntityCardShell(props) {
+    const { icon: Icon, label, labelMaxWidth = "max-w-50", selected = false, ringColor, onContextMenu, children } = props;
+    return (_jsxs("div", { className: "w-fit flex flex-col items-start gap-1", onContextMenu: onContextMenu, children: [_jsxs("div", { className: "flex items-center gap-1.25 px-1", children: [_jsx(Icon, { size: 14, className: "shrink-0 text-muted-foreground" }), _jsx("span", { title: typeof label === "string" ? label : undefined, className: cn("typography-tiny truncate whitespace-nowrap text-muted-foreground", labelMaxWidth), children: label })] }), _jsx("div", { className: cn("bg-card rounded-[10px] overflow-hidden p-1 transition-all duration-200", !selected && "shadow-marketerlight"), style: selected && ringColor ? { boxShadow: `0 0 0 1.5px ${ringColor}` } : undefined, children: children })] }));
+});

package/dist/graph/nodes/EntityImage.d.ts

@@ -0,0 +1,8 @@
+export type EntityImageProps = {
+    src?: string;
+    alt: string;
+    className?: string;
+    iconSize?: number;
+};
+export declare function EntityImage(props: EntityImageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EntityImage.d.ts.map

package/dist/graph/nodes/EntityImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityImage.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/EntityImage.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAGF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CA6BlD"}

package/dist/graph/nodes/EntityImage.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { Image as ImageIcon, ImageOff } from "lucide-react";
+import { useEffect, useState } from "react";
+import { cn } from "#style";
+// A broken src is normal: media resolves through /redirect against storage that may no longer hold it.
+export function EntityImage(props) {
+    const { src, alt, className, iconSize = 24 } = props;
+    const [hasError, setHasError] = useState(false);
+    useEffect(() => {
+        setHasError(false);
+    }, [src]);
+    const PlaceholderIcon = hasError ? ImageOff : ImageIcon;
+    return (_jsx("div", { className: cn("shrink-0 overflow-hidden rounded-md border border-default-border bg-muted", className), children: isPresent(src) && !hasError ? (_jsx("img", { src: src, alt: alt, loading: "lazy", decoding: "async", onError: () => setHasError(true), className: "size-full object-cover" })) : (_jsx("div", { className: "flex size-full items-center justify-center", children: _jsx(PlaceholderIcon, { size: iconSize, className: "text-muted-foreground" }) })) }));
+}

package/dist/graph/nodes/Ga4DailyOverviewView.d.ts

@@ -0,0 +1,3 @@
+import type { EntityViewProps } from "../types.js";
+export declare const Ga4DailyOverviewView: import("react").NamedExoticComponent<EntityViewProps>;
+//# sourceMappingURL=Ga4DailyOverviewView.d.ts.map

package/dist/graph/nodes/Ga4DailyOverviewView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ga4DailyOverviewView.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/Ga4DailyOverviewView.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAUhD,eAAO,MAAM,oBAAoB,uDA0C/B,CAAC"}

package/dist/graph/nodes/Ga4DailyOverviewView.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Ga4DailyOverviewWithCurrencySchema } from "@manta-eu/ldo";
+import { ga4 } from "@manta-eu/ldo/namespaces";
+import { isPresent } from "@manta-eu/lib/present";
+import { ChartArea, CalendarDays } from "lucide-react";
+import { memo } from "react";
+import { formatNumber, formatPercentFraction, formatTermCurrency } from "../property-formatters.js";
+import { EntityCardShell } from "./EntityCardShell.js";
+import { ga4Orange } from "./ga4-shared.js";
+import { InsightNodeBody } from "./insight-shared.js";
+import { MetricGrid, metric } from "./MetricGrid.js";
+import { firstValue, readEntityIri } from "./typed-node-helpers.js";
+import { useEntity } from "#hooks/use-entity";
+import { useOntologyTerm } from "#hooks/use-ontology-terms";
+import { formatGraphDate } from "#lib/format-date";
+export const Ga4DailyOverviewView = memo(function Ga4DailyOverviewView(props) {
+    const { data, selected = false, ringColor, onContextMenu } = props;
+    const iri = readEntityIri(data.jsonLd);
+    const { data: typed } = useEntity({ schema: Ga4DailyOverviewWithCurrencySchema, iri });
+    const currency = firstValue(typed?.property)?.currencyCode;
+    const revenueTerm = useOntologyTerm(ga4.purchaseRevenueMicros);
+    const observed = formatGraphDate(firstValue(typed?.observationDate));
+    const engagementRate = firstValue(typed?.engagementRate);
+    const glanceMetrics = [
+        metric("Sessions", formatNumber(firstValue(typed?.sessions))),
+        metric("Users", formatNumber(firstValue(typed?.totalUsers))),
+        metric("Revenue", formatTermCurrency(firstValue(typed?.purchaseRevenueMicros), revenueTerm, currency)),
+        // ga4:engagementRate is documented as a 0-1 fraction.
+        metric("Engagement", isPresent(engagementRate) ? formatPercentFraction(engagementRate) : undefined),
+    ].filter((m) => isPresent(m));
+    const moreMetrics = [
+        metric("New users", formatNumber(firstValue(typed?.newUsers))),
+        metric("Page views", formatNumber(firstValue(typed?.screenPageViews))),
+        metric("Transactions", formatNumber(firstValue(typed?.transactions))),
+    ].filter((m) => isPresent(m));
+    return (_jsx(EntityCardShell, { icon: CalendarDays, label: `Analytics: ${observed ?? data.label}`, labelMaxWidth: "max-w-80", selected: selected, ringColor: ringColor, onContextMenu: onContextMenu, children: _jsx(InsightNodeBody, { brandIcon: ChartArea, brandColor: ga4Orange, brandLabel: "Google Analytics", children: (glanceMetrics.length > 0 || moreMetrics.length > 0) && (_jsx(MetricGrid, { metrics: glanceMetrics, moreMetrics: moreMetrics })) }) }));
+});

package/dist/graph/nodes/Ga4FunnelEventCountView.d.ts

@@ -0,0 +1,3 @@
+import type { EntityViewProps } from "../types.js";
+export declare const Ga4FunnelEventCountView: import("react").NamedExoticComponent<EntityViewProps>;
+//# sourceMappingURL=Ga4FunnelEventCountView.d.ts.map

package/dist/graph/nodes/Ga4FunnelEventCountView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ga4FunnelEventCountView.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/Ga4FunnelEventCountView.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAShD,eAAO,MAAM,uBAAuB,uDAmClC,CAAC"}