2702 lines
122 KiB (Stored with Git LFS)
JavaScript
2702 lines
122 KiB (Stored with Git LFS)
JavaScript
if (!window.zammadChatTemplates) {
|
||
window.zammadChatTemplates = {};
|
||
}
|
||
window.zammadChatTemplates["agent"] = function (__obj) {
|
||
if (!__obj) __obj = {};
|
||
var __out = [], __capture = function(callback) {
|
||
var out = __out, result;
|
||
__out = [];
|
||
callback.call(this);
|
||
result = __out.join('');
|
||
__out = out;
|
||
return __safe(result);
|
||
}, __sanitize = function(value) {
|
||
if (value && value.ecoSafe) {
|
||
return value;
|
||
} else if (typeof value !== 'undefined' && value != null) {
|
||
return __escape(value);
|
||
} else {
|
||
return '';
|
||
}
|
||
}, __safe, __objSafe = __obj.safe, __escape = __obj.escape;
|
||
__safe = __obj.safe = function(value) {
|
||
if (value && value.ecoSafe) {
|
||
return value;
|
||
} else {
|
||
if (!(typeof value !== 'undefined' && value != null)) value = '';
|
||
var result = new String(value);
|
||
result.ecoSafe = true;
|
||
return result;
|
||
}
|
||
};
|
||
if (!__escape) {
|
||
__escape = __obj.escape = function(value) {
|
||
return ('' + value)
|
||
.replace(/&/g, '&')
|
||
.replace(/</g, '<')
|
||
.replace(/>/g, '>')
|
||
.replace(/"/g, '"');
|
||
};
|
||
}
|
||
(function() {
|
||
(function() {
|
||
if (this.agent.avatar) {
|
||
__out.push('\n<img class="zammad-chat-agent-avatar" src="');
|
||
__out.push(__sanitize(this.agent.avatar));
|
||
__out.push('">\n');
|
||
}
|
||
|
||
__out.push('\n<span class="zammad-chat-agent-sentence">\n <span class="zammad-chat-agent-name">');
|
||
|
||
__out.push(__sanitize(this.agent.name));
|
||
|
||
__out.push('</span>\n</span>');
|
||
|
||
}).call(this);
|
||
|
||
}).call(__obj);
|
||
__obj.safe = __objSafe, __obj.escape = __escape;
|
||
return __out.join('');
|
||
};
|
||
|
||
/*! @license DOMPurify 2.3.1 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/2.3.1/LICENSE */
|
||
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self).DOMPurify=t()}(this,(function(){"use strict";var e=Object.hasOwnProperty,t=Object.setPrototypeOf,n=Object.isFrozen,r=Object.getPrototypeOf,o=Object.getOwnPropertyDescriptor,i=Object.freeze,a=Object.seal,l=Object.create,c="undefined"!=typeof Reflect&&Reflect,s=c.apply,u=c.construct;s||(s=function(e,t,n){return e.apply(t,n)}),i||(i=function(e){return e}),a||(a=function(e){return e}),u||(u=function(e,t){return new(Function.prototype.bind.apply(e,[null].concat(function(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}(t))))});var f,m=x(Array.prototype.forEach),d=x(Array.prototype.pop),p=x(Array.prototype.push),g=x(String.prototype.toLowerCase),h=x(String.prototype.match),y=x(String.prototype.replace),v=x(String.prototype.indexOf),b=x(String.prototype.trim),T=x(RegExp.prototype.test),A=(f=TypeError,function(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return u(f,t)});function x(e){return function(t){for(var n=arguments.length,r=Array(n>1?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];return s(e,t,r)}}function S(e,r){t&&t(e,null);for(var o=r.length;o--;){var i=r[o];if("string"==typeof i){var a=g(i);a!==i&&(n(r)||(r[o]=a),i=a)}e[i]=!0}return e}function w(t){var n=l(null),r=void 0;for(r in t)s(e,t,[r])&&(n[r]=t[r]);return n}function N(e,t){for(;null!==e;){var n=o(e,t);if(n){if(n.get)return x(n.get);if("function"==typeof n.value)return x(n.value)}e=r(e)}return function(e){return console.warn("fallback value for",e),null}}var k=i(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),E=i(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),D=i(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),O=i(["animate","color-profile","cursor","discard","fedropshadow","feimage","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),R=i(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover"]),_=i(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),M=i(["#text"]),L=i(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","xmlns","slot"]),F=i(["accent-height","accumulate","additive","alignment-baseline","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","targetx","targety","transform","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),I=i(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),C=i(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),z=a(/\{\{[\s\S]*|[\s\S]*\}\}/gm),H=a(/<%[\s\S]*|[\s\S]*%>/gm),U=a(/^data-[\-\w.\u00B7-\uFFFF]/),j=a(/^aria-[\-\w]+$/),B=a(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),P=a(/^(?:\w+script|data):/i),W=a(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),G="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};function q(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}var K=function(){return"undefined"==typeof window?null:window},V=function(e,t){if("object"!==(void 0===e?"undefined":G(e))||"function"!=typeof e.createPolicy)return null;var n=null,r="data-tt-policy-suffix";t.currentScript&&t.currentScript.hasAttribute(r)&&(n=t.currentScript.getAttribute(r));var o="dompurify"+(n?"#"+n:"");try{return e.createPolicy(o,{createHTML:function(e){return e}})}catch(e){return console.warn("TrustedTypes policy "+o+" could not be created."),null}};return function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:K(),n=function(t){return e(t)};if(n.version="2.3.1",n.removed=[],!t||!t.document||9!==t.document.nodeType)return n.isSupported=!1,n;var r=t.document,o=t.document,a=t.DocumentFragment,l=t.HTMLTemplateElement,c=t.Node,s=t.Element,u=t.NodeFilter,f=t.NamedNodeMap,x=void 0===f?t.NamedNodeMap||t.MozNamedAttrMap:f,Y=t.Text,X=t.Comment,$=t.DOMParser,Z=t.trustedTypes,J=s.prototype,Q=N(J,"cloneNode"),ee=N(J,"nextSibling"),te=N(J,"childNodes"),ne=N(J,"parentNode");if("function"==typeof l){var re=o.createElement("template");re.content&&re.content.ownerDocument&&(o=re.content.ownerDocument)}var oe=V(Z,r),ie=oe&&ze?oe.createHTML(""):"",ae=o,le=ae.implementation,ce=ae.createNodeIterator,se=ae.createDocumentFragment,ue=ae.getElementsByTagName,fe=r.importNode,me={};try{me=w(o).documentMode?o.documentMode:{}}catch(e){}var de={};n.isSupported="function"==typeof ne&&le&&void 0!==le.createHTMLDocument&&9!==me;var pe=z,ge=H,he=U,ye=j,ve=P,be=W,Te=B,Ae=null,xe=S({},[].concat(q(k),q(E),q(D),q(R),q(M))),Se=null,we=S({},[].concat(q(L),q(F),q(I),q(C))),Ne=null,ke=null,Ee=!0,De=!0,Oe=!1,Re=!1,_e=!1,Me=!1,Le=!1,Fe=!1,Ie=!1,Ce=!0,ze=!1,He=!0,Ue=!0,je=!1,Be={},Pe=null,We=S({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]),Ge=null,qe=S({},["audio","video","img","source","image","track"]),Ke=null,Ve=S({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),Ye="http://www.w3.org/1998/Math/MathML",Xe="http://www.w3.org/2000/svg",$e="http://www.w3.org/1999/xhtml",Ze=$e,Je=!1,Qe=null,et=o.createElement("form"),tt=function(e){Qe&&Qe===e||(e&&"object"===(void 0===e?"undefined":G(e))||(e={}),e=w(e),Ae="ALLOWED_TAGS"in e?S({},e.ALLOWED_TAGS):xe,Se="ALLOWED_ATTR"in e?S({},e.ALLOWED_ATTR):we,Ke="ADD_URI_SAFE_ATTR"in e?S(w(Ve),e.ADD_URI_SAFE_ATTR):Ve,Ge="ADD_DATA_URI_TAGS"in e?S(w(qe),e.ADD_DATA_URI_TAGS):qe,Pe="FORBID_CONTENTS"in e?S({},e.FORBID_CONTENTS):We,Ne="FORBID_TAGS"in e?S({},e.FORBID_TAGS):{},ke="FORBID_ATTR"in e?S({},e.FORBID_ATTR):{},Be="USE_PROFILES"in e&&e.USE_PROFILES,Ee=!1!==e.ALLOW_ARIA_ATTR,De=!1!==e.ALLOW_DATA_ATTR,Oe=e.ALLOW_UNKNOWN_PROTOCOLS||!1,Re=e.SAFE_FOR_TEMPLATES||!1,_e=e.WHOLE_DOCUMENT||!1,Fe=e.RETURN_DOM||!1,Ie=e.RETURN_DOM_FRAGMENT||!1,Ce=!1!==e.RETURN_DOM_IMPORT,ze=e.RETURN_TRUSTED_TYPE||!1,Le=e.FORCE_BODY||!1,He=!1!==e.SANITIZE_DOM,Ue=!1!==e.KEEP_CONTENT,je=e.IN_PLACE||!1,Te=e.ALLOWED_URI_REGEXP||Te,Ze=e.NAMESPACE||$e,Re&&(De=!1),Ie&&(Fe=!0),Be&&(Ae=S({},[].concat(q(M))),Se=[],!0===Be.html&&(S(Ae,k),S(Se,L)),!0===Be.svg&&(S(Ae,E),S(Se,F),S(Se,C)),!0===Be.svgFilters&&(S(Ae,D),S(Se,F),S(Se,C)),!0===Be.mathMl&&(S(Ae,R),S(Se,I),S(Se,C))),e.ADD_TAGS&&(Ae===xe&&(Ae=w(Ae)),S(Ae,e.ADD_TAGS)),e.ADD_ATTR&&(Se===we&&(Se=w(Se)),S(Se,e.ADD_ATTR)),e.ADD_URI_SAFE_ATTR&&S(Ke,e.ADD_URI_SAFE_ATTR),e.FORBID_CONTENTS&&(Pe===We&&(Pe=w(Pe)),S(Pe,e.FORBID_CONTENTS)),Ue&&(Ae["#text"]=!0),_e&&S(Ae,["html","head","body"]),Ae.table&&(S(Ae,["tbody"]),delete Ne.tbody),i&&i(e),Qe=e)},nt=S({},["mi","mo","mn","ms","mtext"]),rt=S({},["foreignobject","desc","title","annotation-xml"]),ot=S({},E);S(ot,D),S(ot,O);var it=S({},R);S(it,_);var at=function(e){var t=ne(e);t&&t.tagName||(t={namespaceURI:$e,tagName:"template"});var n=g(e.tagName),r=g(t.tagName);if(e.namespaceURI===Xe)return t.namespaceURI===$e?"svg"===n:t.namespaceURI===Ye?"svg"===n&&("annotation-xml"===r||nt[r]):Boolean(ot[n]);if(e.namespaceURI===Ye)return t.namespaceURI===$e?"math"===n:t.namespaceURI===Xe?"math"===n&&rt[r]:Boolean(it[n]);if(e.namespaceURI===$e){if(t.namespaceURI===Xe&&!rt[r])return!1;if(t.namespaceURI===Ye&&!nt[r])return!1;var o=S({},["title","style","font","a","script"]);return!it[n]&&(o[n]||!ot[n])}return!1},lt=function(e){p(n.removed,{element:e});try{e.parentNode.removeChild(e)}catch(t){try{e.outerHTML=ie}catch(t){e.remove()}}},ct=function(e,t){try{p(n.removed,{attribute:t.getAttributeNode(e),from:t})}catch(e){p(n.removed,{attribute:null,from:t})}if(t.removeAttribute(e),"is"===e&&!Se[e])if(Fe||Ie)try{lt(t)}catch(e){}else try{t.setAttribute(e,"")}catch(e){}},st=function(e){var t=void 0,n=void 0;if(Le)e="<remove></remove>"+e;else{var r=h(e,/^[\r\n\t ]+/);n=r&&r[0]}var i=oe?oe.createHTML(e):e;if(Ze===$e)try{t=(new $).parseFromString(i,"text/html")}catch(e){}if(!t||!t.documentElement){t=le.createDocument(Ze,"template",null);try{t.documentElement.innerHTML=Je?"":i}catch(e){}}var a=t.body||t.documentElement;return e&&n&&a.insertBefore(o.createTextNode(n),a.childNodes[0]||null),Ze===$e?ue.call(t,_e?"html":"body")[0]:_e?t.documentElement:a},ut=function(e){return ce.call(e.ownerDocument||e,e,u.SHOW_ELEMENT|u.SHOW_COMMENT|u.SHOW_TEXT,null,!1)},ft=function(e){return!(e instanceof Y||e instanceof X)&&!("string"==typeof e.nodeName&&"string"==typeof e.textContent&&"function"==typeof e.removeChild&&e.attributes instanceof x&&"function"==typeof e.removeAttribute&&"function"==typeof e.setAttribute&&"string"==typeof e.namespaceURI&&"function"==typeof e.insertBefore)},mt=function(e){return"object"===(void 0===c?"undefined":G(c))?e instanceof c:e&&"object"===(void 0===e?"undefined":G(e))&&"number"==typeof e.nodeType&&"string"==typeof e.nodeName},dt=function(e,t,r){de[e]&&m(de[e],(function(e){e.call(n,t,r,Qe)}))},pt=function(e){var t=void 0;if(dt("beforeSanitizeElements",e,null),ft(e))return lt(e),!0;if(h(e.nodeName,/[\u0080-\uFFFF]/))return lt(e),!0;var r=g(e.nodeName);if(dt("uponSanitizeElement",e,{tagName:r,allowedTags:Ae}),!mt(e.firstElementChild)&&(!mt(e.content)||!mt(e.content.firstElementChild))&&T(/<[/\w]/g,e.innerHTML)&&T(/<[/\w]/g,e.textContent))return lt(e),!0;if("select"===r&&T(/<template/i,e.innerHTML))return lt(e),!0;if(!Ae[r]||Ne[r]){if(Ue&&!Pe[r]){var o=ne(e)||e.parentNode,i=te(e)||e.childNodes;if(i&&o)for(var a=i.length-1;a>=0;--a)o.insertBefore(Q(i[a],!0),ee(e))}return lt(e),!0}return e instanceof s&&!at(e)?(lt(e),!0):"noscript"!==r&&"noembed"!==r||!T(/<\/no(script|embed)/i,e.innerHTML)?(Re&&3===e.nodeType&&(t=e.textContent,t=y(t,pe," "),t=y(t,ge," "),e.textContent!==t&&(p(n.removed,{element:e.cloneNode()}),e.textContent=t)),dt("afterSanitizeElements",e,null),!1):(lt(e),!0)},gt=function(e,t,n){if(He&&("id"===t||"name"===t)&&(n in o||n in et))return!1;if(De&&!ke[t]&&T(he,t));else if(Ee&&T(ye,t));else{if(!Se[t]||ke[t])return!1;if(Ke[t]);else if(T(Te,y(n,be,"")));else if("src"!==t&&"xlink:href"!==t&&"href"!==t||"script"===e||0!==v(n,"data:")||!Ge[e]){if(Oe&&!T(ve,y(n,be,"")));else if(n)return!1}else;}return!0},ht=function(e){var t=void 0,r=void 0,o=void 0,i=void 0;dt("beforeSanitizeAttributes",e,null);var a=e.attributes;if(a){var l={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:Se};for(i=a.length;i--;){var c=t=a[i],s=c.name,u=c.namespaceURI;if(r=b(t.value),o=g(s),l.attrName=o,l.attrValue=r,l.keepAttr=!0,l.forceKeepAttr=void 0,dt("uponSanitizeAttribute",e,l),r=l.attrValue,!l.forceKeepAttr&&(ct(s,e),l.keepAttr))if(T(/\/>/i,r))ct(s,e);else{Re&&(r=y(r,pe," "),r=y(r,ge," "));var f=e.nodeName.toLowerCase();if(gt(f,o,r))try{u?e.setAttributeNS(u,s,r):e.setAttribute(s,r),d(n.removed)}catch(e){}}}dt("afterSanitizeAttributes",e,null)}},yt=function e(t){var n=void 0,r=ut(t);for(dt("beforeSanitizeShadowDOM",t,null);n=r.nextNode();)dt("uponSanitizeShadowNode",n,null),pt(n)||(n.content instanceof a&&e(n.content),ht(n));dt("afterSanitizeShadowDOM",t,null)};return n.sanitize=function(e,o){var i=void 0,l=void 0,s=void 0,u=void 0,f=void 0;if((Je=!e)&&(e="\x3c!--\x3e"),"string"!=typeof e&&!mt(e)){if("function"!=typeof e.toString)throw A("toString is not a function");if("string"!=typeof(e=e.toString()))throw A("dirty is not a string, aborting")}if(!n.isSupported){if("object"===G(t.toStaticHTML)||"function"==typeof t.toStaticHTML){if("string"==typeof e)return t.toStaticHTML(e);if(mt(e))return t.toStaticHTML(e.outerHTML)}return e}if(Me||tt(o),n.removed=[],"string"==typeof e&&(je=!1),je);else if(e instanceof c)1===(l=(i=st("\x3c!----\x3e")).ownerDocument.importNode(e,!0)).nodeType&&"BODY"===l.nodeName||"HTML"===l.nodeName?i=l:i.appendChild(l);else{if(!Fe&&!Re&&!_e&&-1===e.indexOf("<"))return oe&&ze?oe.createHTML(e):e;if(!(i=st(e)))return Fe?null:ie}i&&Le&<(i.firstChild);for(var m=ut(je?e:i);s=m.nextNode();)3===s.nodeType&&s===u||pt(s)||(s.content instanceof a&&yt(s.content),ht(s),u=s);if(u=null,je)return e;if(Fe){if(Ie)for(f=se.call(i.ownerDocument);i.firstChild;)f.appendChild(i.firstChild);else f=i;return Ce&&(f=fe.call(r,f,!0)),f}var d=_e?i.outerHTML:i.innerHTML;return Re&&(d=y(d,pe," "),d=y(d,ge," ")),oe&&ze?oe.createHTML(d):d},n.setConfig=function(e){tt(e),Me=!0},n.clearConfig=function(){Qe=null,Me=!1},n.isValidAttribute=function(e,t,n){Qe||tt({});var r=g(e),o=g(t);return gt(r,o,n)},n.addHook=function(e,t){"function"==typeof t&&(de[e]=de[e]||[],p(de[e],t))},n.removeHook=function(e){de[e]&&d(de[e])},n.removeHooks=function(e){de[e]&&(de[e]=[])},n.removeAllHooks=function(){de={}},n}()}));
|
||
//# sourceMappingURL=purify.min.js.map
|
||
|
||
var extend = function(child, parent) { for (var key in parent) { if (hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; },
|
||
hasProp = {}.hasOwnProperty,
|
||
bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; },
|
||
slice = [].slice;
|
||
|
||
(function(window) {
|
||
var Base, Core, Io, Log, Timeout, ZammadChat, myScript, scriptHost, scriptProtocol, scripts;
|
||
scripts = document.getElementsByTagName('script');
|
||
myScript = scripts[scripts.length - 1];
|
||
scriptProtocol = window.location.protocol.replace(':', '');
|
||
if (myScript && myScript.src) {
|
||
scriptHost = myScript.src.match('.*://([^:/]*).*')[1];
|
||
scriptProtocol = myScript.src.match('(.*)://[^:/]*.*')[1];
|
||
}
|
||
Core = (function() {
|
||
Core.prototype.defaults = {
|
||
debug: false
|
||
};
|
||
|
||
function Core(options) {
|
||
var key, ref, value;
|
||
this.options = {};
|
||
ref = this.defaults;
|
||
for (key in ref) {
|
||
value = ref[key];
|
||
this.options[key] = value;
|
||
}
|
||
for (key in options) {
|
||
value = options[key];
|
||
this.options[key] = value;
|
||
}
|
||
}
|
||
|
||
return Core;
|
||
|
||
})();
|
||
Base = (function(superClass) {
|
||
extend(Base, superClass);
|
||
|
||
function Base(options) {
|
||
Base.__super__.constructor.call(this, options);
|
||
this.log = new Log({
|
||
debug: this.options.debug,
|
||
logPrefix: this.options.logPrefix || this.logPrefix
|
||
});
|
||
}
|
||
|
||
return Base;
|
||
|
||
})(Core);
|
||
Log = (function(superClass) {
|
||
extend(Log, superClass);
|
||
|
||
function Log() {
|
||
this.log = bind(this.log, this);
|
||
this.error = bind(this.error, this);
|
||
this.notice = bind(this.notice, this);
|
||
this.debug = bind(this.debug, this);
|
||
return Log.__super__.constructor.apply(this, arguments);
|
||
}
|
||
|
||
Log.prototype.debug = function() {
|
||
var items;
|
||
items = 1 <= arguments.length ? slice.call(arguments, 0) : [];
|
||
if (!this.options.debug) {
|
||
return;
|
||
}
|
||
return this.log('debug', items);
|
||
};
|
||
|
||
Log.prototype.notice = function() {
|
||
var items;
|
||
items = 1 <= arguments.length ? slice.call(arguments, 0) : [];
|
||
return this.log('notice', items);
|
||
};
|
||
|
||
Log.prototype.error = function() {
|
||
var items;
|
||
items = 1 <= arguments.length ? slice.call(arguments, 0) : [];
|
||
return this.log('error', items);
|
||
};
|
||
|
||
Log.prototype.log = function(level, items) {
|
||
var element, item, j, len, logString;
|
||
items.unshift('||');
|
||
items.unshift(level);
|
||
items.unshift(this.options.logPrefix);
|
||
console.log.apply(console, items);
|
||
if (!this.options.debug) {
|
||
return;
|
||
}
|
||
logString = '';
|
||
for (j = 0, len = items.length; j < len; j++) {
|
||
item = items[j];
|
||
logString += ' ';
|
||
if (typeof item === 'object') {
|
||
logString += JSON.stringify(item);
|
||
} else if (item && item.toString) {
|
||
logString += item.toString();
|
||
} else {
|
||
logString += item;
|
||
}
|
||
}
|
||
element = document.querySelector('.js-chatLogDisplay');
|
||
if (element) {
|
||
return element.innerHTML = '<div>' + logString + '</div>' + element.innerHTML;
|
||
}
|
||
};
|
||
|
||
return Log;
|
||
|
||
})(Core);
|
||
Timeout = (function(superClass) {
|
||
extend(Timeout, superClass);
|
||
|
||
function Timeout() {
|
||
this.stop = bind(this.stop, this);
|
||
this.start = bind(this.start, this);
|
||
return Timeout.__super__.constructor.apply(this, arguments);
|
||
}
|
||
|
||
Timeout.prototype.timeoutStartedAt = null;
|
||
|
||
Timeout.prototype.logPrefix = 'timeout';
|
||
|
||
Timeout.prototype.defaults = {
|
||
debug: false,
|
||
timeout: 4,
|
||
timeoutIntervallCheck: 0.5
|
||
};
|
||
|
||
Timeout.prototype.start = function() {
|
||
var check, timeoutStartedAt;
|
||
this.stop();
|
||
timeoutStartedAt = new Date;
|
||
check = (function(_this) {
|
||
return function() {
|
||
var timeLeft;
|
||
timeLeft = new Date - new Date(timeoutStartedAt.getTime() + _this.options.timeout * 1000 * 60);
|
||
_this.log.debug("Timeout check for " + _this.options.timeout + " minutes (left " + (timeLeft / 1000) + " sec.)");
|
||
if (timeLeft < 0) {
|
||
return;
|
||
}
|
||
_this.stop();
|
||
return _this.options.callback();
|
||
};
|
||
})(this);
|
||
this.log.debug("Start timeout in " + this.options.timeout + " minutes");
|
||
return this.intervallId = setInterval(check, this.options.timeoutIntervallCheck * 1000 * 60);
|
||
};
|
||
|
||
Timeout.prototype.stop = function() {
|
||
if (!this.intervallId) {
|
||
return;
|
||
}
|
||
this.log.debug("Stop timeout of " + this.options.timeout + " minutes");
|
||
return clearInterval(this.intervallId);
|
||
};
|
||
|
||
return Timeout;
|
||
|
||
})(Base);
|
||
Io = (function(superClass) {
|
||
extend(Io, superClass);
|
||
|
||
function Io() {
|
||
this.ping = bind(this.ping, this);
|
||
this.send = bind(this.send, this);
|
||
this.reconnect = bind(this.reconnect, this);
|
||
this.close = bind(this.close, this);
|
||
this.connect = bind(this.connect, this);
|
||
this.set = bind(this.set, this);
|
||
return Io.__super__.constructor.apply(this, arguments);
|
||
}
|
||
|
||
Io.prototype.logPrefix = 'io';
|
||
|
||
Io.prototype.set = function(params) {
|
||
var key, results, value;
|
||
results = [];
|
||
for (key in params) {
|
||
value = params[key];
|
||
results.push(this.options[key] = value);
|
||
}
|
||
return results;
|
||
};
|
||
|
||
Io.prototype.connect = function() {
|
||
this.log.debug("Connecting to " + this.options.host);
|
||
this.ws = new window.WebSocket("" + this.options.host);
|
||
this.ws.onopen = (function(_this) {
|
||
return function(e) {
|
||
_this.log.debug('onOpen', e);
|
||
_this.options.onOpen(e);
|
||
return _this.ping();
|
||
};
|
||
})(this);
|
||
this.ws.onmessage = (function(_this) {
|
||
return function(e) {
|
||
var j, len, pipe, pipes;
|
||
pipes = JSON.parse(e.data);
|
||
_this.log.debug('onMessage', e.data);
|
||
for (j = 0, len = pipes.length; j < len; j++) {
|
||
pipe = pipes[j];
|
||
if (pipe.event === 'pong') {
|
||
_this.ping();
|
||
}
|
||
}
|
||
if (_this.options.onMessage) {
|
||
return _this.options.onMessage(pipes);
|
||
}
|
||
};
|
||
})(this);
|
||
this.ws.onclose = (function(_this) {
|
||
return function(e) {
|
||
_this.log.debug('close websocket connection', e);
|
||
if (_this.pingDelayId) {
|
||
clearTimeout(_this.pingDelayId);
|
||
}
|
||
if (_this.manualClose) {
|
||
_this.log.debug('manual close, onClose callback');
|
||
_this.manualClose = false;
|
||
if (_this.options.onClose) {
|
||
return _this.options.onClose(e);
|
||
}
|
||
} else {
|
||
_this.log.debug('error close, onError callback');
|
||
if (_this.options.onError) {
|
||
return _this.options.onError('Connection lost...');
|
||
}
|
||
}
|
||
};
|
||
})(this);
|
||
return this.ws.onerror = (function(_this) {
|
||
return function(e) {
|
||
_this.log.debug('onError', e);
|
||
if (_this.options.onError) {
|
||
return _this.options.onError(e);
|
||
}
|
||
};
|
||
})(this);
|
||
};
|
||
|
||
Io.prototype.close = function() {
|
||
this.log.debug('close websocket manually');
|
||
this.manualClose = true;
|
||
return this.ws.close();
|
||
};
|
||
|
||
Io.prototype.reconnect = function() {
|
||
this.log.debug('reconnect');
|
||
this.close();
|
||
return this.connect();
|
||
};
|
||
|
||
Io.prototype.send = function(event, data) {
|
||
var msg;
|
||
if (data == null) {
|
||
data = {};
|
||
}
|
||
this.log.debug('send', event, data);
|
||
msg = JSON.stringify({
|
||
event: event,
|
||
data: data
|
||
});
|
||
return this.ws.send(msg);
|
||
};
|
||
|
||
Io.prototype.ping = function() {
|
||
var localPing;
|
||
localPing = (function(_this) {
|
||
return function() {
|
||
return _this.send('ping');
|
||
};
|
||
})(this);
|
||
return this.pingDelayId = setTimeout(localPing, 29000);
|
||
};
|
||
|
||
return Io;
|
||
|
||
})(Base);
|
||
ZammadChat = (function(superClass) {
|
||
extend(ZammadChat, superClass);
|
||
|
||
ZammadChat.prototype.defaults = {
|
||
chatId: void 0,
|
||
show: true,
|
||
target: document.querySelector('body'),
|
||
host: '',
|
||
debug: false,
|
||
flat: false,
|
||
lang: void 0,
|
||
cssAutoload: true,
|
||
cssUrl: void 0,
|
||
fontSize: void 0,
|
||
buttonClass: 'open-zammad-chat',
|
||
inactiveClass: 'is-inactive',
|
||
title: '<strong>Chat</strong> with us!',
|
||
scrollHint: 'Scroll down to see new messages',
|
||
idleTimeout: 6,
|
||
idleTimeoutIntervallCheck: 0.5,
|
||
inactiveTimeout: 8,
|
||
inactiveTimeoutIntervallCheck: 0.5,
|
||
waitingListTimeout: 4,
|
||
waitingListTimeoutIntervallCheck: 0.5,
|
||
onReady: void 0,
|
||
onCloseAnimationEnd: void 0,
|
||
onError: void 0,
|
||
onOpenAnimationEnd: void 0,
|
||
onConnectionReestablished: void 0,
|
||
onSessionClosed: void 0,
|
||
onConnectionEstablished: void 0,
|
||
onCssLoaded: void 0
|
||
};
|
||
|
||
ZammadChat.prototype.logPrefix = 'chat';
|
||
|
||
ZammadChat.prototype._messageCount = 0;
|
||
|
||
ZammadChat.prototype.isOpen = false;
|
||
|
||
ZammadChat.prototype.blinkOnlineInterval = null;
|
||
|
||
ZammadChat.prototype.stopBlinOnlineStateTimeout = null;
|
||
|
||
ZammadChat.prototype.showTimeEveryXMinutes = 2;
|
||
|
||
ZammadChat.prototype.lastTimestamp = null;
|
||
|
||
ZammadChat.prototype.lastAddedType = null;
|
||
|
||
ZammadChat.prototype.inputDisabled = false;
|
||
|
||
ZammadChat.prototype.inputTimeout = null;
|
||
|
||
ZammadChat.prototype.isTyping = false;
|
||
|
||
ZammadChat.prototype.state = 'offline';
|
||
|
||
ZammadChat.prototype.initialQueueDelay = 10000;
|
||
|
||
ZammadChat.prototype.translations = {
|
||
'da': {
|
||
'<strong>Chat</strong> with us!': '<strong>Chat</strong> med os!',
|
||
'Scroll down to see new messages': 'Scroll ned for at se nye beskeder',
|
||
'Online': 'Online',
|
||
'Offline': 'Offline',
|
||
'Connecting': 'Forbinder',
|
||
'Connection re-established': 'Forbindelse genoprettet',
|
||
'Today': 'I dag',
|
||
'Send': 'Send',
|
||
'Chat closed by %s': 'Chat lukket af %s',
|
||
'Compose your message…': 'Skriv en besked…',
|
||
'All colleagues are busy.': 'Alle kollegaer er optaget.',
|
||
'You are on waiting list position <strong>%s</strong>.': 'Du er i venteliste som nummer <strong>%s</strong>.',
|
||
'Start new conversation': 'Start en ny samtale',
|
||
'Since you didn\'t respond in the last %s minutes your conversation with <strong>%s</strong> got closed.': 'Da du ikke har svaret i de sidste %s minutter er din samtale med <strong>%s</strong> blevet lukket.',
|
||
'Since you didn\'t respond in the last %s minutes your conversation got closed.': 'Da du ikke har svaret i de sidste %s minutter er din samtale blevet lukket.',
|
||
'We are sorry, it takes longer as expected to get an empty slot. Please try again later or send us an email. Thank you!': 'Vi beklager, det tager længere end forventet at få en ledig plads. Prøv venligst igen senere eller send os en e-mail. På forhånd tak!'
|
||
},
|
||
'de': {
|
||
'<strong>Chat</strong> with us!': '<strong>Chatte</strong> mit uns!',
|
||
'Scroll down to see new messages': 'Scrolle nach unten um neue Nachrichten zu sehen',
|
||
'Online': 'Online',
|
||
'Offline': 'Offline',
|
||
'Connecting': 'Verbinden',
|
||
'Connection re-established': 'Verbindung wiederhergestellt',
|
||
'Today': 'Heute',
|
||
'Send': 'Senden',
|
||
'Chat closed by %s': 'Chat beendet von %s',
|
||
'Compose your message…': 'Ihre Nachricht…',
|
||
'All colleagues are busy.': 'Alle Kollegen sind belegt.',
|
||
'You are on waiting list position <strong>%s</strong>.': 'Sie sind in der Warteliste an der Position <strong>%s</strong>.',
|
||
'Start new conversation': 'Neue Konversation starten',
|
||
'Since you didn\'t respond in the last %s minutes your conversation with <strong>%s</strong> got closed.': 'Da Sie in den letzten %s Minuten nichts geschrieben haben wurde Ihre Konversation mit <strong>%s</strong> geschlossen.',
|
||
'Since you didn\'t respond in the last %s minutes your conversation got closed.': 'Da Sie in den letzten %s Minuten nichts geschrieben haben wurde Ihre Konversation geschlossen.',
|
||
'We are sorry, it takes longer as expected to get an empty slot. Please try again later or send us an email. Thank you!': 'Es tut uns leid, es dauert länger als erwartet, um einen freien Platz zu erhalten. Bitte versuchen Sie es zu einem späteren Zeitpunkt noch einmal oder schicken Sie uns eine E-Mail. Vielen Dank!'
|
||
},
|
||
'es': {
|
||
'<strong>Chat</strong> with us!': '<strong>Chatee</strong> con nosotros!',
|
||
'Scroll down to see new messages': 'Haga scroll hacia abajo para ver nuevos mensajes',
|
||
'Online': 'En linea',
|
||
'Offline': 'Desconectado',
|
||
'Connecting': 'Conectando',
|
||
'Connection re-established': 'Conexión restablecida',
|
||
'Today': 'Hoy',
|
||
'Send': 'Enviar',
|
||
'Chat closed by %s': 'Chat cerrado por %s',
|
||
'Compose your message…': 'Escriba su mensaje…',
|
||
'All colleagues are busy.': 'Todos los agentes están ocupados.',
|
||
'You are on waiting list position <strong>%s</strong>.': 'Usted está en la posición <strong>%s</strong> de la lista de espera.',
|
||
'Start new conversation': 'Iniciar nueva conversación',
|
||
'Since you didn\'t respond in the last %s minutes your conversation with <strong>%s</strong> got closed.': 'Puesto que usted no respondió en los últimos %s minutos su conversación con <strong>%s</strong> se ha cerrado.',
|
||
'Since you didn\'t respond in the last %s minutes your conversation got closed.': 'Puesto que usted no respondió en los últimos %s minutos su conversación se ha cerrado.',
|
||
'We are sorry, it takes longer as expected to get an empty slot. Please try again later or send us an email. Thank you!': 'Lo sentimos, se tarda más tiempo de lo esperado para ser atendido por un agente. Inténtelo de nuevo más tarde o envíenos un correo electrónico. ¡Gracias!'
|
||
},
|
||
'fi': {
|
||
'<strong>Chat</strong> with us!': '<strong>Keskustele</strong> kanssamme!',
|
||
'Scroll down to see new messages': 'Rullaa alas nähdäksesi uudet viestit',
|
||
'Online': 'Paikalla',
|
||
'Offline': 'Poissa',
|
||
'Connecting': 'Yhdistetään',
|
||
'Connection re-established': 'Yhteys muodostettu uudelleen',
|
||
'Today': 'Tänään',
|
||
'Send': 'Lähetä',
|
||
'Chat closed by %s': '%s sulki keskustelun',
|
||
'Compose your message…': 'Luo viestisi…',
|
||
'All colleagues are busy.': 'Kaikki kollegat ovat varattuja.',
|
||
'You are on waiting list position <strong>%s</strong>.': 'Olet odotuslistalla sijalla <strong>%s</strong>.',
|
||
'Start new conversation': 'Aloita uusi keskustelu',
|
||
'Since you didn\'t respond in the last %s minutes your conversation with <strong>%s</strong> got closed.': 'Koska et vastannut viimeiseen %s minuuttiin, keskustelusi <strong>%s</strong> kanssa suljettiin.',
|
||
'Since you didn\'t respond in the last %s minutes your conversation got closed.': 'Koska et vastannut viimeiseen %s minuuttiin, keskustelusi suljettiin.',
|
||
'We are sorry, it takes longer as expected to get an empty slot. Please try again later or send us an email. Thank you!': 'Olemme pahoillamme, tyhjän paikan vapautumisessa kestää odotettua pidempään. Ole hyvä ja yritä myöhemmin uudestaan tai lähetä meille sähköpostia. Kiitos!'
|
||
},
|
||
'fr': {
|
||
'<strong>Chat</strong> with us!': '<strong>Chattez</strong> avec nous!',
|
||
'Scroll down to see new messages': 'Faites défiler pour lire les nouveaux messages',
|
||
'Online': 'En-ligne',
|
||
'Offline': 'Hors-ligne',
|
||
'Connecting': 'Connexion en cours',
|
||
'Connection re-established': 'Connexion rétablie',
|
||
'Today': 'Aujourdhui',
|
||
'Send': 'Envoyer',
|
||
'Chat closed by %s': 'Chat fermé par %s',
|
||
'Compose your message…': 'Composez votre message…',
|
||
'All colleagues are busy.': 'Tous les collaborateurs sont occupés actuellement.',
|
||
'You are on waiting list position <strong>%s</strong>.': 'Vous êtes actuellement en position <strong>%s</strong> dans la file d\'attente.',
|
||
'Start new conversation': 'Démarrer une nouvelle conversation',
|
||
'Since you didn\'t respond in the last %s minutes your conversation with <strong>%s</strong> got closed.': 'Si vous ne répondez pas dans les <strong>%s</strong> minutes, votre conversation avec %s sera fermée.',
|
||
'Since you didn\'t respond in the last %s minutes your conversation got closed.': 'Si vous ne répondez pas dans les %s minutes, votre conversation va être fermée.',
|
||
'We are sorry, it takes longer as expected to get an empty slot. Please try again later or send us an email. Thank you!': 'Nous sommes désolés, il faut plus de temps que prévu pour obtenir un emplacement vide. Veuillez réessayer ultérieurement ou nous envoyer un courriel. Nous vous remercions!'
|
||
},
|
||
'he': {
|
||
'<strong>Chat</strong> with us!': '<strong>שוחח</strong>איתנו!',
|
||
'Scroll down to see new messages': 'גלול מטה כדי לראות הודעות חדשות',
|
||
'Online': 'מחובר',
|
||
'Offline': 'מנותק',
|
||
'Connecting': 'מתחבר',
|
||
'Connection re-established': 'החיבור שוחזר',
|
||
'Today': 'היום',
|
||
'Send': 'שלח',
|
||
'Chat closed by %s': 'הצאט נסגר ע"י %s',
|
||
'Compose your message…': 'כתוב את ההודעה שלך …',
|
||
'All colleagues are busy.': 'כל הנציגים תפוסים',
|
||
'You are on waiting list position <strong>%s</strong>.': 'מיקומך בתור <strong>%s</strong>.',
|
||
'Start new conversation': 'התחל שיחה חדשה',
|
||
'Since you didn\'t respond in the last %s minutes your conversation with <strong>%s</strong> got closed.': 'מכיוון שלא הגבת במהלך %s דקות השיחה שלך עם <strong>%s</strong> נסגרה.',
|
||
'Since you didn\'t respond in the last %s minutes your conversation got closed.': 'מכיוון שלא הגבת במהלך %s הדקות האחרונות השיחה שלך נסגרה.',
|
||
'We are sorry, it takes longer as expected to get an empty slot. Please try again later or send us an email. Thank you!': 'מצטערים, הזמן לקבלת נציג ארוך מהרגיל. נסה שוב מאוחר יותר או שלח לנו דוא"ל. תודה!'
|
||
},
|
||
'hu': {
|
||
'<strong>Chat</strong> with us!': '<strong>Chatelj</strong> velünk!',
|
||
'Scroll down to see new messages': 'Görgess lejjebb az újabb üzenetekért',
|
||
'Online': 'Online',
|
||
'Offline': 'Offline',
|
||
'Connecting': 'Csatlakozás',
|
||
'Connection re-established': 'Újracsatlakozás',
|
||
'Today': 'Ma',
|
||
'Send': 'Küldés',
|
||
'Chat closed by %s': 'A beszélgetést lezárta %s',
|
||
'Compose your message…': 'Írj üzenetet…',
|
||
'All colleagues are busy.': 'Jelenleg minden kollégánk elfoglalt.',
|
||
'You are on waiting list position <strong>%s</strong>.': 'A várólistán a <strong>%s</strong>. pozícióban várakozol.',
|
||
'Start new conversation': 'Új beszélgetés indítása',
|
||
'Since you didn\'t respond in the last %s minutes your conversation with <strong>%s</strong> got closed.': 'Mivel %s perce nem érkezett újabb üzenet, ezért a <strong>%s</strong> kollégával folytatott beszéletést lezártuk.',
|
||
'Since you didn\'t respond in the last %s minutes your conversation got closed.': 'Mivel %s perce nem érkezett válasz, a beszélgetés lezárult.',
|
||
'We are sorry, it takes longer as expected to get an empty slot. Please try again later or send us an email. Thank you!': 'Sajnáljuk, de a várakozási idő hosszabb a szokásosnál. Kérlek próbáld újra, vagy írd meg kérdésed emailben. Köszönjük!'
|
||
},
|
||
'nl': {
|
||
'<strong>Chat</strong> with us!': '<strong>Chat</strong> met ons!',
|
||
'Scroll down to see new messages': 'Scrol naar beneden om nieuwe berichten te zien',
|
||
'Online': 'Online',
|
||
'Offline': 'Offline',
|
||
'Connecting': 'Verbinden',
|
||
'Connection re-established': 'Verbinding herstelt',
|
||
'Today': 'Vandaag',
|
||
'Send': 'Verzenden',
|
||
'Chat closed by %s': 'Chat gesloten door %s',
|
||
'Compose your message…': 'Typ uw bericht…',
|
||
'All colleagues are busy.': 'Alle medewerkers zijn bezet.',
|
||
'You are on waiting list position <strong>%s</strong>.': 'U bent <strong>%s</strong> in de wachtrij.',
|
||
'Start new conversation': 'Nieuwe conversatie starten',
|
||
'Since you didn\'t respond in the last %s minutes your conversation with <strong>%s</strong> got closed.': 'Omdat u in de laatste %s minuten niets geschreven heeft wordt de conversatie met <strong>%s</strong> gesloten.',
|
||
'Since you didn\'t respond in the last %s minutes your conversation got closed.': 'Omdat u in de laatste %s minuten niets geschreven heeft is de conversatie gesloten.',
|
||
'We are sorry, it takes longer as expected to get an empty slot. Please try again later or send us an email. Thank you!': 'Het spijt ons, het duurt langer dan verwacht om te antwoorden. Alstublieft probeer het later nogmaals of stuur ons een email. Hartelijk dank!'
|
||
},
|
||
'it': {
|
||
'<strong>Chat</strong> with us!': '<strong>Chatta</strong> con noi!',
|
||
'Scroll down to see new messages': 'Scorrere verso il basso per vedere i nuovi messaggi',
|
||
'Online': 'Online',
|
||
'Offline': 'Offline',
|
||
'Connecting': 'Collegamento',
|
||
'Connection re-established': 'Collegamento ristabilito',
|
||
'Today': 'Oggi',
|
||
'Send': 'Invio',
|
||
'Chat closed by %s': 'Conversazione chiusa da %s',
|
||
'Compose your message…': 'Comporre il tuo messaggio…',
|
||
'All colleagues are busy.': 'Tutti i colleghi sono occupati.',
|
||
'You are on waiting list position <strong>%s</strong>.': 'Siete in posizione lista d\' attesa <strong>%s</strong>.',
|
||
'Start new conversation': 'Avviare una nuova conversazione',
|
||
'Since you didn\'t respond in the last %s minutes your conversation with <strong>%s</strong> got closed.': 'Dal momento che non hai risposto negli ultimi %s minuti la tua conversazione con <strong>%s</strong> si è chiusa.',
|
||
'Since you didn\'t respond in the last %s minutes your conversation got closed.': 'Dal momento che non hai risposto negli ultimi %s minuti la tua conversazione si è chiusa.',
|
||
'We are sorry, it takes longer as expected to get an empty slot. Please try again later or send us an email. Thank you!': 'Ci dispiace, ci vuole più tempo come previsto per ottenere uno slot vuoto. Per favore riprova più tardi o inviaci un\' e-mail. Grazie!'
|
||
},
|
||
'pl': {
|
||
'<strong>Chat</strong> with us!': '<strong>Czatuj</strong> z nami!',
|
||
'Scroll down to see new messages': 'Przewiń w dół, aby wyświetlić nowe wiadomości',
|
||
'Online': 'Online',
|
||
'Offline': 'Offline',
|
||
'Connecting': 'Łączenie',
|
||
'Connection re-established': 'Ponowne nawiązanie połączenia',
|
||
'Today': 'dzisiejszy',
|
||
'Send': 'Wyślij',
|
||
'Chat closed by %s': 'Czat zamknięty przez %s',
|
||
'Compose your message…': 'Utwórz swoją wiadomość…',
|
||
'All colleagues are busy.': 'Wszyscy konsultanci są zajęci.',
|
||
'You are on waiting list position <strong>%s</strong>.': 'Na liście oczekujących znajduje się pozycja <strong>%s</strong>.',
|
||
'Start new conversation': 'Rozpoczęcie nowej konwersacji',
|
||
'Since you didn\'t respond in the last %s minutes your conversation with <strong>%s</strong> got closed.': 'Ponieważ w ciągu ostatnich %s minut nie odpowiedziałeś, Twoja rozmowa z <strong>%s</strong> została zamknięta.',
|
||
'Since you didn\'t respond in the last %s minutes your conversation got closed.': 'Ponieważ nie odpowiedziałeś w ciągu ostatnich %s minut, Twoja rozmowa została zamknięta.',
|
||
'We are sorry, it takes longer as expected to get an empty slot. Please try again later or send us an email. Thank you!': 'Przykro nam, ale to trwa dłużej niż się spodziewamy. Spróbuj ponownie później lub wyślij nam wiadomość e-mail. Dziękuję!'
|
||
},
|
||
'pt-br': {
|
||
'<strong>Chat</strong> with us!': '<strong>Chat</strong> fale conosco!',
|
||
'Scroll down to see new messages': 'Role para baixo, para ver nosvas mensagens',
|
||
'Online': 'Online',
|
||
'Offline': 'Desconectado',
|
||
'Connecting': 'Conectando',
|
||
'Connection re-established': 'Conexão restabelecida',
|
||
'Today': 'Hoje',
|
||
'Send': 'Enviar',
|
||
'Chat closed by %s': 'Chat encerrado por %s',
|
||
'Compose your message…': 'Escreva sua mensagem…',
|
||
'All colleagues are busy.': 'Todos os agentes estão ocupados.',
|
||
'You are on waiting list position <strong>%s</strong>.': 'Você está na posição <strong>%s</strong> na fila de espera.',
|
||
'Start new conversation': 'Iniciar uma nova conversa',
|
||
'Since you didn\'t respond in the last %s minutes your conversation with <strong>%s</strong> got closed.': 'Como você não respondeu nos últimos %s minutos sua conversa com <strong>%s</strong> foi encerrada.',
|
||
'Since you didn\'t respond in the last %s minutes your conversation got closed.': 'Como você não respondeu nos últimos %s minutos sua conversa foi encerrada.',
|
||
'We are sorry, it takes longer as expected to get an empty slot. Please try again later or send us an email. Thank you!': 'Desculpe, mas o tempo de espera por um agente foi excedido. Tente novamente mais tarde ou nós envie um email. Obrigado'
|
||
},
|
||
'zh-cn': {
|
||
'<strong>Chat</strong> with us!': '发起<strong>即时对话</strong>!',
|
||
'Scroll down to see new messages': '向下滚动以查看新消息',
|
||
'Online': '在线',
|
||
'Offline': '离线',
|
||
'Connecting': '连接中',
|
||
'Connection re-established': '正在重新建立连接',
|
||
'Today': '今天',
|
||
'Send': '发送',
|
||
'Chat closed by %s': 'Chat closed by %s',
|
||
'Compose your message…': '正在输入信息…',
|
||
'All colleagues are busy.': '所有工作人员都在忙碌中.',
|
||
'You are on waiting list position <strong>%s</strong>.': '您目前的等候位置是第 <strong>%s</strong> 位.',
|
||
'Start new conversation': '开始新的会话',
|
||
'Since you didn\'t respond in the last %s minutes your conversation with <strong>%s</strong> got closed.': '由于您超过 %s 分钟没有回复, 您与 <strong>%s</strong> 的会话已被关闭.',
|
||
'Since you didn\'t respond in the last %s minutes your conversation got closed.': '由于您超过 %s 分钟没有任何回复, 该对话已被关闭.',
|
||
'We are sorry, it takes longer as expected to get an empty slot. Please try again later or send us an email. Thank you!': '非常抱歉, 目前需要等候更长的时间才能接入对话, 请稍后重试或向我们发送电子邮件. 谢谢!'
|
||
},
|
||
'zh-tw': {
|
||
'<strong>Chat</strong> with us!': '開始<strong>即時對话</strong>!',
|
||
'Scroll down to see new messages': '向下滑動以查看新訊息',
|
||
'Online': '線上',
|
||
'Offline': '离线',
|
||
'Connecting': '連線中',
|
||
'Connection re-established': '正在重新建立連線中',
|
||
'Today': '今天',
|
||
'Send': '發送',
|
||
'Chat closed by %s': 'Chat closed by %s',
|
||
'Compose your message…': '正在輸入訊息…',
|
||
'All colleagues are busy.': '所有服務人員都在忙碌中.',
|
||
'You are on waiting list position <strong>%s</strong>.': '你目前的等候位置是第 <strong>%s</strong> 順位.',
|
||
'Start new conversation': '開始新的對話',
|
||
'Since you didn\'t respond in the last %s minutes your conversation with <strong>%s</strong> got closed.': '由於你超過 %s 分鐘沒有回應, 你與 <strong>%s</strong> 的對話已被關閉.',
|
||
'Since you didn\'t respond in the last %s minutes your conversation got closed.': '由於你超過 %s 分鐘沒有任何回應, 該對話已被關閉.',
|
||
'We are sorry, it takes longer as expected to get an empty slot. Please try again later or send us an email. Thank you!': '非常抱歉, 當前需要等候更長的時間方可排入對話程序, 請稍後重試或向我們寄送電子郵件. 謝謝!'
|
||
},
|
||
'ru': {
|
||
'<strong>Chat</strong> with us!': 'Напишите нам!',
|
||
'Scroll down to see new messages': 'Прокрутите, чтобы увидеть новые сообщения',
|
||
'Online': 'Онлайн',
|
||
'Offline': 'Оффлайн',
|
||
'Connecting': 'Подключение',
|
||
'Connection re-established': 'Подключение восстановлено',
|
||
'Today': 'Сегодня',
|
||
'Send': 'Отправить',
|
||
'Chat closed by %s': '%s закрыл чат',
|
||
'Compose your message…': 'Напишите сообщение…',
|
||
'All colleagues are busy.': 'Все сотрудники заняты',
|
||
'You are on waiting list position <strong>%s</strong>.': 'Вы в списке ожидания под номером <strong>%s</strong>',
|
||
'Start new conversation': 'Начать новую переписку.',
|
||
'Since you didn\'t respond in the last %s minutes your conversation with %s got closed.': 'Поскольку вы не отвечали в течение последних %s минут, ваш разговор с %s был закрыт.',
|
||
'Since you didn\'t respond in the last %s minutes your conversation got closed.': 'Поскольку вы не отвечали в течение последних %s минут, ваш разговор был закрыт.',
|
||
'We are sorry, it takes longer as expected to get an empty slot. Please try again later or send us an email. Thank you!': 'К сожалению, ожидание свободного места требует больше времени. Повторите попытку позже или отправьте нам электронное письмо. Спасибо!'
|
||
},
|
||
'sv': {
|
||
'<strong>Chat</strong> with us!': '<strong>Chatta</strong> med oss!',
|
||
'Scroll down to see new messages': 'Rulla ner för att se nya meddelanden',
|
||
'Online': 'Online',
|
||
'Offline': 'Offline',
|
||
'Connecting': 'Ansluter',
|
||
'Connection re-established': 'Anslutningen återupprättas',
|
||
'Today': 'I dag',
|
||
'Send': 'Skicka',
|
||
'Chat closed by %s': 'Chatt stängd av %s',
|
||
'Compose your message…': 'Skriv ditt meddelande…',
|
||
'All colleagues are busy.': 'Alla kollegor är upptagna.',
|
||
'You are on waiting list position <strong>%s</strong>.': 'Du är på väntelistan som position <strong>%s</strong>.',
|
||
'Start new conversation': 'Starta ny konversation',
|
||
'Since you didn\'t respond in the last %s minutes your conversation with <strong>%s</strong> got closed.': 'Eftersom du inte svarat inom %s minuterna i din konversation med <strong>%s</strong> så stängdes chatten.',
|
||
'Since you didn\'t respond in the last %s minutes your conversation got closed.': 'Då du inte svarat inom de senaste %s minuterna så avslutades din chatt.',
|
||
'We are sorry, it takes longer as expected to get an empty slot. Please try again later or send us an email. Thank you!': 'Vi är ledsna, det tar längre tid som förväntat att få en ledig plats. Försök igen senare eller skicka ett e-postmeddelande till oss. Tack!'
|
||
},
|
||
'no': {
|
||
'<strong>Chat</strong> with us!': '<strong>Chat</strong> med oss!',
|
||
'Scroll down to see new messages': 'Bla ned for å se nye meldinger',
|
||
'Online': 'Pålogget',
|
||
'Offline': 'Avlogget',
|
||
'Connecting': 'Koble til',
|
||
'Connection re-established': 'Tilkoblingen er gjenopprettet',
|
||
'Today': 'I dag',
|
||
'Send': 'Send',
|
||
'Chat closed by %s': 'Chat avsluttes om %s',
|
||
'Compose your message…': 'Skriv din melding…',
|
||
'All colleagues are busy.': 'Alle våre kolleger er for øyeblikket opptatt.',
|
||
'You are on waiting list position <strong>%s</strong>.': 'Du står nå i kø og er nr. <strong>%s</strong> på ventelisten.',
|
||
'Start new conversation': 'Start en ny samtale',
|
||
'Since you didn\'t respond in the last %s minutes your conversation with <strong>%s</strong> got closed.': 'Ettersom du ikke har respondert i løpet av de siste %s minuttene av samtalen, vil samtalen med <strong>%s</strong> nå avsluttes.',
|
||
'Since you didn\'t respond in the last %s minutes your conversation got closed.': 'Ettersom du ikke har respondert i løpet av de siste %s minuttene, har samtalen nå blitt avsluttet.',
|
||
'We are sorry, it takes longer as expected to get an empty slot. Please try again later or send us an email. Thank you!': 'Vi beklager, men det tar lengre tid enn vanlig å få en ledig plass i vår chat. Vennligst prøv igjen på et senere tidspunkt eller send oss en e-post. Tusen takk!'
|
||
},
|
||
'nb': {
|
||
'<strong>Chat</strong> with us!': '<strong>Chat</strong> med oss!',
|
||
'Scroll down to see new messages': 'Bla ned for å se nye meldinger',
|
||
'Online': 'Pålogget',
|
||
'Offline': 'Avlogget',
|
||
'Connecting': 'Koble til',
|
||
'Connection re-established': 'Tilkoblingen er gjenopprettet',
|
||
'Today': 'I dag',
|
||
'Send': 'Send',
|
||
'Chat closed by %s': 'Chat avsluttes om %s',
|
||
'Compose your message…': 'Skriv din melding…',
|
||
'All colleagues are busy.': 'Alle våre kolleger er for øyeblikket opptatt.',
|
||
'You are on waiting list position <strong>%s</strong>.': 'Du står nå i kø og er nr. <strong>%s</strong> på ventelisten.',
|
||
'Start new conversation': 'Start en ny samtale',
|
||
'Since you didn\'t respond in the last %s minutes your conversation with <strong>%s</strong> got closed.': 'Ettersom du ikke har respondert i løpet av de siste %s minuttene av samtalen, vil samtalen med <strong>%s</strong> nå avsluttes.',
|
||
'Since you didn\'t respond in the last %s minutes your conversation got closed.': 'Ettersom du ikke har respondert i løpet av de siste %s minuttene, har samtalen nå blitt avsluttet.',
|
||
'We are sorry, it takes longer as expected to get an empty slot. Please try again later or send us an email. Thank you!': 'Vi beklager, men det tar lengre tid enn vanlig å få en ledig plass i vår chat. Vennligst prøv igjen på et senere tidspunkt eller send oss en e-post. Tusen takk!'
|
||
},
|
||
'el': {
|
||
'<strong>Chat</strong> with us!': '<strong>Επικοινωνήστε</strong> μαζί μας!',
|
||
'Scroll down to see new messages': 'Μεταβείτε κάτω για να δείτε τα νέα μηνύματα',
|
||
'Online': 'Σε σύνδεση',
|
||
'Offline': 'Αποσυνδεμένος',
|
||
'Connecting': 'Σύνδεση',
|
||
'Connection re-established': 'Η σύνδεση αποκαταστάθηκε',
|
||
'Today': 'Σήμερα',
|
||
'Send': 'Αποστολή',
|
||
'Chat closed by %s': 'Η συνομιλία έκλεισε από τον/την %s',
|
||
'Compose your message…': 'Γράψτε το μήνυμα σας…',
|
||
'All colleagues are busy.': 'Όλοι οι συνάδελφοι μας είναι απασχολημένοι.',
|
||
'You are on waiting list position <strong>%s</strong>.': 'Βρίσκεστε σε λίστα αναμονής στη θέση <strong>%s</strong>.',
|
||
'Start new conversation': 'Έναρξη νέας συνομιλίας',
|
||
'Since you didn\'t respond in the last %s minutes your conversation with <strong>%s</strong> got closed.': 'Από τη στιγμή που δεν απαντήσατε τα τελευταία %s λεπτά η συνομιλία σας με τον/την <strong>%s</strong> έκλεισε.',
|
||
'Since you didn\'t respond in the last %s minutes your conversation got closed.': 'Από τη στιγμή που δεν απαντήσατε τα τελευταία %s λεπτά η συνομιλία σας έκλεισε.',
|
||
'We are sorry, it takes longer as expected to get an empty slot. Please try again later or send us an email. Thank you!': 'Λυπούμαστε που χρειάζεται περισσότερος χρόνος από τον αναμενόμενο για να βρεθεί μία κενή θέση. Παρακαλούμε δοκιμάστε ξανά αργότερα ή στείλτε μας ένα email. Ευχαριστούμε!'
|
||
}
|
||
};
|
||
|
||
ZammadChat.prototype.sessionId = void 0;
|
||
|
||
ZammadChat.prototype.scrolledToBottom = true;
|
||
|
||
ZammadChat.prototype.scrollSnapTolerance = 10;
|
||
|
||
ZammadChat.prototype.richTextFormatKey = {
|
||
66: true,
|
||
73: true,
|
||
85: true,
|
||
83: true
|
||
};
|
||
|
||
ZammadChat.prototype.T = function() {
|
||
var item, items, j, len, string, translations;
|
||
string = arguments[0], items = 2 <= arguments.length ? slice.call(arguments, 1) : [];
|
||
if (this.options.lang && this.options.lang !== 'en') {
|
||
if (!this.translations[this.options.lang]) {
|
||
this.log.notice("Translation '" + this.options.lang + "' needed!");
|
||
} else {
|
||
translations = this.translations[this.options.lang];
|
||
if (!translations[string]) {
|
||
this.log.notice("Translation needed for '" + string + "'");
|
||
}
|
||
string = translations[string] || string;
|
||
}
|
||
}
|
||
if (items) {
|
||
for (j = 0, len = items.length; j < len; j++) {
|
||
item = items[j];
|
||
string = string.replace(/%s/, item);
|
||
}
|
||
}
|
||
return string;
|
||
};
|
||
|
||
ZammadChat.prototype.view = function(name) {
|
||
return (function(_this) {
|
||
return function(options) {
|
||
if (!options) {
|
||
options = {};
|
||
}
|
||
options.T = _this.T;
|
||
options.background = _this.options.background;
|
||
options.flat = _this.options.flat;
|
||
options.fontSize = _this.options.fontSize;
|
||
return window.zammadChatTemplates[name](options);
|
||
};
|
||
})(this);
|
||
};
|
||
|
||
function ZammadChat(options) {
|
||
this.removeAttributes = bind(this.removeAttributes, this);
|
||
this.startTimeoutObservers = bind(this.startTimeoutObservers, this);
|
||
this.onCssLoaded = bind(this.onCssLoaded, this);
|
||
this.setAgentOnlineState = bind(this.setAgentOnlineState, this);
|
||
this.onConnectionEstablished = bind(this.onConnectionEstablished, this);
|
||
this.setSessionId = bind(this.setSessionId, this);
|
||
this.onConnectionReestablished = bind(this.onConnectionReestablished, this);
|
||
this.reconnect = bind(this.reconnect, this);
|
||
this.destroy = bind(this.destroy, this);
|
||
this.onScrollHintClick = bind(this.onScrollHintClick, this);
|
||
this.detectScrolledtoBottom = bind(this.detectScrolledtoBottom, this);
|
||
this.onLeaveTemporary = bind(this.onLeaveTemporary, this);
|
||
this.onAgentTypingEnd = bind(this.onAgentTypingEnd, this);
|
||
this.onAgentTypingStart = bind(this.onAgentTypingStart, this);
|
||
this.onQueue = bind(this.onQueue, this);
|
||
this.onQueueScreen = bind(this.onQueueScreen, this);
|
||
this.onWebSocketClose = bind(this.onWebSocketClose, this);
|
||
this.onCloseAnimationEnd = bind(this.onCloseAnimationEnd, this);
|
||
this.close = bind(this.close, this);
|
||
this.toggle = bind(this.toggle, this);
|
||
this.sessionClose = bind(this.sessionClose, this);
|
||
this.onOpenAnimationEnd = bind(this.onOpenAnimationEnd, this);
|
||
this.open = bind(this.open, this);
|
||
this.renderMessage = bind(this.renderMessage, this);
|
||
this.receiveMessage = bind(this.receiveMessage, this);
|
||
this.onSubmit = bind(this.onSubmit, this);
|
||
this.onInput = bind(this.onInput, this);
|
||
this.onReopenSession = bind(this.onReopenSession, this);
|
||
this.onError = bind(this.onError, this);
|
||
this.onWebSocketMessage = bind(this.onWebSocketMessage, this);
|
||
this.send = bind(this.send, this);
|
||
this.onKeydown = bind(this.onKeydown, this);
|
||
this.onPaste = bind(this.onPaste, this);
|
||
this.onDrop = bind(this.onDrop, this);
|
||
this.render = bind(this.render, this);
|
||
this.view = bind(this.view, this);
|
||
this.T = bind(this.T, this);
|
||
ZammadChat.__super__.constructor.call(this, options);
|
||
if (typeof jQuery !== 'undefined' && this.options.target instanceof jQuery) {
|
||
this.log.notice('Chat: target option is a jQuery object. jQuery is not a requirement for the chat any more.');
|
||
this.options.target = this.options.target.get(0);
|
||
}
|
||
this.isFullscreen = window.matchMedia && window.matchMedia('(max-width: 768px)').matches;
|
||
this.scrollRoot = this.getScrollRoot();
|
||
if (!window.WebSocket || !sessionStorage) {
|
||
this.state = 'unsupported';
|
||
this.log.notice('Chat: Browser not supported!');
|
||
return;
|
||
}
|
||
if (!this.options.chatId) {
|
||
this.state = 'unsupported';
|
||
this.log.error('Chat: need chatId as option!');
|
||
return;
|
||
}
|
||
if (!this.options.lang) {
|
||
this.options.lang = document.documentElement.getAttribute('lang');
|
||
}
|
||
if (this.options.lang) {
|
||
if (!this.translations[this.options.lang]) {
|
||
this.log.debug("lang: No " + this.options.lang + " found, try first two letters");
|
||
this.options.lang = this.options.lang.replace(/-.+?$/, '');
|
||
}
|
||
this.log.debug("lang: " + this.options.lang);
|
||
}
|
||
if (!this.options.host) {
|
||
this.detectHost();
|
||
}
|
||
this.loadCss();
|
||
this.io = new Io(this.options);
|
||
this.io.set({
|
||
onOpen: this.render,
|
||
onClose: this.onWebSocketClose,
|
||
onMessage: this.onWebSocketMessage,
|
||
onError: this.onError
|
||
});
|
||
this.io.connect();
|
||
}
|
||
|
||
ZammadChat.prototype.getScrollRoot = function() {
|
||
var end, html, start;
|
||
if ('scrollingElement' in document) {
|
||
return document.scrollingElement;
|
||
}
|
||
html = document.documentElement;
|
||
start = parseInt(html.pageYOffset, 10);
|
||
html.pageYOffset = start + 1;
|
||
end = parseInt(html.pageYOffset, 10);
|
||
html.pageYOffset = start;
|
||
if (end > start) {
|
||
return html;
|
||
} else {
|
||
return document.body;
|
||
}
|
||
};
|
||
|
||
ZammadChat.prototype.render = function() {
|
||
var btn;
|
||
if (!this.el || !document.querySelector('.zammad-chat')) {
|
||
this.renderBase();
|
||
}
|
||
btn = document.querySelector("." + this.options.buttonClass);
|
||
if (btn) {
|
||
btn.classList.add(this.options.inactiveClass);
|
||
}
|
||
this.setAgentOnlineState('online');
|
||
this.log.debug('widget rendered');
|
||
this.startTimeoutObservers();
|
||
this.idleTimeout.start();
|
||
this.sessionId = sessionStorage.getItem('sessionId');
|
||
return this.send('chat_status_customer', {
|
||
session_id: this.sessionId,
|
||
url: window.location.href
|
||
});
|
||
};
|
||
|
||
ZammadChat.prototype.renderBase = function() {
|
||
if (this.el) {
|
||
this.el.remove();
|
||
}
|
||
this.options.target.insertAdjacentHTML('beforeend', this.view('chat')({
|
||
title: this.options.title,
|
||
scrollHint: this.options.scrollHint
|
||
}));
|
||
this.el = this.options.target.querySelector('.zammad-chat');
|
||
this.input = this.el.querySelector('.zammad-chat-input');
|
||
this.body = this.el.querySelector('.zammad-chat-body');
|
||
this.el.querySelector('.js-chat-open').addEventListener('click', this.open);
|
||
this.el.querySelector('.js-chat-toggle').addEventListener('click', this.toggle);
|
||
this.el.querySelector('.js-chat-status').addEventListener('click', this.stopPropagation);
|
||
this.el.querySelector('.zammad-chat-controls').addEventListener('submit', this.onSubmit);
|
||
this.body.addEventListener('scroll', this.detectScrolledtoBottom);
|
||
this.el.querySelector('.zammad-scroll-hint').addEventListener('click', this.onScrollHintClick);
|
||
this.input.addEventListener('keydown', this.onKeydown);
|
||
this.input.addEventListener('input', this.onInput);
|
||
this.input.addEventListener('paste', this.onPaste);
|
||
this.input.addEventListener('drop', this.onDrop);
|
||
window.addEventListener('beforeunload', this.onLeaveTemporary);
|
||
return window.addEventListener('hashchange', (function(_this) {
|
||
return function() {
|
||
if (_this.isOpen) {
|
||
if (_this.sessionId) {
|
||
_this.send('chat_session_notice', {
|
||
session_id: _this.sessionId,
|
||
message: window.location.href
|
||
});
|
||
}
|
||
return;
|
||
}
|
||
return _this.idleTimeout.start();
|
||
};
|
||
})(this));
|
||
};
|
||
|
||
ZammadChat.prototype.stopPropagation = function(event) {
|
||
return event.stopPropagation();
|
||
};
|
||
|
||
ZammadChat.prototype.onDrop = function(e) {
|
||
var dataTransfer, file, reader, x, y;
|
||
e.stopPropagation();
|
||
e.preventDefault();
|
||
if (window.dataTransfer) {
|
||
dataTransfer = window.dataTransfer;
|
||
} else if (e.dataTransfer) {
|
||
dataTransfer = e.dataTransfer;
|
||
} else {
|
||
throw 'No clipboardData support';
|
||
}
|
||
x = e.clientX;
|
||
y = e.clientY;
|
||
file = dataTransfer.files[0];
|
||
if (file.type.match('image.*')) {
|
||
reader = new FileReader();
|
||
reader.onload = (function(_this) {
|
||
return function(e) {
|
||
var insert;
|
||
insert = function(dataUrl, width) {
|
||
var img, pos, range, result;
|
||
if (_this.isRetina()) {
|
||
width = width / 2;
|
||
}
|
||
result = dataUrl;
|
||
img = new Image();
|
||
img.style.width = '100%';
|
||
img.style.maxWidth = width + 'px';
|
||
img.src = result;
|
||
if (document.caretPositionFromPoint) {
|
||
pos = document.caretPositionFromPoint(x, y);
|
||
range = document.createRange();
|
||
range.setStart(pos.offsetNode, pos.offset);
|
||
range.collapse();
|
||
return range.insertNode(img);
|
||
} else if (document.caretRangeFromPoint) {
|
||
range = document.caretRangeFromPoint(x, y);
|
||
return range.insertNode(img);
|
||
} else {
|
||
return console.log('could not find carat');
|
||
}
|
||
};
|
||
return _this.resizeImage(e.target.result, 460, 'auto', 2, 'image/jpeg', 'auto', insert);
|
||
};
|
||
})(this);
|
||
return reader.readAsDataURL(file);
|
||
}
|
||
};
|
||
|
||
ZammadChat.prototype.onPaste = function(e) {
|
||
var clipboardData, docType, html, htmlTmp, imageFile, imageInserted, item, j, k, l, len, len1, len2, len3, m, match, newTag, node, outer, reader, ref, ref1, ref2, ref3, regex, replacementTag, sanitized, text;
|
||
e.stopPropagation();
|
||
e.preventDefault();
|
||
if (e.clipboardData) {
|
||
clipboardData = e.clipboardData;
|
||
} else if (window.clipboardData) {
|
||
clipboardData = window.clipboardData;
|
||
} else if (e.clipboardData) {
|
||
clipboardData = e.clipboardData;
|
||
} else {
|
||
throw 'No clipboardData support';
|
||
}
|
||
imageInserted = false;
|
||
if (clipboardData && clipboardData.items && clipboardData.items[0]) {
|
||
item = clipboardData.items[0];
|
||
if (item.kind === 'file' && (item.type === 'image/png' || item.type === 'image/jpeg')) {
|
||
imageFile = item.getAsFile();
|
||
reader = new FileReader();
|
||
reader.onload = (function(_this) {
|
||
return function(e) {
|
||
var insert;
|
||
insert = function(dataUrl, width) {
|
||
var img;
|
||
if (_this.isRetina()) {
|
||
width = width / 2;
|
||
}
|
||
img = new Image();
|
||
img.style.width = '100%';
|
||
img.style.maxWidth = width + 'px';
|
||
img.src = dataUrl;
|
||
return document.execCommand('insertHTML', false, img);
|
||
};
|
||
return _this.resizeImage(e.target.result, 460, 'auto', 2, 'image/jpeg', 'auto', insert);
|
||
};
|
||
})(this);
|
||
reader.readAsDataURL(imageFile);
|
||
imageInserted = true;
|
||
}
|
||
}
|
||
if (imageInserted) {
|
||
return;
|
||
}
|
||
text = void 0;
|
||
docType = void 0;
|
||
try {
|
||
text = clipboardData.getData('text/html');
|
||
docType = 'html';
|
||
if (!text || text.length === 0) {
|
||
docType = 'text';
|
||
text = clipboardData.getData('text/plain');
|
||
}
|
||
if (!text || text.length === 0) {
|
||
docType = 'text2';
|
||
text = clipboardData.getData('text');
|
||
}
|
||
} catch (error) {
|
||
e = error;
|
||
console.log('Sorry, can\'t insert markup because browser is not supporting it.');
|
||
docType = 'text3';
|
||
text = clipboardData.getData('text');
|
||
}
|
||
if (docType === 'text' || docType === 'text2' || docType === 'text3') {
|
||
text = '<div>' + text.replace(/\n/g, '</div><div>') + '</div>';
|
||
text = text.replace(/<div><\/div>/g, '<div><br></div>');
|
||
}
|
||
console.log('p', docType, text);
|
||
if (docType === 'html') {
|
||
html = document.createElement('div');
|
||
sanitized = DOMPurify.sanitize(text);
|
||
this.log.debug('sanitized HTML clipboard', sanitized);
|
||
html.innerHTML = sanitized;
|
||
match = false;
|
||
htmlTmp = text;
|
||
regex = new RegExp('<(/w|w)\:[A-Za-z]');
|
||
if (htmlTmp.match(regex)) {
|
||
match = true;
|
||
htmlTmp = htmlTmp.replace(regex, '');
|
||
}
|
||
regex = new RegExp('<(/o|o)\:[A-Za-z]');
|
||
if (htmlTmp.match(regex)) {
|
||
match = true;
|
||
htmlTmp = htmlTmp.replace(regex, '');
|
||
}
|
||
if (match) {
|
||
html = this.wordFilter(html);
|
||
}
|
||
ref = html.childNodes;
|
||
for (j = 0, len = ref.length; j < len; j++) {
|
||
node = ref[j];
|
||
if (node.nodeType === 8) {
|
||
node.remove();
|
||
}
|
||
}
|
||
ref1 = html.querySelectorAll('a, font, small, time, form, label');
|
||
for (k = 0, len1 = ref1.length; k < len1; k++) {
|
||
node = ref1[k];
|
||
node.outerHTML = node.innerHTML;
|
||
}
|
||
replacementTag = 'div';
|
||
ref2 = html.querySelectorAll('textarea');
|
||
for (l = 0, len2 = ref2.length; l < len2; l++) {
|
||
node = ref2[l];
|
||
outer = node.outerHTML;
|
||
regex = new RegExp('<' + node.tagName, 'i');
|
||
newTag = outer.replace(regex, '<' + replacementTag);
|
||
regex = new RegExp('</' + node.tagName, 'i');
|
||
newTag = newTag.replace(regex, '</' + replacementTag);
|
||
node.outerHTML = newTag;
|
||
}
|
||
ref3 = html.querySelectorAll('font, img, svg, input, select, button, style, applet, embed, noframes, canvas, script, frame, iframe, meta, link, title, head, fieldset');
|
||
for (m = 0, len3 = ref3.length; m < len3; m++) {
|
||
node = ref3[m];
|
||
node.remove();
|
||
}
|
||
this.removeAttributes(html);
|
||
text = html.innerHTML;
|
||
}
|
||
if (docType === 'text3') {
|
||
this.pasteHtmlAtCaret(text);
|
||
} else {
|
||
document.execCommand('insertHTML', false, text);
|
||
}
|
||
return true;
|
||
};
|
||
|
||
ZammadChat.prototype.onKeydown = function(e) {
|
||
var richtTextControl;
|
||
if (!this.inputDisabled && !e.shiftKey && e.keyCode === 13) {
|
||
e.preventDefault();
|
||
this.sendMessage();
|
||
}
|
||
richtTextControl = false;
|
||
if (!e.altKey && !e.ctrlKey && e.metaKey) {
|
||
richtTextControl = true;
|
||
} else if (!e.altKey && e.ctrlKey && !e.metaKey) {
|
||
richtTextControl = true;
|
||
}
|
||
if (richtTextControl && this.richTextFormatKey[e.keyCode]) {
|
||
e.preventDefault();
|
||
if (e.keyCode === 66) {
|
||
document.execCommand('bold');
|
||
return true;
|
||
}
|
||
if (e.keyCode === 73) {
|
||
document.execCommand('italic');
|
||
return true;
|
||
}
|
||
if (e.keyCode === 85) {
|
||
document.execCommand('underline');
|
||
return true;
|
||
}
|
||
if (e.keyCode === 83) {
|
||
document.execCommand('strikeThrough');
|
||
return true;
|
||
}
|
||
}
|
||
};
|
||
|
||
ZammadChat.prototype.send = function(event, data) {
|
||
if (data == null) {
|
||
data = {};
|
||
}
|
||
data.chat_id = this.options.chatId;
|
||
return this.io.send(event, data);
|
||
};
|
||
|
||
ZammadChat.prototype.onWebSocketMessage = function(pipes) {
|
||
var j, len, pipe;
|
||
for (j = 0, len = pipes.length; j < len; j++) {
|
||
pipe = pipes[j];
|
||
this.log.debug('ws:onmessage', pipe);
|
||
switch (pipe.event) {
|
||
case 'chat_error':
|
||
this.log.notice(pipe.data);
|
||
if (pipe.data && pipe.data.state === 'chat_disabled') {
|
||
this.destroy({
|
||
remove: true
|
||
});
|
||
}
|
||
break;
|
||
case 'chat_session_message':
|
||
if (pipe.data.self_written) {
|
||
return;
|
||
}
|
||
this.receiveMessage(pipe.data);
|
||
break;
|
||
case 'chat_session_typing':
|
||
if (pipe.data.self_written) {
|
||
return;
|
||
}
|
||
this.onAgentTypingStart();
|
||
break;
|
||
case 'chat_session_start':
|
||
this.onConnectionEstablished(pipe.data);
|
||
break;
|
||
case 'chat_session_queue':
|
||
this.onQueueScreen(pipe.data);
|
||
break;
|
||
case 'chat_session_closed':
|
||
this.onSessionClosed(pipe.data);
|
||
break;
|
||
case 'chat_session_left':
|
||
this.onSessionClosed(pipe.data);
|
||
break;
|
||
case 'chat_status_customer':
|
||
switch (pipe.data.state) {
|
||
case 'online':
|
||
this.sessionId = void 0;
|
||
if (!this.options.cssAutoload || this.cssLoaded) {
|
||
this.onReady();
|
||
} else {
|
||
this.socketReady = true;
|
||
}
|
||
break;
|
||
case 'offline':
|
||
this.onError('Zammad Chat: No agent online');
|
||
break;
|
||
case 'chat_disabled':
|
||
this.onError('Zammad Chat: Chat is disabled');
|
||
break;
|
||
case 'no_seats_available':
|
||
this.onError("Zammad Chat: Too many clients in queue. Clients in queue: " + pipe.data.queue);
|
||
break;
|
||
case 'reconnect':
|
||
this.onReopenSession(pipe.data);
|
||
}
|
||
}
|
||
}
|
||
};
|
||
|
||
ZammadChat.prototype.onReady = function() {
|
||
var base, btn;
|
||
this.log.debug('widget ready for use');
|
||
btn = document.querySelector("." + this.options.buttonClass);
|
||
if (btn) {
|
||
btn.addEventListener('click', this.open);
|
||
btn.classList.remove(this.options.inactiveClass);
|
||
}
|
||
if (typeof (base = this.options).onReady === "function") {
|
||
base.onReady();
|
||
}
|
||
if (this.options.show) {
|
||
return this.show();
|
||
}
|
||
};
|
||
|
||
ZammadChat.prototype.onError = function(message) {
|
||
var base, btn;
|
||
this.log.debug(message);
|
||
this.addStatus(message);
|
||
btn = document.querySelector("." + this.options.buttonClass);
|
||
if (btn) {
|
||
btn.classList.add('zammad-chat-is-hidden');
|
||
}
|
||
if (this.isOpen) {
|
||
this.disableInput();
|
||
this.destroy({
|
||
remove: false
|
||
});
|
||
} else {
|
||
this.destroy({
|
||
remove: true
|
||
});
|
||
}
|
||
return typeof (base = this.options).onError === "function" ? base.onError(message) : void 0;
|
||
};
|
||
|
||
ZammadChat.prototype.onReopenSession = function(data) {
|
||
var j, len, message, ref, unfinishedMessage;
|
||
this.log.debug('old messages', data.session);
|
||
this.inactiveTimeout.start();
|
||
unfinishedMessage = sessionStorage.getItem('unfinished_message');
|
||
if (data.agent) {
|
||
this.onConnectionEstablished(data);
|
||
ref = data.session;
|
||
for (j = 0, len = ref.length; j < len; j++) {
|
||
message = ref[j];
|
||
this.renderMessage({
|
||
message: message.content,
|
||
id: message.id,
|
||
from: message.created_by_id ? 'agent' : 'customer'
|
||
});
|
||
}
|
||
if (unfinishedMessage) {
|
||
this.input.innerHTML = unfinishedMessage;
|
||
}
|
||
}
|
||
if (data.position) {
|
||
this.onQueue(data);
|
||
}
|
||
this.show();
|
||
this.open();
|
||
this.scrollToBottom();
|
||
if (unfinishedMessage) {
|
||
return this.input.focus();
|
||
}
|
||
};
|
||
|
||
ZammadChat.prototype.onInput = function() {
|
||
var j, len, message, ref;
|
||
ref = this.el.querySelectorAll('.zammad-chat-message--unread');
|
||
for (j = 0, len = ref.length; j < len; j++) {
|
||
message = ref[j];
|
||
message.classList.remove('zammad-chat-message--unread');
|
||
}
|
||
sessionStorage.setItem('unfinished_message', this.input.innerHTML);
|
||
return this.onTyping();
|
||
};
|
||
|
||
ZammadChat.prototype.onTyping = function() {
|
||
if (this.isTyping && this.isTyping > new Date(new Date().getTime() - 1500)) {
|
||
return;
|
||
}
|
||
this.isTyping = new Date();
|
||
this.send('chat_session_typing', {
|
||
session_id: this.sessionId
|
||
});
|
||
return this.inactiveTimeout.start();
|
||
};
|
||
|
||
ZammadChat.prototype.onSubmit = function(event) {
|
||
event.preventDefault();
|
||
return this.sendMessage();
|
||
};
|
||
|
||
ZammadChat.prototype.sendMessage = function() {
|
||
var message, messageElement;
|
||
message = this.input.innerHTML;
|
||
if (!message) {
|
||
return;
|
||
}
|
||
this.inactiveTimeout.start();
|
||
sessionStorage.removeItem('unfinished_message');
|
||
messageElement = this.view('message')({
|
||
message: message,
|
||
from: 'customer',
|
||
id: this._messageCount++,
|
||
unreadClass: ''
|
||
});
|
||
this.maybeAddTimestamp();
|
||
if (this.el.querySelector('.zammad-chat-message--typing')) {
|
||
this.lastAddedType = 'typing-placeholder';
|
||
this.el.querySelector('.zammad-chat-message--typing').insertAdjacentHTML('beforebegin', messageElement);
|
||
} else {
|
||
this.lastAddedType = 'message--customer';
|
||
this.body.insertAdjacentHTML('beforeend', messageElement);
|
||
}
|
||
this.input.innerHTML = '';
|
||
this.scrollToBottom();
|
||
return this.send('chat_session_message', {
|
||
content: message,
|
||
id: this._messageCount,
|
||
session_id: this.sessionId
|
||
});
|
||
};
|
||
|
||
ZammadChat.prototype.receiveMessage = function(data) {
|
||
this.inactiveTimeout.start();
|
||
this.onAgentTypingEnd();
|
||
this.maybeAddTimestamp();
|
||
this.renderMessage({
|
||
message: data.message.content,
|
||
id: data.id,
|
||
from: 'agent'
|
||
});
|
||
return this.scrollToBottom({
|
||
showHint: true
|
||
});
|
||
};
|
||
|
||
ZammadChat.prototype.renderMessage = function(data) {
|
||
this.lastAddedType = "message--" + data.from;
|
||
data.unreadClass = document.hidden ? ' zammad-chat-message--unread' : '';
|
||
return this.body.insertAdjacentHTML('beforeend', this.view('message')(data));
|
||
};
|
||
|
||
ZammadChat.prototype.open = function() {
|
||
var remainerHeight;
|
||
if (this.isOpen) {
|
||
this.log.debug('widget already open, block');
|
||
return;
|
||
}
|
||
this.isOpen = true;
|
||
this.log.debug('open widget');
|
||
this.show();
|
||
if (!this.sessionId) {
|
||
this.showLoader();
|
||
}
|
||
this.el.classList.add('zammad-chat-is-open');
|
||
remainerHeight = this.el.clientHeight - this.el.querySelector('.zammad-chat-header').offsetHeight;
|
||
this.el.style.transform = "translateY(" + remainerHeight + "px)";
|
||
this.el.clientHeight;
|
||
if (!this.sessionId) {
|
||
this.el.addEventListener('transitionend', this.onOpenAnimationEnd);
|
||
this.el.classList.add('zammad-chat--animate');
|
||
this.el.clientHeight;
|
||
this.el.style.transform = '';
|
||
return this.send('chat_session_init', {
|
||
url: window.location.href
|
||
});
|
||
} else {
|
||
this.el.style.transform = '';
|
||
return this.onOpenAnimationEnd();
|
||
}
|
||
};
|
||
|
||
ZammadChat.prototype.onOpenAnimationEnd = function() {
|
||
var base;
|
||
this.el.removeEventListener('transitionend', this.onOpenAnimationEnd);
|
||
this.el.classList.remove('zammad-chat--animate');
|
||
this.idleTimeout.stop();
|
||
if (this.isFullscreen) {
|
||
this.disableScrollOnRoot();
|
||
}
|
||
return typeof (base = this.options).onOpenAnimationEnd === "function" ? base.onOpenAnimationEnd() : void 0;
|
||
};
|
||
|
||
ZammadChat.prototype.sessionClose = function() {
|
||
this.send('chat_session_close', {
|
||
session_id: this.sessionId
|
||
});
|
||
this.inactiveTimeout.stop();
|
||
this.waitingListTimeout.stop();
|
||
sessionStorage.removeItem('unfinished_message');
|
||
if (this.onInitialQueueDelayId) {
|
||
clearTimeout(this.onInitialQueueDelayId);
|
||
}
|
||
return this.setSessionId(void 0);
|
||
};
|
||
|
||
ZammadChat.prototype.toggle = function(event) {
|
||
if (this.isOpen) {
|
||
return this.close(event);
|
||
} else {
|
||
return this.open(event);
|
||
}
|
||
};
|
||
|
||
ZammadChat.prototype.close = function(event) {
|
||
var remainerHeight;
|
||
if (!this.isOpen) {
|
||
this.log.debug('can\'t close widget, it\'s not open');
|
||
return;
|
||
}
|
||
if (this.initDelayId) {
|
||
clearTimeout(this.initDelayId);
|
||
}
|
||
if (this.sessionId) {
|
||
this.log.debug('session close before widget close');
|
||
this.sessionClose();
|
||
}
|
||
this.log.debug('close widget');
|
||
if (event) {
|
||
event.stopPropagation();
|
||
}
|
||
if (this.isFullscreen) {
|
||
this.enableScrollOnRoot();
|
||
}
|
||
remainerHeight = this.el.clientHeight - this.el.querySelector('.zammad-chat-header').offsetHeight;
|
||
this.el.addEventListener('transitionend', this.onCloseAnimationEnd);
|
||
this.el.classList.add('zammad-chat--animate');
|
||
document.offsetHeight;
|
||
return this.el.style.transform = "translateY(" + remainerHeight + "px)";
|
||
};
|
||
|
||
ZammadChat.prototype.onCloseAnimationEnd = function() {
|
||
var base;
|
||
this.el.removeEventListener('transitionend', this.onCloseAnimationEnd);
|
||
this.el.classList.remove('zammad-chat-is-open', 'zammad-chat--animate');
|
||
this.el.style.transform = '';
|
||
this.showLoader();
|
||
this.el.querySelector('.zammad-chat-welcome').classList.remove('zammad-chat-is-hidden');
|
||
this.el.querySelector('.zammad-chat-agent').classList.add('zammad-chat-is-hidden');
|
||
this.el.querySelector('.zammad-chat-agent-status').classList.add('zammad-chat-is-hidden');
|
||
this.isOpen = false;
|
||
if (typeof (base = this.options).onCloseAnimationEnd === "function") {
|
||
base.onCloseAnimationEnd();
|
||
}
|
||
return this.io.reconnect();
|
||
};
|
||
|
||
ZammadChat.prototype.onWebSocketClose = function() {
|
||
if (this.isOpen) {
|
||
return;
|
||
}
|
||
if (this.el) {
|
||
this.el.classList.remove('zammad-chat-is-shown');
|
||
return this.el.classList.remove('zammad-chat-is-loaded');
|
||
}
|
||
};
|
||
|
||
ZammadChat.prototype.show = function() {
|
||
if (this.state === 'offline') {
|
||
return;
|
||
}
|
||
this.el.classList.add('zammad-chat-is-loaded');
|
||
return this.el.classList.add('zammad-chat-is-shown');
|
||
};
|
||
|
||
ZammadChat.prototype.disableInput = function() {
|
||
this.inputDisabled = true;
|
||
this.input.setAttribute('contenteditable', false);
|
||
this.el.querySelector('.zammad-chat-send').disabled = true;
|
||
return this.io.close();
|
||
};
|
||
|
||
ZammadChat.prototype.enableInput = function() {
|
||
this.inputDisabled = false;
|
||
this.input.setAttribute('contenteditable', true);
|
||
return this.el.querySelector('.zammad-chat-send').disabled = false;
|
||
};
|
||
|
||
ZammadChat.prototype.hideModal = function() {
|
||
return this.el.querySelector('.zammad-chat-modal').innerHTML = '';
|
||
};
|
||
|
||
ZammadChat.prototype.onQueueScreen = function(data) {
|
||
var show;
|
||
this.setSessionId(data.session_id);
|
||
show = (function(_this) {
|
||
return function() {
|
||
_this.onQueue(data);
|
||
return _this.waitingListTimeout.start();
|
||
};
|
||
})(this);
|
||
if (this.initialQueueDelay && !this.onInitialQueueDelayId) {
|
||
this.onInitialQueueDelayId = setTimeout(show, this.initialQueueDelay);
|
||
return;
|
||
}
|
||
if (this.onInitialQueueDelayId) {
|
||
clearTimeout(this.onInitialQueueDelayId);
|
||
}
|
||
return show();
|
||
};
|
||
|
||
ZammadChat.prototype.onQueue = function(data) {
|
||
this.log.notice('onQueue', data.position);
|
||
this.inQueue = true;
|
||
return this.el.querySelector('.zammad-chat-modal').innerHTML = this.view('waiting')({
|
||
position: data.position
|
||
});
|
||
};
|
||
|
||
ZammadChat.prototype.onAgentTypingStart = function() {
|
||
if (this.stopTypingId) {
|
||
clearTimeout(this.stopTypingId);
|
||
}
|
||
this.stopTypingId = setTimeout(this.onAgentTypingEnd, 3000);
|
||
if (this.el.querySelector('.zammad-chat-message--typing')) {
|
||
return;
|
||
}
|
||
this.maybeAddTimestamp();
|
||
this.body.insertAdjacentHTML('beforeend', this.view('typingIndicator')());
|
||
if (!this.isVisible(this.el.querySelector('.zammad-chat-message--typing'), true)) {
|
||
return;
|
||
}
|
||
return this.scrollToBottom();
|
||
};
|
||
|
||
ZammadChat.prototype.onAgentTypingEnd = function() {
|
||
if (this.el.querySelector('.zammad-chat-message--typing')) {
|
||
return this.el.querySelector('.zammad-chat-message--typing').remove();
|
||
}
|
||
};
|
||
|
||
ZammadChat.prototype.onLeaveTemporary = function() {
|
||
if (!this.sessionId) {
|
||
return;
|
||
}
|
||
return this.send('chat_session_leave_temporary', {
|
||
session_id: this.sessionId
|
||
});
|
||
};
|
||
|
||
ZammadChat.prototype.maybeAddTimestamp = function() {
|
||
var label, time, timestamp;
|
||
timestamp = Date.now();
|
||
if (!this.lastTimestamp || (timestamp - this.lastTimestamp) > this.showTimeEveryXMinutes * 60000) {
|
||
label = this.T('Today');
|
||
time = new Date().toTimeString().substr(0, 5);
|
||
if (this.lastAddedType === 'timestamp') {
|
||
this.updateLastTimestamp(label, time);
|
||
return this.lastTimestamp = timestamp;
|
||
} else {
|
||
this.body.insertAdjacentHTML('beforeend', this.view('timestamp')({
|
||
label: label,
|
||
time: time
|
||
}));
|
||
this.lastTimestamp = timestamp;
|
||
this.lastAddedType = 'timestamp';
|
||
return this.scrollToBottom();
|
||
}
|
||
}
|
||
};
|
||
|
||
ZammadChat.prototype.updateLastTimestamp = function(label, time) {
|
||
var timestamps;
|
||
if (!this.el) {
|
||
return;
|
||
}
|
||
timestamps = this.el.querySelectorAll('.zammad-chat-body .zammad-chat-timestamp');
|
||
if (!timestamps) {
|
||
return;
|
||
}
|
||
return timestamps[timestamps.length - 1].outerHTML = this.view('timestamp')({
|
||
label: label,
|
||
time: time
|
||
});
|
||
};
|
||
|
||
ZammadChat.prototype.addStatus = function(status) {
|
||
if (!this.el) {
|
||
return;
|
||
}
|
||
this.maybeAddTimestamp();
|
||
this.body.insertAdjacentHTML('beforeend', this.view('status')({
|
||
status: status
|
||
}));
|
||
return this.scrollToBottom();
|
||
};
|
||
|
||
ZammadChat.prototype.detectScrolledtoBottom = function() {
|
||
var scrollBottom;
|
||
scrollBottom = this.body.scrollTop + this.body.offsetHeight;
|
||
this.scrolledToBottom = Math.abs(scrollBottom - this.body.scrollHeight) <= this.scrollSnapTolerance;
|
||
if (this.scrolledToBottom) {
|
||
return this.el.querySelector('.zammad-scroll-hint').classList.add('is-hidden');
|
||
}
|
||
};
|
||
|
||
ZammadChat.prototype.showScrollHint = function() {
|
||
this.el.querySelector('.zammad-scroll-hint').classList.remove('is-hidden');
|
||
return this.body.scrollTop = this.body.scrollTop + this.el.querySelector('.zammad-scroll-hint').offsetHeight;
|
||
};
|
||
|
||
ZammadChat.prototype.onScrollHintClick = function() {
|
||
return this.body.scrollTo({
|
||
top: this.body.scrollHeight,
|
||
behavior: 'smooth'
|
||
});
|
||
};
|
||
|
||
ZammadChat.prototype.scrollToBottom = function(arg) {
|
||
var showHint;
|
||
showHint = (arg != null ? arg : {
|
||
showHint: false
|
||
}).showHint;
|
||
if (this.scrolledToBottom) {
|
||
return this.body.scrollTop = this.body.scrollHeight;
|
||
} else if (showHint) {
|
||
return this.showScrollHint();
|
||
}
|
||
};
|
||
|
||
ZammadChat.prototype.destroy = function(params) {
|
||
var btn;
|
||
if (params == null) {
|
||
params = {};
|
||
}
|
||
this.log.debug('destroy widget', params);
|
||
this.setAgentOnlineState('offline');
|
||
if (params.remove && this.el) {
|
||
this.el.remove();
|
||
btn = document.querySelector("." + this.options.buttonClass);
|
||
if (btn) {
|
||
btn.classList.add(this.options.inactiveClass);
|
||
btn.style.display = 'none';
|
||
}
|
||
}
|
||
if (this.waitingListTimeout) {
|
||
this.waitingListTimeout.stop();
|
||
}
|
||
if (this.inactiveTimeout) {
|
||
this.inactiveTimeout.stop();
|
||
}
|
||
if (this.idleTimeout) {
|
||
this.idleTimeout.stop();
|
||
}
|
||
return this.io.close();
|
||
};
|
||
|
||
ZammadChat.prototype.reconnect = function() {
|
||
this.log.notice('reconnecting');
|
||
this.disableInput();
|
||
this.lastAddedType = 'status';
|
||
this.setAgentOnlineState('connecting');
|
||
return this.addStatus(this.T('Connection lost'));
|
||
};
|
||
|
||
ZammadChat.prototype.onConnectionReestablished = function() {
|
||
var base;
|
||
this.lastAddedType = 'status';
|
||
this.setAgentOnlineState('online');
|
||
this.addStatus(this.T('Connection re-established'));
|
||
return typeof (base = this.options).onConnectionReestablished === "function" ? base.onConnectionReestablished() : void 0;
|
||
};
|
||
|
||
ZammadChat.prototype.onSessionClosed = function(data) {
|
||
var base;
|
||
this.addStatus(this.T('Chat closed by %s', data.realname));
|
||
this.disableInput();
|
||
this.setAgentOnlineState('offline');
|
||
this.inactiveTimeout.stop();
|
||
return typeof (base = this.options).onSessionClosed === "function" ? base.onSessionClosed(data) : void 0;
|
||
};
|
||
|
||
ZammadChat.prototype.setSessionId = function(id) {
|
||
this.sessionId = id;
|
||
if (id === void 0) {
|
||
return sessionStorage.removeItem('sessionId');
|
||
} else {
|
||
return sessionStorage.setItem('sessionId', id);
|
||
}
|
||
};
|
||
|
||
ZammadChat.prototype.onConnectionEstablished = function(data) {
|
||
var base;
|
||
if (this.onInitialQueueDelayId) {
|
||
clearTimeout(this.onInitialQueueDelayId);
|
||
}
|
||
this.inQueue = false;
|
||
if (data.agent) {
|
||
this.agent = data.agent;
|
||
}
|
||
if (data.session_id) {
|
||
this.setSessionId(data.session_id);
|
||
}
|
||
this.body.innerHTML = '';
|
||
this.el.querySelector('.zammad-chat-agent').innerHTML = this.view('agent')({
|
||
agent: this.agent
|
||
});
|
||
this.enableInput();
|
||
this.hideModal();
|
||
this.el.querySelector('.zammad-chat-welcome').classList.add('zammad-chat-is-hidden');
|
||
this.el.querySelector('.zammad-chat-agent').classList.remove('zammad-chat-is-hidden');
|
||
this.el.querySelector('.zammad-chat-agent-status').classList.remove('zammad-chat-is-hidden');
|
||
if (!this.isFullscreen) {
|
||
this.input.focus();
|
||
}
|
||
this.setAgentOnlineState('online');
|
||
this.waitingListTimeout.stop();
|
||
this.idleTimeout.stop();
|
||
this.inactiveTimeout.start();
|
||
return typeof (base = this.options).onConnectionEstablished === "function" ? base.onConnectionEstablished(data) : void 0;
|
||
};
|
||
|
||
ZammadChat.prototype.showCustomerTimeout = function() {
|
||
this.el.querySelector('.zammad-chat-modal').innerHTML = this.view('customer_timeout')({
|
||
agent: this.agent.name,
|
||
delay: this.options.inactiveTimeout
|
||
});
|
||
this.el.querySelector('.js-restart').addEventListener('click', function() {
|
||
return location.reload();
|
||
});
|
||
return this.sessionClose();
|
||
};
|
||
|
||
ZammadChat.prototype.showWaitingListTimeout = function() {
|
||
this.el.querySelector('.zammad-chat-modal').innerHTML = this.view('waiting_list_timeout')({
|
||
delay: this.options.watingListTimeout
|
||
});
|
||
this.el.querySelector('.js-restart').addEventListener('click', function() {
|
||
return location.reload();
|
||
});
|
||
return this.sessionClose();
|
||
};
|
||
|
||
ZammadChat.prototype.showLoader = function() {
|
||
return this.el.querySelector('.zammad-chat-modal').innerHTML = this.view('loader')();
|
||
};
|
||
|
||
ZammadChat.prototype.setAgentOnlineState = function(state) {
|
||
var capitalizedState;
|
||
this.state = state;
|
||
if (!this.el) {
|
||
return;
|
||
}
|
||
capitalizedState = state.charAt(0).toUpperCase() + state.slice(1);
|
||
this.el.querySelector('.zammad-chat-agent-status').dataset.status = state;
|
||
return this.el.querySelector('.zammad-chat-agent-status').textContent = this.T(capitalizedState);
|
||
};
|
||
|
||
ZammadChat.prototype.detectHost = function() {
|
||
var protocol;
|
||
protocol = 'ws://';
|
||
if (scriptProtocol === 'https') {
|
||
protocol = 'wss://';
|
||
}
|
||
return this.options.host = "" + protocol + scriptHost + "/ws";
|
||
};
|
||
|
||
ZammadChat.prototype.loadCss = function() {
|
||
var newSS, styles, url;
|
||
if (!this.options.cssAutoload) {
|
||
return;
|
||
}
|
||
url = this.options.cssUrl;
|
||
if (!url) {
|
||
url = this.options.host.replace(/^wss/i, 'https').replace(/^ws/i, 'http').replace(/\/ws$/i, '');
|
||
url += '/assets/chat/chat.css';
|
||
}
|
||
this.log.debug("load css from '" + url + "'");
|
||
styles = "@import url('" + url + "');";
|
||
newSS = document.createElement('link');
|
||
newSS.onload = this.onCssLoaded;
|
||
newSS.rel = 'stylesheet';
|
||
newSS.href = 'data:text/css,' + escape(styles);
|
||
return document.getElementsByTagName('head')[0].appendChild(newSS);
|
||
};
|
||
|
||
ZammadChat.prototype.onCssLoaded = function() {
|
||
var base;
|
||
this.cssLoaded = true;
|
||
if (this.socketReady) {
|
||
this.onReady();
|
||
}
|
||
return typeof (base = this.options).onCssLoaded === "function" ? base.onCssLoaded() : void 0;
|
||
};
|
||
|
||
ZammadChat.prototype.startTimeoutObservers = function() {
|
||
this.idleTimeout = new Timeout({
|
||
logPrefix: 'idleTimeout',
|
||
debug: this.options.debug,
|
||
timeout: this.options.idleTimeout,
|
||
timeoutIntervallCheck: this.options.idleTimeoutIntervallCheck,
|
||
callback: (function(_this) {
|
||
return function() {
|
||
_this.log.debug('Idle timeout reached, hide widget', new Date);
|
||
return _this.destroy({
|
||
remove: true
|
||
});
|
||
};
|
||
})(this)
|
||
});
|
||
this.inactiveTimeout = new Timeout({
|
||
logPrefix: 'inactiveTimeout',
|
||
debug: this.options.debug,
|
||
timeout: this.options.inactiveTimeout,
|
||
timeoutIntervallCheck: this.options.inactiveTimeoutIntervallCheck,
|
||
callback: (function(_this) {
|
||
return function() {
|
||
_this.log.debug('Inactive timeout reached, show timeout screen.', new Date);
|
||
_this.showCustomerTimeout();
|
||
return _this.destroy({
|
||
remove: false
|
||
});
|
||
};
|
||
})(this)
|
||
});
|
||
return this.waitingListTimeout = new Timeout({
|
||
logPrefix: 'waitingListTimeout',
|
||
debug: this.options.debug,
|
||
timeout: this.options.waitingListTimeout,
|
||
timeoutIntervallCheck: this.options.waitingListTimeoutIntervallCheck,
|
||
callback: (function(_this) {
|
||
return function() {
|
||
_this.log.debug('Waiting list timeout reached, show timeout screen.', new Date);
|
||
_this.showWaitingListTimeout();
|
||
return _this.destroy({
|
||
remove: false
|
||
});
|
||
};
|
||
})(this)
|
||
});
|
||
};
|
||
|
||
ZammadChat.prototype.disableScrollOnRoot = function() {
|
||
this.rootScrollOffset = this.scrollRoot.scrollTop;
|
||
this.scrollRoot.style.overflow = 'hidden';
|
||
return this.scrollRoot.style.position = 'fixed';
|
||
};
|
||
|
||
ZammadChat.prototype.enableScrollOnRoot = function() {
|
||
this.scrollRoot.scrollTop = this.rootScrollOffset;
|
||
this.scrollRoot.style.overflow = '';
|
||
return this.scrollRoot.style.position = '';
|
||
};
|
||
|
||
ZammadChat.prototype.isVisible = function(el, partial, hidden, direction) {
|
||
var bViz, clientSize, hVisible, lViz, rViz, rec, tViz, vVisible, vpHeight, vpWidth;
|
||
if (el.length < 1) {
|
||
return;
|
||
}
|
||
vpWidth = window.innerWidth;
|
||
vpHeight = window.innerHeight;
|
||
direction = direction ? direction : 'both';
|
||
clientSize = hidden === true ? t.offsetWidth * t.offsetHeight : true;
|
||
rec = el.getBoundingClientRect();
|
||
tViz = rec.top >= 0 && rec.top < vpHeight;
|
||
bViz = rec.bottom > 0 && rec.bottom <= vpHeight;
|
||
lViz = rec.left >= 0 && rec.left < vpWidth;
|
||
rViz = rec.right > 0 && rec.right <= vpWidth;
|
||
vVisible = partial ? tViz || bViz : tViz && bViz;
|
||
hVisible = partial ? lViz || rViz : lViz && rViz;
|
||
if (direction === 'both') {
|
||
return clientSize && vVisible && hVisible;
|
||
} else if (direction === 'vertical') {
|
||
return clientSize && vVisible;
|
||
} else if (direction === 'horizontal') {
|
||
return clientSize && hVisible;
|
||
}
|
||
};
|
||
|
||
ZammadChat.prototype.isRetina = function() {
|
||
var mq;
|
||
if (window.matchMedia) {
|
||
mq = window.matchMedia('only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 2.6/2), only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 1.3dppx)');
|
||
return mq && mq.matches || (window.devicePixelRatio > 1);
|
||
}
|
||
return false;
|
||
};
|
||
|
||
ZammadChat.prototype.resizeImage = function(dataURL, x, y, sizeFactor, type, quallity, callback, force) {
|
||
var imageObject;
|
||
if (x == null) {
|
||
x = 'auto';
|
||
}
|
||
if (y == null) {
|
||
y = 'auto';
|
||
}
|
||
if (sizeFactor == null) {
|
||
sizeFactor = 1;
|
||
}
|
||
if (force == null) {
|
||
force = true;
|
||
}
|
||
imageObject = new Image();
|
||
imageObject.onload = function() {
|
||
var canvas, context, factor, imageHeight, imageWidth, newDataUrl, resize;
|
||
imageWidth = imageObject.width;
|
||
imageHeight = imageObject.height;
|
||
console.log('ImageService', 'current size', imageWidth, imageHeight);
|
||
if (y === 'auto' && x === 'auto') {
|
||
x = imageWidth;
|
||
y = imageHeight;
|
||
}
|
||
if (y === 'auto') {
|
||
factor = imageWidth / x;
|
||
y = imageHeight / factor;
|
||
}
|
||
if (x === 'auto') {
|
||
factor = imageWidth / y;
|
||
x = imageHeight / factor;
|
||
}
|
||
resize = false;
|
||
if (x < imageWidth || y < imageHeight) {
|
||
resize = true;
|
||
x = x * sizeFactor;
|
||
y = y * sizeFactor;
|
||
} else {
|
||
x = imageWidth;
|
||
y = imageHeight;
|
||
}
|
||
canvas = document.createElement('canvas');
|
||
canvas.width = x;
|
||
canvas.height = y;
|
||
context = canvas.getContext('2d');
|
||
context.drawImage(imageObject, 0, 0, x, y);
|
||
if (quallity === 'auto') {
|
||
if (x < 200 && y < 200) {
|
||
quallity = 1;
|
||
} else if (x < 400 && y < 400) {
|
||
quallity = 0.9;
|
||
} else if (x < 600 && y < 600) {
|
||
quallity = 0.8;
|
||
} else if (x < 900 && y < 900) {
|
||
quallity = 0.7;
|
||
} else {
|
||
quallity = 0.6;
|
||
}
|
||
}
|
||
newDataUrl = canvas.toDataURL(type, quallity);
|
||
if (resize) {
|
||
console.log('ImageService', 'resize', x / sizeFactor, y / sizeFactor, quallity, (newDataUrl.length * 0.75) / 1024 / 1024, 'in mb');
|
||
callback(newDataUrl, x / sizeFactor, y / sizeFactor, true);
|
||
return;
|
||
}
|
||
console.log('ImageService', 'no resize', x, y, quallity, (newDataUrl.length * 0.75) / 1024 / 1024, 'in mb');
|
||
return callback(newDataUrl, x, y, false);
|
||
};
|
||
return imageObject.src = dataURL;
|
||
};
|
||
|
||
ZammadChat.prototype.pasteHtmlAtCaret = function(html) {
|
||
var el, frag, lastNode, node, range, sel;
|
||
sel = void 0;
|
||
range = void 0;
|
||
if (window.getSelection) {
|
||
sel = window.getSelection();
|
||
if (sel.getRangeAt && sel.rangeCount) {
|
||
range = sel.getRangeAt(0);
|
||
range.deleteContents();
|
||
el = document.createElement('div');
|
||
el.innerHTML = html;
|
||
frag = document.createDocumentFragment(node, lastNode);
|
||
while (node = el.firstChild) {
|
||
lastNode = frag.appendChild(node);
|
||
}
|
||
range.insertNode(frag);
|
||
if (lastNode) {
|
||
range = range.cloneRange();
|
||
range.setStartAfter(lastNode);
|
||
range.collapse(true);
|
||
sel.removeAllRanges();
|
||
return sel.addRange(range);
|
||
}
|
||
}
|
||
} else if (document.selection && document.selection.type !== 'Control') {
|
||
return document.selection.createRange().pasteHTML(html);
|
||
}
|
||
};
|
||
|
||
ZammadChat.prototype.wordFilter = function(editor) {
|
||
var content, cur_level, el, i, j, k, l, last_level, len, len1, len2, len3, len4, len5, len6, len7, list_tag, m, matches, n, o, p, pnt, q, r, ref, ref1, ref10, ref2, ref3, ref4, ref5, ref6, ref7, ref8, ref9, s, start, str, txt;
|
||
content = editor.html();
|
||
content = content.replace(/<!--[\s\S]+?-->/gi, '');
|
||
content = content.replace(/<(!|script[^>]*>.*?<\/script(?=[>\s])|\/?(\?xml(:\w+)?|img|meta|link|style|\w:\w+)(?=[\s\/>]))[^>]*>/gi, '');
|
||
content = content.replace(/<(\/?)s>/gi, '<$1strike>');
|
||
content = content.replace(/ /gi, ' ');
|
||
editor.innerHTML = content;
|
||
ref = editor.querySelectorAll('p');
|
||
for (j = 0, len = ref.length; j < len; j++) {
|
||
p = ref[j];
|
||
str = p.getAttribute('style');
|
||
matches = /mso-list:\w+ \w+([0-9]+)/.exec(str);
|
||
if (matches) {
|
||
p.dataset._listLevel = parseInt(matches[1], 10);
|
||
}
|
||
}
|
||
last_level = 0;
|
||
pnt = null;
|
||
ref1 = editor.querySelectorAll('p');
|
||
for (k = 0, len1 = ref1.length; k < len1; k++) {
|
||
p = ref1[k];
|
||
cur_level = p.dataset._listLevel;
|
||
if (cur_level !== void 0) {
|
||
txt = p.textContent;
|
||
list_tag = '<ul></ul>';
|
||
if (/^\s*\w+\./.test(txt)) {
|
||
matches = /([0-9])\./.exec(txt);
|
||
if (matches) {
|
||
start = parseInt(matches[1], 10);
|
||
list_tag = (ref2 = start > 1) != null ? ref2 : '<ol start="' + start + {
|
||
'"></ol>': '<ol></ol>'
|
||
};
|
||
} else {
|
||
list_tag = '<ol></ol>';
|
||
}
|
||
}
|
||
if (cur_level > last_level) {
|
||
if (last_level === 0) {
|
||
p.insertAdjacentHTML('beforebegin', list_tag);
|
||
pnt = p.previousElementSibling;
|
||
} else {
|
||
|
||
}
|
||
pnt.insertAdjacentHTML('beforeend', list_tag);
|
||
}
|
||
if (cur_level < last_level) {
|
||
for (i = l = ref3 = i, ref4 = last_level - cur_level; ref3 <= ref4 ? l <= ref4 : l >= ref4; i = ref3 <= ref4 ? ++l : --l) {
|
||
pnt = pnt.parentNode;
|
||
}
|
||
}
|
||
if (p.querySelector('span:first')) {
|
||
p.querySelector('span:first').remove();
|
||
}
|
||
pnt.insertAdjacentHTML('beforeend', '<li>' + p.innerHTML + '</li>');
|
||
p.remove();
|
||
last_level = cur_level;
|
||
} else {
|
||
last_level = 0;
|
||
}
|
||
}
|
||
ref5 = editor.querySelectorAll('[style]');
|
||
for (m = 0, len2 = ref5.length; m < len2; m++) {
|
||
el = ref5[m];
|
||
el.removeAttribute('style');
|
||
}
|
||
ref6 = editor.querySelectorAll('[align]');
|
||
for (n = 0, len3 = ref6.length; n < len3; n++) {
|
||
el = ref6[n];
|
||
el.removeAttribute('align');
|
||
}
|
||
ref7 = editor.querySelectorAll('span');
|
||
for (o = 0, len4 = ref7.length; o < len4; o++) {
|
||
el = ref7[o];
|
||
el.outerHTML = el.innerHTML;
|
||
}
|
||
ref8 = editor.querySelectorAll('span:empty');
|
||
for (q = 0, len5 = ref8.length; q < len5; q++) {
|
||
el = ref8[q];
|
||
el.remove();
|
||
}
|
||
ref9 = editor.querySelectorAll("[class^='Mso']");
|
||
for (r = 0, len6 = ref9.length; r < len6; r++) {
|
||
el = ref9[r];
|
||
el.removeAttribute('class');
|
||
}
|
||
ref10 = editor.querySelectorAll('p:empty');
|
||
for (s = 0, len7 = ref10.length; s < len7; s++) {
|
||
el = ref10[s];
|
||
el.remove();
|
||
}
|
||
return editor;
|
||
};
|
||
|
||
ZammadChat.prototype.removeAttribute = function(element) {
|
||
var att, j, len, ref, results;
|
||
if (!element) {
|
||
return;
|
||
}
|
||
ref = element.attributes;
|
||
results = [];
|
||
for (j = 0, len = ref.length; j < len; j++) {
|
||
att = ref[j];
|
||
results.push(element.removeAttribute(att.name));
|
||
}
|
||
return results;
|
||
};
|
||
|
||
ZammadChat.prototype.removeAttributes = function(html) {
|
||
var j, len, node, ref;
|
||
ref = html.querySelectorAll('*');
|
||
for (j = 0, len = ref.length; j < len; j++) {
|
||
node = ref[j];
|
||
this.removeAttribute(node);
|
||
}
|
||
return html;
|
||
};
|
||
|
||
return ZammadChat;
|
||
|
||
})(Base);
|
||
return window.ZammadChat = ZammadChat;
|
||
})(window);
|
||
|
||
if (!window.zammadChatTemplates) {
|
||
window.zammadChatTemplates = {};
|
||
}
|
||
window.zammadChatTemplates["chat"] = function (__obj) {
|
||
if (!__obj) __obj = {};
|
||
var __out = [], __capture = function(callback) {
|
||
var out = __out, result;
|
||
__out = [];
|
||
callback.call(this);
|
||
result = __out.join('');
|
||
__out = out;
|
||
return __safe(result);
|
||
}, __sanitize = function(value) {
|
||
if (value && value.ecoSafe) {
|
||
return value;
|
||
} else if (typeof value !== 'undefined' && value != null) {
|
||
return __escape(value);
|
||
} else {
|
||
return '';
|
||
}
|
||
}, __safe, __objSafe = __obj.safe, __escape = __obj.escape;
|
||
__safe = __obj.safe = function(value) {
|
||
if (value && value.ecoSafe) {
|
||
return value;
|
||
} else {
|
||
if (!(typeof value !== 'undefined' && value != null)) value = '';
|
||
var result = new String(value);
|
||
result.ecoSafe = true;
|
||
return result;
|
||
}
|
||
};
|
||
if (!__escape) {
|
||
__escape = __obj.escape = function(value) {
|
||
return ('' + value)
|
||
.replace(/&/g, '&')
|
||
.replace(/</g, '<')
|
||
.replace(/>/g, '>')
|
||
.replace(/"/g, '"');
|
||
};
|
||
}
|
||
(function() {
|
||
(function() {
|
||
__out.push('<div class="zammad-chat');
|
||
|
||
if (this.flat) {
|
||
__out.push(__sanitize(' zammad-chat--flat'));
|
||
}
|
||
|
||
__out.push('"');
|
||
|
||
if (this.fontSize) {
|
||
__out.push(__sanitize(" style='font-size: " + this.fontSize + "'"));
|
||
}
|
||
|
||
__out.push('>\n <div class="zammad-chat-header js-chat-open"');
|
||
|
||
if (this.background) {
|
||
__out.push(__sanitize(" style='background: " + this.background + "'"));
|
||
}
|
||
|
||
__out.push('>\n <div class="zammad-chat-header-controls js-chat-toggle">\n <span class="zammad-chat-agent-status zammad-chat-is-hidden js-chat-status" data-status="online"></span>\n <span class="zammad-chat-header-icon">\n <svg class="zammad-chat-header-icon-open" width="13" height="7" viewBox="0 0 13 7"><path d="M10.807 7l1.4-1.428-5-4.9L6.5-.02l-.7.7-4.9 4.9 1.414 1.413L6.5 2.886 10.807 7z" fill-rule="evenodd"/></svg>\n <svg class="zammad-chat-header-icon-close" width="13" height="13" viewBox="0 0 13 13"><path d="m2.241.12l-2.121 2.121 4.243 4.243-4.243 4.243 2.121 2.121 4.243-4.243 4.243 4.243 2.121-2.121-4.243-4.243 4.243-4.243-2.121-2.121-4.243 4.243-4.243-4.243" fill-rule="evenodd"/></svg>\n </span>\n </div>\n <div class="zammad-chat-agent zammad-chat-is-hidden">\n </div>\n <div class="zammad-chat-welcome">\n <svg class="zammad-chat-icon" viewBox="0 0 24 24" width="24" height="24"><path d="M2 5C2 4 3 3 4 3h16c1 0 2 1 2 2v10C22 16 21 17 20 17H4C3 17 2 16 2 15V5zM12 17l6 4v-4h-6z"/></svg>\n <span class="zammad-chat-welcome-text">');
|
||
|
||
__out.push(this.T(this.title));
|
||
|
||
__out.push('</span>\n </div>\n </div>\n <div class="zammad-chat-modal"></div>\n <div class="zammad-scroll-hint is-hidden">\n <svg class="zammad-scroll-hint-icon" width="20" height="18" viewBox="0 0 20 18"><path d="M0,2.00585866 C0,0.898053512 0.898212381,0 1.99079514,0 L18.0092049,0 C19.1086907,0 20,0.897060126 20,2.00585866 L20,11.9941413 C20,13.1019465 19.1017876,14 18.0092049,14 L1.99079514,14 C0.891309342,14 0,13.1029399 0,11.9941413 L0,2.00585866 Z M10,14 L16,18 L16,14 L10,14 Z" fill-rule="evenodd"/></svg>\n ');
|
||
|
||
__out.push(this.T(this.scrollHint));
|
||
|
||
__out.push('\n </div>\n <div class="zammad-chat-body"></div>\n <form class="zammad-chat-controls">\n <div class="zammad-chat-input" rows="1" placeholder="');
|
||
|
||
__out.push(this.T('Compose your message…'));
|
||
|
||
__out.push('" contenteditable="true"></div>\n <button type="submit" class="zammad-chat-button zammad-chat-send"');
|
||
|
||
if (this.background) {
|
||
__out.push(__sanitize(" style='background: " + this.background + "'"));
|
||
}
|
||
|
||
__out.push('>');
|
||
|
||
__out.push(this.T('Send'));
|
||
|
||
__out.push('</button>\n </form>\n</div>');
|
||
|
||
}).call(this);
|
||
|
||
}).call(__obj);
|
||
__obj.safe = __objSafe, __obj.escape = __escape;
|
||
return __out.join('');
|
||
};
|
||
|
||
if (!window.zammadChatTemplates) {
|
||
window.zammadChatTemplates = {};
|
||
}
|
||
window.zammadChatTemplates["customer_timeout"] = function (__obj) {
|
||
if (!__obj) __obj = {};
|
||
var __out = [], __capture = function(callback) {
|
||
var out = __out, result;
|
||
__out = [];
|
||
callback.call(this);
|
||
result = __out.join('');
|
||
__out = out;
|
||
return __safe(result);
|
||
}, __sanitize = function(value) {
|
||
if (value && value.ecoSafe) {
|
||
return value;
|
||
} else if (typeof value !== 'undefined' && value != null) {
|
||
return __escape(value);
|
||
} else {
|
||
return '';
|
||
}
|
||
}, __safe, __objSafe = __obj.safe, __escape = __obj.escape;
|
||
__safe = __obj.safe = function(value) {
|
||
if (value && value.ecoSafe) {
|
||
return value;
|
||
} else {
|
||
if (!(typeof value !== 'undefined' && value != null)) value = '';
|
||
var result = new String(value);
|
||
result.ecoSafe = true;
|
||
return result;
|
||
}
|
||
};
|
||
if (!__escape) {
|
||
__escape = __obj.escape = function(value) {
|
||
return ('' + value)
|
||
.replace(/&/g, '&')
|
||
.replace(/</g, '<')
|
||
.replace(/>/g, '>')
|
||
.replace(/"/g, '"');
|
||
};
|
||
}
|
||
(function() {
|
||
(function() {
|
||
__out.push('<div class="zammad-chat-modal-text">\n ');
|
||
|
||
if (this.agent) {
|
||
__out.push('\n ');
|
||
__out.push(this.T('Since you didn\'t respond in the last %s minutes your conversation with <strong>%s</strong> got closed.', this.delay, this.agent));
|
||
__out.push('\n ');
|
||
} else {
|
||
__out.push('\n ');
|
||
__out.push(this.T('Since you didn\'t respond in the last %s minutes your conversation got closed.', this.delay));
|
||
__out.push('\n ');
|
||
}
|
||
|
||
__out.push('\n <br>\n <div class="zammad-chat-button js-restart"');
|
||
|
||
if (this.background) {
|
||
__out.push(__sanitize(" style='background: " + this.background + "'"));
|
||
}
|
||
|
||
__out.push('>');
|
||
|
||
__out.push(this.T('Start new conversation'));
|
||
|
||
__out.push('</div>\n</div>');
|
||
|
||
}).call(this);
|
||
|
||
}).call(__obj);
|
||
__obj.safe = __objSafe, __obj.escape = __escape;
|
||
return __out.join('');
|
||
};
|
||
|
||
if (!window.zammadChatTemplates) {
|
||
window.zammadChatTemplates = {};
|
||
}
|
||
window.zammadChatTemplates["loader"] = function (__obj) {
|
||
if (!__obj) __obj = {};
|
||
var __out = [], __capture = function(callback) {
|
||
var out = __out, result;
|
||
__out = [];
|
||
callback.call(this);
|
||
result = __out.join('');
|
||
__out = out;
|
||
return __safe(result);
|
||
}, __sanitize = function(value) {
|
||
if (value && value.ecoSafe) {
|
||
return value;
|
||
} else if (typeof value !== 'undefined' && value != null) {
|
||
return __escape(value);
|
||
} else {
|
||
return '';
|
||
}
|
||
}, __safe, __objSafe = __obj.safe, __escape = __obj.escape;
|
||
__safe = __obj.safe = function(value) {
|
||
if (value && value.ecoSafe) {
|
||
return value;
|
||
} else {
|
||
if (!(typeof value !== 'undefined' && value != null)) value = '';
|
||
var result = new String(value);
|
||
result.ecoSafe = true;
|
||
return result;
|
||
}
|
||
};
|
||
if (!__escape) {
|
||
__escape = __obj.escape = function(value) {
|
||
return ('' + value)
|
||
.replace(/&/g, '&')
|
||
.replace(/</g, '<')
|
||
.replace(/>/g, '>')
|
||
.replace(/"/g, '"');
|
||
};
|
||
}
|
||
(function() {
|
||
(function() {
|
||
__out.push('<span class="zammad-chat-loading-animation">\n <span class="zammad-chat-loading-circle"></span>\n <span class="zammad-chat-loading-circle"></span>\n <span class="zammad-chat-loading-circle"></span>\n</span>\n<span class="zammad-chat-modal-text">');
|
||
|
||
__out.push(this.T('Connecting'));
|
||
|
||
__out.push('</span>');
|
||
|
||
}).call(this);
|
||
|
||
}).call(__obj);
|
||
__obj.safe = __objSafe, __obj.escape = __escape;
|
||
return __out.join('');
|
||
};
|
||
|
||
if (!window.zammadChatTemplates) {
|
||
window.zammadChatTemplates = {};
|
||
}
|
||
window.zammadChatTemplates["message"] = function (__obj) {
|
||
if (!__obj) __obj = {};
|
||
var __out = [], __capture = function(callback) {
|
||
var out = __out, result;
|
||
__out = [];
|
||
callback.call(this);
|
||
result = __out.join('');
|
||
__out = out;
|
||
return __safe(result);
|
||
}, __sanitize = function(value) {
|
||
if (value && value.ecoSafe) {
|
||
return value;
|
||
} else if (typeof value !== 'undefined' && value != null) {
|
||
return __escape(value);
|
||
} else {
|
||
return '';
|
||
}
|
||
}, __safe, __objSafe = __obj.safe, __escape = __obj.escape;
|
||
__safe = __obj.safe = function(value) {
|
||
if (value && value.ecoSafe) {
|
||
return value;
|
||
} else {
|
||
if (!(typeof value !== 'undefined' && value != null)) value = '';
|
||
var result = new String(value);
|
||
result.ecoSafe = true;
|
||
return result;
|
||
}
|
||
};
|
||
if (!__escape) {
|
||
__escape = __obj.escape = function(value) {
|
||
return ('' + value)
|
||
.replace(/&/g, '&')
|
||
.replace(/</g, '<')
|
||
.replace(/>/g, '>')
|
||
.replace(/"/g, '"');
|
||
};
|
||
}
|
||
(function() {
|
||
(function() {
|
||
__out.push('<div class="zammad-chat-message zammad-chat-message--');
|
||
|
||
__out.push(__sanitize(this.from));
|
||
|
||
__out.push(__sanitize(this.unreadClass));
|
||
|
||
__out.push('">\n <span class="zammad-chat-message-body"');
|
||
|
||
if (this.background && this.from === 'customer') {
|
||
__out.push(__sanitize(" style='background: " + this.background + "'"));
|
||
}
|
||
|
||
__out.push('>');
|
||
|
||
__out.push(this.message);
|
||
|
||
__out.push('</span>\n</div>');
|
||
|
||
}).call(this);
|
||
|
||
}).call(__obj);
|
||
__obj.safe = __objSafe, __obj.escape = __escape;
|
||
return __out.join('');
|
||
};
|
||
|
||
if (!window.zammadChatTemplates) {
|
||
window.zammadChatTemplates = {};
|
||
}
|
||
window.zammadChatTemplates["status"] = function (__obj) {
|
||
if (!__obj) __obj = {};
|
||
var __out = [], __capture = function(callback) {
|
||
var out = __out, result;
|
||
__out = [];
|
||
callback.call(this);
|
||
result = __out.join('');
|
||
__out = out;
|
||
return __safe(result);
|
||
}, __sanitize = function(value) {
|
||
if (value && value.ecoSafe) {
|
||
return value;
|
||
} else if (typeof value !== 'undefined' && value != null) {
|
||
return __escape(value);
|
||
} else {
|
||
return '';
|
||
}
|
||
}, __safe, __objSafe = __obj.safe, __escape = __obj.escape;
|
||
__safe = __obj.safe = function(value) {
|
||
if (value && value.ecoSafe) {
|
||
return value;
|
||
} else {
|
||
if (!(typeof value !== 'undefined' && value != null)) value = '';
|
||
var result = new String(value);
|
||
result.ecoSafe = true;
|
||
return result;
|
||
}
|
||
};
|
||
if (!__escape) {
|
||
__escape = __obj.escape = function(value) {
|
||
return ('' + value)
|
||
.replace(/&/g, '&')
|
||
.replace(/</g, '<')
|
||
.replace(/>/g, '>')
|
||
.replace(/"/g, '"');
|
||
};
|
||
}
|
||
(function() {
|
||
(function() {
|
||
__out.push('<div class="zammad-chat-status">\n <div class="zammad-chat-status-inner">\n ');
|
||
|
||
__out.push(this.status);
|
||
|
||
__out.push('\n </div>\n</div>');
|
||
|
||
}).call(this);
|
||
|
||
}).call(__obj);
|
||
__obj.safe = __objSafe, __obj.escape = __escape;
|
||
return __out.join('');
|
||
};
|
||
|
||
if (!window.zammadChatTemplates) {
|
||
window.zammadChatTemplates = {};
|
||
}
|
||
window.zammadChatTemplates["timestamp"] = function (__obj) {
|
||
if (!__obj) __obj = {};
|
||
var __out = [], __capture = function(callback) {
|
||
var out = __out, result;
|
||
__out = [];
|
||
callback.call(this);
|
||
result = __out.join('');
|
||
__out = out;
|
||
return __safe(result);
|
||
}, __sanitize = function(value) {
|
||
if (value && value.ecoSafe) {
|
||
return value;
|
||
} else if (typeof value !== 'undefined' && value != null) {
|
||
return __escape(value);
|
||
} else {
|
||
return '';
|
||
}
|
||
}, __safe, __objSafe = __obj.safe, __escape = __obj.escape;
|
||
__safe = __obj.safe = function(value) {
|
||
if (value && value.ecoSafe) {
|
||
return value;
|
||
} else {
|
||
if (!(typeof value !== 'undefined' && value != null)) value = '';
|
||
var result = new String(value);
|
||
result.ecoSafe = true;
|
||
return result;
|
||
}
|
||
};
|
||
if (!__escape) {
|
||
__escape = __obj.escape = function(value) {
|
||
return ('' + value)
|
||
.replace(/&/g, '&')
|
||
.replace(/</g, '<')
|
||
.replace(/>/g, '>')
|
||
.replace(/"/g, '"');
|
||
};
|
||
}
|
||
(function() {
|
||
(function() {
|
||
__out.push('<div class="zammad-chat-timestamp"><strong>');
|
||
|
||
__out.push(__sanitize(this.label));
|
||
|
||
__out.push('</strong> ');
|
||
|
||
__out.push(__sanitize(this.time));
|
||
|
||
__out.push('</div>');
|
||
|
||
}).call(this);
|
||
|
||
}).call(__obj);
|
||
__obj.safe = __objSafe, __obj.escape = __escape;
|
||
return __out.join('');
|
||
};
|
||
|
||
if (!window.zammadChatTemplates) {
|
||
window.zammadChatTemplates = {};
|
||
}
|
||
window.zammadChatTemplates["typingIndicator"] = function (__obj) {
|
||
if (!__obj) __obj = {};
|
||
var __out = [], __capture = function(callback) {
|
||
var out = __out, result;
|
||
__out = [];
|
||
callback.call(this);
|
||
result = __out.join('');
|
||
__out = out;
|
||
return __safe(result);
|
||
}, __sanitize = function(value) {
|
||
if (value && value.ecoSafe) {
|
||
return value;
|
||
} else if (typeof value !== 'undefined' && value != null) {
|
||
return __escape(value);
|
||
} else {
|
||
return '';
|
||
}
|
||
}, __safe, __objSafe = __obj.safe, __escape = __obj.escape;
|
||
__safe = __obj.safe = function(value) {
|
||
if (value && value.ecoSafe) {
|
||
return value;
|
||
} else {
|
||
if (!(typeof value !== 'undefined' && value != null)) value = '';
|
||
var result = new String(value);
|
||
result.ecoSafe = true;
|
||
return result;
|
||
}
|
||
};
|
||
if (!__escape) {
|
||
__escape = __obj.escape = function(value) {
|
||
return ('' + value)
|
||
.replace(/&/g, '&')
|
||
.replace(/</g, '<')
|
||
.replace(/>/g, '>')
|
||
.replace(/"/g, '"');
|
||
};
|
||
}
|
||
(function() {
|
||
(function() {
|
||
__out.push('<div class="zammad-chat-message zammad-chat-message--typing zammad-chat-message--agent">\n <span class="zammad-chat-message-body">\n <span class="zammad-chat-loading-animation">\n <span class="zammad-chat-loading-circle"></span>\n <span class="zammad-chat-loading-circle"></span>\n <span class="zammad-chat-loading-circle"></span>\n </span>\n </span>\n</div>');
|
||
|
||
}).call(this);
|
||
|
||
}).call(__obj);
|
||
__obj.safe = __objSafe, __obj.escape = __escape;
|
||
return __out.join('');
|
||
};
|
||
|
||
if (!window.zammadChatTemplates) {
|
||
window.zammadChatTemplates = {};
|
||
}
|
||
window.zammadChatTemplates["waiting"] = function (__obj) {
|
||
if (!__obj) __obj = {};
|
||
var __out = [], __capture = function(callback) {
|
||
var out = __out, result;
|
||
__out = [];
|
||
callback.call(this);
|
||
result = __out.join('');
|
||
__out = out;
|
||
return __safe(result);
|
||
}, __sanitize = function(value) {
|
||
if (value && value.ecoSafe) {
|
||
return value;
|
||
} else if (typeof value !== 'undefined' && value != null) {
|
||
return __escape(value);
|
||
} else {
|
||
return '';
|
||
}
|
||
}, __safe, __objSafe = __obj.safe, __escape = __obj.escape;
|
||
__safe = __obj.safe = function(value) {
|
||
if (value && value.ecoSafe) {
|
||
return value;
|
||
} else {
|
||
if (!(typeof value !== 'undefined' && value != null)) value = '';
|
||
var result = new String(value);
|
||
result.ecoSafe = true;
|
||
return result;
|
||
}
|
||
};
|
||
if (!__escape) {
|
||
__escape = __obj.escape = function(value) {
|
||
return ('' + value)
|
||
.replace(/&/g, '&')
|
||
.replace(/</g, '<')
|
||
.replace(/>/g, '>')
|
||
.replace(/"/g, '"');
|
||
};
|
||
}
|
||
(function() {
|
||
(function() {
|
||
__out.push('<div class="zammad-chat-modal-text">\n <span class="zammad-chat-loading-animation">\n <span class="zammad-chat-loading-circle"></span>\n <span class="zammad-chat-loading-circle"></span>\n <span class="zammad-chat-loading-circle"></span>\n </span>\n ');
|
||
|
||
__out.push(this.T('All colleagues are busy.'));
|
||
|
||
__out.push('<br>\n ');
|
||
|
||
__out.push(this.T('You are on waiting list position <strong>%s</strong>.', this.position));
|
||
|
||
__out.push('\n</div>');
|
||
|
||
}).call(this);
|
||
|
||
}).call(__obj);
|
||
__obj.safe = __objSafe, __obj.escape = __escape;
|
||
return __out.join('');
|
||
};
|
||
|
||
if (!window.zammadChatTemplates) {
|
||
window.zammadChatTemplates = {};
|
||
}
|
||
window.zammadChatTemplates["waiting_list_timeout"] = function (__obj) {
|
||
if (!__obj) __obj = {};
|
||
var __out = [], __capture = function(callback) {
|
||
var out = __out, result;
|
||
__out = [];
|
||
callback.call(this);
|
||
result = __out.join('');
|
||
__out = out;
|
||
return __safe(result);
|
||
}, __sanitize = function(value) {
|
||
if (value && value.ecoSafe) {
|
||
return value;
|
||
} else if (typeof value !== 'undefined' && value != null) {
|
||
return __escape(value);
|
||
} else {
|
||
return '';
|
||
}
|
||
}, __safe, __objSafe = __obj.safe, __escape = __obj.escape;
|
||
__safe = __obj.safe = function(value) {
|
||
if (value && value.ecoSafe) {
|
||
return value;
|
||
} else {
|
||
if (!(typeof value !== 'undefined' && value != null)) value = '';
|
||
var result = new String(value);
|
||
result.ecoSafe = true;
|
||
return result;
|
||
}
|
||
};
|
||
if (!__escape) {
|
||
__escape = __obj.escape = function(value) {
|
||
return ('' + value)
|
||
.replace(/&/g, '&')
|
||
.replace(/</g, '<')
|
||
.replace(/>/g, '>')
|
||
.replace(/"/g, '"');
|
||
};
|
||
}
|
||
(function() {
|
||
(function() {
|
||
__out.push('<div class="zammad-chat-modal-text">\n ');
|
||
|
||
__out.push(this.T('We are sorry, it takes longer as expected to get an empty slot. Please try again later or send us an email. Thank you!'));
|
||
|
||
__out.push('\n <br>\n <div class="zammad-chat-button js-restart"');
|
||
|
||
if (this.background) {
|
||
__out.push(__sanitize(" style='background: " + this.background + "'"));
|
||
}
|
||
|
||
__out.push('>');
|
||
|
||
__out.push(this.T('Start new conversation'));
|
||
|
||
__out.push('</div>\n</div>');
|
||
|
||
}).call(this);
|
||
|
||
}).call(__obj);
|
||
__obj.safe = __objSafe, __obj.escape = __escape;
|
||
return __out.join('');
|
||
};
|