Replace darkMode with theme

Author: muhsin-k

index.d.ts

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

src/App.js

@@ -19,7 +19,7 @@ const propTypes = {
     identifier_hash: PropTypes.string,
   }),
   locale: PropTypes.string,
-  darkMode: PropTypes.string,
+  theme: PropTypes.string,
   customAttributes: PropTypes.shape({}),
   closeModal: PropTypes.func,
 };
@@ -28,7 +28,7 @@ const defaultProps = {
   cwCookie: '',
   user: {},
   locale: 'en',
-  darkMode: 'light',
+  theme: 'light',
   customAttributes: {},
 };
 
@@ -38,7 +38,7 @@ const ChatWootWidget = ({
   websiteToken,
   user,
   locale,
-  darkMode,
+  theme,
   customAttributes,
   closeModal,
 }) => {
@@ -67,7 +67,7 @@ const ChatWootWidget = ({
           user={user}
           baseUrl={baseUrl}
           locale={locale}
-          darkMode={darkMode}
+          theme={theme}
           customAttributes={customAttributes}
           closeModal={closeModal}
         />

src/WebView.js

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

src/constants.js

@@ -3,7 +3,7 @@ export const POST_MESSAGE_EVENTS = {
   SET_LOCALE: 'set-locale',
   SET_CUSTOM_ATTRIBUTES: 'set-custom-attributes',
   SET_USER: 'set-user',
-  SET_DARK_MODE: 'set-dark-mode',
+  SET_THEME: 'set-theme',
 };
 export const BG_COLOR = '#f1f5f8';
 export const COLOR_WHITE = '#fff';

src/utils.js

@@ -19,7 +19,7 @@ export const createWootPostMessage = (object) => {
 
 export const getMessage = (data) => data.replace(WOOT_PREFIX, '');
 
-export const generateScripts = ({ darkMode, user, locale, customAttributes }) => {
+export const generateScripts = ({ theme, user, locale, customAttributes }) => {
   let script = '';
   if (user) {
     const userObject = {
@@ -40,9 +40,9 @@ export const generateScripts = ({ darkMode, user, locale, customAttributes }) =>
     };
     script += createWootPostMessage(attributeObject);
   }
-  if (darkMode) {
-    const darkModeObject = { event: POST_MESSAGE_EVENTS.SET_DARK_MODE, darkMode };
-    script += createWootPostMessage(darkModeObject);
+  if (theme) {
+    const themeObject = { event: POST_MESSAGE_EVENTS.SET_THEME, theme };
+    script += createWootPostMessage(themeObject);
   }
   return script;
 };