snippet/1.0.9/scripts/app.js

   1 ! function() {
   2     "use strict";
   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, t, n) {
   5             t.bind("keydown keypress", function(t) {
   6                 13 === t.which && (e.$apply(function() {
   7                     e.$eval(n.ngEnter)
   8                 }), t.preventDefault())
   9             })
  10         }
  11     })
  12 }(),
  13 function() {
  14     "use strict";
  15
  16     function e(e, t, n, i, o, s, a, r, l, c) {
  17         function d() {
  18             t.settings.online ? s.go("app.online") : s.go("app.offline")
  19         }
  20
  21         function m() {
  22             t.visitor && t.visitor.interaction && t.visitor.interaction.id && r.chatInteraction.get({
  23                 id: t.visitor.interaction.id
  24             }).$promise.then(function(e) {
  25                 delete T.errors.getInteraction, e.closed && (t.visitor.interaction.closed = !0, t.updateStorage(l, t.visitor), "unmanaged" === e.disposition ? s.go("app.unmanaged") : s.go("app.closing"))
  26             }).catch(function(e) {
  27                 switch (e.status) {
  28                     case 403:
  29                         s.go("app.closing");
  30                         break;
  31                     case 404:
  32                         t.updateStorage(l, null, !0), t.updateStorage(c, null, !0), d();
  33                         break;
  34                     case 405:
  35                         s.go("app.unmanaged");
  36                         break;
  37                     default:
  38                         console.error(e)
  39                 }
  40             })
  41         }
  42
  43         function g(e) {
  44             return function(t) {
  45                 T.errors[e] = t.data, h()
  46             }
  47         }
  48
  49         function p(e) {
  50             var n = x[0].emojioneArea.getText();
  51             e && 13 === e.keyCode && e.shiftKey || e && 13 !== e.keyCode || "" !== n && u(_.merge({
  52                 body: n
  53             }, t.visitor))
  54         }
  55
  56         function u(e) {
  57             r.chatWebsite.notify(e).$promise.then(function(e) {
  58                 delete T.errors.chatMessageError, _.isNil(t.visitor.interaction) && (t.visitor.interaction = {
  59                     id: e.interaction.id
  60                 }, t.updateStorage(l, t.visitor)), x[0].emojioneArea.setText(""), h()
  61             }).catch(g("chatMessageError"))
  62         }
  63
  64         function f() {
  65             t.visitor && t.visitor.interaction && t.visitor.interaction.id && r.chatInteraction.getMessages({
  66                 intid: t.visitor.interaction.id,
  67                 includeAgent: !0,
  68                 id: w || void 0
  69             }).$promise.then(function(e) {
  70                 if (delete T.errors.interaction, e.count) {
  71                     w = e.rows[e.count - 1].id;
  72                     for (var t = 0; t < e.rows.length; t++) T.messages.push(e.rows[t]), "out" !== e.rows[t].direction || e.rows[t].read || v(e.rows[t].id);
  73                     h()
  74                 }
  75             }).catch(function(e) {
  76                 switch (e.status) {
  77                     case 403:
  78                         s.go("app.closing");
  79                         break;
  80                     case 405:
  81                         s.go("app.unmanaged");
  82                         break;
  83                     default:
  84                         console.error(e)
  85                 }
  86             })
  87         }
  88
  89         function v(e) {
  90             return r.chatMessage.update({
  91                 id: e,
  92                 read: !0
  93             }).$promise.catch(function(e) {
  94                 console.error(e)
  95             })
  96         }
  97
  98         function h() {
  99             n(function() {
 100                 var e = o[0].getElementsByClassName("chat-messages")[0];
 101                 e && (e.scrollTop = e.scrollHeight)
 102             })
 103         }
 104         var x, b, y, w, T = this;
 105         T.errors = {}, T.messages = [], T.emojiOptions = {
 106             watchEmbedData: !1,
 107             fontSmiley: !1,
 108             emoji: !0,
 109             link: !0,
 110             linkTarget: "_blank"
 111         }, T.$onInit = function() {
 112             t.loading = !1, t.settings.showMenu = !0, T.replyMessage = "", t.visitor.interaction && t.visitor.interaction.closed ? (t.updateStorage(l, null, !0), t.updateStorage(c, null, !0), d()) : (m(), b = i(f, 2e3), y = i(m, 3e3)), x = $("#emojionearea").emojioneArea({
 113                 placeholder: t.settings.placeholderMessage || "Type a message",
 114                 events: {
 115                     keyup: function(e, t) {
 116                         p(t)
 117                     }
 118                 }
 119             })
 120         }, T.reply = p, T.fileAdded = function(e) {
 121             var n = new FormData;
 122             n.append("file", e.file), a.post(t.settings.remote + "/api/chat/interactions/" + t.visitor.interaction.id + "/attachment_upload?token=" + t.settings.token, n, {
 123                 transformRequest: angular.identity,
 124                 headers: {
 125                     "Content-Type": void 0
 126                 }
 127             }).then(function(e) {
 128                 (e = e.data).id ? (delete T.errors.sendAttachment, u(_.merge({
 129                     body: '<a href="' + t.settings.remote + "/api/chat/interactions/" + t.visitor.interaction.id + "/attachment_download?attachId=" + e.id + "&token=" + t.settings.token + '" target="_blank">' + e.name + "</a>",
 130                     AttachmentId: e.id
 131                 }, t.visitor))) : g("sendAttachment")
 132             }, g("sendAttachment"))
 133         }, e.$on("$destroy", function() {
 134             i.cancel(b), i.cancel(y), b = null, y = null
 135         }), t.$on("$download", function(e, t) {
 136             t && t(_.values(T.messages))
 137         })
 138     }
 139     e.$inject = ["$scope", "$rootScope", "$timeout", "$interval", "$document", "$state", "$http", "api", "STORAGE_VISITOR", "STORAGE_LAYOUT"], angular.module("motion").controller("ChatController", e)
 140 }(),
 141 function() {
 142     "use strict";
 143
 144     function e(e, t, n, i, o, s) {
 145         function a() {
 146             e.settings.online ? t.go("app.online") : t.go("app.offline")
 147         }
 148
 149         function r() {
 150             d.form = {}, d.upColor = null, d.downColor = null, d.userForm.$setPristine(), d.userForm.$setUntouched(), delete e.visitor.interaction, e.enableDownload = !1
 151         }
 152
 153         function l(t) {
 154             return function(i) {
 155                 d.errors[t] = i.data;
 156                 var o = n.simple().textContent(e.settings.formSubmitFailureMessage || "Form submission error").toastClass("md-failure-toast").position("top");
 157                 n.show(o)
 158             }
 159         }
 160
 161         function c() {
 162             e.loading = !1
 163         }
 164         var d = this;
 165         d.$onInit = function() {
 166             e.updateStorage(o, null, !0), e.updateStorage(s, null, !0), e.loading = !1
 167         }, d.submit = function() {
 168             e.loading = !0, e.visitor.interaction && e.visitor.interaction.id ? i.chatInteraction.close(_.merge({
 169                 id: e.visitor.interaction.id,
 170                 ratingType: e.settings.ratingType,
 171                 customer: e.settings.customerAlias || e.visitor.from
 172             }, d.form)).$promise.then(function() {
 173                 delete d.errors.submit;
 174                 var t = n.simple().textContent(e.settings.formSubmitSuccessMessage || "Form properly submitted").toastClass("md-success-toast").parent(angular.element(document.querySelector("#chat-toolbar")));
 175                 n.show(t)
 176             }).then(r).then(a).catch(l("submit")).finally(c) : (c(), l("submit"))
 177         }, d.skip = function() {
 178             r(), a()
 179         }, d.form = {}, d.errors = {}
 180     }
 181     e.$inject = ["$rootScope", "$state", "$mdToast", "api", "STORAGE_VISITOR", "STORAGE_LAYOUT"], angular.module("motion").controller("ClosingController", e)
 182 }(),
 183 function() {
 184     "use strict";
 185
 186     function e(e, t, n, i, o, s, a, r, l, c) {
 187         function d() {
 188             n.go(e.settings.online ? "app.online" : "app.offline")
 189         }
 190
 191         function m(e) {
 192             t.parent.postMessage({
 193                 cmd: e
 194             }, "*")
 195         }
 196
 197         function g(t, n, i) {
 198             var o = a.get(t) || {};
 199             i ? delete o[e.location] : o[e.location] = n, a.set(t, o)
 200         }
 201
 202         function p(t) {
 203             e.layout.up = t, g(l, e.layout), m(t ? "show" : "hide")
 204         }
 205         var u = this;
 206         e.location = e.settings.location, u.$onInit = function() {
 207             var t = !1,
 208                 n = a.get(c) || {},
 209                 i = a.get(l) || {};
 210             e.visitor = n[e.location] ? n[e.location] : {}, e.layout = i[e.location] ? i[e.location] : {}, e.visitor.interaction && e.layout.up ? t = !0 : e.layout.up = !1, p(t), d()
 211         }, u.close = function() {
 212             var t = e.visitor.interaction;
 213             if (t && t.id) {
 214                 var o = i.confirm().parent(angular.element(document.querySelector("#chat-app"))).clickOutsideToClose(!0).title(e.settings.closingQuestion || "Do you want to close the interaction?").ok("Ok").cancel("Cancel");
 215                 i.show(o).then(function() {
 216                     return r.chatInteraction.update({
 217                         id: t.id,
 218                         closed: !0,
 219                         closedAt: moment().format("YYYY-MM-DD HH:mm:ss")
 220                     }).$promise
 221                 }).then(function() {
 222                     n.go("app.closing")
 223                 }).catch(function(e) {
 224                     console.error("keep open", e)
 225                 })
 226             }
 227         }, u.toggle = p, u.download = function(t) {
 228             var n = o.defer(),
 229                 i = e.visitor.interaction;
 230             return i && i.id && r.chatInteraction.getMessages({
 231                 intid: i.id,
 232                 includeAll: !0
 233             }).$promise.then(function(t) {
 234                 n.resolve(_.map(t.rows.slice(1), function(t) {
 235                     var n;
 236                     if ("in" === t.direction && (n = e.settings.customerAlias || e.visitor.from || "Visitor" + t.ContactId), "out" === t.direction) switch (e.settings.agentIdentifier) {
 237                         case "website_alias":
 238                             n = t.UserId ? e.settings.agentAlias + t.UserId : "System";
 239                             break;
 240                         case "agent_alias":
 241                             n = t.UserId ? t.User.alias || t.User.fullname : "System";
 242                             break;
 243                         case "agent_fullname":
 244                             n = t.UserId ? t.User.fullname : "System";
 245                             break;
 246                         default:
 247                             n = t.UserId ? e.settings.agentAlias + t.UserId : "System"
 248                     }
 249                     return {
 250                         sender: n,
 251                         message: t.body,
 252                         createdAt: moment(t.createdAt).format("MM/DD/YYYY HH:mm:ss")
 253                     }
 254                 }))
 255             }).catch(function(e) {
 256                 console.error(e)
 257             }), n.promise
 258         }, u.getHeaderShape = function() {
 259             return "rounded" === e.settings.header_shape ? "15px" : "0px"
 260         }, e.updateStorage = g, window.addEventListener("message", function(e) {
 261             p("show" === e.data.evt)
 262         }, !1)
 263     }
 264     e.$inject = ["$rootScope", "$window", "$state", "$mdDialog", "$q", "$location", "localStorageService", "api", "STORAGE_LAYOUT", "STORAGE_VISITOR"], angular.module("motion").controller("IndexController", e)
 265 }(),
 266 function() {
 267     "use strict";
 268
 269     function e(e, t) {
 270         var n = {
 271                 baseUrl: e.settings.remote + "/api/"
 272             },
 273             i = {
 274                 id: "@id",
 275                 token: e.settings.token
 276             };
 277         return n.chatWebsite = t(n.baseUrl + "chat/websites/:id", i, {
 278             notify: {
 279                 method: "POST",
 280                 url: n.baseUrl + "chat/websites/:id/notify"
 281             },
 282             offline: {
 283                 method: "POST",
 284                 url: n.baseUrl + "chat/websites/:id/offline"
 285             },
 286             getFields: {
 287                 method: "GET",
 288                 url: n.baseUrl + "chat/websites/:id/fields"
 289             }
 290         }), n.chatInteraction = t(n.baseUrl + "chat/interactions/:id", i, {
 291             update: {
 292                 method: "PUT",
 293                 url: n.baseUrl + "chat/interactions/:id"
 294             },
 295             close: {
 296                 method: "PUT",
 297                 url: n.baseUrl + "chat/interactions/:id/close"
 298             },
 299             getMessages: {
 300                 method: "GET",
 301                 url: n.baseUrl + "chat/interactions/:intid/my_messages"
 302             },
 303             uploadAttachment: {
 304                 method: "POST",
 305                 url: n.baseUrl + "chat/interactions/:id/attachment_upload",
 306                 headers: {
 307                     "Content-Type": void 0
 308                 },
 309                 transformRequest: angular.identity
 310             },
 311             downloadAttachment: {
 312                 method: "GET",
 313                 url: n.baseUrl + "chat/interactions/:id/attachment_download"
 314             }
 315         }), n.chatMessage = t(n.baseUrl + "chat/messages/:id", i, {
 316             update: {
 317                 method: "PUT",
 318                 url: n.baseUrl + "chat/messages/:id"
 319             }
 320         }), n
 321     }
 322     e.$inject = ["$rootScope", "$resource"], angular.module("motion").factory("api", e)
 323 }(),
 324 function() {
 325     "use strict";
 326
 327     function e(e, t) {
 328         var n = t.search();
 329         e.settings = {
 330             cursor: "pointer",
 331             hide: !0
 332         }, _.forIn(n, function(t, n) {
 333             "" === t || _.isNil(t) || ("true" === t && (t = !0), "false" === t && (t = !1), e.settings[n] = t)
 334         })
 335     }
 336
 337     function t(e, t, n, i, o, s) {
 338         n.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(s), e.state("app", {
 339             url: "/app",
 340             abstract: !0
 341         }).state("app.waiting", {
 342             url: "/waiting",
 343             templateUrl: "app/waiting/index.html",
 344             controller: "WaitingController as vm"
 345         }).state("app.online", {
 346             url: "/online",
 347             templateUrl: "app/online/index.html",
 348             controller: "OnlineController as vm"
 349         }).state("app.offline", {
 350             url: "/offline",
 351             templateUrl: "app/offline/index.html",
 352             controller: "OfflineController as vm"
 353         }).state("app.chat", {
 354             url: "/chat",
 355             templateUrl: "app/chat/index.html",
 356             controller: "ChatController as vm"
 357         }).state("app.unmanaged", {
 358             url: "/unmanaged",
 359             templateUrl: "app/unmanaged/index.html",
 360             controller: "UnmanagedController as vm"
 361         }).state("app.closing", {
 362             url: "/closing",
 363             templateUrl: "app/closing/index.html",
 364             controller: "ClosingController as vm"
 365         })
 366     }
 367     e.$inject = ["$rootScope", "$location"], t.$inject = ["$stateProvider", "$urlRouterProvider", "$locationProvider", "$httpProvider", "localStorageServiceProvider", "STORAGE_PREFIX"], angular.module("motion").config(t).run(e)
 368 }(),
 369 function() {
 370     "use strict";
 371
 372     function e(e, t, n) {
 373         function i(t) {
 374             return function(i) {
 375                 var o = n.simple().textContent(e.settings.formSubmitFailureMessage || "Form submission error").toastClass("md-failure-toast").parent(angular.element(document.querySelector("#chat-toolbar")));
 376                 n.show(o), a.errors[t] = i.data
 377             }
 378         }
 379
 380         function o() {
 381             e.loading = !1
 382         }
 383
 384         function s() {
 385             return "Anonymous" + _.random(1, 1e6)
 386         }
 387         var a = this,
 388             r = null;
 389         a.$onInit = function() {
 390             a.visitor = {
 391                 id: e.settings.id,
 392                 mapKeyOffline: "firstName",
 393                 from: s()
 394             }, e.settings.showMenu = !1, e.loading = !1, t.chatWebsite.getFields({
 395                 id: e.settings.id,
 396                 online: !1
 397             }).$promise.then(function(e) {
 398                 e.count && (r = e.fromKey, a.fields = e.rows)
 399             }).catch(function(e) {
 400                 console.error(e)
 401             })
 402         }, a.submit = function() {
 403             e.loading = !0;
 404             for (var s = 0; s < a.fields.length; s++) {
 405                 var l = a.fields[s];
 406                 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]), s === r && (_.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])))
 407             }
 408             t.chatWebsite.offline(_.merge({
 409                 body: a.form
 410             }, a.visitor)).$promise.then(function() {
 411                 delete a.errors.submit, e.$emit("hide"), a.form = {}, a.userForm.$setPristine(), a.userForm.$setUntouched();
 412                 var t = n.simple().textContent(e.settings.formSubmitSuccessMessage || "Form properly submitted").toastClass("md-success-toast").parent(angular.element(document.querySelector("#chat-toolbar")));
 413                 n.show(t)
 414             }).catch(i("submit")).finally(o)
 415         }, a.toggle = function(e, t) {
 416             a.form[e] || (a.form[e] = []);
 417             var n = a.form[e].indexOf(t);
 418             n > -1 ? a.form[e].splice(n, 1) : a.form[e].push(t)
 419         }, a.exists = function(e, t) {
 420             return a.form[e] || (a.form[e] = []), a.form[e].indexOf(t) > -1
 421         }, a.form = {}, a.errors = {}, a.userForm = {}
 422     }
 423     e.$inject = ["$rootScope", "api", "$mdToast"], angular.module("motion").controller("OfflineController", e)
 424 }(),
 425 function() {
 426     "use strict";
 427
 428     function e(e, t, n, i) {
 429         function o() {
 430             e.settings.enableCustomerWriting ? t.go("app.chat") : t.go("app.waiting")
 431         }
 432
 433         function s(t) {
 434             r.disableItem = !0, n.chatWebsite.notify(t).$promise.then(function(t) {
 435                 delete r.errors.chatMessageError, e.visitor.message = {
 436                     id: t.message.id
 437                 }, e.visitor.interaction = {
 438                     id: t.interaction.id
 439                 }, e.updateStorage(i, e.visitor), r.disableItem = !1, o()
 440             }).catch(function(e) {
 441                 r.disableItem = !1, console.error(e)
 442             })
 443         }
 444
 445         function a() {
 446             return "Anonymous" + _.random(1, 1e6)
 447         }
 448         var r = this,
 449             l = null;
 450         r.$onInit = function() {
 451             e.visitor && e.visitor.interaction ? e.visitor.interaction.UserId ? t.go("app.chat") : t.go("app.waiting") : (e.visitor = {
 452                 id: e.settings.id,
 453                 mapKey: "firstName",
 454                 from: a()
 455             }, e.settings.showMenu = !1, e.updateStorage(i, e.visitor), n.chatWebsite.getFields({
 456                 id: e.settings.id,
 457                 online: !0
 458             }).$promise.then(function(e) {
 459                 e.count && (l = e.fromKey, r.fields = e.rows)
 460             }).catch(function(e) {
 461                 console.error(e)
 462             }))
 463         }, r.submit = function() {
 464             for (var t = "", n = 0; n < r.fields.length; n++) {
 465                 var i = r.fields[n];
 466                 i.props && r.form.hasOwnProperty(i.props.title) && (_.isNil(i.variable) || (e.visitor[i.variable] = _.isArray(r.form[i.props.title]) ? r.form[i.props.title].join() : r.form[i.props.title]), _.isNil(i.cmField) || (e.visitor[i.cmField] = _.isArray(r.form[i.props.title]) ? r.form[i.props.title].join() : r.form[i.props.title]), n === l && (_.isNil(e.settings.mapKey) || (e.visitor.mapKey = e.settings.mapKey, e.visitor.from = _.isArray(r.form[i.props.title]) ? r.form[i.props.title].join() : r.form[i.props.title])), t += i.props.title + ": " + r.form[i.props.title] + "\n")
 467             }
 468             s(_.merge({
 469                 body: t,
 470                 referer: e.settings.referer,
 471                 customerIp: e.settings.customerIp
 472             }, e.visitor))
 473         }, r.toggle = function(e, t) {
 474             r.form[e] || (r.form[e] = []);
 475             var n = r.form[e].indexOf(t);
 476             n > -1 ? r.form[e].splice(n, 1) : r.form[e].push(t)
 477         }, r.exists = function(e, t) {
 478             return r.form[e] || (r.form[e] = []), r.form[e].indexOf(t) > -1
 479         }, r.form = {}, r.errors = {}, r.userForm = {}, r.disableItem = !1
 480     }
 481     e.$inject = ["$rootScope", "$state", "api", "STORAGE_VISITOR"], angular.module("motion").controller("OnlineController", e)
 482 }(),
 483 function() {
 484     "use strict";
 485
 486     function e(e, t, n, i, o, s) {
 487         function a() {
 488             e.settings.online ? t.go("app.online") : t.go("app.offline")
 489         }
 490
 491         function r() {
 492             d.form = {}, d.upColor = null, d.downColor = null, d.userForm.$setPristine(), d.userForm.$setUntouched(), e.visitor = {}, e.enableDownload = !1, e.$emit("hide")
 493         }
 494
 495         function l(t) {
 496             return function(i) {
 497                 d.errors[t] = i.data;
 498                 var o = n.simple().textContent(e.settings.formSubmitFailureMessage || "Form submission error").toastClass("md-failure-toast").parent(angular.element(document.querySelector("#chat-toolbar")));
 499                 n.show(o)
 500             }
 501         }
 502
 503         function c() {
 504             e.loading = !1
 505         }
 506         var d = this;
 507         d.form = {}, d.errors = {}, d.$onInit = function() {
 508             e.updateStorage(o, null, !0), e.updateStorage(s, null, !0), e.loading = !1
 509         }, d.submit = function() {
 510             e.loading = !0, e.visitor.interaction && e.visitor.interaction.id ? i.chatInteraction.update({
 511                 id: e.visitor.interaction.id,
 512                 note: d.form.note
 513             }).$promise.then(function() {
 514                 delete d.errors.submit;
 515                 var t = n.simple().textContent(e.settings.formSubmitSuccessMessage || "Form properly submitted").toastClass("md-success-toast").parent(angular.element(document.querySelector("#chat-toolbar")));
 516                 n.show(t)
 517             }).then(r).then(a).catch(l("submit")).finally(c) : (c(), l("submit"))
 518         }, d.skip = function() {
 519             r(), a()
 520         }
 521     }
 522     e.$inject = ["$rootScope", "$state", "$mdToast", "api", "STORAGE_VISITOR", "STORAGE_LAYOUT"], angular.module("motion").controller("UnmanagedController", e)
 523 }(),
 524 function() {
 525     "use strict";
 526
 527     function e(e, t, n, i, o, s, a, r) {
 528         function l() {
 529             s.chatInteraction.get({
 530                 id: e.visitor.interaction.id
 531             }).$promise.then(function(t) {
 532                 t.closed && (e.visitor.interaction.closed = !0, e.updateStorage(a, e.visitor), "unmanaged" === t.disposition && i.go("app.unmanaged")), t.UserId && (e.visitor.interaction.UserId = t.UserId, e.updateStorage(a, e.visitor), i.go("app.chat"))
 533             }).catch(function(e) {
 534                 switch (e.status) {
 535                     case 403:
 536                         i.go("app.closing");
 537                         break;
 538                     case 405:
 539                         i.go("app.unmanaged");
 540                         break;
 541                     default:
 542                         console.error(e)
 543                 }
 544             })
 545         }
 546
 547         function c() {
 548             if (e.visitor && e.visitor.interaction && e.visitor.interaction.id && !m) {
 549                 m = !0;
 550                 var t = new XMLHttpRequest;
 551                 t.open("PUT", e.settings.remote + "/api/chat/interactions/" + e.visitor.interaction.id + "/abandon?token=" + e.settings.token, !1), t.setRequestHeader("Content-type", "application/json; charset=utf-8"), t.send(JSON.stringify({
 552                     channel: "chat",
 553                     interaction: {
 554                         id: e.visitor.interaction.id
 555                     },
 556                     message: {
 557                         id: e.visitor.message.id
 558                     },
 559                     disposition: "abandoned",
 560                     closed: !0,
 561                     closedAt: moment().format("YYYY-MM-DD HH:mm:ss")
 562                 })), 4 === t.readyState && 200 === t.status && (e.updateStorage(a, null, !0), e.updateStorage(r, null, !0))
 563             }
 564         }
 565         var d, m = !1;
 566         this.$onInit = function() {
 567             e.visitor && e.visitor.interaction && e.visitor.interaction.id && (d = n(l, 3e3))
 568         }, t.$on("$destroy", function() {
 569             o.removeEventListener("beforeunload", c), o.removeEventListener("unload", c), n.cancel(d)
 570         }), o.addEventListener("beforeunload", c), o.addEventListener("unload", c)
 571     }
 572     e.$inject = ["$rootScope", "$scope", "$interval", "$state", "$window", "api", "STORAGE_VISITOR", "STORAGE_LAYOUT"], angular.module("motion").controller("WaitingController", e)
 573 }(), angular.module("motion").run(["$templateCache", function(e) {
 574     "use strict";
 575     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 $index\" class=\"md-padding message-row\" ng-class=\"{'in':( message.direction === 'in' && settings.messagesAlignment === 'alternate'), 'in2': ( message.direction === 'in' && settings.messagesAlignment === 'centered'), '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'\" ng-src=\"{{settings.remote}}/api/chat/websites/{{settings.id}}/customer_avatar?token={{settings.token}}\" class=\"avatar\" alt=\"customer\" />\n\n    <div class=\"bubble\">\n      <div class=\"time secondary-text\" ng-switch=\"settings.agentIdentifier\">\n        <span ng-switch-when=\"website_alias\">\n          {{message.direction === 'out' ? (message.UserId ? (settings.agentAlias + message.UserId) : 'System') : (settings.customerAlias || visitor.from || 'Visitor' + message.ContactId)}} - {{message.createdAt | date : 'h:mm'}}\n        </span>\n        <span ng-switch-when=\"agent_alias\">\n          {{message.direction === 'out' ? (message.UserId ? (message.User.alias || message.User.fullname) : 'System') : (settings.customerAlias || visitor.from || 'Visitor' + message.ContactId)}} - {{message.createdAt | date : 'h:mm'}}\n        </span>\n        <span ng-switch-when=\"agent_fullname\">\n          {{message.direction === 'out' ? (message.UserId ? message.User.fullname : 'System') : (settings.customerAlias || visitor.from || 'Visitor' + message.ContactId)}} - {{message.createdAt | date : 'h:mm'}}\n        </span>\n        <span ng-switch-default>\n          {{message.direction === 'out' ? (message.UserId ? settings.agentAlias || 'Agent') + message.UserId : 'System') : (settings.customerAlias || 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  </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 layout="row" layout-align="center center" class="chat-footer md-padding">\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\n  <input type="text" id="emojionearea"/>\n</div>\n\x3c!-- / CHAT FOOTER --\x3e'), 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 ng-style="{\'font-size\': \'{{settings.fontSize}}px\'}">{{ settings.closingMessage }}</span>\n  </md-content>\n\n  <form name="vm.userForm" layout="column" ng-style="{\'font-size\': \'{{settings.fontSize}}px\'}" 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}}\', \'color\': \'{{settings.textColor}}\'}">\n        {{settings.closingMessageButton}}\n      </md-button>\n      <md-button class="md-raised" ng-style="{\'background-color\': \'{{settings.color_button}}\', \'color\': \'{{settings.textColor}}\'}" 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 ng-style=\"{'font-size': '{{settings.fontSize}}px'}\">{{ (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" ng-style="{\'font-size\': \'{{settings.fontSize}}px\'}" 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="{{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]" placeholder="{{field.config.placeholder}}" 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" 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 ng-message="email">\n                <span>Wrong type 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}}\', \'color\': \'{{settings.textColor}}\'}">{{settings.offline_chat_button}}</md-button>\n  </form>\n\n  <md-content layout="row" layout-align="center end">\n' + "    <span ng-style=\"{'font-size': '{{settings.fontSize}}px'}\">{{ (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" ng-style="{\'font-size\': \'{{settings.fontSize}}px\'}" 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="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="{{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]" placeholder="{{field.config.placeholder}}" 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 ng-message="email">\n                <span>Wrong type 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}}\', \'color\': \'{{settings.textColor}}\'}">\n      {{settings.start_chat_button}}\n    </md-button>\n  </form>\n\n  <md-content layout="row" layout-align="center end">\n' + "    <span ng-style=\"{'font-size': '{{settings.fontSize}}px'}\">{{ (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 ng-style="{\'font-size\': \'{{settings.fontSize}}px\'}">{{ settings.unmanagedMessage }}</span>\n  </md-content>\n\n  <form name="vm.userForm" layout="column" layout-margin ng-style="{\'font-size\': \'{{settings.fontSize}}px\'}" 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}}\', \'color\': \'{{settings.textColor}}\'}">\n        {{settings.sendUnmanaged}}\n      </md-button>\n      <md-button class="md-raised" ng-style="{\'background-color\': \'{{settings.color_button}}\', \'color\': \'{{settings.textColor}}\'}" 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 ng-style=\"{'font-size': '{{settings.fontSize}}px'}\">{{ (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" flex>\n    <span ng-style="{\'font-size\': \'{{settings.fontSize}}px\'}">{{settings.waitingTitle}}</span>\n  </div>\n  <div layout="row" layout-align="center start" class="subtitle" flex>\n    <span ng-style="{\'font-size\': \'{{settings.fontSize}}px\'}">{{settings.waitingMessage}}</span>\n  </div>\n</md-content>\n\x3c!-- / WAITING CONTENT --\x3e\n')
 576 }]);