noboarding 0.1.0-alpha

package/lib/components/ElementRenderer.js

@@ -0,0 +1,521 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ElementRenderer = void 0;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const variableUtils_1 = require("../variableUtils");
+// Try to import LinearGradient — optional peer dependency
+let LinearGradient = null;
+try {
+    LinearGradient = require('expo-linear-gradient').LinearGradient;
+}
+catch (_a) {
+    try {
+        LinearGradient = require('react-native-linear-gradient').default;
+    }
+    catch (_b) {
+        // Neither available — gradients will fall back to first color
+    }
+}
+// Try to import vector icons — optional peer dependency
+let IconSets = {};
+try {
+    const icons = require('@expo/vector-icons');
+    IconSets = {
+        lucide: icons.Feather, // Closest match to Lucide
+        feather: icons.Feather,
+        material: icons.MaterialIcons,
+        'material-community': icons.MaterialCommunityIcons,
+        ionicons: icons.Ionicons,
+        fontawesome: icons.FontAwesome,
+        'sf-symbols': icons.Ionicons, // Closest match to SF Symbols
+    };
+}
+catch (_c) {
+    // Not available — icons will fall back to text placeholder
+}
+const ElementRenderer = ({ elements, analytics, screenId, onNavigate, onDismiss, variables = {}, onSetVariable, }) => {
+    // Track toggled element IDs for toggle actions
+    const [toggledIds, setToggledIds] = (0, react_1.useState)(new Set());
+    // Track selection groups: group name → selected element ID
+    const [groupSelections, setGroupSelections] = (0, react_1.useState)({});
+    const executeAction = (0, react_1.useCallback)((action, element) => {
+        // Track the action
+        analytics === null || analytics === void 0 ? void 0 : analytics.track('element_action', {
+            screen_id: screenId,
+            element_id: element.id,
+            action_type: action.type,
+            destination: typeof action.destination === 'string' ? action.destination : 'conditional',
+        });
+        switch (action.type) {
+            case 'set_variable':
+                if (action.variable !== undefined && onSetVariable) {
+                    onSetVariable(action.variable, action.value);
+                }
+                break;
+            case 'toggle': {
+                const group = action.group;
+                if (group) {
+                    // Single-select group: deselect previous, select new
+                    setGroupSelections((prev) => {
+                        const prevSelected = prev[group];
+                        if (prevSelected === element.id)
+                            return prev; // already selected
+                        return Object.assign(Object.assign({}, prev), { [group]: element.id });
+                    });
+                    setToggledIds((prev) => {
+                        const next = new Set(prev);
+                        const prevSelected = groupSelections[group];
+                        if (prevSelected)
+                            next.delete(prevSelected);
+                        next.add(element.id);
+                        return next;
+                    });
+                }
+                else {
+                    // Ungrouped toggle: multi-select
+                    setToggledIds((prev) => {
+                        const next = new Set(prev);
+                        if (next.has(element.id)) {
+                            next.delete(element.id);
+                        }
+                        else {
+                            next.add(element.id);
+                        }
+                        return next;
+                    });
+                }
+                break;
+            }
+            case 'navigate':
+                if (onNavigate && action.destination) {
+                    onNavigate(action.destination);
+                }
+                break;
+            case 'link':
+                if (action.destination && typeof action.destination === 'string') {
+                    react_native_1.Linking.openURL(action.destination).catch(() => { });
+                }
+                break;
+            case 'dismiss':
+                onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
+                break;
+            case 'tap':
+                // Generic tap — analytics already tracked above
+                break;
+        }
+    }, [groupSelections, onNavigate, onDismiss, analytics, screenId, onSetVariable]);
+    const handleAction = (0, react_1.useCallback)((element) => {
+        // Execute single action (backward compatible)
+        if (element.action) {
+            executeAction(element.action, element);
+        }
+        // Execute all actions in the actions array
+        if (element.actions) {
+            for (const action of element.actions) {
+                executeAction(action, element);
+            }
+        }
+    }, [executeAction]);
+    if (!elements || elements.length === 0) {
+        return null;
+    }
+    return (<>
+      {elements.map((element) => (<RenderNode key={element.id} element={element} toggledIds={toggledIds} groupSelections={groupSelections} onAction={handleAction} variables={variables}/>))}
+    </>);
+};
+exports.ElementRenderer = ElementRenderer;
+const RenderNode = ({ element, toggledIds, groupSelections, onAction, variables }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3;
+    // Variable-based conditions — hide element if condition is not met
+    if ((_a = element.conditions) === null || _a === void 0 ? void 0 : _a.show_if) {
+        const shouldShow = (0, variableUtils_1.evaluateCondition)(element.conditions.show_if, variables);
+        if (!shouldShow)
+            return null;
+    }
+    const style = convertStyle(element.style || {});
+    const isToggled = toggledIds.has(element.id);
+    // Apply toggle visual state
+    const hasToggleAction = ((_b = element.action) === null || _b === void 0 ? void 0 : _b.type) === 'toggle' ||
+        ((_c = element.actions) === null || _c === void 0 ? void 0 : _c.some(a => a.type === 'toggle'));
+    if (hasToggleAction) {
+        if (isToggled) {
+            style.borderWidth = 2;
+            style.borderColor = ((_d = element.style) === null || _d === void 0 ? void 0 : _d.borderColor) || '#000000';
+        }
+        else {
+            style.borderWidth = ((_e = element.style) === null || _e === void 0 ? void 0 : _e.borderWidth) || 2;
+            style.borderColor = 'transparent';
+        }
+    }
+    // Conditional visibility based on selection group state
+    if (element.visibleWhen) {
+        const groupHasSelection = !!groupSelections[element.visibleWhen.group];
+        const shouldShow = groupHasSelection === element.visibleWhen.hasSelection;
+        style.opacity = shouldShow ? 1 : 0;
+        style.pointerEvents = shouldShow ? 'auto' : 'none';
+    }
+    // Wrap in TouchableOpacity if element has an action or actions
+    const hasAction = !!element.action || (element.actions && element.actions.length > 0);
+    const wrapWithAction = (content) => {
+        if (!hasAction)
+            return content;
+        return (<react_native_1.TouchableOpacity key={element.id} activeOpacity={0.7} onPress={() => onAction(element)}>
+        {content}
+      </react_native_1.TouchableOpacity>);
+    };
+    const childProps = { toggledIds, groupSelections, onAction, variables };
+    switch (element.type) {
+        // ─── Containers ───
+        case 'vstack': {
+            const vstackContent = (<react_native_1.View style={[style, { flexDirection: 'column' }]}>
+          {(_f = element.children) === null || _f === void 0 ? void 0 : _f.map((child) => (<RenderNode key={child.id} element={child} {...childProps}/>))}
+        </react_native_1.View>);
+            return wrapWithAction(((_g = element.style) === null || _g === void 0 ? void 0 : _g.backgroundGradient)
+                ? wrapWithGradient(vstackContent, element.style, Object.assign(Object.assign({}, style), { flexDirection: 'column' }))
+                : vstackContent);
+        }
+        case 'hstack': {
+            const hstackContent = (<react_native_1.View style={[style, { flexDirection: 'row' }]}>
+          {(_h = element.children) === null || _h === void 0 ? void 0 : _h.map((child) => (<RenderNode key={child.id} element={child} {...childProps}/>))}
+        </react_native_1.View>);
+            return wrapWithAction(((_j = element.style) === null || _j === void 0 ? void 0 : _j.backgroundGradient)
+                ? wrapWithGradient(hstackContent, element.style, Object.assign(Object.assign({}, style), { flexDirection: 'row' }))
+                : hstackContent);
+        }
+        case 'zstack': {
+            const zstackContent = (<react_native_1.View style={style}>
+          {(_k = element.children) === null || _k === void 0 ? void 0 : _k.map((child, index) => {
+                    var _a;
+                    const childStyle = convertStyle(child.style || {});
+                    if (index > 0 && !((_a = child.position) === null || _a === void 0 ? void 0 : _a.type)) {
+                        return (<react_native_1.View key={child.id} style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }}>
+                  <RenderNode element={child} {...childProps}/>
+                </react_native_1.View>);
+                    }
+                    return <RenderNode key={child.id} element={child} {...childProps}/>;
+                })}
+        </react_native_1.View>);
+            return wrapWithAction(((_l = element.style) === null || _l === void 0 ? void 0 : _l.backgroundGradient)
+                ? wrapWithGradient(zstackContent, element.style, style)
+                : zstackContent);
+        }
+        case 'scrollview': {
+            const isHorizontal = ((_m = element.props) === null || _m === void 0 ? void 0 : _m.direction) === 'horizontal';
+            return (<react_native_1.ScrollView style={style} horizontal={isHorizontal} showsVerticalScrollIndicator={false} showsHorizontalScrollIndicator={false}>
+          {isHorizontal ? (<react_native_1.View style={{ flexDirection: 'row', gap: (_o = element.style) === null || _o === void 0 ? void 0 : _o.gap }}>
+              {(_p = element.children) === null || _p === void 0 ? void 0 : _p.map((child) => (<RenderNode key={child.id} element={child} {...childProps}/>))}
+            </react_native_1.View>) : ((_q = element.children) === null || _q === void 0 ? void 0 : _q.map((child) => (<RenderNode key={child.id} element={child} {...childProps}/>)))}
+        </react_native_1.ScrollView>);
+        }
+        // ─── Content Elements ───
+        case 'text': {
+            const resolvedText = (0, variableUtils_1.resolveTemplate)(((_r = element.props) === null || _r === void 0 ? void 0 : _r.text) || '', variables);
+            return (<react_native_1.Text style={style}>
+          {resolvedText}
+        </react_native_1.Text>);
+        }
+        case 'icon': {
+            if ((_s = element.props) === null || _s === void 0 ? void 0 : _s.emoji) {
+                return (<react_native_1.Text style={[style, { textAlign: 'center' }]}>
+            {element.props.emoji}
+          </react_native_1.Text>);
+            }
+            // Try to render a real vector icon
+            const library = (((_t = element.props) === null || _t === void 0 ? void 0 : _t.library) || 'material').toLowerCase();
+            const iconName = (_u = element.props) === null || _u === void 0 ? void 0 : _u.name;
+            const IconComponent = IconSets[library];
+            if (IconComponent && iconName) {
+                const iconSize = style.fontSize || 24;
+                const iconColor = style.color || '#000000';
+                return (<react_native_1.View style={[style, { alignItems: 'center', justifyContent: 'center' }]}>
+            <IconComponent name={iconName} size={iconSize} color={iconColor}/>
+          </react_native_1.View>);
+            }
+            // Fallback — render icon name as text placeholder
+            return (<react_native_1.View style={[
+                    style,
+                    {
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                        backgroundColor: style.backgroundColor || '#f0f0f0',
+                        borderRadius: style.borderRadius || 6,
+                    },
+                ]}>
+          <react_native_1.Text style={{ fontSize: 10, color: '#666' }}>
+            {((_v = element.props) === null || _v === void 0 ? void 0 : _v.name) || '●'}
+          </react_native_1.Text>
+        </react_native_1.View>);
+        }
+        case 'image':
+            if ((_w = element.props) === null || _w === void 0 ? void 0 : _w.url) {
+                return (<react_native_1.Image source={{ uri: element.props.url }} style={[style, { resizeMode: 'cover' }]}/>);
+            }
+            // Placeholder for images without URL
+            return (<react_native_1.View style={[
+                    style,
+                    {
+                        backgroundColor: style.backgroundColor || '#f0f0f0',
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                    },
+                ]}>
+          <react_native_1.Text style={{ fontSize: 48 }}>🖼️</react_native_1.Text>
+          {((_x = element.props) === null || _x === void 0 ? void 0 : _x.imageDescription) && (<react_native_1.Text style={{ fontSize: 11, color: '#666', textAlign: 'center', padding: 8 }}>
+              {element.props.imageDescription}
+            </react_native_1.Text>)}
+        </react_native_1.View>);
+        case 'video':
+            // Video placeholder — actual implementation would use expo-av or react-native-video
+            return (<react_native_1.View style={[
+                    style,
+                    {
+                        backgroundColor: style.backgroundColor || '#1a1a1a',
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                    },
+                ]}>
+          <react_native_1.Text style={{ fontSize: 48 }}>🎬</react_native_1.Text>
+          {((_y = element.props) === null || _y === void 0 ? void 0 : _y.videoDescription) && (<react_native_1.Text style={{ fontSize: 11, color: '#aaa', textAlign: 'center', padding: 8 }}>
+              {element.props.videoDescription}
+            </react_native_1.Text>)}
+        </react_native_1.View>);
+        case 'lottie':
+            // Lottie placeholder — actual implementation would use lottie-react-native
+            return (<react_native_1.View style={[
+                    style,
+                    {
+                        backgroundColor: style.backgroundColor || '#f8f8ff',
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                    },
+                ]}>
+          <react_native_1.Text style={{ fontSize: 48 }}>✨</react_native_1.Text>
+          {((_z = element.props) === null || _z === void 0 ? void 0 : _z.animationDescription) && (<react_native_1.Text style={{ fontSize: 11, color: '#666', textAlign: 'center', padding: 8 }}>
+              {element.props.animationDescription}
+            </react_native_1.Text>)}
+        </react_native_1.View>);
+        case 'input':
+            return (<react_native_1.TextInput style={[style, { borderWidth: 1, borderColor: '#E5E5E5' }]} placeholder={((_0 = element.props) === null || _0 === void 0 ? void 0 : _0.placeholder) || 'Enter text...'} keyboardType={getKeyboardType((_1 = element.props) === null || _1 === void 0 ? void 0 : _1.type)} secureTextEntry={((_2 = element.props) === null || _2 === void 0 ? void 0 : _2.type) === 'password'} autoCapitalize={((_3 = element.props) === null || _3 === void 0 ? void 0 : _3.type) === 'email' ? 'none' : 'sentences'}/>);
+        case 'spacer':
+            return <react_native_1.View style={style || { flex: 1 }}/>;
+        case 'divider':
+            return (<react_native_1.View style={[
+                    {
+                        height: 1,
+                        backgroundColor: '#e0e0e0',
+                        width: '100%',
+                    },
+                    style,
+                ]}/>);
+        default:
+            return null;
+    }
+};
+// ─── Style Converter ───
+function convertStyle(style) {
+    var _a;
+    const rnStyle = {};
+    if (!style)
+        return rnStyle;
+    // Layout
+    if (style.flex !== undefined)
+        rnStyle.flex = style.flex;
+    if (style.justifyContent)
+        rnStyle.justifyContent = style.justifyContent;
+    if (style.alignItems)
+        rnStyle.alignItems = style.alignItems;
+    if (style.alignSelf)
+        rnStyle.alignSelf = style.alignSelf;
+    if (style.gap !== undefined)
+        rnStyle.gap = style.gap;
+    if (style.flexWrap)
+        rnStyle.flexWrap = style.flexWrap;
+    if (style.overflow)
+        rnStyle.overflow = style.overflow;
+    // Spacing
+    if (style.padding !== undefined)
+        rnStyle.padding = style.padding;
+    if (style.paddingTop !== undefined)
+        rnStyle.paddingTop = style.paddingTop;
+    if (style.paddingBottom !== undefined)
+        rnStyle.paddingBottom = style.paddingBottom;
+    if (style.paddingLeft !== undefined)
+        rnStyle.paddingLeft = style.paddingLeft;
+    if (style.paddingRight !== undefined)
+        rnStyle.paddingRight = style.paddingRight;
+    if (style.marginTop !== undefined)
+        rnStyle.marginTop = style.marginTop;
+    if (style.marginBottom !== undefined)
+        rnStyle.marginBottom = style.marginBottom;
+    if (style.marginLeft !== undefined)
+        rnStyle.marginLeft = style.marginLeft;
+    if (style.marginRight !== undefined)
+        rnStyle.marginRight = style.marginRight;
+    // Size
+    if (style.width !== undefined)
+        rnStyle.width = style.width;
+    if (style.height !== undefined)
+        rnStyle.height = style.height;
+    if (style.maxWidth !== undefined)
+        rnStyle.maxWidth = style.maxWidth;
+    if (style.minHeight !== undefined)
+        rnStyle.minHeight = style.minHeight;
+    // Visual
+    if (style.backgroundColor)
+        rnStyle.backgroundColor = style.backgroundColor;
+    if (style.opacity !== undefined)
+        rnStyle.opacity = style.opacity;
+    if (style.borderRadius !== undefined)
+        rnStyle.borderRadius = style.borderRadius;
+    if (style.borderWidth !== undefined)
+        rnStyle.borderWidth = style.borderWidth;
+    if (style.borderColor)
+        rnStyle.borderColor = style.borderColor;
+    if (style.borderBottomWidth !== undefined)
+        rnStyle.borderBottomWidth = style.borderBottomWidth;
+    if (style.borderBottomColor)
+        rnStyle.borderBottomColor = style.borderBottomColor;
+    // Shadow (React Native uses different shadow props)
+    if (style.shadowColor) {
+        rnStyle.shadowColor = style.shadowColor;
+        rnStyle.shadowOpacity = style.shadowOpacity || 0.2;
+        rnStyle.shadowRadius = style.shadowRadius || 4;
+        rnStyle.shadowOffset = {
+            width: style.shadowOffsetX || 0,
+            height: style.shadowOffsetY || 2,
+        };
+        // Android elevation approximation
+        rnStyle.elevation = style.shadowRadius || 4;
+    }
+    // Text
+    if (style.color)
+        rnStyle.color = style.color;
+    if (style.fontSize !== undefined)
+        rnStyle.fontSize = style.fontSize;
+    if (style.fontWeight)
+        rnStyle.fontWeight = style.fontWeight;
+    if (style.textAlign)
+        rnStyle.textAlign = style.textAlign;
+    if (style.lineHeight !== undefined) {
+        // React Native lineHeight is in pixels, not a multiplier
+        // If value is small (< 4), treat as multiplier and convert
+        rnStyle.lineHeight =
+            style.lineHeight > 4 ? style.lineHeight : (style.fontSize || 16) * style.lineHeight;
+    }
+    if (style.letterSpacing !== undefined)
+        rnStyle.letterSpacing = style.letterSpacing;
+    if (style.textTransform)
+        rnStyle.textTransform = style.textTransform;
+    if (style.textDecorationLine)
+        rnStyle.textDecorationLine = style.textDecorationLine;
+    // backgroundGradient is handled by wrapWithGradient at the component level.
+    // If LinearGradient is not available, fall back to the first gradient color.
+    if (style.backgroundGradient && !LinearGradient && ((_a = style.backgroundGradient.colors) === null || _a === void 0 ? void 0 : _a.length)) {
+        const firstColor = style.backgroundGradient.colors[0];
+        rnStyle.backgroundColor = typeof firstColor === 'string' ? firstColor : firstColor.color;
+    }
+    return rnStyle;
+}
+// ─── Gradient Wrapper ───
+function angleToCoords(angle) {
+    // Convert CSS angle (0 = top, 90 = right) to LinearGradient coordinates
+    const rad = ((angle - 90) * Math.PI) / 180;
+    return {
+        start: { x: 0.5 - Math.cos(rad) * 0.5, y: 0.5 - Math.sin(rad) * 0.5 },
+        end: { x: 0.5 + Math.cos(rad) * 0.5, y: 0.5 + Math.sin(rad) * 0.5 },
+    };
+}
+function wrapWithGradient(content, elementStyle, viewStyle) {
+    var _a, _b;
+    const gradient = elementStyle === null || elementStyle === void 0 ? void 0 : elementStyle.backgroundGradient;
+    if (!gradient || !LinearGradient || !((_a = gradient.colors) === null || _a === void 0 ? void 0 : _a.length))
+        return content;
+    // Handle both { color, position } objects and plain color strings
+    const colors = gradient.colors.map((c) => typeof c === 'string' ? c : c.color);
+    const locations = gradient.colors.map((c, i, arr) => {
+        var _a;
+        if (typeof c === 'string')
+            return i / Math.max(arr.length - 1, 1);
+        return ((_a = c.position) !== null && _a !== void 0 ? _a : Math.round((i / Math.max(arr.length - 1, 1)) * 100)) / 100;
+    });
+    // Pull layout-affecting styles onto the gradient wrapper, keep inner styles on the content
+    const { backgroundColor } = viewStyle, innerStyle = __rest(viewStyle, ["backgroundColor"]);
+    const gradientStyle = Object.assign({}, innerStyle);
+    const gradientType = gradient.type || 'linear';
+    if (gradientType === 'radial') {
+        // No radial support in LinearGradient — use first color as fallback
+        return react_1.default.cloneElement(content, {
+            style: [viewStyle, { backgroundColor: colors[0] }],
+        });
+    }
+    // Support both angle and start/end array formats
+    let coords;
+    if (gradient.start && gradient.end) {
+        const s = Array.isArray(gradient.start) ? { x: gradient.start[0], y: gradient.start[1] } : gradient.start;
+        const e = Array.isArray(gradient.end) ? { x: gradient.end[0], y: gradient.end[1] } : gradient.end;
+        coords = { start: s, end: e };
+    }
+    else {
+        coords = angleToCoords((_b = gradient.angle) !== null && _b !== void 0 ? _b : 180);
+    }
+    return (<LinearGradient colors={colors} locations={locations} start={coords.start} end={coords.end} style={gradientStyle}>
+      {content.props.children}
+    </LinearGradient>);
+}
+// ─── Helpers ───
+function getKeyboardType(type) {
+    switch (type) {
+        case 'email':
+            return 'email-address';
+        case 'tel':
+        case 'number':
+            return 'numeric';
+        default:
+            return 'default';
+    }
+}

package/lib/index.d.ts

@@ -0,0 +1,6 @@
+export { OnboardingFlow } from './OnboardingFlow';
+export type { OnboardingFlowProps, ScreenConfig, OnboardingConfig, AnalyticsEvent, BaseComponentProps, CustomScreenProps, ElementNode, ElementType, ElementAction, ElementStyle, ElementPosition, Condition, ComparisonOperator, ConditionalDestination, ConditionalRoutes, ElementConditions, } from './types';
+export { ElementRenderer } from './components/ElementRenderer';
+export { API } from './api';
+export { AnalyticsManager } from './analytics';
+export { resolveTemplate, evaluateCondition, resolveDestination } from './variableUtils';

package/lib/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveDestination = exports.evaluateCondition = exports.resolveTemplate = exports.AnalyticsManager = exports.API = exports.ElementRenderer = exports.OnboardingFlow = void 0;
+// Main component
+var OnboardingFlow_1 = require("./OnboardingFlow");
+Object.defineProperty(exports, "OnboardingFlow", { enumerable: true, get: function () { return OnboardingFlow_1.OnboardingFlow; } });
+// Components
+var ElementRenderer_1 = require("./components/ElementRenderer");
+Object.defineProperty(exports, "ElementRenderer", { enumerable: true, get: function () { return ElementRenderer_1.ElementRenderer; } });
+// Utilities (if developers want to use them)
+var api_1 = require("./api");
+Object.defineProperty(exports, "API", { enumerable: true, get: function () { return api_1.API; } });
+var analytics_1 = require("./analytics");
+Object.defineProperty(exports, "AnalyticsManager", { enumerable: true, get: function () { return analytics_1.AnalyticsManager; } });
+var variableUtils_1 = require("./variableUtils");
+Object.defineProperty(exports, "resolveTemplate", { enumerable: true, get: function () { return variableUtils_1.resolveTemplate; } });
+Object.defineProperty(exports, "evaluateCondition", { enumerable: true, get: function () { return variableUtils_1.evaluateCondition; } });
+Object.defineProperty(exports, "resolveDestination", { enumerable: true, get: function () { return variableUtils_1.resolveDestination; } });