--- /dev/null
+<!DOCTYPE html>
+<html ng-app="motion-chat" style="background-color: transparent" ng-strict-di>
+ <head>
+ <meta charset="utf-8" />
+ <title>xCally Motion Chat</title>
+ <script type="text/javascript">
+ const base = document.createElement("base");
+ base.setAttribute('href', window.location.pathname)
+ const title = document.getElementsByTagName('title')[0];
+ title.parentNode.insertBefore(base, title);
+ // document.write("<base href='" + window.location.pathname + "' />")
+ </script>
+ <!-- CSS -->
+ <!-- bundle -->
+ <link href="styles/app.css" rel="stylesheet">
+ <!-- bundle -->
+ </head>
+ <body
+ ng-controller="IndexController as vm"
+ style="background-color: transparent; overflow: hidden"
+ ng-cloak
+ >
+ <!-- CHAT APP -->
+ <div id="id-row" layout="row" layout-align="center end">
+ <div
+ id="chat-app"
+ layout="column"
+ ng-if="settings.online || !settings.hideWhenOffline"
+ >
+ <!-- CHAT TOOLBAR -->
+ <md-toolbar
+ id="chat-toolbar"
+ class="chat-toolbar"
+ layout="row"
+ layout-align="start center"
+ ng-style="{'background-color': '{{settings.color}}', 'border-top-left-radius': '{{vm.getHeaderShape();}}', 'border-top-right-radius': '{{vm.getHeaderShape();}}', 'width': '100%'}"
+ ng-click="(settings.alignment == 'bottom_right') && vm.toggle(!layout.up)"
+ >
+ <div class="md-toolbar-tools">
+ <div class="avatar-wrapper">
+ <img
+ ng-src="{{ settings.remote }}/api/chat/websites/{{
+ settings.id
+ }}/logo?token={{ settings.token }}"
+ class="avatar logo"
+ alt="logo"
+ />
+ </div>
+
+ <span
+ class="title"
+ flex
+ style="margin-left: 4px"
+ ng-style="{'font-size': '{{settings.fontSize}}px', 'color': '{{settings.textColor}}'}"
+ md-truncate
+ >
+ {{ actualTitle }}
+ </span>
+
+ <md-progress-circular
+ ng-if="loading"
+ md-diameter="16px"
+ ></md-progress-circular>
+
+ <md-button
+ ng-print
+ class="md-icon-button header-button"
+ aria-label="Print"
+ ng-if="
+ layout.up &&
+ visitor.interaction.id &&
+ status != 'waiting' &&
+ status != 'online' &&
+ status != 'offline' &&
+ status != 'unmanaged'
+ "
+ ng-click="$event.stopPropagation();"
+ >
+ <i class="mdi mdi-printer mdi-light"></i>
+ </md-button>
+ <div
+ ng-if="
+ layout.up &&
+ visitor.interaction.id &&
+ settings.download_transcript &&
+ status != 'waiting' &&
+ status != 'online' &&
+ status != 'offline' &&
+ status != 'unmanaged'
+ "
+ ng-click="$event.stopPropagation();"
+ ng-csv="vm.download();"
+ quote-strings="true"
+ csv-header="['Sender', 'Message', 'Sent At']"
+ filename="transcript.csv"
+ >
+ <i class="mdi mdi-download mdi-light"></i>
+ </div>
+ <md-button
+ class="md-icon-button header-button"
+ aria-label="Close"
+ ng-if="
+ layout.up &&
+ visitor.interaction.id &&
+ status != 'waiting' &&
+ status != 'online' &&
+ status != 'offline' &&
+ status != 'unmanaged'
+ "
+ ng-click="vm.close(); $event.stopPropagation();"
+ >
+ <i
+ class="mdi mdi-close mdi-light"
+ ng-click="vm.close(); $event.stopPropagation();"
+ ></i>
+ </md-button>
+ <div
+ ng-if="settings.alignment == 'bottom_right'"
+ aria-label="Reduce"
+ >
+ <i
+ class="mdi mdi-light mdi-light"
+ ng-class="layout.up === true ? 'mdi-chevron-down' : 'mdi-chevron-up'"
+ ></i>
+ </div>
+ <!-- </md-button> -->
+ </div>
+ </md-toolbar>
+ <!-- / CHAT TOOLBAR -->
+
+ <!-- CHAT CONTENT -->
+ <md-content class="chat-content">
+ <ui-view></ui-view>
+ </md-content>
+ <!-- CHAT CONTENT -->
+ </div>
+ </div>
+ <!-- JavaScript -->
+
+ <!-- injected into window -->
+
+ <script type="text/javascript">
+
+ window['buildInfo'] = {"name":"motion-chat","version":"3.8.1","shortHash":"ff359ca","branch":"master","tag":"v3.8.1","committedOn":"2022-12-05T16:58:19.000Z","buildDate":"2022-12-07T15:23:28.290Z"};
+
+ </script>
+
+ <!-- injected into window -->
+
+ <!-- bundle -->
+ <script src="scripts/app.js"></script><script src="scripts/runtime.js"></script><script src="scripts/chat.js"></script>
+ <!-- bundle -->
+
+ <!-- / CHAT APP -->
+ </body>
+</html>