Use colorScheme

Author: pranavrajs

index.d.ts

@@ -5,7 +5,7 @@ declare module '@chatwoot/react-native-widget' {
     websiteToken: string;
     locale?: string;
     baseUrl: string;
-    theme?: string;
+    colorScheme?: 'light' | 'auto' | 'dark';
     closeModal: () => void;
     isModalVisible: boolean;
     user?: {

src/WebView.js

@@ -7,7 +7,7 @@ const propTypes = {
   websiteToken: PropTypes.string.isRequired,
   baseUrl: PropTypes.string.isRequired,
   cwCookie: PropTypes.string,
-  theme: PropTypes.string,
+  colorScheme: PropTypes.string,
   user: PropTypes.shape({
     name: PropTypes.string,
     avatar_url: PropTypes.string,
@@ -24,15 +24,15 @@ const defaultProps = {
   user: {},
   locale: 'en',
   customAttributes: {},
-  theme: 'light',
+  colorScheme: 'light',
 };
 
 const WebViewComponent = ({
   baseUrl,
   websiteToken,
   cwCookie,
   locale,
-  theme,
+  colorScheme,
   user,
   customAttributes,
   closeModal,
@@ -46,7 +46,7 @@ const WebViewComponent = ({
     user,
     locale,
     customAttributes,
-    theme,
+    colorScheme,
   });
 
   const onShouldStartLoadWithRequest = (request) => {