@walkeros/explorer 0.3.1 → 1.0.0

package/dist/components/molecules/mapping-map-pane-view-rjsf.js

@@ -0,0 +1,127 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BaseMappingPane } from '../atoms/base-mapping-pane';
+import { MappingFormWrapper } from '../forms/mapping-form-wrapper';
+/**
+ * Navigate through a JSON Schema following a path
+ * Used for finding nested schema properties
+ */
+function navigateSchemaByPath(path, schema) {
+    let current = schema;
+    // Find the settings index to start navigation from there
+    const settingsIndex = path.indexOf('settings');
+    if (settingsIndex === -1)
+        return undefined;
+    // Navigate from after 'settings' to before 'map'
+    // For ['entity', 'action', 'settings', 'track', 'map'], navigate through 'track'
+    const startIndex = settingsIndex + 1;
+    const endIndex = path[path.length - 1] === 'map' ? path.length - 1 : path.length;
+    for (let i = startIndex; i < endIndex; i++) {
+        const segment = path[i];
+        if (!current.properties || !(segment in current.properties)) {
+            return undefined;
+        }
+        current = current.properties[segment];
+    }
+    return current;
+}
+export function MappingMapPaneViewRJSF({ path, mappingState, navigation, schemas, className = '', }) {
+    // Determine the actual map path
+    // If path points to a ValueConfig container (value has 'map' property),
+    // we need to append 'map' to get to the actual map contents
+    const value = mappingState.actions.getValue(path);
+    const isValueConfigContainer = value &&
+        typeof value === 'object' &&
+        !Array.isArray(value) &&
+        'map' in value;
+    // Actual path to the map object
+    const mapPath = isValueConfigContainer ? [...path, 'map'] : path;
+    // Get current map value
+    const mapValue = mappingState.actions.getValue(mapPath);
+    const map = mapValue && typeof mapValue === 'object' && !Array.isArray(mapValue)
+        ? mapValue
+        : {};
+    const mapKeys = Object.keys(map);
+    // Determine the last element of the path for detection logic
+    const lastElement = path[path.length - 1];
+    // Check if this is a data path to use dataSchema
+    // Only for: ['entity', 'action', 'data'] or ['entity', 'action', 'data', 'map']
+    const dataIndex = path.indexOf('data');
+    const isDataPath = dataIndex !== -1 &&
+        ((lastElement === 'data' && dataIndex === path.length - 1) ||
+            (lastElement === 'map' && dataIndex === path.length - 2));
+    // Check if this is a settings path to use mappingSchema
+    // Handles: ['entity', 'action', 'settings'], ['entity', 'action', 'settings', 'map']
+    // and nested: ['entity', 'action', 'settings', 'track'] or ['entity', 'action', 'settings', 'track', 'map']
+    const settingsIndex = path.indexOf('settings');
+    const isSettingsPath = settingsIndex !== -1 &&
+        (lastElement === 'settings' ||
+            (lastElement === 'map' && settingsIndex < path.length - 1));
+    // Determine which schema to use for property suggestions
+    let propertySuggestionsSchema;
+    if (isDataPath) {
+        // For data paths, use the dataSchema directly
+        propertySuggestionsSchema = schemas?.data;
+    }
+    else if (isSettingsPath && schemas?.mapping) {
+        // For settings paths, navigate to the appropriate schema
+        // Case 1: ['entity', 'action', 'settings'] - direct settings object
+        // Use the full mappingSchema to show track, trackCustom, etc.
+        if (lastElement === 'settings' && settingsIndex === path.length - 1) {
+            propertySuggestionsSchema = schemas.mapping;
+        }
+        // Case 2: ['entity', 'action', 'settings', 'map'] - explicit map under settings
+        // Use the full mappingSchema
+        else if (lastElement === 'map' && settingsIndex === path.length - 2) {
+            propertySuggestionsSchema = schemas.mapping;
+        }
+        // Case 3: ['entity', 'action', 'settings', 'track', 'map'] - nested property under settings
+        // Navigate to the nested schema
+        else if (lastElement === 'map' && settingsIndex < path.length - 2) {
+            const navigatedSchema = navigateSchemaByPath(path, schemas.mapping);
+            propertySuggestionsSchema = navigatedSchema || undefined;
+        }
+    }
+    // Schema for map - allows arbitrary keys
+    const schema = {
+        type: 'object',
+        title: 'Map',
+        additionalProperties: true, // Dynamic keys allowed
+    };
+    // UI Schema configures the objectExplorer field
+    const uiSchema = {
+        'ui:field': 'objectExplorer', // Use field for objects, not widget
+        'ui:options': {
+            allowAdd: true,
+            allowRename: true,
+            allowDelete: true,
+            showBadges: true,
+            childNodeType: 'valueType',
+            emptyMessage: 'No keys yet. Add keys to transform event data.',
+            placeholder: 'Type key name to create or select (e.g., currency)...',
+            propertySuggestionsSchema, // Pass data schema for property suggestions
+        },
+    };
+    // Form context - provides navigation and state to widget
+    // Use mapPath so child navigation works correctly
+    const formContext = {
+        navigation,
+        mappingState,
+        path: mapPath,
+    };
+    // Handle changes from widget
+    const handleChange = (newValue) => {
+        if (newValue && typeof newValue === 'object' && !Array.isArray(newValue)) {
+            mappingState.actions.setValue(mapPath, newValue);
+        }
+        else if (newValue === null ||
+            newValue === undefined ||
+            (typeof newValue === 'object' && Object.keys(newValue).length === 0)) {
+            // Handle empty object or deletion
+            mappingState.actions.deleteValue(mapPath);
+        }
+    };
+    return (_jsx(BaseMappingPane, { title: "Map", description: mapKeys.length === 0
+            ? 'No keys yet. Add keys to transform event data.'
+            : `${mapKeys.length} ${mapKeys.length === 1 ? 'key' : 'keys'}`, navigation: navigation, className: className, children: _jsx(MappingFormWrapper, { schema: schema, uiSchema: uiSchema, formData: map, onChange: handleChange, formContext: formContext }) }));
+}
+//# sourceMappingURL=mapping-map-pane-view-rjsf.js.map

package/dist/components/molecules/mapping-map-pane-view-rjsf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-map-pane-view-rjsf.js","sourceRoot":"","sources":["../../../src/components/molecules/mapping-map-pane-view-rjsf.tsx"],"names":[],"mappings":"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"}

package/dist/components/molecules/mapping-name-pane-view.d.ts

@@ -0,0 +1,22 @@
+import type { RJSFSchema, UiSchema } from '@rjsf/utils';
+import type { UseMappingStateReturn } from '../../hooks/useMappingState';
+import type { UseMappingNavigationReturn } from '../../hooks/useMappingNavigation';
+export interface MappingNamePaneViewProps {
+    path: string[];
+    mappingState: UseMappingStateReturn;
+    navigation: UseMappingNavigationReturn;
+    schema?: RJSFSchema;
+    uiSchema?: UiSchema;
+    className?: string;
+}
+/**
+ * Name Pane - Text input with schema validation for rule name override
+ *
+ * The name property is a simple string that overrides the destination event name.
+ * From packages/core/src/types/mapping.ts:
+ *   name?: string;  // Use a custom event name
+ *
+ * Uses type="text" with schema validation (minLength, maxLength, pattern)
+ */
+export declare function MappingNamePaneView({ path, mappingState, navigation, schema, uiSchema, className, }: MappingNamePaneViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-name-pane-view.d.ts.map

package/dist/components/molecules/mapping-name-pane-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-name-pane-view.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/mapping-name-pane-view.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACzE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAKnF,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,YAAY,EAAE,qBAAqB,CAAC;IACpC,UAAU,EAAE,0BAA0B,CAAC;IACvC,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,MAAM,EACN,QAAQ,EACR,SAAc,GACf,EAAE,wBAAwB,2CA0E1B"}

package/dist/components/molecules/mapping-name-pane-view.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { BaseMappingPane } from '../atoms/base-mapping-pane';
+import { MappingInput } from '../atoms/mapping-input';
+import { validateValue } from '../../utils/schema-validation';
+/**
+ * Name Pane - Text input with schema validation for rule name override
+ *
+ * The name property is a simple string that overrides the destination event name.
+ * From packages/core/src/types/mapping.ts:
+ *   name?: string;  // Use a custom event name
+ *
+ * Uses type="text" with schema validation (minLength, maxLength, pattern)
+ */
+export function MappingNamePaneView({ path, mappingState, navigation, schema, uiSchema, className = '', }) {
+    const value = mappingState.actions.getValue(path);
+    const nameValue = typeof value === 'string' ? value : '';
+    const handleChange = (newValue) => {
+        if (newValue.trim() === '') {
+            // Delete if empty
+            mappingState.actions.deleteValue(path);
+        }
+        else {
+            mappingState.actions.setValue(path, newValue);
+        }
+    };
+    // Validate current value
+    const validationResult = validateValue(value, schema);
+    const hasError = !validationResult.valid;
+    // Get title and description from schema or use defaults
+    const title = schema?.title || 'Event Name Override';
+    const description = schema?.description ||
+        'Override the destination event name with a custom string';
+    const placeholder = uiSchema?.['ui:placeholder'] ||
+        'e.g., page_view, product_click, order_complete';
+    return (_jsxs(BaseMappingPane, { title: title, description: description, navigation: navigation, className: className, children: [_jsxs("div", { className: "elb-mapping-pane-field", children: [_jsx(MappingInput, { value: nameValue, onChange: handleChange, placeholder: placeholder, type: "text", error: hasError }), _jsxs("div", { className: "elb-mapping-pane-hint", children: [uiSchema?.['ui:help'] ||
+                                'This string will be sent to the destination instead of the default entity-action name. Leave empty to use default.', hasError && validationResult.error && (_jsxs(_Fragment, { children: [_jsx("br", {}), _jsxs("span", { style: { color: 'var(--color-button-danger)' }, children: ["\u26A0 ", validationResult.error] })] }))] })] }), _jsxs("div", { className: "elb-mapping-name-examples", children: [_jsx("div", { className: "elb-mapping-name-examples-title", children: "Common Examples:" }), _jsxs("ul", { className: "elb-mapping-name-examples-list", children: [_jsxs("li", { children: [_jsx("code", { children: "page_view" }), " - Google Analytics style"] }), _jsxs("li", { children: [_jsx("code", { children: "PageView" }), " - Pascal case for tracking systems"] }), _jsxs("li", { children: [_jsx("code", { children: "view_item" }), " - GA4 recommended event names"] }), _jsxs("li", { children: [_jsx("code", { children: "product.viewed" }), " - Segment style with dots"] })] })] })] }));
+}
+//# sourceMappingURL=mapping-name-pane-view.js.map

package/dist/components/molecules/mapping-name-pane-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-name-pane-view.js","sourceRoot":"","sources":["../../../src/components/molecules/mapping-name-pane-view.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAW9D;;;;;;;;GAQG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,MAAM,EACN,QAAQ,EACR,SAAS,GAAG,EAAE,GACW;IACzB,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAEzD,MAAM,YAAY,GAAG,CAAC,QAAgB,EAAE,EAAE;QACxC,IAAI,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;YAC3B,kBAAkB;YAClB,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACzC,CAAC;aAAM,CAAC;YACN,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QAChD,CAAC;IACH,CAAC,CAAC;IAEF,yBAAyB;IACzB,MAAM,gBAAgB,GAAG,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACtD,MAAM,QAAQ,GAAG,CAAC,gBAAgB,CAAC,KAAK,CAAC;IAEzC,wDAAwD;IACxD,MAAM,KAAK,GAAG,MAAM,EAAE,KAAK,IAAI,qBAAqB,CAAC;IACrD,MAAM,WAAW,GACf,MAAM,EAAE,WAAW;QACnB,0DAA0D,CAAC;IAC7D,MAAM,WAAW,GACf,QAAQ,EAAE,CAAC,gBAAgB,CAAC;QAC5B,gDAAgD,CAAC;IAEnD,OAAO,CACL,MAAC,eAAe,IACd,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,aAEpB,eAAK,SAAS,EAAC,wBAAwB,aACrC,KAAC,YAAY,IACX,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,QAAQ,GACf,EACF,eAAK,SAAS,EAAC,uBAAuB,aACnC,QAAQ,EAAE,CAAC,SAAS,CAAC;gCACpB,oHAAoH,EACrH,QAAQ,IAAI,gBAAgB,CAAC,KAAK,IAAI,CACrC,8BACE,cAAM,EACN,gBAAM,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,wBAC/C,gBAAgB,CAAC,KAAK,IACpB,IACN,CACJ,IACG,IACF,EAEN,eAAK,SAAS,EAAC,2BAA2B,aACxC,cAAK,SAAS,EAAC,iCAAiC,iCAAuB,EACvE,cAAI,SAAS,EAAC,gCAAgC,aAC5C,yBACE,uCAAsB,iCACnB,EACL,yBACE,sCAAqB,2CAClB,EACL,yBACE,uCAAsB,sCACnB,EACL,yBACE,4CAA2B,kCACxB,IACF,IACD,IACU,CACnB,CAAC;AACJ,CAAC"}

package/dist/components/molecules/mapping-navigation-header.d.ts

@@ -0,0 +1,27 @@
+import type { BreadcrumbSegment } from '../../utils/mapping-path';
+import type { NodeType } from '../../hooks/useMappingNavigation';
+/**
+ * Navigation header combining breadcrumb, tree toggle, and action button
+ *
+ * Displayed above the tab bar to provide context and navigation controls
+ */
+export interface MappingNavigationHeaderProps {
+    breadcrumb: BreadcrumbSegment[];
+    paneType?: NodeType;
+    showTreeButton?: boolean;
+    showCodeButton?: boolean;
+    codeViewActive?: boolean;
+    showActionButton?: boolean;
+    actionButtonLabel?: string;
+    showDeleteButton?: boolean;
+    validationErrors?: number;
+    onNavigate: (path: string[]) => void;
+    onToggleTree?: () => void;
+    onToggleCode?: () => void;
+    onActionClick?: () => void;
+    onDeleteClick?: () => void;
+    onValidationClick?: () => void;
+    className?: string;
+}
+export declare function MappingNavigationHeader({ breadcrumb, paneType, showTreeButton, showCodeButton, codeViewActive, showActionButton, actionButtonLabel, showDeleteButton, validationErrors, onNavigate, onToggleTree, onToggleCode, onActionClick, onDeleteClick, onValidationClick, className, }: MappingNavigationHeaderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-navigation-header.d.ts.map

package/dist/components/molecules/mapping-navigation-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-navigation-header.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/mapping-navigation-header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAEjE;;;;GAIG;AACH,MAAM,WAAW,4BAA4B;IAC3C,UAAU,EAAE,iBAAiB,EAAE,CAAC;IAChC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,uBAAuB,CAAC,EACtC,UAAU,EACV,QAAQ,EACR,cAAqB,EACrB,cAAsB,EACtB,cAAsB,EACtB,gBAAwB,EACxB,iBAA2B,EAC3B,gBAAwB,EACxB,gBAAoB,EACpB,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,SAAc,GACf,EAAE,4BAA4B,2CAsF9B"}

package/dist/components/molecules/mapping-navigation-header.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MappingBreadcrumb } from '../atoms/mapping-breadcrumb';
+import { MappingConfirmButton } from '../atoms/mapping-confirm-button';
+export function MappingNavigationHeader({ breadcrumb, paneType, showTreeButton = true, showCodeButton = false, codeViewActive = false, showActionButton = false, actionButtonLabel = '+ Add', showDeleteButton = false, validationErrors = 0, onNavigate, onToggleTree, onToggleCode, onActionClick, onDeleteClick, onValidationClick, className = '', }) {
+    return (_jsxs("div", { className: `elb-mapping-navigation-header ${className}`, children: [_jsxs("div", { className: "elb-mapping-navigation-left", children: [showTreeButton && (_jsx("button", { type: "button", className: "elb-mapping-tree-toggle-button", onClick: onToggleTree, "aria-label": "Toggle tree view", title: "Toggle tree view", children: "\u2261" })), _jsx(MappingBreadcrumb, { segments: breadcrumb, onNavigate: onNavigate }), paneType && _jsx("span", { className: "elb-mapping-pane-type", children: paneType }), validationErrors > 0 && onValidationClick && (_jsxs("button", { type: "button", className: "elb-validation-warning-badge", onClick: onValidationClick, "aria-label": `${validationErrors} validation ${validationErrors === 1 ? 'error' : 'errors'}`, title: `${validationErrors} validation ${validationErrors === 1 ? 'error' : 'errors'}. Click to view.`, children: [_jsx("span", { className: "elb-validation-warning-icon", children: "\u26A0" }), _jsx("span", { className: "elb-validation-warning-count", children: validationErrors })] }))] }), _jsxs("div", { className: "elb-mapping-navigation-right", children: [showCodeButton && onToggleCode && (_jsx("button", { type: "button", className: `elb-mapping-code-toggle-button ${codeViewActive ? 'is-active' : ''}`, onClick: onToggleCode, "aria-label": codeViewActive ? 'Show visual view' : 'Show code view', title: codeViewActive ? 'Show visual view' : 'Show code view', children: _jsx("span", { children: codeViewActive ? 'Visual' : 'Code' }) })), showDeleteButton && onDeleteClick && (_jsx(MappingConfirmButton, { icon: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M6.5 1.5V2.5H2V4H3V13.5C3 14.3284 3.67157 15 4.5 15H11.5C12.3284 15 13 14.3284 13 13.5V4H14V2.5H9.5V1.5H6.5ZM4.5 4H11.5V13.5H4.5V4ZM6 5.5V12H7.5V5.5H6ZM8.5 5.5V12H10V5.5H8.5Z", fill: "currentColor" }) }), confirmLabel: "Delete?", onConfirm: onDeleteClick, ariaLabel: "Delete this item", className: "elb-mapping-delete-button" })), showActionButton && onActionClick && (_jsx("button", { type: "button", className: "elb-mapping-action-button", onClick: onActionClick, "aria-label": actionButtonLabel, title: actionButtonLabel, children: actionButtonLabel }))] })] }));
+}
+//# sourceMappingURL=mapping-navigation-header.js.map

package/dist/components/molecules/mapping-navigation-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-navigation-header.js","sourceRoot":"","sources":["../../../src/components/molecules/mapping-navigation-header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AA4BvE,MAAM,UAAU,uBAAuB,CAAC,EACtC,UAAU,EACV,QAAQ,EACR,cAAc,GAAG,IAAI,EACrB,cAAc,GAAG,KAAK,EACtB,cAAc,GAAG,KAAK,EACtB,gBAAgB,GAAG,KAAK,EACxB,iBAAiB,GAAG,OAAO,EAC3B,gBAAgB,GAAG,KAAK,EACxB,gBAAgB,GAAG,CAAC,EACpB,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,SAAS,GAAG,EAAE,GACe;IAC7B,OAAO,CACL,eAAK,SAAS,EAAE,iCAAiC,SAAS,EAAE,aAC1D,eAAK,SAAS,EAAC,6BAA6B,aACzC,cAAc,IAAI,CACjB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,gCAAgC,EAC1C,OAAO,EAAE,YAAY,gBACV,kBAAkB,EAC7B,KAAK,EAAC,kBAAkB,uBAGjB,CACV,EAED,KAAC,iBAAiB,IAAC,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,GAAI,EAElE,QAAQ,IAAI,eAAM,SAAS,EAAC,uBAAuB,YAAE,QAAQ,GAAQ,EAErE,gBAAgB,GAAG,CAAC,IAAI,iBAAiB,IAAI,CAC5C,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,8BAA8B,EACxC,OAAO,EAAE,iBAAiB,gBACd,GAAG,gBAAgB,eAAe,gBAAgB,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE,EAC3F,KAAK,EAAE,GAAG,gBAAgB,eAAe,gBAAgB,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,kBAAkB,aAEtG,eAAM,SAAS,EAAC,6BAA6B,uBAAS,EACtD,eAAM,SAAS,EAAC,8BAA8B,YAC3C,gBAAgB,GACZ,IACA,CACV,IACG,EAEN,eAAK,SAAS,EAAC,8BAA8B,aAC1C,cAAc,IAAI,YAAY,IAAI,CACjC,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,kCAAkC,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,EAChF,OAAO,EAAE,YAAY,gBACT,cAAc,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,gBAAgB,EAClE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,gBAAgB,YAE7D,yBAAO,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,GAAQ,GAC1C,CACV,EAEA,gBAAgB,IAAI,aAAa,IAAI,CACpC,KAAC,oBAAoB,IACnB,IAAI,EACF,cACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,YAElC,eACE,CAAC,EAAC,gLAAgL,EAClL,IAAI,EAAC,cAAc,GACnB,GACE,EAER,YAAY,EAAC,SAAS,EACtB,SAAS,EAAE,aAAa,EACxB,SAAS,EAAC,kBAAkB,EAC5B,SAAS,EAAC,2BAA2B,GACrC,CACH,EAEA,gBAAgB,IAAI,aAAa,IAAI,CACpC,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAE,aAAa,gBACV,iBAAiB,EAC7B,KAAK,EAAE,iBAAiB,YAEvB,iBAAiB,GACX,CACV,IACG,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/molecules/mapping-overview-pane.d.ts

@@ -0,0 +1,14 @@
+import type { UseMappingStateReturn } from '../../hooks/useMappingState';
+import type { UseMappingNavigationReturn } from '../../hooks/useMappingNavigation';
+/**
+ * Overview Pane - Shows all entity-action pairs as tiles
+ *
+ * Displays when no specific tab is selected
+ */
+export interface MappingOverviewPaneProps {
+    mappingState: UseMappingStateReturn;
+    navigation: UseMappingNavigationReturn;
+    className?: string;
+}
+export declare function MappingOverviewPane({ mappingState, navigation, className, }: MappingOverviewPaneProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-overview-pane.d.ts.map

package/dist/components/molecules/mapping-overview-pane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-overview-pane.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/mapping-overview-pane.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACzE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAInF;;;;GAIG;AACH,MAAM,WAAW,wBAAwB;IACvC,YAAY,EAAE,qBAAqB,CAAC;IACpC,UAAU,EAAE,0BAA0B,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,YAAY,EACZ,UAAU,EACV,SAAc,GACf,EAAE,wBAAwB,2CAmH1B"}

package/dist/components/molecules/mapping-overview-pane.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { BaseMappingPane } from '../atoms/base-mapping-pane';
+import { MappingInputWithButton } from '../atoms/mapping-input-with-button';
+export function MappingOverviewPane({ mappingState, navigation, className = '', }) {
+    const config = mappingState.config;
+    const [newEntityName, setNewEntityName] = useState('');
+    const [entityExists, setEntityExists] = useState(false);
+    // Build list of all entity-action pairs
+    const rules = [];
+    Object.keys(config)
+        .sort()
+        .forEach((entity) => {
+        const entityConfig = config[entity];
+        if (entityConfig && typeof entityConfig === 'object') {
+            Object.keys(entityConfig)
+                .sort()
+                .forEach((action) => {
+                rules.push({ entity, action });
+            });
+        }
+    });
+    const handleRuleClick = (entity, action) => {
+        navigation.openTab([entity, action], 'rule');
+    };
+    const handleEntityInputChange = (value) => {
+        setNewEntityName(value);
+        // Check if entity exists
+        setEntityExists(config[value] !== undefined);
+    };
+    const handleEntitySubmit = () => {
+        const entityName = newEntityName.trim();
+        if (!entityName) {
+            setNewEntityName('');
+            return;
+        }
+        if (entityExists) {
+            // Navigate to existing entity
+            navigation.openTab([entityName], 'entity');
+        }
+        else {
+            // Create new entity
+            mappingState.actions.setValue([entityName], {});
+            navigation.openTab([entityName], 'entity');
+        }
+        setNewEntityName('');
+        setEntityExists(false);
+    };
+    const handleEntityKeyDown = (e) => {
+        if (e.key === 'Escape') {
+            e.preventDefault();
+            setNewEntityName('');
+            setEntityExists(false);
+        }
+    };
+    return (_jsxs(BaseMappingPane, { title: "Overview", description: rules.length === 0
+            ? 'No rules yet. Create an entity to get started.'
+            : `${rules.length} rule${rules.length === 1 ? '' : 's'}`, navigation: navigation, hideNavigation: true, className: className, children: [_jsx("div", { className: "elb-mapping-overview-input-section", children: _jsx(MappingInputWithButton, { value: newEntityName, onChange: handleEntityInputChange, onSubmit: handleEntitySubmit, onKeyDown: handleEntityKeyDown, buttonLabel: entityExists ? 'Open' : 'Create', showButton: true, placeholder: "Type entity name to create or select...", className: entityExists ? 'is-existing' : '' }) }), rules.length > 0 && (_jsxs("div", { className: "elb-mapping-tile-section", children: [_jsx("h3", { className: "elb-mapping-tile-title", children: "Existing Mapping Rules for Standard Events" }), _jsx("div", { className: "elb-mapping-overview-grid", children: rules.map(({ entity, action }) => (_jsxs("button", { type: "button", className: "elb-mapping-overview-tile", onClick: () => handleRuleClick(entity, action), children: [_jsx("div", { className: "elb-mapping-overview-tile-entity", children: entity }), _jsx("div", { className: "elb-mapping-overview-tile-action", children: action })] }, `${entity}.${action}`))) })] })), rules.length === 0 && (_jsx("div", { className: "elb-mapping-overview-empty", children: _jsx("p", { children: "Use the tree sidebar or breadcrumb to create your first entity and action." }) }))] }));
+}
+//# sourceMappingURL=mapping-overview-pane.js.map

package/dist/components/molecules/mapping-overview-pane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-overview-pane.js","sourceRoot":"","sources":["../../../src/components/molecules/mapping-overview-pane.tsx"],"names":[],"mappings":"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"}

package/dist/components/molecules/mapping-pane.d.ts

@@ -0,0 +1,52 @@
+import type { NodeType } from '../../hooks/useMappingNavigation';
+import type { UseMappingStateReturn } from '../../hooks/useMappingState';
+import type { UseMappingNavigationReturn } from '../../hooks/useMappingNavigation';
+import type { DestinationSchemas } from '../../types/schemas';
+import type { ConfigStructureDef } from '../../schemas/config-structures/types';
+/**
+ * Mapping Pane Router - Pure Presentation Component
+ *
+ * Routes to the appropriate pane component based on node type.
+ * This is a simple router that delegates to specialized pane views.
+ *
+ * Supported node types:
+ * - 'entity' → MappingEntityPane - Shows list of actions
+ * - 'rule' → ConfigOverviewPane - Shows rule properties grid (schema-driven)
+ * - 'policy' → MappingPolicyOverviewPane - Shows list of policy rules with badges
+ * - 'name' → MappingNamePaneView - Simple string input for event name override
+ * - 'batch' → MappingBatchPaneView - Number input for batch size configuration
+ * - 'consent' → MappingConsentPaneView - Consent state tiles with discovery
+ * - 'valueConfig' → MappingValueConfigPaneView - Full ValueConfig editor
+ * - 'valueType' → MappingValueTypePaneView - String or ValueConfig editor (replaces old property/type-grid)
+ * - 'enum' → MappingEnumPaneView - Dropdown selector for schema-defined enum fields
+ * - 'boolean' → MappingBooleanPaneView - Toggle switch for boolean settings
+ * - 'key' → MappingKeyPaneView - Focused key property editor
+ * - 'condition' → MappingConditionPaneView - Condition function editor
+ * - 'value' → MappingValuePaneView - Primitive value editor (string, number, boolean)
+ * - 'fn' → MappingFnPaneView - Transformation function editor
+ * - 'validate' → MappingValidatePaneView - Validation function editor
+ * - 'set' → MappingSetPaneView - Array of values with drag-and-drop
+ * - 'loop' → MappingLoopPaneView - Loop transformation editor
+ * - 'map' → MappingMapPaneView - Map object editor (key-value pairs)
+ *
+ * @example
+ * <MappingPane
+ *   nodeType="rule"
+ *   path={['product', 'view']}
+ *   mappingState={mappingState}
+ *   navigation={navigation}
+ * />
+ */
+export interface MappingPaneProps {
+    nodeType: NodeType;
+    path: string[];
+    mappingState: UseMappingStateReturn;
+    navigation: UseMappingNavigationReturn;
+    className?: string;
+    /** Destination schemas for type-aware settings editing */
+    schemas?: DestinationSchemas;
+    /** Structure definition for schema-aware detection */
+    structure?: ConfigStructureDef;
+}
+export declare function MappingPane({ nodeType, path, mappingState, navigation, className, schemas, structure, }: MappingPaneProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-pane.d.ts.map

package/dist/components/molecules/mapping-pane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-pane.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/mapping-pane.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACzE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AACnF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AA8DhF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,YAAY,EAAE,qBAAqB,CAAC;IACpC,UAAU,EAAE,0BAA0B,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,sDAAsD;IACtD,SAAS,CAAC,EAAE,kBAAkB,CAAC;CAChC;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,SAAc,EACd,OAAO,EACP,SAAS,GACV,EAAE,gBAAgB,2CAiRlB"}

package/dist/components/molecules/mapping-pane.js

@@ -0,0 +1,155 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MappingEntityPane } from './mapping-entity-pane';
+import { ConfigOverviewPane } from './config-overview-pane';
+import { MappingPolicyOverviewPane } from './mapping-policy-overview-pane';
+import { MappingValueConfigPaneView } from './mapping-value-config-pane-view';
+import { MappingValueTypePaneView } from './mapping-value-type-pane-view';
+import { MappingValuePaneView } from './mapping-value-pane-view';
+import { MappingKeyPaneView } from './mapping-key-pane-view';
+import { MappingConditionPaneView } from './mapping-condition-pane-view';
+import { MappingFnPaneView } from './mapping-fn-pane-view';
+import { MappingValidatePaneView } from './mapping-validate-pane-view';
+import { MappingNamePaneView } from './mapping-name-pane-view';
+import { MappingBatchPaneView } from './mapping-batch-pane-view';
+import { MappingConsentPaneView } from './mapping-consent-pane-view';
+import { MappingSetPaneView } from './mapping-set-pane-view';
+import { MappingLoopPaneView } from './mapping-loop-pane-view';
+import { MappingMapPaneViewRJSF } from './mapping-map-pane-view-rjsf';
+import { MappingEnumPaneView } from './mapping-enum-pane-view';
+import { MappingBooleanPaneView } from './mapping-boolean-pane-view';
+import { MappingPrimitivePaneView } from './mapping-primitive-pane-view';
+import { SettingsOverviewPane } from './settings-overview-pane';
+import { getSchemaForPath as getSchemaForPathFromDetector } from '../../utils/type-detector';
+import { getRulePropertyUiSchema, } from '../../schemas/rule-properties-schema';
+import { MAPPING_RULE_STRUCTURE } from '../../schemas/config-structures/mapping-rule';
+/**
+ * Get JSON Schema for a given path using structure-aware detection
+ *
+ * FULLY DYNAMIC: No hardcoded path checks. Uses structure definitions to route
+ * to the correct schema based on PropertyDef.schemaPath.
+ *
+ * Structure MUST be provided by the caller (ConfigEditorTabs) to avoid ambiguity.
+ *
+ * @param path - Path array
+ * @param mappingState - Mapping state for value access
+ * @param schemas - Destination schemas bundle
+ * @param structure - Structure definition (REQUIRED - no auto-detection)
+ * @returns JSON Schema or undefined
+ */
+function getSchemaForPath(path, mappingState, schemas, structure) {
+    if (!schemas || !structure)
+        return undefined;
+    const value = mappingState.actions.getValue(path);
+    return getSchemaForPathFromDetector(value, path, structure, schemas);
+}
+/**
+ * Get UI Schema for a given path
+ *
+ * NOTE: UI Schemas are simple key-based lookups, not nested like JSON Schema.
+ * We just need to identify the property key and check the appropriate UI schema dict.
+ */
+function getUiSchemaForPath(path, schemas) {
+    if (!schemas || path.length === 0)
+        return undefined;
+    const propertyKey = path[path.length - 1];
+    // Try settings UI schema
+    if (schemas.settingsUi?.[propertyKey]) {
+        return schemas.settingsUi[propertyKey];
+    }
+    // Try mapping UI schema
+    if (schemas.mappingUi?.[propertyKey]) {
+        return schemas.mappingUi[propertyKey];
+    }
+    // Try rule property UI schema
+    return getRulePropertyUiSchema(propertyKey);
+}
+export function MappingPane({ nodeType, path, mappingState, navigation, className = '', schemas, structure, }) {
+    // Handle type selection from grid
+    const handleSelectType = (type) => {
+        // Navigate to the selected type
+        navigation.openTab([...path, type], type);
+    };
+    // Route to appropriate pane based on node type
+    switch (nodeType) {
+        case 'entity':
+            // MappingEntityPane has its own .elb-mapping-entity-pane structure
+            return (_jsx(MappingEntityPane, { path: path, mappingState: mappingState, navigation: navigation, className: className }));
+        case 'rule':
+            const ruleValue = mappingState.actions.getValue(path);
+            const ruleStructure = MAPPING_RULE_STRUCTURE;
+            return (_jsx(ConfigOverviewPane, { config: ruleValue, structure: ruleStructure, navigation: navigation, schemas: schemas, className: className, basePath: path, rootStructure: structure }));
+        case 'name':
+            // MappingNamePaneView uses standard .elb-mapping-pane structure
+            return (_jsx(MappingNamePaneView, { path: path, mappingState: mappingState, navigation: navigation, schema: getSchemaForPath(path, mappingState, schemas, structure), uiSchema: getUiSchemaForPath(path, schemas), className: className }));
+        case 'batch':
+            // MappingBatchPaneView uses standard .elb-mapping-pane structure
+            return (_jsx(MappingBatchPaneView, { path: path, mappingState: mappingState, navigation: navigation, schema: getSchemaForPath(path, mappingState, schemas, structure), uiSchema: getUiSchemaForPath(path, schemas), className: className }));
+        case 'consent':
+            // MappingConsentPaneView uses standard .elb-mapping-pane structure
+            return (_jsx(MappingConsentPaneView, { path: path, mappingState: mappingState, navigation: navigation, className: className }));
+        case 'policy':
+            // MappingPolicyOverviewPane shows list of policy rules
+            return (_jsx(MappingPolicyOverviewPane, { path: path, mappingState: mappingState, navigation: navigation, className: className }));
+        case 'condition':
+            // MappingConditionPaneView uses standard .elb-mapping-pane structure
+            return (_jsx(MappingConditionPaneView, { path: path, mappingState: mappingState, navigation: navigation, className: className }));
+        case 'value':
+            // MappingValuePaneView uses standard .elb-mapping-pane structure
+            return (_jsx(MappingValuePaneView, { path: path, mappingState: mappingState, navigation: navigation, className: className }));
+        case 'key':
+            // MappingKeyPaneView uses standard .elb-mapping-pane structure
+            return (_jsx(MappingKeyPaneView, { path: path, mappingState: mappingState, navigation: navigation, className: className }));
+        case 'fn':
+            // MappingFnPaneView uses standard .elb-mapping-pane structure
+            return (_jsx(MappingFnPaneView, { path: path, mappingState: mappingState, navigation: navigation, className: className }));
+        case 'validate':
+            // MappingValidatePaneView uses standard .elb-mapping-pane structure
+            return (_jsx(MappingValidatePaneView, { path: path, mappingState: mappingState, navigation: navigation, className: className }));
+        case 'valueType':
+            // MappingValueTypePaneView for string | ValueConfig
+            return (_jsx(MappingValueTypePaneView, { path: path, mappingState: mappingState, navigation: navigation, className: className }));
+        case 'enum':
+            // MappingEnumPaneView for schema-defined enum fields
+            return (_jsx(MappingEnumPaneView, { path: path, mappingState: mappingState, navigation: navigation, schemas: schemas, structure: structure, className: className }));
+        case 'boolean':
+            // MappingBooleanPaneView for boolean toggle fields
+            return (_jsx(MappingBooleanPaneView, { path: path, mappingState: mappingState, navigation: navigation, className: className }));
+        case 'primitive':
+            // MappingPrimitivePaneView for schema-defined string/number primitives
+            return (_jsx(MappingPrimitivePaneView, { path: path, mappingState: mappingState, navigation: navigation, schema: getSchemaForPath(path, mappingState, schemas, structure), uiSchema: getUiSchemaForPath(path, schemas), className: className }));
+        case 'set':
+            // MappingSetPaneView uses standard .elb-mapping-pane structure
+            return (_jsx(MappingSetPaneView, { path: path, mappingState: mappingState, navigation: navigation, className: className }));
+        case 'loop':
+            // MappingLoopPaneView uses standard .elb-mapping-pane structure
+            return (_jsx(MappingLoopPaneView, { path: path, mappingState: mappingState, navigation: navigation, className: className }));
+        case 'map':
+            return (_jsx(MappingMapPaneViewRJSF, { path: path, mappingState: mappingState, navigation: navigation, schemas: schemas, className: className }));
+        case 'settings':
+            // SettingsOverviewPane shows settings as tiles
+            // Schema selection based on PATH context:
+            // - If path is ['settings'], use schemas.settings (config-level Settings<T>)
+            // - If path contains 'mapping' (e.g., ['mapping','page','view','settings']), use schemas.mapping (rule-level Mapping<T>)
+            let settingsSchemaPath = 'settings';
+            if (path.length > 1 && path.includes('mapping')) {
+                // Rule-level settings (inside mapping entity-action pattern)
+                settingsSchemaPath = 'mapping';
+            }
+            const settingsSchema = schemas?.[settingsSchemaPath];
+            return (_jsx(SettingsOverviewPane, { path: path, mappingState: mappingState, navigation: navigation, schema: settingsSchema, className: className }));
+        // All other cases use the standard pane wrapper with scrolling content
+        case 'valueConfig':
+        default: {
+            let content;
+            if (nodeType === 'valueConfig') {
+                content = (_jsx(MappingValueConfigPaneView, { path: path, mappingState: mappingState, navigation: navigation, className: "" }));
+            }
+            else {
+                content = (_jsxs("div", { className: "elb-mapping-pane-error", children: ["Unknown node type: ", nodeType] }));
+            }
+            // Standard pane structure with scrollable content for all remaining types
+            return (_jsx("div", { className: `elb-mapping-pane ${className}`, children: _jsx("div", { className: "elb-mapping-pane-content", children: content }) }));
+        }
+    }
+}
+//# sourceMappingURL=mapping-pane.js.map

package/dist/components/molecules/mapping-pane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-pane.js","sourceRoot":"","sources":["../../../src/components/molecules/mapping-pane.tsx"],"names":[],"mappings":"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"}

package/dist/components/molecules/mapping-policy-overview-pane.d.ts

@@ -0,0 +1,26 @@
+import type { UseMappingStateReturn } from '../../hooks/useMappingState';
+import type { UseMappingNavigationReturn } from '../../hooks/useMappingNavigation';
+/**
+ * Policy Overview Pane
+ *
+ * Shows all policy rules as a list with badges for configured properties.
+ * Policy rules are pre-processing transformations that modify events before mapping.
+ *
+ * Can be used for:
+ * - Config-level policy: path = ['policy']
+ * - Event-level policy: path = ['entity', 'action', 'policy']
+ *
+ * Each rule:
+ * - Path: The dot-notation key in the event (e.g., 'user.email', 'data.price')
+ * - Value: A Value mapping (key, fn, map, loop, etc.)
+ * - Badges: Show which properties are configured (fn, consent, condition, etc.)
+ * - Actions: Delete
+ */
+export interface MappingPolicyOverviewPaneProps {
+    path?: string[];
+    mappingState: UseMappingStateReturn;
+    navigation: UseMappingNavigationReturn;
+    className?: string;
+}
+export declare function MappingPolicyOverviewPane({ path, mappingState, navigation, className, }: MappingPolicyOverviewPaneProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-policy-overview-pane.d.ts.map

package/dist/components/molecules/mapping-policy-overview-pane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-policy-overview-pane.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/mapping-policy-overview-pane.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACzE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAMnF;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,8BAA8B;IAC7C,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,YAAY,EAAE,qBAAqB,CAAC;IACpC,UAAU,EAAE,0BAA0B,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,yBAAyB,CAAC,EACxC,IAAiB,EACjB,YAAY,EACZ,UAAU,EACV,SAAc,GACf,EAAE,8BAA8B,2CA8JhC"}