@walkeros/explorer 0.3.1 → 1.0.0

package/dist/components/molecules/mapping-type-grid.js

@@ -0,0 +1,107 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+const TYPE_OPTIONS = [
+    // Transformation types (mutually exclusive)
+    {
+        type: 'map',
+        label: 'Map',
+        description: 'Transform properties',
+        category: 'transformation',
+    },
+    {
+        type: 'loop',
+        label: 'Loop',
+        description: 'Iterate array',
+        category: 'transformation',
+    },
+    {
+        type: 'fn',
+        label: 'Function',
+        description: 'Custom logic',
+        category: 'transformation',
+    },
+    {
+        type: 'key',
+        label: 'Key',
+        description: 'Direct path',
+        category: 'transformation',
+    },
+    {
+        type: 'value',
+        label: 'Value',
+        description: 'Static value',
+        category: 'transformation',
+    },
+    {
+        type: 'set',
+        label: 'Set',
+        description: 'Set values',
+        category: 'transformation',
+    },
+    // Advanced types (can be combined)
+    {
+        type: 'consent',
+        label: 'Consent',
+        description: 'Require consent',
+        category: 'advanced',
+    },
+    {
+        type: 'condition',
+        label: 'Condition',
+        description: 'If condition',
+        category: 'advanced',
+    },
+    {
+        type: 'validate',
+        label: 'Validate',
+        description: 'Rules check',
+        category: 'advanced',
+    },
+];
+export function MappingTypeGrid({ path, mappingState, onSelectType, className = '', }) {
+    // Get current configuration at path
+    const currentValue = mappingState.actions.getValue(path);
+    // Handle string shorthand (e.g., "data.product" → { key: "data.product" })
+    const isStringValue = typeof currentValue === 'string';
+    const [pathValue, setPathValue] = useState(isStringValue ? currentValue : '');
+    // Determine which types are currently configured
+    const configuredTypes = new Set();
+    if (currentValue && typeof currentValue === 'object') {
+        const obj = currentValue;
+        Object.keys(obj).forEach((key) => {
+            if ([
+                'map',
+                'loop',
+                'fn',
+                'set',
+                'key',
+                'value',
+                'consent',
+                'condition',
+                'validate',
+            ].includes(key)) {
+                configuredTypes.add(key);
+            }
+        });
+    }
+    else if (isStringValue) {
+        // String is shorthand for key
+        configuredTypes.add('key');
+    }
+    const handlePathChange = (newPath) => {
+        setPathValue(newPath);
+        // Save as string (shorthand)
+        mappingState.actions.setValue(path, newPath);
+    };
+    const handlePathBlur = () => {
+        if (pathValue.trim()) {
+            mappingState.actions.setValue(path, pathValue.trim());
+        }
+    };
+    return (_jsxs("div", { className: `elb-mapping-type-grid ${className}`, children: [_jsxs("div", { className: "elb-mapping-property-path", children: [_jsx("label", { className: "elb-mapping-property-path-label", children: "Property Path:" }), _jsx("input", { type: "text", className: "elb-mapping-property-path-input", value: pathValue, onChange: (e) => handlePathChange(e.target.value), onBlur: handlePathBlur, placeholder: "e.g., data.product or user.id" }), _jsx("div", { className: "elb-mapping-property-path-hint", children: "Enter a simple path for direct property access" })] }), _jsx("h3", { className: "elb-mapping-type-grid-title", children: "Advanced Configuration (optional):" }), _jsx("div", { className: "elb-mapping-type-grid-container", children: TYPE_OPTIONS.map((option) => {
+                    const isConfigured = configuredTypes.has(option.type);
+                    const isTransformation = option.category === 'transformation';
+                    return (_jsxs("button", { type: "button", className: `elb-mapping-type-tile ${isConfigured ? 'is-configured' : ''} ${isTransformation ? 'is-transformation' : 'is-advanced'}`, onClick: () => onSelectType(option.type), children: [isConfigured && (_jsx("span", { className: "elb-mapping-type-tile-check", children: "\u2713" })), _jsx("div", { className: "elb-mapping-type-tile-label", children: option.label }), _jsx("div", { className: "elb-mapping-type-tile-description", children: option.description })] }, option.type));
+                }) })] }));
+}
+//# sourceMappingURL=mapping-type-grid.js.map

package/dist/components/molecules/mapping-type-grid.js.map

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

package/dist/components/molecules/mapping-type-selector.d.ts

@@ -0,0 +1,21 @@
+import type { ValueConfigType } from '../atoms/mapping-type-button';
+/**
+ * Layout mode for type selector
+ */
+export type TypeSelectorLayout = 'radio' | 'grid' | 'responsive';
+/**
+ * Adaptive type selection UI
+ *
+ * Shows transformation types as:
+ * - Radio buttons (narrow screens or 'radio' mode)
+ * - Button grid (wide screens or 'grid' mode)
+ * - Responsive (adapts based on container width)
+ */
+export interface MappingTypeSelectorProps {
+    currentType: ValueConfigType | null;
+    onChange: (type: ValueConfigType) => void;
+    layout?: TypeSelectorLayout;
+    className?: string;
+}
+export declare function MappingTypeSelector({ currentType, onChange, layout, className, }: MappingTypeSelectorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-type-selector.d.ts.map

package/dist/components/molecules/mapping-type-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-type-selector.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/mapping-type-selector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAmCpE;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,MAAM,GAAG,YAAY,CAAC;AAEjE;;;;;;;GAOG;AACH,MAAM,WAAW,wBAAwB;IACvC,WAAW,EAAE,eAAe,GAAG,IAAI,CAAC;IACpC,QAAQ,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1C,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,WAAW,EACX,QAAQ,EACR,MAAqB,EACrB,SAAc,GACf,EAAE,wBAAwB,2CAuH1B"}

package/dist/components/molecules/mapping-type-selector.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MappingTypeButton } from '../atoms/mapping-type-button';
+/**
+ * Available transformation types
+ */
+const TYPE_OPTIONS = [
+    {
+        type: 'key',
+        label: 'Key Path',
+        description: 'Extract value from event path',
+    },
+    { type: 'value', label: 'Static Value', description: 'Return fixed value' },
+    {
+        type: 'loop',
+        label: 'Loop',
+        description: 'Process array with transformation',
+    },
+    { type: 'map', label: 'Map', description: 'Transform object properties' },
+    {
+        type: 'function',
+        label: 'Function',
+        description: 'Custom transformation logic',
+    },
+    { type: 'set', label: 'Set', description: 'Array of static values' },
+];
+export function MappingTypeSelector({ currentType, onChange, layout = 'responsive', className = '', }) {
+    // Radio layout - vertical list with radio buttons
+    if (layout === 'radio') {
+        return (_jsxs("fieldset", { className: `elb-mapping-type-selector elb-mapping-type-selector--radio ${className}`, children: [_jsx("legend", { className: "elb-mapping-type-selector-legend", children: "Transformation Type:" }), _jsx("div", { className: "elb-mapping-type-selector-radio-list", children: TYPE_OPTIONS.map((option) => (_jsxs("label", { className: `elb-mapping-type-radio-label ${currentType === option.type ? 'is-selected' : ''}`, children: [_jsx("input", { type: "radio", name: "mapping-type", value: option.type, checked: currentType === option.type, onChange: () => onChange(option.type), className: "elb-mapping-type-radio-input" }), _jsxs("span", { className: "elb-mapping-type-radio-content", children: [_jsx("span", { className: "elb-mapping-type-radio-label", children: option.label }), _jsx("span", { className: "elb-mapping-type-radio-description", children: option.description })] })] }, option.type))) })] }));
+    }
+    // Grid layout - button grid
+    if (layout === 'grid') {
+        return (_jsxs("div", { className: `elb-mapping-type-selector elb-mapping-type-selector--grid ${className}`, role: "radiogroup", "aria-label": "Transformation Type", children: [_jsx("div", { className: "elb-mapping-type-selector-legend", children: "Transformation Type:" }), _jsx("div", { className: "elb-mapping-type-selector-grid", children: TYPE_OPTIONS.map((option) => (_jsx(MappingTypeButton, { type: option.type, label: option.label, description: option.description, isActive: currentType === option.type, onClick: () => onChange(option.type) }, option.type))) })] }));
+    }
+    // Responsive layout - adapts based on CSS media queries
+    return (_jsxs("div", { className: `elb-mapping-type-selector elb-mapping-type-selector--responsive ${className}`, role: "radiogroup", "aria-label": "Transformation Type", children: [_jsx("div", { className: "elb-mapping-type-selector-legend", children: "Transformation Type:" }), _jsx("div", { className: "elb-mapping-type-selector-radio-list", children: TYPE_OPTIONS.map((option) => (_jsxs("label", { className: `elb-mapping-type-radio-label ${currentType === option.type ? 'is-selected' : ''}`, children: [_jsx("input", { type: "radio", name: "mapping-type", value: option.type, checked: currentType === option.type, onChange: () => onChange(option.type), className: "elb-mapping-type-radio-input" }), _jsxs("span", { className: "elb-mapping-type-radio-content", children: [_jsx("span", { className: "elb-mapping-type-radio-label", children: option.label }), _jsx("span", { className: "elb-mapping-type-radio-description", children: option.description })] })] }, option.type))) }), _jsx("div", { className: "elb-mapping-type-selector-grid", children: TYPE_OPTIONS.map((option) => (_jsx(MappingTypeButton, { type: option.type, label: option.label, description: option.description, isActive: currentType === option.type, onClick: () => onChange(option.type) }, option.type))) })] }));
+}
+//# sourceMappingURL=mapping-type-selector.js.map

package/dist/components/molecules/mapping-type-selector.js.map

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

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

@@ -0,0 +1,19 @@
+import type { UseMappingStateReturn } from '../../hooks/useMappingState';
+import type { UseMappingNavigationReturn } from '../../hooks/useMappingNavigation';
+/**
+ * Mapping Validate Pane View
+ *
+ * Dedicated pane for the 'validate' property - a validation function that
+ * checks if a transformed value should be included.
+ *
+ * Function signature: (value?) => boolean
+ * Returns true to include the value, false to exclude it.
+ */
+export interface MappingValidatePaneViewProps {
+    path: string[];
+    mappingState: UseMappingStateReturn;
+    navigation: UseMappingNavigationReturn;
+    className?: string;
+}
+export declare function MappingValidatePaneView(props: MappingValidatePaneViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-validate-pane-view.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-validate-pane-view.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/mapping-validate-pane-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACzE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAMnF;;;;;;;;GAQG;AACH,MAAM,WAAW,4BAA4B;IAC3C,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,YAAY,EAAE,qBAAqB,CAAC;IACpC,UAAU,EAAE,0BAA0B,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAwFD,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,2CAW1E"}

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

@@ -0,0 +1,66 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MappingFunctionPaneBase, } from './mapping-function-pane-base';
+const DEFAULT_VALIDATE = `(
+  value: unknown
+): boolean | Promise<boolean> => {
+  // Return true to include this value
+  // Return false to exclude it
+  return value !== undefined && value !== null && value !== '';
+}`;
+const HELP_SECTIONS = [
+    {
+        title: 'Parameter',
+        items: [
+            {
+                code: 'value',
+                description: 'The transformed value to validate (optional)',
+            },
+        ],
+    },
+    {
+        title: 'Return Value',
+        items: [
+            {
+                code: 'true',
+                description: 'Include this value in the result',
+            },
+            {
+                code: 'false',
+                description: 'Exclude this value (skip it)',
+            },
+            {
+                code: 'Promise',
+                description: 'Can be async (return Promise)',
+            },
+        ],
+    },
+    {
+        title: 'Examples',
+        examples: [
+            {
+                label: 'Exclude empty values:',
+                code: (_jsx(_Fragment, { children: "(value) => value !== undefined && value !== null && value !== ''" })),
+            },
+            {
+                label: 'Only include valid email addresses:',
+                code: (_jsx(_Fragment, { children: "(value) => typeof value === 'string' && /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(value)" })),
+            },
+            {
+                label: 'Only include positive numbers:',
+                code: _jsx(_Fragment, { children: "(value) => typeof value === 'number' && value > 0" }),
+            },
+            {
+                label: 'Validate URL format:',
+                code: (_jsxs(_Fragment, { children: ["(value) => {", '\n', '  ', "try {", '\n', '    ', "new URL(value);", '\n', '    ', "return true;", '\n', '  ', "} catch {", '\n', '    ', "return false;", '\n', '  ', "}", '\n', "}"] })),
+            },
+            {
+                label: 'Exclude specific values:',
+                code: (_jsx(_Fragment, { children: "(value) => !['test', 'localhost', 'example.com'].includes(value)" })),
+            },
+        ],
+    },
+];
+export function MappingValidatePaneView(props) {
+    return (_jsx(MappingFunctionPaneBase, { title: "Validation Function", description: "Validate if the transformed value should be included", defaultCode: DEFAULT_VALIDATE, helpSections: HELP_SECTIONS, functionType: "validate", ...props }));
+}
+//# sourceMappingURL=mapping-validate-pane-view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-validate-pane-view.js","sourceRoot":"","sources":["../../../src/components/molecules/mapping-validate-pane-view.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,uBAAuB,GAExB,MAAM,8BAA8B,CAAC;AAkBtC,MAAM,gBAAgB,GAAG;;;;;;EAMvB,CAAC;AAEH,MAAM,aAAa,GAAkB;IACnC;QACE,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE;YACL;gBACE,IAAI,EAAE,OAAO;gBACb,WAAW,EAAE,8CAA8C;aAC5D;SACF;KACF;IACD;QACE,KAAK,EAAE,cAAc;QACrB,KAAK,EAAE;YACL;gBACE,IAAI,EAAE,MAAM;gBACZ,WAAW,EAAE,kCAAkC;aAChD;YACD;gBACE,IAAI,EAAE,OAAO;gBACb,WAAW,EAAE,8BAA8B;aAC5C;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,uBAAuB;gBAC9B,IAAI,EAAE,CACJ,iGAEG,CACJ;aACF;YACD;gBACE,KAAK,EAAE,qCAAqC;gBAC5C,IAAI,EAAE,CACJ,qHAGG,CACJ;aACF;YACD;gBACE,KAAK,EAAE,gCAAgC;gBACvC,IAAI,EAAE,kFAA4D;aACnE;YACD;gBACE,KAAK,EAAE,sBAAsB;gBAC7B,IAAI,EAAE,CACJ,8CACuB,IAAI,EACxB,IAAI,WAAY,IAAI,EACpB,MAAM,qBAAiB,IAAI,EAC3B,MAAM,kBAAc,IAAI,EACxB,IAAI,eAAqB,IAAI,EAC7B,MAAM,mBAAe,IAAI,EACzB,IAAI,OAAQ,IAAI,SAEhB,CACJ;aACF;YACD;gBACE,KAAK,EAAE,0BAA0B;gBACjC,IAAI,EAAE,CACJ,iGAEG,CACJ;aACF;SACF;KACF;CACF,CAAC;AAEF,MAAM,UAAU,uBAAuB,CAAC,KAAmC;IACzE,OAAO,CACL,KAAC,uBAAuB,IACtB,KAAK,EAAC,qBAAqB,EAC3B,WAAW,EAAC,sDAAsD,EAClE,WAAW,EAAE,gBAAgB,EAC7B,YAAY,EAAE,aAAa,EAC3B,YAAY,EAAC,UAAU,KACnB,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,30 @@
+import type { UseMappingStateReturn } from '../../hooks/useMappingState';
+import type { UseMappingNavigationReturn } from '../../hooks/useMappingNavigation';
+/**
+ * ValueConfig Pane View - Pure Presentation Component
+ *
+ * Most complex pane - edits value transformations based on type:
+ * - key: Extract value from event path (string)
+ * - value: Static value (any type)
+ * - map: Transform to object (opens MapPaneView)
+ * - loop: Process array (opens LoopPaneView)
+ * - function: Custom transformation (code editor)
+ * - set: Array of static values
+ *
+ * Uses MappingTypeSelector to switch between types.
+ *
+ * @example
+ * <MappingValueConfigPaneView
+ *   path={['product', 'view', 'data']}
+ *   mappingState={mappingState}
+ *   navigation={navigation}
+ * />
+ */
+export interface MappingValueConfigPaneViewProps {
+    path: string[];
+    mappingState: UseMappingStateReturn;
+    navigation: UseMappingNavigationReturn;
+    className?: string;
+}
+export declare function MappingValueConfigPaneView({ path, mappingState, navigation, className, }: MappingValueConfigPaneViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-value-config-pane-view.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-value-config-pane-view.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/mapping-value-config-pane-view.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACzE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAInF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,WAAW,+BAA+B;IAC9C,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,YAAY,EAAE,qBAAqB,CAAC;IACpC,UAAU,EAAE,0BAA0B,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,0BAA0B,CAAC,EACzC,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,SAAc,GACf,EAAE,+BAA+B,2CAyOjC"}

package/dist/components/molecules/mapping-value-config-pane-view.js

@@ -0,0 +1,105 @@
+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 MappingValueConfigPaneView({ path, mappingState, navigation, className = '', }) {
+    const value = mappingState.actions.getValue(path);
+    const pathLabel = path[path.length - 1] || 'Value';
+    // Determine current type
+    const getCurrentType = () => {
+        // undefined or other primitives - return null so pathLabel can determine type
+        if (value === undefined || typeof value !== 'object' || value === null)
+            return null;
+        // Check object properties
+        if ('map' in value)
+            return 'map';
+        if ('loop' in value)
+            return 'loop';
+        if ('fn' in value)
+            return 'function';
+        if ('value' in value)
+            return 'value';
+        if ('set' in value)
+            return 'set';
+        return null;
+    };
+    const currentType = getCurrentType();
+    // Use pathLabel to determine type when value is undefined/null
+    // This ensures correct editor when navigating to a specific property path
+    const effectiveType = currentType || 'value';
+    // Type change handler - converts value to new type
+    const handleTypeChange = (newType) => {
+        if (newType === currentType)
+            return;
+        switch (newType) {
+            case 'value':
+                mappingState.actions.setValue(path, { value: '' });
+                break;
+            case 'map':
+                mappingState.actions.setValue(path, { map: {} });
+                break;
+            case 'loop':
+                mappingState.actions.setValue(path, { loop: ['nested', 'this'] });
+                break;
+            case 'function':
+                mappingState.actions.setValue(path, { fn: '(event) => event.data' });
+                break;
+            case 'set':
+                mappingState.actions.setValue(path, { set: [] });
+                break;
+        }
+    };
+    // Type-specific value handlers
+    const handleStaticValueChange = (newValue) => {
+        // When the entire ValueConfig at 'path' is { value: X }, update it to { value: newValue }
+        mappingState.actions.setValue(path, { value: newValue });
+    };
+    const handleFunctionChange = (newValue) => {
+        mappingState.actions.setValue(path, { fn: newValue });
+    };
+    const handleOpenComplex = () => {
+        const nodeType = currentType === 'map'
+            ? 'map'
+            : currentType === 'loop'
+                ? 'loop'
+                : 'valueConfig';
+        navigation.openTab(path, nodeType);
+    };
+    // Render type-specific editor
+    const renderEditor = () => {
+        switch (effectiveType) {
+            case 'value':
+                const staticValue = typeof value === 'object' && value !== null && 'value' in value
+                    ? value.value || ''
+                    : '';
+                return (_jsx(BaseMappingPane, { title: "Static Value", description: "Fixed value that will be used (string, number, or boolean)", navigation: navigation, children: _jsxs("div", { className: "elb-mapping-pane-field", children: [_jsx(MappingInput, { value: String(staticValue), onChange: handleStaticValueChange, placeholder: "USD" }), _jsx("div", { className: "elb-mapping-pane-hint", children: "Use for constant values like currency codes, fixed IDs, etc." })] }) }));
+            case 'map':
+                const mapObj = typeof value === 'object' && value !== null && 'map' in value
+                    ? value.map || {}
+                    : {};
+                const mapKeyCount = Object.keys(mapObj).length;
+                return (_jsx(BaseMappingPane, { title: "Map Object", description: "Transform event data into an object with multiple keys", navigation: navigation, children: _jsx("div", { className: "elb-mapping-pane-field", children: _jsxs("div", { className: "elb-mapping-value-complex", children: [_jsxs("div", { className: "elb-mapping-value-complex-info", children: [_jsx("span", { className: "elb-mapping-pane-type-badge", children: "map" }), _jsxs("span", { children: [mapKeyCount, " ", mapKeyCount === 1 ? 'key' : 'keys', " defined"] })] }), _jsx("button", { type: "button", className: "elb-mapping-pane-button elb-mapping-pane-button--primary", onClick: handleOpenComplex, children: "Edit Map \u2192" })] }) }) }));
+            case 'loop':
+                const loopArr = typeof value === 'object' && value !== null && 'loop' in value
+                    ? value.loop || []
+                    : [];
+                const loopSource = (Array.isArray(loopArr) && loopArr.length > 0 ? loopArr[0] : 'nested');
+                return (_jsx(BaseMappingPane, { title: "Loop Array", description: "Process an array of items from the event", navigation: navigation, children: _jsx("div", { className: "elb-mapping-pane-field", children: _jsxs("div", { className: "elb-mapping-value-complex", children: [_jsxs("div", { className: "elb-mapping-value-complex-info", children: [_jsx("span", { className: "elb-mapping-pane-type-badge", children: "loop" }), _jsxs("span", { children: ["Source: ", loopSource] })] }), _jsx("button", { type: "button", className: "elb-mapping-pane-button elb-mapping-pane-button--primary", onClick: handleOpenComplex, children: "Edit Loop \u2192" })] }) }) }));
+            case 'function':
+                const fnValue = typeof value === 'object' && value !== null && 'fn' in value
+                    ? value.fn ||
+                        '(event) => event.data'
+                    : '(event) => event.data';
+                return (_jsx(BaseMappingPane, { title: "Custom Function", description: "JavaScript function that receives the event and returns transformed value", navigation: navigation, children: _jsxs("div", { className: "elb-mapping-pane-field", children: [_jsx("textarea", { id: "value-function", className: "elb-mapping-pane-textarea", value: String(fnValue), onChange: (e) => handleFunctionChange(e.target.value), placeholder: "(event) => event.data.id", rows: 6 }), _jsx("div", { className: "elb-mapping-pane-hint", children: "Function signature: (event: WalkerOS.Event) => any" })] }) }));
+            case 'set':
+                const setArr = typeof value === 'object' && value !== null && 'set' in value
+                    ? value.set || []
+                    : [];
+                const setCount = Array.isArray(setArr) ? setArr.length : 0;
+                return (_jsx(BaseMappingPane, { title: "Static Array", description: "Array of static values", navigation: navigation, children: _jsx("div", { className: "elb-mapping-pane-field", children: _jsxs("div", { className: "elb-mapping-value-complex", children: [_jsxs("div", { className: "elb-mapping-value-complex-info", children: [_jsx("span", { className: "elb-mapping-pane-type-badge", children: "set" }), _jsxs("span", { children: [setCount, " ", setCount === 1 ? 'item' : 'items'] })] }), _jsx("button", { type: "button", className: "elb-mapping-pane-button elb-mapping-pane-button--primary", onClick: handleOpenComplex, disabled: true, title: "Coming soon", children: "Edit Set \u2192" })] }) }) }));
+            default:
+                return (_jsx("div", { className: "elb-mapping-pane-error", children: "Unknown value type. Please select a transformation type above." }));
+        }
+    };
+    return renderEditor();
+}
+//# sourceMappingURL=mapping-value-config-pane-view.js.map

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

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

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

@@ -0,0 +1,28 @@
+import type { UseMappingStateReturn } from '../../hooks/useMappingState';
+import type { UseMappingNavigationReturn } from '../../hooks/useMappingNavigation';
+/**
+ * Value Pane View - Pure Presentation Component
+ *
+ * Edits primitive values within a ValueConfig.
+ * This is specifically for the 'value' property of a ValueConfig,
+ * which holds primitives (string, number, boolean), NOT nested objects.
+ *
+ * Type: ValueConfig.value -> WalkerOS.PropertyType (string | number | boolean)
+ *
+ * @example
+ * // Editing the 'value' property of a ValueConfig at path ['page', 'view', 'data', 'map', 'currency']
+ * // Path would be: ['page', 'view', 'data', 'map', 'currency', 'value']
+ * <MappingValuePaneView
+ *   path={['page', 'view', 'data', 'map', 'currency', 'value']}
+ *   mappingState={mappingState}
+ *   navigation={navigation}
+ * />
+ */
+export interface MappingValuePaneViewProps {
+    path: string[];
+    mappingState: UseMappingStateReturn;
+    navigation: UseMappingNavigationReturn;
+    className?: string;
+}
+export declare function MappingValuePaneView({ path, mappingState, navigation, className, }: MappingValuePaneViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-value-pane-view.d.ts.map

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

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

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

@@ -0,0 +1,40 @@
+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 MappingValuePaneView({ path, mappingState, navigation, className = '', }) {
+    const value = mappingState.actions.getValue(path);
+    // Convert current value to string for editing
+    const stringValue = value === null ? 'null' : value === undefined ? '' : String(value);
+    const handleChange = (newValue) => {
+        // Try to infer the type from the input
+        if (newValue === '') {
+            // Empty string -> set as empty string (not undefined)
+            mappingState.actions.setValue(path, '');
+            return;
+        }
+        if (newValue === 'null') {
+            mappingState.actions.setValue(path, null);
+            return;
+        }
+        if (newValue === 'true') {
+            mappingState.actions.setValue(path, true);
+            return;
+        }
+        if (newValue === 'false') {
+            mappingState.actions.setValue(path, false);
+            return;
+        }
+        // Try parsing as number
+        const asNumber = Number(newValue);
+        if (!isNaN(asNumber) && newValue.trim() !== '') {
+            mappingState.actions.setValue(path, asNumber);
+            return;
+        }
+        // Default to string
+        mappingState.actions.setValue(path, newValue);
+    };
+    // Determine the current type for hint display
+    const currentType = value === null ? 'null' : value === undefined ? 'undefined' : typeof value;
+    return (_jsx(BaseMappingPane, { title: "Static Value", description: "Fixed value that will be used (string, number, or boolean)", navigation: navigation, className: className, children: _jsxs("div", { className: "elb-mapping-pane-field", children: [_jsx(MappingInput, { value: stringValue, onChange: handleChange, placeholder: "USD", autoFocus: true }), _jsxs("div", { className: "elb-mapping-pane-hint", children: ["Current type: ", _jsx("strong", { children: currentType }), _jsx("br", {}), "Use for constant values like currency codes, fixed IDs, etc.", _jsx("br", {}), "Examples: \"USD\" (string), 123 (number), true (boolean), null"] })] }) }));
+}
+//# sourceMappingURL=mapping-value-pane-view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-value-pane-view.js","sourceRoot":"","sources":["../../../src/components/molecules/mapping-value-pane-view.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AA2BtD,MAAM,UAAU,oBAAoB,CAAC,EACnC,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,SAAS,GAAG,EAAE,GACY;IAC1B,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAElD,8CAA8C;IAC9C,MAAM,WAAW,GACf,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAErE,MAAM,YAAY,GAAG,CAAC,QAAgB,EAAE,EAAE;QACxC,uCAAuC;QACvC,IAAI,QAAQ,KAAK,EAAE,EAAE,CAAC;YACpB,sDAAsD;YACtD,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YACxC,OAAO;QACT,CAAC;QAED,IAAI,QAAQ,KAAK,MAAM,EAAE,CAAC;YACxB,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YAC1C,OAAO;QACT,CAAC;QAED,IAAI,QAAQ,KAAK,MAAM,EAAE,CAAC;YACxB,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YAC1C,OAAO;QACT,CAAC;QAED,IAAI,QAAQ,KAAK,OAAO,EAAE,CAAC;YACzB,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;YAC3C,OAAO;QACT,CAAC;QAED,wBAAwB;QACxB,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;QAClC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;YAC/C,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;YAC9C,OAAO;QACT,CAAC;QAED,oBAAoB;QACpB,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAChD,CAAC,CAAC;IAEF,8CAA8C;IAC9C,MAAM,WAAW,GACf,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,KAAK,CAAC;IAE7E,OAAO,CACL,KAAC,eAAe,IACd,KAAK,EAAC,cAAc,EACpB,WAAW,EAAC,4DAA4D,EACxE,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,YAEpB,eAAK,SAAS,EAAC,wBAAwB,aACrC,KAAC,YAAY,IACX,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAC,KAAK,EACjB,SAAS,SACT,EACF,eAAK,SAAS,EAAC,uBAAuB,+BACtB,2BAAS,WAAW,GAAU,EAC5C,cAAM,kEAEN,cAAM,sEAEF,IACF,GACU,CACnB,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,27 @@
+import type { UseMappingStateReturn } from '../../hooks/useMappingState';
+import type { UseMappingNavigationReturn } from '../../hooks/useMappingNavigation';
+export interface MappingValueTypePaneViewProps {
+    path: string[];
+    mappingState: UseMappingStateReturn;
+    navigation: UseMappingNavigationReturn;
+    className?: string;
+    title?: string;
+    description?: string;
+    hideNavigation?: boolean;
+}
+/**
+ * ValueType Pane - Edit ValueType (string | ValueConfig)
+ *
+ * Simple logic:
+ * - String mode: Quick Value input edits the string directly
+ * - Object mode: Quick Value input ALWAYS edits the 'key' property
+ * - Input is NEVER disabled
+ * - Quick Value and Key tile are always synced
+ *
+ * Smart Conversions:
+ * - Clicking any tile in String mode converts to { key: "string value" }
+ * - All tiles (including Key) are clickable and open their respective editors
+ * - Conversion happens automatically before opening the editor
+ */
+export declare function MappingValueTypePaneView({ path, mappingState, navigation, className, title, description, hideNavigation, }: MappingValueTypePaneViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mapping-value-type-pane-view.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-value-type-pane-view.d.ts","sourceRoot":"","sources":["../../../src/components/molecules/mapping-value-type-pane-view.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACzE,OAAO,KAAK,EAAE,0BAA0B,EAAY,MAAM,kCAAkC,CAAC;AAK7F,MAAM,WAAW,6BAA6B;IAC5C,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,YAAY,EAAE,qBAAqB,CAAC;IACpC,UAAU,EAAE,0BAA0B,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAmDD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,SAAc,EACd,KAA6B,EAC7B,WAA0D,EAC1D,cAAsB,GACvB,EAAE,6BAA6B,2CAkQ/B"}