support for no launcher

README.md

@@ -155,7 +155,7 @@ export default App;
 |**showCloseButton**|boolean|NO|false|Show or hide the close button in full screen mode|
 |**fullScreenMode**|boolean|NO|false|Allow the use of full screen in full desktop mode|
 |**autofocus**|boolean|NO|true|Autofocus or not the user input|
-|**launcher**|(handleToggle) => ElementType|NO||Custom Launcher component to use instead of the default|
+|**launcher**|(handleToggle) => ElementType|NO|Custom Launcher component to use instead of the default|Use null for no launcher
 |**handleQuickButtonClicked**|(...args: any[]) => any|NO||Function to handle the user clicking a quick button, will receive the 'value' when clicked.|
 |**showTimeStamp**|boolean|NO|true|Show time stamp on messages|
 |**chatId**|string|NO|'rcw-chat-container'|Chat container id for a11y|

src/components/Widget/index.tsx

@@ -16,7 +16,7 @@ type Props = {
   showCloseButton: boolean;
   fullScreenMode: boolean;
   autofocus: boolean;
-  customLauncher?: AnyFunction;
+  customLauncher?: AnyFunction|null;
   handleNewUserMessage: AnyFunction;
   handleQuickButtonClicked?: AnyFunction;
   handleTextInputChange?: (event: any) => void;

src/components/Widget/layout.tsx

@@ -25,7 +25,7 @@ type Props = {
   showCloseButton: boolean;
   fullScreenMode: boolean;
   autofocus: boolean;
-  customLauncher?: AnyFunction;
+  customLauncher?: AnyFunction|null;
   onTextInputChange?: (event: any) => void;
   chatId: string;
   launcherOpenLabel: string;
@@ -86,7 +86,7 @@ function WidgetLayout({
       messageRef.current = null;
     }
   }, [showChat])
-  
+
   const eventHandle = evt => {
     if(evt.target && evt.target.className === 'rcw-message-img') {
       const { src, alt, naturalWidth, naturalHeight } = (evt.target as HTMLImageElement);
@@ -118,6 +118,21 @@ function WidgetLayout({
     document.body.setAttribute('style', `overflow: ${visible || fullScreenMode ? 'hidden' : 'auto'}`)
   }, [fullScreenMode, visible])
 
+  const renderLauncher = () => {
+    return (customLauncher ?
+      customLauncher(onToggleConversation) :
+      !fullScreenMode &&
+      <Launcher
+          toggle={onToggleConversation}
+          chatId={chatId}
+          openLabel={launcherOpenLabel}
+          closeLabel={launcherCloseLabel}
+          closeImg={launcherCloseImg}
+          openImg={launcherOpenImg}
+          showBadge={showBadge}
+      />)
+  };
+
   return (
     <div
       className={cn('rcw-widget-container', {
@@ -149,19 +164,7 @@ function WidgetLayout({
           emojis={emojis}
         />
       }
-      {customLauncher ?
-        customLauncher(onToggleConversation) :
-        !fullScreenMode &&
-        <Launcher
-          toggle={onToggleConversation}
-          chatId={chatId}
-          openLabel={launcherOpenLabel}
-          closeLabel={launcherCloseLabel}
-          closeImg={launcherCloseImg}
-          openImg={launcherOpenImg}
-          showBadge={showBadge}
-        />
-      }
+      {customLauncher !== null && renderLauncher()}
       {
         imagePreview && <FullScreenPreview fullScreenMode={fullScreenMode} zoomStep={zoomStep} />
       }

src/index.tsx

@@ -18,7 +18,7 @@ type Props = {
   autofocus?: boolean;
   profileAvatar?: string;
   profileClientAvatar?: string;
-  launcher?: AnyFunction;
+  launcher?: AnyFunction|null;
   handleTextInputChange?: (event: any) => void;
   chatId?: string;
   handleToggle?: AnyFunction;