added requested changes by VisitPay

Author: Zach Richardson

README.md

@@ -33,7 +33,7 @@ required argument is `token` which must match an organizational `ephermeral-user
 
 For example:
 ```html
-<iframe src="https://app.forsta.io/@embed?token=TESTING&first_name=Demo&[email protected]&to=@support:forsta.io"></iframe>
+<iframe src="http://localhost:1080/@embed?token=TESTING&first_name=Demo&[email protected]&to=@support:forsta.io"></iframe>
 ```
 
 And with calling support (NOTE the `allow` attribute required for new browsers):

app/views/compose.js

@@ -87,13 +87,15 @@
             this.allowCalling = options.allowCalling;
             this.forceScreenSharing = options.forceScreenSharing;
             this.disableCommands = options.disableCommands;
+            this.disableRecipientsPrompt = options.disableRecipientsPrompt;
         },
 
         render_attributes: async function() {
             return Object.assign({
                 titleNormalized: this.model.getNormalizedTitle(),
                 allowCalling: this.allowCalling,
                 forceScreenSharing: this.forceScreenSharing,
+                disableRecipientsPrompt: this.disableRecipientsPrompt
             }, await F.View.prototype.render_attributes.apply(this, arguments));
         },
 

app/views/conversation.js

@@ -28,6 +28,9 @@
             this.allowCalling = options.allowCalling;
             this.forceScreenSharing = options.forceScreenSharing;
             this.disableCommands = options.disableCommands;
+            this.disableMessageInfo = options.disableMessageInfo;
+            this.disableSenderInfo = options.disableSenderInfo;
+            this.disableRecipientsPrompt = options.disableRecipientsPrompt;
             this.onReadMarksChange = _.debounce(this._onReadMarksChange.bind(this), 200);
             F.ThreadView.prototype.initialize.apply(this, arguments);
         },
@@ -36,6 +39,8 @@
             await F.ThreadView.prototype.render.call(this);
             this.messagesView = new F.MessagesView({
                 collection: this.model.messages,
+                disableMessageInfo: this.disableMessageInfo,
+                disableSenderInfo: this.disableSenderInfo
             });
             this.$('.f-messages').append(this.messagesView.$el);
             this.messagesView.setScrollElement(this.$('.f-messages')[0]);
@@ -46,6 +51,7 @@
                 allowCalling: this.allowCalling,
                 forceScreenSharing: this.forceScreenSharing,
                 disableCommands: this.disableCommands,
+                disableRecipientsPrompt: this.disableRecipientsPrompt
             });
             this.listenTo(this.composeView, 'send', this.onSend);
             await Promise.all([

app/views/embed.js

@@ -20,6 +20,9 @@
             this.allowCalling = urlQuery.has('allowCalling');
             this.forceScreenSharing = urlQuery.has('forceScreenSharing');
             this.disableCommands = urlQuery.has('disableCommands');
+            this.disableMessageInfo = urlQuery.has('disableMessageInfo');
+            this.disableSenderInfo = urlQuery.has('disableSenderInfo');
+            this.disableRecipientsPrompt = urlQuery.has('disableRecipientsPrompt');
             // Strip redundant and unsafe query values before sending them up in the beacon.
             const urlParamBlacklist = [
                 'token',
@@ -32,6 +35,9 @@
                 'threadId',
                 'disableCommands',
                 'logLevel',
+                'disableMessageInfo',
+                'disableSenderInfo',
+                'disableRecipientsPrompt'
             ];
             this.beaconExtraUrlParams = Array.from(urlQuery.entries())
                                              .filter(([k, v]) => urlParamBlacklist.indexOf(k) === -1)
@@ -62,6 +68,9 @@
                 allowCalling: this.allowCalling,
                 forceScreenSharing: this.forceScreenSharing,
                 disableCommands: this.disableCommands,
+                disableMessageInfo: this.disableMessageInfo,
+                disableSenderInfo: this.disableSenderInfo,
+                disableRecipientsPrompt: this.disableRecipientsPrompt
             });
             await F.state.put('mostRecentThread', thread.id);
         },

app/views/message.js

@@ -89,16 +89,17 @@
                 senderName = 'Forsta';
             } else {
                 const sender = await this.model.getSender();
+                console.log(sender);
                 senderName = sender.getName();
-                avatar = await sender.getAvatar();
+                avatar = await sender.getAvatar({nolink: this.disableSenderInfo});
             }
             const attrs = F.View.prototype.render_attributes.call(this);
             const replies = await Promise.all(this.model.replies.map(async reply => {
                 const sender = await reply.getSender();
                 return Object.assign({
                     senderName: sender.getName(),
                     senderInitials: sender.getInitials(),
-                    avatar: await sender.getAvatar()
+                    avatar: await sender.getAvatar({nolink: this.disableSenderInfo})
                 }, reply.attributes);
             }));
             let actions = this.model.get('actions');
@@ -115,6 +116,8 @@
                 replies,
                 safe_html: attrs.safe_html && F.emoji.replace_unified(attrs.safe_html),
                 actions,
+                disableMessageInfo: this.disableMessageInfo,
+                disableSenderInfo: this.disableSenderInfo
             });
         },
 
@@ -399,6 +402,7 @@
         },
 
         onDisplayToggle: function(ev) {
+            console.log("here");
             const $section = this.$('section');
             const $minIcon = this.$('.f-display-toggle.minimize');
             const $maxIcon = this.$('.f-display-toggle.maximize');
@@ -664,6 +668,8 @@
             options.reverse = true;
             options.remove = false;
             F.ListView.prototype.initialize.call(this, options);
+            this.ItemView.prototype.disableMessageInfo = options.disableMessageInfo;
+            this.ItemView.prototype.disableSenderInfo = options.disableSenderInfo;
             this.onScroll = this._onScroll.bind(this);
             this.onTouchStart = this._onTouchStart.bind(this);
             this.onTouchEnd = this._onTouchEnd.bind(this);

templates/views/compose.html

@@ -4,7 +4,13 @@
         <div class="f-message"
              {{#if blocked}}{{else if left}}{{else}}contenteditable="true"{{/if}}
              role="textbox" spellcheck="true" tabindex="0" autocorrect="on"></div>
-        <div class="f-placeholder">Send message to {{{titleNormalized}}}</div>
+        <div class="f-placeholder">
+            {{#if disableRecipientsPrompt}}
+                Send message
+            {{else}}
+                Send message to {{{titleNormalized}}}
+            {{/if}}
+        </div>
     </div>
 
     <div class="f-actions large">

templates/views/message-item.html

@@ -1,11 +1,19 @@
 <div class="label">
+  {{#if disableSenderInfo}}
     {{> f-avatar avatar}}
+  {{else}}
+    {{> f-avatar avatar}}
+  {{/if}}
 </div>
 <div class="content">
     <div class="ui segment {{avatar.color}}">
         <div class="summary">
             {{#if sender}}
+              {{#if disableSenderInfo}}
+                <p class="f-user">{{senderName}}</p>
+              {{else}}
                 <a class="f-user" data-user-card="{{sender}}">{{senderName}}</a>
+              {{/if}}
             {{else}}
                 <div class="f-user">{{senderName}}</div>
             {{/if}}
@@ -19,7 +27,9 @@
                     <i title="Sent from {{mobile}}" class="icon mobile"></i>
                 {{/if}}
                 <i title="Reply to this message" class="f-reply icon link reply"></i>
-                <i title="Toggle detailed view" class="f-details-toggle icon link zoom"></i>
+                {{#if disableMessageInfo}}{{else}}
+                  <i title="Toggle detailed view" class="f-details-toggle icon link zoom"></i>
+                {{/if}}
             </div>
             <div class="icon-bar autodim">
                 {{#if keyChange}}