@walkeros/explorer 0.3.1 → 1.0.0

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

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useMemo } from 'react';
+import { ConsentStateTile } from '../atoms/consent-state-tile';
+import { scanMappingForConsentStates } from '../../utils/consent-scanner';
+import { BaseMappingPane } from '../atoms/base-mapping-pane';
+import { getPathDescription } from '../../utils/path-analyzer';
+import { MappingInputWithButton } from '../atoms/mapping-input-with-button';
+export function MappingConsentPaneView({ path, mappingState, navigation, className = '', }) {
+    const [newStateName, setNewStateName] = useState('');
+    // Get current consent value at this path
+    const value = mappingState.actions.getValue(path);
+    const currentConsent = value && typeof value === 'object'
+        ? value
+        : {};
+    // Scan entire mapping for all consent states
+    const discoveredStates = useMemo(() => scanMappingForConsentStates(mappingState.config), [mappingState.config]);
+    const handleToggleState = (stateName) => {
+        const isCurrentlyChecked = currentConsent[stateName] === true;
+        if (isCurrentlyChecked) {
+            // Uncheck: remove from consent object
+            const newConsent = { ...currentConsent };
+            delete newConsent[stateName];
+            // If empty, delete the entire consent property
+            if (Object.keys(newConsent).length === 0) {
+                mappingState.actions.deleteValue(path);
+            }
+            else {
+                mappingState.actions.setValue(path, newConsent);
+            }
+        }
+        else {
+            // Check: add to consent object with value true
+            const newConsent = { ...currentConsent, [stateName]: true };
+            mappingState.actions.setValue(path, newConsent);
+        }
+    };
+    const handleInputChange = (value) => {
+        setNewStateName(value);
+    };
+    const handleAddNewState = () => {
+        const trimmed = newStateName.trim();
+        if (!trimmed)
+            return;
+        // Don't add if it already exists
+        if (discoveredStates.includes(trimmed)) {
+            setNewStateName('');
+            return;
+        }
+        // Add new state as checked
+        const newConsent = { ...currentConsent, [trimmed]: true };
+        mappingState.actions.setValue(path, newConsent);
+        // Clear input
+        setNewStateName('');
+    };
+    const handleKeyDown = (e) => {
+        if (e.key === 'Escape') {
+            e.preventDefault();
+            setNewStateName('');
+        }
+    };
+    // Get context-aware title and description
+    const { title, description } = useMemo(() => getPathDescription(path, mappingState.config), [path, mappingState.config]);
+    return (_jsx(BaseMappingPane, { title: title, description: description, navigation: navigation, className: className, children: _jsxs("div", { className: "elb-mapping-consent-pane", children: [_jsxs("div", { className: "elb-mapping-consent-grid", children: [discoveredStates.map((stateName) => (_jsx(ConsentStateTile, { label: stateName, checked: currentConsent[stateName] === true, onClick: () => handleToggleState(stateName) }, stateName))), _jsx(MappingInputWithButton, { value: newStateName, onChange: handleInputChange, onSubmit: handleAddNewState, onKeyDown: handleKeyDown, buttonLabel: "Add", showButton: true, placeholder: "Add new consent state" })] }), _jsxs("div", { className: "elb-mapping-consent-help", children: [_jsx("h4", { className: "elb-mapping-consent-help-title", children: "How it works" }), _jsxs("ul", { className: "elb-mapping-consent-help-list", children: [_jsx("li", { children: "Checked states are required for processing" }), _jsx("li", { children: "Events queue until required consent is granted" }), _jsx("li", { children: "Consent states are discovered from your entire mapping configuration" })] })] })] }) }));
+}
+//# sourceMappingURL=mapping-consent-pane-view.js.map

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

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

package/dist/components/molecules/mapping-consent-row.d.ts

@@ -0,0 +1,29 @@
+export interface ConsentRowProps {
+    consentType: string;
+    granted: boolean;
+    onConsentTypeChange: (value: string) => void;
+    onGrantedChange: (value: boolean) => void;
+    onRemove: () => void;
+}
+/**
+ * ConsentRow - Single consent requirement row
+ *
+ * Displays a row for configuring a consent requirement with:
+ * - Input field for consent type name (e.g., "functional", "marketing")
+ * - Checkbox for granted/denied state (checked = true/granted required)
+ * - "Granted" label next to checkbox
+ * - Trash button to remove the row
+ *
+ * Layout: [Input 200px] [Checkbox] [Label "Granted"] [Trash Button]
+ *
+ * @example
+ * <ConsentRow
+ *   consentType="functional"
+ *   granted={true}
+ *   onConsentTypeChange={setType}
+ *   onGrantedChange={setGranted}
+ *   onRemove={handleRemove}
+ * />
+ */
+export declare function ConsentRow({ consentType, granted, onConsentTypeChange, onGrantedChange, onRemove, }: ConsentRowProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-consent-row.d.ts.map

package/dist/components/molecules/mapping-consent-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-consent-row.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/mapping-consent-row.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,UAAU,CAAC,EACzB,WAAW,EACX,OAAO,EACP,mBAAmB,EACnB,eAAe,EACf,QAAQ,GACT,EAAE,eAAe,2CA2BjB"}

package/dist/components/molecules/mapping-consent-row.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconButton } from '../atoms/icon-button';
+/**
+ * ConsentRow - Single consent requirement row
+ *
+ * Displays a row for configuring a consent requirement with:
+ * - Input field for consent type name (e.g., "functional", "marketing")
+ * - Checkbox for granted/denied state (checked = true/granted required)
+ * - "Granted" label next to checkbox
+ * - Trash button to remove the row
+ *
+ * Layout: [Input 200px] [Checkbox] [Label "Granted"] [Trash Button]
+ *
+ * @example
+ * <ConsentRow
+ *   consentType="functional"
+ *   granted={true}
+ *   onConsentTypeChange={setType}
+ *   onGrantedChange={setGranted}
+ *   onRemove={handleRemove}
+ * />
+ */
+export function ConsentRow({ consentType, granted, onConsentTypeChange, onGrantedChange, onRemove, }) {
+    return (_jsxs("div", { className: "elb-consent-row", children: [_jsx("input", { type: "text", className: "elb-consent-input", value: consentType, onChange: (e) => onConsentTypeChange(e.target.value), placeholder: "e.g., functional" }), _jsxs("div", { className: "elb-consent-checkbox-wrapper", children: [_jsx("input", { type: "checkbox", className: "elb-rjsf-checkbox", checked: granted, onChange: (e) => onGrantedChange(e.target.checked) }), _jsx("span", { className: "elb-consent-label", children: "Required" })] }), _jsx(IconButton, { icon: "delete", variant: "danger", onClick: onRemove, title: "Remove consent requirement" })] }));
+}
+//# sourceMappingURL=mapping-consent-row.js.map

package/dist/components/molecules/mapping-consent-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-consent-row.js","sourceRoot":"","sources":["../../../src/components/molecules/mapping-consent-row.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAUlD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,WAAW,EACX,OAAO,EACP,mBAAmB,EACnB,eAAe,EACf,QAAQ,GACQ;IAChB,OAAO,CACL,eAAK,SAAS,EAAC,iBAAiB,aAC9B,gBACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,mBAAmB,EAC7B,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACpD,WAAW,EAAC,kBAAkB,GAC9B,EACF,eAAK,SAAS,EAAC,8BAA8B,aAC3C,gBACE,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,GAClD,EACF,eAAM,SAAS,EAAC,mBAAmB,yBAAgB,IAC/C,EACN,KAAC,UAAU,IACT,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,QAAQ,EACjB,KAAK,EAAC,4BAA4B,GAClC,IACE,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,17 @@
+import type { UseMappingStateReturn } from '../../hooks/useMappingState';
+import type { UseMappingNavigationReturn } from '../../hooks/useMappingNavigation';
+/**
+ * Entity Pane - Shows actions for an entity
+ *
+ * Displays:
+ * - List of existing actions for the entity
+ * - Input field to create new actions
+ */
+export interface MappingEntityPaneProps {
+    path: string[];
+    mappingState: UseMappingStateReturn;
+    navigation: UseMappingNavigationReturn;
+    className?: string;
+}
+export declare function MappingEntityPane({ path, mappingState, navigation, className, }: MappingEntityPaneProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-entity-pane.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-entity-pane.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/mapping-entity-pane.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACzE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAInF;;;;;;GAMG;AACH,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,YAAY,EAAE,qBAAqB,CAAC;IACpC,UAAU,EAAE,0BAA0B,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,SAAc,GACf,EAAE,sBAAsB,2CAiIxB"}

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

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { BaseMappingPane } from '../atoms/base-mapping-pane';
+import { MappingInputWithButton } from '../atoms/mapping-input-with-button';
+export function MappingEntityPane({ path, mappingState, navigation, className = '', }) {
+    const [newActionName, setNewActionName] = useState('');
+    const [actionExists, setActionExists] = useState(false);
+    const entity = path[0];
+    const entityConfig = mappingState.actions.getValue([entity]);
+    const actions = entityConfig && typeof entityConfig === 'object'
+        ? Object.keys(entityConfig).sort()
+        : [];
+    // Check if action exists
+    useEffect(() => {
+        if (newActionName) {
+            const exists = actions.includes(newActionName);
+            setActionExists(exists);
+        }
+        else {
+            setActionExists(false);
+        }
+    }, [newActionName, actions]);
+    const handleActionInput = (value) => {
+        setNewActionName(value);
+    };
+    const handleActionKeyDown = (e) => {
+        if (e.key === 'Escape') {
+            e.preventDefault();
+            setNewActionName('');
+            setActionExists(false);
+        }
+    };
+    const handleActionSubmit = () => {
+        if (!newActionName.trim()) {
+            setNewActionName('');
+            return;
+        }
+        if (actionExists) {
+            // Navigate to existing action
+            navigation.openTab([entity, newActionName], 'rule');
+            setNewActionName('');
+            setActionExists(false);
+        }
+        else {
+            // Create new action
+            mappingState.actions.createRule(entity, newActionName.trim(), {});
+            navigation.openTab([entity, newActionName.trim()], 'rule');
+            setNewActionName('');
+        }
+    };
+    const handleActionClick = (action) => {
+        navigation.openTab([entity, action], 'rule');
+    };
+    // Get the preview text for an action (the name value from the rule or fallback)
+    const getActionPreview = (action) => {
+        const rule = mappingState.actions.getValue([entity, action]);
+        if (rule && typeof rule.name === 'string' && rule.name) {
+            return rule.name;
+        }
+        return `${entity} ${action}`;
+    };
+    return (_jsx(BaseMappingPane, { title: entity, description: "Select an action or create a new one", navigation: navigation, className: className, children: _jsxs("div", { className: "elb-mapping-entity-pane-body", children: [_jsx("div", { className: "elb-mapping-entity-pane-new-action", children: _jsx(MappingInputWithButton, { value: newActionName, onChange: handleActionInput, onSubmit: handleActionSubmit, onKeyDown: handleActionKeyDown, buttonLabel: actionExists ? 'Open' : 'Create', showButton: true, placeholder: "Type action name to create or select...", className: actionExists ? 'is-existing' : '' }) }), actions.length > 0 && (_jsxs("div", { className: "elb-mapping-tile-section", children: [_jsx("h3", { className: "elb-mapping-tile-title", children: "Existing Actions" }), _jsx("div", { className: "elb-mapping-entity-pane-action-list", children: actions.map((action) => {
+                                const preview = getActionPreview(action);
+                                const isLongPreview = preview.length > 20;
+                                return (_jsxs("button", { type: "button", className: "elb-mapping-entity-pane-action-tile", onClick: () => handleActionClick(action), children: [_jsx("div", { className: "elb-mapping-entity-pane-action-tile-action", children: action }), _jsx("div", { className: `elb-mapping-entity-pane-action-tile-preview ${isLongPreview ? 'is-long' : ''}`, children: preview })] }, action));
+                            }) })] })), actions.length === 0 && !newActionName && (_jsx("div", { className: "elb-mapping-entity-pane-empty", children: _jsx("p", { children: "No actions yet. Type above to create the first action." }) }))] }) }));
+}
+//# sourceMappingURL=mapping-entity-pane.js.map

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

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

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

@@ -0,0 +1,40 @@
+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';
+/**
+ * Enum Pane View - Pure Presentation Component
+ *
+ * Edits enum fields with predefined options from JSON Schema.
+ * Uses schema.enum to populate dropdown options and schema.type to determine
+ * if freeform text input should be allowed.
+ *
+ * Features:
+ * - Dropdown selection from schema-defined enum values
+ * - Optional freeform text input for 'string' type enums
+ * - Keyboard navigation
+ * - Schema-driven: extracts enum values from destination schemas
+ *
+ * @example
+ * // Path: ['order', 'complete', 'settings', 'track']
+ * // Schema: { type: 'string', enum: ['PageView', 'Purchase', 'AddToCart'] }
+ * <MappingEnumPaneView
+ *   path={['order', 'complete', 'settings', 'track']}
+ *   mappingState={mappingState}
+ *   navigation={navigation}
+ *   schemas={{
+ *     mapping: metaPixelMappingSchema,
+ *     mappingUi: metaPixelMappingUiSchema
+ *   }}
+ * />
+ */
+export interface MappingEnumPaneViewProps {
+    path: string[];
+    mappingState: UseMappingStateReturn;
+    navigation: UseMappingNavigationReturn;
+    schemas?: DestinationSchemas;
+    structure?: ConfigStructureDef;
+    className?: string;
+}
+export declare function MappingEnumPaneView({ path, mappingState, navigation, schemas, structure, className, }: MappingEnumPaneViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-enum-pane-view.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-enum-pane-view.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/mapping-enum-pane-view.tsx"],"names":[],"mappings":"AACA,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;AAKhF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,YAAY,EAAE,qBAAqB,CAAC;IACpC,UAAU,EAAE,0BAA0B,CAAC;IACvC,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,OAAO,EACP,SAAS,EACT,SAAc,GACf,EAAE,wBAAwB,2CA4E1B"}

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

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BaseMappingPane } from '../atoms/base-mapping-pane';
+import { MappingEnumSelect } from '../atoms/mapping-enum-select';
+import { getSchemaForPath } from '../../utils/type-detector';
+export function MappingEnumPaneView({ path, mappingState, navigation, schemas, structure, className = '', }) {
+    const value = mappingState.actions.getValue(path);
+    const currentValue = typeof value === 'string' || typeof value === 'number' ? value : '';
+    // Get schema for this path using structure-aware detection
+    const schema = structure && schemas
+        ? getSchemaForPath(value, path, structure, schemas)
+        : null;
+    const enumOptions = schema?.enum || [];
+    const enumType = schema?.type === 'number' ? 'number' : 'string';
+    const handleChange = (newValue) => {
+        if (newValue === '' ||
+            (typeof newValue === 'string' && newValue.trim() === '')) {
+            // Delete if empty
+            mappingState.actions.deleteValue(path);
+        }
+        else {
+            mappingState.actions.setValue(path, newValue);
+        }
+    };
+    // Get field name from path (last segment)
+    const fieldName = path[path.length - 1];
+    return (_jsxs(BaseMappingPane, { title: `Enum: ${fieldName}`, description: "Select from dropdown or type custom value", navigation: navigation, className: className, children: [_jsxs("div", { className: "elb-mapping-pane-field", children: [_jsx(MappingEnumSelect, { value: currentValue, onChange: handleChange, options: enumOptions, placeholder: enumOptions.length > 0
+                            ? `Type or select ${fieldName}...`
+                            : 'Type custom value...', type: enumType, autoFocus: true }), _jsx("div", { className: "elb-mapping-pane-hint", children: enumOptions.length > 0
+                            ? `${enumOptions.length} predefined ${enumOptions.length === 1 ? 'option' : 'options'} available. Type to filter or enter custom value.`
+                            : 'No predefined options. Enter custom value.' })] }), enumOptions.length > 0 && (_jsxs("div", { className: "elb-mapping-enum-examples", children: [_jsx("div", { className: "elb-mapping-enum-examples-title", children: "Available Options:" }), _jsxs("ul", { className: "elb-mapping-enum-examples-list", children: [enumOptions.slice(0, 10).map((option) => (_jsx("li", { children: _jsx("code", { children: String(option) }) }, String(option)))), enumOptions.length > 10 && (_jsxs("li", { className: "elb-mapping-enum-examples-more", children: ["... and ", enumOptions.length - 10, " more"] }))] })] }))] }));
+}
+//# sourceMappingURL=mapping-enum-pane-view.js.map

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

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

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

@@ -0,0 +1,18 @@
+import type { UseMappingStateReturn } from '../../hooks/useMappingState';
+import type { UseMappingNavigationReturn } from '../../hooks/useMappingNavigation';
+/**
+ * Mapping Fn Pane View
+ *
+ * Dedicated pane for the 'fn' property - a transformation function that
+ * processes event data and returns a transformed value.
+ *
+ * Function signature: (value, mapping, options) => any
+ */
+export interface MappingFnPaneViewProps {
+    path: string[];
+    mappingState: UseMappingStateReturn;
+    navigation: UseMappingNavigationReturn;
+    className?: string;
+}
+export declare function MappingFnPaneView(props: MappingFnPaneViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-fn-pane-view.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-fn-pane-view.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/mapping-fn-pane-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACzE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAMnF;;;;;;;GAOG;AACH,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,YAAY,EAAE,qBAAqB,CAAC;IACpC,UAAU,EAAE,0BAA0B,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA2GD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAW9D"}

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

@@ -0,0 +1,77 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MappingFunctionPaneBase, } from './mapping-function-pane-base';
+const DEFAULT_FN = `(
+  value: WalkerOS.DeepPartialEvent | unknown,
+  mapping: Mapping.Value,
+  options: Mapping.Options
+): WalkerOS.Property | unknown => {
+  // Transform and return the value
+  // Access event data: value.data, value.user, value.globals
+  // Access collector: options.collector
+  return value.data;
+}`;
+const HELP_SECTIONS = [
+    {
+        title: 'Parameters',
+        items: [
+            {
+                code: 'value',
+                description: 'The event or current value being processed',
+            },
+            {
+                code: 'mapping',
+                description: 'The mapping configuration for this property',
+            },
+            {
+                code: 'options',
+                description: 'Additional options',
+            },
+        ],
+    },
+    {
+        title: 'Return Value',
+        items: [
+            {
+                code: 'any',
+                description: 'Return the transformed value (string, number, object, array)',
+            },
+            {
+                code: 'undefined',
+                description: 'Return undefined to skip this property',
+            },
+            {
+                code: 'Promise',
+                description: 'Can be async (return Promise)',
+            },
+        ],
+    },
+    {
+        title: 'Examples',
+        examples: [
+            {
+                label: 'Extract nested property:',
+                code: _jsx(_Fragment, { children: "(value) => value.data?.product?.id" }),
+            },
+            {
+                label: 'Format currency:',
+                code: (_jsxs(_Fragment, { children: ["(value) => {", '\n', '  ', "const price = value.data?.price || 0;", '\n', '  ', "return price.toFixed(2);", '\n', "}"] })),
+            },
+            {
+                label: 'Combine multiple fields:',
+                code: (_jsx(_Fragment, { children: "(value) => `${value.data?.firstName} ${value.data?.lastName}`" })),
+            },
+            {
+                label: 'Conditional transformation with consent:',
+                code: (_jsxs(_Fragment, { children: ["(value, mapping, options) => {", '\n', '  ', "if (options.consent?.marketing) {", '\n', '    ', "return value.user?.email;", '\n', '  ', "}", '\n', '  ', "return undefined;", '\n', "}"] })),
+            },
+            {
+                label: 'Use collector for context:',
+                code: (_jsxs(_Fragment, { children: ["(value, mapping, options) => {", '\n', '  ', "const sessionId = options.collector?.session?.id;", '\n', '  ', "return {", '\n', '    ', "eventId: value.id,", '\n', '    ', "sessionId: sessionId,", '\n', '  ', "};", '\n', "}"] })),
+            },
+        ],
+    },
+];
+export function MappingFnPaneView(props) {
+    return (_jsx(MappingFunctionPaneBase, { title: "Transformation Function", description: "Transform event data before sending to destination", defaultCode: DEFAULT_FN, helpSections: HELP_SECTIONS, functionType: "fn", ...props }));
+}
+//# sourceMappingURL=mapping-fn-pane-view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-fn-pane-view.js","sourceRoot":"","sources":["../../../src/components/molecules/mapping-fn-pane-view.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,uBAAuB,GAExB,MAAM,8BAA8B,CAAC;AAiBtC,MAAM,UAAU,GAAG;;;;;;;;;EASjB,CAAC;AAEH,MAAM,aAAa,GAAkB;IACnC;QACE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE;YACL;gBACE,IAAI,EAAE,OAAO;gBACb,WAAW,EAAE,4CAA4C;aAC1D;YACD;gBACE,IAAI,EAAE,SAAS;gBACf,WAAW,EAAE,6CAA6C;aAC3D;YACD;gBACE,IAAI,EAAE,SAAS;gBACf,WAAW,EAAE,oBAAoB;aAClC;SACF;KACF;IACD;QACE,KAAK,EAAE,cAAc;QACrB,KAAK,EAAE;YACL;gBACE,IAAI,EAAE,KAAK;gBACX,WAAW,EACT,8DAA8D;aACjE;YACD;gBACE,IAAI,EAAE,WAAW;gBACjB,WAAW,EAAE,wCAAwC;aACtD;YACD;gBACE,IAAI,EAAE,SAAS;gBACf,WAAW,EAAE,+BAA+B;aAC7C;SACF;KACF;IACD;QACE,KAAK,EAAE,UAAU;QACjB,QAAQ,EAAE;YACR;gBACE,KAAK,EAAE,0BAA0B;gBACjC,IAAI,EAAE,mEAA0C;aACjD;YACD;gBACE,KAAK,EAAE,kBAAkB;gBACzB,IAAI,EAAE,CACJ,8CACuB,IAAI,EACxB,IAAI,2CAAuC,IAAI,EAC/C,IAAI,8BAA0B,IAAI,SAElC,CACJ;aACF;YACD;gBACE,KAAK,EAAE,0BAA0B;gBACjC,IAAI,EAAE,CACJ,8FAGG,CACJ;aACF;YACD;gBACE,KAAK,EAAE,0CAA0C;gBACjD,IAAI,EAAE,CACJ,gEACyC,IAAI,EAC1C,IAAI,uCAAwC,IAAI,EAChD,MAAM,+BAA2B,IAAI,EACrC,IAAI,OAAQ,IAAI,EAChB,IAAI,uBAAmB,IAAI,SAE3B,CACJ;aACF;YACD;gBACE,KAAK,EAAE,4BAA4B;gBACnC,IAAI,EAAE,CACJ,gEACyC,IAAI,EAC1C,IAAI,uDAAmD,IAAI,EAC3D,IAAI,cAAe,IAAI,EACvB,MAAM,wBAAoB,IAAI,EAC9B,MAAM,2BAAuB,IAAI,EACjC,IAAI,QAAS,IAAI,SAEjB,CACJ;aACF;SACF;KACF;CACF,CAAC;AAEF,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC7D,OAAO,CACL,KAAC,uBAAuB,IACtB,KAAK,EAAC,yBAAyB,EAC/B,WAAW,EAAC,oDAAoD,EAChE,WAAW,EAAE,UAAU,EACvB,YAAY,EAAE,aAAa,EAC3B,YAAY,EAAC,IAAI,KACb,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,53 @@
+import { type ReactNode } from 'react';
+import type { UseMappingStateReturn } from '../../hooks/useMappingState';
+import type { UseMappingNavigationReturn } from '../../hooks/useMappingNavigation';
+import { type FunctionType } from '../../utils/monaco-types';
+/**
+ * Help Item - represents a single parameter, return value item, etc.
+ */
+export interface HelpItem {
+    code: string;
+    description: string;
+}
+/**
+ * Help Example - code example with label
+ */
+export interface HelpExample {
+    label: string;
+    code: string | ReactNode;
+}
+/**
+ * Help Section - a titled section with either items or examples
+ */
+export interface HelpSection {
+    title: string;
+    items?: HelpItem[];
+    examples?: HelpExample[];
+}
+/**
+ * Base Props for Function Pane Component
+ */
+export interface MappingFunctionPaneBaseProps {
+    title: string;
+    description: string;
+    defaultCode: string;
+    helpSections: HelpSection[];
+    functionType: FunctionType;
+    path: string[];
+    mappingState: UseMappingStateReturn;
+    navigation: UseMappingNavigationReturn;
+    className?: string;
+}
+/**
+ * Mapping Function Pane Base
+ *
+ * Base component for function editing panes (condition, fn, validate).
+ * Consolidates shared logic for state management, code editing, and help display.
+ *
+ * Used by:
+ * - MappingConditionPaneView
+ * - MappingFnPaneView
+ * - MappingValidatePaneView
+ */
+export declare function MappingFunctionPaneBase({ title, description, defaultCode, helpSections, functionType, path, mappingState, navigation, className, }: MappingFunctionPaneBaseProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-function-pane-base.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-function-pane-base.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/mapping-function-pane-base.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACzE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAInF,OAAO,EAGL,KAAK,YAAY,EAClB,MAAM,0BAA0B,CAAC;AAGlC;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,YAAY,EAAE,YAAY,CAAC;IAC3B,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,YAAY,EAAE,qBAAqB,CAAC;IACpC,UAAU,EAAE,0BAA0B,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,WAAW,EACX,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,SAAc,GACf,EAAE,4BAA4B,2CAkH9B"}

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

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { CodeBox } from '../molecules/code-box';
+import { BaseMappingPane } from '../atoms/base-mapping-pane';
+import { normalizeCode } from '../../utils/code-normalizer';
+import { registerWalkerOSTypes, addFunctionContextTypes, } from '../../utils/monaco-types';
+import { registerPalenightTheme } from '../../themes/palenight';
+/**
+ * Mapping Function Pane Base
+ *
+ * Base component for function editing panes (condition, fn, validate).
+ * Consolidates shared logic for state management, code editing, and help display.
+ *
+ * Used by:
+ * - MappingConditionPaneView
+ * - MappingFnPaneView
+ * - MappingValidatePaneView
+ */
+export function MappingFunctionPaneBase({ title, description, defaultCode, helpSections, functionType, path, mappingState, navigation, className = '', }) {
+    // Get current value from mapping state
+    const value = mappingState.actions.getValue(path);
+    const initialCode = typeof value === 'string' ? value : defaultCode;
+    const [code, setCode] = useState(initialCode);
+    // Update local state if external value changes
+    useEffect(() => {
+        const currentValue = mappingState.actions.getValue(path);
+        const newCode = typeof currentValue === 'string' ? currentValue : defaultCode;
+        setCode(newCode);
+    }, [path, mappingState, defaultCode]);
+    const handleCodeChange = (newCode) => {
+        setCode(newCode);
+        // Check if code is different from default (normalized comparison)
+        const isDefault = normalizeCode(newCode) === normalizeCode(defaultCode);
+        if (isDefault) {
+            // Remove the property if it's the default
+            mappingState.actions.deleteValue(path);
+        }
+        else {
+            // Save the modified code
+            mappingState.actions.setValue(path, newCode);
+        }
+    };
+    const handleReset = () => {
+        // Reset to default and remove from mapping
+        setCode(defaultCode);
+        mappingState.actions.deleteValue(path);
+    };
+    // Monaco editor beforeMount handler to register types
+    const handleBeforeMount = (monaco) => {
+        registerPalenightTheme(monaco);
+        registerWalkerOSTypes(monaco);
+        addFunctionContextTypes(monaco, { type: functionType });
+    };
+    return (_jsx(BaseMappingPane, { title: title, description: description, navigation: navigation, headerAction: {
+            label: 'Reset',
+            onClick: handleReset,
+            title: 'Reset to default',
+        }, className: className, children: _jsxs("div", { className: "elb-mapping-function-pane", children: [_jsx("div", { className: "elb-mapping-function-editor", children: _jsx(CodeBox, { code: code, language: "typescript", onChange: handleCodeChange, showHeader: false, label: "", beforeMount: handleBeforeMount }) }), _jsx("div", { className: "elb-mapping-function-help", children: helpSections.map((section, sectionIndex) => (_jsxs("div", { className: "elb-mapping-function-help-section", children: [_jsx("h4", { className: "elb-mapping-function-help-title", children: section.title }), section.items && section.items.length > 0 && (_jsx("ul", { className: "elb-mapping-function-help-list", children: section.items.map((item, itemIndex) => (_jsxs("li", { children: [_jsx("code", { children: item.code }), " - ", item.description] }, itemIndex))) })), section.examples && section.examples.length > 0 && (_jsx("div", { className: "elb-mapping-function-examples", children: section.examples.map((example, exampleIndex) => (_jsxs("div", { className: "elb-mapping-function-example", children: [_jsx("div", { className: "elb-mapping-function-example-label", children: example.label }), _jsx("code", { className: "elb-mapping-function-example-code", children: example.code })] }, exampleIndex))) }))] }, sectionIndex))) })] }) }));
+}
+//# sourceMappingURL=mapping-function-pane-base.js.map

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

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

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

@@ -0,0 +1,23 @@
+import type { UseMappingStateReturn } from '../../hooks/useMappingState';
+import type { UseMappingNavigationReturn } from '../../hooks/useMappingNavigation';
+/**
+ * Key Pane View - Pure Presentation Component
+ *
+ * Edits the 'key' property - a string path that extracts data from the event.
+ * This is used to reference properties like data.id, user.email, globals.currency.
+ *
+ * @example
+ * <MappingKeyPaneView
+ *   path={['page', 'view', 'data', 'map', 'currency', 'key']}
+ *   mappingState={mappingState}
+ *   navigation={navigation}
+ * />
+ */
+export interface MappingKeyPaneViewProps {
+    path: string[];
+    mappingState: UseMappingStateReturn;
+    navigation: UseMappingNavigationReturn;
+    className?: string;
+}
+export declare function MappingKeyPaneView({ path, mappingState, navigation, className, }: MappingKeyPaneViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-key-pane-view.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-key-pane-view.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/mapping-key-pane-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACzE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAInF;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,YAAY,EAAE,qBAAqB,CAAC;IACpC,UAAU,EAAE,0BAA0B,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,SAAc,GACf,EAAE,uBAAuB,2CA4BzB"}

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BaseMappingPane } from '../atoms/base-mapping-pane';
+import { MappingInput } from '../atoms/mapping-input';
+export function MappingKeyPaneView({ path, mappingState, navigation, className = '', }) {
+    const value = mappingState.actions.getValue(path);
+    const keyValue = typeof value === 'string' ? value : '';
+    const handleChange = (newValue) => {
+        mappingState.actions.setValue(path, newValue);
+    };
+    return (_jsx(BaseMappingPane, { title: "Property Path", description: "Path to extract from event (e.g., data.id, user.email, globals.currency)", navigation: navigation, className: className, children: _jsxs("div", { className: "elb-mapping-pane-field", children: [_jsx(MappingInput, { value: keyValue, onChange: handleChange, placeholder: "data.property", autoFocus: true }), _jsx("div", { className: "elb-mapping-pane-hint", children: "Common paths: data.*, globals.*, user.*, context.*" })] }) }));
+}
+//# sourceMappingURL=mapping-key-pane-view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-key-pane-view.js","sourceRoot":"","sources":["../../../src/components/molecules/mapping-key-pane-view.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAsBtD,MAAM,UAAU,kBAAkB,CAAC,EACjC,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,SAAS,GAAG,EAAE,GACU;IACxB,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAClD,MAAM,QAAQ,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAExD,MAAM,YAAY,GAAG,CAAC,QAAgB,EAAE,EAAE;QACxC,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAChD,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,eAAe,IACd,KAAK,EAAC,eAAe,EACrB,WAAW,EAAC,0EAA0E,EACtF,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,YAEpB,eAAK,SAAS,EAAC,wBAAwB,aACrC,KAAC,YAAY,IACX,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAC,eAAe,EAC3B,SAAS,SACT,EACF,cAAK,SAAS,EAAC,uBAAuB,mEAEhC,IACF,GACU,CACnB,CAAC;AACJ,CAAC"}