@usergist/feedback-react-native 0.1.0

package/dist/ui/PromptSheet.js

@@ -0,0 +1,285 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Bottom-sheet modal that renders an armed prompt and collects answers.
+//
+// Supports rating, NPS, multiple_choice, short_text. Questions are shown
+// one at a time. Tap-to-select types auto-advance; text inputs render
+// an inline full-width Next button under the field. The X close at the
+// top-right is the only dismiss path. There's no Back button anywhere.
+// Mirrors the SurveyView rules so feedback and surveys feel identical.
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { Animated, Dimensions, Easing, KeyboardAvoidingView, Modal, Platform, Pressable, StyleSheet, Text, View, } from 'react-native';
+import { SafeAreaInsetsContext } from 'react-native-safe-area-context';
+import { DEFAULT_THEME, mergeTheme } from './theme.js';
+import { animateIn, animateOut } from './animations.js';
+import { RatingQuestion } from './questions/RatingQuestion.js';
+import { NpsQuestion } from './questions/NpsQuestion.js';
+import { MultipleChoiceQuestion } from './questions/MultipleChoiceQuestion.js';
+import { ShortTextQuestion } from './questions/ShortTextQuestion.js';
+import { useModalSlot } from '../internal/modal-coordinator.js';
+import { promptResponseAnswers, withPromptAnswer, } from '../internal/prompt-answers.js';
+import { promptNeedsExplicitNext, promptNextRequiresAnswer, promptShouldAutoAdvance, } from '../internal/prompt-flow.js';
+// Text inputs render their OWN inline Next button under the field
+// (full-width, disabled until the user types something).
+function isTextInput(type) {
+    return type === 'short_text';
+}
+function answerHasValue(v) {
+    if (v === null || v === undefined)
+        return false;
+    if (typeof v === 'string')
+        return v.trim().length > 0;
+    if (Array.isArray(v))
+        return v.length > 0;
+    return true;
+}
+export function PromptSheet({ payload, themeOverride, onSubmit, onDismiss, }) {
+    const [visible, setVisible] = useState(false);
+    const [index, setIndex] = useState(0);
+    const [answers, setAnswers] = useState({});
+    const answersRef = useRef({});
+    const closingRef = useRef(false);
+    const advanceTimerRef = useRef(null);
+    const modalGranted = useModalSlot('prompt', Boolean(payload));
+    const translate = useRef(new Animated.Value(0)).current;
+    const height = Dimensions.get('window').height;
+    // Read insets from context directly rather than useSafeAreaInsets(), which
+    // THROWS when no <SafeAreaProvider> is mounted above us. The SDK Provider
+    // renders this component unconditionally, so a host app that hasn't wrapped
+    // its tree in a SafeAreaProvider would otherwise crash on mount.
+    const insets = React.useContext(SafeAreaInsetsContext) ?? {
+        top: 0,
+        bottom: 0,
+        left: 0,
+        right: 0,
+    };
+    const theme = useMemo(() => {
+        if (themeOverride)
+            return mergeTheme(themeOverride, payload?.theme);
+        return mergeTheme(DEFAULT_THEME, payload?.theme);
+    }, [themeOverride, payload?.theme]);
+    useEffect(() => {
+        if (payload) {
+            if (advanceTimerRef.current)
+                clearTimeout(advanceTimerRef.current);
+            advanceTimerRef.current = null;
+            answersRef.current = {};
+            closingRef.current = false;
+            setAnswers({});
+            setIndex(0);
+            setVisible(true);
+            requestAnimationFrame(() => animateIn(translate));
+        }
+    }, [payload, translate]);
+    useEffect(() => () => {
+        if (advanceTimerRef.current)
+            clearTimeout(advanceTimerRef.current);
+    }, []);
+    // Slide each new question in from the right + fade up. Same
+    // pattern surveys use, so feedback and survey feel identical.
+    const questionTranslate = useRef(new Animated.Value(0)).current;
+    const questionOpacity = useRef(new Animated.Value(1)).current;
+    useEffect(() => {
+        questionTranslate.setValue(36);
+        questionOpacity.setValue(0);
+        Animated.parallel([
+            Animated.timing(questionTranslate, {
+                toValue: 0,
+                duration: 240,
+                easing: Easing.out(Easing.cubic),
+                useNativeDriver: true,
+            }),
+            Animated.timing(questionOpacity, {
+                toValue: 1,
+                duration: 240,
+                easing: Easing.out(Easing.cubic),
+                useNativeDriver: true,
+            }),
+        ]).start();
+    }, [index, questionTranslate, questionOpacity]);
+    if (!payload)
+        return null;
+    const questions = payload.prompt.questions;
+    const current = questions[index];
+    const isLast = index >= questions.length - 1;
+    function close(kind) {
+        if (closingRef.current)
+            return;
+        closingRef.current = true;
+        if (advanceTimerRef.current)
+            clearTimeout(advanceTimerRef.current);
+        advanceTimerRef.current = null;
+        animateOut(translate, () => {
+            setVisible(false);
+            const latencyMs = Date.now() - (payload?.shownAt ?? Date.now());
+            const result = {
+                promptId: payload.promptId,
+                answers: promptResponseAnswers(answersRef.current),
+                dismissed: kind === 'dismiss',
+                latencyMs,
+            };
+            if (kind === 'submit')
+                onSubmit(result);
+            else
+                onDismiss(result);
+        });
+    }
+    function setAnswer(qid, v) {
+        const nextAnswers = withPromptAnswer(answersRef.current, qid, v);
+        answersRef.current = nextAnswers;
+        setAnswers(nextAnswers);
+        // Auto-advance for tap-to-select question types — same UX rule
+        // as the survey shell. multi_choice + text inputs keep the
+        // explicit Next button so the user can pick multiple options
+        // or finish typing.
+        if (current?.id === qid && promptShouldAutoAdvance(current)) {
+            if (advanceTimerRef.current)
+                clearTimeout(advanceTimerRef.current);
+            advanceTimerRef.current = setTimeout(() => {
+                advanceTimerRef.current = null;
+                next();
+            }, 220);
+        }
+    }
+    function next() {
+        if (isLast)
+            close('submit');
+        else
+            setIndex((i) => i + 1);
+    }
+    function renderQuestion(q) {
+        switch (q.type) {
+            case 'rating': {
+                const v = answers[q.id];
+                return (_jsx(RatingQuestion, { question: q, value: typeof v === 'number' ? v : null, onChange: (n) => setAnswer(q.id, n), theme: theme }));
+            }
+            case 'nps': {
+                const scoreVal = answers[q.id];
+                const followUpKey = `${q.id}__followUp`;
+                const followUpVal = answers[followUpKey];
+                return (_jsx(NpsQuestion, { question: q, score: typeof scoreVal === 'number' ? scoreVal : null, followUp: typeof followUpVal === 'string' ? followUpVal : '', onScore: (n) => setAnswer(q.id, n), onFollowUp: (s) => setAnswer(followUpKey, s), theme: theme }));
+            }
+            case 'multiple_choice': {
+                const v = answers[q.id];
+                const arr = Array.isArray(v) ? v : [];
+                return (_jsx(MultipleChoiceQuestion, { question: q, value: arr, onChange: (next2) => setAnswer(q.id, next2), theme: theme }));
+            }
+            case 'short_text': {
+                const v = answers[q.id];
+                return (_jsx(ShortTextQuestion, { question: q, value: typeof v === 'string' ? v : '', onChange: (s) => setAnswer(q.id, s), theme: theme }));
+            }
+            // Unknown/newer question type (e.g. served by a newer dashboard to an
+            // older SDK). Render nothing instead of returning undefined, which would
+            // throw a React render error and unmount the host app tree.
+            default:
+                return null;
+        }
+    }
+    const translateY = translate.interpolate({
+        inputRange: [0, 1],
+        outputRange: [height, 0],
+    });
+    const opacity = translate.interpolate({
+        inputRange: [0, 1],
+        outputRange: [0, 1],
+    });
+    return (_jsx(Modal, { transparent: true, visible: visible && modalGranted, onRequestClose: () => close('dismiss'), animationType: "none", children: _jsxs(KeyboardAvoidingView, { behavior: Platform.OS === 'ios' ? 'padding' : undefined, style: styles.container, children: [_jsx(Animated.View, { style: [StyleSheet.absoluteFill, { backgroundColor: 'rgba(0,0,0,0.4)', opacity }], children: _jsx(Pressable, { style: StyleSheet.absoluteFill, onPress: () => close('dismiss'), accessibilityLabel: "Dismiss" }) }), _jsxs(Animated.View, { style: [
+                        styles.sheet,
+                        {
+                            backgroundColor: theme.colors.background,
+                            borderTopLeftRadius: theme.radius,
+                            borderTopRightRadius: theme.radius,
+                            paddingBottom: Math.max(insets.bottom, 30) + 16,
+                            transform: [{ translateY }],
+                        },
+                    ], children: [_jsxs(View, { style: styles.headerRow, children: [_jsx(View, { style: [styles.handle, { backgroundColor: theme.colors.border }] }), _jsx(Pressable, { onPress: () => close('dismiss'), testID: "feedback-close", accessibilityRole: "button", accessibilityLabel: "Close", hitSlop: 12, style: styles.closeBtn, children: _jsx(Text, { style: {
+                                            color: theme.colors.text,
+                                            fontFamily: theme.fontFamily,
+                                            fontSize: 14,
+                                            fontWeight: '600',
+                                            lineHeight: 18,
+                                        }, children: "\u2715" }) })] }), current ? (_jsxs(Animated.View, { style: {
+                                opacity: questionOpacity,
+                                transform: [{ translateX: questionTranslate }],
+                            }, children: [renderQuestion(current), isTextInput(current.type) ? (_jsx(Pressable, { onPress: next, testID: "feedback-next", disabled: !answerHasValue(answers[current.id]), accessibilityRole: "button", accessibilityLabel: "Next", style: [
+                                        styles.next,
+                                        {
+                                            backgroundColor: theme.colors.primary,
+                                            opacity: answerHasValue(answers[current.id]) ? 1 : 0.4,
+                                        },
+                                    ], children: _jsx(Text, { style: {
+                                            color: '#ffffff',
+                                            fontWeight: '700',
+                                            fontFamily: theme.fontFamily,
+                                            fontSize: 16,
+                                        }, children: "Next" }) })) : null] })) : null, current && promptNeedsExplicitNext(current) && !isTextInput(current.type) ? (_jsx(Pressable, { onPress: next, testID: "feedback-next", disabled: promptNextRequiresAnswer(current) &&
+                                !answerHasValue(answers[current.id]), accessibilityRole: "button", accessibilityLabel: "Next", style: [
+                                styles.next,
+                                {
+                                    backgroundColor: theme.colors.primary,
+                                    opacity: promptNextRequiresAnswer(current) &&
+                                        !answerHasValue(answers[current.id])
+                                        ? 0.4
+                                        : 1,
+                                },
+                            ], children: _jsx(Text, { style: {
+                                    color: '#ffffff',
+                                    fontWeight: '700',
+                                    fontFamily: theme.fontFamily,
+                                    fontSize: 16,
+                                }, children: "Next" }) })) : null] })] }) }));
+}
+const styles = StyleSheet.create({
+    container: { flex: 1, justifyContent: 'flex-end' },
+    sheet: {
+        // Sit somewhere between "tiny single-question pill" and "fills
+        // half the screen". 280pt gives the title + answers + endpoint
+        // labels a comfortable amount of vertical breathing room without
+        // pushing them too far up the device. paddingTop reserves space
+        // above the drag handle / X close so neither hugs the rounded
+        // top edge of the sheet.
+        minHeight: 280,
+        paddingTop: 20,
+        paddingHorizontal: 20,
+    },
+    headerRow: {
+        // Position the close button absolutely so the drag handle stays
+        // perfectly centred regardless of the X's width. The bottom
+        // margin pushes the question title down so it doesn't crowd the
+        // X — gives the eye a clear separation between the dismiss
+        // affordance and the actual content.
+        position: 'relative',
+        height: 32,
+        marginBottom: 24,
+    },
+    handle: {
+        width: 40,
+        height: 4,
+        borderRadius: 2,
+        alignSelf: 'center',
+        marginTop: 6,
+    },
+    closeBtn: {
+        position: 'absolute',
+        right: 0,
+        top: 0,
+        width: 32,
+        height: 32,
+        borderRadius: 16,
+        // Subtle gray pill behind the X — gives the dismiss target a
+        // visual affordance without competing with the primary action.
+        backgroundColor: 'rgba(0,0,0,0.06)',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    next: {
+        alignSelf: 'stretch',
+        marginTop: 20,
+        paddingVertical: 16,
+        paddingHorizontal: 24,
+        borderRadius: 999,
+        alignItems: 'center',
+        justifyContent: 'center',
+        minHeight: 52,
+    },
+});
+//# sourceMappingURL=PromptSheet.js.map

package/dist/ui/PromptSheet.js.map

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

package/dist/ui/QuestionImageHeader.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface Props {
+    readonly uri: string;
+    readonly radius: number;
+}
+/**
+ * Renders an optional question photo above the question title.
+ * Fixed 16:9 aspect, theme corner radius, native `<Image>` caching.
+ */
+export declare function QuestionImageHeader({ uri, radius }: Props): React.ReactElement;
+export {};
+//# sourceMappingURL=QuestionImageHeader.d.ts.map

package/dist/ui/QuestionImageHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionImageHeader.d.ts","sourceRoot":"","sources":["../../src/ui/QuestionImageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,KAAK;IACb,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;CACxB;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,KAAK,GAAG,KAAK,CAAC,YAAY,CAW9E"}

package/dist/ui/QuestionImageHeader.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Image, StyleSheet, View } from 'react-native';
+/**
+ * Renders an optional question photo above the question title.
+ * Fixed 16:9 aspect, theme corner radius, native `<Image>` caching.
+ */
+export function QuestionImageHeader({ uri, radius }) {
+    return (_jsx(View, { style: [styles.wrap, { borderRadius: radius }], children: _jsx(Image, { source: { uri }, accessibilityIgnoresInvertColors: true, style: styles.image, resizeMode: "cover" }) }));
+}
+const styles = StyleSheet.create({
+    wrap: {
+        width: '100%',
+        aspectRatio: 16 / 9,
+        overflow: 'hidden',
+        marginBottom: 16,
+    },
+    image: {
+        width: '100%',
+        height: '100%',
+    },
+});
+//# sourceMappingURL=QuestionImageHeader.js.map

package/dist/ui/QuestionImageHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionImageHeader.js","sourceRoot":"","sources":["../../src/ui/QuestionImageHeader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAOtD;;;GAGG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAAE,GAAG,EAAE,MAAM,EAAS;IACxD,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,YAClD,KAAC,KAAK,IACJ,MAAM,EAAE,EAAE,GAAG,EAAE,EACf,gCAAgC,QAChC,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,UAAU,EAAC,OAAO,GAClB,GACG,CACR,CAAA;AACH,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,EAAE,GAAG,CAAC;QACnB,QAAQ,EAAE,QAAQ;QAClB,YAAY,EAAE,EAAE;KACjB;IACD,KAAK,EAAE;QACL,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf;CACF,CAAC,CAAA"}

package/dist/ui/SurveyView.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { SurveyAnswerRecord, SurveyAnswerValue, SurveyCampaignWithFlow, SurveyAttemptSource } from '@usergist/sdk-core/mobile';
+import type { ResolvedTheme } from './theme.js';
+export interface SurveyLifecycleCallbacks {
+    readonly onShow?: (surveyId: string) => void;
+    readonly onComplete?: (surveyId: string, attemptId: string) => void;
+    readonly onAbandon?: (surveyId: string, attemptId: string) => void;
+}
+export interface SurveyViewProps extends SurveyLifecycleCallbacks {
+    readonly survey: SurveyCampaignWithFlow | null;
+    readonly attemptId: string | null;
+    readonly initialSnapshot: SurveyAnswerRecord;
+    readonly initialQuestionId: string | null;
+    readonly source: SurveyAttemptSource;
+    readonly themeOverride?: ResolvedTheme | null;
+    readonly onSaveProgress: (attemptId: string, currentQuestionId: string | null, snapshot: SurveyAnswerRecord) => Promise<void>;
+    readonly onCompleteAttempt: (attemptId: string, answers: ReadonlyArray<{
+        questionId: string;
+        value: SurveyAnswerValue;
+    }>) => Promise<void>;
+    readonly onAbandonAttempt: (attemptId: string) => Promise<void>;
+    readonly onDismissRequest: () => void;
+}
+export declare function SurveyView(props: SurveyViewProps): React.ReactElement | null;
+//# sourceMappingURL=SurveyView.d.ts.map

package/dist/ui/SurveyView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SurveyView.d.ts","sourceRoot":"","sources":["../../src/ui/SurveyView.tsx"],"names":[],"mappings":"AASA,OAAO,KAA4D,MAAM,OAAO,CAAA;AAgBhF,OAAO,KAAK,EACV,kBAAkB,EAClB,iBAAiB,EACjB,sBAAsB,EAGtB,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAElC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAgB/C,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACnE,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CACnE;AAED,MAAM,WAAW,eAAgB,SAAQ,wBAAwB;IAC/D,QAAQ,CAAC,MAAM,EAAE,sBAAsB,GAAG,IAAI,CAAA;IAC9C,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,QAAQ,CAAC,eAAe,EAAE,kBAAkB,CAAA;IAC5C,QAAQ,CAAC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAA;IACzC,QAAQ,CAAC,MAAM,EAAE,mBAAmB,CAAA;IACpC,QAAQ,CAAC,aAAa,CAAC,EAAE,aAAa,GAAG,IAAI,CAAA;IAC7C,QAAQ,CAAC,cAAc,EAAE,CACvB,SAAS,EAAE,MAAM,EACjB,iBAAiB,EAAE,MAAM,GAAG,IAAI,EAChC,QAAQ,EAAE,kBAAkB,KACzB,OAAO,CAAC,IAAI,CAAC,CAAA;IAClB,QAAQ,CAAC,iBAAiB,EAAE,CAC1B,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,aAAa,CAAC;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,iBAAiB,CAAA;KAAE,CAAC,KACrE,OAAO,CAAC,IAAI,CAAC,CAAA;IAClB,QAAQ,CAAC,gBAAgB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC/D,QAAQ,CAAC,gBAAgB,EAAE,MAAM,IAAI,CAAA;CACtC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAsb5E"}