@viveksinghind/narrative-form-native 1.0.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Vivek Singh
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,61 @@
+# @viveksinghind/narrative-form-native
+
+React Native components for Narrative Form, a dynamic typewriter-style sign-up flow.
+
+## Installation
+
+```bash
+npm install @viveksinghind/narrative-form-native @viveksinghind/narrative-form-core
+```
+
+## Usage
+
+```tsx
+import React from 'react';
+import { SafeAreaView, StyleSheet } from 'react-native';
+import { NarrativeForm } from '@viveksinghind/narrative-form-native';
+
+const myFormConfig = {
+  form: { id: "test", name: "Test Form", version: 1 },
+  welcome: {
+    heading: "Welcome to the future",
+    subtext: "Let's get started",
+    ctaLabel: "Begin"
+  },
+  fields: [
+    {
+      key: "name",
+      type: "text",
+      prefix: "Hi, my name is",
+      validation: { required: true }
+    }
+  ],
+  done: {
+    message: "All done! Thank you.",
+  }
+};
+
+export default function App() {
+  return (
+    <SafeAreaView style={styles.container}>
+      <NarrativeForm 
+        config={myFormConfig} 
+        onComplete={(values) => console.log('Form Complete!', values)} 
+      />
+    </SafeAreaView>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff',
+  }
+});
+```
+
+## Features
+- Fully native animations using `Animated` API
+- Works seamlessly on iOS and Android
+- Accessible form elements
+- Themeable via config

package/dist/components/DoneScreen.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { NarrativeDone, NarrativeFieldValues, NarrativeMeta, NarrativeTypewriter } from "@viveksinghind/narrative-form-core";
+export interface DoneScreenProps {
+    done: NarrativeDone;
+    values: NarrativeFieldValues;
+    meta: NarrativeMeta;
+    typewriter: NarrativeTypewriter;
+}
+export declare const DoneScreen: React.FC<DoneScreenProps>;
+//# sourceMappingURL=DoneScreen.d.ts.map

package/dist/components/DoneScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DoneScreen.d.ts","sourceRoot":"","sources":["../../src/components/DoneScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAGlI,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,aAAa,CAAC;IACpB,MAAM,EAAE,oBAAoB,CAAC;IAC7B,IAAI,EAAE,aAAa,CAAC;IACpB,UAAU,EAAE,mBAAmB,CAAC;CACjC;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqBhD,CAAC"}

package/dist/components/DoneScreen.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { Animated, Text, StyleSheet } from "react-native";
+import { useTheme } from "./ThemeProvider";
+export const DoneScreen = ({ done, values, meta }) => {
+    const { theme, isDark } = useTheme();
+    const opacity = useRef(new Animated.Value(0)).current;
+    useEffect(() => {
+        Animated.timing(opacity, {
+            toValue: 1,
+            duration: 500,
+            useNativeDriver: true,
+        }).start();
+    }, [opacity]);
+    const textColor = (theme === null || theme === void 0 ? void 0 : theme.textColor) || (isDark ? "#fff" : "#000");
+    const messageStr = typeof done.message === "function" ? done.message(values) : done.message;
+    return (_jsx(Animated.View, { style: [styles.container, { opacity }], children: _jsx(Text, { style: [styles.title, { color: textColor }], children: messageStr }) }));
+};
+const styles = StyleSheet.create({
+    container: {
+        padding: 20,
+        marginTop: 20,
+    },
+    title: {
+        fontSize: 24,
+        fontWeight: "bold",
+        marginBottom: 8,
+    },
+    subtitle: {
+        fontSize: 16,
+    }
+});
+//# sourceMappingURL=DoneScreen.js.map

package/dist/components/DoneScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DoneScreen.js","sourceRoot":"","sources":["../../src/components/DoneScreen.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAQ,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAEhE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAS3C,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE;IAC9E,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IACrC,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE;YACvB,OAAO,EAAE,CAAC;YACV,QAAQ,EAAE,GAAG;YACb,eAAe,EAAE,IAAI;SACtB,CAAC,CAAC,KAAK,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,SAAS,GAAG,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,KAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAEjE,MAAM,UAAU,GAAG,OAAO,IAAI,CAAC,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC;IAE5F,OAAO,CACL,KAAC,QAAQ,CAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,CAAC,YACnD,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,YAAG,UAAU,GAAQ,GACxD,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,OAAO,EAAE,EAAE;QACX,SAAS,EAAE,EAAE;KACd;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,YAAY,EAAE,CAAC;KAChB;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,EAAE;KACb;CACF,CAAC,CAAC"}

package/dist/components/ErrorMessage.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { NarrativeErrorDisplay } from "@viveksinghind/narrative-form-core";
+export interface ErrorMessageProps {
+    message: string | null;
+    config?: NarrativeErrorDisplay;
+}
+export declare const ErrorMessage: React.FC<ErrorMessageProps>;
+//# sourceMappingURL=ErrorMessage.d.ts.map

package/dist/components/ErrorMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessage.d.ts","sourceRoot":"","sources":["../../src/components/ErrorMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAGhF,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,MAAM,CAAC,EAAE,qBAAqB,CAAC;CAChC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkCpD,CAAC"}

package/dist/components/ErrorMessage.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { Animated, Text, StyleSheet } from "react-native";
+import { useTheme } from "./ThemeProvider";
+export const ErrorMessage = ({ message, config }) => {
+    const { theme } = useTheme();
+    const opacity = useRef(new Animated.Value(0)).current;
+    const translateY = useRef(new Animated.Value(-10)).current;
+    useEffect(() => {
+        if (message) {
+            Animated.parallel([
+                Animated.timing(opacity, {
+                    toValue: 1,
+                    duration: 200,
+                    useNativeDriver: true,
+                }),
+                Animated.timing(translateY, {
+                    toValue: 0,
+                    duration: 200,
+                    useNativeDriver: true,
+                })
+            ]).start();
+        }
+        else {
+            opacity.setValue(0);
+            translateY.setValue(-10);
+        }
+    }, [message, opacity, translateY]);
+    if (!message)
+        return null;
+    return (_jsx(Animated.View, { style: { opacity, transform: [{ translateY }] }, children: _jsx(Text, { style: [styles.errorText, { color: (theme === null || theme === void 0 ? void 0 : theme.errorColor) || "#d32f2f" }], children: message }) }));
+};
+const styles = StyleSheet.create({
+    errorText: {
+        fontSize: 14,
+        marginTop: 4,
+        marginBottom: 8,
+    }
+});
+//# sourceMappingURL=ErrorMessage.js.map

package/dist/components/ErrorMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../../src/components/ErrorMessage.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAO3C,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE;IAC/E,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IACtD,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;IAE3D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,EAAE,CAAC;YACZ,QAAQ,CAAC,QAAQ,CAAC;gBAChB,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE;oBACvB,OAAO,EAAE,CAAC;oBACV,QAAQ,EAAE,GAAG;oBACb,eAAe,EAAE,IAAI;iBACtB,CAAC;gBACF,QAAQ,CAAC,MAAM,CAAC,UAAU,EAAE;oBAC1B,OAAO,EAAE,CAAC;oBACV,QAAQ,EAAE,GAAG;oBACb,eAAe,EAAE,IAAI;iBACtB,CAAC;aACH,CAAC,CAAC,KAAK,EAAE,CAAC;QACb,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;YACpB,UAAU,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAEnC,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACL,KAAC,QAAQ,CAAC,IAAI,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,YAC5D,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,KAAI,SAAS,EAAE,CAAC,YACvE,OAAO,GACH,GACO,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,CAAC;KAChB;CACF,CAAC,CAAC"}

package/dist/components/Line.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import type { NarrativeField, FieldStatus, NarrativeTypewriter, NarrativeFieldValues } from "@viveksinghind/narrative-form-core";
+export interface LineProps {
+    field: NarrativeField;
+    status: FieldStatus;
+    value: any;
+    allValues: NarrativeFieldValues;
+    typewriter: NarrativeTypewriter;
+    editable: boolean;
+    locked: boolean;
+    editLabel: string;
+    onTypingComplete: (key: string) => void;
+    onConfirm: (key: string, value: string) => void;
+    onEdit: (key: string) => void;
+    onError: (key: string, error: string) => void;
+    onChange: (key: string, value: string) => void;
+    onFocus: (key: string) => void;
+    onBlur: (key: string, value: string) => void;
+}
+export declare const Line: React.FC<LineProps>;
+//# sourceMappingURL=Line.d.ts.map

package/dist/components/Line.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Line.d.ts","sourceRoot":"","sources":["../../src/components/Line.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAKjI,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,cAAc,CAAC;IACtB,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,GAAG,CAAC;IACX,SAAS,EAAE,oBAAoB,CAAC;IAChC,UAAU,EAAE,mBAAmB,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAsJpC,CAAC"}

package/dist/components/Line.js

@@ -0,0 +1,130 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { Animated, View, Text, TextInput, TouchableOpacity, StyleSheet, Keyboard } from "react-native";
+import { validateField, validateFieldAsync, hasAsyncValidation } from "@viveksinghind/narrative-form-core";
+import { ErrorMessage } from "./ErrorMessage";
+import { useTheme } from "./ThemeProvider";
+export const Line = ({ field, status, value, allValues, typewriter, editable, locked, editLabel, onTypingComplete, onConfirm, onEdit, onError, onChange, onFocus, onBlur, }) => {
+    const { theme, isDark } = useTheme();
+    const [typedPrompt, setTypedPrompt] = useState("");
+    const [localValue, setLocalValue] = useState(value ? String(value) : "");
+    const [errorMsg, setErrorMsg] = useState(null);
+    const [isValidating, setIsValidating] = useState(false);
+    const inputRef = useRef(null);
+    const opacity = useRef(new Animated.Value(0)).current;
+    useEffect(() => {
+        Animated.timing(opacity, {
+            toValue: 1,
+            duration: 300,
+            useNativeDriver: true,
+        }).start();
+    }, [opacity]);
+    useEffect(() => {
+        if (value !== undefined && String(value) !== localValue) {
+            setLocalValue(String(value));
+        }
+    }, [value]);
+    useEffect(() => {
+        var _a;
+        if (status !== "typing")
+            return;
+        if (!typewriter.enabled) {
+            setTypedPrompt(field.prefix);
+            onTypingComplete(field.key);
+            return;
+        }
+        let i = 0;
+        const interval = setInterval(() => {
+            setTypedPrompt(field.prefix.slice(0, i + 1));
+            i++;
+            if (i >= field.prefix.length) {
+                clearInterval(interval);
+                onTypingComplete(field.key);
+            }
+        }, (_a = typewriter.speed) !== null && _a !== void 0 ? _a : 30);
+        return () => clearInterval(interval);
+    }, [status, field.prefix, field.key, typewriter, onTypingComplete]);
+    useEffect(() => {
+        if (status === "active" || status === "editing") {
+            setTimeout(() => {
+                var _a;
+                (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            }, 50);
+        }
+    }, [status]);
+    const handleConfirm = useCallback(async () => {
+        const syncResult = validateField(localValue, field.validation, allValues);
+        if (!syncResult.valid) {
+            const err = syncResult.errors[0] || "Invalid input";
+            setErrorMsg(err);
+            onError(field.key, err);
+            return;
+        }
+        if (hasAsyncValidation(field.validation)) {
+            setIsValidating(true);
+            const asyncResult = await validateFieldAsync(localValue, field.validation, allValues).promise;
+            setIsValidating(false);
+            if (!asyncResult.valid) {
+                const err = asyncResult.errors[0] || "Invalid input";
+                setErrorMsg(err);
+                onError(field.key, err);
+                return;
+            }
+        }
+        setErrorMsg(null);
+        Keyboard.dismiss();
+        onConfirm(field.key, localValue);
+    }, [field, localValue, allValues, onError, onConfirm]);
+    const textColor = (theme === null || theme === void 0 ? void 0 : theme.textColor) || (isDark ? "#fff" : "#000");
+    const primaryColor = (theme === null || theme === void 0 ? void 0 : theme.buttonBackground) || "#007bff";
+    const isConfirmed = status === "confirmed";
+    const isActive = status === "active" || status === "editing";
+    return (_jsxs(Animated.View, { style: [styles.container, { opacity }], children: [_jsxs(View, { style: styles.promptRow, children: [_jsx(Text, { style: [styles.prompt, { color: textColor }], children: status === "typing" ? typedPrompt : field.prefix }), isConfirmed && (_jsx(Text, { style: [styles.value, { color: primaryColor }], children: localValue })), isConfirmed && editable && !locked && (_jsx(TouchableOpacity, { onPress: () => onEdit(field.key), style: styles.editBtn, children: _jsx(Text, { style: [styles.editBtnText, { color: primaryColor }], children: editLabel }) }))] }), isActive && (_jsx(View, { style: styles.inputRow, children: _jsx(TextInput, { ref: inputRef, style: [
+                        styles.input,
+                        { color: textColor, borderBottomColor: isValidating ? "#ccc" : primaryColor }
+                    ], value: localValue, onChangeText: (text) => {
+                        setLocalValue(text);
+                        onChange(field.key, text);
+                        if (errorMsg)
+                            setErrorMsg(null);
+                    }, onFocus: () => onFocus(field.key), onBlur: () => onBlur(field.key, localValue), onSubmitEditing: handleConfirm, keyboardType: field.type === "email" ? "email-address" : "default", secureTextEntry: field.type === "password", returnKeyType: "next", editable: !isValidating }) })), _jsx(ErrorMessage, { message: errorMsg })] }));
+};
+const styles = StyleSheet.create({
+    container: {
+        marginVertical: 12,
+    },
+    promptRow: {
+        flexDirection: "row",
+        alignItems: "center",
+        flexWrap: "wrap",
+    },
+    prompt: {
+        fontSize: 18,
+        marginRight: 8,
+    },
+    value: {
+        fontSize: 18,
+        fontWeight: "600",
+        marginRight: 8,
+    },
+    editBtn: {
+        marginLeft: 8,
+        paddingHorizontal: 8,
+        paddingVertical: 4,
+        borderRadius: 4,
+        backgroundColor: "rgba(0,0,0,0.05)",
+    },
+    editBtnText: {
+        fontSize: 12,
+        fontWeight: "bold",
+    },
+    inputRow: {
+        marginTop: 8,
+    },
+    input: {
+        fontSize: 18,
+        paddingVertical: 8,
+        borderBottomWidth: 2,
+    }
+});
+//# sourceMappingURL=Line.js.map

package/dist/components/Line.js.map

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

package/dist/components/NarrativeForm.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import type { NarrativeField, NarrativeTheme, NarrativeTypewriter, NarrativeWelcome, NarrativeDone, NarrativeCallbacks, NarrativeFieldValues, NarrativeRefHandle, NarrativeI18n, NarrativeFormConfig, NarrativeCrossFieldValidator } from "@viveksinghind/narrative-form-core";
+export interface NarrativeFormProps {
+    fields?: NarrativeField[];
+    fieldsUrl?: string;
+    fieldsUrlHeaders?: Record<string, string>;
+    formConfig?: NarrativeFormConfig;
+    theme?: NarrativeTheme;
+    typewriter?: NarrativeTypewriter;
+    welcome?: NarrativeWelcome;
+    done?: NarrativeDone;
+    editable?: boolean;
+    editLabel?: string;
+    callbacks?: NarrativeCallbacks;
+    formRef?: React.Ref<NarrativeRefHandle>;
+    defaultValues?: NarrativeFieldValues;
+    values?: NarrativeFieldValues;
+    strings?: Partial<NarrativeI18n>;
+    locale?: string;
+    direction?: "ltr" | "rtl";
+    crossFieldValidators?: NarrativeCrossFieldValidator[];
+    reducedMotion?: boolean;
+}
+export declare const NarrativeForm: React.FC<NarrativeFormProps>;
+//# sourceMappingURL=NarrativeForm.d.ts.map

package/dist/components/NarrativeForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NarrativeForm.d.ts","sourceRoot":"","sources":["../../src/components/NarrativeForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAEjF,OAAO,KAAK,EACV,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,gBAAgB,EAChB,aAAa,EACb,kBAAkB,EAClB,oBAAoB,EAEpB,kBAAkB,EAClB,aAAa,EACb,mBAAmB,EACnB,4BAA4B,EAC7B,MAAM,oCAAoC,CAAC;AAU5C,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,cAAc,EAAE,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;IACxC,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC1B,oBAAoB,CAAC,EAAE,4BAA4B,EAAE,CAAC;IACtD,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AA+ID,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAQtD,CAAC"}

package/dist/components/NarrativeForm.js

@@ -0,0 +1,113 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState, useMemo } from "react";
+import { View, StyleSheet, ScrollView } from "react-native";
+import { mergeStrings } from "@viveksinghind/narrative-form-core";
+import { useFormState } from "../hooks/useFormState";
+import { useDynamicForm } from "../hooks/useDynamicForm";
+import { Line } from "./Line";
+import { ToastProvider } from "./ToastProvider";
+import { ThemeProvider, useTheme } from "./ThemeProvider";
+import { WelcomeScreen } from "./WelcomeScreen";
+import { DoneScreen } from "./DoneScreen";
+const NarrativeFormInner = (props) => {
+    var _a, _b, _c;
+    const { isDark } = useTheme();
+    const i18n = useMemo(() => mergeStrings(props.strings), [props.strings]);
+    const { config: dynamicConfig, loading, error, retry } = useDynamicForm({ fieldsUrl: props.fieldsUrl, fieldsUrlHeaders: props.fieldsUrlHeaders });
+    const resolvedConfig = useMemo(() => {
+        if (props.fields)
+            return { fields: props.fields };
+        if (props.formConfig)
+            return props.formConfig;
+        if (dynamicConfig)
+            return dynamicConfig;
+        return null;
+    }, [props.fields, props.formConfig, dynamicConfig]);
+    const fields = (_a = resolvedConfig === null || resolvedConfig === void 0 ? void 0 : resolvedConfig.fields) !== null && _a !== void 0 ? _a : [];
+    const welcome = (_b = props.welcome) !== null && _b !== void 0 ? _b : (resolvedConfig && "welcome" in resolvedConfig ? resolvedConfig.welcome : undefined);
+    const done = (_c = props.done) !== null && _c !== void 0 ? _c : (resolvedConfig && "done" in resolvedConfig ? resolvedConfig.done : undefined);
+    const effectiveTypewriter = useMemo(() => {
+        var _a, _b;
+        return ({
+            ...props.typewriter,
+            enabled: props.reducedMotion ? false : ((_b = (_a = props.typewriter) === null || _a === void 0 ? void 0 : _a.enabled) !== null && _b !== void 0 ? _b : true),
+        });
+    }, [props.typewriter, props.reducedMotion]);
+    const { snapshot, startTyping, activateField, confirmField, editField, reconfirmField, next, focusField, reset, getValues, getMeta, } = useFormState(fields);
+    const showWelcome = (welcome === null || welcome === void 0 ? void 0 : welcome.show) !== false && welcome !== undefined;
+    const [welcomeDismissed, setWelcomeDismissed] = useState(!showWelcome);
+    const hasStartedRef = useRef(false);
+    useEffect(() => {
+        if (!welcomeDismissed || hasStartedRef.current || fields.length === 0)
+            return;
+        hasStartedRef.current = true;
+        const firstField = fields.find((f) => snapshot.statuses[f.key] !== "confirmed");
+        if (firstField) {
+            startTyping(firstField.key);
+        }
+    }, [welcomeDismissed, fields, startTyping, snapshot.statuses]);
+    const handleConfirm = useCallback((key, value) => {
+        var _a, _b;
+        const status = snapshot.statuses[key];
+        if (status === "editing") {
+            reconfirmField(key, value);
+        }
+        else {
+            confirmField(key, value);
+        }
+        (_b = (_a = props.callbacks) === null || _a === void 0 ? void 0 : _a.onFieldComplete) === null || _b === void 0 ? void 0 : _b.call(_a, key, value, 0);
+        const currentIndex = fields.findIndex((f) => f.key === key);
+        for (let i = currentIndex + 1; i < fields.length; i++) {
+            const nextField = fields[i];
+            if (!nextField || snapshot.statuses[nextField.key] === "confirmed")
+                continue;
+            startTyping(nextField.key);
+            break;
+        }
+    }, [snapshot, fields, confirmField, reconfirmField, startTyping, props.callbacks]);
+    const visibleFields = useMemo(() => {
+        return fields.filter((field) => {
+            const status = snapshot.statuses[field.key];
+            return status === "typing" || status === "active" || status === "confirmed" || status === "editing";
+        });
+    }, [fields, snapshot.statuses]);
+    const scrollViewRef = useRef(null);
+    useEffect(() => {
+        if (visibleFields.length > 0) {
+            setTimeout(() => {
+                var _a;
+                (_a = scrollViewRef.current) === null || _a === void 0 ? void 0 : _a.scrollToEnd({ animated: true });
+            }, 100);
+        }
+    }, [visibleFields.length]);
+    return (_jsxs(ScrollView, { ref: scrollViewRef, style: [styles.container, isDark ? styles.darkContainer : styles.lightContainer], contentContainerStyle: styles.content, keyboardShouldPersistTaps: "handled", children: [!welcomeDismissed && welcome && (_jsx(WelcomeScreen, { welcome: welcome, typewriter: effectiveTypewriter, onStart: () => setWelcomeDismissed(true) })), welcomeDismissed && (_jsx(View, { style: styles.formBody, children: visibleFields.map((field) => {
+                    var _a, _b, _c, _d, _e;
+                    return (_jsx(Line, { field: field, status: (_a = snapshot.statuses[field.key]) !== null && _a !== void 0 ? _a : "idle", value: (_c = (_b = props.values) === null || _b === void 0 ? void 0 : _b[field.key]) !== null && _c !== void 0 ? _c : snapshot.values[field.key], allValues: snapshot.values, typewriter: effectiveTypewriter, editable: (_d = props.editable) !== null && _d !== void 0 ? _d : true, locked: false, editLabel: (_e = props.editLabel) !== null && _e !== void 0 ? _e : i18n.editLabel, onTypingComplete: (k) => activateField(k), onConfirm: handleConfirm, onEdit: (k) => {
+                            var _a, _b;
+                            editField(k);
+                            (_b = (_a = props.callbacks) === null || _a === void 0 ? void 0 : _a.onEdit) === null || _b === void 0 ? void 0 : _b.call(_a, k);
+                        }, onError: (k, err) => { var _a, _b; return (_b = (_a = props.callbacks) === null || _a === void 0 ? void 0 : _a.onError) === null || _b === void 0 ? void 0 : _b.call(_a, k, err); }, onChange: (k, v) => { var _a, _b; return (_b = (_a = props.callbacks) === null || _a === void 0 ? void 0 : _a.onChange) === null || _b === void 0 ? void 0 : _b.call(_a, k, v); }, onFocus: (k) => { var _a, _b; return (_b = (_a = props.callbacks) === null || _a === void 0 ? void 0 : _a.onFieldFocus) === null || _b === void 0 ? void 0 : _b.call(_a, k); }, onBlur: (k, v) => { var _a, _b; return (_b = (_a = props.callbacks) === null || _a === void 0 ? void 0 : _a.onFieldBlur) === null || _b === void 0 ? void 0 : _b.call(_a, k, v); } }, field.key));
+                }) })), snapshot.isComplete && done && (_jsx(DoneScreen, { done: done, values: snapshot.values, meta: getMeta(), typewriter: effectiveTypewriter }))] }));
+};
+export const NarrativeForm = (props) => {
+    return (_jsx(ThemeProvider, { theme: props.theme, children: _jsx(ToastProvider, { children: _jsx(NarrativeFormInner, { ...props }) }) }));
+};
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+    },
+    lightContainer: {
+        backgroundColor: "#ffffff",
+    },
+    darkContainer: {
+        backgroundColor: "#121212",
+    },
+    content: {
+        padding: 20,
+        flexGrow: 1,
+    },
+    formBody: {
+        flex: 1,
+    }
+});
+//# sourceMappingURL=NarrativeForm.js.map

package/dist/components/NarrativeForm.js.map

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

package/dist/components/ThemeProvider.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import type { NarrativeTheme } from "@viveksinghind/narrative-form-core";
+export interface ThemeContextValue {
+    theme: NarrativeTheme | undefined;
+    isDark: boolean;
+}
+export declare const useTheme: () => ThemeContextValue;
+export interface ThemeProviderProps {
+    theme?: NarrativeTheme;
+    children: React.ReactNode;
+}
+export declare const ThemeProvider: React.FC<ThemeProviderProps>;
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/components/ThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/components/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAEzE,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,cAAc,GAAG,SAAS,CAAC;IAClC,MAAM,EAAE,OAAO,CAAC;CACjB;AAOD,eAAO,MAAM,QAAQ,yBAAiC,CAAC;AAEvD,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAWtD,CAAC"}

package/dist/components/ThemeProvider.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from "react";
+const ThemeContext = createContext({
+    theme: undefined,
+    isDark: false,
+});
+export const useTheme = () => useContext(ThemeContext);
+export const ThemeProvider = ({ theme, children }) => {
+    const value = useMemo(() => {
+        // In React Native we can check Appearance.getColorScheme() if we want auto dark mode,
+        // but for now we just rely on the theme prop.
+        return {
+            theme,
+            isDark: !!(theme === null || theme === void 0 ? void 0 : theme.mode) && theme.mode === "dark",
+        };
+    }, [theme]);
+    return _jsx(ThemeContext.Provider, { value: value, children: children });
+};
+//# sourceMappingURL=ThemeProvider.js.map

package/dist/components/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/components/ThemeProvider.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAQlE,MAAM,YAAY,GAAG,aAAa,CAAoB;IACpD,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,KAAK;CACd,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;AAOvD,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IACjF,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,sFAAsF;QACtF,8CAA8C;QAC9C,OAAO;YACL,KAAK;YACL,MAAM,EAAE,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAA,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM;SAC/C,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAyB,CAAC;AACjF,CAAC,CAAC"}

package/dist/components/ToastProvider.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export interface ToastContextValue {
+    showToast: (message: string, type?: "error" | "success" | "info") => void;
+}
+export declare const useToast: () => ToastContextValue;
+export declare const ToastProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+//# sourceMappingURL=ToastProvider.d.ts.map

package/dist/components/ToastProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../src/components/ToastProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAGhF,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,KAAK,IAAI,CAAC;CAC3E;AAMD,eAAO,MAAM,QAAQ,yBAAiC,CAAC;AAEvD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAoBjE,CAAC"}

package/dist/components/ToastProvider.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useContext, useState, useCallback } from "react";
+import { View, Text, StyleSheet } from "react-native";
+const ToastContext = createContext({
+    showToast: () => { },
+});
+export const useToast = () => useContext(ToastContext);
+export const ToastProvider = ({ children }) => {
+    const [toast, setToast] = useState(null);
+    const showToast = useCallback((message, type = "info") => {
+        setToast({ message, type });
+        setTimeout(() => setToast(null), 3000);
+    }, []);
+    return (_jsx(ToastContext.Provider, { value: { showToast }, children: _jsxs(View, { style: styles.container, children: [children, toast && (_jsx(View, { style: [styles.toast, toast.type === "error" ? styles.toastError : styles.toastSuccess], children: _jsx(Text, { style: styles.toastText, children: toast.message }) }))] }) }));
+};
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+    },
+    toast: {
+        position: "absolute",
+        bottom: 40,
+        left: 20,
+        right: 20,
+        padding: 16,
+        borderRadius: 8,
+        backgroundColor: "#333",
+        alignItems: "center",
+    },
+    toastError: {
+        backgroundColor: "#d32f2f",
+    },
+    toastSuccess: {
+        backgroundColor: "#2e7d32",
+    },
+    toastText: {
+        color: "#fff",
+        fontSize: 14,
+    },
+});
+//# sourceMappingURL=ToastProvider.js.map

package/dist/components/ToastProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastProvider.js","sourceRoot":"","sources":["../../src/components/ToastProvider.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAY,MAAM,cAAc,CAAC;AAMhE,MAAM,YAAY,GAAG,aAAa,CAAoB;IACpD,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;AAEvD,MAAM,CAAC,MAAM,aAAa,GAA4C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACrF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAiE,IAAI,CAAC,CAAC;IAEzG,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,OAAe,EAAE,OAAqC,MAAM,EAAE,EAAE;QAC7F,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAC5B,UAAU,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;IACzC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,YACzC,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,aAC1B,QAAQ,EACR,KAAK,IAAI,CACR,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,YAC3F,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,YAAG,KAAK,CAAC,OAAO,GAAQ,GAChD,CACR,IACI,GACe,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;KACR;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,EAAE;QACV,IAAI,EAAE,EAAE;QACR,KAAK,EAAE,EAAE;QACT,OAAO,EAAE,EAAE;QACX,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,MAAM;QACvB,UAAU,EAAE,QAAQ;KACrB;IACD,UAAU,EAAE;QACV,eAAe,EAAE,SAAS;KAC3B;IACD,YAAY,EAAE;QACZ,eAAe,EAAE,SAAS;KAC3B;IACD,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,EAAE;KACb;CACF,CAAC,CAAC"}