3 angular.module("motion", ["ngAnimate", "ngAria", "ngMessages", "ngMaterial", "ngResource", "ngSanitize", "ngCsv", "ngEmbed", "ui.router", "LocalStorageModule", "ngRateIt", "flow"]).constant("STORAGE_PREFIX", "motion_chat").constant("STORAGE_VISITOR", "visitor").constant("STORAGE_LAYOUT", "layout").directive("ngEnter", function() {
4 return function(e, n, t) {
5 n.bind("keydown keypress", function(n) {
6 13 === n.which && (e.$apply(function() {
8 }), n.preventDefault())
16 function e(e, n, t, i, o, r, a, s, l, c, d) {
18 n.settings.online ? r.go("app.online") : r.go("app.offline")
22 n.visitor && n.visitor.interaction && n.visitor.interaction.id && l.chatInteraction.get({
23 id: n.visitor.interaction.id
24 }).$promise.then(function(e) {
25 delete k.errors.getInteraction, e.closed && (n.visitor.interaction.closed = !0, s.set(c, n.visitor), "unmanaged" === e.disposition ? r.go("app.unmanaged") : r.go("app.closing"))
26 }).catch(function(e) {
35 r.go("app.unmanaged");
45 k.errors[e] = n.data, x()
50 var t = b[0].emojioneArea.getText();
51 e && 13 === e.keyCode && e.shiftKey || e && 13 !== e.keyCode || "" !== t && f(_.merge({
57 l.chatWebsite.notify(e).$promise.then(function(e) {
58 delete k.errors.chatMessageError, _.isNil(n.visitor.interaction) && (n.visitor.interaction = {
60 }, s.set(c, n.visitor)), b[0].emojioneArea.setText(""), x()
61 }).catch(g("chatMessageError"))
65 n.visitor && n.visitor.interaction && n.visitor.interaction.id && l.chatInteraction.getMessages({
66 intid: n.visitor.interaction.id,
68 }).$promise.then(function(e) {
69 if (delete k.errors.interaction, e.count) {
70 T = e.rows[e.count - 1].id;
71 for (var n = 0; n < e.rows.length; n++) k.messages.push(e.rows[n]), "out" !== e.rows[n].direction || e.rows[n].read || h(e.rows[n].id);
74 }).catch(function(e) {
80 r.go("app.unmanaged");
89 return l.chatMessage.update({
92 }).$promise.catch(function(e) {
99 var e = o[0].getElementsByClassName("chat-messages")[0];
100 e && (e.scrollTop = e.scrollHeight)
103 var b, y, w, T, k = this;
104 k.errors = {}, k.messages = [], k.emojiOptions = {
110 }, k.$onInit = function() {
111 n.loading = !1, n.settings.showMenu = !0, n.visitor = s.get(c) || {}, n.layout = s.get(d) || {}, k.replyMessage = "", n.visitor.interaction && n.visitor.interaction.closed ? (s.remove(c), m()) : (p(), y = i(v, 2e3), w = i(p, 3e3)), b = $("#emojionearea").emojioneArea({
112 placeholder: n.settings.placeholderMessage || "Type a message",
114 keyup: function(e, n) {
119 }, k.reply = u, k.fileAdded = function(e) {
120 var t = new FormData;
121 t.append("file", e.file), a.post(n.settings.remote + "/api/chat/interactions/" + n.visitor.interaction.id + "/attachment_upload?token=" + n.settings.token, t, {
122 transformRequest: angular.identity,
124 "Content-Type": void 0
126 }).then(function(e) {
127 (e = e.data).id ? (delete k.errors.sendAttachment, f(_.merge({
128 body: '<a href="' + n.settings.remote + "/api/chat/interactions/" + n.visitor.interaction.id + "/attachment_download?attachId=" + e.id + "&token=" + n.settings.token + '" target="_blank">' + e.name + "</a>",
130 }, n.visitor))) : g("sendAttachment")
131 }, g("sendAttachment"))
132 }, e.$on("$destroy", function() {
133 i.cancel(y), i.cancel(w), y = null, w = null
134 }), n.$on("$download", function(e, n) {
135 n && n(_.values(k.messages))
138 e.$inject = ["$scope", "$rootScope", "$timeout", "$interval", "$document", "$state", "$http", "localStorageService", "api", "STORAGE_VISITOR", "STORAGE_LAYOUT"], angular.module("motion").controller("ChatController", e)
143 function e(e, n, t, i, o, r) {
145 n.settings.online ? t.go("app.online") : t.go("app.offline")
149 d.form = {}, d.upColor = null, d.downColor = null, d.userForm.$setPristine(), d.userForm.$setUntouched(), i.remove(r), n.enableDownload = !1
162 d.$onInit = function() {
163 d.visitor = i.get(r) || {}, i.remove(r), n.loading = !1, delete n.visitor.interaction
164 }, d.submit = function() {
165 n.loading = !0, d.visitor.interaction && d.visitor.interaction.id ? o.chatInteraction.close(_.merge({
166 id: d.visitor.interaction.id,
167 ratingType: n.settings.ratingType
168 }, d.form)).$promise.then(function(e) {
169 delete d.errors.submit
170 }).then(s).then(a).catch(l("submit")).finally(c) : (c(), l("submit"))
171 }, d.skip = function() {
173 }, d.form = {}, d.errors = {}
175 e.$inject = ["$scope", "$rootScope", "$state", "localStorageService", "api", "STORAGE_VISITOR"], angular.module("motion").controller("ClosingController", e)
180 function e(e, n, t, i, o, r, a, s, l, c, d) {
182 o.go(n.settings.online ? "app.online" : "app.offline")
186 t.parent.postMessage({
192 n.layout.up = e, s.set(c, n.layout), p(e ? "show" : "hide")
195 u.$onInit = function() {
196 n.visitor = s.get(d) || {}, n.layout = s.get(c) || {
198 }, g(!!n.layout.up), m()
199 }, u.close = function() {
200 var e = s.get(d).interaction;
202 var t = r.confirm().parent(angular.element(document.querySelector("#chat-app"))).clickOutsideToClose(!0).title(n.settings.closingQuestion || "Do you want to close the interaction?").ok("Ok").cancel("Cancel");
203 r.show(t).then(function() {
204 return l.chatInteraction.update({
207 closedAt: moment().format("YYYY-MM-DD HH:mm:ss")
211 }).catch(function(e) {
212 console.error("keep open", e)
215 }, u.toggle = g, u.download = function(e) {
217 t = s.get(d).interaction;
218 return t && t.id && l.chatInteraction.getMessages({
220 }).$promise.then(function(e) {
221 n.resolve(_.map(e.rows, function(e) {
223 sender: "in" === e.direction ? "Visitor" + e.ContactId : e.UserId ? "Agent" + e.UserId : "System",
225 createdAt: moment(e.createdAt).format("MM/DD/YYYY HH:mm:ss")
228 }).catch(function(e) {
231 }, u.getHeaderShape = function() {
232 return "rounded" === n.settings.header_shape ? "15px" : "0px"
233 }, window.addEventListener("message", function(e) {
234 g("show" === e.data.evt)
237 e.$inject = ["$scope", "$rootScope", "$window", "$http", "$state", "$mdDialog", "$q", "localStorageService", "api", "STORAGE_LAYOUT", "STORAGE_VISITOR"], angular.module("motion").controller("IndexController", e)
244 baseUrl: e.settings.remote + "/api/"
248 token: e.settings.token
250 return t.chatWebsite = n(t.baseUrl + "chat/websites/:id", i, {
253 url: t.baseUrl + "chat/websites/:id/notify"
257 url: t.baseUrl + "chat/websites/:id/offline"
261 url: t.baseUrl + "chat/websites/:id/fields"
263 }), t.chatInteraction = n(t.baseUrl + "chat/interactions/:id", i, {
266 url: t.baseUrl + "chat/interactions/:id"
270 url: t.baseUrl + "chat/interactions/:id/close"
274 url: t.baseUrl + "chat/interactions/:intid/my_messages"
278 url: t.baseUrl + "chat/interactions/:id/attachment_upload",
280 "Content-Type": void 0
282 transformRequest: angular.identity
284 downloadAttachment: {
286 url: t.baseUrl + "chat/interactions/:id/attachment_download"
288 }), t.chatMessage = n(t.baseUrl + "chat/messages/:id", i, {
291 url: t.baseUrl + "chat/messages/:id"
295 e.$inject = ["$rootScope", "$resource"], angular.module("motion").factory("api", e)
305 }, _.forIn(t, function(n, t) {
306 "" === n || _.isNil(n) || ("true" === n && (n = !0), "false" === n && (n = !1), e.settings[t] = n)
310 function n(e, n, t, i, o, r) {
311 t.html5Mode(!0), i.defaults.headers.get || (i.defaults.headers.get = {}), i.defaults.headers.get["If-Modified-Since"] = "Mon, 26 Jul 1997 05:00:00 GMT", i.defaults.headers.get["Cache-Control"] = "no-cache", i.defaults.headers.get.Pragma = "no-cache", o.setPrefix(r), e.state("app", {
314 }).state("app.waiting", {
316 templateUrl: "app/waiting/index.html",
317 controller: "WaitingController as vm"
318 }).state("app.online", {
320 templateUrl: "app/online/index.html",
321 controller: "OnlineController as vm"
322 }).state("app.offline", {
324 templateUrl: "app/offline/index.html",
325 controller: "OfflineController as vm"
326 }).state("app.chat", {
328 templateUrl: "app/chat/index.html",
329 controller: "ChatController as vm"
330 }).state("app.unmanaged", {
332 templateUrl: "app/unmanaged/index.html",
333 controller: "UnmanagedController as vm"
334 }).state("app.closing", {
336 templateUrl: "app/closing/index.html",
337 controller: "ClosingController as vm"
340 e.$inject = ["$rootScope", "$location"], n.$inject = ["$stateProvider", "$urlRouterProvider", "$locationProvider", "$httpProvider", "localStorageServiceProvider", "STORAGE_PREFIX"], angular.module("motion").config(n).run(e)
345 function e(e, n, t) {
348 var o = t.simple().textContent(e.settings.formSubmitFailureMessage || "Form submission error").toastClass("md-failure-toast").position("top");
349 t.show(o), a.errors[n] = i.data
354 console.log("stopLoading"), e.loading = !1
358 return "Anonymous" + _.random(1, 1e6)
362 a.$onInit = function() {
363 console.log(e.settings), a.visitor = {
365 mapKeyOffline: "firstName",
367 }, e.settings.showMenu = !1, e.loading = !1, n.chatWebsite.getFields({
370 }).$promise.then(function(e) {
371 e.count && (s = e.fromKey, a.fields = e.rows)
372 }).catch(function(e) {
375 }, a.submit = function() {
377 for (var r = 0; r < a.fields.length; r++) {
379 l.props && a.form.hasOwnProperty(l.props.title) && (_.isNil(l.cmField) || (a.visitor[l.cmField] = _.isArray(a.form[l.props.title]) ? a.form[l.props.title].join() : a.form[l.props.title]), r === s && (_.isNil(e.settings.mapKeyOffline) || (a.visitor.mapKeyOffline = e.settings.mapKeyOffline, a.visitor.from = _.isArray(a.form[l.props.title]) ? a.form[l.props.title].join() : a.form[l.props.title])))
381 n.chatWebsite.offline(_.merge({
383 }, a.visitor)).$promise.then(function(n) {
384 delete a.errors.submit, e.$emit("hide"), a.form = {}, a.userForm.$setPristine(), a.userForm.$setUntouched();
385 var i = t.simple().textContent(e.settings.formSubmitSuccessMessage || "Form properly submitted").toastClass("md-success-toast").position("top");
387 }).catch(i("submit")).finally(o)
388 }, a.toggle = function(e, n) {
389 a.form[e] || (a.form[e] = []);
390 var t = a.form[e].indexOf(n);
391 t > -1 ? a.form[e].splice(t, 1) : a.form[e].push(n)
392 }, a.exists = function(e, n) {
393 return a.form[e] || (a.form[e] = []), a.form[e].indexOf(n) > -1
394 }, a.form = {}, a.errors = {}, a.userForm = {}
396 e.$inject = ["$rootScope", "api", "$mdToast"], angular.module("motion").controller("OfflineController", e)
401 function e(e, n, t, i, o, r) {
403 e.settings.enableCustomerWriting ? n.go("app.chat") : n.go("app.waiting")
407 c.disableItem = !0, i.chatWebsite.notify(e).$promise.then(function(e) {
408 delete c.errors.chatMessageError, c.visitor.message = {
410 }, c.visitor.interaction = {
412 }, t.set(r, c.visitor), c.disableItem = !1, a()
413 }).catch(function(e) {
414 c.disableItem = !1, console.error(e)
419 return "Anonymous" + _.random(1, 1e6)
423 c.$onInit = function() {
424 t.get(r) && (c.visitor = t.get(r)), c.visitor && c.visitor.interaction ? c.visitor.interaction.UserId ? n.go("app.chat") : n.go("app.waiting") : (c.visitor = {
428 }, e.settings.showMenu = !1, t.set(r, c.visitor), i.chatWebsite.getFields({
431 }).$promise.then(function(e) {
432 e.count && (d = e.fromKey, c.fields = e.rows)
433 }).catch(function(e) {
436 }, c.submit = function() {
437 for (var n = "", t = 0; t < c.fields.length; t++) {
439 i.props && c.form.hasOwnProperty(i.props.title) && (_.isNil(i.variable) || (c.visitor[i.variable] = _.isArray(c.form[i.props.title]) ? c.form[i.props.title].join() : c.form[i.props.title]), _.isNil(i.cmField) || (c.visitor[i.cmField] = _.isArray(c.form[i.props.title]) ? c.form[i.props.title].join() : c.form[i.props.title]), t === d && (_.isNil(e.settings.mapKey) || (c.visitor.mapKey = e.settings.mapKey, c.visitor.from = _.isArray(c.form[i.props.title]) ? c.form[i.props.title].join() : c.form[i.props.title])), n += i.props.title + ": " + c.form[i.props.title] + "\n")
443 referer: e.settings.referer,
444 customerIp: e.settings.customerIp
446 }, c.toggle = function(e, n) {
447 c.form[e] || (c.form[e] = []);
448 var t = c.form[e].indexOf(n);
449 t > -1 ? c.form[e].splice(t, 1) : c.form[e].push(n)
450 }, c.exists = function(e, n) {
451 return c.form[e] || (c.form[e] = []), c.form[e].indexOf(n) > -1
452 }, c.form = {}, c.errors = {}, c.userForm = {}, c.disableItem = !1
454 e.$inject = ["$rootScope", "$state", "localStorageService", "api", "STORAGE_PREFIX", "STORAGE_VISITOR"], angular.module("motion").controller("OnlineController", e)
459 function e(e, n, t, i, o, r) {
461 n.settings.online ? t.go("app.online") : t.go("app.offline")
465 d.form = {}, d.upColor = null, d.downColor = null, d.userForm.$setPristine(), d.userForm.$setUntouched(), i.remove(r), n.enableDownload = !1, n.$emit("hide")
478 d.form = {}, d.errors = {}, d.$onInit = function() {
479 d.visitor = i.get(r) || {}, i.remove(r), n.loading = !1
480 }, d.submit = function() {
481 n.loading = !0, d.visitor.interaction && d.visitor.interaction.id ? o.chatInteraction.update({
482 id: d.visitor.interaction.id,
484 }).$promise.then(function(e) {
485 delete d.errors.submit
486 }).then(s).then(a).catch(l("submit")).finally(c) : (c(), l("submit"))
487 }, d.skip = function() {
491 e.$inject = ["$scope", "$rootScope", "$state", "localStorageService", "api", "STORAGE_VISITOR"], angular.module("motion").controller("UnmanagedController", e)
496 function e(e, n, t, i, o, r, a, s, l, c) {
498 l.chatInteraction.get({
499 id: g.visitor.interaction.id
500 }).$promise.then(function(e) {
501 e.closed && (g.visitor.interaction.closed = !0, s.set(c, g.visitor), "unmanaged" === e.disposition && i.go("app.unmanaged")), e.UserId && (g.visitor.interaction.UserId = e.UserId, s.set(c, g.visitor), i.go("app.chat"))
502 }).catch(function(e) {
508 i.go("app.unmanaged");
517 if (g.visitor && g.visitor.interaction && g.visitor.interaction.id && !u) {
519 var n = new XMLHttpRequest;
520 n.open("PUT", e.settings.remote + "/api/chat/interactions/" + g.visitor.interaction.id + "/abandon?token=" + e.settings.token, !1), n.setRequestHeader("Content-type", "application/json; charset=utf-8"), n.send(JSON.stringify({
523 id: g.visitor.interaction.id
526 id: g.visitor.message.id
528 disposition: "abandoned",
530 closedAt: moment().format("YYYY-MM-DD HH:mm:ss")
531 })), 4 === n.readyState && 200 === n.status && s.remove(c)
536 g.$onInit = function() {
537 g.visitor && g.visitor.interaction && g.visitor.interaction.id && (p = t(d, 3e3))
538 }, g.visitor = s.get(c) || {}, n.$on("$destroy", function() {
539 a.removeEventListener("beforeunload", m), a.removeEventListener("unload", m), t.cancel(p)
540 }), a.addEventListener("beforeunload", m), a.addEventListener("unload", m)
542 e.$inject = ["$rootScope", "$scope", "$interval", "$state", "$transitions", "$q", "$window", "localStorageService", "api", "STORAGE_VISITOR"], angular.module("motion").controller("WaitingController", e)
543 }(), angular.module("motion").run(["$templateCache", function(e) {
545 e.put("app/chat/index.html", '\x3c!-- CHAT CONTENT --\x3e\n<md-content class="chat-messages">\n <div layout="row" ng-if="!$first" ng-repeat="(key, message) in vm.messages track by message.id" class="md-padding message-row" ng-class="{\'in\': message.direction === \'in\', \'out\': message.direction === \'out\' && message.UserId, \'auto\': message.direction === \'out\' && !message.UserId}">\n <img ng-if="message.direction ===\'out\' && !message.UserId" src="assets/images/avatars/robot0.png" class="avatar" alt="system" />\n <img ng-if="message.direction ===\'out\' && message.UserId" ng-src="{{settings.remote}}/api/{{settings.showAgentAvatar ? \'users/\' + visitor.interaction.UserId + \'/avatar\' : \'chat/websites/\' + settings.id + \'/avatar\'}}?token={{settings.token}}" class="avatar" alt="agent" />\n <img ng-if="message.direction ===\'in\'" src="assets/images/avatars/customer0.png" class="avatar" alt="customer" />\n\n <div class="bubble">\n <div class="time secondary-text">\n <span>\n {{message.direction === \'out\' ? (message.UserId ? (settings.agentAlias || \'Agent\') + message.UserId : \'System\') : (vm.visitor.from || \'Visitor\' + message.ContactId)}} - {{message.createdAt | date : \'h:mm\'}}\n </span>\n </div>\n <div ng-class="{\'in\': message.direction === \'in\', \'out\': message.direction ===\'out\' && message.UserId, \'auto\': message.direction ===\'out\' && !message.UserId}">\n <div ng-if="message.AttachmentId" ng-bind-html="message.body" class="message"></div>\n <div ng-if="!message.AttachmentId" ng-bind-html="message.body | embed:vm.emojiOptions" class="message"></div>\n </div>\n </div>\n\n </div>\n\n \x3c!-- CHAT ERROR --\x3e\n <div class="chat-error" ng-repeat="error in vm.errors" layout="row" layout-align="center end" layout-margin>\n <i class="mdi mdi-alert mdi-24px mdi-light"></i>\n <md-tooltip md-direction="top">{{error.message || \'Service temporarily unavailable.\'}}</md-tooltip>\n <span class="chat-error-message">{{error.message || \'Service temporarily unavailable.\'}}</span>\n </div>\n \x3c!-- CHAT ERROR --\x3e\n<md-content>\n\x3c!-- / CHAT CONTENT --\x3e\n\n\x3c!-- CHAT FOOTER --\x3e\n<div class="chat-footer" layout="row" layout-align="center center">\n <input type="text" id="emojionearea"/>\n\n <div layout="row" layout-align="end center">\n <md-button ng-if="settings.enableCustomerAttachment" class="md-fab md-mini md-warn" type="button" flow-init flow-btn flow-file-added="vm.fileAdded($file, $event, $flow)">\n <i class="mdi mdi-attachment mdi-24px mdi-light"></i>\n </md-button>\n </div>\n</div>\n\x3c!-- / CHAT FOOTER--\x3e\n'), e.put("app/closing/index.html", '\x3c!-- CHAT CONTENT --\x3e\n<md-content class="chat-online">\n \x3c!-- CHAT ERROR --\x3e\n <div class="chat-error" ng-repeat="error in vm.errors" layout="row" layout-margin>\n <i class="mdi mdi-alert mdi-24px mdi-light"></i>\n <md-tooltip md-direction="top">{{error.message || \'Service temporarily unavailable.\'}}</md-tooltip>\n <span class="chat-error-message">{{error.message || \'Service temporarily unavailable.\'}}</span>\n </div>\n \x3c!-- CHAT ERROR --\x3e\n\n <md-content layout="row" layout-align="center end">\n <span>{{ settings.closingMessage }}</span>\n </md-content>\n\n <form name="vm.userForm" layout="column" novalidate>\n <md-input-container ng-if="settings.enableRating" ng-switch="settings.ratingType" class="md-block" style="margin: 0px; padding: 10px 0px 5px 0px;" md-no-float>\n \x3c!-- START thumb rating --\x3e\n <md-radio-group name="ratingValue" ng-switch-when="thumb" ng-model="vm.form.ratingValue" ng-change="vm.upColor = vm.form.ratingValue ? \'green\' : null; vm.downColor = !vm.form.ratingValue ? \'red\' : null;" layout="row" layout-align="center center">\n <md-radio-button ng-value="1" class="thumb">\n <div class="{{vm.upColor}}">\n <i class="mdi mdi-48px mdi-thumb-up-outline"></i>\n </div>\n </md-radio-button>\n <md-radio-button ng-value="0" class="thumb">\n <div class="{{vm.downColor}}">\n <i class="mdi mdi-48px mdi-thumb-down-outline"></i>\n </div>\n </md-radio-button>\n </md-radio-group>\n \x3c!-- END thumb rating --\x3e\n\n \x3c!-- START star rating --\x3e\n <div ng-switch-when="star" layout="row" layout-align="center center">\n <ng-rate-it name="ratingValue" ng-model="vm.form.ratingValue" min="0" max="settings.ratingStarsNumber" step="1" resetable="false"></ng-rate-it>\n </div>\n \x3c!-- END star rating --\x3e\n </md-input-container>\n\n <md-input-container ng-if="settings.enableFeedback" class="md-block" style="margin: 0px; padding: 0px 0px 10px 0px;" md-no-float>\n \x3c!-- START textarea --\x3e\n <span style="padding: 5px 0px 5px 0px;">Feedback</span>\n <textarea name="message" ng-model="vm.form.ratingMessage" md-maxlength="150" rows="3"></textarea>\n \x3c!-- END textarea --\x3e\n </md-input-container>\n\n <md-input-container ng-if="settings.forwardTranscript" class="md-block" style="margin: 0px; padding: 0px 0px 10px 0px;" md-no-float>\n <span ng-if="settings.forwardTranscriptMessage" style="padding: 5px 0px 5px 0px;">{{settings.forwardTranscriptMessage}}</span>\n <span ng-if="!settings.forwardTranscriptMessage" style="padding: 5px 0px 5px 0px;">Email</span>\n \x3c!-- START email --\x3e\n <input type="email" name="mailTranscript" ng-model="vm.form.mailTranscript" placeholder="email">\n <div ng-messages="vm.userForm[\'mailTranscript\'].$error" ng-show="vm.userForm[\'mailTranscript\'].$touched" role="alert">\n <div ng-message="email">\n <span>Email must be a valid e-mail address</span>\n </div>\n </div>\n \x3c!-- END email --\x3e\n </md-input-container>\n\n <div layout="row" layout-align="center center">\n <md-button class="md-raised" ng-if="settings.enableRating || settings.enableFeedback || settings.forwardTranscript" ng-click="vm.submit()" ng-disabled="vm.userForm.$invalid || loading" ng-style="{\'background-color\': \'{{settings.color_button}}\'}">\n {{settings.closingMessageButton}}\n </md-button>\n <md-button class="md-raised" ng-style="{\'background-color\': \'{{settings.color_button}}\'}" ng-click="vm.skip()">\n {{settings.skipMessageButton}}\n </md-button>\n </div>\n </form>\n\n <md-content layout="row" layout-align="center end">\n <span>{{ (settings.custom && !settings.defaultWhiteLabel) ? settings.whiteLabel : \'Powered By XCALLY\' }}</span>\n </md-content>\n\n</md-content>\n\x3c!-- / CHAT CONTENT --\x3e\n'), e.put("app/offline/index.html", '\x3c!-- CHAT CONTENT --\x3e\n<md-content class="chat-online">\n \n <div id="toaster"></div>\n\n <form ng-if="vm.fields.length" name="vm.userForm" layout="column" novalidate>\n <div ng-repeat="field in ::vm.fields | orderBy:\'index\'" layout="column">\n <span>{{field.props.title + (field.config.required ? \'*\' : \'\')}}</span>\n\n <span style="font-size: 13px; line-height: 14px; color: grey; padding: 5px 0px 5px 0px;">\n <div ng-bind-html="field.props.helpText | embed:{linkTarget:\'_blank\'}"></div>\n </span>\n\n \x3c!-- CHAT ERROR --\x3e\n <div class="chat-error" ng-repeat="error in vm.errors" layout="row" layout-margin>\n <i class="mdi mdi-alert mdi-24px mdi-light"></i>\n <md-tooltip md-direction="top">{{error.message || \'Service temporarily unavailable.\'}}</md-tooltip>\n <span class="chat-error-message">{{error.message || \'Service temporarily unavailable.\'}}</span>\n </div>\n \x3c!-- CHAT ERROR --\x3e\n\n <md-input-container md-no-float ng-switch="field.type" style="margin: 0px; padding: 0px 0px 10px 0px;">\n \x3c!-- START label --\x3e\n <div ng-switch-when="label">\n <md-content flex layout-padding layout="row" layout-align="center center">\n <span>{{field.value}}</span>\n </md-content>\n </div>\n \x3c!-- END label --\x3e\n\n \x3c!-- START textinput --\x3e\n <div ng-switch-when="input">\n <input name="{{field.props.title}}" ng-model="vm.form[field.props.title]" type="{{field.config.type}}" ng-required="field.config.required">\n </div>\n \x3c!-- END textinput --\x3e\n\n \x3c!-- START textarea --\x3e\n <div ng-switch-when="textarea">\n <textarea name="{{field.props.title}}" ng-model="vm.form[field.props.title]" md-maxlength="150" rows="3"></textarea>\n </div>\n \x3c!-- END textarea --\x3e\n\n \x3c!-- START select --\x3e\n <div ng-switch-when="chooseFromList">\n <md-select name="{{field.props.title}}" ng-model="vm.form[field.props.title]" ng-required="field.config.required">\n <md-option ng-repeat="option in ::field.options" ng-value="option.value">{{option.value}}</md-option>\n </md-select>\n </div>\n \x3c!-- END select --\x3e\n\n \x3c!-- START radio --\x3e\n <div ng-switch-when="multipleChoices" layout="{{field.config.direction === \'vertical\' ? \'row\' : \'column\'}}">\n <md-radio-group name="{{field.props.title}}" ng-model="vm.form[field.props.title]" ng-required="field.config.required" layout="{{field.config.direction === \'vertical\' ? \'row\' : \'column\'}}">\n <md-radio-button ng-repeat="option in ::field.options" value="{{option.value}}" class="md-primary">{{option.value}}</md-radio-button>\n </md-radio-group>\n </div>\n \x3c!-- END radio --\x3e\n\n \x3c!-- START checkbox --\x3e\n <div ng-switch-when="checkboxes">\n <div layout="{{field.config.direction === \'vertical\' ? \'row\' : \'column\'}}">\n <md-checkbox\n md-no-ink\n aria-label="{{field.props.title}}"\n ng-repeat="option in ::field.options"\n ng-checked="vm.exists(field.props.title, option.value)"\n ng-disabled="!vm.exists(field.props.title, option.value) && field.config.maxSelections === vm.form[field.props.title].length"\n ng-click="vm.toggle(field.props.title, option.value)"\n flex>\n {{option.value}}\n </md-checkbox>\n </div>\n </div>\n \x3c!-- END checkbox --\x3e\n\n \x3c!-- START agreement --\x3e\n <div ng-switch-when="agreement" layout="column">\n <md-checkbox md-no-ink ng-model="vm.form[field.props.title]" aria-label="{{field.props.title}}" ng-required="field.config.required">\n {{field.options[0].value}}\n </md-checkbox>\n </div>\n \x3c!-- END agreement --\x3e\n\n <div ng-messages="vm.userForm[field.props.title].$error" ng-show="vm.userForm[field.props.title].$touched" role="alert">\n <div ng-message="required">\n <span>Required Field</span>\n </div>\n </div>\n </md-input-container>\n </div>\n\n <md-button ng-click="vm.submit()" class="md-raised" ng-disabled="vm.userForm.$invalid || vm.userForm.$pristine || loading" ng-style="{\'background-color\': \'{{settings.color_button}}\'}">{{settings.offline_chat_button}}</md-button>\n </form>\n\n <md-content layout="row" layout-align="center end">\n <span>{{ (settings.custom && !settings.defaultWhiteLabel) ? settings.whiteLabel : \'Powered By XCALLY\' }}</span>\n </md-content>\n</md-content>\n\x3c!-- / CHAT CONTENT --\x3e\n'), e.put("app/online/index.html", '\x3c!-- CHAT CONTENT --\x3e\n<md-content class="chat-online">\n <form ng-if="vm.fields.length" name="vm.userForm" layout="column" novalidate>\n <div ng-repeat="field in ::vm.fields | orderBy:\'index\'" layout="column">\n <span>{{field.props.title + (field.config.required ? \'*\' : \'\')}}</span>\n\n <span style="font-size: 13px; line-height: 14px; color: grey; padding: 5px 0px 5px 0px;">\n <div ng-bind-html="field.props.helpText | embed:{linkTarget:\'_blank\'}"></div>\n </span>\n\n \x3c!-- CHAT ERROR --\x3e\n <div class="chat-error" ng-repeat="error in vm.errors" layout="row" layout-margin>\n <i class="mdi mdi-alert mdi-24px mdi-light"></i>\n <md-tooltip md-direction="top">{{error.message || \'Service temporarily unavailable.\'}}</md-tooltip>\n <span class="chat-error-message">{{error.message || \'Service temporarily unavailable.\'}}</span>\n </div>\n \x3c!-- CHAT ERROR --\x3e\n\n <md-input-container md-no-float ng-switch="field.type" style="margin: 0px; padding: 0px 0px 10px 0px;">\n \x3c!-- START label --\x3e\n <div ng-switch-when="label">\n <md-content flex layout-padding layout="row" layout-align="center center">\n <span>{{field.value}}</span>\n </md-content>\n </div>\n \x3c!-- END label --\x3e\n\n \x3c!-- START textinput --\x3e\n <div ng-switch-when="input">\n <input name="{{field.props.title}}" ng-model="vm.form[field.props.title]" placeholder="{{field.config.placeholder}}" type="text" ng-required="field.config.required">\n </div>\n \x3c!-- END textinput --\x3e\n\n \x3c!-- START textarea --\x3e\n <div ng-switch-when="textarea">\n <textarea name="{{field.props.title}}" ng-model="vm.form[field.props.title]" md-maxlength="150" rows="3"></textarea>\n </div>\n \x3c!-- END textarea --\x3e\n\n \x3c!-- START select --\x3e\n <div ng-switch-when="chooseFromList">\n <md-select name="{{field.props.title}}" ng-model="vm.form[field.props.title]" placeholder="{{field.config.placeholder}}" ng-required="field.config.required">\n <md-option ng-repeat="option in ::field.options" ng-value="option.value">{{option.value}}</md-option>\n </md-select>\n </div>\n \x3c!-- END select --\x3e\n\n \x3c!-- START radio --\x3e\n <div ng-switch-when="multipleChoices">\n <md-radio-group md-no-ink name="{{field.props.title}}" ng-model="vm.form[field.props.title]" ng-required="field.config.required" layout="{{field.config.direction === \'vertical\' ? \'row\' : \'column\'}}">\n <md-radio-button ng-repeat="option in ::field.options" ng-value="option.value" class="md-primary">{{option.value}}</md-radio-button>\n </md-radio-group>\n </div>\n \x3c!-- END radio --\x3e\n\n \x3c!-- START checkbox --\x3e\n <div ng-switch-when="checkboxes" layout="{{field.config.direction === \'vertical\' ? \'row\' : \'column\'}}">\n <md-checkbox\n md-no-ink\n aria-label="{{field.props.title}}"\n ng-repeat="option in ::field.options"\n ng-checked="vm.exists(field.props.title, option.value)"\n ng-disabled="!vm.exists(field.props.title, option.value) && field.config.maxSelections === vm.form[field.props.title].length"\n ng-required="vm.getSelected()"\n ng-click="vm.toggle(field.props.title, option.value)">\n {{option.value}}\n </md-checkbox>\n </div>\n \x3c!-- END checkbox --\x3e\n\n \x3c!-- START agreement --\x3e\n <div ng-switch-when="agreement" layout="{{field.config.direction === \'vertical\' ? \'row\' : \'column\'}}">\n <md-checkbox md-no-ink ng-model="vm.form[field.props.title]" aria-label="{{field.props.title}}" ng-required="field.config.required">\n {{field.options[0].value}}\n </md-checkbox>\n </div>\n \x3c!-- END agreement --\x3e\n\n <div ng-messages="vm.userForm[field.props.title].$error" ng-show="vm.userForm[field.props.title].$touched" role="alert">\n <div ng-message="required">\n <span>Required Field</span>\n </div>\n </div>\n </md-input-container>\n </div>\n\n <md-button class="md-raised" ng-click="vm.submit()" ng-disabled="vm.userForm.$invalid || vm.userForm.$pristine || vm.disableItem" ng-style="{\'background-color\': \'{{settings.color_button}}\'}">\n {{settings.start_chat_button}}\n </md-button>\n </form>\n\n <md-content layout="row" layout-align="center end">\n <span>{{ (settings.custom && !settings.defaultWhiteLabel) ? settings.whiteLabel : \'Powered By XCALLY\' }}</span>\n </md-content>\n</md-content>\n\x3c!-- / CHAT CONTENT --\x3e\n'), e.put("app/unmanaged/index.html", '\x3c!-- CHAT CONTENT --\x3e\n<md-content class="chat-unmanaged">\n \x3c!-- CHAT ERROR --\x3e\n <div class="chat-error" ng-repeat="error in vm.errors" layout="row" layout-margin>\n <i class="mdi mdi-alert mdi-24px mdi-light"></i>\n <md-tooltip md-direction="top">{{error.message || \'Service temporarily unavailable.\'}}</md-tooltip>\n <span class="chat-error-message">{{error.message || \'Service temporarily unavailable.\'}}</span>\n </div>\n \x3c!-- CHAT ERROR --\x3e\n\n <md-content layout="row" layout-margin>\n <span>{{ settings.unmanagedMessage }}</span>\n </md-content>\n\n <form name="vm.userForm" layout="column" layout-margin novalidate>\n <span>{{ settings.noteTitle || \'Note\' }}</span>\n\n <md-input-container ng-if="settings.enableUnmanagedNote" class="md-block" style="margin: 0px; padding: 0px 0px 10px 0px;" md-no-float>\n \x3c!-- START textarea --\x3e\n <textarea name="note" ng-model="vm.form.note" md-maxlength="150" rows="3"></textarea>\n \x3c!-- END textarea --\x3e\n </md-input-container>\n\n <div layout="row" layout-align="center center">\n <md-button ng-if="settings.enableUnmanagedNote" ng-click="vm.submit()" class="md-raised" ng-disabled="vm.userForm.$invalid || loading" ng-style="{\'background-color\': \'{{settings.color_button}}\'}">\n {{settings.sendUnmanaged}}\n </md-button>\n <md-button class="md-raised" ng-style="{\'background-color\': \'{{settings.color_button}}\'}" ng-click="vm.skip()">\n {{settings.skipUnmanaged}}\n </md-button>\n </div>\n </form>\n\n <md-content layout="row" layout-align="center end">\n <span>{{ (settings.custom && !settings.defaultWhiteLabel) ? settings.whiteLabel : \'Powered By XCALLY\' }}</span>\n </md-content>\n</md-content>\n\x3c!-- / CHAT CONTENT --\x3e\n'), e.put("app/waiting/index.html", '\x3c!-- WAITING CONTENT --\x3e\n<md-content id="waiting" layout="column" layout-align="center center">\n <div layout="row" layout-align="center center" class="sk-fading-circle" flex="10">\n <div class="sk-circle1 sk-circle"></div>\n <div class="sk-circle2 sk-circle"></div>\n <div class="sk-circle3 sk-circle"></div>\n <div class="sk-circle4 sk-circle"></div>\n <div class="sk-circle5 sk-circle"></div>\n <div class="sk-circle6 sk-circle"></div>\n <div class="sk-circle7 sk-circle"></div>\n <div class="sk-circle8 sk-circle"></div>\n <div class="sk-circle9 sk-circle"></div>\n <div class="sk-circle10 sk-circle"></div>\n <div class="sk-circle11 sk-circle"></div>\n <div class="sk-circle12 sk-circle"></div>\n </div>\n <div layout="row" layout-align="center end" class="title" flex>\n <span>{{settings.waitingTitle}}</span>\n </div>\n <div layout="row" layout-align="center start" class="subtitle" flex>\n <span>{{settings.waitingMessage}}</span>\n </div>\n</md-content>\n\x3c!-- / WAITING CONTENT --\x3e\n')