diff --git a/App.tsx b/App.tsx
index 125fe1b..afcff94 100644
--- a/App.tsx
+++ b/App.tsx
@@ -1,10 +1,3 @@
-/**
- * Sample React Native App
- * https://github.com/facebook/react-native
- *
- * @format
- */
-
import React from 'react';
import type {PropsWithChildren} from 'react';
import {
@@ -19,10 +12,7 @@ import {
import {
Colors,
- DebugInstructions,
- Header,
- LearnMoreLinks,
- ReloadInstructions,
+
} from 'react-native/Libraries/NewAppScreen';
type SectionProps = PropsWithChildren<{
@@ -71,25 +61,10 @@ function App(): React.JSX.Element {
-
-
- Edit App.tsx to change this
- screen and then come back to see your edits.
-
-
-
-
- Read the docs to discover what to do next:
-
-
diff --git a/package-lock.json b/package-lock.json
index 11a619a..7245732 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,7 @@
"name": "formbrickstest",
"version": "0.0.1",
"dependencies": {
+ "@formbricks/react-native": "^1.3.1",
"react": "18.3.1",
"react-native": "0.76.5"
},
@@ -2173,6 +2174,17 @@
"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
}
},
+ "node_modules/@formbricks/react-native": {
+ "version": "1.3.1",
+ "resolved": "https://registry.npmjs.org/@formbricks/react-native/-/react-native-1.3.1.tgz",
+ "integrity": "sha512-OszKpP4xOLI3riv+L1N4aeBRorgTSHzzcE1ERrODf1led5v+bZQuiaogiPENV7IKgc0Ssqt49jp3Ut/8ep2i2A==",
+ "license": "MIT",
+ "peerDependencies": {
+ "react": ">=16.8.0",
+ "react-native": ">=0.60.0",
+ "react-native-webview": ">=13.0.0"
+ }
+ },
"node_modules/@hapi/hoek": {
"version": "9.3.0",
"resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.3.0.tgz",
@@ -10836,6 +10848,21 @@
}
}
},
+ "node_modules/react-native-webview": {
+ "version": "13.12.5",
+ "resolved": "https://registry.npmjs.org/react-native-webview/-/react-native-webview-13.12.5.tgz",
+ "integrity": "sha512-INOKPom4dFyzkbxbkuQNfeRG9/iYnyRDzrDkJeyvSWgJAW2IDdJkWFJBS2v0RxIL4gqLgHkiIZDOfiLaNnw83Q==",
+ "license": "MIT",
+ "peer": true,
+ "dependencies": {
+ "escape-string-regexp": "^4.0.0",
+ "invariant": "2.2.4"
+ },
+ "peerDependencies": {
+ "react": "*",
+ "react-native": "*"
+ }
+ },
"node_modules/react-native/node_modules/ansi-styles": {
"version": "5.2.0",
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
diff --git a/package.json b/package.json
index 9bcf358..fa93708 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
"test": "jest"
},
"dependencies": {
+ "@formbricks/react-native": "^1.3.1",
"react": "18.3.1",
"react-native": "0.76.5"
},
@@ -36,4 +37,4 @@
"engines": {
"node": ">=18"
}
-}
\ No newline at end of file
+}
diff --git a/src/features/Formbricks/Formbricks.tsx b/src/features/Formbricks/Formbricks.tsx
new file mode 100644
index 0000000..91365f7
--- /dev/null
+++ b/src/features/Formbricks/Formbricks.tsx
@@ -0,0 +1,18 @@
+import React from "react";
+
+import Formbricks from "@formbricks/react-native";
+
+const config = {
+ environmentId: "",
+ apiHost: "",
+ userId: "",
+};
+
+export default function App() {
+ return (
+ <>
+ {/* Your app content */}
+
+ >
+ );
+}
\ No newline at end of file