react-native-my-survey-sdk 2.0.1 → 2.0.4

package/index.js

@@ -1,15 +1,4 @@
-import React from 'react';
-import {SafeAreaView} from 'react-native';
-import { WebView } from 'react-native-webview';
-
-
-const SurveyWebView = ({ url }) => {
-  const SURVEY_URL = url 
-  return (
-    <SafeAreaView style={{ flex: 1 }}>
-      <WebView source={{ uri: SURVEY_URL }} />
-    </SafeAreaView>
-  );
-};
-
-export default SurveyWebView;
+export { default as SurveyWebView } from "./src/SurveyWebView";
+export { useFaqSurvey } from "./src/useFaqSurvey";
+export { useSurveyTimer } from "./src/useSurveyTimer";
+export { useSurveyAlert } from "./src/useSurveyAlert";

package/package.json

@@ -1,15 +1,19 @@
 {
   "name": "react-native-my-survey-sdk",
-  "version": "2.0.1",
-  "description": "For xebo.ai",
+  "version": "2.0.4",
+  "description": "Survey SDK for xebo.ai",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "author": "sheetal",
   "license": "ISC",
+  "dependencies": {
+    "react-native-webview": "^13.16.0"
+  },
   "peerDependencies": {
+    "@react-navigation/native": ">=6.0.0",
     "react": ">=18.2.0 <19.0.0",
-    "react-native": ">=0.71.0 <0.80.0"
+    "react-native": ">=0.71.0 <0.78.0"
   }
 }

package/src/SurveyWebView.js

@@ -0,0 +1,13 @@
+import React from "react";
+import { View } from "react-native";
+import { WebView } from "react-native-webview";
+
+const SurveyWebView = ({ url }) => {
+  return (
+    <View style={{ flex: 1 }}>
+      <WebView source={{ uri: url }} />
+    </View>
+  );
+};
+
+export default SurveyWebView;

package/src/useFaqSurvey.js

@@ -0,0 +1,28 @@
+import { useState } from "react";
+import { useNavigation } from "@react-navigation/native";
+
+export const useFaqSurvey = ({
+  faqScreenName,
+  surveyScreenName,
+  surveyUrl,
+  visitLimit,
+}) => {
+  const [faqVisitCount, setFaqVisitCount] = useState(0);
+  const navigation = useNavigation();
+
+  const handleFAQPress = () => {
+    setFaqVisitCount((prev) => {
+      const newCount = prev + 1;
+
+      if (newCount >= visitLimit) {
+        navigation.navigate(surveyScreenName, { url: surveyUrl });
+        return 0; // reset after survey
+      } else {
+        navigation.navigate(faqScreenName);
+        return newCount;
+      }
+    });
+  };
+
+  return { handleFAQPress, faqVisitCount };
+};

package/src/useSurveyAlert.js

@@ -0,0 +1,25 @@
+import { Alert } from "react-native";
+import { useNavigation } from "@react-navigation/native";
+
+export const useSurveyAlert = ({
+  surveyScreenName,
+  surveyUrl,
+  title = "Survey",
+  message = "Click OK to proceed to the survey.",
+}) => {
+  const navigation = useNavigation();
+
+  const showSurveyAlert = () => {
+    Alert.alert(title, message, [
+      {
+        text: "OK",
+        onPress: () => {
+          navigation.navigate(surveyScreenName, { url: surveyUrl });
+        },
+      },
+      { text: "Cancel", style: "cancel" },
+    ]);
+  };
+
+  return { showSurveyAlert };
+};

package/src/useSurveyTimer.js

@@ -0,0 +1,39 @@
+import { useEffect, useRef } from "react";
+import { useNavigation } from "@react-navigation/native";
+
+export const useSurveyTimer = ({
+  isActive,
+  surveyScreenName,
+  surveyUrl,
+  delay,
+}) => {
+  const timerRef = useRef(null);
+  const navigation = useNavigation();
+
+  const navigateToSurvey = () => {
+    navigation.navigate(surveyScreenName, { url: surveyUrl });
+  };
+
+  useEffect(() => {
+    if (isActive) {
+      timerRef.current = setTimeout(() => {
+        if (isActive) {
+          navigateToSurvey();
+        }
+      }, delay);
+    } else {
+      if (timerRef.current) {
+        clearTimeout(timerRef.current);
+        timerRef.current = null;
+      }
+    }
+
+    return () => {
+      if (timerRef.current) {
+        clearTimeout(timerRef.current);
+      }
+    };
+  }, [isActive, delay]);
+
+  return { navigateToSurvey };
+};