Develop

package.json

@@ -92,7 +92,7 @@
     "axios": "^0.18.0",
     "dateformat": "^3.0.3",
     "laravel-echo": "^1.3.5",
-    "preact": "^8.1.0",
+    "preact": "^8.4.2",
     "preact-compat": "^3.15.0",
     "preact-render-to-string": "^3.6.0",
     "preact-router": "^2.5.1",

src/chat/chat.tsx

@@ -16,8 +16,10 @@ export default class Chat extends Component<IChatProps, IChatState> {
         this.botman = botman;
         this.botman.setUserId(this.props.userId);
         this.botman.setChatServer(this.props.conf.chatServer);
-        this.state.messages = [];
-        this.state.replyType = ReplyType.Text;
+        //this.state.messages = [];
+        //this.state.replyType = ReplyType.Text;
+        this.setState({ messages : [] });
+        this.setState({ replyType : ReplyType.Text });
     }
 
     componentDidMount() {
@@ -223,4 +225,4 @@ interface IChatState {
     messages: IMessage[],
 
     replyType: string,
-}
+}

src/chat/messages/action.tsx

@@ -26,7 +26,7 @@ export default class Action extends MessageType {
 
     performAction(action: IAction) {
         botman.callAPI(action.value, true, null, (msg: IMessage) => {
-            this.state.attachmentsVisible = false;
+            this.setState({ attachmentsVisible : false});
             this.props.messageHandler({
                 text: msg.text,
                 type: msg.type,

src/chat/messages/buttons.tsx

@@ -28,7 +28,7 @@ export default class ButtonsType extends MessageType {
 
     performAction(button: IButton) {
         botman.callAPI(button.payload, true, null, (msg: IMessage) => {
-            this.state.attachmentsVisible = false;
+            this.setState({ attachmentsVisible : false});
             this.props.messageHandler({
                 text: msg.text,
                 type: msg.type,

src/chat/messages/messagetype.tsx

@@ -19,11 +19,11 @@ export default abstract class MessageType extends Component<IMessageTypeProps, I
      */
     componentDidMount() {
         setTimeout(() => {
-            this.state.visible = true;
-            this.state.visibilityChanged = true;
+            this.setState({ visible : true });
+            this.setState({ visibilityChanged : true });
             this.onVisibilityChange();
             this.props.onVisibilityChange(this.props.message, this.state);
         }, this.props.timeout || 0);
     }
 
-}
+}

src/chat/messages/typing-indicator.tsx

@@ -13,7 +13,7 @@ export default class TypingIndicator extends MessageType {
 
     onVisibilityChange = () => {
         setTimeout(() => {
-            this.state.visible = false;
+            this.setState({ visible : false});
             this.props.onVisibilityChange(this.props.message, this.state);
         }, this.props.message.timeout * 1000);
     };

src/widget/configuration.ts

@@ -5,7 +5,7 @@ export const defaultConfiguration: IConfiguration = {
     frameEndpoint: '/botman/chat',
     timeFormat: 'HH:MM',
     dateTimeFormat: 'm/d/yy HH:MM',
-    title: 'BotMan Widget',
+    title: 'Experian Help',
     cookieValidInDays: 1,
     introMessage: '',
     placeholderText: 'Send a message...',
@@ -22,7 +22,7 @@ export const defaultConfiguration: IConfiguration = {
     mobileWidth: '300px',
     videoHeight: 160,
     aboutLink: 'https://botman.io',
-    aboutText: '⚡ Powered by BotMan',
+    aboutText: '⚡ Powered by Botman',
     chatId: '',
     userId: '',
     alwaysUseFloatingButton: false,