feat: Allow user to change the bubble title using SDK (#1155)

- Allow user to change the bubble title using SDK
- Add docs for enabling expanded bubble

app/javascript/packs/sdk.js

@@ -13,6 +13,7 @@ const runSDK = ({ baseUrl, websiteToken }) => {
     websiteToken,
     locale: chatwootSettings.locale,
     type: getBubbleView(chatwootSettings.type),
+    launcherTitle: window.chatwootSettings.launcherTitle || '',
 
     toggle() {
       IFrameHelper.events.toggleBubble();

app/javascript/sdk/IFrameHelper.js

@@ -113,7 +113,7 @@ export const IFrameHelper = {
     },
 
     setBubbleLabel(message) {
-      setBubbleText(message.label);
+      setBubbleText(window.$chatwoot.launcherTitle || message.label);
     },
 
     toggleBubble: () => {

docs/channels/website-sdk.md

@@ -37,6 +37,15 @@ Chatwoot support 2 designs for for the widget
 
 ![Expanded-bubble](./images/sdk/expanded-bubble.gif)
 
+If you are using expanded bubble, you can customize the text used in the bubble by setting `launcherText` parameter on chatwootSettings as described below.
+
+```js
+window.chatwootSettings = {
+  type: 'expanded_bubble',
+  launcherText: 'Chat with us'
+}
+```
+
 ### To trigger widget without displaying bubble
 
 ```js