@nyaruka/temba-components 0.86.0 → 0.87.0

package/src/webchat/WebChat.ts

@@ -1,38 +1,53 @@
 /* eslint-disable @typescript-eslint/no-this-alias */
 import { LitElement, TemplateResult, html, css, PropertyValueMap } from 'lit';
 import { property } from 'lit/decorators.js';
+import { getCookie, setCookie } from '../utils';
+import { DEFAULT_AVATAR } from './assets';
+
+interface User {
+  avatar?: string;
+  email: string;
+  name: string;
+}
 
 interface Message {
-  text: string;
   type: string;
+  msg_id?: string;
+  text?: string;
   chat_id?: string;
   origin?: string;
-  timestamp?: number;
+  time?: string;
+  before?: string;
+  history?: Message[];
+  timeAsDate?: Date;
+  user?: User;
 }
 
 enum ChatStatus {
   DISCONNECTED = 'disconnected',
   CONNECTING = 'connecting',
-  CONNECTED = 'connected',
+  CONNECTED = 'connected'
 }
 
 // how long of a window to show time between batches
 const BATCH_TIME_WINDOW = 30 * 60 * 1000;
+const SCROLL_FETCH_BUFFER = 0.05;
+const MIN_FETCH_TIME = 250;
 
 const TIME_FORMAT = { hour: 'numeric', minute: '2-digit' } as any;
 const DAY_FORMAT = {
   weekday: undefined,
   year: 'numeric',
   month: 'short',
-  day: 'numeric',
+  day: 'numeric'
 } as any;
 const VERBOSE_FORMAT = {
   weekday: undefined,
-  year: 'numeric',
+  year: undefined,
   month: 'short',
   day: 'numeric',
   hour: 'numeric',
-  minute: '2-digit',
+  minute: '2-digit'
 } as any;
 
 export class WebChat extends LitElement {
@@ -46,12 +61,11 @@ export class WebChat extends LitElement {
         --color-primary: hsla(208, 70%, 55%, 1);
         font-family: 'Roboto', 'Helvetica Neue', sans-serif;
         font-weight: 400;
-        font-size: 1.1em;
         --toggle-speed: 80ms;
-        position: absolute;
+        position: fixed;
         right: 0;
         bottom: 0;
-        z-index: 1;
+        z-index: 10000;
       }
 
       .header {
@@ -60,6 +74,8 @@ export class WebChat extends LitElement {
         display: flex;
         align-items: center;
         width: 100%;
+        color: rgba(255, 255, 255, 0.8);
+        font-size: 0.8em;
       }
 
       .header slot {
@@ -138,7 +154,7 @@ export class WebChat extends LitElement {
         cursor: pointer;
         transition: box-shadow var(--toggle-speed) ease-out;
         position: absolute;
-        bottom: 0.5em;
+        bottom: 1em;
         right: 1em;
       }
 
@@ -185,7 +201,6 @@ export class WebChat extends LitElement {
       }
 
       .chat {
-        max-width: 50vw;
         width: 28rem;
         border-radius: var(--curvature);
         overflow: hidden;
@@ -201,7 +216,7 @@ export class WebChat extends LitElement {
       }
 
       .chat.open {
-        bottom: 5em;
+        bottom: 6em;
         opacity: 1;
         transform: scale(1);
         pointer-events: initial;
@@ -218,6 +233,8 @@ export class WebChat extends LitElement {
         -webkit-overflow-scrolling: touch;
         overflow-scrolling: touch;
         padding: 1em 1em 0 1em;
+        display: flex;
+        flex-direction: column-reverse;
       }
 
       .messages:before {
@@ -231,7 +248,6 @@ export class WebChat extends LitElement {
         height: 10px;
         display: block;
         position: absolute;
-        max-width: 50vw;
         width: 28rem;
         transition: opacity var(--toggle-speed) ease-out;
       }
@@ -248,7 +264,6 @@ export class WebChat extends LitElement {
         display: block;
         position: absolute;
         margin-top: -10px;
-        max-width: 50vw;
         width: 28rem;
         margin-right: 5em;
         transition: opacity var(--toggle-speed) ease-out;
@@ -324,6 +339,16 @@ export class WebChat extends LitElement {
       .input:disabled {
         background: transparent !important;
       }
+
+      temba-loading {
+        justify-content: center;
+        margin: 0.5em auto;
+        margin-bottom: 2em;
+      }
+
+      temba-loading.hidden {
+        display: none;
+      }
     `;
   }
 
@@ -334,7 +359,7 @@ export class WebChat extends LitElement {
   urn: string;
 
   @property({ type: Array })
-  messages: Message[][] = [];
+  messageGroups: string[][] = [];
 
   // is our socket connection established
   @property({ type: String })
@@ -344,6 +369,9 @@ export class WebChat extends LitElement {
   @property({ type: Boolean })
   open = false;
 
+  @property({ type: Boolean })
+  fetching = false;
+
   @property({ type: Boolean })
   hasPendingText = false;
 
@@ -353,10 +381,20 @@ export class WebChat extends LitElement {
   @property({ type: Boolean, attribute: false })
   hideBottomScroll = true;
 
+  @property({ type: Boolean, attribute: false })
+  blockHistoryFetching = false;
+
   @property({ type: String })
   host: string;
 
+  @property({ type: String })
+  activeUserAvatar: string;
+
+  private msgMap = new Map<string, Message>();
   private sock: WebSocket;
+  private newMessageCount = 0;
+  private oldestMessageDate: Date;
+  private fetchRequested: Date;
 
   public constructor() {
     super();
@@ -366,6 +404,11 @@ export class WebChat extends LitElement {
     this.openSocket();
   }
 
+  private sendSockMessage(message: Message) {
+    console.log('MO', message);
+    this.sock.send(JSON.stringify(message));
+  }
+
   private openSocket(): void {
     if (this.status !== ChatStatus.DISCONNECTED) {
       return;
@@ -373,7 +416,7 @@ export class WebChat extends LitElement {
 
     this.status = ChatStatus.CONNECTING;
     const webChat = this;
-    let url = `ws://localhost:8070/connect/${this.channel}/`;
+    let url = `wss://localhost.textit.com/connect/${this.channel}/`;
     if (this.urn) {
       url = `${url}?chat_id=${this.urn}`;
     }
@@ -387,44 +430,152 @@ export class WebChat extends LitElement {
     this.sock.onopen = function (event: Event) {
       console.log('Socket opened', event);
       webChat.status = ChatStatus.CONNECTED;
-      sock.send(JSON.stringify({ type: 'start_chat' }));
+      webChat.urn = getCookie('temba-chat-urn');
+      const startChat = { type: 'start_chat' };
+      if (webChat.urn) {
+        startChat['chat_id'] = webChat.urn;
+      }
+      webChat.sendSockMessage(startChat);
     };
+
     this.sock.onmessage = function (event: MessageEvent) {
-      console.log(event);
       webChat.status = ChatStatus.CONNECTED;
       const msg = JSON.parse(event.data) as Message;
+      console.log('MT', msg);
+
       if (msg.type === 'chat_started') {
         if (webChat.urn !== msg.chat_id) {
-          webChat.messages = [];
+          webChat.messageGroups = [];
         }
         webChat.urn = msg.chat_id;
-        webChat.requestUpdate('messages');
+        setCookie('temba-chat-urn', msg.chat_id);
+        webChat.requestUpdate('messageGroups');
       } else if (msg.type === 'chat_resumed') {
+        webChat.oldestMessageDate = new Date(msg.time);
         webChat.urn = msg.chat_id;
-      } else if (msg.type === 'msg_created') {
-        msg['timestamp'] = new Date().getTime();
+        webChat.fetchPreviousMessages();
+      } else if (msg.type === 'msg_out') {
         webChat.addMessage(msg);
-        webChat.requestUpdate('messages');
+        webChat.insertGroups(webChat.groupMessages([msg.msg_id]), true);
+      } else if (msg.type === 'history') {
+        webChat.handleHistoryResponse(msg);
       }
     };
   }
 
-  private restoreFromLocal(): void {
-    const data = JSON.parse(localStorage.getItem('temba-chat') || '{}');
-    const urn = 'urn' in data ? data['urn'] : null;
-    if (urn && !this.urn) {
-      this.urn = urn;
-      const messages = 'messages' in data ? data['messages'] : [];
-      this.messages.push(...messages);
+  private isSameGroup(msg1: Message, msg2: Message): boolean {
+    if (msg1 && msg2) {
+      return (
+        msg1.origin === msg2.origin &&
+        msg1.user?.name === msg2.user?.name &&
+        Math.abs(msg1.timeAsDate.getTime() - msg2.timeAsDate.getTime()) <
+          BATCH_TIME_WINDOW
+      );
     }
+    return false;
   }
 
-  private writeToLocal(): void {
-    // console.log('Writing to localStorage..');
-    if (this.urn) {
-      const data = { urn: this.urn, messages: this.messages, version: 1 };
-      localStorage.setItem('temba-chat', JSON.stringify(data));
+  private insertGroups(newGroups: string[][], append = false) {
+    newGroups.reverse();
+    for (const newGroup of newGroups) {
+      // see if our new group belongs to the most recent group
+      const group =
+        this.messageGroups[append ? 0 : this.messageGroups.length - 1];
+
+      if (group) {
+        const lastMsgId = group[group.length - 1];
+        const lastMsg = this.msgMap.get(lastMsgId);
+        const newMsg = this.msgMap.get(newGroup[0]);
+        // if our message belongs to the previous group, in we go
+        if (this.isSameGroup(lastMsg, newMsg)) {
+          group.push(...newGroup);
+        } else {
+          // otherwise, just add our entire group as a new one
+          if (append) {
+            this.messageGroups.splice(0, 0, newGroup);
+          } else {
+            this.messageGroups.push(newGroup);
+          }
+        }
+      } else {
+        if (append) {
+          this.messageGroups.splice(0, 0, newGroup);
+        } else {
+          this.messageGroups.push(newGroup);
+        }
+      }
+    }
+
+    this.requestUpdate('messageGroups');
+  }
+
+  private groupMessages(msgIds: string[]): string[][] {
+    // group our messages by origin and user
+    const groups = [];
+    let lastGroup = [];
+    let lastMsg = null;
+    for (const msgId of msgIds) {
+      const msg = this.msgMap.get(msgId);
+      if (!this.isSameGroup(msg, lastMsg)) {
+        lastGroup = [];
+        groups.push(lastGroup);
+      }
+      lastGroup.push(msgId);
+      lastMsg = msg;
     }
+    return groups;
+  }
+
+  private fetchPreviousMessages() {
+    if (!this.blockHistoryFetching) {
+      this.blockHistoryFetching = true;
+      this.fetching = true;
+
+      const getHistoryMsg = { type: 'get_history' };
+      if (this.oldestMessageDate) {
+        getHistoryMsg['before'] = this.oldestMessageDate.toISOString();
+      }
+
+      this.fetchRequested = new Date();
+      this.sendSockMessage(getHistoryMsg);
+    }
+  }
+
+  private handleHistoryResponse(msg: Message) {
+    const elapsed = new Date().getTime() - this.fetchRequested.getTime();
+    window.setTimeout(
+      () => {
+        this.fetching = false;
+        // block of historical messages
+        const msgs = msg.history.reverse();
+
+        // first add messages to the map
+        const newMessages = [];
+        for (const m of msgs) {
+          if (this.addMessage(m)) {
+            newMessages.push(m.msg_id);
+          }
+        }
+
+        if (newMessages.length === 0) {
+          return;
+        }
+
+        this.insertGroups(this.groupMessages(newMessages));
+
+        const ele = this.shadowRoot.querySelector('.scroll');
+        const prevTop = ele.scrollTop;
+
+        window.setTimeout(() => {
+          ele.scrollTop = prevTop;
+          this.blockHistoryFetching = false;
+        }, 100);
+      },
+      // if it's the first load don't wait, otherwise wait a minimum amount of time
+      this.messageGroups.length === 0
+        ? 0
+        : Math.max(0, MIN_FETCH_TIME - elapsed)
+    );
   }
 
   public firstUpdated(
@@ -462,30 +613,27 @@ export class WebChat extends LitElement {
         this.focusInput();
       }
     }
+  }
 
-    if (changed.has('channel')) {
-      this.restoreFromLocal();
+  private addMessage(msg: Message): boolean {
+    if (msg.time && !msg.timeAsDate) {
+      msg.timeAsDate = new Date(msg.time);
     }
 
-    if (changed.has('messages')) {
-      // console.log('messages changed', this.messages);
-      this.writeToLocal();
-      // console.log(this.messages);
-      this.scrollToBottom();
+    if (
+      !this.oldestMessageDate ||
+      msg.timeAsDate.getTime() < this.oldestMessageDate.getTime()
+    ) {
+      this.oldestMessageDate = msg.timeAsDate;
     }
-  }
 
-  private addMessage(msg: Message) {
-    let lastGroup =
-      this.messages.length > 0 ? this.messages[this.messages.length - 1] : [];
-    const isSame = lastGroup.length === 0 || lastGroup[0].origin === msg.origin;
-    if (!isSame) {
-      lastGroup = [];
-    }
-    if (lastGroup.length === 0) {
-      this.messages.push(lastGroup);
+    const isNew = !this.msgMap.has(msg.msg_id);
+    this.msgMap.set(msg.msg_id, msg);
+
+    if (msg.user?.avatar) {
+      this.activeUserAvatar = msg.user.avatar;
     }
-    lastGroup.push(msg);
+    return isNew;
   }
 
   public openChat(): void {
@@ -507,13 +655,15 @@ export class WebChat extends LitElement {
       input.value = '';
 
       const msg = {
+        msg_id: `pending-${this.newMessageCount++}`,
         type: 'send_msg',
         text: text,
+        time: new Date().toISOString()
       };
 
       this.addMessage(msg);
-      this.sock.send(JSON.stringify(msg));
-      this.requestUpdate('messages');
+      this.insertGroups(this.groupMessages([msg.msg_id]), true);
+      this.sendSockMessage(msg);
       this.hasPendingText = input.value.length > 0;
     }
   }
@@ -527,42 +677,52 @@ export class WebChat extends LitElement {
   }
 
   private renderMessageGroup(
-    messages: Message[],
+    msgIds: string[],
     idx: number,
-    groups: Message[][]
+    groups: string[][]
   ): TemplateResult {
-    let lastBatchTime = null;
+    const today = new Date();
+    let prevMsg;
     if (idx > 0) {
       const lastGroup = groups[idx - 1];
       if (lastGroup && lastGroup.length > 0) {
-        lastBatchTime = lastGroup[lastGroup.length - 1].timestamp;
+        prevMsg = this.msgMap.get(lastGroup[0]);
       }
     }
 
-    const newBatchTime = messages[0].timestamp;
-    const showTime = newBatchTime - lastBatchTime > BATCH_TIME_WINDOW;
-
+    const currentMsg = this.msgMap.get(msgIds[msgIds.length - 1]);
     let timeDisplay = null;
-    if (showTime) {
-      let lastTime = null;
-      const newTime = new Date(newBatchTime);
-      if (lastBatchTime) {
-        lastTime = new Date(lastBatchTime);
-      }
-      const showDay = !lastTime || newTime.getDate() !== lastTime.getDate();
+    if (
+      prevMsg &&
+      !this.isSameGroup(prevMsg, currentMsg) &&
+      prevMsg.timeAsDate.getTime() - currentMsg.timeAsDate.getTime() >
+        BATCH_TIME_WINDOW
+    ) {
+      const showDay =
+        !prevMsg ||
+        prevMsg.timeAsDate.getDate() !== currentMsg.timeAsDate.getDate();
       if (showDay) {
         timeDisplay = html`<div class="time">
-          ${newTime.toLocaleDateString(undefined, DAY_FORMAT)}
+          ${prevMsg.timeAsDate.toLocaleDateString(undefined, DAY_FORMAT)}
         </div>`;
       } else {
-        timeDisplay = html`<div class="time">
-          ${newTime.toLocaleTimeString(undefined, TIME_FORMAT)}
-        </div>`;
+        if (prevMsg.timeAsDate.getDate() !== today.getDate()) {
+          timeDisplay = html`<div class="time">
+            ${prevMsg.timeAsDate.toLocaleTimeString(undefined, VERBOSE_FORMAT)}
+          </div>`;
+        } else {
+          timeDisplay = html`<div class="time">
+            ${prevMsg.timeAsDate.toLocaleTimeString(undefined, TIME_FORMAT)}
+          </div>`;
+        }
       }
     }
 
-    const blockTime = new Date(messages[messages.length - 1].timestamp);
-    const incoming = !messages[0].origin;
+    const blockTime = new Date(this.msgMap.get(msgIds[msgIds.length - 1]).time);
+    const message = this.msgMap.get(msgIds[0]);
+    const incoming = !message.origin;
+    const avatar = message.user?.avatar;
+    const name = message.user?.name;
 
     return html` <div
       class="block  ${incoming ? 'incoming' : 'outgoing'} ${idx === 0
@@ -570,30 +730,50 @@ export class WebChat extends LitElement {
         : ''}"
       title="${blockTime.toLocaleTimeString(undefined, VERBOSE_FORMAT)}"
     >
-      ${timeDisplay}
       <div class="row">
         ${!incoming
           ? html`
               <div
                 class="avatar"
-                style="background: center / contain no-repeat url(https://dl-textit.s3.amazonaws.com/orgs/6418/media/5e81/5e814c83-bf33-43ea-b6c1-ee46f8acaf34/avatar.jpg)"
+                style="background: center / contain no-repeat url(${avatar ||
+                DEFAULT_AVATAR})"
               ></div>
             `
           : null}
 
         <div class="bubble">
-          ${!incoming ? html`<div class="name">Henry McHelper</div>` : null}
-          ${messages.map(msg => html`<div class="message">${msg.text}</div>`)}
+          ${!incoming ? html`<div class="name">${name}</div>` : null}
+          ${msgIds.map(
+            (msgId) =>
+              html`<div class="message">${this.msgMap.get(msgId).text}</div>
+                <!--div style="font-size:10px">
+                  ${this.msgMap
+                  .get(msgId)
+                  .timeAsDate.toLocaleDateString(undefined, VERBOSE_FORMAT)}
+                </div-->`
+          )}
         </div>
       </div>
+      ${timeDisplay}
     </div>`;
   }
 
   private handleScroll(event: any) {
-    this.hideBottomScroll =
-      Math.round(event.target.scrollTop + event.target.clientHeight) >=
-      event.target.scrollHeight;
-    this.hideTopScroll = event.target.scrollTop === 0;
+    const ele = event.target;
+    const top = ele.scrollHeight - ele.clientHeight;
+    const scroll = Math.round(top + ele.scrollTop);
+    const scrollPct = scroll / top;
+
+    this.hideTopScroll = scrollPct <= 0.01;
+    this.hideBottomScroll = scrollPct >= 0.99;
+
+    if (this.blockHistoryFetching) {
+      return;
+    }
+
+    if (scrollPct < SCROLL_FETCH_BUFFER) {
+      this.fetchPreviousMessages();
+    }
   }
 
   private handleClickInputPanel(event: MouseEvent) {
@@ -617,7 +797,7 @@ export class WebChat extends LitElement {
           : ''}"
       >
         <div class="header">
-          <slot name="header"></slot>
+          <slot name="header">${this.urn ? this.urn : 'Chat'}</slot>
           <temba-icon
             name="close"
             size="1.3"
@@ -627,12 +807,16 @@ export class WebChat extends LitElement {
         </div>
         <div class="messages">
           <div class="scroll" @scroll=${this.handleScroll}>
-            ${this.messages
-              ? this.messages.map(
+            ${this.messageGroups
+              ? this.messageGroups.map(
                   (msgGroup, idx, groups) =>
                     html`${this.renderMessageGroup(msgGroup, idx, groups)}`
                 )
               : null}
+
+            <temba-loading
+              class="${!this.fetching ? 'hidden' : ''}"
+            ></temba-loading>
           </div>
         </div>
 
@@ -680,7 +864,8 @@ export class WebChat extends LitElement {
       <div @click=${this.toggleChat}>
         <div
           class="toggle"
-          style="background: center / contain no-repeat url(https://dl-textit.s3.amazonaws.com/orgs/6418/media/5e81/5e814c83-bf33-43ea-b6c1-ee46f8acaf34/avatar.jpg)"
+          style="background: center / contain no-repeat url(${this
+            .activeUserAvatar || DEFAULT_AVATAR})"
         ></div>
       </div>
     `;

package/src/webchat/assets.ts

@@ -0,0 +1,2 @@
+export const DEFAULT_AVATAR =
+  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0CAYAAADL1t+KAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAACHDwAAjA8AAP1SAACBQAAAfXkAAOmLAAA85QAAGcxzPIV3AAAKL2lDQ1BJQ0MgUHJvZmlsZQAASMedlndUVNcWh8+9d3qhzTDSGXqTLjCA9C4gHQRRGGYGGMoAwwxNbIioQEQREQFFkKCAAaOhSKyIYiEoqGAPSBBQYjCKqKhkRtZKfHl57+Xl98e939pn73P32XuftS4AJE8fLi8FlgIgmSfgB3o401eFR9Cx/QAGeIABpgAwWempvkHuwUAkLzcXerrICfyL3gwBSPy+ZejpT6eD/0/SrFS+AADIX8TmbE46S8T5Ik7KFKSK7TMipsYkihlGiZkvSlDEcmKOW+Sln30W2VHM7GQeW8TinFPZyWwx94h4e4aQI2LER8QFGVxOpohvi1gzSZjMFfFbcWwyh5kOAIoktgs4rHgRm4iYxA8OdBHxcgBwpLgvOOYLFnCyBOJDuaSkZvO5cfECui5Lj25qbc2ge3IykzgCgaE/k5XI5LPpLinJqUxeNgCLZ/4sGXFt6aIiW5paW1oamhmZflGo/7r4NyXu7SK9CvjcM4jW94ftr/xS6gBgzIpqs+sPW8x+ADq2AiB3/w+b5iEAJEV9a7/xxXlo4nmJFwhSbYyNMzMzjbgclpG4oL/rfzr8DX3xPSPxdr+Xh+7KiWUKkwR0cd1YKUkpQj49PZXJ4tAN/zzE/zjwr/NYGsiJ5fA5PFFEqGjKuLw4Ubt5bK6Am8Kjc3n/qYn/MOxPWpxrkSj1nwA1yghI3aAC5Oc+gKIQARJ5UNz13/vmgw8F4psXpjqxOPefBf37rnCJ+JHOjfsc5xIYTGcJ+RmLa+JrCdCAACQBFcgDFaABdIEhMANWwBY4AjewAviBYBAO1gIWiAfJgA8yQS7YDApAEdgF9oJKUAPqQSNoASdABzgNLoDL4Dq4Ce6AB2AEjIPnYAa8AfMQBGEhMkSB5CFVSAsygMwgBmQPuUE+UCAUDkVDcRAPEkK50BaoCCqFKqFaqBH6FjoFXYCuQgPQPWgUmoJ+hd7DCEyCqbAyrA0bwwzYCfaGg+E1cBycBufA+fBOuAKug4/B7fAF+Dp8Bx6Bn8OzCECICA1RQwwRBuKC+CERSCzCRzYghUg5Uoe0IF1IL3ILGUGmkXcoDIqCoqMMUbYoT1QIioVKQ21AFaMqUUdR7age1C3UKGoG9QlNRiuhDdA2aC/0KnQcOhNdgC5HN6Db0JfQd9Dj6DcYDIaG0cFYYTwx4ZgEzDpMMeYAphVzHjOAGcPMYrFYeawB1g7rh2ViBdgC7H7sMew57CB2HPsWR8Sp4sxw7rgIHA+XhyvHNeHO4gZxE7h5vBReC2+D98Oz8dn4Enw9vgt/Az+OnydIE3QIdoRgQgJhM6GC0EK4RHhIeEUkEtWJ1sQAIpe4iVhBPE68QhwlviPJkPRJLqRIkpC0k3SEdJ50j/SKTCZrkx3JEWQBeSe5kXyR/Jj8VoIiYSThJcGW2ChRJdEuMSjxQhIvqSXpJLlWMkeyXPKk5A3JaSm8lLaUixRTaoNUldQpqWGpWWmKtKm0n3SydLF0k/RV6UkZrIy2jJsMWyZf5rDMRZkxCkLRoLhQWJQtlHrKJco4FUPVoXpRE6hF1G+o/dQZWRnZZbKhslmyVbJnZEdoCE2b5kVLopXQTtCGaO+XKC9xWsJZsmNJy5LBJXNyinKOchy5QrlWuTty7+Xp8m7yifK75TvkHymgFPQVAhQyFQ4qXFKYVqQq2iqyFAsVTyjeV4KV9JUCldYpHVbqU5pVVlH2UE5V3q98UXlahabiqJKgUqZyVmVKlaJqr8pVLVM9p/qMLkt3oifRK+g99Bk1JTVPNaFarVq/2ry6jnqIep56q/ojDYIGQyNWo0yjW2NGU1XTVzNXs1nzvhZei6EVr7VPq1drTltHO0x7m3aH9qSOnI6XTo5Os85DXbKug26abp3ubT2MHkMvUe+A3k19WN9CP16/Sv+GAWxgacA1OGAwsBS91Hopb2nd0mFDkqGTYYZhs+GoEc3IxyjPqMPohbGmcYTxbuNe408mFiZJJvUmD0xlTFeY5pl2mf5qpm/GMqsyu21ONnc332jeaf5ymcEyzrKDy+5aUCx8LbZZdFt8tLSy5Fu2WE5ZaVpFW1VbDTOoDH9GMeOKNdra2Xqj9WnrdzaWNgKbEza/2BraJto22U4u11nOWV6/fMxO3Y5pV2s3Yk+3j7Y/ZD/ioObAdKhzeOKo4ch2bHCccNJzSnA65vTC2cSZ79zmPOdi47Le5bwr4urhWuja7ybjFuJW6fbYXd09zr3ZfcbDwmOdx3lPtKe3527PYS9lL5ZXo9fMCqsV61f0eJO8g7wrvZ/46Pvwfbp8Yd8Vvnt8H67UWslb2eEH/Lz89vg98tfxT/P/PgAT4B9QFfA00DQwN7A3iBIUFdQU9CbYObgk+EGIbogwpDtUMjQytDF0Lsw1rDRsZJXxqvWrrocrhHPDOyOwEaERDRGzq91W7109HmkRWRA5tEZnTdaaq2sV1iatPRMlGcWMOhmNjg6Lbor+wPRj1jFnY7xiqmNmWC6sfaznbEd2GXuKY8cp5UzE2sWWxk7G2cXtiZuKd4gvj5/munAruS8TPBNqEuYS/RKPJC4khSW1JuOSo5NP8WR4ibyeFJWUrJSBVIPUgtSRNJu0vWkzfG9+QzqUvia9U0AV/Uz1CXWFW4WjGfYZVRlvM0MzT2ZJZ/Gy+rL1s3dkT+S453y9DrWOta47Vy13c+7oeqf1tRugDTEbujdqbMzfOL7JY9PRzYTNiZt/yDPJK817vSVsS1e+cv6m/LGtHlubCyQK+AXD22y31WxHbedu799hvmP/jk+F7MJrRSZF5UUfilnF174y/ariq4WdsTv7SyxLDu7C7OLtGtrtsPtoqXRpTunYHt897WX0ssKy13uj9l4tX1Zes4+wT7hvpMKnonO/5v5d+z9UxlfeqXKuaq1Wqt5RPXeAfWDwoOPBlhrlmqKa94e4h+7WetS212nXlR/GHM44/LQ+tL73a8bXjQ0KDUUNH4/wjowcDTza02jV2Nik1FTSDDcLm6eORR67+Y3rN50thi21rbTWouPguPD4s2+jvx064X2i+yTjZMt3Wt9Vt1HaCtuh9uz2mY74jpHO8M6BUytOdXfZdrV9b/T9kdNqp6vOyJ4pOUs4m3924VzOudnzqeenL8RdGOuO6n5wcdXF2z0BPf2XvC9duex++WKvU++5K3ZXTl+1uXrqGuNax3XL6+19Fn1tP1j80NZv2d9+w+pG503rm10DywfODjoMXrjleuvyba/b1++svDMwFDJ0dzhyeOQu++7kvaR7L+9n3J9/sOkh+mHhI6lH5Y+VHtf9qPdj64jlyJlR19G+J0FPHoyxxp7/lP7Th/H8p+Sn5ROqE42TZpOnp9ynbj5b/Wz8eerz+emCn6V/rn6h++K7Xxx/6ZtZNTP+kv9y4dfiV/Kvjrxe9rp71n/28ZvkN/NzhW/l3x59x3jX+z7s/cR85gfsh4qPeh+7Pnl/eriQvLDwG/eE8/s3BCkeAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAIXRFWHRDcmVhdGlvbiBUaW1lADIwMjI6MDg6MTEgMDE6MjY6MTB2N148AAAbLUlEQVR4Xu3dC7RddX3g8f8lLyCQlBAeAgJxWlbAKlMWrUCV1IoOaHFcUysya8YWZkpBIgW0dRzn6VotzlTBKWkt2EGWUx8I+EB5g0OqlqACgyhPTQLm/SIJeT/und//nJ14k9wk996cc+/Z//P5rPVb+5GFJhHzzX+fvffp6evrSwxsxqx5Y2NzYszrYk6OmRZzbMzUfjMpZny/GRfTEwPA3uX4bI3ZErOp2q6LWdFvlsTMi5kfMzfm5dkzp22LLQMQ9ErEe0ps3hRzeswbYn49ZnpMjjQAoy9H/7mYn8Q8HfNUzGMR+VWx7XpdG/QIeF5pnxfzlpg3x5waY2UNUC85Ys/GfC/muzEPReDzyr7rdE3QI+AHxeasmAtizo85IyafA6AcvTFPxNwXc2/MnAh8Ple8ooMeEc8r7nwZ/aKYP4g5PgaA7rEw5vaY22Ly5flio1dk0CPkJ8Tm0pg/isk3sgHAvJhbY26JsC9onClIMUGvLqnny+mXxbwzJt+hDgC7y3fK3xNzU8y9pazaax/0CPnBsflAzDUx+a50ABisfNf8DTFfiLDnx+dqq7ZBj5BPjM2VMdfGHJPPAcAwLY25PmZWhH1D40zN1C7o1Yo8X1b/WEx+9AwAWiU/8nZdzM11W7HXJugR8nzH+r+N+YuYfNMbALRLvmnu4zH/py6fsdci6BHz/Pz4Z2LyI2gAMFLmxFwdUX+sedi5OjroEfL8OtZPxeTHz7zFDYDRkEOZH3f7SIS9Y18z27FBj5i/LzZ/HeOGNwA6Qb5x7qqI+lebh52l44IeIc8Bvznm3Y0TANBZ7oq5LMKeA98xOiroEfP8QphbYqzKAehkOeaXRNTz++I7QkcEPUKeH0X7q5j8XLnPygGogxzQG2M+GmEf9UfcRj3oEfOTYnNHzJmNEwBQLz+KeW9E/aXm4egY1a8PjZi/IzaPx4g5AHWVG/Z41bRRM2pBj1/4h2OTX45/ZOMEANRXbtk9VdtGxYhfco9fbP4WtPw42hWNEwBQls/G5Mfb8re6jZgRDXrE/LDYfCXmXY0TAFCmu2PeH1Ff1zxsvxELesT8iNjk2/u9vhWAbpBfF3tBRP2V5mF7jUjQI+ZHx+aBmNMbJwCgOzwV846I+rLmYfu0PegR8+Nj81DM9MYJAOguz8WcF1Ff2Dxsj7YGvVqZz44RcwC6WY76jHau1Nv22Fr1mXm+zC7mAHS73MIHqja2RVuCHj/hfDd7vgHOZ+YA0JSbeG/VyJZredDjJzomNvnRNHezA8Cuchu/XLWypdqxQs8vqvecOQAM7Pdi8gvWWqqlQY+/ceRX3nkDHADs2werZrZMy+5yj5/Y22OTPzdv+WUEACjQ9pj84pkHm4cHpiVBj5ifHJv89XG+aAUABm9lzJkR9fnNw+E74EvuEfNDYnNnjJgDwNDkdt5ZtfSAtOIz9E/FnNHcBQCGKDf0r5q7w3dAl9zjbxT5Tr27YnoaJwCA4cgxvnD2zGn5W9qGZdhBj5gfG5v80vn8elcA4MDk18K+MaK+tHk4NAdyyf3mGDEHgNbITf1cc3fohhX0WJ2/PzYXNo8AgBa5sGrskA35knv8F+U78p6JsToHgNbLl95Pmz1zWn6kbdCGs0L/dIyYA0B75Mbm1g7JkFbosTo/Kzb/FOOudgBonxznc2KVPqd5uH+DDnrEPEc8/wf/VuMEANBOP4g5K6I+qFAP5ZL7v4kRcwAYGbm5ub2DMqgVeqzOD47NizEnNE4AACNhQcyvxSp9U/Nw7wa7Qv+TGDEHgJGV25sbvF/7XaHH6nxibH4ec0zjBAAwkvKb4/5ZrNLXNw8HNpgV+pUxYg4AoyM3OLd4n/a5Qq8+O58Xk9/bDgCMjiUx0/b1Wfr+Vuj57joxB4DRlVu8zzve97pCr547/2nMqY0TAMBoejbm9Xt7Ln1fK/R3xog5AHSG3OTc5gHtK+iXV1sAoDPstc0DXnKfMWtefu5tfsyYxgkAoBNsjzl59sxp+YUzu9jbCv3SGDEHgM6S23xJc3dXe6zQq5vh5sac3DgBAHSSfAX9dbvfHDfQCj1/RaqYA0Bnyo3Ord7FQEG/qNoCAJ3pfdV2p10uuc+YNS8H/uWY4xsnAIBOtDDmxNkzp/U2D/dcoZ8dI+YA0Nlyq3Ozd9o96BdUWwCgs+3SbEEHgHrapdk7P0OfMWtefvH7onyucQIA6GQ54MfNnjktfxPbLiv0t8eIOQDUQ252bndD/6C/udoCAPWws939g/7b1RYAqIed7W58hj5j1rwjYn9FzO43yQEAnSs/hz519sxpr+wIeH6FnJgDQL3kdjdeA7sj4qdXWwCgXhoN3xH0N1ZbAKBeGg0XdACot0bDe869ce742K6PGZtPAAC1sjXmsLxCPzFGzAGgnsbFnJiDPq1xCADU1ck56Cc39wGAmppmhQ4A9ddYoR/T3AcAaurYHPSpzX0AoKaOzEE/srkPANTUVCt0AKi/xgp9UnMfAKipSTno+U1xAEB9TchBn9DcBwBqarwVOgDUX2OFnt8BCwDU17gc9J7mPgBQUz056ABAzQk6ABRA0AGgAIIOAAUQdAAogKADQAEEHQAKIOgAUABBB4ACCDoAFEDQAaAAgg4ABRB0ACiAoANAAQQdAAog6ABQAEEHgAIIOgAUQNABoACCDgAFEHQAKICgA0ABBB0ACiDoAFAAQQeAAgg6ABRA0AGgAIIOAAUQdAAogKADQAEEHQAKIOgAUABBB4ACCDoAFEDQAaAAgg4ABRB0ACiAoANAAQQdAAog6ABQAEEHgAIIOgAUQNABoACCDgAFEHQAKICgA0ABBB0ACiDoAFAAQQeAAgg6ABRA0AGgAIIOAAUQdAAogKADQAEEHQAKIOgAUABBB4ACCDoAFEDQAaAAgg4ABRB0AChAz7k3zu2r9mGffuWQMemUoyek4yaNTYeMOygd1FP9AHSZ7b19ad2W3rRg9bb0/LLNaePW3upHYPQIOvs0YexB6YJTD4s5PE0/enx1Fthhe7T8iYUb07d/+mqa/fMNqa/PH6mMDkFnr952ymHpyt+eko6cOKY6A+zL3JVb0/WzV6SnF22qzsDIEXT2MG5MT/rIW6em86cfVp0BBqs3/kT9+zmvpC8+vro6AyPDTXHsIsf8k793rJjDMOV7Sy47+4j0obccWZ2BkSHo7OKjbzsqnfnag6sjYLjee/qkdNFvTK6OoP0EnZ3On354evspE6sj4ED9ydlT0ilHTaiOoL0EnYZDxx+UPvjmKdUR0Apj4k/Yq2e49M7IEHQaLnz94Wnywf51gFZ7/bET0hknHFIdQfv4E5yGd512eLUHtNo7/f+LESDopNdMGpdOOmJcdQS02lknHZJ6erxakfYSdNL0Y9y0A+10+ISD0vGTx1ZH0B6CTuPd7EB7HTfJVTDaS9BJE8f71wDa7dDxLrnTXv4kx7emwQgY4zN02kzQAaAAgg4ABRB0ACiAoANAAQQdAAog6ABQAEEHgAIIOgAUQNABoACCDgAFEHQAKICgA0ABes69cW5ftU+XuvycKeniMyZXR0A7fOL+5enhF9dVR790xgmHpD8++4jq6Jc2be1Ly9ZtS88u3Zwee2ljWrx2a/UjMDArdIBRNOngg9Jpx0zYY8444eB0/vTD0jUzjkxf+cAJ6Yb3vCa94biDq38K9iToADWQAz/rX70mXfs7U9P4Mb6KlT0JOkCN/MtfPzxdH6v1ieP98c2u/BsBUDNveM2E9JfvOiaNPchKnV8SdIAa+ufHH5wuedOeN9PRvQQdoKbe/xuT0/GTx1VHdDtBB6ipsfEnuEdO2UHQAWrsd3/tsDTWXe8EQQeosYnjexrPrYOgA9Tc644cX+3RzQQdoOamHDqm2qObCTpAzY3zGTpB0AGgAIIOAAUQdAAogKADQAEEHQAKIOgAUABBB4ACCDoAFEDQAaAAgg4ABRB0ACiAoANAAQQdAAog6ABQAEEHKNSxk8alOy45cY/56h++Nn3uouPTR946Nf3miYeknh5fv1oCQQcoVP6a9KMmjtljjjl8bDrlqPHpwtcfnj717mPT3190XDr1mAnVP0VdCTpAl/vVqePT3/z+cem8Uw6rzlBHgg5AGhM1+Pjbj0q/ddKh1RnqRtABaDioJ6WPvW1qmjheGurI/2oA7DTl0DHp90+fVB1RJ4IOwC7+xfTDqz3qRNAB2MUJk8emIyeOrY6oC0EHYA/50TbqRdAB2MP4/BA7tSLoAFAAQQeAAgg6ABRA0AGgAIIOAAUQdAAogKADQAEEHQAKIOgAUABBB4ACCDoAFEDQAaAAgg4ABRB0ACiAoANAAQQdAAog6ABQAEEHgAIIOgAUQNABoACCDgAFEHQAKICgA0ABBB0ACiDoAFAAQQeAAgg6ABRA0AGgAIIOAAUQdAAogKADQAEEHQAKIOgAUABBB4ACCDoAFEDQAaAAgg4ABRB0ACiAoANAAQQdAAog6ABQAEEHgAIIOgAUQNABoACCDgAFEHQAKICgA0ABBB0ACiDoAFAAQQeAAgg6ABRA0AGgAIIOAAUQdAAogKADQAEEHQAKIOgAUABBB4ACCDoAFEDQAaAAgg4ABRB0ACiAoANAAQQdAAog6ABQAEEHgAIIOgAUQNABoACCDgAFEHQAKICgA0ABBB0ACiDoAFAAQQeAAgg6ABRA0AGgAIIOAAUQdAAogKADQAEEHYA9bNneV+1RF4IOwB6WrN1a7VEXgg7ALhas2ZZWbdheHVEXgg7ALu5/7tVqjzoRdAB2emVjb7rzqbXVEXUi6AA09Pal9MmHl6f1W3qrM9SJoAOQtkfDr3toeZozf0N1hroRdIAu97MVW9KVdy5KDzy/rjpDHQk6QKHyo+T5bvXdZ8X67enFiPjdz6xLf/atpenf37YoPbt0c/VPUVc9594419sDutzl50xJF58xuToC2uET9y9PD7+45wr4d351Yvrv5x9dHQ3Pl55Yk276p1XVEd3KCh0ACiDoAFAAQQeAAgg6ABRA0AGgAIIOAAUQdAAogKADQAEEHQAKIOgAUABBB4ACCDoAFEDQAaAAgg4ABRB0gJrbmr/4nK4n6AA1t2rD9mqPbiboADU3d+WWao9uJugANbZ+S196Zunm6ohuJugANfadF9elbT5DJwg6QE1t603py0+sqY7odoIOUFNfenx1Wrhma3VEtxN0gBp6cuGmdOsPV1dHIOgAtfP04s3p43cvTdt7fXbOLwk6QI188yevpmu/sTit39JbnYEmQQeogScWbEozv7Y4Xf/IirTFXe0MQNABRtHaTb2N58h3nxzw+55bl26YvTK9/wsL0jWxKn960abqn4I99Zx741x/1etyl58zJV18xuTqCGiHT9y/PD384rrqCFrPCh0ACiDoAFAAQQeAAgg6ABRA0AGgAIIOAAUQdAAogKADQAEEHQAKIOgAUABBB4ACCDoAFEDQAUbA9j7fg0V7CTrACNiwRdBpL0EHGAGL1m6t9qA9BB2gzV7d3JsWrtlWHUF7CDpAm815aWPq8xk6bSboAG12zzOvVnvQPoIO0EY/XbI5PbFgY3UE7SPoAG2yvTelz8xeWR1Bewk6QJvc9Oiq9MLyzdURtJegA7TBHU+tTbc9uaY6gvYTdIAW6u1L6eZHX0k3fteldkaWoAO0yNyVW9NVX1+cvvj46uoMjBxBBzgA+ca3H/5iY/qv9y1Ll35lYXp60abqR2Bk9Zx741xvO+hyl58zJV18xuTqqJ4e+dn69MLyLdURtNf23r60bktvWrB6W3p+2ea0cWtUHUaZoFP7oN/6w9Xp1h+s9iYuoKu55E5t5Uudn3x4Rfr8Y6+IOdD1BJ1a2rC1L/35t5ake5/1Sk2ATNCpneXrt6eZdy5KP/qF12kC7CDo1Ep+LOiK2xeln69wAxxAf4JObTy+YFO6Mlbmy9f5XmmA3Qk6tXDfc+vSn9+1JG3Y4vEggIEIOh3vCz9a3bibfVt+pyYAAxJ0Otb26Pf//M6K9L/neCwNYH8EnY60cWtf+g/fXprufsZjaQCDIeh0nJXrt6cPfW1x+sFLG6ozAOyPoNNR5q/amq64Y1F6cfnm6gwAgyHodIwnFzYfS1v6qsfSAIZK0OkIDz6/Pn3kriVp3WaPpQEMh6Az6v7h8TXpLx5anrbl29oBGBZBZ9Tkfn/6kZXpc4+u8lgawAESdEZFfizt43cvTXf9ZG11BoADIeiMuFUbtqervr44PTrfY2kArSLojKiXXsmPpS1OLyzzWBpAKwk6I+apRZvSlRHzJWu3VmcAaBVBZ0R858X16cPfXJJe3by9OgNAKwk6bffFx9ekTzywPG31WBpA2wg6bZO/7fT6R1ammz2WBtB2gk5bbNrWl/7TPcvSNz2WBjAiBJ2WW72xN1399cXp+/PWV2cAaDdBp6V+sbr5bWnPLvVYGsBIEnRa5unFm9MH71icFq3xWBrASBN0WuKRn61P135jcVq7yWNpAKNB0DlgX3lyTfpv9y9PWzyWBjBqBJ1hy4+l/a9/XJk++32PpQGMNkFnWDZv60v/+d5l6Ws/9lgaQCcQdNJQ19ZrNvWmq7+xJH1vrsfSADqFoJPWRqAHa8GabemK2xelZ5Zsqs4A0AkEnfTEgo3V3r79dEl+LG1RWuixNICOI+ik55dtTv84d0N1NLD849d8Y0las9FjaQCdSNBp+MsHl6c5Lw28Uv/yE2vSf7l3Wdq8bfCX5gEYWT3n3jjX80bs9JsnHpLOPvnQdMQhY9KSV7elh19Yn362wmtcATqdoANAAVxyB4ACCDoAFEDQAaAAgg4ABRB0ACiAoANAAQQdAAog6ABQAEEHgAIIOgAUQNABoACCDgAFEHQAKICgA0ABBB0ACiDoAFAAQQeAAgg6ABRA0AGgAIIOAAUQdAAogKADQAEEHQAKIOgAUIAc9L7mLgBQU3056Fub+wBATW3NQd/S3AcAampzDvrm5j4AUFNbrNABoP4aK/S1zX0AoKbW5qCvaO4DADW1Mgd9ZXMfAKipFVboAFB/jRX60uY+AFBTS3LQ5zX3AYCamp+DPr+5DwDU1DwrdACov8YK/eWYbY1DAKBu8neyvHzQ7JnT8pvinm+cAgDq5oXc8rxCz35cbQGAemk0XNABoN52CfpT1RYAqJdGw3cEfU5Mb3MXAKiJ3O7c8GbQZ8+c9kpsns37AEBtPFs1fOcKPft+tQUA6mFnu/sH/XvVFgCoh53t7h/0B2P6mrsAQIfLzc7tbtgZ9Nkzpy2JzZPNIwCgwz1Ztbuh/wo9u7faAgCdbZdmCzoA1NM+g/5ozMLmLgDQoXKrc7N32iXos2dOyw+o39E8AgA61O1Vs3fafYWe3VZtAYDO9NVqu9NAQc+vkJvf3AUAOkxudON1r/3tEfRYwufn2j7fPAIAOswtVat3MdAKPbslZntzFwDoELnNAy66Bwx6lH9BbDzCBgCd5d6q0XvY2wo9+7tqCwB0hr22eV9BvyfGV6oCQGfITc5tHtBeg1594H598wgAGGXXD3Qz3A77WqFn/xCz88XvAMCoyC3OTd6rfQY9/iawKTY3NI8AgFFyQ9XkvdrfCj37m5ilzV0AYITlBucW79N+gx5/I1gfm+uaRwDACLuuavE+DWaFnt0UM+BzbwBA2+T25gbv16CCXl23/4/NIwBghHxsf5+d7zDYFXqW767b42XwAEBb5OZ+sbm7fz19fXt9pG0PM2bNe1Ns8heq9zROAADtkON8VqzOf9A83L+hrNDzpffHYnNr8wgAaJPPDyXm2ZCCXvlIjMfYAKA9cmP/rLk7eEMOevyNYVVs/rR5BAC02J9WrR2SIX2G3t+MWfPuis2FzSMAoAW+FTF/d7U/JMO55L7DZTHLmrsAwAHKTf3j5u7QDTvo8TeI/KL4fxczvCU+ALBDbuml0dZh36N2ICv0HPVvx+azzSMAYJj+Npp6d7U/LAcU9Eq+6/2J5i4AMES5oUO+q313w74prr8Zs+adHJsfxRzZOAEADMbKmDNjdT6/eTh8rVih50vv+Sdyccz2xgkAYH9yMy9uRcyzlgQ9i5/Qg7H5aPMIANiPj1btbImWXHLvb8aseX8bmyuaRwDAAPJNcFdW+y3RshV6Px+KOaA79QCgYPkJsauau63T8hV6Fqv0w2LzUEz+djYAoCl/ydl5sTpf1zxsnbYEPYuoHxGb/xtzeuMEAHS3p2LeGjF/pXnYWm0LehZRPzo2s2OmN04AQHd6LmZGxLxtr0xvx2foO1U/8fNi8i8EALpRbmC+zN7W7z9pa9Cz+AUsjM2MmHypAQC6SW5fXpnnFrZV24OeVX8reWtMvhkAALpBbl7+zLytK/MdRiToWfyC8k0A+fK7R9oAKF1uXb7M3pYb4AYyYkHP4heWb9N/T4xvaAOgVLlx76maN2Laepf7vsyYNe/DsfkfMWMaJwCg3vK72fPrXD/dPBxZoxb0LKL+jth8Kca3tAFQZ/lb0/51xPyB5uHIG9WgZxH1k2JzR8yZjRMAUC/568PfGzF/qXk4Okb0M/SBVL8Bb4mZFTO6f7sAgMHLzfrrmLeMdsyzUV+h9xer9XfG5paYYxonAKAzLY25JEJ+b/Nw9I36Cr2/+I25Jzb53e93NU4AQOfJjTq9k2KeddQKvb9Yrb8vNvlShtU6AJ0gr8qvipB/tXnYWTpqhd5f9Rt2WsznY3y2DsBoyQ3KLTqtU2OedewKvb9YrZ8Vm8/E+H51AEbSnJirI+Qd/+ryjl2h9xe/kfk39OyYP4xZkM8BQBvl1uTmnFOHmGe1WKH3F6v1g2NzWczHYo7N5wCgRZbEXBdzc4R8U+NMTdQu6DtE2CfG5sqYa2PcOAfAgcg3vF0fMytCvqFxpmZqG/QdqhX7B2KuiZmezwHAID0Xc0PMF+q2It9d7YO+Q4Q93w9wQUy+HJ9fUDM2BgB2ty0mv/fkpph7I+RFhLCYoPcXcT8hNpfG/FHMtHwOgK43L+bWmFsi4sXdYF1k0HeIsPfEJj/qdlHMH8QcHwNA91gYc3vMbTGPlbIaH0jRQe+vuiSfn2fPl+XPjzkjphaP7QEwaL0xT8TcF5NfzTonIp7PFa9rgr67CHx+5O28mPxNb2+OOTUmr+gBqI8csWdjvhfz3ZiHIuD50bOu07VB310Efkps8str8pfDvCHmjTGnxLi5DqAz5JvZXoj5cczTMf8vJq/AV8W26wn6PkTkJ8TmtTGvq+bEmPzM+9R+MylmfL8ZF2OlD7BvOT5bY7bE5MfF8nZdzIp+k58NfzlmbjW/iHhvji17SOn/A6bddTBuigQoAAAAAElFTkSuQmCC';

package/src/webchat/index.ts

@@ -2,5 +2,5 @@ export const SVG_FINGERPRINT = 'febafb41c2fd60efa2bdaead993c7087';
 
 // webchat spritesheet
 export enum WebChatIcon {
-  send = 'send-03',
+  send = 'send-03'
 }