crowdplaysdk 0.5.0 → 0.5.2

package/lib/ConsentScreen.d.ts

@@ -1,8 +1,9 @@
 /**
  * Drop-in consent screen. Shows CrowdPlay's locked consent wording (fetched from
- * the native SDK so it can never drift from what the manifest records), a
- * switch, and a continue button that only enables once the participant
- * agrees. Yields the ConsentGrant that join() requires.
+ * the native SDK so it can never drift from what the manifest records), a link
+ * to the full CrowdPlay Terms of Use and Privacy Policy, a switch, and a
+ * continue button that only enables once the participant agrees. Yields the
+ * ConsentGrant that join() requires.
  *
  *     <CrowdPlayConsentScreen onConsent={(grant) => joinWith(grant)} />
  *

package/lib/ConsentScreen.js

@@ -1,9 +1,10 @@
 "use strict";
 /**
  * Drop-in consent screen. Shows CrowdPlay's locked consent wording (fetched from
- * the native SDK so it can never drift from what the manifest records), a
- * switch, and a continue button that only enables once the participant
- * agrees. Yields the ConsentGrant that join() requires.
+ * the native SDK so it can never drift from what the manifest records), a link
+ * to the full CrowdPlay Terms of Use and Privacy Policy, a switch, and a
+ * continue button that only enables once the participant agrees. Yields the
+ * ConsentGrant that join() requires.
  *
  *     <CrowdPlayConsentScreen onConsent={(grant) => joinWith(grant)} />
  *
@@ -44,14 +45,11 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CrowdPlayConsentScreen = CrowdPlayConsentScreen;
 const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
-const index_1 = __importDefault(require("./index"));
+const index_1 = __importStar(require("./index"));
 function CrowdPlayConsentScreen({ onConsent, style }) {
     const [text, setText] = (0, react_1.useState)(null);
     const [agreed, setAgreed] = (0, react_1.useState)(false);
@@ -72,18 +70,17 @@ function CrowdPlayConsentScreen({ onConsent, style }) {
         };
     }, []);
     return (<react_native_1.View style={[styles.container, style]}>
-      <react_native_1.Text style={styles.title}>Recording consent</react_native_1.Text>
-      {text === null ? (<react_native_1.ActivityIndicator />) : (<react_native_1.Text style={styles.body}>{text}</react_native_1.Text>)}
+      <react_native_1.Text style={styles.title}>Before you join</react_native_1.Text>
+      <react_native_1.Pressable accessibilityRole="link" onPress={() => void react_native_1.Linking.openURL(index_1.CROWDPLAY_TERMS_URL)}>
+        <react_native_1.Text style={styles.link}>Read the Terms of Use and Privacy Policy</react_native_1.Text>
+      </react_native_1.Pressable>
       <react_native_1.View style={styles.row}>
         <react_native_1.Switch value={agreed} onValueChange={(value) => {
             setAgreed(value);
             setAgreedAtMs(value ? Date.now() : null);
         }}/>
-        <react_native_1.Text style={styles.agree}>I agree</react_native_1.Text>
+        {text === null ? <react_native_1.ActivityIndicator /> : <react_native_1.Text style={styles.agree}>{text}</react_native_1.Text>}
       </react_native_1.View>
-      <react_native_1.Text style={styles.note}>
-        Recording starts automatically when you join, and ends when you leave.
-      </react_native_1.Text>
       <react_native_1.Pressable accessibilityRole="button" disabled={!agreed || agreedAtMs === null} onPress={() => {
             if (agreedAtMs !== null)
                 onConsent({ grantedAtMs: agreedAtMs });
@@ -105,7 +102,8 @@ const styles = react_native_1.StyleSheet.create({
     title: { fontSize: 20, fontWeight: '700', color: '#111111' },
     body: { fontSize: 15, lineHeight: 21, color: '#222222' },
     row: { flexDirection: 'row', alignItems: 'center', gap: 10 },
-    agree: { fontSize: 15, color: '#111111' },
+    agree: { flex: 1, fontSize: 15, color: '#111111' },
+    link: { fontSize: 15, color: '#1f6feb', textDecorationLine: 'underline' },
     note: { fontSize: 12, color: '#666666' },
     button: { backgroundColor: '#1f6feb', borderRadius: 8, paddingVertical: 12, alignItems: 'center' },
     buttonDisabled: { opacity: 0.4 },

package/lib/index.d.ts

@@ -59,6 +59,9 @@ export interface CrowdPlayConfig {
     otherAudio?: 'interrupt' | 'mix' | 'mixDucked';
     callQuality?: CallQuality;
 }
+/** The CrowdPlay Terms of Use and Privacy Notice every participant accepts,
+ * as a PDF. CrowdPlayConsentScreen links here; a custom consent UI must too. */
+export declare const CROWDPLAY_TERMS_URL = "https://dashboard.crowdplay.ai/legal/terms.pdf";
 /** Proof the participant agreed. Produce it with CrowdPlayConsentScreen, or,
  * if you render your own consent UI, call CrowdPlay.consentText() to show the
  * REQUIRED wording and construct the grant at the moment of agreement. */

package/lib/index.js

@@ -22,8 +22,11 @@
  * path that records without it.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLatestCaption = exports.useVoiceActivity = exports.VoiceReactive = exports.CrowdPlayVoiceView = exports.CrowdPlayVideoView = exports.CrowdPlayConsentScreen = void 0;
+exports.useLatestCaption = exports.useVoiceActivity = exports.VoiceReactive = exports.CrowdPlayVoiceView = exports.CrowdPlayVideoView = exports.CrowdPlayConsentScreen = exports.CROWDPLAY_TERMS_URL = void 0;
 const react_native_1 = require("react-native");
+/** The CrowdPlay Terms of Use and Privacy Notice every participant accepts,
+ * as a PDF. CrowdPlayConsentScreen links here; a custom consent UI must too. */
+exports.CROWDPLAY_TERMS_URL = 'https://dashboard.crowdplay.ai/legal/terms.pdf';
 function native() {
     const module = react_native_1.NativeModules.CrowdPlayReactNative;
     if (!module) {

package/llms.txt

@@ -57,7 +57,8 @@ its video calls invisibly; recording is infrastructure, not identity:
    in an app using this SDK. The engine owns the microphone and camera.
 3. NEVER skip or fake consent. CrowdPlay.join() THROWS without a ConsentGrant,
    and the user must actually SEE the consent wording first; use
-   <CrowdPlayConsentScreen/>, or show CrowdPlay.consentText() verbatim in your own
+   <CrowdPlayConsentScreen/>, or show CrowdPlay.consentText() verbatim (plus a
+   link to CROWDPLAY_TERMS_URL, the full Terms of Use and Privacy Notice) in your own
    UI and construct { grantedAtMs: Date.now() } at the moment of
    agreement. Fabricating a grant creates false legal evidence.
 4. iOS only. Guard any non-iOS platform path; the module throws elsewhere

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "crowdplaysdk",
-  "version": "0.5.0",
+  "version": "0.5.2",
   "description": "CrowdPlay lossless conversation capture for React Native (iOS). Studio-grade per-participant recording during live video calls, delivered to CrowdPlay automatically.",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

package/src/ConsentScreen.tsx

@@ -1,8 +1,9 @@
 /**
  * Drop-in consent screen. Shows CrowdPlay's locked consent wording (fetched from
- * the native SDK so it can never drift from what the manifest records), a
- * switch, and a continue button that only enables once the participant
- * agrees. Yields the ConsentGrant that join() requires.
+ * the native SDK so it can never drift from what the manifest records), a link
+ * to the full CrowdPlay Terms of Use and Privacy Policy, a switch, and a
+ * continue button that only enables once the participant agrees. Yields the
+ * ConsentGrant that join() requires.
  *
  *     <CrowdPlayConsentScreen onConsent={(grant) => joinWith(grant)} />
  *
@@ -12,8 +13,8 @@
  */
 
 import React, { useEffect, useState } from 'react';
-import { ActivityIndicator, Pressable, StyleSheet, Switch, Text, View } from 'react-native';
-import CrowdPlay, { type ConsentGrant } from './index';
+import { ActivityIndicator, Linking, Pressable, StyleSheet, Switch, Text, View } from 'react-native';
+import CrowdPlay, { CROWDPLAY_TERMS_URL, type ConsentGrant } from './index';
 
 export interface CrowdPlayConsentScreenProps {
   onConsent: (grant: ConsentGrant) => void;
@@ -42,12 +43,10 @@ export function CrowdPlayConsentScreen({ onConsent, style }: CrowdPlayConsentScr
 
   return (
     <View style={[styles.container, style]}>
-      <Text style={styles.title}>Recording consent</Text>
-      {text === null ? (
-        <ActivityIndicator />
-      ) : (
-        <Text style={styles.body}>{text}</Text>
-      )}
+      <Text style={styles.title}>Before you join</Text>
+      <Pressable accessibilityRole="link" onPress={() => void Linking.openURL(CROWDPLAY_TERMS_URL)}>
+        <Text style={styles.link}>Read the Terms of Use and Privacy Policy</Text>
+      </Pressable>
       <View style={styles.row}>
         <Switch
           value={agreed}
@@ -56,11 +55,8 @@ export function CrowdPlayConsentScreen({ onConsent, style }: CrowdPlayConsentScr
             setAgreedAtMs(value ? Date.now() : null);
           }}
         />
-        <Text style={styles.agree}>I agree</Text>
+        {text === null ? <ActivityIndicator /> : <Text style={styles.agree}>{text}</Text>}
       </View>
-      <Text style={styles.note}>
-        Recording starts automatically when you join, and ends when you leave.
-      </Text>
       <Pressable
         accessibilityRole="button"
         disabled={!agreed || agreedAtMs === null}
@@ -88,7 +84,8 @@ const styles = StyleSheet.create({
   title: { fontSize: 20, fontWeight: '700', color: '#111111' },
   body: { fontSize: 15, lineHeight: 21, color: '#222222' },
   row: { flexDirection: 'row', alignItems: 'center', gap: 10 },
-  agree: { fontSize: 15, color: '#111111' },
+  agree: { flex: 1, fontSize: 15, color: '#111111' },
+  link: { fontSize: 15, color: '#1f6feb', textDecorationLine: 'underline' },
   note: { fontSize: 12, color: '#666666' },
   button: { backgroundColor: '#1f6feb', borderRadius: 8, paddingVertical: 12, alignItems: 'center' },
   buttonDisabled: { opacity: 0.4 },

package/src/index.ts

@@ -68,6 +68,10 @@ export interface CrowdPlayConfig {
   callQuality?: CallQuality;
 }
 
+/** The CrowdPlay Terms of Use and Privacy Notice every participant accepts,
+ * as a PDF. CrowdPlayConsentScreen links here; a custom consent UI must too. */
+export const CROWDPLAY_TERMS_URL = 'https://dashboard.crowdplay.ai/legal/terms.pdf';
+
 /** Proof the participant agreed. Produce it with CrowdPlayConsentScreen, or,
  * if you render your own consent UI, call CrowdPlay.consentText() to show the
  * REQUIRED wording and construct the grant at the moment of agreement. */