@cxpinsight/react-native 0.2.0

package/lib/survey/questions/MatrixQuestion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MatrixQuestion.d.ts","sourceRoot":"","sources":["../../../src/survey/questions/MatrixQuestion.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE3E;;;;;;;;;;;;;;;GAeG;AAEH,UAAU,SAAS;IAAG,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE;AACjD,UAAU,SAAS;IAAG,KAAK,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE;AAErE,UAAU,KAAK;IACb,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IACtC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAOD,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,KAAK,2CAyExF;eAoBc,cAAc"}

package/lib/survey/questions/MatrixQuestion.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MatrixQuestion = MatrixQuestion;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const styleContract_1 = require("../styleContract");
+const colLabel = (c) => {
+    const raw = c.label ?? c.text ?? c.value;
+    return raw != null ? String(raw) : '';
+};
+function MatrixQuestion({ rows, columns, value, onChange, contract, isRtl }) {
+    const c = contract ?? styleContract_1.DARK_CONTRACT;
+    const safeRows = Array.isArray(rows) ? rows : [];
+    const safeCols = Array.isArray(columns) ? columns : [];
+    const answers = value && typeof value === 'object' && !Array.isArray(value) ? value : {};
+    const pick = (rowId, colValue) => {
+        onChange({ ...answers, [rowId]: colValue });
+    };
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.container, children: safeRows.map((r) => ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
+                styles.rowBlock,
+                { backgroundColor: c.optionBg, borderColor: c.optionBorder, borderRadius: c.optionRadius },
+            ], children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [
+                        styles.rowLabel,
+                        { color: c.textPrimary, fontSize: c.fontSizeLabel, fontFamily: c.fontFamily },
+                        isRtl && styles.rtlText,
+                    ], children: r.text || r.id }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.chips, isRtl && styles.rtlRow], children: safeCols.map((col, ci) => {
+                        const cv = col.value;
+                        const selected = String(answers[r.id] ?? '') === String(cv);
+                        return ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { onPress: () => pick(r.id, cv), activeOpacity: 0.7, accessibilityRole: "radio", accessibilityState: { checked: selected }, accessibilityLabel: `${r.text || r.id}: ${colLabel(col)}`, style: [
+                                styles.chip,
+                                {
+                                    backgroundColor: selected ? c.optionSelectedBg : c.input,
+                                    borderColor: selected ? c.optionSelectedBorder : c.inputBorder,
+                                    borderRadius: c.ratingRadius,
+                                },
+                            ], children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [
+                                    styles.chipText,
+                                    {
+                                        color: selected ? c.textPrimary : c.textSecondary,
+                                        fontSize: c.fontSizeSmall,
+                                        fontFamily: c.fontFamily,
+                                    },
+                                ], children: colLabel(col) }) }, ci));
+                    }) })] }, r.id))) }));
+}
+/* Layout only. */
+const styles = react_native_1.StyleSheet.create({
+    container: { marginVertical: 8, gap: 10 },
+    rowBlock: { padding: 12, borderWidth: 1, gap: 10 },
+    rowLabel: { fontWeight: '600' },
+    rtlText: { textAlign: 'right', writingDirection: 'rtl' },
+    chips: { flexDirection: 'row', flexWrap: 'wrap', gap: 8 },
+    rtlRow: { flexDirection: 'row-reverse' },
+    chip: {
+        paddingVertical: 8,
+        paddingHorizontal: 12,
+        borderWidth: 1,
+        minHeight: 36,
+        justifyContent: 'center',
+    },
+    chipText: { fontWeight: '500' },
+});
+exports.default = MatrixQuestion;
+//# sourceMappingURL=MatrixQuestion.js.map

package/lib/survey/questions/MatrixQuestion.js.map

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

package/lib/survey/questions/MultiTextQuestion.d.ts

@@ -0,0 +1,19 @@
+import { type SurveyStyleContract } from '../styleContract';
+export interface MultiTextItem {
+    id: string;
+    label?: string;
+    inputType?: string;
+    placeholder?: string;
+    defaultValue?: unknown;
+}
+type Value = Record<string, string | number>;
+interface Props {
+    items: MultiTextItem[];
+    value: Value;
+    onChange: (v: Value) => void;
+    contract?: SurveyStyleContract;
+    isRtl?: boolean;
+}
+export declare function MultiTextQuestion({ items, value, onChange, contract, isRtl }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MultiTextQuestion.d.ts.map

package/lib/survey/questions/MultiTextQuestion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiTextQuestion.d.ts","sourceRoot":"","sources":["../../../src/survey/questions/MultiTextQuestion.tsx"],"names":[],"mappings":"AASA,OAAO,EAAiB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE3E,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,KAAK,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAE7C,UAAU,KAAK;IACb,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAYD,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,KAAK,2CA2DnF"}

package/lib/survey/questions/MultiTextQuestion.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultiTextQuestion = MultiTextQuestion;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const styleContract_1 = require("../styleContract");
+function mapKeyboard(inputType) {
+    switch (inputType) {
+        case 'email': return 'email-address';
+        case 'tel': return 'phone-pad';
+        case 'number': return 'numeric';
+        case 'url': return 'url';
+        default: return 'default';
+    }
+}
+function MultiTextQuestion({ items, value, onChange, contract, isRtl }) {
+    const c = contract ?? styleContract_1.DARK_CONTRACT;
+    const state = value && typeof value === 'object' ? value : {};
+    const update = (id, raw, isNumber) => {
+        const next = { ...state };
+        const trimmed = raw;
+        if (trimmed === '') {
+            delete next[id];
+        }
+        else if (isNumber) {
+            const n = Number(trimmed);
+            next[id] = Number.isNaN(n) ? trimmed : n;
+        }
+        else {
+            next[id] = trimmed;
+        }
+        onChange(next);
+    };
+    if (!items || items.length === 0) {
+        return (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: c.textMuted, fontSize: 12 }, children: "This question has no fields configured." });
+    }
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.container, children: items.map((it) => {
+            const id = String(it.id);
+            const label = it.label != null && it.label !== '' ? String(it.label) : id;
+            const kb = mapKeyboard(it.inputType);
+            const isNumber = it.inputType === 'number';
+            const current = state[id];
+            return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.row, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.label, { color: c.textMuted, fontFamily: c.fontFamily }], children: label }), (0, jsx_runtime_1.jsx)(react_native_1.TextInput, { style: [
+                            styles.input,
+                            {
+                                backgroundColor: c.input,
+                                borderColor: c.inputBorder,
+                                color: c.inputText,
+                                borderRadius: c.inputRadius,
+                                fontSize: c.fontSizeInput,
+                                fontFamily: c.fontFamily,
+                            },
+                            isRtl && styles.rtl,
+                        ], value: current != null ? String(current) : '', onChangeText: (v) => update(id, v, isNumber), placeholder: it.placeholder, placeholderTextColor: c.placeholder, keyboardType: kb, autoCapitalize: kb === 'email-address' || kb === 'url' ? 'none' : 'sentences', autoCorrect: kb === 'default' })] }, id));
+        }) }));
+}
+const styles = react_native_1.StyleSheet.create({
+    container: { marginVertical: 8, gap: 10 },
+    row: { gap: 4 },
+    label: { fontSize: 12 },
+    input: { borderWidth: 1, padding: 12 },
+    rtl: { textAlign: 'right', writingDirection: 'rtl' },
+});
+//# sourceMappingURL=MultiTextQuestion.js.map

package/lib/survey/questions/MultiTextQuestion.js.map

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

package/lib/survey/questions/MultipleChoiceQuestion.d.ts

@@ -0,0 +1,25 @@
+import type { ThemePalette } from '../themePalette';
+import { type SurveyStyleContract } from '../styleContract';
+interface Props {
+    choices: Array<string | {
+        value: string;
+        text: string;
+    }>;
+    value: string | string[];
+    onChange: (value: string | string[]) => void;
+    /** 'radiogroup' = single select, 'checkbox' = multi select */
+    mode: 'radiogroup' | 'checkbox';
+    /** @deprecated Superseded by `contract.optionSelectedBorder`. Still honoured. */
+    primaryColor?: string;
+    /** When true, the option row flips so the indicator lands on the
+     *  right of the choice text — matches Arabic/Hebrew reading order
+     *  (spec §26). Defaults to LTR when omitted. */
+    isRtl?: boolean;
+    /** @deprecated The 9-field subset. Pass `contract` — it is a superset. */
+    palette?: ThemePalette;
+    /** Full style contract. */
+    contract?: SurveyStyleContract;
+}
+export declare function MultipleChoiceQuestion({ choices, value, onChange, mode, primaryColor, isRtl, palette, contract, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MultipleChoiceQuestion.d.ts.map

package/lib/survey/questions/MultipleChoiceQuestion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleChoiceQuestion.d.ts","sourceRoot":"","sources":["../../../src/survey/questions/MultipleChoiceQuestion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAiB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE3E,UAAU,KAAK;IACb,OAAO,EAAE,KAAK,CAAC,MAAM,GAAG;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACzD,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC7C,8DAA8D;IAC9D,IAAI,EAAE,YAAY,GAAG,UAAU,CAAC;IAChC,iFAAiF;IACjF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;oDAEgD;IAChD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,mBAAmB,CAAC;CAChC;AAUD,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,GACvE,EAAE,KAAK,2CA2FP"}

package/lib/survey/questions/MultipleChoiceQuestion.js

@@ -0,0 +1,111 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultipleChoiceQuestion = MultipleChoiceQuestion;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const styleContract_1 = require("../styleContract");
+function getChoiceValue(choice) {
+    return typeof choice === 'string' ? choice : choice.value;
+}
+function getChoiceText(choice) {
+    return typeof choice === 'string' ? choice : choice.text;
+}
+function MultipleChoiceQuestion({ choices, value, onChange, mode, primaryColor, isRtl, palette, contract, }) {
+    const c = contract ?? styleContract_1.DARK_CONTRACT;
+    const restBg = palette?.input ?? c.optionBg;
+    const restBorder = palette?.inputBorder ?? c.optionBorder;
+    const restText = palette?.textSecondary ?? c.textSecondary;
+    const selText = palette?.textPrimary ?? c.textPrimary;
+    const indBorder = palette?.indicatorBorder ?? c.indicatorBorder;
+    // The shipped code derived the selected tint as `${primaryColor}1A`. Preserved
+    // exactly: an explicit primaryColor still wins, and the contract's default is
+    // itself accent+1A, so an unstyled render is unchanged.
+    const selBg = primaryColor ? `${primaryColor}1A` : c.optionSelectedBg;
+    const selBorder = primaryColor ?? c.optionSelectedBorder;
+    const indChecked = primaryColor ?? c.indicatorChecked;
+    const isMulti = mode === 'checkbox';
+    const selectedValues = isMulti
+        ? (Array.isArray(value) ? value : value ? [value] : [])
+        : [];
+    const selectedSingle = isMulti ? null : (typeof value === 'string' ? value : null);
+    function handlePress(choiceValue) {
+        if (isMulti) {
+            const current = [...selectedValues];
+            const idx = current.indexOf(choiceValue);
+            if (idx >= 0) {
+                current.splice(idx, 1);
+            }
+            else {
+                current.push(choiceValue);
+            }
+            onChange(current);
+        }
+        else {
+            onChange(choiceValue);
+        }
+    }
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.container, children: choices.map((choice) => {
+            const cv = getChoiceValue(choice);
+            const ct = getChoiceText(choice);
+            const isSelected = isMulti ? selectedValues.includes(cv) : selectedSingle === cv;
+            return ((0, jsx_runtime_1.jsxs)(react_native_1.TouchableOpacity, { style: [
+                    styles.option,
+                    { backgroundColor: restBg, borderColor: restBorder, borderRadius: c.optionRadius },
+                    isSelected && { backgroundColor: selBg, borderColor: selBorder },
+                    // Flip the option row so the indicator (radio bullet /
+                    // checkbox tick) lands on the right of the label — where
+                    // an Arabic reader expects the option marker relative to
+                    // the text-flow direction.
+                    isRtl && styles.rtlRow,
+                ], onPress: () => handlePress(cv), activeOpacity: 0.7, accessibilityRole: isMulti ? 'checkbox' : 'radio', accessibilityState: { checked: isSelected }, accessibilityLabel: ct, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: [
+                            styles.indicator,
+                            isMulti && styles.square,
+                            { borderColor: indBorder },
+                            isSelected && { borderColor: indChecked },
+                        ], children: isSelected && ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.checkmark, { color: indChecked }], children: isMulti ? '✓' : '●' })) }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [
+                            styles.optionText,
+                            { color: isSelected ? selText : restText, fontSize: c.fontSizeLabel, fontFamily: c.fontFamily },
+                            isRtl && styles.rtlText,
+                        ], children: ct })] }, cv));
+        }) }));
+}
+/* Layout only — colours, radius and type size come from the contract. */
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        marginVertical: 8,
+        gap: 8,
+    },
+    option: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        padding: 14,
+        borderWidth: 1,
+        gap: 12,
+    },
+    rtlRow: {
+        flexDirection: 'row-reverse',
+    },
+    indicator: {
+        width: 22,
+        height: 22,
+        borderRadius: 11,
+        borderWidth: 2,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    square: {
+        borderRadius: 4,
+    },
+    checkmark: {
+        fontSize: 12,
+        fontWeight: '700',
+    },
+    optionText: {
+        flex: 1,
+    },
+    rtlText: {
+        textAlign: 'right',
+        writingDirection: 'rtl',
+    },
+});
+//# sourceMappingURL=MultipleChoiceQuestion.js.map

package/lib/survey/questions/MultipleChoiceQuestion.js.map

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

package/lib/survey/questions/NPSQuestion.d.ts

@@ -0,0 +1,18 @@
+import type { ThemePalette } from '../themePalette';
+import { type SurveyStyleContract } from '../styleContract';
+interface Props {
+    value: number | null;
+    onChange: (value: number) => void;
+    /** @deprecated Superseded by `contract.ratingFilledBg`. Still honoured. */
+    primaryColor?: string;
+    /** @deprecated The 9-field subset. Pass `contract` — it is a superset. */
+    palette?: ThemePalette;
+    /** Full style contract. */
+    contract?: SurveyStyleContract;
+    /** Scale end labels, so a caller can localise them. */
+    minLabel?: string;
+    maxLabel?: string;
+}
+export declare function NPSQuestion({ value, onChange, primaryColor, palette, contract, minLabel, maxLabel, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=NPSQuestion.d.ts.map

package/lib/survey/questions/NPSQuestion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NPSQuestion.d.ts","sourceRoot":"","sources":["../../../src/survey/questions/NPSQuestion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAiB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE3E,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,2EAA2E;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAChD,QAAuB,EAAE,QAAwB,GAClD,EAAE,KAAK,2CAmDP"}

package/lib/survey/questions/NPSQuestion.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NPSQuestion = NPSQuestion;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const styleContract_1 = require("../styleContract");
+function NPSQuestion({ value, onChange, primaryColor, palette, contract, minLabel = 'Not likely', maxLabel = 'Very likely', }) {
+    // contract ▸ legacy palette/primaryColor ▸ dark defaults. DARK_CONTRACT's
+    // rating values ARE the literals this file used to hardcode, so an unstyled
+    // render is unchanged.
+    const c = contract ?? styleContract_1.DARK_CONTRACT;
+    const restBg = palette?.input ?? c.ratingBg;
+    const restBorder = palette?.inputBorder ?? c.ratingBorder;
+    const restText = palette?.textSecondary ?? c.ratingText;
+    const labelText = palette?.textMuted ?? c.textMuted;
+    const fillBg = primaryColor ?? c.ratingFilledBg;
+    const fillBorder = primaryColor ?? c.ratingFilledBorder;
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.container, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.row, children: Array.from({ length: 11 }, (_, i) => {
+                    const selected = value === i;
+                    return ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { style: [
+                            styles.button,
+                            { backgroundColor: restBg, borderColor: restBorder, borderRadius: c.npsRadius },
+                            selected && { backgroundColor: fillBg, borderColor: fillBorder },
+                        ], onPress: () => onChange(i), activeOpacity: 0.7, accessibilityRole: "button", accessibilityState: { selected }, accessibilityLabel: String(i), children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [
+                                styles.buttonText,
+                                { color: restText },
+                                selected && { color: c.ratingFilledText },
+                            ], children: i }) }, i));
+                }) }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.labels, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.label, { color: labelText }], children: minLabel }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.label, { color: labelText }], children: maxLabel })] })] }));
+}
+/* Layout only — colours and the NPS radius come from the contract. */
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        marginVertical: 8,
+    },
+    row: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        gap: 4,
+    },
+    button: {
+        flex: 1,
+        aspectRatio: 1,
+        maxWidth: 36,
+        borderWidth: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    buttonText: {
+        fontSize: 13,
+        fontWeight: '600',
+    },
+    labels: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        marginTop: 6,
+    },
+    label: {
+        fontSize: 11,
+    },
+});
+//# sourceMappingURL=NPSQuestion.js.map

package/lib/survey/questions/NPSQuestion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NPSQuestion.js","sourceRoot":"","sources":["../../../src/survey/questions/NPSQuestion.tsx"],"names":[],"mappings":";;;;AACA,+CAAwE;AAExE,oDAA2E;AAgB3E,qBAA4B,EAC1B,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAChD,QAAQ,GAAG,YAAY,EAAE,QAAQ,GAAG,aAAa,GAC3C;IACN,0EAA0E;IAC1E,4EAA4E;IAC5E,uBAAuB;IACvB,MAAM,CAAC,GAAG,QAAQ,IAAI,6BAAa,CAAC;IAEpC,MAAM,MAAM,GAAO,OAAO,EAAE,KAAK,IAAY,CAAC,CAAC,QAAQ,CAAC;IACxD,MAAM,UAAU,GAAG,OAAO,EAAE,WAAW,IAAM,CAAC,CAAC,YAAY,CAAC;IAC5D,MAAM,QAAQ,GAAK,OAAO,EAAE,aAAa,IAAI,CAAC,CAAC,UAAU,CAAC;IAC1D,MAAM,SAAS,GAAI,OAAO,EAAE,SAAS,IAAQ,CAAC,CAAC,SAAS,CAAC;IACzD,MAAM,MAAM,GAAO,YAAY,IAAI,CAAC,CAAC,cAAc,CAAC;IACpD,MAAM,UAAU,GAAG,YAAY,IAAI,CAAC,CAAC,kBAAkB,CAAC;IAExD,OAAO,CACL,wBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,aAC3B,uBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG,YACpB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;oBACnC,MAAM,QAAQ,GAAG,KAAK,KAAK,CAAC,CAAC;oBAC7B,OAAO,CACL,uBAAC,+BAAgB,IAEf,KAAK,EAAE;4BACL,MAAM,CAAC,MAAM;4BACb,EAAE,eAAe,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC,CAAC,SAAS,EAAE;4BAC/E,QAAQ,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE;yBACjE,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAC1B,aAAa,EAAE,GAAG,EAClB,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,EAAE,QAAQ,EAAE,EAChC,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC,YAE7B,uBAAC,mBAAI,IACH,KAAK,EAAE;gCACL,MAAM,CAAC,UAAU;gCACjB,EAAE,KAAK,EAAE,QAAQ,EAAE;gCACnB,QAAQ,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,gBAAgB,EAAE;6BAC1C,YAEA,CAAC,GACG,IApBF,CAAC,CAqBW,CACpB,CAAC;gBACJ,CAAC,CAAC,GACG,EACP,wBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,aACxB,uBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,YAAG,QAAQ,GAAQ,EACpE,uBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,YAAG,QAAQ,GAAQ,IAC/D,IACF,CACR,CAAC;AACJ,CAAC;AAED,sEAAsE;AACtE,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,cAAc,EAAE,CAAC;KAClB;IACD,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,GAAG,EAAE,CAAC;KACP;IACD,MAAM,EAAE;QACN,IAAI,EAAE,CAAC;QACP,WAAW,EAAE,CAAC;QACd,QAAQ,EAAE,EAAE;QACZ,WAAW,EAAE,CAAC;QACd,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;IACD,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,SAAS,EAAE,CAAC;KACb;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;KACb;CACF,CAAC,CAAC"}

package/lib/survey/questions/PanelDynamicQuestion.d.ts

@@ -0,0 +1,50 @@
+import { type SurveyStyleContract } from '../styleContract';
+/**
+ * PanelDynamicQuestion — mobile parity for the web PanelDynamicRenderer.
+ *
+ * A repeating GROUP of questions ("tell us about each dependant"), as opposed to
+ * MatrixDynamic's repeating row of columns. The distinction on the wire is only
+ * the template shape, so this reuses MatrixCell for each templated question.
+ *
+ * Answer shape is IDENTICAL to web (`matrixRenderers.tsx`): an ARRAY of panel
+ * objects keyed by the template question's id/name, seeded to `minPanelCount`.
+ *
+ * The template arrives either as `{ questions: [...] }` or as a bare array —
+ * web accepts both, so this does too.
+ */
+interface TemplateQuestion {
+    id?: string;
+    name?: string;
+    title?: string;
+    text?: string;
+    type?: string;
+    options?: Array<{
+        value: unknown;
+        label?: string;
+        text?: string;
+    }>;
+    choices?: Array<{
+        value: unknown;
+        label?: string;
+        text?: string;
+    }>;
+    placeholder?: string;
+}
+interface Props {
+    /** `{ questions: [...] }` or a bare array. */
+    template?: {
+        questions?: TemplateQuestion[];
+    } | TemplateQuestion[];
+    value: Record<string, unknown>[] | null;
+    onChange: (value: Record<string, unknown>[]) => void;
+    minPanelCount?: number;
+    maxPanelCount?: number;
+    addPanelLabel?: string;
+    removePanelLabel?: string;
+    panelTitle?: string;
+    contract?: SurveyStyleContract;
+    isRtl?: boolean;
+}
+export declare function PanelDynamicQuestion({ template, value, onChange, minPanelCount, maxPanelCount, addPanelLabel, removePanelLabel, panelTitle, contract, isRtl, }: Props): import("react/jsx-runtime").JSX.Element;
+export default PanelDynamicQuestion;
+//# sourceMappingURL=PanelDynamicQuestion.d.ts.map

package/lib/survey/questions/PanelDynamicQuestion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelDynamicQuestion.d.ts","sourceRoot":"","sources":["../../../src/survey/questions/PanelDynamicQuestion.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAG3E;;;;;;;;;;;;GAYG;AAEH,UAAU,gBAAgB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnE,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,KAAK;IACb,8CAA8C;IAC9C,QAAQ,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,gBAAgB,EAAE,CAAA;KAAE,GAAG,gBAAgB,EAAE,CAAC;IACnE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,IAAI,CAAC;IACxC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,IAAI,CAAC;IACrD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAaD,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EACzB,aAAiB,EAAE,aAAa,EAChC,aAA6B,EAAE,gBAA2B,EAAE,UAAU,EACtE,QAAQ,EAAE,KAAK,GAChB,EAAE,KAAK,2CA2FP;eAiBc,oBAAoB"}

package/lib/survey/questions/PanelDynamicQuestion.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PanelDynamicQuestion = PanelDynamicQuestion;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const styleContract_1 = require("../styleContract");
+const MatrixCell_1 = require("./MatrixCell");
+/** A template question and a matrix column carry the same fields we need. */
+const asColumn = (q, i) => ({
+    id: q.id || q.name || String(i),
+    name: q.name,
+    title: q.title || q.text,
+    cellType: q.type || 'text',
+    options: q.options,
+    choices: q.choices,
+    placeholder: q.placeholder,
+});
+function PanelDynamicQuestion({ template, value, onChange, minPanelCount = 0, maxPanelCount, addPanelLabel = 'Add another', removePanelLabel = 'Remove', panelTitle, contract, isRtl, }) {
+    const c = contract ?? styleContract_1.DARK_CONTRACT;
+    const templateQs = Array.isArray(template)
+        ? template
+        : (Array.isArray(template?.questions) ? template.questions : []);
+    const stored = Array.isArray(value) ? value : [];
+    const panels = stored.length < minPanelCount
+        ? [...stored, ...Array.from({ length: minPanelCount - stored.length }, () => ({}))]
+        : stored;
+    const canAdd = maxPanelCount === undefined || panels.length < maxPanelCount;
+    const canRemove = panels.length > minPanelCount;
+    const setField = (panelIndex, key, v) => {
+        onChange(panels.map((p, i) => (i === panelIndex ? { ...p, [key]: v } : p)));
+    };
+    const addPanel = () => onChange([...panels, {}]);
+    const removePanel = (i) => onChange(panels.filter((_, j) => j !== i));
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.container, children: [panels.map((panel, pi) => ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
+                    styles.panel,
+                    { backgroundColor: c.optionBg, borderColor: c.optionBorder, borderRadius: c.optionRadius },
+                ], children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [styles.head, isRtl && styles.rtlRow], children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.title, { color: c.textPrimary, fontSize: c.fontSizeLabel }], children: panelTitle ? `${panelTitle} ${pi + 1}` : `#${pi + 1}` }), canRemove && ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { onPress: () => removePanel(pi), accessibilityRole: "button", accessibilityLabel: `${removePanelLabel} ${pi + 1}`, style: [styles.removeBtn, { borderColor: c.inputErrorBorder }], children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.removeText, { color: c.errorText, fontSize: c.fontSizeSmall }], children: removePanelLabel }) }))] }), templateQs.map((tq, i) => {
+                        const col = asColumn(tq, i);
+                        const key = col.id;
+                        return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.field, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [
+                                        styles.fieldLabel,
+                                        { color: c.textMuted, fontSize: c.fontSizeSmall, fontFamily: c.fontFamily },
+                                        isRtl && styles.rtlText,
+                                    ], children: col.title || key }), (0, jsx_runtime_1.jsx)(MatrixCell_1.MatrixCell, { column: col, value: panel[key], onChange: (v) => setField(pi, key, v), contract: c, isRtl: isRtl })] }, key));
+                    })] }, pi))), canAdd && ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { onPress: addPanel, accessibilityRole: "button", accessibilityLabel: addPanelLabel, style: [styles.addBtn, { borderColor: c.accent, borderRadius: c.buttonRadius }], children: (0, jsx_runtime_1.jsxs)(react_native_1.Text, { style: [styles.addText, { color: c.accent, fontSize: c.fontSizeLabel }], children: ["+ ", addPanelLabel] }) }))] }));
+}
+const styles = react_native_1.StyleSheet.create({
+    container: { marginVertical: 8, gap: 10 },
+    panel: { padding: 12, borderWidth: 1, gap: 8 },
+    head: { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between' },
+    rtlRow: { flexDirection: 'row-reverse' },
+    title: { fontWeight: '700' },
+    removeBtn: { paddingVertical: 4, paddingHorizontal: 10, borderWidth: 1, borderRadius: 6 },
+    removeText: { fontWeight: '600' },
+    field: { gap: 2 },
+    fieldLabel: { fontWeight: '500' },
+    rtlText: { textAlign: 'right', writingDirection: 'rtl' },
+    addBtn: { paddingVertical: 10, borderWidth: 1, borderStyle: 'dashed', alignItems: 'center' },
+    addText: { fontWeight: '600' },
+});
+exports.default = PanelDynamicQuestion;
+//# sourceMappingURL=PanelDynamicQuestion.js.map

package/lib/survey/questions/PanelDynamicQuestion.js.map

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

package/lib/survey/questions/RankingQuestion.d.ts

@@ -0,0 +1,34 @@
+import { type SurveyStyleContract } from '../styleContract';
+/**
+ * RankingQuestion — mobile parity for the web RankingRenderer.
+ *
+ * Previously fell through to the "please complete on desktop" hint. Web has had
+ * this since Phase 3b, so a survey with a ranking question was simply unusable
+ * on mobile.
+ *
+ * Answer shape is IDENTICAL to web (`richRenderers.tsx` RankingRenderer): an
+ * ordered `string[]` of option values, defaulting to the authored option order
+ * until the respondent moves something. That matters more than the visuals — a
+ * different shape would make mobile responses unreadable by the same analytics.
+ *
+ * Interaction: up/down buttons rather than drag-and-drop. Web uses the same
+ * affordance, and it needs no gesture library — so no new peer dependency, and
+ * the install guide stays sufficient. It is also far more reliable inside a
+ * scrolling survey, where a drag would fight the ScrollView for the gesture.
+ */
+interface RankingOption {
+    value: unknown;
+    label?: string;
+    text?: string;
+}
+interface Props {
+    options: Array<RankingOption | string>;
+    /** Ordered option values. Empty/absent → authored order. */
+    value: string[] | null;
+    onChange: (value: string[]) => void;
+    contract?: SurveyStyleContract;
+    isRtl?: boolean;
+}
+export declare function RankingQuestion({ options, value, onChange, contract, isRtl }: Props): import("react/jsx-runtime").JSX.Element;
+export default RankingQuestion;
+//# sourceMappingURL=RankingQuestion.d.ts.map

package/lib/survey/questions/RankingQuestion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RankingQuestion.d.ts","sourceRoot":"","sources":["../../../src/survey/questions/RankingQuestion.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE3E;;;;;;;;;;;;;;;;GAgBG;AAEH,UAAU,aAAa;IAAG,KAAK,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE;AAEzE,UAAU,KAAK;IACb,OAAO,EAAE,KAAK,CAAC,aAAa,GAAG,MAAM,CAAC,CAAC;IACvC,4DAA4D;IAC5D,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAWD,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,KAAK,2CA+EnF;eAoCc,eAAe"}