feat: react native surveys (#422)

Author: marandaneto

examples/example-expo-latest/App.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react'
 import { StatusBar } from 'expo-status-bar'
 import { StyleSheet, Text, View } from 'react-native'
-import PostHog, { PostHogProvider } from 'posthog-react-native'
+import PostHog, { PostHogProvider, PostHogSurveyProvider } from 'posthog-react-native'
 // import { WebView } from 'react-native-webview';
 
 export const posthog = new PostHog('phc_QFbR1y41s5sxnNTZoyKG2NJo2RlsCIWkUfdpawgb40D', {
@@ -26,7 +26,7 @@ export const SharedPostHogProvider = (props: any) => {
         captureTouches: true,
         customLabelProp: 'ph-my-label',
       }}
-      debug
+      debug={true}
     >
       {props.children}
     </PostHogProvider>
@@ -48,12 +48,12 @@ export default function App() {
 
   return (
     <SharedPostHogProvider>
-      <View style={styles.container}>
-        <Text ph-my-label="special-text-changed" onPress={handleClick}>
-          {buttonText}
-        </Text>
-        <StatusBar style="auto" />
-      </View>
+      <PostHogSurveyProvider client={posthog}>
+        <View style={styles.container}>
+          <Text onPress={handleClick}>{buttonText}</Text>
+          <StatusBar style="auto" />
+        </View>
+      </PostHogSurveyProvider>
     </SharedPostHogProvider>
   )
 }

examples/example-expo-latest/ios/exampleexpolatest.xcodeproj/project.pbxproj

@@ -279,6 +279,7 @@
 				"${PODS_CONFIGURATION_BUILD_DIR}/ExpoFileSystem/ExpoFileSystem_privacy.bundle",
 				"${PODS_CONFIGURATION_BUILD_DIR}/ExpoLocalization/ExpoLocalization_privacy.bundle",
 				"${PODS_CONFIGURATION_BUILD_DIR}/PostHog/PostHog.bundle",
+				"${PODS_CONFIGURATION_BUILD_DIR}/RNSVG/RNSVGFilters.bundle",
 				"${PODS_CONFIGURATION_BUILD_DIR}/React-Core/RCTI18nStrings.bundle",
 			);
 			name = "[CP] Copy Pods Resources";
@@ -290,6 +291,7 @@
 				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/ExpoFileSystem_privacy.bundle",
 				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/ExpoLocalization_privacy.bundle",
 				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/PostHog.bundle",
+				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/RNSVGFilters.bundle",
 				"${TARGET_BUILD_DIR}/${UNLOCALIZED_RESOURCES_FOLDER_PATH}/RCTI18nStrings.bundle",
 			);
 			runOnlyForDeploymentPostprocessing = 0;

examples/example-expo-latest/package.json

@@ -24,7 +24,9 @@
     "posthog-react-native-session-replay": "^1.0.0",
     "react": "18.2.0",
     "react-native": "0.74.5",
-    "react-native-webview": "^13.12.4"
+    "react-native-webview": "^13.12.4",
+    "react-native-safe-area-context": "^4.10.1",
+    "react-native-svg": "^15.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",

package.json

@@ -32,6 +32,7 @@
     "@babel/preset-env": "^7.18.6",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
+    "@rollup/plugin-alias": "^5.1.1",
     "@rollup/plugin-babel": "^5.3.1",
     "@rollup/plugin-commonjs": "^22.0.1",
     "@rollup/plugin-json": "^4.1.0",

posthog-ai/src/utils.ts

@@ -167,7 +167,7 @@ export const sendEventToPosthog = ({
       }
     }
 
-    let additionalTokenValues = {
+    const additionalTokenValues = {
       ...(usage.reasoningTokens ? { $ai_reasoning_tokens: usage.reasoningTokens } : {}),
       ...(usage.cacheReadInputTokens ? { $ai_cache_read_input_tokens: usage.cacheReadInputTokens } : {}),
       ...(usage.cacheCreationInputTokens ? { $ai_cache_creation_input_tokens: usage.cacheCreationInputTokens } : {}),

posthog-ai/src/vercel/middleware.ts

@@ -113,7 +113,7 @@ const mapVercelPrompt = (prompt: LanguageModelV1Prompt): PostHogInput[] => {
 }
 
 const mapVercelOutput = (result: any): PostHogInput[] => {
-  let output = {
+  const output = {
     ...(result.text ? { text: result.text } : {}),
     ...(result.object ? { object: result.object } : {}),
     ...(result.reasoning ? { reasoning: result.reasoning } : {}),
@@ -156,10 +156,10 @@ export const createInstrumentationMiddleware = (
           options.posthogModelOverride ?? (result.response?.modelId ? result.response.modelId : model.modelId)
         const provider = options.posthogProviderOverride ?? extractProvider(model)
         const baseURL = '' // cannot currently get baseURL from vercel
-        let content = mapVercelOutput(result)
+        const content = mapVercelOutput(result)
         // let tools = result.toolCalls
-        let providerMetadata = result.providerMetadata
-        let additionalTokenValues = {
+        const providerMetadata = result.providerMetadata
+        const additionalTokenValues = {
           ...(providerMetadata?.openai?.reasoningTokens
             ? { reasoningTokens: providerMetadata.openai.reasoningTokens }
             : {}),