Change exposed function names, add isOpen and isVisible exposed functions

Author: dliuproduction

index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { Widget, toggleWidget, openWidget, closeWidget, showWidget, hideWidget } from './index_for_react_app';
+import { Widget, toggleWidget, openWidget, closeWidget, showWidget, hideWidget, isOpen, isVisible } from './index_for_react_app';
 
 const plugin = {
   init: (args) => {
@@ -21,18 +21,19 @@ const plugin = {
         badge={args.badge}
         params={args.params}
       />, document.querySelector(args.selector)
-
     );
   }
 };
 
 export {
   plugin as default,
   Widget,
-  toggleWidget,
-  openWidget,
-  closeWidget,
-  showWidget,
-  hideWidget
+  toggleWidget as toggle,
+  openWidget as open,
+  closeWidget as close,
+  showWidget as show,
+  hideWidget as hide,
+  isOpen, 
+  isVisible
 };
 

index_for_react_app.js

@@ -7,6 +7,8 @@ import {
   addImageSnippet,
   addQuickReply,
   renderCustomComponent,
+  isOpen,
+  isVisible,
   showWidget,
   hideWidget,
   toggleWidget,
@@ -25,6 +27,8 @@ export {
   addImageSnippet,
   addQuickReply,
   renderCustomComponent,
+  isOpen,
+  isVisible,
   showWidget,
   hideWidget,
   toggleWidget,

src/store/actions/actionTypes.js

@@ -1,4 +1,6 @@
 export const INITIALIZE = 'INITIALIZE';
+export const GET_OPEN_STATE = 'GET_OPEN_STATE';
+export const GET_VISIBLE_STATE = 'GET_VISIBLE_STATE';
 export const SHOW_WIDGET = 'SHOW_WIDGET';
 export const HIDE_WIDGET = 'HIDE_WIDGET';
 export const TOGGLE_CHAT = 'TOGGLE_CHAT';

src/store/actions/dispatcher.js

@@ -1,6 +1,14 @@
 import { store } from '../store';
 import * as actions from './index';
 
+export function isOpen() {
+  return store.dispatch(actions.getOpenState());
+  }
+
+export function isVisible() {
+  return store.dispatch(actions.getVisibleState());
+}
+
 export function initialize() {
   store.dispatch(actions.initialize());
 }

src/store/actions/index.js

@@ -6,6 +6,18 @@ export function initialize() {
   };
 }
 
+export function getOpenState() {
+  return {
+    type: actions.GET_OPEN_STATE
+  };
+}
+
+export function getVisibleState() {
+  return {
+    type: actions.GET_VISIBLE_STATE
+  };
+}
+
 export function showWidget() {
   return {
     type: actions.SHOW_WIDGET

src/store/store.js

@@ -2,14 +2,24 @@ import { createStore, combineReducers, applyMiddleware } from "redux";
 
 import behavior from "./reducers/behaviorReducer";
 import messages from "./reducers/messagesReducer";
+import * as actionTypes from './actions/actionTypes';
 
 let store = "call initStore first";
 
 function initStore(hint, socket) {
   const customMiddleWare = (store) => next => (action) => {
-    if (action.type === "EMIT_NEW_USER_MESSAGE") {
-      socket.emit("user_uttered", { message: action.text, customData: socket.customData });
+    switch (action.type) {
+      case actionTypes.EMIT_NEW_USER_MESSAGE: {
+        socket.emit("user_uttered", { message: action.text, customData: socket.customData });
+      }
+      case actionTypes.GET_OPEN_STATE: {
+        return store.getState().behavior.get("showChat");
+      }
+      case actionTypes.GET_VISIBLE_STATE: {
+        return store.getState().behavior.get("showWidget");
+      }
     }
+
     // console.log('Middleware triggered:', action);
     next(action);
   };