@cxpinsight/react-native 0.5.0 → 0.8.0

package/lib/consent/ConsentBanner.js

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConsentBanner = ConsentBanner;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * The consent banner — "Accept all / Customize", and behind Customize a toggle
+ * per category.
+ *
+ * The same two views and the same categories as the web SDK's, so a company
+ * shipping both channels asks its users one question, not two versions of one
+ * question. Only the rendering differs, which is the whole point of keeping the
+ * decision rules in core/consent.ts.
+ *
+ * OPT-IN, per app: `consentBanner: true` in init(). Most apps have their own
+ * privacy flow and call CXPinsight.consent(...) from it, and showing ours
+ * unasked would give their users two.
+ */
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const consent_1 = require("../core/consent");
+/** What each category means in the user's terms, not ours. */
+const COPY = {
+    analytics: {
+        label: 'Product analytics',
+        hint: 'Which screens you open and what you tap, so we can see what needs fixing.',
+    },
+    recording: {
+        label: 'Session replay',
+        hint: 'A timeline of your visit. Anything you type is hidden.',
+    },
+    network: {
+        label: 'Performance',
+        hint: 'How long our own requests take. Never their contents.',
+    },
+    surveys: {
+        label: 'Feedback surveys',
+        hint: 'Lets us ask you a short question now and then.',
+    },
+};
+const all = (granted) => consent_1.CONSENT_CATEGORIES.reduce((m, c) => { m[c] = granted; return m; }, {});
+function ConsentBanner({ visible, accent = '#2b6cb0', text = {}, onDecide }) {
+    const [customizing, setCustomizing] = (0, react_1.useState)(false);
+    const [choices, setChoices] = (0, react_1.useState)(() => all(false));
+    // Recomputed only when the accent changes, because StyleSheet.create on every
+    // render defeats the caching it exists for.
+    const s = (0, react_1.useMemo)(() => styles(accent), [accent]);
+    const decide = (map) => {
+        setCustomizing(false);
+        setChoices(all(false));
+        onDecide(map);
+    };
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Modal, { visible: visible, transparent: true, animationType: "fade", 
+        // Android's back button declines rather than dismissing. A banner that
+        // can be waved away without answering collects data from someone who
+        // never agreed, so the dismissal has to mean something and "no" is the
+        // only safe reading.
+        onRequestClose: () => decide(all(false)), children: (0, jsx_runtime_1.jsx)(react_native_1.View, { style: s.backdrop, children: (0, jsx_runtime_1.jsx)(react_native_1.View, { style: s.panel, accessibilityViewIsModal: true, accessibilityRole: "alert", children: !customizing ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: s.title, children: text.title ?? 'Your privacy choices' }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: s.body, children: text.body ?? 'We collect a little information to understand how the app is used. You choose what.' }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: s.actions, children: [(0, jsx_runtime_1.jsx)(react_native_1.Pressable, { style: [s.btn, s.accept], accessibilityRole: "button", onPress: () => decide(all(true)), children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: s.acceptLabel, children: text.acceptAll ?? 'Accept all' }) }), (0, jsx_runtime_1.jsx)(react_native_1.Pressable, { style: [s.btn, s.secondary], accessibilityRole: "button", onPress: () => setCustomizing(true), children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: s.secondaryLabel, children: text.customize ?? 'Customize' }) })] })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: s.title, children: text.customizeTitle ?? 'Choose what to allow' }), (0, jsx_runtime_1.jsx)(react_native_1.ScrollView, { style: s.list, children: consent_1.CONSENT_CATEGORIES.map((c) => ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: s.row, children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: s.rowText, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: s.label, children: COPY[c].label }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: s.hint, children: COPY[c].hint })] }), (0, jsx_runtime_1.jsx)(react_native_1.Switch, { value: choices[c], onValueChange: (v) => setChoices((prev) => ({ ...prev, [c]: v })), accessibilityLabel: COPY[c].label, trackColor: { true: accent, false: '#cfcfcf' } })] }, c))) }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: s.actions, children: [(0, jsx_runtime_1.jsx)(react_native_1.Pressable, { style: [s.btn, s.accept], accessibilityRole: "button", onPress: () => decide(choices), children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: s.acceptLabel, children: text.save ?? 'Save choices' }) }), (0, jsx_runtime_1.jsx)(react_native_1.Pressable, { style: [s.btn, s.secondary], accessibilityRole: "button", onPress: () => decide(all(false)), children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: s.secondaryLabel, children: text.rejectAll ?? 'Reject all' }) })] })] })) }) }) }));
+}
+const styles = (accent) => react_native_1.StyleSheet.create({
+    backdrop: {
+        flex: 1, backgroundColor: 'rgba(0,0,0,0.35)',
+        justifyContent: 'flex-end', padding: 16,
+    },
+    panel: {
+        backgroundColor: '#fff', borderRadius: 14, padding: 22,
+        maxHeight: '86%',
+        shadowColor: '#000', shadowOpacity: 0.28, shadowRadius: 20, shadowOffset: { width: 0, height: 12 },
+        elevation: 12,
+    },
+    title: { fontSize: 18, fontWeight: '600', color: '#1a1a1a', marginBottom: 8 },
+    body: { fontSize: 14, lineHeight: 21, color: '#5c5c5c', marginBottom: 18 },
+    actions: { flexDirection: 'row', flexWrap: 'wrap', gap: 10 },
+    btn: {
+        flexGrow: 1, flexBasis: 130, paddingVertical: 12, paddingHorizontal: 18,
+        borderRadius: 8, alignItems: 'center', borderWidth: 1, borderColor: 'transparent',
+    },
+    accept: { backgroundColor: accent },
+    acceptLabel: { color: '#fff', fontWeight: '600', fontSize: 15 },
+    secondary: { backgroundColor: 'transparent', borderColor: '#d4d4d4' },
+    secondaryLabel: { color: '#1a1a1a', fontWeight: '600', fontSize: 15 },
+    list: { marginBottom: 18 },
+    row: {
+        flexDirection: 'row', alignItems: 'flex-start', gap: 12,
+        paddingVertical: 12, borderBottomWidth: react_native_1.StyleSheet.hairlineWidth, borderBottomColor: '#ececec',
+    },
+    rowText: { flex: 1 },
+    label: { fontSize: 14.5, fontWeight: '600', color: '#1a1a1a' },
+    hint: { fontSize: 13, lineHeight: 19, color: '#5c5c5c', marginTop: 2 },
+});
+//# sourceMappingURL=ConsentBanner.js.map

package/lib/consent/ConsentBanner.js.map

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

package/lib/core/consent.d.ts

@@ -1,4 +1,8 @@
 export type ConsentState = 'granted' | 'denied' | null;
+/** Only what this SDK can actually do. Same list as the web SDK. */
+export declare const CONSENT_CATEGORIES: readonly ['analytics', 'recording', 'network', 'surveys'];
+export type ConsentCategory = (typeof CONSENT_CATEGORIES)[number];
+export type ConsentMap = Record<ConsentCategory, boolean>;
 /** Restore any prior decision. Call once during init, before capture starts. */
 export declare function initConsent(requireConsent?: boolean): Promise<void>;
 /** Notified when consent flips, so the SDK can start or stop capture. */
@@ -9,11 +13,22 @@ export declare function setConsentHandler(cb: ((granted: boolean) => void) | nul
  * An explicit denial always wins, even when requireConsent is off — a host that
  * calls optOut() means it, regardless of how the SDK was configured.
  */
+export declare function mayUse(category: ConsentCategory): boolean;
+/** Kept for call sites that predate categories; analytics is the broadest. */
 export declare function mayCapture(): boolean;
 /** True when events should be held rather than sent (awaiting a decision). */
 export declare function isPending(): boolean;
 export declare function consentRequired(): boolean;
-export declare function getConsent(): ConsentState;
+/**
+ * The per-category decision, or null when the visitor has not decided.
+ *
+ * Null rather than an all-false map: "declined" and "not asked yet" need
+ * different UI, and a banner that cannot tell them apart re-prompts someone who
+ * already said no.
+ */
+export declare function getConsent(): ConsentMap | null;
+/** Set some categories, leaving the rest as they are. Unknown keys are ignored. */
+export declare function setConsent(partial: Partial<ConsentMap>): void;
 export declare function grantConsent(): void;
 export declare function revokeConsent(): void;
 /** Reset to "no decision yet" — used by CXPinsight.reset(). */

package/lib/core/consent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"consent.d.ts","sourceRoot":"","sources":["../../src/core/consent.ts"],"names":[],"mappings":"AA4BA,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,IAAI,CAAC;AAMvD,gFAAgF;AAChF,wBAAsB,WAAW,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAIzE;AAED,yEAAyE;AACzE,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,IAAI,CAE/E;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,IAAI,OAAO,CAGpC;AAED,8EAA8E;AAC9E,wBAAgB,SAAS,IAAI,OAAO,CAEnC;AAED,wBAAgB,eAAe,IAAI,OAAO,CAEzC;AAED,wBAAgB,UAAU,IAAI,YAAY,CAEzC;AAED,wBAAgB,YAAY,IAAI,IAAI,CAKnC;AAED,wBAAgB,aAAa,IAAI,IAAI,CAKpC;AAED,+DAA+D;AAC/D,wBAAsB,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC,CAGlD"}
+{"version":3,"file":"consent.d.ts","sourceRoot":"","sources":["../../src/core/consent.ts"],"names":[],"mappings":"AAsCA,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,IAAI,CAAC;AAEvD,oEAAoE;AACpE,eAAO,MAAM,kBAAkB,YAAI,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,CAAU,CAAC;AAC5F,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AAClE,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;AAS1D,gFAAgF;AAChF,wBAAsB,WAAW,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAczE;AAED,yEAAyE;AACzE,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,IAAI,CAE/E;AAED;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,QAAQ,EAAE,eAAe,GAAG,OAAO,CAIzD;AAED,8EAA8E;AAC9E,wBAAgB,UAAU,IAAI,OAAO,CAEpC;AAED,8EAA8E;AAC9E,wBAAgB,SAAS,IAAI,OAAO,CAEnC;AAED,wBAAgB,eAAe,IAAI,OAAO,CAEzC;AAED;;;;;;GAMG;AACH,wBAAgB,UAAU,IAAI,UAAU,GAAG,IAAI,CAM9C;AAED,mFAAmF;AACnF,wBAAgB,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,GAAG,IAAI,CAiB7D;AAED,wBAAgB,YAAY,IAAI,IAAI,CAAqC;AACzE,wBAAgB,aAAa,IAAI,IAAI,CAAsC;AAE3E,+DAA+D;AAC/D,wBAAsB,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC,CAGlD"}

package/lib/core/consent.js

@@ -33,12 +33,15 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.CONSENT_CATEGORIES = void 0;
 exports.initConsent = initConsent;
 exports.setConsentHandler = setConsentHandler;
+exports.mayUse = mayUse;
 exports.mayCapture = mayCapture;
 exports.isPending = isPending;
 exports.consentRequired = consentRequired;
 exports.getConsent = getConsent;
+exports.setConsent = setConsent;
 exports.grantConsent = grantConsent;
 exports.revokeConsent = revokeConsent;
 exports.clearConsent = clearConsent;
@@ -60,23 +63,48 @@ exports.clearConsent = clearConsent;
  * `requireConsent` is opt-in and defaults to false, so nothing changes for an
  * app that does not set it. With it on, capture stays OFF until the host grants.
  *
- * One deliberate difference from web, in the stricter direction. Web's gate
- * covers session recording and network capture but lets ordinary analytics
- * events through. Here, requireConsent also holds ANALYTICS events — they are
- * buffered in the event queue rather than dropped, so a visitor who accepts the
- * banner a few seconds in keeps their whole session rather than losing its
- * opening. Revoking clears that buffer instead of sending it.
+ * Consent is PER CATEGORY, on both channels. "Do you accept tracking?" is not
+ * one question: someone happy to be counted may not be happy to be recorded,
+ * and a single yes/no makes them refuse everything to refuse one thing.
+ *
+ *   analytics  screens, taps, scroll depth, custom events, lifecycle
+ *   recording  session replay (the mobile timeline recorder)
+ *   network    the shape of outbound requests: method, host, path, status
+ *   surveys    showing a survey and collecting the response
+ *
+ * There is deliberately no "push notifications" category — neither SDK has that
+ * capability, and a toggle for something that does nothing promises what the
+ * product cannot deliver.
+ *
+ * Analytics events are still BUFFERED rather than dropped while a decision is
+ * pending, so a visitor who accepts a few seconds in keeps the opening of their
+ * session. Revoking clears that buffer instead of sending it.
  */
 const types_1 = require("../types");
 const storage = __importStar(require("./storage"));
+/** Only what this SDK can actually do. Same list as the web SDK. */
+exports.CONSENT_CATEGORIES = ['analytics', 'recording', 'network', 'surveys'];
 let required = false;
-let state = null;
+let categories = null;
 let onChange = null;
+const allCategories = (granted) => exports.CONSENT_CATEGORIES.reduce((m, c) => { m[c] = granted; return m; }, {});
 /** Restore any prior decision. Call once during init, before capture starts. */
 async function initConsent(requireConsent) {
     required = requireConsent === true;
     const saved = await storage.get(types_1.STORAGE_KEYS.CONSENT);
-    state = saved === 'granted' || saved === 'denied' ? saved : null;
+    // Migrate the old scalar. A device storing 'granted' had consented to
+    // everything the SDK then did; reading it as undecided would re-prompt
+    // someone who has already answered, and as denied would stop collection they
+    // agreed to.
+    if (saved === 'granted' || saved === 'denied') {
+        categories = allCategories(saved === 'granted');
+    }
+    else if (saved && typeof saved === 'object') {
+        categories = saved;
+    }
+    else {
+        categories = null;
+    }
 }
 /** Notified when consent flips, so the SDK can start or stop capture. */
 function setConsentHandler(cb) {
@@ -88,44 +116,63 @@ function setConsentHandler(cb) {
  * An explicit denial always wins, even when requireConsent is off — a host that
  * calls optOut() means it, regardless of how the SDK was configured.
  */
+function mayUse(category) {
+    const decided = categories?.[category];
+    if (typeof decided === 'boolean')
+        return decided;
+    return !required;
+}
+/** Kept for call sites that predate categories; analytics is the broadest. */
 function mayCapture() {
-    if (state === 'denied')
-        return false;
-    return !required || state === 'granted';
+    return mayUse('analytics');
 }
 /** True when events should be held rather than sent (awaiting a decision). */
 function isPending() {
-    return required && state === null;
+    return required && categories === null;
 }
 function consentRequired() {
     return required;
 }
+/**
+ * The per-category decision, or null when the visitor has not decided.
+ *
+ * Null rather than an all-false map: "declined" and "not asked yet" need
+ * different UI, and a banner that cannot tell them apart re-prompts someone who
+ * already said no.
+ */
 function getConsent() {
-    return state;
-}
-function grantConsent() {
-    if (state === 'granted')
-        return;
-    state = 'granted';
-    void storage.set(types_1.STORAGE_KEYS.CONSENT, state);
-    try {
-        onChange?.(true);
-    }
-    catch { /* host callback must not break the gate */ }
+    if (!categories)
+        return null;
+    return exports.CONSENT_CATEGORIES.reduce((m, c) => {
+        m[c] = categories?.[c] === true;
+        return m;
+    }, {});
 }
-function revokeConsent() {
-    if (state === 'denied')
-        return;
-    state = 'denied';
-    void storage.set(types_1.STORAGE_KEYS.CONSENT, state);
-    try {
-        onChange?.(false);
+/** Set some categories, leaving the rest as they are. Unknown keys are ignored. */
+function setConsent(partial) {
+    const next = exports.CONSENT_CATEGORIES.reduce((m, c) => {
+        m[c] = typeof partial[c] === 'boolean' ? partial[c] : categories?.[c] === true;
+        return m;
+    }, {});
+    // Notify when the MAP changed, not when a summary boolean did. Comparing a
+    // single boolean would miss turning recording off while analytics stays on —
+    // the exact case categories exist for — while comparing nothing at all would
+    // fire on a repeated grant that changed nothing.
+    const changed = !categories || exports.CONSENT_CATEGORIES.some((c) => (categories?.[c] === true) !== next[c]);
+    categories = next;
+    void storage.set(types_1.STORAGE_KEYS.CONSENT, next);
+    if (changed) {
+        try {
+            onChange?.(exports.CONSENT_CATEGORIES.some((c) => next[c]));
+        }
+        catch { /* a host callback must not break the gate */ }
     }
-    catch { /* best-effort */ }
 }
+function grantConsent() { setConsent(allCategories(true)); }
+function revokeConsent() { setConsent(allCategories(false)); }
 /** Reset to "no decision yet" — used by CXPinsight.reset(). */
 async function clearConsent() {
-    state = null;
+    categories = null;
     await storage.remove(types_1.STORAGE_KEYS.CONSENT);
 }
 //# sourceMappingURL=consent.js.map

package/lib/core/consent.js.map

@@ -1 +1 @@
-{"version":3,"file":"consent.js","sourceRoot":"","sources":["../../src/core/consent.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,oCAAwC;AACxC,MAAY,OAAO,sCAAkB;AAIrC,IAAI,QAAQ,GAAG,KAAK,CAAC;AACrB,IAAI,KAAK,GAAiB,IAAI,CAAC;AAC/B,IAAI,QAAQ,GAAwC,IAAI,CAAC;AAEzD,gFAAgF;AACzE,KAAK,sBAAsB,cAAwB;IACxD,QAAQ,GAAG,cAAc,KAAK,IAAI,CAAC;IACnC,MAAM,KAAK,GAAG,MAAM,OAAO,CAAC,GAAG,CAAe,oBAAY,CAAC,OAAO,CAAC,CAAC;IACpE,KAAK,GAAG,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;AACnE,CAAC;AAED,yEAAyE;AACzE,2BAAkC,EAAuC;IACvE,QAAQ,GAAG,EAAE,CAAC;AAChB,CAAC;AAED;;;;;GAKG;AACH;IACE,IAAI,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IACrC,OAAO,CAAC,QAAQ,IAAI,KAAK,KAAK,SAAS,CAAC;AAC1C,CAAC;AAED,8EAA8E;AAC9E;IACE,OAAO,QAAQ,IAAI,KAAK,KAAK,IAAI,CAAC;AACpC,CAAC;AAED;IACE,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED;IACE,OAAO,KAAK,CAAC;AACf,CAAC;AAED;IACE,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO;IAChC,KAAK,GAAG,SAAS,CAAC;IAClB,KAAK,OAAO,CAAC,GAAG,CAAC,oBAAY,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAC9C,IAAI,CAAC;QAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;IAAC,CAAC;IAAC,MAAM,CAAC,CAAC,2CAA2C,CAAC,CAAC;AACjF,CAAC;AAED;IACE,IAAI,KAAK,KAAK,QAAQ;QAAE,OAAO;IAC/B,KAAK,GAAG,QAAQ,CAAC;IACjB,KAAK,OAAO,CAAC,GAAG,CAAC,oBAAY,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAC9C,IAAI,CAAC;QAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;IAAC,CAAC;IAAC,MAAM,CAAC,CAAC,iBAAiB,CAAC,CAAC;AACxD,CAAC;AAED,+DAA+D;AACxD,KAAK;IACV,KAAK,GAAG,IAAI,CAAC;IACb,MAAM,OAAO,CAAC,MAAM,CAAC,oBAAY,CAAC,OAAO,CAAC,CAAC;AAC7C,CAAC"}
+{"version":3,"file":"consent.js","sourceRoot":"","sources":["../../src/core/consent.ts"],"names":[],"mappings":"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"}

package/lib/index.d.ts

@@ -1,5 +1,9 @@
 export { CXPinsight } from './CXPinsight';
 export { CXPinsightProvider } from './CXPinsightProvider';
+export { ConsentBanner } from './consent/ConsentBanner';
+export type { ConsentBannerProps, ConsentBannerText } from './consent/ConsentBanner';
+export { CONSENT_CATEGORIES } from './core/consent';
+export type { ConsentCategory, ConsentMap } from './core/consent';
 export type { CXPinsightConfig, UserIdentity, CXPinsightCallbacks, FunnelStepOptions, ExperimentOptions, ConversionOptions, } from './types';
 export { useCXPElement } from './setup/useCXPElement';
 export type { ElementInfo, StoredElementIdentifier } from './setup/ElementIdentifier';

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EACV,gBAAgB,EAChB,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,YAAY,EAAE,WAAW,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACtF,YAAY,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACrF,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAClE,YAAY,EACV,gBAAgB,EAChB,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,YAAY,EAAE,WAAW,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACtF,YAAY,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC"}

package/lib/index.js

@@ -1,10 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCXPElement = exports.CXPinsightProvider = exports.CXPinsight = void 0;
+exports.useCXPElement = exports.CONSENT_CATEGORIES = exports.ConsentBanner = exports.CXPinsightProvider = exports.CXPinsight = void 0;
 var CXPinsight_1 = require("./CXPinsight");
 Object.defineProperty(exports, "CXPinsight", { enumerable: true, get: function () { return CXPinsight_1.CXPinsight; } });
 var CXPinsightProvider_1 = require("./CXPinsightProvider");
 Object.defineProperty(exports, "CXPinsightProvider", { enumerable: true, get: function () { return CXPinsightProvider_1.CXPinsightProvider; } });
+var ConsentBanner_1 = require("./consent/ConsentBanner");
+Object.defineProperty(exports, "ConsentBanner", { enumerable: true, get: function () { return ConsentBanner_1.ConsentBanner; } });
+var consent_1 = require("./core/consent");
+Object.defineProperty(exports, "CONSENT_CATEGORIES", { enumerable: true, get: function () { return consent_1.CONSENT_CATEGORIES; } });
 // Setup mode exports
 var useCXPElement_1 = require("./setup/useCXPElement");
 Object.defineProperty(exports, "useCXPElement", { enumerable: true, get: function () { return useCXPElement_1.useCXPElement; } });

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB,2DAA0D;AAAjD,wHAAA,kBAAkB,OAAA;AAU3B,qBAAqB;AACrB,uDAAsD;AAA7C,8GAAA,aAAa,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB,2DAA0D;AAAjD,wHAAA,kBAAkB,OAAA;AAC3B,yDAAwD;AAA/C,8GAAA,aAAa,OAAA;AAEtB,0CAAoD;AAA3C,6GAAA,kBAAkB,OAAA;AAW3B,qBAAqB;AACrB,uDAAsD;AAA7C,8GAAA,aAAa,OAAA"}

package/lib/survey/SurveyModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SurveyModal.d.ts","sourceRoot":"","sources":["../../src/survey/SurveyModal.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,gBAAgB,EAAkB,MAAM,UAAU,CAAC;AA+BjE,UAAU,KAAK;IACb,MAAM,EAAE,gBAAgB,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IAIjB,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IACjF,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAgCD,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,KAAK,2CAmnD1E"}
+{"version":3,"file":"SurveyModal.d.ts","sourceRoot":"","sources":["../../src/survey/SurveyModal.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,gBAAgB,EAAkB,MAAM,UAAU,CAAC;AAiCjE,UAAU,KAAK;IACb,MAAM,EAAE,gBAAgB,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IAIjB,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IACjF,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAgCD,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,KAAK,2CAuqD1E"}

package/lib/survey/SurveyModal.js

@@ -51,6 +51,8 @@ const MatrixDropdownQuestion_1 = require("./questions/MatrixDropdownQuestion");
 const MatrixDynamicQuestion_1 = require("./questions/MatrixDynamicQuestion");
 const PanelDynamicQuestion_1 = require("./questions/PanelDynamicQuestion");
 const DateQuestion_1 = require("./questions/DateQuestion");
+const SignatureQuestion_1 = require("./questions/SignatureQuestion");
+const FileUploadQuestion_1 = require("./questions/FileUploadQuestion");
 const MultiTextQuestion_1 = require("./questions/MultiTextQuestion");
 const expressionEval_1 = require("./expressionEval");
 const interpolate_1 = require("./interpolate");
@@ -500,18 +502,35 @@ function SurveyModal({ survey, visible, onSubmit, onDismiss }) {
     function renderQuestion(question) {
         const key = question.id || question.name;
         const val = responses[key];
-        switch (question.type) {
-            case 'nps':
+        // Shown when a question type needs an optional peer the host app did not
+        // install. Not a failure: the respondent can still finish the survey on a
+        // device that has it, which is better than a blank space or a crash.
+        const renderDesktopHint = () => ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.desktopHint, children: "This question type isn't supported on mobile yet \u2014 please complete this survey on desktop." }));
+        // ── Question renderers ────────────────────────────────────────────
+        //
+        // One entry per question type instead of a switch, matching the shape the
+        // React renderer uses: adding a type is one entry plus one view component.
+        //
+        // Built inside the component ON PURPOSE. Every body below closes over
+        // `responses`, `updateResponse`, `contract`, `styles`, `t` and the two
+        // local helpers; hoisting the table to module scope would mean threading
+        // all of that through a context object and rewriting 290 lines of JSX to
+        // read from it — a large edit with nothing to verify it against. Rebuilding
+        // an object literal per render costs nothing measurable next to the tree it
+        // returns.
+        const RENDERERS = {
+            'nps': () => {
                 return ((0, jsx_runtime_1.jsx)(NPSQuestion_1.NPSQuestion, { value: val ?? null, onChange: (v) => updateResponse(key, v), contract: contract }));
-            case 'rating':
-            case 'csat':
-            case 'ces':
+            },
+            'rating': () => {
                 return ((0, jsx_runtime_1.jsx)(CSATQuestion_1.CSATQuestion, { value: val ?? null, onChange: (v) => updateResponse(key, v), maxStars: question.maxValue ?? question.rateMax ?? 5, contract: contract }));
-            case 'comment':
+            },
+            'csat': () => RENDERERS['rating'](),
+            'ces': () => RENDERERS['rating'](),
+            'comment': () => {
                 return ((0, jsx_runtime_1.jsx)(TextQuestion_1.TextQuestion, { value: val ?? '', onChange: (v) => updateResponse(key, v), placeholder: question.placeholder, multiline: true, contract: contract }));
-            case 'text':
-            case 'email':
-            case 'number':
+            },
+            'text': () => {
                 return ((0, jsx_runtime_1.jsx)(TextQuestion_1.TextQuestion, { value: val ?? '', onChange: (v) => updateResponse(key, v), placeholder: question.placeholder, multiline: false, contract: contract, 
                     // Two shapes reach here and both must produce the right keyboard:
                     // the legacy one where the TYPE is 'email'/'number', and the current
@@ -519,20 +538,26 @@ function SurveyModal({ survey, visible, onSubmit, onDismiss }) {
                     // "Answer format" picker. Fall back to the type so the legacy shape
                     // keeps working.
                     inputType: question.inputType ?? (question.type === 'text' ? undefined : question.type) }));
-            case 'radio':
-            case 'radiogroup':
-            case 'dropdown':
+            },
+            'email': () => RENDERERS['text'](),
+            'number': () => RENDERERS['text'](),
+            'radio': () => {
                 return ((0, jsx_runtime_1.jsx)(MultipleChoiceQuestion_1.MultipleChoiceQuestion, { choices: normalizeChoices(question), value: val ?? '', onChange: (v) => updateResponse(key, v), mode: "radiogroup", isRtl: isRtl, contract: contract }));
-            case 'checkbox':
+            },
+            'radiogroup': () => RENDERERS['radio'](),
+            'dropdown': () => RENDERERS['radio'](),
+            'checkbox': () => {
                 return ((0, jsx_runtime_1.jsx)(MultipleChoiceQuestion_1.MultipleChoiceQuestion, { choices: normalizeChoices(question), value: val ?? [], onChange: (v) => updateResponse(key, v), mode: "checkbox", isRtl: isRtl, contract: contract }));
-            case 'binary':
-            case 'boolean':
-            case 'yesno':
+            },
+            'binary': () => {
                 return ((0, jsx_runtime_1.jsx)(MultipleChoiceQuestion_1.MultipleChoiceQuestion, { choices: [
                         { value: 'true', text: question.yesLabel || 'Yes' },
                         { value: 'false', text: question.noLabel || 'No' },
                     ], value: val ?? '', onChange: (v) => updateResponse(key, v), mode: "radiogroup", isRtl: isRtl, contract: contract }));
-            case 'date':
+            },
+            'boolean': () => RENDERERS['binary'](),
+            'yesno': () => RENDERERS['binary'](),
+            'date': () => {
                 // Native picker when the optional peer dep
                 // (@react-native-community/datetimepicker) is installed; falls
                 // back to a text input with an ISO-8601 hint otherwise. Consumer
@@ -542,18 +567,18 @@ function SurveyModal({ survey, visible, onSubmit, onDismiss }) {
                     return ((0, jsx_runtime_1.jsx)(DateQuestion_1.DateQuestion, { value: val ?? '', onChange: (v) => updateResponse(key, v), min: typeof question.min === 'string' ? question.min : undefined, max: typeof question.max === 'string' ? question.max : undefined, placeholder: question.placeholder || 'Select a date', contract: contract, isRtl: isRtl }));
                 }
                 return ((0, jsx_runtime_1.jsx)(TextQuestion_1.TextQuestion, { value: val ?? '', onChange: (v) => updateResponse(key, v), placeholder: question.placeholder || 'YYYY-MM-DD', multiline: false, contract: contract }));
-            case 'content':
-            case 'html':
-            case 'description':
-            case 'pageBreak':
-            case 'expression':
+            },
+            'content': () => {
                 // Display-only — the title/description block already covers
                 // section headers and static content. pageBreak items are
                 // filtered out of pages before we get here; guarding anyway.
                 return null;
-            case 'multiText':
-            case 'multi_text':
-            case 'multipletext': {
+            },
+            'html': () => RENDERERS['content'](),
+            'description': () => RENDERERS['content'](),
+            'pageBreak': () => RENDERERS['content'](),
+            'expression': () => RENDERERS['content'](),
+            'multiText': () => {
                 // Multi-text — labeled sub-inputs, one answer object keyed by item
                 // id. Matches the web renderer's MultiTextRenderer shape. Note the
                 // builder emits camelCase 'multiText'; the earlier snake_case-only
@@ -561,10 +586,13 @@ function SurveyModal({ survey, visible, onSubmit, onDismiss }) {
                 // raw (unlike SurveyModal's other type-family switches which lower).
                 const items = (Array.isArray(question.items) ? question.items : []);
                 return ((0, jsx_runtime_1.jsx)(MultiTextQuestion_1.MultiTextQuestion, { items: items, value: val ?? {}, onChange: (v) => updateResponse(key, v), contract: contract, isRtl: isRtl }));
-            }
-            case 'ranking':
+            },
+            'multi_text': () => RENDERERS['multiText'](),
+            'multipletext': () => RENDERERS['multiText'](),
+            'ranking': () => {
                 return ((0, jsx_runtime_1.jsx)(RankingQuestion_1.RankingQuestion, { options: question.options || [], value: val ?? null, onChange: (v) => updateResponse(key, v), contract: contract, isRtl: isRtl }));
-            case 'matrix':
+            },
+            'matrix': () => {
                 return ((0, jsx_runtime_1.jsx)(MatrixQuestion_1.MatrixQuestion
                 /* SurveyQuestion.rows is typed `number` (textarea line count) and
                    `columns` isn't on the type at all — matrix was never modelled on
@@ -580,50 +608,61 @@ function SurveyModal({ survey, visible, onSubmit, onDismiss }) {
                        them through a shape-specific view; MatrixQuestion guards with
                        Array.isArray, so a wrong shape renders empty rather than throws. */
                     rows: (question.rows) || [], columns: (question.columns) || [], value: val ?? null, onChange: (v) => updateResponse(key, v), contract: contract, isRtl: isRtl }));
-            case 'image': {
+            },
+            'image': () => {
                 // Display-only; collects no answer. Reads through a shape-specific view
                 // because these fields aren't on SurveyQuestion (same gap as matrix).
                 const img = question;
                 return ((0, jsx_runtime_1.jsx)(ImageQuestion_1.ImageQuestion, { imageUrl: img.imageUrl, alt: img.alt, width: img.width, height: img.height, contract: contract }));
-            }
-            case 'image_picker':
-            case 'imagePicker': {
+            },
+            'image_picker': () => {
                 const ip = question;
                 return ((0, jsx_runtime_1.jsx)(ImagePickerQuestion_1.ImagePickerQuestion, { options: question.options || [], multiSelect: ip.multiSelect, value: val, onChange: (v) => updateResponse(key, v), contract: contract, isRtl: isRtl }));
-            }
+            },
+            'imagePicker': () => RENDERERS['image_picker'](),
             // The server's canonical names are camelCase (survey.routes.js:77-81).
             // Only the snake_case aliases were listed here, so these cases never
             // matched a real payload and fell through to `default` — which renders a
             // TEXT INPUT. A signature or file-upload question showed a text box the
             // respondent could type anything into. Both spellings are handled now.
-            case 'matrixDropdown':
-            case 'matrix_dropdown': {
+            'matrixDropdown': () => {
                 const md = question;
                 return ((0, jsx_runtime_1.jsx)(MatrixDropdownQuestion_1.MatrixDropdownQuestion, { rows: md.rows || [], columns: md.columns || [], value: val ?? null, onChange: (v) => updateResponse(key, v), contract: contract, isRtl: isRtl }));
-            }
-            case 'matrixDynamic':
-            case 'matrix_dynamic': {
+            },
+            'matrix_dropdown': () => RENDERERS['matrixDropdown'](),
+            'matrixDynamic': () => {
                 const mdy = question;
                 return ((0, jsx_runtime_1.jsx)(MatrixDynamicQuestion_1.MatrixDynamicQuestion, { columns: mdy.columns || [], value: val ?? null, onChange: (v) => updateResponse(key, v), minRowCount: mdy.minRowCount, maxRowCount: mdy.maxRowCount, addRowLabel: mdy.addRowLabel, removeRowLabel: mdy.removeRowLabel, contract: contract, isRtl: isRtl }));
-            }
-            case 'panelDynamic':
-            case 'panel_dynamic': {
+            },
+            'matrix_dynamic': () => RENDERERS['matrixDynamic'](),
+            'panelDynamic': () => {
                 const pd = question;
                 return ((0, jsx_runtime_1.jsx)(PanelDynamicQuestion_1.PanelDynamicQuestion, { template: pd.template, value: val ?? null, onChange: (v) => updateResponse(key, v), minPanelCount: pd.minPanelCount, maxPanelCount: pd.maxPanelCount, addPanelLabel: pd.addPanelLabel, removePanelLabel: pd.removePanelLabel, panelTitle: pd.panelTitle, contract: contract, isRtl: isRtl }));
-            }
-            case 'signature':
-            case 'fileUpload':
-            case 'file_upload':
-                // Phase 4.5 targets. Native mobile UX for these is heavy
-                // (multi-column grids on small screens, camera integration,
-                // canvas). Graceful degrade to a "please complete on
-                // desktop" hint per ADR §12.
-                return ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: styles.desktopHint, children: "This question type isn't supported on mobile yet \u2014 please complete this survey on desktop." }));
-            default:
-                // Unknown type — fall back to a text input so the survey
-                // still runs. Server-side validation will reject any junk.
-                return ((0, jsx_runtime_1.jsx)(TextQuestion_1.TextQuestion, { value: val ?? '', onChange: (v) => updateResponse(key, v), placeholder: question.placeholder, contract: contract }));
-        }
+            },
+            'panel_dynamic': () => RENDERERS['panelDynamic'](),
+            // Both of these need an optional peer. When the host app installed it
+            // they render for real; when it did not, they fall back to the hint that
+            // used to be the ONLY behaviour. Nothing is forced into an app's bundle
+            // for a question type it never asks.
+            'signature': () => {
+                if (!(0, SignatureQuestion_1.isSignatureAvailable)())
+                    return renderDesktopHint();
+                return ((0, jsx_runtime_1.jsx)(SignatureQuestion_1.SignatureQuestion, { value: val ?? '', onChange: (v) => updateResponse(key, v || null), contract: contract }));
+            },
+            'fileUpload': () => {
+                if (!(0, FileUploadQuestion_1.isFileUploadAvailable)())
+                    return renderDesktopHint();
+                return ((0, jsx_runtime_1.jsx)(FileUploadQuestion_1.FileUploadQuestion, { value: val ?? null, onChange: (v) => updateResponse(key, v), multiple: question.multiple === true, accept: question.accept, contract: contract }));
+            },
+            'file_upload': () => RENDERERS['fileUpload'](),
+        };
+        const renderUnsupported = () => {
+            // Unknown type — fall back to a text input so the survey
+            // still runs. Server-side validation will reject any junk.
+            return ((0, jsx_runtime_1.jsx)(TextQuestion_1.TextQuestion, { value: val ?? '', onChange: (v) => updateResponse(key, v), placeholder: question.placeholder, contract: contract }));
+        };
+        const _fn = RENDERERS[String(question.type || '')] || renderUnsupported;
+        return _fn();
     }
     // Device-conditional palette variations. Author defines an ordered list
     // of `{when: [{attr, op, value}], overrides: {theme?, primaryColor?}}`;