chore: Remove default props (#45)

Author: muhsin-k

Example/package.json

@@ -9,7 +9,7 @@
     "web": "expo start --web"
   },
   "dependencies": {
-    "@chatwoot/react-native-widget": "^0.0.19",
+    "@chatwoot/react-native-widget": "^0.0.20",
     "@react-native-async-storage/async-storage": "1.23.1",
     "expo": "~51.0.28",
     "expo-status-bar": "~1.12.1",

Example/src/App.js

@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
 import { storeHelper, findColors } from './utils';
 import WebView from './WebView';
 import styles from './style';
-import {COLOR_WHITE} from './constants';
+import { COLOR_WHITE } from './constants';
 
 const propTypes = {
   isModalVisible: PropTypes.bool.isRequired,
@@ -24,22 +24,14 @@ const propTypes = {
   closeModal: PropTypes.func,
 };
 
-const defaultProps = {
-  cwCookie: '',
-  user: {},
-  locale: 'en',
-  colorScheme: 'light',
-  customAttributes: {},
-};
-
 const ChatWootWidget = ({
   isModalVisible,
   baseUrl,
   websiteToken,
-  user,
-  locale,
-  colorScheme,
-  customAttributes,
+  user = {},
+  locale = 'en',
+  colorScheme = 'light',
+  customAttributes = {},
   closeModal,
 }) => {
   const [cwCookie, setCookie] = useState('');
@@ -82,7 +74,6 @@ const ChatWootWidget = ({
   );
 };
 
-ChatWootWidget.defaultProps = defaultProps;
 ChatWootWidget.propTypes = propTypes;
 
 export default ChatWootWidget;

Example/src/WebView.js

@@ -19,14 +19,6 @@ const propTypes = {
   closeModal: PropTypes.func,
 };
 
-const defaultProps = {
-  cwCookie: '',
-  user: {},
-  locale: 'en',
-  customAttributes: {},
-  colorScheme: 'light',
-};
-
 const WebViewComponent = ({
   baseUrl,
   websiteToken,
@@ -113,6 +105,6 @@ const styles = StyleSheet.create({
     flex: 1,
   },
 });
-WebViewComponent.defaultProps = defaultProps;
+
 WebViewComponent.propTypes = propTypes;
 export default WebViewComponent;

example/yarn.lock

@@ -1,6 +1,6 @@
 {
   "name": "@chatwoot/react-native-widget",
-  "version": "0.0.19",
+  "version": "0.0.20",
   "description": "React Native widget for Chatwoot",
   "main": "index.js",
   "scripts": {

package.json

@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
 import { storeHelper, findColors } from './utils';
 import WebView from './WebView';
 import styles from './style';
-import {COLOR_WHITE} from './constants';
+import { COLOR_WHITE } from './constants';
 
 const propTypes = {
   isModalVisible: PropTypes.bool.isRequired,
@@ -24,22 +24,14 @@ const propTypes = {
   closeModal: PropTypes.func,
 };
 
-const defaultProps = {
-  cwCookie: '',
-  user: {},
-  locale: 'en',
-  colorScheme: 'light',
-  customAttributes: {},
-};
-
 const ChatWootWidget = ({
   isModalVisible,
   baseUrl,
   websiteToken,
-  user,
-  locale,
-  colorScheme,
-  customAttributes,
+  user = {},
+  locale = 'en',
+  colorScheme = 'light',
+  customAttributes = {},
   closeModal,
 }) => {
   const [cwCookie, setCookie] = useState('');
@@ -82,7 +74,6 @@ const ChatWootWidget = ({
   );
 };
 
-ChatWootWidget.defaultProps = defaultProps;
 ChatWootWidget.propTypes = propTypes;
 
 export default ChatWootWidget;

src/App.js

@@ -19,22 +19,14 @@ const propTypes = {
   closeModal: PropTypes.func,
 };
 
-const defaultProps = {
-  cwCookie: '',
-  user: {},
-  locale: 'en',
-  customAttributes: {},
-  colorScheme: 'light',
-};
-
 const WebViewComponent = ({
   baseUrl,
   websiteToken,
-  cwCookie,
-  locale,
-  colorScheme,
-  user,
-  customAttributes,
+  cwCookie = '',
+  locale = 'en',
+  colorScheme = 'light',
+  user = {},
+  customAttributes = {},
   closeModal,
 }) => {
   const [currentUrl, setCurrentUrl] = React.useState(null);
@@ -113,6 +105,5 @@ const styles = StyleSheet.create({
     flex: 1,
   },
 });
-WebViewComponent.defaultProps = defaultProps;
 WebViewComponent.propTypes = propTypes;
 export default WebViewComponent;